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;
}
.w-optimization {
display: contents;
}
.w-webflow-badge, .w-webflow-badge > img {
box-sizing: unset;
width: unset;
height: unset;
max-height: unset;
max-width: unset;
min-height: unset;
min-width: unset;
margin: unset;
padding: unset;
float: unset;
clear: unset;
border: unset;
border-radius: unset;
background: unset;
background-image: unset;
background-position: unset;
background-size: unset;
background-repeat: unset;
background-origin: unset;
background-clip: unset;
background-attachment: unset;
background-color: unset;
box-shadow: unset;
transform: unset;
direction: unset;
font-family: unset;
font-weight: unset;
color: unset;
font-size: unset;
line-height: unset;
font-style: unset;
font-variant: unset;
text-align: unset;
letter-spacing: unset;
-webkit-text-decoration: unset;
text-decoration: unset;
text-indent: unset;
text-transform: unset;
list-style-type: unset;
text-shadow: unset;
vertical-align: unset;
cursor: unset;
white-space: unset;
word-break: unset;
word-spacing: unset;
word-wrap: unset;
transition: unset;
}
.w-webflow-badge {
white-space: nowrap;
cursor: pointer;
box-shadow: 0 0 0 1px #0000001a, 0 1px 3px #0000001a;
visibility: visible !important;
opacity: 1 !important;
z-index: 2147483647 !important;
color: #aaadb0 !important;
overflow: unset !important;
background-color: #fff !important;
border-radius: 3px !important;
width: auto !important;
height: auto !important;
margin: 0 !important;
padding: 6px !important;
font-size: 12px !important;
line-height: 14px !important;
text-decoration: none !important;
display: inline-block !important;
position: fixed !important;
inset: auto 12px 12px auto !important;
transform: none !important;
}
.w-webflow-badge > img {
position: unset;
visibility: unset !important;
opacity: 1 !important;
vertical-align: middle !important;
display: inline-block !important;
}
h1, h2, h3, h4, h5, h6 {
margin-bottom: 10px;
font-weight: 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 {
font-size: inherit;
line-height: inherit;
width: auto;
height: auto;
padding: .2em .5em;
}
.w-slider-nav.w-shadow > div {
box-shadow: 0 0 3px #3336;
}
.w-slider-nav-invert {
color: #fff;
}
.w-slider-nav-invert > div {
background-color: #2226;
}
.w-slider-nav-invert > div.w-active {
background-color: #222;
}
.w-slider-dot {
cursor: pointer;
background-color: #fff6;
width: 1em;
height: 1em;
margin: 0 3px .5em;
transition: background-color .1s, color .1s;
display: inline-block;
position: relative;
}
.w-slider-dot.w-active {
background-color: #fff;
}
.w-slider-dot:focus {
outline: none;
box-shadow: 0 0 0 2px #fff;
}
.w-slider-dot:focus.w-active {
box-shadow: none;
}
.w-slider-arrow-left, .w-slider-arrow-right {
cursor: pointer;
color: #fff;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
-webkit-user-select: none;
user-select: none;
width: 80px;
margin: auto;
font-size: 40px;
position: absolute;
inset: 0;
overflow: hidden;
}
.w-slider-arrow-left [class^="w-icon-"], .w-slider-arrow-right [class^="w-icon-"], .w-slider-arrow-left [class*=" w-icon-"], .w-slider-arrow-right [class*=" w-icon-"] {
position: absolute;
}
.w-slider-arrow-left:focus, .w-slider-arrow-right:focus {
outline: 0;
}
.w-slider-arrow-left {
z-index: 3;
right: auto;
}
.w-slider-arrow-right {
z-index: 4;
left: auto;
}
.w-icon-slider-left, .w-icon-slider-right {
width: 1em;
height: 1em;
margin: auto;
inset: 0;
}
.w-slider-aria-label {
clip: rect(0 0 0 0);
border: 0;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
position: absolute;
overflow: hidden;
}
.w-slider-force-show {
display: block !important;
}
.w-dropdown {
text-align: left;
z-index: 900;
margin-left: auto;
margin-right: auto;
display: inline-block;
position: relative;
}
.w-dropdown-btn, .w-dropdown-toggle, .w-dropdown-link {
vertical-align: top;
color: #222;
text-align: left;
white-space: nowrap;
margin-left: auto;
margin-right: auto;
padding: 20px;
text-decoration: none;
position: relative;
}
.w-dropdown-toggle {
-webkit-user-select: none;
user-select: none;
cursor: pointer;
padding-right: 40px;
display: inline-block;
}
.w-dropdown-toggle:focus {
outline: 0;
}
.w-icon-dropdown-toggle {
width: 1em;
height: 1em;
margin: auto 20px auto auto;
position: absolute;
top: 0;
bottom: 0;
right: 0;
}
.w-dropdown-list {
background: #ddd;
min-width: 100%;
display: none;
position: absolute;
}
.w-dropdown-list.w--open {
display: block;
}
.w-dropdown-link {
color: #222;
padding: 10px 20px;
display: block;
}
.w-dropdown-link.w--current {
color: #0082f3;
}
.w-dropdown-link:focus {
outline: 0;
}
@media screen and (max-width: 767px) {
.w-nav-brand {
padding-left: 10px;
}
}
.w-lightbox-backdrop {
cursor: auto;
letter-spacing: normal;
text-indent: 0;
text-shadow: none;
text-transform: none;
visibility: visible;
white-space: normal;
word-break: normal;
word-spacing: normal;
word-wrap: normal;
color: #fff;
text-align: center;
z-index: 2000;
opacity: 0;
-webkit-user-select: none;
-moz-user-select: none;
-webkit-tap-highlight-color: transparent;
background: #000000e6;
outline: 0;
font-family: Helvetica Neue, Helvetica, Ubuntu, Segoe UI, Verdana, sans-serif;
font-size: 17px;
font-style: normal;
font-weight: 300;
line-height: 1.2;
list-style: disc;
position: fixed;
inset: 0;
-webkit-transform: translate(0);
}
.w-lightbox-backdrop, .w-lightbox-container {
-webkit-overflow-scrolling: touch;
height: 100%;
overflow: auto;
}
.w-lightbox-content {
height: 100vh;
position: relative;
overflow: hidden;
}
.w-lightbox-view {
opacity: 0;
width: 100vw;
height: 100vh;
position: absolute;
}
.w-lightbox-view:before {
content: "";
height: 100vh;
}
.w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view:before {
height: 86vh;
}
.w-lightbox-frame, .w-lightbox-view:before {
vertical-align: middle;
display: inline-block;
}
.w-lightbox-figure {
margin: 0;
position: relative;
}
.w-lightbox-group .w-lightbox-figure {
cursor: pointer;
}
.w-lightbox-img {
width: auto;
max-width: none;
height: auto;
}
.w-lightbox-image {
float: none;
max-width: 100vw;
max-height: 100vh;
display: block;
}
.w-lightbox-group .w-lightbox-image {
max-height: 86vh;
}
.w-lightbox-caption {
text-align: left;
text-overflow: ellipsis;
white-space: nowrap;
background: #0006;
padding: .5em 1em;
position: absolute;
bottom: 0;
left: 0;
right: 0;
overflow: hidden;
}
.w-lightbox-embed {
width: 100%;
height: 100%;
position: absolute;
inset: 0;
}
.w-lightbox-control {
cursor: pointer;
background-position: 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: Degular;
src: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/66f589436d8e3c3c024007d0_Degular%20Thin.ttf") format("truetype");
font-weight: 100;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Degular;
src: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/66f589435f4ba1dc62f73b8a_Degular%20Regular.ttf") format("truetype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Degular;
src: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/66f589439dc593b193dd18d9_Degular%20Italic.ttf") format("truetype");
font-weight: 400;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: Degular;
src: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/66f58943e0a7ea13f89ff447_Degular%20Semibold.ttf") format("truetype");
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Degular;
src: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/66f5894329d5c77cc2416a93_Degular%20Thin%20Italic.ttf") format("truetype");
font-weight: 100;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: Pretendard;
src: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/61d233059a24be82a9dd3a08_Pretendard-Light.otf") format("opentype");
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Pretendard;
src: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/61d233059a24be67d9dd39fe_Pretendard-Bold.otf") format("opentype");
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Pretendard;
src: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/61d233059a24be91bedd3a09_Pretendard-Medium.otf") format("opentype");
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Pretendard;
src: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/61d233059a24be2b26dd3a07_Pretendard-Black.otf") format("opentype");
font-weight: 900;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Pretendard;
src: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/61d233059a24bec8fbdd3a0a_Pretendard-Regular.otf") format("opentype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Pretendard;
src: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/61d233059a24be7619dd3a06_Pretendard-ExtraLight.otf") format("opentype");
font-weight: 200;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Pretendard;
src: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/61d233059a24be083cdd3a0b_Pretendard-SemiBold.otf") format("opentype");
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Pretendard;
src: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/61d233059a24be0c68dd3a0c_Pretendard-Thin.otf") format("opentype");
font-weight: 100;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Rondal;
src: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/61d233059a24be5ff1dd3a13_Rondal-Semibold.otf") format("opentype");
font-weight: 600;
font-style: normal;
font-display: swap;
}
:root {
--dim-grey: #6d6d6d;
--black: black;
--grey: #868686;
--blue: #1e35e5;
--medium-slate-blue: #fecc2f;
--white: white;
}
.w-layout-blockcontainer {
max-width: 940px;
margin-left: auto;
margin-right: auto;
display: block;
}
.w-layout-grid {
grid-row-gap: 16px;
grid-column-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.w-form-formrecaptcha {
margin-bottom: 8px;
}
.w-layout-layout {
grid-row-gap: 20px;
grid-column-gap: 20px;
grid-auto-columns: 1fr;
justify-content: center;
padding: 20px;
}
.w-layout-cell {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.w-embed-youtubevideo {
background-image: url("https://d3e54v103j8qbb.cloudfront.net/static/youtube-placeholder.2b05e7d68d.svg");
background-position: 50%;
background-size: cover;
width: 100%;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
position: relative;
}
.w-embed-youtubevideo:empty {
min-height: 75px;
padding-bottom: 56.25%;
}
.w-pagination-wrapper {
flex-wrap: wrap;
justify-content: center;
display: flex;
}
.w-pagination-previous {
color: #333;
background-color: #fafafa;
border: 1px solid #ccc;
border-radius: 2px;
margin-left: 10px;
margin-right: 10px;
padding: 9px 20px;
font-size: 14px;
display: block;
}
.w-pagination-previous-icon {
margin-right: 4px;
}
.w-pagination-next {
color: #333;
background-color: #fafafa;
border: 1px solid #ccc;
border-radius: 2px;
margin-left: 10px;
margin-right: 10px;
padding: 9px 20px;
font-size: 14px;
display: block;
}
.w-pagination-next-icon {
margin-left: 4px;
}
.w-commerce-commercecheckoutformcontainer {
background-color: #f5f5f5;
width: 100%;
min-height: 100vh;
padding: 20px;
}
.w-commerce-commercelayoutcontainer {
justify-content: center;
align-items: flex-start;
display: flex;
}
.w-commerce-commercelayoutmain {
flex: 0 800px;
margin-right: 20px;
}
.w-commerce-commercecartapplepaybutton {
color: #fff;
cursor: pointer;
-webkit-appearance: none;
appearance: none;
background-color: #000;
border-width: 0;
border-radius: 2px;
align-items: center;
height: 38px;
min-height: 30px;
margin-bottom: 8px;
padding: 0;
text-decoration: none;
display: flex;
}
.w-commerce-commercecartapplepayicon {
width: 100%;
height: 50%;
min-height: 20px;
}
.w-commerce-commercecartquickcheckoutbutton {
color: #fff;
cursor: pointer;
-webkit-appearance: none;
appearance: none;
background-color: #000;
border-width: 0;
border-radius: 2px;
justify-content: center;
align-items: center;
height: 38px;
margin-bottom: 8px;
padding: 0 15px;
text-decoration: none;
display: flex;
}
.w-commerce-commercequickcheckoutgoogleicon, .w-commerce-commercequickcheckoutmicrosofticon {
margin-right: 8px;
display: block;
}
.w-commerce-commercecheckoutcustomerinfowrapper {
margin-bottom: 20px;
}
.w-commerce-commercecheckoutblockheader {
background-color: #fff;
border: 1px solid #e6e6e6;
justify-content: space-between;
align-items: baseline;
padding: 4px 20px;
display: flex;
}
.w-commerce-commercecheckoutblockcontent {
background-color: #fff;
border-bottom: 1px solid #e6e6e6;
border-left: 1px solid #e6e6e6;
border-right: 1px solid #e6e6e6;
padding: 20px;
}
.w-commerce-commercecheckoutlabel {
margin-bottom: 8px;
}
.w-commerce-commercecheckoutemailinput {
-webkit-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 0;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutemailinput::placeholder {
color: #999;
}
.w-commerce-commercecheckoutemailinput:focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutshippingaddresswrapper {
margin-bottom: 20px;
}
.w-commerce-commercecheckoutshippingfullname {
-webkit-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutshippingfullname::placeholder {
color: #999;
}
.w-commerce-commercecheckoutshippingfullname:focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutshippingstreetaddress {
-webkit-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutshippingstreetaddress::placeholder {
color: #999;
}
.w-commerce-commercecheckoutshippingstreetaddress:focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutshippingstreetaddressoptional {
-webkit-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutshippingstreetaddressoptional::placeholder {
color: #999;
}
.w-commerce-commercecheckoutshippingstreetaddressoptional:focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutrow {
margin-left: -8px;
margin-right: -8px;
display: flex;
}
.w-commerce-commercecheckoutcolumn {
flex: 1;
padding-left: 8px;
padding-right: 8px;
}
.w-commerce-commercecheckoutshippingcity {
-webkit-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutshippingcity::placeholder {
color: #999;
}
.w-commerce-commercecheckoutshippingcity:focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutshippingstateprovince {
-webkit-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutshippingstateprovince::placeholder {
color: #999;
}
.w-commerce-commercecheckoutshippingstateprovince:focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutshippingzippostalcode {
-webkit-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutshippingzippostalcode::placeholder {
color: #999;
}
.w-commerce-commercecheckoutshippingzippostalcode:focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutshippingcountryselector {
-webkit-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 0;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutshippingcountryselector::placeholder {
color: #999;
}
.w-commerce-commercecheckoutshippingcountryselector:focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutshippingmethodswrapper {
margin-bottom: 20px;
}
.w-commerce-commercecheckoutshippingmethodslist {
border-left: 1px solid #e6e6e6;
border-right: 1px solid #e6e6e6;
}
.w-commerce-commercecheckoutshippingmethoditem {
background-color: #fff;
border-bottom: 1px solid #e6e6e6;
flex-direction: row;
align-items: baseline;
margin-bottom: 0;
padding: 16px;
font-weight: 400;
display: flex;
}
.w-commerce-commercecheckoutshippingmethoddescriptionblock {
flex-direction: column;
flex-grow: 1;
margin-left: 12px;
margin-right: 12px;
display: flex;
}
.w-commerce-commerceboldtextblock {
font-weight: 700;
}
.w-commerce-commercecheckoutshippingmethodsemptystate {
text-align: center;
background-color: #fff;
border-bottom: 1px solid #e6e6e6;
border-left: 1px solid #e6e6e6;
border-right: 1px solid #e6e6e6;
padding: 64px 16px;
}
.w-commerce-commercecheckoutpaymentinfowrapper {
margin-bottom: 20px;
}
.w-commerce-commercecheckoutcardnumber {
-webkit-appearance: none;
appearance: none;
cursor: text;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutcardnumber::placeholder {
color: #999;
}
.w-commerce-commercecheckoutcardnumber:focus, .w-commerce-commercecheckoutcardnumber.-wfp-focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutcardexpirationdate {
-webkit-appearance: none;
appearance: none;
cursor: text;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutcardexpirationdate::placeholder {
color: #999;
}
.w-commerce-commercecheckoutcardexpirationdate:focus, .w-commerce-commercecheckoutcardexpirationdate.-wfp-focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutcardsecuritycode {
-webkit-appearance: none;
appearance: none;
cursor: text;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutcardsecuritycode::placeholder {
color: #999;
}
.w-commerce-commercecheckoutcardsecuritycode:focus, .w-commerce-commercecheckoutcardsecuritycode.-wfp-focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutbillingaddresstogglewrapper {
flex-direction: row;
display: flex;
}
.w-commerce-commercecheckoutbillingaddresstogglecheckbox {
margin-top: 4px;
}
.w-commerce-commercecheckoutbillingaddresstogglelabel {
margin-left: 8px;
font-weight: 400;
}
.w-commerce-commercecheckoutbillingaddresswrapper {
margin-top: 16px;
margin-bottom: 20px;
}
.w-commerce-commercecheckoutbillingfullname {
-webkit-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutbillingfullname::placeholder {
color: #999;
}
.w-commerce-commercecheckoutbillingfullname:focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutbillingstreetaddress {
-webkit-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutbillingstreetaddress::placeholder {
color: #999;
}
.w-commerce-commercecheckoutbillingstreetaddress:focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutbillingstreetaddressoptional {
-webkit-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutbillingstreetaddressoptional::placeholder {
color: #999;
}
.w-commerce-commercecheckoutbillingstreetaddressoptional:focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutbillingcity {
-webkit-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutbillingcity::placeholder {
color: #999;
}
.w-commerce-commercecheckoutbillingcity:focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutbillingstateprovince {
-webkit-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutbillingstateprovince::placeholder {
color: #999;
}
.w-commerce-commercecheckoutbillingstateprovince:focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutbillingzippostalcode {
-webkit-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutbillingzippostalcode::placeholder {
color: #999;
}
.w-commerce-commercecheckoutbillingzippostalcode:focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutbillingcountryselector {
-webkit-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 0;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutbillingcountryselector::placeholder {
color: #999;
}
.w-commerce-commercecheckoutbillingcountryselector:focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutorderitemswrapper {
margin-bottom: 20px;
}
.w-commerce-commercecheckoutsummaryblockheader {
background-color: #fff;
border: 1px solid #e6e6e6;
justify-content: space-between;
align-items: baseline;
padding: 4px 20px;
display: flex;
}
.w-commerce-commercecheckoutorderitemslist {
margin-bottom: -20px;
}
.w-commerce-commercecheckoutorderitem {
margin-bottom: 20px;
display: flex;
}
.w-commerce-commercecartitemimage {
width: 60px;
height: 0%;
}
.w-commerce-commercecheckoutorderitemdescriptionwrapper {
flex-grow: 1;
margin-left: 16px;
margin-right: 16px;
}
.w-commerce-commercecheckoutorderitemquantitywrapper {
white-space: pre-wrap;
display: flex;
}
.w-commerce-commercecheckoutorderitemoptionlist {
margin-bottom: 0;
padding-left: 0;
text-decoration: none;
list-style-type: none;
}
.w-commerce-commercelayoutsidebar {
flex: 0 0 320px;
position: sticky;
top: 20px;
}
.w-commerce-commercecheckoutordersummarywrapper {
margin-bottom: 20px;
}
.w-commerce-commercecheckoutsummarylineitem, .w-commerce-commercecheckoutordersummaryextraitemslistitem {
flex-direction: row;
justify-content: space-between;
margin-bottom: 8px;
display: flex;
}
.w-commerce-commercecheckoutsummarytotal {
font-weight: 700;
}
.w-commerce-commercecheckoutplaceorderbutton {
color: #fff;
cursor: pointer;
-webkit-appearance: none;
appearance: none;
text-align: center;
background-color: #3898ec;
border-width: 0;
border-radius: 3px;
align-items: center;
margin-bottom: 20px;
padding: 9px 15px;
text-decoration: none;
display: block;
}
.w-commerce-commercecheckouterrorstate {
background-color: #ffdede;
margin-top: 16px;
margin-bottom: 16px;
padding: 10px 16px;
}
.w-commerce-commercepaypalcheckoutformcontainer {
background-color: #f5f5f5;
width: 100%;
min-height: 100vh;
padding: 20px;
}
.w-commerce-commercecheckoutcustomerinfosummarywrapper {
margin-bottom: 20px;
}
.w-commerce-commercecheckoutsummaryitem, .w-commerce-commercecheckoutsummarylabel {
margin-bottom: 8px;
}
.w-commerce-commercecheckoutsummaryflexboxdiv {
flex-direction: row;
justify-content: flex-start;
display: flex;
}
.w-commerce-commercecheckoutsummarytextspacingondiv {
margin-right: .33em;
}
.w-commerce-commercecheckoutpaymentsummarywrapper {
margin-bottom: 20px;
}
.w-commerce-commercepaypalcheckouterrorstate {
background-color: #ffdede;
margin-top: 16px;
margin-bottom: 16px;
padding: 10px 16px;
}
.w-commerce-commerceorderconfirmationcontainer {
background-color: #f5f5f5;
width: 100%;
min-height: 100vh;
padding: 20px;
}
.w-commerce-commercecheckoutshippingsummarywrapper {
margin-bottom: 20px;
}
@media screen and (max-width: 991px) {
.w-layout-blockcontainer {
max-width: 728px;
}
}
@media screen and (max-width: 767px) {
.w-layout-blockcontainer {
max-width: none;
}
.w-commerce-commercelayoutcontainer {
flex-direction: column;
align-items: stretch;
}
.w-commerce-commercelayoutmain {
flex-basis: auto;
margin-right: 0;
}
.w-commerce-commercelayoutsidebar {
flex-basis: auto;
}
}
@media screen and (max-width: 479px) {
.w-commerce-commercecheckoutemailinput, .w-commerce-commercecheckoutshippingfullname, .w-commerce-commercecheckoutshippingstreetaddress, .w-commerce-commercecheckoutshippingstreetaddressoptional {
font-size: 16px;
}
.w-commerce-commercecheckoutrow {
flex-direction: column;
}
.w-commerce-commercecheckoutshippingcity, .w-commerce-commercecheckoutshippingstateprovince, .w-commerce-commercecheckoutshippingzippostalcode, .w-commerce-commercecheckoutshippingcountryselector, .w-commerce-commercecheckoutcardnumber, .w-commerce-commercecheckoutcardexpirationdate, .w-commerce-commercecheckoutcardsecuritycode, .w-commerce-commercecheckoutbillingfullname, .w-commerce-commercecheckoutbillingstreetaddress, .w-commerce-commercecheckoutbillingstreetaddressoptional, .w-commerce-commercecheckoutbillingcity, .w-commerce-commercecheckoutbillingstateprovince, .w-commerce-commercecheckoutbillingzippostalcode, .w-commerce-commercecheckoutbillingcountryselector {
font-size: 16px;
}
}
body {
letter-spacing: -.03em;
background-color: #f3f3f3;
font-family: Pretendard, sans-serif;
font-size: 16px;
line-height: 1.4;
}
h1 {
color: #000;
margin-top: 20px;
margin-bottom: 10px;
font-size: 6.5em;
font-weight: 600;
line-height: 1;
}
h2 {
margin-top: 0;
margin-bottom: 0;
font-size: 6.5em;
font-weight: 600;
line-height: 1.1;
}
h3 {
margin-top: 0;
margin-bottom: 0;
font-size: 4em;
font-weight: 600;
line-height: 1.1;
}
h4 {
font-size: 32px;
font-weight: 600;
line-height: 1.1;
}
h5 {
margin-top: 10px;
margin-bottom: 10px;
font-size: 24px;
font-weight: 600;
line-height: 1.2;
}
h6 {
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
font-weight: 600;
line-height: 1.2;
}
p {
color: #000;
letter-spacing: -.01em;
margin-top: 0;
margin-bottom: 0;
font-size: 1.6em;
font-weight: 400;
line-height: 1.5;
}
a {
color: var(--dim-grey);
margin-bottom: 100px;
text-decoration: none;
transition: color .2s;
}
a:hover {
color: #c5c5c5;
}
ul {
margin-top: 0;
margin-bottom: 10px;
padding-top: 10px;
padding-left: 25px;
font-size: 16px;
font-weight: 500;
line-height: 1.3;
}
li {
flex-direction: column;
align-items: flex-start;
margin-bottom: 15px;
}
img {
border-radius: 0;
max-width: 100%;
display: inline-block;
}
blockquote {
color: var(--black);
border-left: 2px solid #70707080;
margin-top: 35px;
margin-bottom: 45px;
padding: 0 20px 0 35px;
font-family: Rondal, sans-serif;
font-size: 32px;
font-weight: 400;
line-height: 1.4;
}
figure {
color: var(--grey);
margin-bottom: 50px;
font-size: 13px;
line-height: 2;
}
.nav-link {
color: #000;
letter-spacing: .3px;
text-transform: capitalize;
border-radius: 11px;
flex-direction: column;
flex: none;
justify-content: space-between;
align-self: center;
margin-left: 12px;
margin-right: 12px;
padding-top: 0;
padding-bottom: 2px;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 20px;
font-weight: 600;
line-height: 30px;
text-decoration: none;
display: flex;
position: relative;
overflow: hidden;
}
.nav-link:hover {
color: #424242;
}
.nav-link.w--current {
text-decoration: underline;
}
.nav-link.content {
align-items: flex-start;
margin-left: 0;
padding-bottom: 5px;
font-size: 1.6em;
font-weight: 600;
}
.hover-underline {
background-color: #0003;
width: 100%;
height: 2px;
display: none;
position: absolute;
inset: auto 0% 0%;
}
.wrap-work-title {
justify-content: space-between;
align-items: center;
width: 100%;
height: auto;
display: flex;
}
.hero-grid {
z-index: 200;
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: 15vh auto auto auto auto 15vh;
grid-template-columns: 5vw 1fr 1fr 1fr 1fr 1fr 1fr 1fr 5vw;
width: 100%;
height: auto;
min-height: 100vh;
position: relative;
}
.inner-heading-wrapper {
z-index: 60;
background-color: #0000;
height: 100%;
position: relative;
}
.work-image-mobile {
display: none;
}
.container {
text-align: center;
width: 100%;
max-width: 1600px;
height: 100%;
margin-left: auto;
margin-right: auto;
padding-left: 30px;
padding-right: 30px;
position: relative;
overflow: hidden;
}
.container.header {
padding-top: 15vh;
}
.container.styleguide {
max-width: 1150px;
min-height: 80vh;
padding-top: 90px;
}
.container.inner-padding-large {
background-color: #0000;
height: 50%;
padding-top: 5vh;
padding-bottom: 3vh;
}
.container.no-padding-mobile {
padding-left: 220px;
padding-right: 220px;
}
.container.padding-bottom-medium {
padding-bottom: 0;
}
.container.max-1440 {
max-width: 1440px;
}
.text-small {
color: #000;
text-transform: none;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 13px;
font-weight: 500;
line-height: 1.35;
}
.inner-footer-nav {
flex-direction: column;
justify-content: center;
align-items: flex-start;
display: flex;
}
.heading-wrapper {
z-index: 6;
justify-content: flex-start;
align-items: flex-start;
display: flex;
position: relative;
}
.heading-wrapper.flex-vertical {
flex-direction: column;
padding-bottom: 10vh;
}
.heading-wrapper.flex-vertical.hero {
padding-bottom: 0;
}
.text-copyright-icon {
color: #000;
margin-top: 0;
margin-left: 0;
font-family: Pretendard, sans-serif;
font-size: 5em;
font-weight: 300;
line-height: 1.5;
}
.ui-bullet {
background-color: #f7eeeb;
border-radius: 200px;
flex: none;
width: 5px;
height: 5px;
margin-right: 2vw;
}
.work-title-details {
text-align: right;
justify-content: flex-end;
align-items: center;
width: 10vw;
max-width: 120px;
display: flex;
}
.work-title-details.mobile {
display: none;
}
.work-title-details.flex {
flex-direction: column;
align-items: flex-end;
width: 50vw;
max-width: 300px;
font-family: Poppins, sans-serif;
font-weight: 600;
}
.rich-text {
color: var(--black);
padding-top: 4vh;
font-family: Poppins, sans-serif;
font-size: 2.5em;
line-height: 1.25;
}
.rich-text p {
color: var(--dim-grey);
margin-bottom: 5vh;
padding-right: 0;
font-family: Pretendard, sans-serif;
font-size: 1.5rem;
line-height: 1.45;
}
.rich-text h2 {
margin-top: 0;
font-family: Pretendard, sans-serif;
font-size: 2rem;
font-weight: 600;
line-height: 1.3;
}
.rich-text h3 {
margin-top: 0;
font-family: Pretendard, sans-serif;
font-size: 1.75rem;
font-weight: 600;
line-height: 1.45;
}
.rich-text h4 {
font-family: Pretendard, sans-serif;
font-weight: 600;
}
.rich-text h1 {
font-size: 2.7rem;
font-weight: 300;
line-height: 1.45;
}
.rich-text a {
text-decoration: underline;
}
.inner-hero-image {
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
background-position: 50%;
background-size: cover;
width: 100%;
height: 100%;
min-height: 100vh;
position: relative;
}
.hero-image-wrapper {
z-index: 1;
position: relative;
top: 0;
overflow: hidden;
}
.flex-rail {
white-space: nowrap;
flex: none;
justify-content: flex-start;
align-self: auto;
align-items: center;
padding-right: 0;
display: flex;
position: static;
overflow: hidden;
}
.inner-text-scrolling {
color: #000;
text-transform: uppercase;
white-space: nowrap;
flex: none;
align-items: center;
font-size: 2em;
font-weight: 500;
line-height: 1.35;
display: flex;
}
.container-nav {
background-color: #0000;
flex-wrap: wrap;
justify-content: space-between;
width: 100%;
max-width: 2500px;
padding: 3vh 5vw;
display: flex;
}
.nav-menu {
flex: 1;
order: -1;
justify-content: flex-start;
align-self: center;
align-items: flex-start;
max-width: 20vw;
display: flex;
}
.nav-menu.social-mobile {
flex: 1;
order: 1;
justify-content: flex-end;
max-width: 20vw;
padding-top: 5vh;
padding-bottom: 3vh;
display: none;
}
.nav-menu.last {
order: 1;
justify-content: flex-end;
}
.brand {
color: #fff;
flex-direction: column;
justify-content: center;
align-items: flex-start;
height: 100%;
display: flex;
overflow: hidden;
}
.brand.w--current {
flex-direction: column;
display: flex;
}
.wrap-logo {
position: relative;
}
.navbar {
background-color: #0000;
}
.nav-background {
display: none;
}
.nav-wrapper {
width: 100%;
position: relative;
}
.inline-link {
color: #000;
letter-spacing: -.02em;
text-transform: none;
flex-direction: column;
justify-content: space-between;
margin-left: 0;
margin-right: 12px;
padding-top: 0;
padding-bottom: 0;
font-size: 18px;
font-weight: 500;
line-height: 1.6;
text-decoration: none;
display: flex;
position: relative;
overflow: hidden;
}
.inline-link:hover {
color: var(--dim-grey);
}
.inline-link.footer {
text-transform: none;
margin-top: 2vh;
margin-left: 0;
margin-right: 0;
padding-bottom: 12px;
font-size: 2em;
line-height: 1.3;
box-shadow: inset 0 -1px #363636;
}
.navigation-wrapper {
z-index: 900;
background-color: #ffffff2e;
width: 100%;
height: auto;
position: absolute;
top: 0;
}
.work-inner-content {
max-width: 50%;
margin-left: auto;
margin-right: auto;
}
.text-navlink {
letter-spacing: -.01em;
text-transform: capitalize;
white-space: nowrap;
font-family: Poppins, sans-serif;
font-size: 30px;
font-weight: 500;
line-height: 1.25;
}
.nav-shadow {
display: none;
}
.work-inner-image {
padding-bottom: 2vh;
overflow: hidden;
}
.link-view-all-wrapper {
border-top: 1px solid #000;
border-bottom: 1px solid #000;
justify-content: flex-start;
align-items: center;
padding-top: 17px;
padding-bottom: 17px;
text-decoration: none;
display: flex;
position: relative;
overflow: hidden;
}
.link-view-all-wrapper:hover {
color: #fecc2f;
}
.preloader {
z-index: 999999;
background-color: #f1f1f1;
justify-content: center;
align-items: center;
width: 100vw;
height: 100vh;
display: none;
position: fixed;
inset: 0%;
}
.loader-bar {
background-color: #d6d6d6;
width: 20vw;
height: 2px;
overflow: hidden;
}
.small-text {
z-index: 6;
color: #000;
letter-spacing: 0;
text-transform: none;
margin-top: 1px;
margin-bottom: 1px;
font-family: Poppins, sans-serif;
font-size: 30px;
font-weight: 400;
line-height: 1.25;
position: relative;
}
.small-text.text-gray {
color: var(--grey);
}
.link-next {
justify-content: flex-start;
align-items: center;
width: auto;
min-height: auto;
margin-top: 30px;
margin-bottom: 30px;
text-decoration: none;
display: flex;
position: relative;
}
.thumb-hover-next {
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
background-position: 50%;
background-size: cover;
width: 25vw;
max-width: 450px;
height: 25vh;
position: absolute;
}
.link-view-all {
justify-content: center;
align-items: flex-start;
text-decoration: none;
display: flex;
}
.section {
position: relative;
}
.section.intro {
z-index: 20;
max-width: 2500px;
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
}
.section.footer {
z-index: 10;
background-color: var(--black);
justify-content: space-between;
align-items: center;
padding: 56px 42px;
display: flex;
}
.section.overflow {
z-index: 3;
overflow: hidden;
}
.section.selected-works {
padding-left: 3vw;
padding-right: 3vw;
}
.section.hero {
padding-top: 10vh;
display: block;
overflow: hidden;
}
.section.hero.edited {
height: auto;
min-height: auto;
padding-bottom: 10vh;
}
.section.page-hero {
padding-top: 12vh;
}
.section.black-bg {
background-color: #d4d4d4;
}
.image-thumb-works {
object-fit: cover;
width: 100%;
height: 100%;
position: relative;
}
.link-wrapper {
z-index: 10;
width: 100%;
text-decoration: none;
position: relative;
overflow: hidden;
}
.link-wrapper.top-row {
height: 70vh;
max-height: 780px;
}
.link-wrapper.bottom-row {
height: 50vh;
}
.link-wrapper.middle-row {
height: 80vh;
}
.wrap-image-blog {
height: 80vh;
margin-bottom: 5vh;
}
.next-wrapper {
flex-direction: column;
align-items: flex-start;
padding-top: 10vh;
padding-bottom: 10vh;
display: flex;
}
.loader-bar-fill {
background-color: var(--blue);
width: 100%;
height: 2px;
}
.icon-arrow {
height: 8vh;
margin-top: 2vh;
margin-left: 1.5vw;
}
.wrap-article {
width: auto;
margin-left: auto;
margin-right: auto;
padding-right: 5vw;
}
.work-image-tooltip {
z-index: 4;
opacity: 1;
background-color: #000;
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
background-position: 50%;
background-size: cover;
justify-content: flex-end;
align-items: center;
width: 35vw;
height: 35vw;
display: none;
position: fixed;
inset: -35vh auto auto 8.4vw;
overflow: hidden;
}
.collection-list-wrapper {
align-self: center;
width: 100%;
}
.hero-template {
flex-direction: column;
align-items: flex-start;
padding-top: 18vh;
padding-bottom: 10vh;
display: flex;
}
.link-list-feed {
z-index: 3;
justify-content: space-between;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
position: relative;
}
.utility-page-wrap {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100vw;
max-width: 100%;
height: 100vh;
max-height: 100%;
display: flex;
}
.utility-page-content {
text-align: center;
flex-direction: column;
width: 400px;
display: flex;
}
.utility-page-form {
flex-direction: column;
align-items: stretch;
display: flex;
}
.link-footer {
text-decoration: none;
}
.assets-grid {
grid-column-gap: 32px;
grid-row-gap: 32px;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
margin-top: 5vh;
margin-bottom: 5vh;
}
.assets-image-link {
margin-bottom: 0;
text-decoration: none;
}
.assets-image-link:hover {
opacity: .7;
}
.assets-image {
object-fit: cover;
width: 100%;
height: 100%;
max-height: 200px;
}
.assets-heading {
padding-top: 5vh;
}
.split {
column-count: 2;
column-gap: 5vw;
}
.full-page {
z-index: 100;
padding-top: 20vh;
position: relative;
}
.dropdown-toggle {
color: #000;
text-transform: capitalize;
padding: 10px 32px 10px 15px;
font-size: 20px;
font-weight: 500;
}
.icon-dropdown {
color: #000;
margin-right: 10px;
font-size: 15px;
}
.dropdown-link {
color: #e2e2e2;
text-align: left;
text-transform: capitalize;
font-family: Poppins, sans-serif;
font-size: 20px;
font-weight: 500;
line-height: 30px;
}
.dropdown-link:hover {
color: var(--grey);
}
.dropdown-link.w--current {
color: #646464;
}
.dropdown-list {
padding-top: 10px;
padding-bottom: 10px;
}
.dropdown-list.w--open {
background-color: #000;
border-radius: 4px;
padding-left: 10px;
padding-right: 10px;
font-family: Poppins, sans-serif;
font-weight: 500;
overflow: hidden;
}
.dropdown {
margin-left: 0;
margin-right: 0;
}
.typography-details {
color: #8d8d8d;
padding-top: 15px;
padding-bottom: 15px;
font-size: 16px;
font-weight: 600;
line-height: 1.4;
}
.typography-details.small {
text-transform: none;
margin-bottom: 35px;
padding-top: 15px;
padding-bottom: 15px;
font-size: 16px;
font-weight: 500;
}
.style-guide-content {
flex: 1;
}
.style-guide-container {
border-bottom: 1px solid var(--dim-grey);
flex-direction: column;
align-items: flex-start;
max-width: none;
margin-top: 35px;
padding-top: 25px;
padding-bottom: 25px;
display: flex;
overflow: hidden;
}
.main-list {
list-style-type: decimal;
}
.rich-text-divider {
background-color: #0000;
width: 100%;
height: 2px;
margin-top: 2vh;
margin-bottom: 5vh;
}
.grid-templates {
grid-column-gap: 5vh;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
margin-bottom: 15vh;
}
.link-templates {
background-color: #fff;
padding: 4px 5px;
transition-property: border-color;
transition-duration: .35s;
overflow: hidden;
box-shadow: 0 1px 3px #00000014;
}
.link-templates:hover {
color: #1b1b1b;
border-color: #929292;
}
.changelog-grid {
border: 1px solid #6e6e6e;
border-radius: 5px;
grid-template-rows: auto;
padding: 21px 20px;
}
.image-tooltip {
z-index: 3;
object-fit: cover;
width: 100%;
height: 100%;
position: relative;
}
.text-field-password {
color: #000;
text-align: center;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
height: 60px;
margin-bottom: 0;
font-size: 16px;
}
.submit-button-password {
text-transform: uppercase;
background-color: #373738;
border-bottom-right-radius: 8px;
border-bottom-left-radius: 8px;
height: 60px;
font-weight: 600;
}
.protected-wrapper {
padding-top: 10px;
padding-bottom: 30px;
}
.error-message-password {
background-color: #b44444;
border-radius: 5px;
}
.big-heading-wrapper {
justify-content: center;
align-items: flex-start;
display: flex;
position: relative;
}
.heading-hero {
color: #000;
text-align: center;
letter-spacing: -.06em;
text-transform: uppercase;
font-family: Open Sans, sans-serif;
font-size: 25vh;
font-weight: 900;
line-height: .8;
}
.hero-wrapper {
background-color: #82eeff;
position: relative;
}
.hero-wrapper.nav {
display: none;
}
.paragraph-wrapper {
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
display: flex;
position: relative;
}
.logo {
max-height: 32px;
}
.works-color-bg {
z-index: 2;
width: 100vw;
height: 100vh;
display: none;
position: fixed;
inset: 0% auto auto 0%;
}
.main-paragraph {
font-family: Poppins, sans-serif;
font-size: 25px;
}
.main-paragraph.text-large {
color: #000;
text-align: center;
margin-bottom: 0;
font-size: 2.5em;
font-weight: 400;
line-height: 1.1;
}
.main-paragraph.text-large.text-white {
color: #fff;
}
.main-paragraph.text-gray {
color: #727272;
}
.main-paragraph.text-gray.text-small {
font-size: 15px;
}
.main-paragraph.all-caps {
text-transform: uppercase;
margin-bottom: 0;
font-size: 1.2em;
font-weight: 600;
}
.work-header {
z-index: 3;
padding-top: 20vh;
padding-bottom: 30vh;
position: relative;
}
.main-grid {
grid-column-gap: 2vw;
grid-row-gap: 2vw;
grid-template: ". . . . . . . . . ."
". . . . . Area Area Area Area Area"
". . . . . Area Area Area Area Area"
/ 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
align-items: start;
width: 100%;
display: grid;
position: relative;
}
.main-grid.inner-padding-medium {
grid-row-gap: 2vw;
padding-bottom: 0;
}
.main-grid.collage {
grid-column-gap: 3vw;
grid-row-gap: 3vw;
grid-template-rows: 10vh 10vh 10vh 10vh 10vh 10vh;
padding-top: 10vh;
padding-bottom: 5vh;
}
.main-grid.hero {
background-color: #cecece;
height: 100vh;
position: sticky;
top: 0;
overflow: hidden;
}
.main-grid.no-gap {
grid-column-gap: 0vw;
grid-row-gap: 0vw;
margin-top: 0;
margin-left: -101px;
}
.main-grid.flipping {
grid-column-gap: 3vw;
grid-row-gap: 3vw;
grid-template-rows: 10vh 10vh 10vh 10vh 10vh 10vh;
padding-top: 10vh;
padding-bottom: 5vh;
}
.main-grid.inner-padding-large {
padding-top: 0;
padding-bottom: 0;
}
.main-grid.blog-list {
margin-top: 6vh;
margin-bottom: 6vh;
}
.grid-column {
min-height: auto;
}
.grid-column.team {
width: 100%;
min-height: 400px;
text-decoration: none;
}
.grid-column.team:hover {
color: var(--dim-grey);
}
.team-member-photo {
height: 48vh;
max-height: 450px;
position: relative;
overflow: hidden;
}
.team-member-photo.square {
height: 70vh;
max-height: none;
}
.collection-list {
grid-column-gap: 1.5vw;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.collection-list._2-columns {
grid-column-gap: 4vw;
grid-row-gap: 8vh;
grid-template-columns: 1fr 1fr;
}
.collection-list._3-columns {
grid-column-gap: 4vw;
grid-template-columns: 1fr 1fr 1fr;
}
.content-image {
object-fit: cover;
width: 100%;
height: 100%;
position: static;
}
.content-image.flip-left {
transform: rotate(-9deg);
}
.content-image.flip-right {
transform: rotate(4deg);
}
.tabs-menu {
flex-direction: column;
align-items: stretch;
display: flex;
}
.heading-xlarge {
color: #000;
letter-spacing: -.04em;
text-transform: uppercase;
white-space: normal;
margin-top: 0;
margin-bottom: 0;
font-family: Pretendard, sans-serif;
font-size: 12vh;
font-weight: 600;
line-height: .9;
}
.heading-xlarge.hero-size {
perspective-origin: 0 100%;
transform-origin: 0 100%;
letter-spacing: -.05em;
justify-content: center;
align-items: flex-end;
font-size: 11vh;
font-weight: 700;
line-height: .85;
display: block;
overflow: visible;
}
.heading-xlarge.no-wrap {
letter-spacing: -.04em;
text-transform: uppercase;
white-space: nowrap;
margin-top: 0;
margin-bottom: 0;
font-family: Pretendard, sans-serif;
font-size: 20vh;
font-weight: 500;
line-height: .88;
}
.heading-xlarge.text-bold {
font-size: 3.5vh;
font-weight: 700;
}
.heading-xlarge.text-bold._3 {
color: #000;
padding-top: 40px;
font-size: 4vh;
}
.heading-xlarge.scroll {
letter-spacing: -.02em;
text-transform: capitalize;
white-space: nowrap;
font-size: 14vh;
font-weight: 500;
line-height: 1.1;
}
.tab {
background-color: #0000;
padding-top: 20px;
padding-bottom: 20px;
padding-left: 0;
font-size: 4.3em;
font-weight: 600;
line-height: 100%;
box-shadow: inset 0 -1px #000;
}
.tab:hover {
color: var(--dim-grey);
}
.tab.w--current {
background-color: #0000;
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/61d233059a24beec50dd3a14_Arrow-cta.svg");
background-position: 100%;
background-repeat: no-repeat;
background-size: auto 22px;
}
.heading-medium {
color: #000;
letter-spacing: -.032em;
margin-top: 0;
font-size: 2.5em;
font-weight: 600;
line-height: 1.05;
text-decoration: none;
}
.heading-medium.text-uppercase {
letter-spacing: -.04em;
text-transform: capitalize;
font-family: Poppins, sans-serif;
font-weight: 500;
line-height: 1;
}
.heading-large {
color: #000;
letter-spacing: -.035em;
text-transform: none;
margin-top: 0;
margin-bottom: 0;
font-size: 6.5em;
font-weight: 600;
line-height: 1;
}
.heading-large.text-uppercase.insight {
text-align: center;
font-family: Poppins, sans-serif;
font-size: 4em;
}
.heading-large.margin-bottom-small._1 {
font-size: 2em;
}
.heading-large.rondal {
font-family: Rondal, sans-serif;
}
.heading-large.margin-bottom-medium {
font-family: Poppins, sans-serif;
}
.span-space {
padding-right: 16vw;
display: inline-block;
}
.gallery-grid-wrapper {
align-items: center;
min-width: 100%;
min-height: 50vh;
display: flex;
overflow: hidden;
}
.grid-gallery {
grid-column-gap: 36px;
grid-row-gap: 36px;
flex: none;
grid-template-rows: 6vh 6vh 6vh 6vh 6vh 6vh 6vh 6vh;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
width: 100%;
min-width: 120vw;
max-width: 1980px;
min-height: 60vh;
padding-right: 36px;
}
.grid-gallery.hero {
grid-template-rows: auto auto auto auto auto auto auto auto;
min-height: 100vh;
}
.frame-image-hero {
background-color: #f44;
min-height: auto;
position: relative;
overflow: hidden;
}
.heading-regular {
color: #000;
white-space: normal;
margin-top: 5px;
margin-bottom: 5px;
font-size: 3vh;
font-weight: 600;
line-height: 1.2;
}
.heading-regular.text-block-120 {
text-transform: uppercase;
font-size: 25px;
}
.heading-small {
color: #000;
margin-top: 0;
margin-bottom: 31px;
font-size: 2vh;
font-weight: 600;
line-height: 1.5;
}
.heading-small.footer {
margin-bottom: 8px;
font-weight: 700;
}
.heading-small.text-uppercase {
font-family: Poppins, sans-serif;
}
.heading-small.text-gray {
color: var(--dim-grey);
}
.frame-flip-wrapper {
min-height: 70vh;
display: none;
overflow: hidden;
}
.frame-flip-wrapper._1 {
display: block;
}
.inner-frame {
perspective: 2000px;
background-color: #0000;
min-height: auto;
}
.inner-frame-wrap {
perspective: 2000px;
justify-content: center;
align-items: center;
display: flex;
}
.flip-frame {
perspective: 2000px;
background-color: #b8b1b1;
width: 50vw;
height: 65vh;
position: relative;
}
.flip-face-front {
z-index: 4;
transform-origin: 50%;
transform-style: preserve-3d;
flex-direction: column;
justify-content: flex-start;
width: 100%;
height: 100%;
display: flex;
position: absolute;
inset: 0% auto auto 0%;
transform: translate3d(0, 0, -1px)rotateX(-180deg)rotateY(0)rotateZ(0);
}
.flip-face-front.horizontal {
z-index: 2;
transform-style: preserve-3d;
background-color: #0000;
overflow: hidden;
transform: translate3d(0, 0, -1px);
}
.flip-face-back {
z-index: 3;
background-color: #0000;
width: 100%;
height: 100%;
position: absolute;
inset: 0% auto auto 0%;
overflow: hidden;
}
.flip-frame-reverse {
perspective: 2000px;
background-color: #b8b1b1;
width: 50vw;
height: 40vh;
position: relative;
}
.inner-padding-small {
padding-top: 2vh;
padding-bottom: 2vh;
}
.inner-padding-medium {
padding-top: 6vh;
padding-bottom: 6vh;
}
.inner-padding-large {
padding-top: 14vh;
padding-bottom: 14vh;
}
.heading-xsmall {
font-size: 16px;
font-weight: 600;
}
.content-wrapper {
flex-direction: column;
align-items: flex-start;
display: flex;
}
.content-wrapper.overflow {
align-items: center;
overflow: hidden;
}
.content-wrapper._2 {
align-items: center;
}
.text-light {
font-weight: 400;
}
.text-uppercase {
text-transform: uppercase;
}
.flip-frame-horizontal {
perspective: 2000px;
flex: none;
width: 25vw;
height: 40vh;
position: relative;
}
.flip-frame-horizontal-left {
perspective: 2000px;
background-color: #b8b1b1;
width: 100%;
height: 40vh;
position: relative;
}
.grid-work-list {
z-index: 10;
grid-column-gap: 3vw;
grid-template-rows: auto;
grid-template-columns: auto 1fr;
position: relative;
}
.hover-image-wrapper {
z-index: 2;
align-items: center;
width: 45vw;
height: 100vh;
padding-right: 5vw;
display: none;
position: fixed;
inset: 0% 0% auto auto;
overflow: hidden;
}
.list-link {
justify-content: space-between;
align-items: flex-start;
text-decoration: none;
display: flex;
}
.inner-work-image {
perspective-origin: 0 0;
transform-origin: 0 0;
width: 100%;
height: 100%;
max-height: 80vh;
position: relative;
overflow: hidden;
}
.image-hover-wrapper {
position: relative;
overflow: hidden;
}
.image-hover-wrapper.featured-one {
height: 90vh;
max-height: 780px;
}
.image-hover-wrapper.featured-two {
width: 100%;
height: 80vh;
max-height: 700px;
}
.image-hover-wrapper.featured-three {
width: 100%;
height: 50vh;
}
.image-hover-wrapper.featured-four {
height: 70vh;
}
.track {
min-height: 320vh;
position: relative;
top: 0;
}
.sticky-wrapper {
justify-content: center;
width: 100%;
height: 100%;
min-height: auto;
display: flex;
position: sticky;
top: 0;
overflow: hidden;
}
.grid-about {
grid-column-gap: 3.5vw;
grid-row-gap: 3.5vw;
flex: none;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
width: 100vw;
height: 100%;
min-height: 100vh;
margin-left: auto;
margin-right: auto;
overflow: hidden;
}
.frame-grid {
width: 100%;
min-height: 300px;
}
.frame-grid.med-size {
padding-bottom: 10vh;
}
.sticky-wrapper-heading {
position: sticky;
top: 0;
}
.list-works-wrapper {
flex-direction: column;
justify-content: center;
align-items: flex-start;
min-height: 100vh;
display: flex;
}
.arrow-cta {
height: 35px;
margin-top: 11px;
margin-left: 16px;
margin-right: 16px;
}
.arrow-cta.blog {
opacity: .3;
height: 15px;
margin-top: 25px;
}
.second-scrolling {
padding-top: 3.5vw;
display: flex;
overflow: hidden;
}
.grid-about-images {
grid-column-gap: 3.5vw;
flex: none;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
width: 100vw;
margin-right: 3.5vw;
}
.about-frame-image {
min-height: 400px;
}
.ascii-type {
text-transform: none;
margin-left: 18px;
font-family: Pretendard, sans-serif;
font-size: 1.6em;
font-weight: 500;
}
.ascii-type.copyright {
flex: none;
margin-left: 1vw;
margin-right: 1.3vw;
padding-top: 3px;
font-size: 2.1em;
line-height: 1;
}
.margin-bottom-medium {
margin-bottom: 6vh;
}
.bullet {
background-color: #000;
border-radius: 100px;
width: 14px;
height: 14px;
margin-top: 5px;
margin-right: 15px;
}
.text-span-light {
font-weight: 200;
}
.arrow {
height: 10px;
margin-left: 11px;
}
.link-content {
text-decoration: none;
}
.image-logo-footer {
width: 45%;
margin-bottom: 10px;
}
.ui-divider {
background-color: #000;
border-radius: 20px;
width: 8px;
height: 8px;
margin-left: 12px;
margin-right: 12px;
}
.flex-center {
z-index: 6;
perspective: 2000px;
justify-content: center;
align-items: center;
display: flex;
position: relative;
}
.flex-center.home {
padding-left: 20px;
padding-right: 20px;
}
.flex-center.inner-padding-small {
font-weight: 600;
}
.hero-flip-image-two, .hero-flip-image-one, .hero-flip-image-four, .hero-flip-image-three, .hero-flip-image-six, .hero-flip-image-five {
object-fit: cover;
flex: none;
width: 100%;
height: 100%;
}
.flip-frame-home {
perspective: 2000px;
flex: none;
width: 50vw;
max-width: 800px;
height: 60vh;
position: relative;
}
.collection-list-grid {
grid-column-gap: 1.5vw;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.content-image-wrapper {
display: none;
}
.padding-bottom-medium {
padding-bottom: 6vh;
}
.full-image-wrapper {
height: 70vh;
overflow: hidden;
}
.grid-wrapper {
min-height: auto;
position: relative;
}
.flex-horizontal {
text-align: center;
justify-content: center;
align-items: center;
display: flex;
}
.flex-horizontal.top-align {
align-items: flex-start;
}
.flex-horizontal.top-align-copy {
flex-direction: column;
align-items: flex-start;
width: auto;
position: sticky;
top: 0;
}
.flex-horizontal.wrapped {
flex-wrap: wrap;
}
.flex-horizontal.works {
align-items: flex-start;
}
.flex-horizontal.works.inner-padding-medium {
border-top: 1px solid #000;
margin-top: 51px;
}
.ui-dot {
background-color: #000;
border-radius: 100px;
width: 12px;
height: 12px;
margin-right: 10px;
}
.center-wrapper {
text-align: center;
}
.center-wrapper.padding-bottom-medium {
z-index: 7;
position: relative;
}
.center-wrapper.inner-padding-large._2 {
padding-top: 5vh;
padding-bottom: 0;
}
.padding-bottom-large {
padding-bottom: 12vh;
}
.bottom-line-wrapper {
border-bottom: 1px solid #00000026;
align-items: center;
width: 100%;
margin-bottom: 10px;
padding-bottom: 10px;
display: flex;
}
.number-serif {
min-width: 50px;
padding-top: 7px;
padding-left: 6px;
padding-right: 15px;
font-family: Pretendard, sans-serif;
font-size: 16px;
font-weight: 600;
line-height: 32px;
}
.divider-wrapper {
justify-content: center;
align-items: center;
width: auto;
height: 80px;
padding-left: 17px;
padding-right: 17px;
display: flex;
}
.work-image-wrapper {
width: 100%;
height: 50vh;
}
.bubble-wrapper {
justify-content: center;
align-items: flex-start;
min-height: 25vh;
display: flex;
}
.bubble-image {
background-color: #bbb;
border-radius: 100%;
width: 14vw;
height: 14vw;
overflow: hidden;
}
.bubble-image.small {
background-color: #f78c28;
width: 6vw;
height: 6vw;
}
.bubble-image.medium {
background-color: #fcff62;
width: 10vw;
height: 10vw;
}
.work-wrapper {
width: 100%;
margin-bottom: 4vh;
}
.hovering {
z-index: 25;
color: #dadada;
background-color: #000;
border-radius: 100px;
justify-content: center;
align-items: center;
width: 8vw;
height: 8vw;
font-weight: 500;
display: flex;
position: fixed;
inset: -4vh auto auto 4vw;
}
.inner-work-wrapper {
max-height: 45vh;
overflow: hidden;
}
.overflow-wrapper {
width: 100%;
overflow: hidden;
}
.overflow-wrapper.flex-vertical {
flex-direction: column;
display: flex;
}
.overflow-wrapper.flex-vertical.edges {
padding-left: 3vw;
}
.overflow-wrapper.image-blog {
height: 35vh;
}
.margin-bottom-small {
margin-bottom: 2vh;
}
.text-white {
color: #fff;
}
.text-white.text-bold {
font-weight: 600;
}
.text-field {
background-color: #0000;
border: 1px solid #0000;
border-bottom-color: #000;
height: 80px;
margin-bottom: 25px;
padding-left: 0;
font-size: 22px;
}
.text-field::placeholder {
color: #616161;
}
.form-button {
background-color: #000;
padding: 21px 49px;
font-size: 16px;
transition: background-color .2s;
}
.form-button:hover {
background-color: #2e2e2e;
}
.flipping-image-wrapper {
height: 100%;
position: relative;
}
.flipping-image-wrapper.back {
z-index: 5;
position: sticky;
top: 0;
}
.flipping-image-wrapper.front {
z-index: 10;
position: sticky;
top: 0;
}
.hero-about-flip-one {
z-index: 6;
color: #ff0dc6;
width: 100%;
height: 100%;
position: relative;
}
.hero-about-flip-three {
z-index: 3;
width: 100%;
height: 100%;
padding: 5vh 5vw 5vh 4vw;
position: absolute;
inset: 0% auto auto 0%;
}
.hero-about-flip-four {
z-index: 2;
width: 100%;
height: 100%;
position: absolute;
inset: 0% auto auto 0%;
}
.hero-about-flip-five {
z-index: 1;
width: 100%;
height: 100%;
position: absolute;
inset: 0% auto auto 0%;
}
.hero-about-flip-two {
z-index: 5;
color: #ff0dc6;
width: 100%;
height: 100%;
padding: 6vh 4vw 4vh;
position: absolute;
inset: 0% auto auto 0%;
}
.hero-vertical-up {
z-index: 4;
flex-direction: column;
flex: none;
justify-content: space-around;
align-items: flex-start;
width: 100%;
height: 100%;
display: flex;
position: relative;
}
.hero-image-frame {
width: 100%;
height: auto;
overflow: hidden;
}
.hero-image-frame.medium {
height: 35vh;
}
.hero-image-frame.small {
height: 16vh;
padding-left: 1vw;
padding-right: 1vw;
}
.hero-vertical-reverse {
z-index: 2;
flex-direction: column;
flex: none;
justify-content: space-between;
align-items: baseline;
width: 100%;
height: 100%;
min-height: 180vh;
padding-top: 9px;
padding-bottom: 9px;
display: flex;
position: relative;
}
.large-section {
z-index: 12;
background-color: #fecc2f;
flex-direction: column;
justify-content: center;
min-height: 100vh;
display: flex;
position: sticky;
top: 0;
}
.large-section.black-bg {
background-color: #181818;
}
.outline-divider {
background-color: #000;
width: 100%;
height: 2px;
}
.text-span-icon {
padding-left: 1vw;
padding-right: 1vw;
display: inline-block;
transform: rotate(0);
}
.work-list-wrapper {
padding-bottom: 20vh;
}
.logos-wall {
opacity: .25;
max-width: 80%;
height: 100%;
max-height: 70px;
}
.inner-grid {
grid-column-gap: 4vw;
grid-row-gap: 16px;
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: .5fr 2fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: flex-start;
padding-right: 0;
display: grid;
}
.blog-post-info-wrapper {
padding-top: 10px;
}
.profile-image-wrapper {
height: 70vh;
overflow: hidden;
}
.background-shadow {
z-index: 6;
background-image: linear-gradient(#fffc 13%, #f3f3f300 62%);
height: 40vh;
display: none;
position: relative;
}
.city-image-wrapper {
width: 16vw;
height: 20vh;
min-height: auto;
overflow: hidden;
}
.button {
color: #fff;
text-transform: uppercase;
background-color: #000;
margin-bottom: 0;
padding: 25px 52px;
font-weight: 700;
transition: background-color .2s, color .2s;
}
.button:hover {
background-color: #383838;
}
.button.is-secondary {
background-color: var(--medium-slate-blue);
color: var(--black);
border-radius: 99px;
padding: 18px 32px;
}
.button.is-secondary:hover {
background-color: var(--white);
}
.button.is-secondary.is-small {
padding-top: 14px;
padding-bottom: 14px;
}
.button.is-tertiary {
background-color: var(--white);
color: var(--black);
text-transform: none;
border-radius: 99px;
font-family: Poppins, sans-serif;
font-weight: 600;
}
.button.is-tertiary:hover {
background-color: var(--medium-slate-blue);
}
.button.is-tertiary.is-small {
padding: 16px 32px;
}
.textarea {
background-color: #0000;
border: 1px solid #0000;
border-bottom-color: #000;
margin-bottom: 25px;
padding-left: 0;
font-size: 22px;
display: flex;
}
.textarea::placeholder {
color: #616161;
}
.sidebar-blog {
display: block;
}
.collection-home-wrapper {
width: 100%;
}
.thumb-mask {
background-color: #f3f3f3;
width: 50%;
height: 100%;
display: none;
position: absolute;
inset: 0% auto auto 0%;
}
.thumb-mask.side {
inset: 0% 0% auto auto;
}
.success-message {
background-color: #c6f096;
}
.error-message {
background-color: #ffbdbd;
padding-top: 19px;
padding-bottom: 19px;
}
.main-nav-wrapper {
position: relative;
}
.line-divider {
background-color: #000;
width: 2vw;
height: 1px;
margin-left: 15px;
margin-right: 15px;
}
.home-assets-wrapper {
height: auto;
}
.link-works {
width: 101%;
}
.text-block {
font-family: Poppins, sans-serif;
font-size: 30px;
font-weight: 500;
}
.text-block-2, .text-block-3, .text-block-4, .text-block-5 {
font-family: Poppins, sans-serif;
font-size: 30px;
}
.button-2 {
color: #000;
background-color: #fecc2f;
border-radius: 20px;
margin-top: 40px;
font-family: Poppins, sans-serif;
font-size: 50px;
font-weight: 500;
}
.button-2:hover {
color: #fecc2f;
background-color: #000;
}
.button-2._2 {
margin-top: 36px;
font-size: 25px;
font-weight: 600;
}
.ba-buttons-base {
color: #f1f2f3;
cursor: pointer;
background-color: #6d7692;
border-radius: 2rem;
justify-content: center;
align-items: center;
height: 2.5rem;
padding-bottom: 0;
padding-left: 1rem;
padding-right: 1rem;
font-weight: 600;
line-height: 1.22rem;
text-decoration: none;
transition: all .2s;
display: flex;
}
.ba-buttons-base:hover {
background-color: #394360;
}
.ba-buttons-base:active {
background-color: #0f1424;
}
.ba-buttons-base.dollargreen {
color: #e0f5ed;
background-color: #fecc2f;
width: 250px;
}
.ba-buttons-base.dollargreen:hover {
background-color: #fff;
}
.ba-buttons-base.dollargreen:active {
color: #dadada;
background-color: #01321e;
}
.heading-display-1-copy-copy {
color: #fff;
margin-top: 20px;
margin-bottom: 10px;
font-family: Poppins, sans-serif;
font-size: 110px;
font-weight: 500;
}
.heading-display-1-copy-copy.no-margin {
margin-top: 0;
margin-bottom: 0;
font-size: 85px;
font-weight: 600;
}
.text-block-117 {
color: #0d0d0d;
width: 180px;
font-family: Poppins, sans-serif;
font-size: 22px;
}
.hero-text-container-copy {
flex-flow: wrap;
justify-content: center;
align-items: flex-start;
display: flex;
}
.hero-text-container-copy.center {
text-align: center;
justify-content: center;
align-items: center;
margin-bottom: 60px;
padding-top: 60px;
font-size: 12px;
line-height: 1;
overflow: hidden;
}
.main-header {
width: 100%;
padding-top: 6.25em;
padding-left: 6.25em;
padding-right: 6.25em;
position: relative;
}
.main-header.start {
z-index: 3;
flex: none;
justify-content: center;
align-items: center;
width: 100%;
height: 100vh;
margin-bottom: 0;
padding-top: 0;
display: flex;
position: relative;
}
.container-1057 {
justify-content: center;
align-items: center;
margin-top: 24px;
display: flex;
}
.section-8 {
margin-left: 0;
margin-right: 0;
padding-left: 10vw;
padding-right: 10vw;
}
.section-8.hero {
color: #fff;
border: 1px #fff;
border-radius: 20px;
margin-left: 0;
margin-right: 0;
padding: 0 0;
}
.section-8.full-width {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
min-height: 500px;
margin-left: 0;
margin-right: 0;
padding: 140px 10vw 100px;
display: grid;
}
.row {
margin-bottom: 5em;
display: flex;
}
.row.start {
z-index: 2;
z-index: 2;
justify-content: center;
width: 60vw;
margin: -100px auto 0;
position: relative;
}
.grezer {
z-index: 2;
background-image: linear-gradient(to top, #000, #0000);
height: 50%;
position: absolute;
inset: auto 0% 0%;
}
.text-marked-container {
z-index: 1;
margin-left: 0;
padding-left: 0;
position: relative;
}
.background-video-15 {
flex: none;
width: 100%;
height: 150vh;
}
.start-fon-bg {
opacity: .7;
filter: grayscale();
justify-content: center;
align-items: center;
height: 100vh;
display: flex;
position: absolute;
inset: 0% 0% auto;
overflow: hidden;
}
.text-navlink-copy {
letter-spacing: -.01em;
text-transform: capitalize;
white-space: nowrap;
background-color: #fecc2f;
border: 3px solid #0000;
border-radius: 20px;
padding-left: 12px;
padding-right: 12px;
font-family: Poppins, sans-serif;
font-size: 30px;
font-weight: 500;
line-height: 1.25;
}
.text-navlink-copy:hover {
color: #fecc2f;
background-color: #fff;
}
.process-tabs-horizontal-menu {
flex-direction: column;
width: 100%;
max-width: 469px;
display: flex;
}
.process-tab-horizontal {
opacity: .25;
background-color: #0000;
justify-content: center;
padding: 28px 0;
font-family: Poppins, sans-serif;
font-size: 25px;
transition: opacity .2s;
display: flex;
}
.process-tab-horizontal:hover {
opacity: 1;
}
.process-tab-horizontal.w--current {
opacity: 1;
background-color: #0000;
font-family: Poppins, sans-serif;
font-size: 25px;
}
.container-1058 {
width: 100%;
max-width: 469px;
position: relative;
}
.container-1058.increased-width {
max-width: 574px;
}
.justify-content-left {
flex-direction: column;
align-items: flex-start;
display: flex;
}
.process-tabs-horizontal-content {
flex: 1;
}
.arrow-link-icon {
margin-left: 7px;
}
.container-small {
width: 100%;
max-width: 364px;
position: relative;
}
.section-9 {
padding-top: 112px;
padding-bottom: 112px;
position: relative;
}
.section-9.bg-grey-1 {
color: #ffffffa6;
}
.section-9.has-background {
flex-direction: column;
align-items: center;
display: flex;
overflow: hidden;
}
.section-9.has-background.bg-grey-1 {
padding-top: 211px;
}
.section-9.no-bottom-padding {
padding-bottom: 0;
}
.main-container {
z-index: 1;
width: 100%;
max-width: 1344px;
margin-left: auto;
margin-right: auto;
padding-left: 28px;
padding-right: 28px;
position: relative;
}
.main-container._2 {
margin-top: 144px;
padding-left: 140px;
padding-right: 140px;
}
.arrow-link {
align-items: center;
display: flex;
}
.arrow-link.below-text {
margin-top: 21px;
}
.process-tabs-horizontal {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: flex;
}
.card {
color: #595959;
background-color: #fff;
border-radius: 4px;
flex-direction: column;
flex: 1;
align-items: flex-start;
padding: 28px;
display: flex;
box-shadow: 0 0 21px #0000000d;
}
.card.increased-vertical-padding {
padding-top: 56px;
padding-bottom: 56px;
font-family: Poppins, sans-serif;
font-size: 25px;
}
.extra-large-text {
letter-spacing: -.01em;
text-transform: none;
font-family: Poppins, sans-serif;
font-size: 32px;
font-weight: 600;
line-height: 40px;
}
.small-text-2 {
font-size: 16px;
line-height: 24px;
}
.section-title {
margin-bottom: 56px;
}
.section-title.increased-margin {
margin-bottom: 84px;
}
.video-background {
z-index: 1;
width: 2500%;
height: 663px;
margin-left: -140px;
margin-right: -144px;
}
.video-play-icon {
margin-right: 14px;
}
.video-play-label {
align-items: center;
transition: transform .2s;
display: flex;
}
.video-play-label:hover {
transform: scale(1.05);
}
.video-background-wrapper {
justify-content: center;
align-items: center;
display: flex;
position: relative;
}
.large-heading {
color: #121212;
letter-spacing: -.01em;
text-transform: uppercase;
margin-bottom: 28px;
font-size: 63px;
font-weight: 700;
line-height: 1.1em;
}
.large-heading.no-bottom-margin {
margin-bottom: 0;
}
.large-heading.no-bottom-margin.text-white-1 {
color: #fff;
}
.large-heading.metric-heading {
margin-bottom: 21px;
}
.lightbox-link-over-image {
z-index: 2;
position: absolute;
}
.text-block-118, .text-block-119 {
font-size: 25px;
}
.grid-thirds {
grid-column-gap: 56px;
grid-row-gap: 56px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
}
.justify-content-center {
text-align: center;
flex-direction: column;
align-items: center;
display: flex;
}
.highlighted-text-container {
perspective: 250px;
color: #fff;
background-color: #121212;
border-radius: 4px;
margin-top: 4px;
padding-bottom: 9px;
padding-left: 14px;
padding-right: 14px;
display: inline-block;
overflow: hidden;
}
.highlighted-text-container.reduced-padding {
padding-bottom: 4px;
padding-left: 7px;
padding-right: 7px;
}
.highlighted-text-container.bg-white-1 {
background-color: #fecc2f;
}
.large-text {
text-transform: none;
font-size: 24px;
font-weight: 600;
line-height: 32px;
}
.large-text.subtitle {
margin-bottom: 35px;
}
.highlighted-text, .highlighted-text.medium-heading {
margin-bottom: 0;
}
.vertical-grid {
grid-row-gap: 35px;
perspective: 250px;
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.vertical-grid.increased-gaps {
grid-row-gap: 56px;
}
.display-heading {
color: #121212;
letter-spacing: -.02em;
text-transform: uppercase;
margin-bottom: 28px;
font-size: 84px;
font-weight: 700;
line-height: 1.1em;
}
.display-heading.metric-heading {
margin-bottom: 21px;
}
.container-1059 {
padding-left: 0;
}
.bold-text {
text-align: justify;
}
.no-bottom-margin {
margin-bottom: 0;
}
.no-bottom-margin.text-white-1-copy {
font-size: 5em;
}
.section-bg {
opacity: .6;
object-fit: cover;
width: 100%;
max-width: 1680px;
height: 100%;
position: absolute;
top: 0;
}
.section-bg.flip-y {
transform-style: preserve-3d;
width: 150%;
max-width: 2000px;
display: block;
transform: rotateX(0)rotateY(180deg)rotateZ(0);
}
.fine-print-text {
font-size: 14px;
line-height: 24px;
}
.fine-print-text.below-button {
margin-top: 14px;
}
.button-hover-element {
background-color: #fff3;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.button-hover-element.dark {
background-color: #1212120d;
}
.button-3 {
color: #fff;
text-align: center;
background-color: #121212;
border-radius: 4px;
padding: 18px 56px;
font-weight: 600;
transition: transform .2s;
position: relative;
overflow: hidden;
}
.button-3:hover {
transform: scale(1.04);
}
.button-3.bg-white-1 {
color: #121212;
background-color: #fff;
}
.button-3.small {
padding: 12px 21px;
font-size: 16px;
line-height: 24px;
}
.button-3.small.bg-grey-4 {
color: #121212;
}
.highlighted-heading-container {
flex-direction: column;
align-items: flex-start;
margin-bottom: 28px;
display: flex;
}
.grid-halves {
grid-column-gap: 56px;
grid-row-gap: 84px;
grid-template-rows: auto;
place-items: center;
}
.highlighted-heading-container-copy {
flex-direction: column;
align-items: flex-start;
margin-bottom: 28px;
display: flex;
}
.pricing-body {
padding: 35px;
}
.pricing-grid-thirds {
grid-column-gap: 28px;
grid-row-gap: 28px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
}
.text-grey-1 {
color: #121212;
}
.text-grey-1.text-bold {
font-weight: 600;
}
.pricing-plan-header {
color: #fff;
background-color: #fecc2f;
padding: 35px;
}
.pricing-button-container {
flex-direction: column;
margin-top: 35px;
display: flex;
}
.pricing-plan {
background-color: #fff;
border-radius: 4px;
flex-direction: column;
display: flex;
overflow: hidden;
box-shadow: 0 0 21px #0000000d;
}
.medium-heading {
letter-spacing: -.01em;
text-transform: uppercase;
margin-bottom: 21px;
font-size: 48px;
font-weight: 700;
line-height: 1.1em;
}
.horizontal-divider {
background-color: #e0e0e0;
width: 100%;
height: 1px;
}
.horizontal-divider.flanked {
margin-top: 28px;
margin-bottom: 28px;
}
.horizontal-divider.bg-white-3 {
background-color: #fff3;
}
.pricing-list {
grid-row-gap: 14px;
}
.image {
max-width: 30%;
}
.pop-up {
z-index: 9999;
grid-column-gap: 16px;
grid-row-gap: 16px;
color: #fff;
background-color: #000c;
border-radius: 4px;
flex-direction: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: flex-start;
width: auto;
height: auto;
margin-top: 110px;
margin-right: 34px;
padding: 20px 15px 15px;
display: none;
position: fixed;
inset: 1% 1% auto auto;
overflow: hidden;
box-shadow: 0 25px 35px #00000054;
}
.grid-8 {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: wrap;
grid-template-rows: auto;
grid-template-columns: auto auto;
grid-auto-columns: 1fr;
align-content: start;
align-items: start;
display: grid;
}
.modal-link {
color: #fff;
text-transform: uppercase;
font-size: 12px;
font-weight: 600;
text-decoration: none;
}
.close-link {
justify-content: center;
align-items: center;
padding-left: 20px;
padding-right: 0;
display: flex;
}
.close-icon {
max-height: 12px;
display: block;
}
.button-9 {
color: #fff;
text-align: center;
text-transform: uppercase;
background-color: #fecc2f;
border-radius: 4px;
margin-bottom: 0;
padding: 15px 25px;
font-size: 20px;
font-weight: 700;
}
.button-9:hover {
color: #fecc2f;
background-color: #000;
font-family: Poppins, sans-serif;
}
.text-block-120 {
font-family: Poppins, sans-serif;
font-size: 20px;
}
.section-11 {
border-top: 1px solid #000;
border-radius: 3px;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 19vh 50px 12vh;
display: flex;
position: relative;
overflow: hidden;
}
.section-11.page-hero {
justify-content: center;
padding: 2vh 0;
display: block;
}
.section-11.page-hero._2 {
padding-top: 5vh;
padding-bottom: 5vh;
}
.section-11.page-hero.freelancer {
margin-bottom: 100px;
}
.location-link {
border: 1px #000;
display: block;
}
.location-link.no-margin {
font-family: Poppins, sans-serif;
}
.sticky-column {
flex-direction: column;
align-items: flex-start;
font-style: normal;
text-decoration: none;
display: flex;
position: sticky;
top: 150px;
}
.label {
z-index: 2;
color: #fecc2f;
letter-spacing: .5px;
text-transform: uppercase;
margin-bottom: auto;
font-family: Poppins, sans-serif;
font-size: 30px;
font-weight: 600;
position: relative;
}
.label._15-margin-copy {
text-decoration: none;
}
.separation-line-wrap {
background-color: #363636;
width: 100%;
height: 1px;
padding-bottom: 0;
position: relative;
}
.container-13 {
width: 100%;
position: relative;
}
.container-13.contact-grid {
grid-column-gap: 0vw;
grid-row-gap: 6vw;
grid-template-rows: auto;
grid-template-columns: 2fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.container-13.nav-container {
justify-content: space-between;
align-items: center;
display: flex;
}
.column {
z-index: 2;
flex-direction: column;
align-items: flex-start;
font-style: normal;
text-decoration: none;
display: flex;
position: relative;
}
.st-font {
z-index: 2;
margin-bottom: 0;
font-size: 6vw;
font-weight: 400;
}
.separation-line-fill {
background-color: #fff;
width: 100%;
height: 100%;
margin-top: -12px;
margin-bottom: -44px;
padding-bottom: 0;
}
.location-link-wrap {
z-index: 10;
border: 1px #000;
margin-bottom: 10px;
text-decoration: none;
position: relative;
}
.location-link-wrap.spaced-locations {
margin-bottom: 30px;
}
.email-icon {
height: 100px;
margin-bottom: 50px;
display: block;
}
._50-margin {
margin-bottom: 50px;
font-family: Poppins, sans-serif;
line-height: 1.3;
}
.bold-text-29 {
color: #fecc2f;
}
.bold-text-35 {
text-align: center;
}
.privacy-paragraph {
direction: ltr;
font-size: 20px;
font-weight: 300;
line-height: 1.5;
}
.title-wrap {
color: #7b88a8;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
margin-bottom: 60px;
display: flex;
position: relative;
}
.title-wrap.policy {
margin-bottom: 20px;
}
.content-567-copy {
z-index: 2;
color: #000;
letter-spacing: -.04em;
margin-top: 0;
margin-bottom: 20px;
font-size: 55px;
font-weight: 400;
line-height: 1.1;
position: relative;
}
.container-1060 {
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 900px;
display: flex;
}
.policy-text-wrapper {
width: 100%;
margin-top: 20px;
}
.content-info-section {
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
min-height: auto;
margin-top: 0;
padding: 0;
display: flex;
position: relative;
overflow: hidden;
}
.privacy-cookie-policy {
background-color: #0000;
flex-direction: column;
justify-content: center;
align-items: center;
min-height: auto;
padding: 129px 20px 100px;
display: flex;
}
.heading-418 {
text-align: center;
}
.container-1061 {
max-width: 1170px;
margin-left: auto;
margin-right: auto;
padding: 0 20px;
display: block;
}
.hero-text-container {
flex-flow: wrap;
justify-content: center;
align-items: flex-start;
display: flex;
}
.hero-text-container.center {
text-align: center;
justify-content: center;
align-items: center;
margin-bottom: 60px;
padding-top: 0;
}
.heading-display-1-copy {
color: #000;
margin-top: 20px;
margin-bottom: 10px;
font-family: Poppins, sans-serif;
font-size: 110px;
font-weight: 500;
}
.heading-display-1-copy.no-margin {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-size: 110px;
}
.body {
margin-top: auto;
font-family: Poppins, sans-serif;
font-size: 4em;
}
.container-10 {
text-align: center;
max-width: none;
margin-top: 211px;
margin-left: auto;
margin-right: auto;
padding-left: 40px;
padding-right: 40px;
display: block;
}
.link-36 {
font-size: 5vw;
}
.text-block-114-copy {
color: #dd3b00;
padding-bottom: 23px;
font-size: 20px;
display: none;
}
.image-452 {
min-width: 50px;
}
.collection-item-3 {
padding-top: 100px;
}
.div-block {
margin-bottom: 100px;
padding-left: 100px;
padding-right: 100px;
}
.bold-text-36 {
text-align: center;
font-family: Poppins, sans-serif;
font-size: 1.5em;
font-weight: 600;
}
.bold-text-36._2 {
font-size: 1.3em;
font-weight: 600;
}
.nav-menu-2 {
display: flex;
}
.lightbox-link {
border-bottom-style: none;
}
.space-around {
display: flex;
}
.nav-link-2 {
color: #a4a4a4;
border-bottom-style: none;
padding: 5px 20px;
font-weight: 300;
transition: color .2s, border-color .2s, color .2s, opacity .2s;
display: block;
}
.nav-link-2:hover {
opacity: 1;
color: #fff;
}
.nav-link-2.w--current {
opacity: 1;
color: #fff;
background-color: #0000;
border: 1px #000;
border-radius: 50px;
text-decoration: line-through;
}
.reel-nav-link {
color: #fecc2f;
border-bottom-style: none;
padding: 5px 20px;
font-weight: 400;
transition: color .2s, border-color .2s, color .2s, opacity .2s;
display: block;
}
.reel-nav-link:hover {
opacity: 1;
color: #fff;
}
.reel-nav-link.w--current {
opacity: 1;
color: #fff;
background-color: #0000;
border: 1px #000;
border-radius: 50px;
text-decoration: line-through;
}
.brand-2 {
border: 1px #000;
height: 25px;
padding-left: 0;
}
.nav_blank-space {
height: 4.5625rem;
}
.nav_link-list {
margin-right: 1.25rem;
}
.nav_logo {
height: 1.5rem;
}
.button-nav {
color: #fff;
text-align: center;
background-color: #1d2130;
border-radius: .25rem;
justify-content: center;
align-items: center;
padding: .75rem 2rem;
text-decoration: none;
transition: transform .2s, background-color .2s;
display: inline-block;
position: relative;
}
.button-nav:hover {
background-color: #0b0706;
transform: translate(0, -.25rem);
}
.nav_link {
padding: 1rem 1.25rem;
transition: color .2s;
}
.nav_link:hover, .nav_link.w--current {
color: #0b0706;
}
.nav_menu {
color: #525560;
align-items: center;
display: flex;
}
.nav_logo-link {
padding-left: 0;
}
.page-padding {
padding-left: 2.5rem;
padding-right: 2.5rem;
}
.nav_container {
justify-content: space-between;
align-items: center;
width: 100%;
max-width: 80rem;
margin-left: auto;
margin-right: auto;
display: flex;
}
.menu-button-3 {
z-index: 2;
}
.pointer-events {
display: none;
}
.nav-social-link {
opacity: 1;
border-radius: 100%;
align-self: center;
margin-left: 20px;
padding: 10px;
transition: opacity .3s, background-color .3s;
}
.nav-social-link:hover {
opacity: .7;
background-color: #000;
}
.nav-social-link._1 {
margin-left: 0;
}
.underline-lottie {
z-index: -1;
position: absolute;
inset: auto 0% -10%;
}
.brand-3 {
z-index: 2;
flex-direction: row;
align-items: center;
width: 140px;
margin-right: 30px;
padding-top: 0;
padding-bottom: 0;
display: flex;
}
.nav-social-links {
text-align: right;
flex: 1;
justify-content: flex-end;
display: flex;
}
.nav-link-text {
font-family: Poppins, sans-serif;
font-size: 20px;
font-weight: 600;
}
.nav-logo {
height: 25px;
}
.container-1062 {
max-width: 1170px;
margin-left: auto;
margin-right: auto;
padding: 3rem 20px;
}
.container-1062.nav-container {
height: 80px;
padding-top: 12px;
padding-bottom: 12px;
display: flex;
}
.nav-menu-3 {
z-index: 1;
flex: 1;
padding-top: 6px;
padding-bottom: 6px;
display: flex;
}
.nav-link-3 {
color: #fff;
flex-direction: column;
justify-content: center;
margin-left: 0;
margin-right: 20px;
padding: 10px;
font-size: 16px;
font-weight: 500;
text-decoration: none;
display: flex;
position: relative;
overflow: hidden;
}
.nav-link-3:hover {
text-decoration: none;
}
.nav-link-3.w--current {
background-color: #0d0d0d;
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/61d9f858498a12409837c338_Line%20White.svg");
background-position: 50% 100%;
background-repeat: no-repeat;
background-size: contain;
font-weight: 600;
}
.nav-link-3._5 {
color: #000;
background-color: #fecc2f;
border: 2px #fecc2f;
border-radius: 20px;
padding-left: 15px;
padding-right: 15px;
}
.nav-link-3._5:hover {
color: #000;
mix-blend-mode: overlay;
background-color: #fff;
}
.navbar-2 {
background-color: #000;
position: sticky;
top: 0;
bottom: 10000000000px;
}
.navbar-2.new-navbar-wrap {
background-color: var(--black);
margin-top: -1px;
margin-bottom: 0;
padding-bottom: 0;
position: fixed;
inset: 0% 0% auto;
}
.text-block-121 {
color: #fff;
font-family: Poppins, sans-serif;
font-weight: 600;
}
.text-block-122 {
color: #fff;
font-family: Poppins, sans-serif;
font-size: 20px;
font-weight: 600;
}
.icon {
color: #fff;
margin-top: 16px;
padding-top: 0;
}
.dropdown-toggle-2 {
padding-top: 10px;
}
.dropdown-list-2 {
font-family: Pretendard, sans-serif;
}
.dropdown-list-2.w--open {
color: #fff;
background-color: #fff;
font-family: Poppins, sans-serif;
font-size: 20px;
font-weight: 600;
}
.paragraph {
font-family: Poppins, sans-serif;
}
.main-heading-copy {
margin-top: 0;
margin-bottom: 22px;
font-family: Poppins, sans-serif;
font-size: 36px;
font-weight: 800;
line-height: 1em;
}
.right-block {
flex-direction: column;
justify-content: center;
align-items: flex-start;
padding-left: 10%;
display: flex;
}
.subheader-3 {
margin-top: 0;
margin-bottom: 22px;
line-height: .8em;
}
.subheader-3.title {
color: #fecc2f;
margin-bottom: 12px;
font-size: 1rem;
font-weight: 600;
}
.main-heading-copy-2 {
color: #000;
margin-top: 0;
margin-bottom: 22px;
font-size: 36px;
font-weight: 800;
line-height: 1em;
}
.subheader-3-copy {
margin-top: 0;
margin-bottom: 22px;
line-height: .8em;
}
.subheader-3-copy.title {
color: #23b3a4;
margin-top: 20px;
margin-bottom: 23px;
font-size: 1rem;
font-weight: 600;
}
.main-heading-copy-3 {
text-align: left;
margin-top: 0;
margin-bottom: 22px;
font-family: Pretendard, sans-serif;
font-size: 36px;
font-weight: 800;
line-height: 1em;
}
.name {
z-index: 50;
color: #000;
transform-style: preserve-3d;
background-color: #fecc2f;
flex: none;
font-size: 65px;
font-weight: 400;
line-height: 1em;
position: relative;
transform: translate3d(0, 0, 80px)rotate(-90deg);
}
.section-3 {
z-index: 1;
background-color: #101010;
padding: 11% 10%;
position: relative;
}
.section-3.about {
color: #e4e4e4;
background-color: #0000;
padding: 7%;
}
.block-about-image {
position: relative;
}
.block-name {
z-index: 10;
justify-content: center;
align-items: center;
width: 100px;
height: 100px;
display: flex;
position: absolute;
top: 363px;
left: 15px;
right: 0%;
}
.container-copy {
background-color: #0000;
max-width: 1170px;
margin-left: auto;
margin-right: auto;
padding: 0 20px;
display: block;
}
.about-image {
filter: none;
object-fit: cover;
width: 90%;
}
.about-image:hover {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/61d26ae3213ebfe6e8b83e13_60bfcdc69d7812568a78c4c1_5facdcd676fae0ba3f3bc490_IMG_4481%20(1).jpeg");
background-position: 0 0;
background-size: auto;
}
.grid-7 {
grid-column-gap: 0px;
grid-row-gap: 0px;
perspective: 1000px;
transform: ;
grid-template-rows: auto;
grid-template-columns: 1.25fr 1fr;
width: 100%;
max-width: 1300px;
}
.bold-text-37 {
font-family: Poppins, sans-serif;
font-weight: 500;
}
.bold-text-37._2 {
font-size: 1.3em;
font-weight: 600;
}
.heading-419 {
text-align: center;
margin-top: auto;
margin-bottom: 57px;
padding-left: 220px;
padding-right: 220px;
font-family: Poppins, sans-serif;
font-size: 2em;
font-weight: 300;
}
.heading-419._1 {
margin-top: 100px;
font-weight: 500;
}
.paragraph-2 {
font-family: Poppins, sans-serif;
}
.bold-text-38 {
color: #fff;
text-shadow: 1px 1px 6px #000;
font-family: Poppins, sans-serif;
font-size: 25px;
font-weight: 500;
text-decoration: underline;
}
.image-453 {
object-fit: cover;
max-width: 50%;
}
.section-12 {
object-fit: cover;
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/61d7383685ac65c4d847e0e3_Screen%20Shot%202022-01-06%20at%2012.42.47%20PM.png");
background-position: 50% 40%;
background-size: cover;
min-height: 500px;
}
.section-12.video-ad {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/61da17a9a77bcc61d7022964__MG_1550.jpg");
}
.section-12.corporate {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/61db725984b949275e7f6928_IMG_0291.jpg");
}
.section-12.retainer {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/61da16cdcfc38610502d7319_IMG_8402.jpg");
}
.dollar-sign {
margin-top: 3px;
margin-bottom: auto;
margin-right: 5px;
}
.pricing-icon {
margin-top: -40%;
}
.pricing-title {
color: #000;
font-family: Poppins, sans-serif;
font-size: 28px;
font-weight: 600;
line-height: 32px;
}
.pricing-plan-2 {
color: #727272;
text-align: center;
border-radius: 30px;
flex-direction: column;
align-items: center;
margin-top: 72px;
padding: 36px;
font-size: 16px;
line-height: 20px;
display: flex;
}
.pricing-plan-2.recommended {
background-color: #f5f5f5;
}
.section-15-copy {
background-color: #fecc2f;
padding-top: 0;
padding-bottom: 75px;
}
.price-2 {
color: #000;
font-family: Poppins, sans-serif;
font-size: 48px;
font-weight: 800;
line-height: 1;
}
.pricing-plan-grid {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.container-18 {
width: 100%;
max-width: 1296px;
margin-left: auto;
margin-right: auto;
padding-left: 24px;
padding-right: 24px;
}
.month {
margin-top: auto;
margin-bottom: 5px;
margin-left: 5px;
font-family: Poppins, sans-serif;
}
.button-15 {
color: #fff;
background-color: #000;
border: 2px solid #000;
border-radius: 4px;
padding: 10px 20px;
font-family: Poppins, sans-serif;
font-size: 18px;
transition: color .2s ease-in-out, background-color .2s ease-in-out;
}
.button-15:hover {
color: #000;
background-color: #fff;
}
.button-15.button-secondary {
color: #000;
background-color: #fff;
font-family: Poppins, sans-serif;
}
.button-15.button-secondary:hover {
color: #fff;
background-color: #000;
}
.pricing-description {
max-width: 250px;
font-family: Poppins, sans-serif;
font-size: 18px;
line-height: 21px;
}
.price-tag {
color: #000;
margin-top: 32px;
font-family: Poppins, sans-serif;
font-size: 14px;
font-weight: 700;
}
.price-wrap {
margin-top: 40px;
margin-bottom: 40px;
font-size: 20px;
display: flex;
}
.heading-xlarge-copy {
color: #000;
letter-spacing: -.04em;
text-transform: uppercase;
white-space: normal;
margin-top: 0;
margin-bottom: 0;
font-family: Pretendard, sans-serif;
font-size: 12vh;
font-weight: 600;
line-height: .9;
}
.heading-xlarge-copy.hero-size {
perspective-origin: 0 100%;
transform-origin: 0 100%;
letter-spacing: -.05em;
justify-content: center;
align-items: flex-end;
font-size: 15vh;
font-weight: 700;
line-height: .85;
display: block;
overflow: visible;
}
.heading-xlarge-copy.no-wrap {
letter-spacing: -.04em;
text-transform: uppercase;
white-space: nowrap;
margin-top: 0;
margin-bottom: 0;
font-family: Pretendard, sans-serif;
font-size: 20vh;
font-weight: 500;
line-height: .88;
}
.heading-xlarge-copy.text-bold {
font-size: 5vh;
font-weight: 700;
}
.heading-xlarge-copy.text-bold._3 {
color: #26a300;
padding-top: 40px;
padding-bottom: 0;
font-size: 4vh;
}
.heading-xlarge-copy.scroll {
letter-spacing: -.02em;
text-transform: capitalize;
white-space: nowrap;
font-size: 14vh;
font-weight: 500;
line-height: 1.1;
}
.flex {
flex-wrap: wrap;
display: flex;
position: relative;
}
.submit-button {
background-color: #fecc2f;
border-radius: 20px;
width: 100%;
height: 42px;
font-family: Poppins, sans-serif;
font-weight: 700;
transition: background-color .2s;
}
.submit-button:hover {
background-color: var(--black);
color: #fecc2f;
}
.top-margin {
position: relative;
}
.top-margin._10-pixels {
margin-top: 10px;
}
.input {
border: 1px solid #fff;
border-radius: 0;
height: 42px;
font-family: Poppins, sans-serif;
font-weight: 600;
}
.error-message-2 {
font-size: 14px;
line-height: 25px;
}
.success-message-2 {
background-color: #0000;
font-size: 14px;
line-height: 25px;
}
.success-message-2.white {
color: #fff;
}
.lottie-animation-4 {
margin-top: -105px;
padding-top: 0;
}
.text-block-123 {
color: #000;
font-family: Poppins, sans-serif;
font-weight: 600;
}
.text-block-124 {
font-family: Poppins, sans-serif;
font-weight: 600;
}
.paragraph-3 {
font-family: Poppins, sans-serif;
font-size: 1em;
}
._2-buttons {
justify-content: center;
align-items: center;
display: flex;
}
.fp_open {
width: 0;
height: 0;
position: absolute;
inset: auto 0% 0% auto;
}
.split-content.hero-left {
max-width: 530px;
margin-right: 20px;
}
.title.home-hero {
color: #0b252e;
text-align: center;
font-size: 2.6em;
line-height: 1.429em;
display: block;
}
.title.stats-card-title-v1---brix {
margin-bottom: 8px;
font-family: Poppins, sans-serif;
font-size: 2em;
}
.title.stats-v3-main-title---brix {
text-align: center;
margin-bottom: 58px;
font-family: Poppins, sans-serif;
font-size: 3em;
}
.button-primary {
color: var(--black);
text-align: center;
background-color: #fecc2f;
border-radius: 80px;
margin-top: 60px;
padding: 12px 32px 18px;
font-family: Poppins, sans-serif;
font-size: 40px;
font-weight: 600;
line-height: 1.125em;
transition: transform .35s, background-color .35s;
}
.button-primary:hover {
color: #000;
background-color: #fff;
transform: scale(1.04);
}
.button-primary.no-margin {
margin-top: 56px;
}
.button-primary.no-margin.header {
margin-top: 20px;
padding: 20px 25px;
font-size: 2em;
}
.fp_offer-wrapper {
border: 1px dashed #777f83fa;
width: 80%;
height: 400px;
margin: 30px;
padding: 0;
}
.fp_x-close {
color: #000;
font-size: 50px;
line-height: 6px;
text-decoration: none;
position: absolute;
inset: 24px 10px auto auto;
}
.button-secondary {
color: #0b252e;
text-align: center;
background-color: #0000;
border: 1px solid #bdcfd4;
border-radius: 131px;
padding: 18px 32px;
font-size: 1em;
line-height: 1.125em;
transition: border-color .35s, transform .35s, color .35s, background-color .35s;
display: block;
}
.button-secondary:hover {
color: #fff;
background-color: #47cd70;
border-color: #47cd70;
transform: scale(1.04);
}
.scroll-down-wrapper {
max-width: 60px;
margin-top: 60px;
text-decoration: none;
position: relative;
top: 30px;
}
.scroll-down-wrapper.hidden {
display: none;
}
.header {
text-align: center;
padding: 30px;
font-family: Poppins, sans-serif;
font-size: 3em;
}
.calender-pop-up {
z-index: 1000;
background-color: #000000bf;
justify-content: center;
align-items: flex-end;
display: none;
position: fixed;
inset: 0%;
overflow: hidden;
}
.page-content {
justify-content: center;
align-items: center;
width: 100vw;
height: 100vh;
display: flex;
position: relative;
inset: 0%;
}
.fp_offer-container {
z-index: 1002;
background-color: #fff;
flex-direction: column;
justify-content: center;
align-items: center;
max-width: 100vw;
max-height: 100vh;
margin: 10%;
display: flex;
position: absolute;
inset: 0%;
overflow: auto;
}
.fp_background-close {
z-index: 1001;
position: absolute;
inset: 0%;
}
.spacer {
width: 6px;
}
.spacer._2-buttons {
width: 18px;
}
.scroll-down-text {
text-align: center;
letter-spacing: .04em;
text-transform: uppercase;
font-size: .75em;
line-height: 1.167em;
}
.paragraph-4.hero {
text-align: center;
max-width: 466px;
margin-bottom: 48px;
}
.paragraph-4.stats-v1-paragraph---brix, .paragraph-4.stats-v3-paragraph---brix {
margin-bottom: 0;
font-family: Poppins, sans-serif;
font-size: 1em;
}
.html-embed {
width: 800px;
min-width: 800px;
max-width: 1000px;
}
.container-1064 {
width: 1560px;
max-width: 100%;
margin-left: auto;
margin-right: auto;
padding-left: 4em;
padding-right: 4em;
}
.container-1064.hero {
width: auto;
margin-left: 0;
margin-right: 0;
padding-top: 3.33em;
padding-left: 3.33em;
padding-right: 3.33em;
}
.container-1064.is--final-text {
justify-content: space-between;
align-items: center;
width: auto;
margin-left: 0;
margin-right: 0;
padding: 0 9em;
display: block;
}
.container-1064.footer {
z-index: 10;
color: #3339;
background-color: #0000;
width: auto;
margin-left: 0;
margin-right: 0;
padding-left: 3.33em;
padding-right: 3.33em;
position: relative;
}
.container-1064._2 {
width: auto;
margin-left: 0;
margin-right: 0;
padding: 6em 9em;
}
.container-1064.is--portfolio {
justify-content: space-between;
align-items: center;
width: auto;
margin-left: 0;
margin-right: 0;
padding-bottom: 6em;
padding-left: 9em;
padding-right: 9em;
transition: opacity .2s;
display: block;
}
.test-hero-mask {
overflow: hidden;
}
.background-video {
height: 100%;
position: static;
overflow: visible;
}
.grid-item.hero-heading {
padding-left: 16.7em;
padding-right: 16.7em;
}
.grid-item.is--video {
object-fit: cover;
width: 100%;
height: 40.07em;
margin-top: -2.9em;
position: relative;
overflow: hidden;
}
.grid-item.column2-footer-responsivness {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 25%;
display: flex;
}
.grid-item.final-text {
width: 100%;
}
.grid-item._2 {
flex-direction: row;
justify-content: flex-start;
align-items: flex-end;
width: 70%;
padding-left: 0;
display: flex;
}
.grid-item.portfolio-2 {
align-items: flex-start;
width: 100%;
margin-top: 2.08em;
display: flex;
}
.grid-item.columns {
color: #0009;
width: 25%;
text-decoration: none;
display: block;
}
.grid-item.columns.w--current {
color: #0009;
text-decoration: none;
}
.grid-item.heading {
opacity: 1;
padding-top: 3.5em;
}
.grid-item.column2-footer {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 25%;
display: flex;
}
.grid-item.awards {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 50%;
display: flex;
}
.grid-item.awards2-responsivness {
flex-direction: column;
justify-content: flex-start;
align-items: flex-end;
width: 50%;
display: none;
}
.grid-item.deserved-awards {
align-items: flex-start;
width: 36%;
display: block;
}
.grid-item.awards2 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-end;
width: 50%;
display: flex;
}
.grid-item.portfolio {
text-align: center;
justify-content: center;
align-items: center;
width: 100%;
display: flex;
}
.grid-item.line-arrow {
width: 100%;
}
.grid-item._1 {
align-items: flex-start;
width: 36%;
display: block;
}
.grid-item.video-full {
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
margin-top: auto;
position: relative;
}
.is-hero-heading {
z-index: 2;
text-align: center;
white-space: normal;
flex-direction: row;
justify-content: center;
align-items: center;
margin-bottom: 0;
font-size: 4.86em;
font-weight: 400;
line-height: 1.2;
display: flex;
position: relative;
overflow: visible;
}
.grid {
flex-direction: row;
display: flex;
}
.grid.hero {
flex-direction: column;
}
.grid._3 {
justify-content: flex-start;
display: flex;
}
.grid.portfolio-header {
flex-direction: column;
}
.grid.portfolio {
flex-direction: column;
padding-top: 4.17em;
}
.video-hero-mask {
background-color: #fff;
height: 100%;
}
.text-span-8 {
font-family: Inconsolata, monospace;
display: flex;
}
.is-hover-zoom {
overflow: hidden;
}
.is-hover-zoom._3 {
width: 32.3em;
height: 23.2em;
}
.is-hover-zoom._4 {
width: 48.4em;
height: 31.94em;
}
.is-hover-zoom._2 {
width: 29.5em;
height: 23.47em;
}
.is-hover-zoom._1 {
width: 51.1em;
height: 36.53em;
}
.line {
background-color: #c4c4c4;
width: 79.3em;
height: 1px;
margin-top: .7em;
}
._70 {
color: #000;
width: 64%;
text-decoration: none;
}
.slider-testimonial {
z-index: 1;
position: relative;
overflow: visible;
}
.wrapper-circle-text {
justify-content: space-between;
align-items: flex-start;
width: 100%;
padding-bottom: 2.15em;
display: flex;
}
.p {
color: #0009;
font-size: 1.11em;
font-weight: 400;
line-height: 2.2;
}
.p.is--slider-paragraph {
margin-top: .2em;
line-height: 1.5;
}
.liner-wrapper2 {
justify-content: space-between;
align-items: center;
padding-top: 6em;
display: flex;
}
.is--footer-text {
color: #000;
margin-bottom: 1.39em;
font-family: Poppins, sans-serif;
font-size: .97em;
}
.heading-5 {
line-height: 1.2;
}
.splide__list {
display: flex;
}
.heading-latest-work {
margin-bottom: 0;
font-family: Poppins, sans-serif;
font-size: 1.4em;
font-weight: 600;
line-height: 1.2;
}
.is--text-circle-last {
margin-left: -11.5em;
}
.div-grid-item-wrapper {
width: 70%;
display: flex;
}
.is--footer-text-column3 {
color: #000;
border: 1px #000;
margin-bottom: .4em;
font-family: Poppins, sans-serif;
font-size: .97em;
text-decoration: none;
}
.heading-responsivness {
display: none;
}
.overflow-hidden {
overflow: hidden;
}
.slider-colections {
z-index: 1;
position: relative;
overflow: visible;
}
.is--footer-moto {
max-width: 250px;
margin-top: 6em;
margin-bottom: 6em;
font-family: Poppins, sans-serif;
font-size: .97em;
font-weight: 500;
}
.image-grow {
object-fit: cover;
width: 100%;
height: 100%;
}
.splide__pagination__page {
opacity: 1;
background-color: #000;
border-radius: 50%;
width: 7px;
height: 7px;
padding-top: .5em;
padding-bottom: .5em;
position: static;
inset: 0% 0% 0% auto;
}
.splide__pagination__page.is-active {
opacity: 1;
background-color: #000;
width: 10px;
height: 10px;
position: static;
}
.footer-line {
background-color: #c4c4c4;
width: 91em;
height: 1px;
margin-top: .9em;
}
.grid-item-test.deserved-awards-test {
align-items: flex-start;
width: 40%;
display: block;
}
.grid-item-test.what-people-are-saying {
align-items: flex-start;
width: 36%;
display: block;
}
.image-454 {
width: 7.42em;
}
.headline-tittle-project {
text-align: center;
flex-direction: row;
justify-content: center;
margin-top: 1.39em;
font-family: Poppins, sans-serif;
font-size: 1.11em;
font-weight: 600;
display: flex;
}
.circle {
border: 1px solid #000;
border-radius: 50%;
justify-content: center;
align-items: center;
width: 2em;
height: 2em;
display: flex;
}
.circle.footer {
margin-bottom: 1.39em;
}
.text-span-5 {
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
}
.splide__pagination {
z-index: 10;
background-color: #fff;
flex-direction: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: center;
margin-bottom: 0;
padding-left: 0;
display: flex;
position: absolute;
inset: 0% 0% 66% auto;
}
.splide__arrows {
align-items: center;
margin-top: 1.6em;
display: flex;
}
.is-underline {
background-color: #000;
width: 14.6em;
height: .3em;
margin-top: -.7em;
margin-left: 20.9em;
}
._60 {
color: #000;
width: 59%;
padding-right: 0;
text-decoration: none;
}
.heading-tablet {
margin-bottom: 1em;
font-size: 2.36em;
line-height: 1.2;
}
.heading-year {
margin-left: -9.7em;
font-size: .97em;
}
.title-2 {
width: 8em;
font-size: 1.53em;
font-weight: 400;
line-height: 1.1;
}
.heading-year-last {
margin-left: -12.7em;
font-size: .97em;
}
.splide__slide {
flex-direction: row;
flex: none;
display: flex;
overflow: visible;
}
.splide__track {
width: 100%;
}
.background-video-3 {
background-image: linear-gradient(#00000080, #00000080);
border-radius: 0;
width: 100%;
height: 100%;
}
.background-video-3.ecom {
background-image: linear-gradient(#00000080, #00000080);
border-radius: 0;
height: auto;
margin-top: 80px;
}
.background-video-3.home {
height: 50vw;
}
.background-video-3.about {
background-image: linear-gradient(#00000061, #00000061);
height: 50vw;
margin-bottom: 0;
}
._40 {
color: #000;
flex-direction: column;
justify-content: flex-start;
align-items: flex-end;
width: 60%;
padding-left: 0;
text-decoration: none;
display: block;
}
.container-test {
width: 1560px;
max-width: 100%;
margin-left: auto;
margin-right: auto;
padding-left: 4em;
padding-right: 4em;
}
.container-test.slider {
justify-content: space-between;
align-items: center;
width: auto;
margin-left: 0;
margin-right: 0;
padding: 0 9em;
display: block;
overflow: visible;
}
.container-test.slider-colection {
justify-content: space-between;
align-items: center;
width: auto;
margin-left: 0;
margin-right: 0;
padding: 1em 0 0;
display: block;
overflow: visible;
}
.headline-category {
color: #3339;
font-family: Poppins, sans-serif;
font-size: .97em;
font-weight: 400;
}
.liner-wrapper {
justify-content: space-between;
align-items: center;
display: flex;
}
.text-up {
justify-content: space-between;
align-items: flex-start;
width: 18em;
margin-right: 5em;
display: flex;
}
.text-up.no-margin {
margin-right: 0;
}
.heading-button {
justify-content: space-between;
align-items: center;
display: flex;
}
.text-block-125 {
font-size: .7em;
font-weight: 400;
}
.splide__pagination__item {
display: none;
}
.is--text-circle {
margin-left: -8.6em;
}
.button-wrapper-2 {
color: #000;
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/61e4dd774a61a2ca30d0dd75_Black%20Thing.png");
background-position: 50% 250%;
background-repeat: no-repeat;
background-size: 100%;
border: 1px solid #0000004d;
border-radius: 3em;
justify-content: center;
align-items: center;
width: 8em;
height: 2.2em;
padding-bottom: 0;
padding-left: 30px;
padding-right: 30px;
font-weight: 600;
text-decoration: none;
transition: all .3s ease-out;
display: flex;
}
.button-wrapper-2:hover {
color: #fff;
background-position: 50%;
background-size: cover;
}
.arrow-2 {
width: 1.88em;
height: 1.88em;
}
.is--heading-with-year {
font-size: 1.53em;
}
.grid-test {
width: 100%;
display: flex;
position: relative;
overflow: visible;
}
.liner-wrapper-footer {
justify-content: space-between;
align-items: center;
margin-bottom: 6em;
display: flex;
}
.heading-final-text {
text-align: center;
margin-left: 40px;
margin-right: 40px;
font-family: Poppins, sans-serif;
font-size: 3em;
font-weight: 500;
line-height: 1.1;
text-decoration: none;
position: static;
}
.is--footer-moto-responsivness {
margin-bottom: 6em;
font-size: .97em;
display: none;
}
.container-full-width {
width: 2400px;
max-width: 100%;
margin-left: auto;
margin-right: auto;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
}
.splide {
width: 70%;
position: relative;
}
.splide.slider3 {
flex: 0 auto;
width: 70%;
height: 15.9em;
overflow: hidden;
}
.splide.slider3.collection {
width: 100%;
height: 13.9em;
padding-left: 14em;
padding-right: 14em;
overflow: visible;
}
.splide.slider1 {
height: 29em;
overflow: hidden;
}
.splide.slider2 {
flex: 0 auto;
width: 70%;
height: 15.9em;
overflow: hidden;
}
.slider-team {
z-index: 1;
position: relative;
}
.is--text-circle-middle {
margin-left: -13.8em;
}
._30 {
color: #000;
flex-direction: column;
justify-content: flex-start;
align-items: flex-end;
width: 34%;
padding-left: 0;
text-decoration: none;
display: block;
}
.number {
font-size: 3.06em;
line-height: 1;
}
.heading-year-middle {
margin-left: -15.2em;
font-size: .97em;
}
.section-13 {
z-index: 1;
position: relative;
}
.section-13.is--z-index {
z-index: 1000;
background-color: #0000;
}
.spacer-p {
height: 2.5em;
}
.section-14 {
text-align: center;
margin-top: 140px;
margin-bottom: 100px;
}
.bold-text-39 {
font-weight: 500;
}
.link-37 {
text-decoration: underline;
}
.c-large-header {
width: 100vw;
max-width: 100vw;
height: 8em;
margin-left: -10vw;
overflow: hidden;
}
.c-mission_photo {
background-color: #fff;
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/61defc836f82901f59ad622c_Screen%20Shot%202022-01-12%20at%2010.06.08%20AM.png");
background-position: 40%;
background-repeat: no-repeat;
background-size: cover;
border-radius: .6em;
width: 26.2vw;
min-width: 26.2vw;
height: 32vw;
}
.c-large-header_contain {
justify-content: flex-start;
align-items: center;
display: flex;
}
.is--mission-heading {
margin-bottom: 1.4em;
font-family: Poppins, sans-serif;
font-weight: 500;
}
.c-button {
text-align: center;
background-color: #818181;
border-width: 0;
border-radius: .6em;
padding: .9em 1.9em;
}
.c-button:hover {
background-image: linear-gradient(#0000001a, #0000001a);
}
.c-button.is--black {
background-color: #0f0e17;
}
.is--display {
white-space: nowrap;
font-size: 7em;
font-weight: 500;
}
.c-circle {
z-index: -1;
width: auto;
max-width: none;
height: 80%;
margin-left: auto;
margin-right: auto;
position: absolute;
inset: 10% 0% auto;
}
.c-section {
padding: 3em 10vw;
}
.c-section.is--mission {
width: 100vw;
padding-top: 4em;
position: relative;
overflow: hidden;
}
.c-section.is--homepage {
width: 100vw;
padding-top: 0;
padding-bottom: 0;
position: relative;
overflow: hidden;
}
.c-mission_content {
flex-direction: column;
width: 48vw;
padding-left: 5.5vw;
}
.c-mission {
justify-content: space-between;
align-items: center;
padding-top: 2.5em;
display: flex;
}
.is--display-line {
background-color: #0f0e17;
width: 10em;
min-width: 10em;
height: .2em;
margin-left: 2.8em;
margin-right: 2.8em;
}
.heading-420 {
text-align: center;
}
.page-loader-container {
z-index: 1000;
width: 100%;
height: 100vh;
display: none;
position: fixed;
inset: 0%;
overflow: hidden;
}
.page-loader {
background-color: #ffd300;
width: 100%;
height: 100%;
display: block;
position: fixed;
inset: 0% 0% auto;
}
.btn_container_text {
align-items: center;
width: 100px;
line-height: 26px;
display: flex;
position: relative;
overflow: hidden;
}
.project-child {
width: 50%;
}
.project-child.project_img {
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
width: 500px;
height: 500px;
}
.project-child.project_img.project_img_myocum {
background-color: #0000;
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/61e4eaef3dcc949be3809631_Untitled-Artwork.jpg");
background-size: cover;
width: 500px;
height: 500px;
}
.project-child.project_img.project_img_afends {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/61e4eaef3dcc94a8f180963c_image.png");
background-size: contain;
}
.project-child.project_img.project_img_unison {
background-color: #0000;
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/61d26be82d8295386d6c84d5_6168d8c2a7d7b85a7ee95458_IMG_8397-p-2600.jpeg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
width: 500px;
height: 500px;
}
.project-child.project_text {
background-color: #0000;
width: 500px;
height: 500px;
}
.project-child.project_text.project_text_left {
background-color: #0000;
border-left: 0 #000;
}
.project-text-container {
flex-direction: column;
justify-content: space-between;
height: 100%;
padding: 45px;
display: flex;
}
.p-2 {
color: #090915;
font-family: Poppins, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 2em;
}
.link-6 {
z-index: 2;
color: #000;
font-size: 14px;
font-weight: 400;
text-decoration: none;
position: relative;
}
.link-6.w--current {
font-size: 14px;
font-weight: 500;
}
.zendall-btn_arrow {
z-index: 2;
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/61e4eaef3dcc9402a980963b_ZendallButton.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
width: 14px;
height: 14px;
margin-right: 10px;
line-height: 14px;
position: relative;
}
.number-title {
color: #090915;
font-family: Poppins, sans-serif;
font-weight: 500;
}
.btn_main {
justify-content: space-between;
align-items: center;
width: 140px;
display: flex;
position: static;
overflow: hidden;
}
.h3 {
color: #090915;
font-family: Poppins, sans-serif;
font-size: 50px;
font-weight: 600;
line-height: 1.5em;
}
.h3._2 {
text-align: center;
margin-top: 20px;
}
.strike-through-btn {
background-color: #ff885e;
width: 70%;
height: 28px;
line-height: 14;
position: absolute;
left: 0;
right: auto;
}
.projects-container {
width: 100%;
padding-top: 0;
}
.project_parent {
background-color: #0000;
justify-content: center;
width: 100%;
height: auto;
padding-left: 100px;
padding-right: 100px;
display: flex;
position: relative;
}
.project_parent.project_parent_switched {
background-color: #f5f7fb;
flex-direction: row-reverse;
}
.work-collection-list-wrapper {
width: 100%;
}
.work-collection-list {
grid-column-gap: 2rem;
grid-row-gap: 5rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: row;
display: grid;
}
.work-collection-item {
width: 100%;
display: flex;
}
.empty-state {
display: none;
}
.formatting {
text-align: center;
flex-direction: column;
justify-content: center;
align-items: center;
padding-top: 93px;
padding-left: 4vw;
padding-right: 4vw;
display: flex;
overflow: hidden;
}
.formatting__wrapper {
flex-direction: row;
justify-content: flex-end;
align-items: flex-start;
max-width: 77em;
margin-left: auto;
margin-right: auto;
display: flex;
position: relative;
}
.formatting__lottie {
z-index: 0;
width: 75em;
height: auto;
margin-left: -24.8em;
position: absolute;
bottom: 0;
left: 0;
}
.formatting__text {
width: 525px;
margin-left: -15px;
margin-right: 4vw;
padding-top: 66px;
padding-bottom: 180px;
position: relative;
}
.formatting__heading {
margin-bottom: 46px;
}
.formatting__paragraph.formatting__paragraph--space {
margin-bottom: 18px;
}
.create__feature {
width: 18%;
margin-left: 4%;
}
.create__features-wrapper {
flex-direction: row;
justify-content: center;
align-items: center;
margin-top: 9vw;
margin-bottom: 3vw;
display: flex;
position: relative;
}
.create__feature-heading {
color: #f1f1f1;
font-family: Poppins, sans-serif;
font-size: 1.2vw;
font-weight: 500;
line-height: 1.2em;
}
.create__coin2-wrapper {
width: 18%;
position: absolute;
top: 39.9vw;
left: 13%;
}
.create__coin3, .create__coin2 {
transform: scale(0);
}
.create__coins-wrapper {
background-color: #211f1f;
position: absolute;
inset: 0%;
}
.create {
z-index: 3;
background-color: #0000;
padding-top: 12vw;
padding-bottom: 7vw;
position: relative;
}
.create__text-wrapper1 {
z-index: 1;
flex-direction: row;
justify-content: flex-start;
align-items: flex-start;
margin-top: 1.4vw;
display: flex;
position: relative;
}
.create__coin1 {
transform: scale(0);
}
.create__heading-wrapper {
z-index: 1;
position: relative;
}
.create__heading {
opacity: 0;
color: #000;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Poppins, sans-serif;
font-size: 8.4vw;
font-weight: 600;
line-height: 1.2em;
transform: scale(0);
}
.create__coin3-wrapper {
width: 18%;
display: block;
position: absolute;
top: 8.5vw;
left: 61%;
}
.create__intro-wrapper {
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
}
.create__text {
color: #f1f1f1;
margin-right: .4vw;
font-family: Poppins, sans-serif;
font-size: 1vw;
font-weight: 600;
line-height: 1.5em;
}
.create__text.payment__text--blue {
color: #2c71f6;
}
.create__feature-text {
color: #f1f1f1;
margin-top: 1.2vw;
font-family: Poppins, sans-serif;
font-size: .9vw;
font-weight: 500;
line-height: 1.6em;
}
.create__coin1-wrapper {
width: 20%;
position: absolute;
top: 36vw;
left: 75%;
}
.create__text-wrapper2 {
z-index: 1;
flex-direction: row;
justify-content: flex-start;
align-items: flex-start;
margin-top: .5vw;
display: flex;
position: relative;
}
.payment {
z-index: 1;
background-color: #fecc2f;
padding-top: 10vw;
position: relative;
overflow: hidden;
}
.payment__wrapper {
flex-direction: column;
justify-content: center;
align-items: center;
margin-bottom: 9vw;
display: flex;
}
.payment__heading {
color: #151515;
text-align: center;
width: 75%;
margin-top: 0;
margin-bottom: 0;
font-family: Poppins, sans-serif;
font-size: 4.86vw;
font-weight: 600;
line-height: 1em;
}
.payment__text {
color: #595959;
text-align: center;
width: 80%;
margin-top: 1.4vw;
font-family: Poppins, sans-serif;
font-size: 2vw;
font-weight: 600;
line-height: 1em;
}
.payment__methods {
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.payment__image {
width: 72vw;
}
.h2 {
margin-top: 0;
margin-bottom: 0;
font-size: 56px;
line-height: 64px;
}
.how_wrap {
flex-direction: column;
justify-content: center;
align-items: center;
padding-top: 120px;
padding-bottom: 120px;
display: flex;
}
.h3-2 {
margin-top: 0;
margin-bottom: 0;
font-size: 32px;
line-height: 40px;
}
.h3-2.centre {
text-align: center;
}
.how_text {
text-align: center;
margin-top: 16px;
}
.container-1065 {
width: 100%;
max-width: 1232px;
margin-left: auto;
margin-right: auto;
}
.how_block {
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
}
.work-image {
width: 104px;
margin-bottom: 40px;
display: block;
}
.section-15 {
width: 100%;
padding-left: 40px;
padding-right: 40px;
position: relative;
}
.section-15.backgroud-2 {
background-color: #0000;
}
.how_grid {
grid-column-gap: 48px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
width: 100%;
margin-top: 88px;
}
.tabs-menu-2 {
grid-column-gap: 0px;
grid-row-gap: 0px;
text-align: left;
justify-content: center;
align-items: center;
margin-top: auto;
margin-bottom: 60px;
display: flex;
overflow: hidden;
}
.tabs {
color: #000;
background-color: #0e121c00;
border-radius: 0;
margin-bottom: 0;
margin-left: 0;
padding: 10px 24px;
font-family: Poppins, sans-serif;
font-weight: 700;
}
.tabs:hover {
color: var(--black);
}
.tabs.w--current {
color: #0e121c;
background-color: #0000;
border-radius: 11px;
font-family: Poppins, sans-serif;
}
.collection-item {
border-radius: 0;
flex-direction: row;
align-items: center;
width: 25%;
margin: 0;
padding: 10px;
display: inline-block;
}
.div-block-27 {
background-color: #0000;
border-radius: 60px;
flex: 1;
align-self: center;
width: 94%;
margin-left: 0;
margin-right: 0;
padding: 40px 0 100px;
display: block;
}
.bold-text-2 {
font-family: Poppins, sans-serif;
}
.featured-work-header {
color: #0e121c;
text-align: center;
background-color: #0000;
border: 1px #fff75a;
border-bottom: 4px #0e121c;
border-radius: 0;
flex: 0 auto;
order: -1;
align-self: auto;
width: auto;
height: auto;
margin-top: 0;
margin-bottom: 10px;
padding: 10px;
font-family: Poppins, sans-serif;
font-size: 3vw;
font-weight: 700;
line-height: 3vw;
text-decoration: none;
transition: border .2s;
}
.text-block-17 {
font-weight: 700;
}
.collection-list-2 {
border-radius: 20px;
display: block;
}
.collection-list-wrapper-2 {
background-color: #0000;
border-radius: 20px;
padding: 0;
}
.featured-work {
flex-direction: column;
justify-content: flex-end;
align-items: center;
width: 100%;
height: auto;
margin-top: 0;
margin-left: 0%;
padding-top: 5vh;
padding-bottom: 0;
display: flex;
}
.featured-work._5 {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: stretch;
margin: 60px 0 60px 0%;
padding-top: 0;
display: flex;
}
.video-title {
color: #fff;
flex: 0 auto;
padding-left: 4px;
font-family: Poppins, sans-serif;
font-size: 1vw;
font-weight: 400;
display: inline-block;
position: static;
inset: auto 0% 0%;
}
.video-client {
color: #fff;
text-shadow: 1px 1px 6px #000;
font-family: Poppins, sans-serif;
font-size: 1.5vw;
font-weight: 700;
display: inline-block;
position: static;
inset: auto 0% 0%;
}
.image-113 {
opacity: .85;
object-fit: cover;
border: 1px #0000;
border-radius: 20px;
width: 500px;
height: 200px;
transform: rotate(0);
}
.div-block-28 {
background-color: #0000;
border-radius: 0;
width: 100%;
padding: 0;
position: relative;
transform: rotate(0);
}
.div-block-30 {
justify-content: center;
padding-bottom: 10px;
padding-left: 10px;
display: flex;
position: absolute;
inset: auto 0% 0%;
}
.lightbox-link-2 {
opacity: 1;
background-color: #0000;
border: 1px #0000;
border-radius: 20px;
display: block;
}
.div-block-22-copy {
border-radius: 0;
flex-direction: column;
flex: 1;
justify-content: space-around;
align-self: center;
align-items: flex-start;
width: 100%;
height: 100vh;
display: inline-block;
position: static;
}
.mobile-logo {
z-index: auto;
background-color: #0e121c;
flex: 1;
align-self: center;
width: 100%;
max-width: none;
margin-right: 0;
padding: 10px 12px 10px 0;
display: block;
position: absolute;
inset: 2% 0% auto 10%;
}
.header-vid-2 {
z-index: 2;
background-color: #0e121c;
border-radius: 0;
width: 50%;
height: 50%;
margin-top: 0;
margin-bottom: 0;
display: inline-block;
position: absolute;
inset: 0% 0% auto auto;
overflow: visible;
}
.header-vid-3 {
z-index: 2;
background-color: #0e121c;
border-radius: 0;
width: 50%;
height: 50%;
margin-top: 0;
margin-bottom: 0;
display: inline-block;
position: absolute;
inset: auto auto 0% 0%;
overflow: visible;
}
.columns {
border-top-right-radius: 60px;
border-bottom-right-radius: 40px;
flex: 1;
align-self: center;
width: 94%;
height: 80vh;
margin-top: 0;
margin-left: 0;
margin-right: 0;
padding-left: 0;
overflow: hidden;
}
.banner-header-ccopy-mobile {
color: #0e121c;
letter-spacing: -2px;
text-shadow: -5px 4px #fff75a;
flex: 0 auto;
order: -1;
align-self: flex-start;
width: auto;
height: auto;
margin-top: 0;
margin-bottom: 40px;
padding-right: 0;
font-family: Montserrat, sans-serif;
font-size: 4.5vw;
font-weight: 800;
line-height: 5vw;
}
.header-vid-1 {
z-index: 2;
background-color: #fff75a;
border-radius: 0;
width: 50%;
height: 50%;
margin-top: 0;
margin-bottom: 0;
display: inline-block;
position: absolute;
inset: 0% auto auto 0%;
overflow: visible;
}
.banner-header {
color: #0e121c;
letter-spacing: -2px;
text-shadow: -5px 4px #fff75a;
flex: 0 auto;
order: -1;
align-self: flex-start;
width: auto;
height: auto;
margin-top: 0;
margin-bottom: 20px;
padding-right: 0;
font-family: Montserrat, sans-serif;
font-size: 4.5vw;
font-weight: 800;
line-height: 5vw;
}
.get-in-touch-homepage {
color: #fff;
background-color: #0e121c;
border-bottom: 0 #000;
border-radius: 25px;
align-self: flex-start;
padding: 15px 25px;
text-decoration: none;
display: block;
position: relative;
}
.get-in-touch-homepage:hover {
color: #0e121c;
background-color: #fff;
}
.header-vid-4 {
z-index: 2;
background-color: #fff75a;
border-radius: 0;
width: 50%;
height: 50%;
margin-top: 0;
margin-bottom: 0;
display: inline-block;
position: absolute;
inset: auto 0% 0% auto;
overflow: visible;
}
.column-3 {
background-color: #fff75a;
border-top-left-radius: 60px;
border-bottom-left-radius: 60px;
flex-direction: column;
justify-content: center;
align-items: center;
height: 100%;
padding-left: 3vw;
padding-right: 60px;
display: flex;
top: 0;
}
.mobile-logo-div {
display: none;
}
.button-text {
border-bottom: 0 #000;
order: -1;
padding-right: 0;
font-family: Montserrat, sans-serif;
font-size: 22px;
font-weight: 700;
text-decoration: none;
}
.paragraph-large-top {
color: #0e121c;
text-align: left;
flex: 0 auto;
align-self: flex-start;
width: auto;
height: auto;
padding-bottom: 40px;
font-family: Poppins, sans-serif;
font-size: 1.4vw;
font-weight: 500;
line-height: 2vw;
}
.div-block-22 {
border-radius: 0;
flex-direction: column;
flex: 1;
justify-content: space-around;
align-self: center;
align-items: flex-start;
width: 100%;
height: 80vh;
display: inline-block;
position: static;
}
.column-2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
border-radius: 0;
flex-direction: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: center;
height: 100%;
padding: 0;
display: block;
}
.top-section {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: auto;
display: flex;
}
.top-section.center {
z-index: 1;
grid-column-gap: 16px;
grid-row-gap: 16px;
opacity: 1;
background-color: #0000;
border-radius: 60px;
flex-direction: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
align-items: center;
width: 100%;
height: 80vh;
margin-top: 4vh;
margin-bottom: 5vh;
margin-left: 0%;
padding-top: 0;
padding-bottom: 0;
padding-left: 0;
display: flex;
position: static;
}
.mobile-videos {
display: none;
}
.success-message-3 {
background-color: #fff75a;
border-radius: 20px;
}
.contact-section {
opacity: 1;
text-align: center;
background-color: #0000;
flex-direction: column;
justify-content: center;
align-items: center;
width: 96%;
height: 100vh;
margin-left: 0;
margin-right: 51px;
padding: 5vh 4vw;
display: flex;
position: relative;
}
.header-on-black {
opacity: 1;
color: var(--black);
text-align: center;
border-bottom: 4px #000;
border-radius: 0;
margin-top: 0;
margin-bottom: 20px;
padding-left: 0;
font-family: Poppins, sans-serif;
font-size: 6vh;
font-weight: 600;
line-height: 6vh;
}
.html-embed-2 {
width: 100%;
margin-left: auto;
margin-right: 0;
padding-left: 0;
padding-right: 0;
}
.html-embed-2.form {
padding-left: 0;
padding-right: 0;
}
.paragraph-large-on-black {
color: #fff;
text-align: left;
align-self: center;
width: 100%;
height: auto;
padding-bottom: 40px;
font-family: Poppins, sans-serif;
font-size: 1.5vw;
font-weight: 400;
line-height: 2vw;
}
.success-text {
font-family: Poppins, sans-serif;
font-weight: 700;
}
.text-field-2 {
border: 1px #000;
border-radius: 20px;
}
.send-us-a-text {
color: var(--black);
text-align: left;
flex: none;
align-self: center;
width: 100%;
height: auto;
padding-bottom: 0;
padding-left: 0;
font-family: Poppins, sans-serif;
font-size: 1.2vw;
font-weight: 600;
line-height: 2vw;
}
.small-header-left {
opacity: 1;
color: #fff;
text-align: left;
margin-top: 10px;
padding-left: 5px;
padding-right: 0;
font-family: Poppins, sans-serif;
font-size: 2.2vh;
font-weight: 500;
line-height: 3vh;
display: block;
}
.image-5-copy {
z-index: auto;
background-color: #0000;
flex: 0 auto;
order: 0;
align-self: flex-start;
width: 100px;
max-width: none;
margin-right: 0;
padding: 10px 0 0;
display: block;
position: static;
inset: 2% 0% auto 4%;
}
.text-field-4 {
border: 1px #000;
border-radius: 20px;
margin-bottom: 20px;
}
.form-block-2 {
flex: none;
margin-bottom: 0;
}
.contact-form-grid {
grid-column-gap: 20px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
margin-top: 0;
display: grid;
}
.button-contact {
opacity: 1;
color: #0e121c;
text-align: center;
background-color: #fff75a;
border-radius: 20px;
flex: 0 auto;
order: 0;
justify-content: flex-start;
align-self: center;
align-items: flex-start;
width: 50%;
margin-left: 0;
margin-right: 0;
padding: 10px 6px;
font-family: Montserrat, sans-serif;
font-size: 16px;
font-weight: 800;
line-height: 26px;
transition: background-color .5s cubic-bezier(.789, .159, .25, 1), color .2s cubic-bezier(.789, .159, .25, 1);
display: block;
position: static;
inset: auto 0% 0%;
}
.button-contact.w--current {
flex: 0 auto;
}
.div-block-31 {
flex-direction: column;
flex: 0 auto;
justify-content: center;
align-items: flex-start;
padding-top: 20px;
padding-bottom: 20px;
display: flex;
}
.columns-3 {
width: 100%;
}
.column-8 {
justify-content: center;
display: flex;
}
.content {
height: auto;
padding-top: 100px;
padding-bottom: 100px;
display: block;
}
.content.full-height {
object-fit: contain;
flex-direction: column;
justify-content: center;
height: auto;
margin-top: 0;
padding: 100px 40px;
display: flex;
}
.success-message-4 {
background-color: #0000;
}
.text-field-5 {
color: #939393;
background-color: #0000;
border: 0 solid #000;
border-bottom: 1px solid #e0e0e0a6;
border-radius: 0;
margin-bottom: 0;
margin-left: auto;
padding-left: 15px;
font-family: Poppins, sans-serif;
}
.text-field-5:focus {
border-bottom-color: #e0e0e0;
}
.heading-24 {
text-align: center;
font-family: Poppins, sans-serif;
font-size: 55px;
font-weight: 300;
line-height: 1.2em;
}
.error-message-3 {
color: #ff6279;
background-color: #0000;
}
.primary-cta {
color: #000;
text-align: center;
cursor: pointer;
background-color: #fecc2f;
border-radius: 28px;
margin-bottom: 15px;
margin-right: 23px;
padding-left: 25px;
padding-right: 25px;
font-family: Poppins, sans-serif;
font-weight: 600;
transition: all .2s ease-out;
}
.primary-cta:hover {
color: #fff;
background-color: #000;
transform: translate(-1px, -1px);
box-shadow: 4px 4px 0 -1px #fecc2f;
}
.form-2 {
justify-content: center;
align-items: center;
margin-top: 40px;
margin-bottom: 20px;
padding-top: 0;
display: flex;
}
.container-content {
object-fit: contain;
max-width: 1189px;
display: block;
}
.form-block-3 {
padding-right: 0;
}
.text-block-10 {
text-align: right;
font-family: Poppins, sans-serif;
line-height: 1.3em;
}
.grid-10 {
grid-column-gap: 49px;
grid-template-rows: auto;
margin-bottom: 10px;
}
.text-block-9 {
color: var(--black);
font-family: Poppins, sans-serif;
}
.paragraph-5 {
text-align: center;
font-family: Poppins, sans-serif;
font-size: 1em;
}
.image-455 {
margin-top: 8px;
margin-right: 8px;
}
.container-1066 {
grid-template-rows: auto auto;
grid-template-columns: .75fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
max-width: none;
margin-left: auto;
margin-right: auto;
display: block;
}
.list-item {
justify-content: flex-start;
align-items: flex-start;
padding-top: 4px;
padding-bottom: 4px;
}
.list {
flex-direction: column;
display: flex;
}
.h3-3 {
font-size: 32px;
font-weight: 500;
line-height: 40px;
}
.p20 {
margin-bottom: 16px;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 20px;
font-weight: 200;
line-height: 32px;
}
.h2-2 {
font-size: 52px;
font-weight: 500;
line-height: 64px;
}
.l20 {
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 20px;
font-weight: 200;
line-height: 32px;
}
.main-heading-wrap {
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
margin-bottom: 60px;
padding-right: 40px;
display: flex;
}
.card-2 {
background-color: #fff;
border-radius: 12px;
max-width: 600px;
margin-left: 40px;
padding: 40px 40px 24px;
box-shadow: 5px 50px 100px -60px #23233a54;
}
.divider {
background-color: #eee;
height: 1px;
}
.navigation-items {
flex: 1;
justify-content: space-between;
align-items: center;
display: flex;
}
.logo-link {
z-index: 1;
}
.logo-link:hover {
opacity: .8;
}
.logo-link:active {
opacity: .7;
}
.logo-image {
width: 140px;
display: block;
}
.navigation-wrap {
align-items: center;
display: flex;
}
.navigation-item {
opacity: 1;
color: #fff;
letter-spacing: 1px;
text-transform: none;
padding-top: 9px;
padding-bottom: 9px;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 16px;
font-weight: 200;
line-height: 20px;
text-decoration: none;
transition-property: all;
}
.navigation-item:hover {
opacity: .9;
}
.navigation-item:active {
opacity: .8;
}
.navigation-item.w--current {
opacity: 1;
color: #1a1b1f;
font-weight: 600;
}
.navigation-item.w--current:hover {
opacity: .8;
color: #32343a;
}
.navigation-item.w--current:active {
opacity: .7;
color: #32343a;
}
.section_4_grid_block {
text-decoration: none;
transition: all .4s;
}
.section_4_grid_block:hover {
border-radius: 14px;
transform: scale(1.1);
}
.section_4_block {
z-index: 3;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
padding-top: 0;
display: flex;
position: relative;
}
.text-block-126 {
color: #bcbcbc;
text-align: center;
font-family: Montserrat, sans-serif;
font-size: 12px;
font-weight: 500;
}
.mid_text {
text-align: center;
text-transform: uppercase;
margin-top: 20px;
font-family: Montserrat, sans-serif;
font-weight: 500;
}
.text-block-127 {
color: #323232;
text-align: center;
text-transform: uppercase;
font-family: Montserrat, sans-serif;
font-weight: 700;
}
.heading-4 {
text-align: center;
letter-spacing: 10px;
width: 90%;
margin-top: 0;
margin-bottom: 0;
font-family: Montserrat, sans-serif;
font-size: 34px;
line-height: 34px;
}
.section_4_grid {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
width: 90%;
margin-top: 20px;
display: grid;
}
.section_4 {
background-color: #fff;
border-top: 15px #ffc000;
border-bottom: 15px #ffc000;
width: 100vw;
height: 100vh;
}
.button-5 {
color: #707070;
background-color: #0000;
border: 2.5px solid #707070;
justify-content: center;
align-items: center;
width: 174px;
height: 52px;
margin-top: 50px;
font-size: 18px;
font-weight: 500;
display: flex;
}
.div-block-32 {
justify-content: flex-start;
margin-top: 60px;
display: flex;
}
.heading-20 {
color: #0a0a0a;
max-width: 678px;
margin-top: 0;
margin-bottom: 0;
margin-right: 150px;
font-size: 70px;
font-weight: 400;
line-height: 70px;
}
.paragraph-15 {
color: #0a0a0a;
width: 210px;
font-size: 18px;
line-height: 21px;
}
.heading-10 {
color: #707070;
font-size: 28px;
font-weight: 400;
line-height: 33px;
}
.div-block-42 {
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
display: flex;
}
.results-title {
margin-top: 0;
}
.home-wwd-section {
margin-top: 160px;
padding-left: 60px;
padding-right: 60px;
}
.div-block-7 {
border: 3px solid #707070;
width: 45px;
margin-top: 10px;
}
.wrapper-hover {
cursor: none;
background-color: #121212;
border-radius: 0;
width: 25vw;
height: 35vh;
margin: 10px;
padding: 30px;
text-decoration: none;
}
.wrapper-hover:hover {
background-color: #ba184a;
}
.wrapper-hover.social {
background-color: #121212;
justify-content: center;
align-items: center;
width: 15vw;
height: 20vh;
display: flex;
}
.wrapper-hover.social:hover {
background-color: #ba184a;
}
.wrapper-text {
background-color: #0000;
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
margin: 10px;
padding: 20px 20px 20px 10vw;
display: block;
position: static;
}
.wrapper-text:hover {
background-color: #0000;
}
.heading-title {
padding: 10px;
font-size: 3vh;
line-height: 1.1;
}
.wrapper-social {
border-top: 1px solid #ffffff1a;
flex-direction: column;
justify-content: center;
align-items: center;
height: 50vh;
display: flex;
}
.wrapper-social-links {
justify-content: center;
align-items: center;
padding: 20px;
display: flex;
}
.heading-421 {
color: var(--white);
font-size: 2em;
}
.c-homepage_link-photo {
z-index: 1;
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
position: absolute;
inset: 0%;
}
.c-offset-heading {
width: 90vw;
margin-top: 2em;
margin-left: 10vw;
padding-right: 10vw;
position: absolute;
inset: 0% auto auto 0%;
}
.is--hidden-empty {
background-color: #0000;
width: 0;
height: 0;
padding: 0;
}
.c-homepage_link {
background-color: #0f0e17;
border-radius: .6em;
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
}
.c-homepage_overflow-heading2 {
position: absolute;
inset: 100% auto auto 0%;
}
.c-homepage_item {
width: 39.3vw;
min-height: 22vw;
margin-bottom: 1em;
}
.c-homepage_fill {
z-index: 2;
color: #fff;
text-align: center;
background-color: #0f0e177a;
border-radius: .6em;
justify-content: center;
align-items: center;
width: 100%;
min-width: 100%;
max-width: 100%;
height: 100%;
min-height: 100%;
max-height: 100%;
padding: 3em;
display: flex;
position: relative;
}
.c-homepage_overflow {
position: relative;
overflow: hidden;
}
.c-homepage_list {
flex-wrap: wrap;
justify-content: space-between;
align-items: stretch;
margin-top: 6em;
margin-bottom: 1.5em;
display: flex;
position: relative;
}
.section-17.is--catories {
z-index: 2;
position: relative;
}
.container-1067 {
width: 100%;
margin-left: auto;
margin-right: auto;
padding: 2.08em;
}
.container-1067.is--categories {
padding-top: 6.18em;
padding-bottom: 6.18em;
}
.categories {
flex-wrap: wrap;
justify-content: center;
align-items: center;
width: 82em;
max-width: 100%;
margin-left: auto;
margin-right: auto;
display: flex;
}
.categories_link {
border-radius: 100vw;
margin: .4em;
padding: .6em 1.82em;
position: relative;
}
.categories_border {
z-index: 1;
opacity: .35;
border: 1px solid #e8e2da;
border-radius: 100vw;
position: absolute;
inset: 0%;
}
.categories_link-text {
z-index: 2;
font-size: 3.96em;
line-height: .8;
position: relative;
}
.cases-grid-link-block {
text-decoration: none;
transition: all .2s;
}
.cases-grid-link-block:hover {
transform: translate(0, -20px);
box-shadow: 0 10px 20px #09095a33;
}
.header-3 {
color: #fff;
text-align: left;
margin-top: 0;
margin-bottom: 0;
padding-right: 30px;
font-size: 60px;
font-weight: 600;
line-height: 60px;
text-decoration: none;
}
.header-3.header-3-cases {
text-align: center;
width: 488px;
}
.a-buttons-tertiair-normal {
color: #ffd500;
text-transform: none;
background-color: #0000;
border: 1px solid #0000;
border-radius: 20px;
margin-left: 15px;
margin-right: 10px;
padding-left: 0;
padding-right: 0;
font-style: italic;
font-weight: 300;
transition: transform .4s cubic-bezier(.645, .045, .355, 1);
}
.a-buttons-tertiair-normal:hover {
transform: rotate(-180deg);
}
.italic-text {
color: #ffd500;
font-style: italic;
font-weight: 300;
}
.cases-overview-item-bottom {
width: 100%;
}
.m-cases-overview-single-container {
background-color: #4c4fcf;
border-radius: 4px;
width: 100%;
height: 390px;
}
.a-cases-overview-tag {
color: #fff;
background-color: #3639ad;
border-radius: 4px;
margin-right: 10px;
padding: 10px 12px;
text-decoration: none;
position: static;
}
.cases-grid {
grid-column-gap: 40px;
grid-row-gap: 40px;
width: 100%;
max-width: 1280px;
margin-top: 48px;
margin-bottom: 48px;
}
.o-home-sections-cases {
background-color: #0000;
flex-flow: column;
place-content: center;
align-items: center;
width: 100%;
min-height: 100vh;
padding: 176px 80px;
display: flex;
position: relative;
overflow: hidden;
}
.m-cases-overview-single-item-wrapper {
background-image: linear-gradient(#4c4fcfbf, #4c4fcfbf);
flex-flow: wrap;
align-content: space-between;
align-items: flex-end;
width: 100%;
height: 100%;
padding: 24px;
display: flex;
}
.m-cases-overview-single-item-wrapper.case-xke, .m-cases-overview-single-item-wrapper.case-utrecht-region, .m-cases-overview-single-item-wrapper.case-combacte {
background-image: linear-gradient(#4c4fcfbf, #4c4fcfbf), url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/61e50fd3ed304af8f20b2f04_Case%20cover-min.png");
background-position: 0 0, 50%;
background-size: auto, cover;
}
.m-cases-overview-single-item-wrapper.case-domino {
background-image: linear-gradient(#4c4fcfbf, #4c4fcfbf), url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/61e50fd3ed304a10790b2eff_Case%20cover%204.png");
background-position: 0 0, 50%;
background-size: auto, cover;
}
.m-cases-overview-single-item-wrapper.case-utrecht-region {
background-image: linear-gradient(#ceae496e, #ceae496e), url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/61ec8b38229b3eee8e64ac0b_giphy.gif");
background-position: 0 0, 50%;
background-size: auto, cover;
place-content: stretch center;
align-items: center;
}
.cases-client-name {
color: #ffd500;
font-style: italic;
font-weight: 300;
text-decoration: none;
}
.tag-container {
justify-content: flex-start;
width: 100%;
margin-top: 24px;
display: flex;
}
.form-section-title {
color: #0a1f44;
text-align: center;
margin-bottom: 12px;
font-family: Poppins, sans-serif;
font-size: 32px;
font-weight: 300;
line-height: 32px;
}
.span-blue {
color: #5b3acc;
}
.success {
flex-direction: column;
justify-content: center;
align-items: center;
min-height: 50vh;
padding: 175px 3%;
display: flex;
}
.next-button {
background-color: #5b3acc;
border-radius: 5px;
flex: 1;
align-self: center;
padding: 12px 32px;
font-size: 15px;
transition: background-color .2s ease-in;
}
.form-title-wrap {
flex-direction: column;
justify-content: center;
align-items: center;
margin-bottom: 35px;
display: flex;
}
.animation-2 {
width: 100px;
height: 100px;
margin-bottom: 25px;
}
.link {
color: #5b3acc;
}
.paragraph-16 {
color: #5b617c;
text-align: center;
max-width: 550px;
margin-left: auto;
margin-right: auto;
padding-top: 15px;
font-size: 15px;
font-weight: 400;
line-height: 23px;
}
.flex-row {
justify-content: center;
align-items: center;
display: flex;
}
.flex-row.start {
justify-content: flex-start;
margin-bottom: 10px;
}
.inline-icon {
margin-right: 10px;
}
.contact-name {
color: #fff;
margin-left: 30px;
font-size: 1vh;
}
.no-margin {
align-self: center;
margin-top: 0;
margin-bottom: 0;
}
.hr {
background-color: #ffffff1a;
height: 1px;
margin-bottom: 30px;
}
.hr.equal-margin {
margin-top: 20px;
margin-bottom: 20px;
}
.footer-title {
opacity: .3;
color: #fff;
margin-bottom: 20px;
font-size: 1vh;
}
.footer-link {
color: #fff;
font-size: 1vh;
text-decoration: none;
transition: color .2s;
}
.footer-link:hover {
color: #593988;
}
.footer {
color: #fff;
font-family: Poppins, sans-serif;
font-size: 12px;
line-height: 17px;
}
.footer-nav-nutton {
color: #fff;
font-size: 15px;
text-decoration: none;
transition: color .25s;
}
.footer-nav-nutton:hover {
color: #593988;
text-decoration: underline;
}
.heading-422 {
color: #fff;
font-family: Poppins, sans-serif;
font-size: 1vh;
font-weight: 500;
}
.heading-423 {
color: #fff;
font-size: 1vh;
}
.list-item-2 {
font-size: 20px;
}
.columns-4 {
padding-top: 25px;
}
.copyright-f6 {
color: #fff;
font-family: Poppins, sans-serif;
}
.title-link-column-f6 {
color: #fff;
text-transform: uppercase;
margin-bottom: 10px;
font-weight: 700;
}
.address-f6 {
color: #fff;
font-family: Poppins, sans-serif;
}
.link-wrapper-f6 {
display: flex;
}
.social-media-icon-f6 {
display: block;
}
.link-subwrapper-f6 {
flex-direction: column;
flex: none;
align-items: flex-start;
margin-right: 30px;
padding-top: 6px;
padding-right: 40px;
display: flex;
}
.link-f6 {
color: #fff;
margin-top: 4px;
margin-bottom: 4px;
font-family: Poppins, sans-serif;
text-decoration: none;
transition: color .2s;
}
.link-f6:hover {
color: #3898eb;
}
.top-wrapper-f6 {
border-bottom: 1px solid #e9e9e9;
justify-content: space-between;
width: 100%;
max-width: 1300px;
margin-bottom: 20px;
padding-bottom: 20px;
padding-left: 20px;
padding-right: 20px;
display: flex;
}
.logo-wrapper-f6 {
margin-bottom: 20px;
}
.social-media-wrapper-f6 {
align-items: flex-end;
width: auto;
height: auto;
margin-bottom: 60px;
padding-right: 0;
display: flex;
}
.social-media-icon-wrapper-f6 {
margin-bottom: 0;
margin-right: 10px;
position: relative;
}
.social-media-icon-hover-f6 {
position: absolute;
inset: 0% auto auto 0%;
}
.top-right-wrapper-f6 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.bottom-wrapper-f6 {
justify-content: space-between;
width: 100%;
max-width: 1300px;
padding-left: 20px;
padding-right: 20px;
display: flex;
}
.footer-f6 {
flex-direction: row;
justify-content: center;
align-items: center;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px;
}
.footer-wrapper {
background-color: var(--black);
border-radius: 0;
align-items: center;
width: auto;
max-width: none;
margin: 20px 0;
padding-top: 60px;
padding-bottom: 60px;
box-shadow: 1px 0 26px 3px #c9c9c9;
}
.navigation-container {
align-items: center;
width: 100%;
max-width: 1300px;
height: 100%;
margin-left: auto;
margin-right: auto;
padding: 20px 30px;
display: flex;
}
.dropdown-link-2 {
z-index: 30;
color: #283338;
background-color: #fff;
border-radius: 10px;
align-items: center;
margin-bottom: 0;
padding: 20px;
font-size: 16px;
text-decoration: none;
transition: all .2s;
display: flex;
position: relative;
}
.dropdown-link-2:hover {
opacity: .91;
color: #7839f3;
background-color: #fff;
transform: scale(1.05);
box-shadow: 7px 15px 45px 2px #7b88a833;
}
.dropdown-link-2.link-03 {
z-index: 28;
}
.dropdown-link-2.link-04 {
z-index: 27;
}
.dropdown-link-2.link-02 {
z-index: 29;
}
.nav-blog-item {
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
padding-top: 4px;
padding-bottom: 4px;
text-decoration: none;
display: flex;
}
.brand-4._3 {
margin-bottom: 0;
}
.nav-menu-4 {
color: #7b88a8;
align-items: center;
margin-left: 42px;
font-size: 15px;
display: flex;
position: static;
}
.dropdown-pointer {
position: relative;
}
.nav-link-details {
color: #0009;
white-space: normal;
font-size: 14px;
}
.dropdown-title {
margin-bottom: 2px;
font-size: 15px;
}
.dropdown-title:hover {
color: #283338;
}
.dropdown-title.colour-1 {
color: #000;
font-size: 20px;
}
.dropdown-title.colour-2 {
color: #46d39a;
}
.dropdown-title.colour-4 {
color: #ff9f59;
}
.dropdown-title.colour-3 {
color: #000;
font-size: 20px;
}
.icon-square {
background-color: #f3efff;
border-radius: 10px;
flex: none;
justify-content: center;
align-items: center;
width: 52px;
height: 52px;
margin-right: 20px;
padding: 14px;
display: flex;
}
.icon-square.colour-2 {
background-color: #f0fbf7;
}
.icon-square.colour-3 {
background-color: #ebfbff;
}
.icon-square.colour-4 {
background-color: #fff7f2;
}
.link-block {
color: #fff;
margin-bottom: 0;
padding: 20px 12px;
font-family: Poppins, sans-serif;
font-size: 20px;
font-weight: 600;
text-decoration: none;
}
.navigation-left {
align-items: center;
width: 50%;
display: flex;
}
.dropdown-wrapper {
background-color: #fff;
border-radius: 10px;
box-shadow: 4px -19px 35px #20355a14, 11px 11px 30px -10px #20355a26;
}
.dropdown-wrapper.w--open {
background-color: #fff;
border-radius: 15px;
min-width: 300px;
max-height: 100vh;
left: -97px;
box-shadow: 0 50px 25px -50px #20355a26, 8px 18px 60px 4px #00000021;
}
.dropdown-block {
z-index: 25;
color: #283338;
background-color: #fafafa;
border-top: 1px solid #00000014;
align-items: center;
width: 100%;
padding: 20px;
font-size: 16px;
text-decoration: none;
position: relative;
}
.navigation-right {
justify-content: flex-end;
align-items: center;
width: 50%;
font-size: 16px;
display: flex;
}
.bottom-link {
border-top: 1px solid #0000000f;
justify-content: center;
align-items: center;
min-height: 90px;
text-decoration: none;
display: flex;
}
.nav-content-wrap {
color: #000;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
font-family: Poppins, sans-serif;
font-weight: 500;
display: flex;
}
.flowbase-logo {
width: 175px;
min-width: auto;
max-width: none;
}
.chevron {
margin-right: 5px;
}
.pointer {
z-index: 20;
background-color: #fff;
border-radius: 2px;
width: 20px;
height: 20px;
margin-left: auto;
margin-right: auto;
position: absolute;
inset: -2% 4% auto 0%;
transform: rotate(45deg);
}
.button-menu {
color: #fff;
letter-spacing: 1px;
text-transform: uppercase;
white-space: nowrap;
background-color: #8c54ff;
border-radius: 50px;
justify-content: center;
align-items: center;
min-height: 52px;
padding-left: 30px;
padding-right: 30px;
font-size: 13px;
text-decoration: none;
transition: all .4s ease-out;
display: flex;
}
.button-menu._4 {
color: var(--black);
background-color: #fecc2f;
margin-bottom: auto;
font-family: Poppins, sans-serif;
font-size: 20px;
font-weight: 600;
}
.button-menu._4:hover {
background-color: var(--black);
color: var(--white);
}
.icon-2 {
width: 100%;
}
.bottom-text {
color: #6a35ff;
letter-spacing: 1px;
white-space: normal;
font-size: 12px;
font-weight: 600;
}
.login-buttons {
align-items: center;
margin-left: 30px;
display: flex;
}
.nav-link-blog {
color: #8c54ff;
white-space: normal;
font-size: 14px;
}
.dropdown-toggle-3 {
color: #fff;
padding-left: 12px;
padding-right: 24px;
font-family: Poppins, sans-serif;
font-weight: 600;
transition: all .2s;
}
.dropdown-toggle-3:hover {
color: #fecc2f;
}
.dropdown-2 {
margin-left: 5px;
margin-right: 5px;
font-family: Poppins, sans-serif;
font-size: 20px;
}
.navigation-dropdown {
min-width: 140px;
}
.navigation-dropdown.w--open {
background-color: #0000;
min-width: 370px;
max-height: 100vh;
padding-top: 10px;
left: -120px;
}
.navigation-dropdown.dropdown-small.w--open {
min-width: 350px;
left: -110px;
}
.nav-link-details-2 {
color: #28333899;
white-space: normal;
font-size: 14px;
}
.navigation-container-mob {
align-items: center;
width: 100%;
max-width: 1300px;
height: 100%;
margin-left: auto;
margin-right: auto;
display: none;
}
.nav-content-wrap-2 {
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
display: flex;
}
.flowbase-logo-2 {
min-width: 55px;
}
.dropdown-link-mob {
z-index: 30;
color: #283338;
background-color: #fff;
border-radius: 10px;
align-items: center;
padding: 20px;
font-size: 16px;
text-decoration: none;
transition: all .2s;
display: flex;
position: relative;
}
.dropdown-link-mob:hover {
opacity: .91;
color: #7839f3;
background-color: #fff;
transform: scale(1.05);
box-shadow: 7px 15px 45px 2px #7b88a833;
}
.html-embed-3 {
text-align: center;
}
.freelancer {
margin-bottom: 140px;
}
.image-456 {
max-width: 50%;
}
.page-padding-2 {
padding-left: 7.5rem;
padding-right: 7.5rem;
}
.section-home-grid_sm-image {
max-width: 14rem;
max-height: 20rem;
position: absolute;
inset: -5rem auto auto 3rem;
overflow: hidden;
}
.section-home-grid_text {
padding-top: 5rem;
padding-bottom: 10rem;
}
.section-home-grid_med-image {
max-width: 36%;
max-height: 40rem;
position: absolute;
inset: auto 3rem 3rem auto;
overflow: hidden;
}
.image-100 {
object-fit: cover;
object-position: 50% 0%;
width: 100%;
height: 100%;
}
.section-home-grid_inner {
position: relative;
}
.section-home-grid_image {
height: 50rem;
overflow: hidden;
}
.section-home-grid_image.background-color-lime {
background-color: #0000;
}
.text-weight-normal {
font-weight: 400;
}
.text-weight-normal.section-home-grid_title {
z-index: 2;
z-index: 2;
max-width: 55%;
font-family: Poppins, sans-serif;
font-size: 3em;
font-weight: 500;
position: relative;
}
.content-stacked {
grid-column-gap: 16px;
grid-row-gap: 140px;
color: #000;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.content-stacked.large {
grid-row-gap: 200px;
}
.stacked-info {
grid-column-gap: 16px;
grid-row-gap: 18px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
align-items: end;
display: grid;
}
.stacked-intro {
grid-column-gap: 24px;
grid-row-gap: 48px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.rotating-background {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/61eaefb08e2d2883cbe6b20c_Image040.jpeg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
position: absolute;
inset: 0%;
}
.rotating-background.portrait-two {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/61da17a9a77bcc61d7022964__MG_1550.jpg");
background-position: 50% 35%;
}
.rotating-background.portrait-three {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/61eaeeb37ab587e2accf217d_625j89.gif");
background-position: 50% 55%;
}
.rotating-background.portrait-one {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/61da16cdcfc38610502d7319_IMG_8402.jpg");
background-position: 20% 35%;
}
.rotating-background.portrait-four {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/61d26be82d8295386d6c84d5_6168d8c2a7d7b85a7ee95458_IMG_8397-p-2600.jpeg");
background-position: 30% 30%;
}
.dual-grid {
grid-column-gap: 80px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 50% 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.intro-box {
flex-direction: column;
justify-content: center;
align-items: flex-start;
min-height: 450px;
padding-top: 0;
padding-bottom: 0;
display: flex;
}
.content-box {
align-items: center;
max-width: 550px;
padding-left: 0;
display: flex;
}
.subtitle {
z-index: 10;
color: #fffc;
letter-spacing: 5px;
text-transform: uppercase;
font-size: 11px;
position: relative;
}
.rotating-banner {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: start;
justify-items: start;
display: grid;
position: relative;
inset: 0% auto 0% 0%;
}
.grid-wrapper-2 {
z-index: 20;
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: 1fr;
grid-template-columns: minmax(5vw, 1fr) minmax(auto, 1500px) minmax(5vw, 1fr);
grid-auto-rows: auto;
grid-auto-columns: 1fr;
justify-items: start;
width: 100%;
display: grid;
position: relative;
}
.grid-wrapper-2.bg {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/6435e1cf3721b127422d9d92_IMG_0928.jpg");
background-position: 0 0;
background-size: cover;
justify-content: space-between;
justify-items: stretch;
}
.rotating-banner-wrapper {
justify-content: flex-end;
align-items: center;
display: flex;
}
.link-38 {
color: #fff;
letter-spacing: 5px;
text-transform: uppercase;
border: 1px solid #ffffff1a;
border-radius: 100px;
padding: 12px 28px;
font-size: 11px;
text-decoration: none;
}
.rotating-box {
width: 25vw;
max-width: 375px;
height: 25vw;
max-height: 375px;
position: relative;
overflow: hidden;
}
.stacked-title {
grid-column-gap: 16px;
grid-row-gap: 36px;
text-align: center;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
align-items: start;
display: grid;
}
.section-18 {
border-bottom: 1px solid #ffffff1a;
flex-direction: column;
justify-content: center;
align-items: stretch;
padding-top: 0;
padding-bottom: 180px;
position: relative;
overflow: visible;
}
.body-display {
color: #000000e6;
font-family: Poppins, sans-serif;
font-size: 18px;
line-height: 1.6em;
}
.step-wrapper {
position: static;
top: 50vh;
}
.process-image {
margin-top: 30px;
}
.phone-process-wrapper {
display: none;
}
.process_steps {
text-align: right;
font-size: 25px;
font-weight: 400;
}
.process-bar-progress-2 {
background-color: #e9e9e9;
width: 3px;
height: 50vh;
position: fixed;
bottom: 50vh;
}
.process-bar-line-2 {
z-index: -2;
background-color: #393939;
width: 3px;
height: 100%;
position: absolute;
}
.process-steps {
z-index: -3;
position: static;
}
.process-left {
flex-direction: column;
justify-content: flex-end;
align-items: flex-end;
margin-top: 5px;
display: flex;
}
.process-wrapper {
flex-direction: column;
justify-content: center;
align-items: center;
max-width: 1120px;
margin-top: 0;
margin-left: auto;
margin-right: auto;
display: flex;
position: relative;
}
.process-right {
flex-direction: column;
align-items: flex-start;
margin-top: 5px;
padding-right: 50px;
display: flex;
}
.step-sub-heading {
text-align: right;
margin-top: 8px;
font-weight: 200;
}
.container-1068 {
width: 90vw;
max-width: 1360px;
margin-top: 0;
margin-left: auto;
margin-right: auto;
padding-top: 0;
padding-bottom: 0;
}
.process_circle {
background-color: #e9e9e9;
border-style: none;
border-color: #000;
border-radius: 100%;
width: 35px;
height: 35px;
position: sticky;
top: 50vh;
}
.process-grid {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: 1fr 160px 1fr;
justify-items: end;
width: 100%;
padding-bottom: 150px;
}
.baby-text-block {
margin-top: 10px;
font-size: 11px;
font-weight: 200;
}
.step-description {
max-width: 350px;
font-size: 15px;
font-weight: 200;
line-height: 25px;
}
.service-image {
transition: all .2s ease-out;
}
.service-image:hover {
box-shadow: 0 0 20px -6px #ff6d4a66;
}
.service-description {
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
font-weight: 200;
line-height: 25px;
}
.services-section {
margin-bottom: 80px;
}
.heading-wrapper-2 {
flex-flow: row;
justify-content: center;
align-items: center;
margin-top: 0;
margin-bottom: 0;
display: flex;
}
.heading-wrapper-2.vertical-flex {
flex-direction: column;
margin-bottom: 60px;
}
.link-description {
color: #e9e9e9;
margin-top: 3px;
margin-left: 6px;
margin-right: 6px;
font-size: 16px;
font-weight: 200;
text-decoration: underline;
}
.services-wrapper {
justify-content: center;
display: flex;
}
.div-block-43 {
grid-column-gap: 90px;
grid-row-gap: 15px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-items: center;
max-width: 1250px;
margin-top: 95px;
display: grid;
}
.description-with-link-wrapper {
justify-content: center;
display: flex;
}
.heading {
color: #e9e9e9;
margin-top: 0;
margin-bottom: 0;
font-family: Poppins, sans-serif;
font-size: 55px;
font-weight: 300;
}
.heading.orange-heading {
color: #ff6d4a;
margin-left: 15px;
}
.heading.grey-heading {
color: #262626;
text-align: center;
width: 780px;
margin-bottom: 0;
font-size: 55px;
font-weight: 400;
line-height: 65px;
}
.text-block-11 {
margin-top: -10px;
margin-bottom: 15px;
font-size: 20px;
font-weight: 300;
}
.section-19 {
padding: 60px;
}
.section-19.less_padding {
background-color: #0000;
padding-bottom: 35px;
position: static;
}
.section-19.webflow-section {
background-color: #0000;
height: auto;
padding-top: 0;
position: relative;
}
.service-wrapper {
flex-direction: column;
align-items: center;
max-width: 300px;
display: flex;
}
.heading-2 {
text-align: center;
margin-top: 20px;
font-size: 200%;
font-weight: 300;
}
.link-block-3 {
flex-direction: row;
text-decoration: none;
display: flex;
}
.image-13 {
display: none;
}
.capabilities-block {
color: #262626;
text-transform: uppercase;
background-color: #e9e9e9;
border-radius: 5px;
margin-top: 10px;
margin-bottom: 0;
margin-right: 10px;
padding: 5px 11px;
font-size: 12px;
font-weight: 400;
}
.capabilites-wrapper {
flex-flow: wrap;
align-content: center;
display: flex;
}
.webflow-users {
grid-template-columns: 1fr;
width: 90%;
max-width: 1360px;
margin-top: 125px;
margin-left: auto;
margin-right: auto;
}
.webflow-intro {
grid-row-gap: 80px;
width: 90%;
max-width: 1360px;
margin-top: 20px;
margin-left: auto;
margin-right: auto;
}
.image-6 {
text-align: center;
margin-top: 50px;
display: block;
}
.webflow-description-wrapper {
max-width: 600px;
margin-top: 10px;
margin-left: 10%;
margin-right: 20px;
padding-top: 45px;
}
.capabilities {
font-weight: 500;
}
.capabilities.gray {
margin-top: 10px;
margin-bottom: 0;
font-size: 16px;
font-weight: 500;
}
.webflow-section {
background-color: #0000;
background-image: none;
padding-top: 0;
}
.about-me-wrapper {
border: 2px solid #262626;
border-radius: 15px;
width: 100%;
max-width: 565px;
padding: 30px;
display: block;
}
.about-me-wrapper.flexed {
display: flex;
}
.about {
margin-bottom: 90px;
padding-top: 140px;
}
.name-2 {
font-size: 25px;
}
.name-2.gray {
margin-top: 0;
margin-bottom: 5px;
font-size: 18px;
font-weight: 500;
line-height: 1.3;
}
.about-me {
grid-column-gap: 25px;
align-items: start;
margin-top: 30px;
margin-bottom: 80px;
}
.webflow-mockup {
z-index: 5;
border: 2px solid #262626;
border-radius: 15px;
max-height: 440px;
position: relative;
}
.grey-text-block {
color: #262626;
font-size: 18px;
font-weight: 400;
line-height: 36px;
}
.grid-2 {
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
}
.webflow-update-caption {
z-index: 6;
color: #262626;
font-weight: 500;
position: absolute;
top: 18px;
left: 26px;
}
.grey-paragraph {
color: #262626;
margin-bottom: 30px;
font-size: 18px;
font-weight: 400;
line-height: 36px;
}
.social-link-wrapper {
flex-flow: wrap;
align-items: center;
margin-bottom: 10px;
display: flex;
}
.image-12 {
display: none;
}
.paragraph-wrapper-2 {
max-width: 450px;
}
.text-wrapper {
flex-direction: row;
margin-top: 30px;
display: flex;
}
.webflow-mockup-wrapper {
border: 2px #0000;
border-radius: 0;
max-width: 600px;
max-height: 440px;
position: relative;
}
.gray {
color: #262626;
margin-bottom: 0;
font-size: 15px;
font-weight: 400;
}
.info-about-me.gray {
margin-bottom: 8px;
line-height: 1.4;
}
.horizontal-divider-2 {
background-color: #3939396e;
width: 80px;
height: 1px;
margin-top: 22px;
margin-bottom: 22px;
}
.social-link {
color: #262626;
margin-left: 8px;
font-size: 14px;
font-weight: 400;
}
.image-7 {
display: block;
}
.image-9 {
width: 20px;
}
.wrapper-2 {
flex-direction: column;
display: flex;
}
.grey-text-link {
color: #262626;
margin-left: 8px;
margin-right: 8px;
font-size: 18px;
font-weight: 400;
line-height: 36px;
}
.wrapper {
display: flex;
}
.wrapper.tablet-social-link, .wrapper.phone-social-link {
display: none;
}
.wrapper.hide-wrapper {
flex-direction: column;
}
.growing-image {
flex: 1;
width: 40%;
position: relative;
}
.growing-image.left {
margin-right: 24px;
}
.growing-image.small {
flex: 0 auto;
width: 35%;
margin-right: 0;
overflow: visible;
}
.growing-image.right {
margin-left: 24px;
}
.paragraph-17 {
color: #eaeaea;
font-weight: 500;
line-height: 25px;
}
.content-wrapper-2 {
z-index: 20;
grid-column-gap: 0px;
grid-row-gap: 16px;
grid-template-rows: 1fr;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
display: grid;
position: relative;
}
.subtitle-2 {
color: #fffc;
letter-spacing: 4px;
text-transform: uppercase;
font-size: 11px;
}
.stacked-title-2 {
grid-column-gap: 16px;
grid-row-gap: 36px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.large-growing-images {
flex-wrap: wrap;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1px 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
min-height: 550px;
display: flex;
}
.stacked-content {
grid-column-gap: 16px;
grid-row-gap: 48px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.stacked-content.large {
grid-row-gap: 170px;
}
.heading-424.large {
color: #fff;
letter-spacing: -.01em;
font-size: 52px;
line-height: 52px;
}
.growing-background {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/61ec5b5770e70477fe186277_Image013.jpeg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
position: absolute;
inset: 0%;
}
.growing-background.three {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/61da16cdcfc38610502d7319_IMG_8402.jpg");
background-position: 53%;
background-size: cover;
}
.growing-background.six {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/61d73b4df40fa3586f3755a4_60ef78684f0c1d4227772a35_5facc25e7756b815b97e7c46_giphy%20(1).gif");
background-position: 50%;
}
.growing-background.five {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/61ec5b5770e7044ae118626d_Screen%20Shot%202021-09-24%20at%204.33.41%20PM.png");
background-position: 40% 60%;
}
.growing-background.four {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/61da17a9a77bcc61d7022964__MG_1550.jpg");
}
.large-width {
max-width: 900px;
}
.about-photos {
z-index: 25;
grid-column-gap: 0px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: minmax(5vw, 1fr) minmax(auto, 1400px) minmax(5vw, 1fr);
grid-auto-columns: 1fr;
width: 100%;
margin-top: 51px;
display: grid;
position: relative;
}
.gallery-wrapper {
grid-column-gap: 16px;
grid-row-gap: 24px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.container-1069 {
padding-left: 0;
}
.grezer-2 {
z-index: 2;
background-image: linear-gradient(to top, #f5f5f5 14%, #0000);
height: 50%;
position: absolute;
inset: auto 0% 0%;
}
.container-33 {
max-width: 60%;
}
.heading-12 {
color: #333;
text-align: center;
margin-top: 0;
margin-bottom: 30px;
font-size: 40px;
font-weight: 400;
line-height: 46px;
}
.heading-12.services {
margin-bottom: 60px;
font-size: 40px;
}
.link-block-4, .link-block-7 {
text-align: center;
padding: 10px;
text-decoration: none;
}
.container-25 {
max-width: 60%;
}
.text-block-51 {
color: #333;
padding-top: 10px;
font-size: 20px;
text-decoration: none;
}
.link-block-6 {
text-align: center;
padding: 10px;
text-decoration: none;
}
.text-block-54 {
color: #333;
padding-top: 10px;
font-size: 20px;
text-decoration: none;
}
.grid-4 {
grid-column-gap: 16px;
grid-row-gap: 40px;
grid-template-columns: 1fr 1fr 1fr;
grid-template-areas: "Area Area-2 Area-3"
"Area-4 Area-5 Area-6";
width: 100%;
min-width: 100%;
}
.text-block-50 {
color: #333;
text-align: center;
text-transform: none;
white-space: normal;
padding-top: 10px;
font-size: 20px;
font-style: normal;
text-decoration: none;
}
.link-block-9 {
color: #333;
text-align: center;
padding: 10px;
text-decoration: none;
}
.services-description {
margin-top: 20px;
padding-left: 20px;
padding-right: 20px;
font-family: Lato, sans-serif;
font-size: 14px;
}
.link-block-5 {
text-align: center;
padding: 10px;
text-decoration: none;
}
.link-block-5:hover {
-webkit-text-fill-color: inherit;
background-color: #0000;
background-clip: content-box;
}
.image-46 {
margin-bottom: 20px;
}
.image-30 {
text-align: center;
background-color: #0000;
margin-bottom: 20px;
}
.image-30:hover {
background-color: #0000;
}
.services-cta {
margin-top: 10px;
font-family: Lato, sans-serif;
font-size: 14px;
font-weight: 900;
}
.text-block-55 {
color: #333;
text-align: center;
padding-top: 10px;
font-size: 20px;
}
.container-15 {
text-align: center;
margin-top: 0;
}
.button-call {
float: none;
color: #000;
text-align: center;
background-color: #ffe600;
border-radius: 20px;
font-size: 16px;
}
.button-call:hover {
color: #ffe600;
background-color: #000;
border: 1px #000;
}
.button-call.yellow {
color: #000;
background-color: #ffe600;
margin-top: 30px;
padding-left: 60px;
padding-right: 60px;
}
.button-call.yellow:hover {
color: #ffe600;
background-color: #000;
border-style: none;
}
.button-call.yellow.services {
margin-top: 60px;
}
.section-74 {
background-image: linear-gradient(#000000b3, #000000b3), url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/61da18412d8d67c86d7994c6_IMG_9202.jpg");
background-position: 0 0, 0%;
background-size: auto, cover;
padding-top: 125px;
padding-bottom: 0;
}
.section-74._3 {
background-image: linear-gradient(#0006, #0006), url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/61ec5b5770e7044ae118626d_Screen%20Shot%202021-09-24%20at%204.33.41%20PM.png");
background-position: 0 0, 50% 20%;
padding-bottom: 100px;
}
.section-74.ec {
background-image: linear-gradient(#00000082, #00000082), url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/61d7383685ac65c4d847e0e3_Screen%20Shot%202022-01-06%20at%2012.42.47%20PM.png");
}
.section-74.payments {
background-image: linear-gradient(#00000073, #00000073), url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/61d26be82d8295386d6c84d5_6168d8c2a7d7b85a7ee95458_IMG_8397-p-2600.jpeg");
background-position: 0 0, 50% 30%;
justify-content: center;
align-items: center;
padding-top: 100px;
padding-bottom: 100px;
display: block;
}
.section-74.crowd {
background-image: linear-gradient(#00000063, #00000063), url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/61d26be82d8295386d6c84d5_6168d8c2a7d7b85a7ee95458_IMG_8397-p-2600.jpeg");
}
.section-74.ads {
background-image: linear-gradient(#00000070, #00000070), url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/62953d01598e414fe9f982aa_home-header-bg.jpg");
}
.section-74.corp {
background-image: linear-gradient(#0000007d, #0000007d), url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/61db725984b949275e7f6928_IMG_0291.jpg");
}
.section-74.insights {
padding-top: 100px;
padding-bottom: 60px;
}
.container-1070 {
clear: none;
padding: 0;
position: relative;
}
.container-1070.hero-container {
opacity: 1;
text-align: center;
}
.container-1070.centered {
text-align: center;
max-width: 60%;
}
.container-1070.get-in-touch {
justify-content: space-between;
max-width: 70%;
display: flex;
}
.large-hero-title {
color: #fff;
text-align: center;
width: 90%;
margin: 0 auto;
font-family: Poppins, sans-serif;
font-size: 60px;
font-weight: 700;
line-height: 60px;
display: block;
}
.large-hero-title-bold {
color: #fff;
text-transform: none;
font-size: 75px;
font-weight: 700;
line-height: 60px;
}
.hero-description-title {
opacity: 1;
color: #fff;
text-align: center;
width: 80%;
margin-top: 30px;
margin-left: auto;
margin-right: auto;
font-family: Poppins, sans-serif;
font-size: 20px;
font-weight: 300;
line-height: 31px;
display: block;
}
.paragraph-48 {
padding-left: 10px;
padding-right: 10px;
font-family: Lato, sans-serif;
}
.div-block-44 {
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
}
.features-row {
flex-direction: row;
align-items: stretch;
margin-top: 50px;
margin-left: 0;
margin-right: 0;
display: flex;
}
.grid-6 {
justify-items: center;
margin-top: 50px;
}
.feature-title {
color: #333;
text-align: center;
margin-top: 10px;
margin-bottom: 10px;
padding-left: 0;
font-size: 24px;
font-weight: 400;
line-height: 30px;
text-decoration: none;
}
.section-title-2 {
color: #333;
text-align: center;
text-transform: none;
width: 100%;
min-width: 100%;
max-width: none;
margin-top: 0;
margin-bottom: 0;
padding-top: 0;
font-size: 46px;
font-weight: 400;
line-height: 46px;
position: static;
}
.section-title-2.values {
font-size: 40px;
line-height: 40px;
}
.section-54 {
background-color: #0000;
padding-top: 100px;
padding-bottom: 100px;
}
.section-title-wrapper {
text-align: center;
width: 100%;
margin-bottom: 20px;
margin-left: auto;
margin-right: auto;
display: block;
}
.paragraph-49 {
padding-left: 10px;
padding-right: 10px;
font-family: Lato, sans-serif;
}
.feature-block {
text-align: center;
width: 70%;
margin-left: auto;
margin-right: auto;
display: block;
}
.feature-block.wide {
text-align: center;
flex-direction: row;
justify-content: center;
align-items: center;
width: 90%;
margin-bottom: 10px;
display: flex;
}
.image-2 {
float: none;
clear: none;
object-fit: fill;
width: 50px;
margin-bottom: 0;
margin-right: 10px;
font-size: 20px;
line-height: 50px;
display: block;
position: static;
overflow: visible;
}
.image-2.values {
width: 80px;
margin-left: 0;
display: block;
}
.column-12 {
padding-left: 90px;
padding-right: 90px;
}
.div-block-5 {
text-align: center;
flex-direction: column;
align-items: center;
display: flex;
}
.div-block-45, .div-block-9 {
flex-direction: column;
align-items: center;
display: flex;
}
.logo-port {
display: inline-block;
}
.logo-e-nome {
position: static;
top: 50%;
left: 0;
right: 0;
}
.portfolio-em-flexbox {
flex-wrap: wrap;
display: flex;
}
.thumb-port {
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
flex: 0 auto;
width: 33.33%;
height: 340px;
position: relative;
}
.thumb-port.port14 {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/61ec63d488e5407188fbdfd4_10.TERROMOTO-25-FEV-3b.jpg");
background-size: cover;
margin-bottom: 0;
}
.thumb-port.port13 {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/61ec63d488e5407714fbdff9_1.%20agilidade.png");
background-size: cover;
margin-bottom: 0;
}
.thumb-port.port9 {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/61ec63d488e540d08ffbdfbc_NDI-thumbs-senhor.jpg");
background-size: cover;
}
.thumb-port.port6 {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/61ec63d488e5401019fbdfb7_NDI-thumbs-festival-natura.jpg");
background-size: cover;
}
.thumb-port.port4 {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/61ec63d488e54004d1fbdfcd_NDI-thumbs-coca.jpg");
background-size: cover;
margin-bottom: 0;
}
.thumb-port.port3 {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/61ec63d488e540c6cffbdfe2_NDI-thumbs-interage.jpg");
background-size: cover;
margin-bottom: 0;
}
.thumb-port.port11 {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/61ec63d488e5403e00fbdfed_desencantada-IMG-2502.jpg");
background-size: 666px;
}
.thumb-port.port7 {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/61ec63d488e540dcfcfbdfb4_NDI-thumbs-brasil-org.jpg");
background-size: cover;
}
.thumb-port.port8 {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/61ec63d488e54092a6fbdfc3_NDI-thumbs-ancine.jpg");
background-size: cover;
}
.thumb-port.port2 {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/61ec63d488e540f28dfbdfb1_NDI-thumbs-acvatis.jpg");
background-size: cover;
margin-bottom: 0;
}
.thumb-port.port12 {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/61ec63d488e540e3f7fbdfbe_record-IMG-0529.jpg");
background-size: cover;
margin-bottom: 0;
}
.thumb-port.port10 {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/61ec63d488e5408b28fbdfd8_foto07.jpg");
background-size: 749px;
margin-bottom: 0;
}
.thumb-port.port5 {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/61ec63d488e540de8cfbdfca_NDI-thumbs-natura.jpg");
background-size: cover;
margin-bottom: 0;
}
.thumb-port.port1 {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/61ec63d488e54094b9fbdfe7_NDI-thumbs-FEIRA-MUSICA.jpg");
background-size: cover;
margin-bottom: 0;
}
.nome-port {
color: #fff;
letter-spacing: 2px;
text-transform: uppercase;
margin-top: 14px;
display: block;
}
.cobertura-port {
opacity: 0;
text-align: center;
background-color: #00000080;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
padding: 35px 20px;
display: flex;
position: absolute;
inset: 0;
}
.lightbox-link-3 {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/61ec63d488e540dcfcfbdfb4_NDI-thumbs-brasil-org.jpg");
background-position: 0 0;
background-size: auto;
}
.section-99 {
background-color: #0000;
padding-top: 100px;
padding-bottom: 100px;
}
.column-13 {
text-align: center;
}
.main-feature-title {
color: #333;
text-align: center;
margin-top: 0;
margin-bottom: 30px;
font-family: Poppins, sans-serif;
font-size: 40px;
font-weight: 600;
line-height: 46px;
}
.paragraph-50 {
color: #333;
text-align: center;
font-family: Poppins, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 27px;
}
.image-37 {
border-radius: 20px;
margin-top: 40px;
}
.columns-14 {
align-items: center;
width: 100%;
max-width: 100%;
display: flex;
}
.heading-425 {
float: left;
color: #000;
text-align: center;
width: 70%;
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
font-family: Lato, sans-serif;
font-size: 20px;
font-weight: 400;
line-height: 23px;
}
.heading-425.get-in-touch {
color: #fff;
text-align: left;
width: 100%;
font-size: 18px;
}
.button-16 {
color: #000;
letter-spacing: 1px;
text-transform: capitalize;
background-color: #ffe600;
border-radius: 20px;
margin-top: 0;
padding-left: 25px;
padding-right: 25px;
font-size: 16px;
font-weight: 700;
transition: background-color .2s, background-position .2s, color .2s, border .2s, box-shadow .2s;
}
.button-16:hover {
color: #ffe600;
background-color: #000;
border: 1px #000;
}
.button-16.cta-button {
float: right;
color: #fff;
text-align: center;
text-transform: none;
background-color: #000;
border-radius: 20px;
justify-content: center;
width: auto;
margin-top: 0;
padding-left: 40px;
padding-right: 40px;
font-size: 16px;
font-weight: 700;
line-height: 23px;
display: flex;
}
.button-16.cta-button:hover {
color: #000;
background-color: #fff;
border-style: none;
}
.button-16.cta-button.yellow {
color: #000;
background-color: #ffe600;
}
.button-16.cta-button.yellow:hover {
background-color: #fff;
}
.section-100 {
padding-top: 50px;
padding-bottom: 50px;
}
.services-icon {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/61ec66d11b74759a0d683027_icon-1.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
width: 40px;
height: 40px;
}
.services-icon.icon-3 {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/61ec66d11b74759065683029_icon-3.png");
}
.services-icon.icon-2 {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/61ec66d11b74754bfe68302d_icon-2.png");
}
.services-icon.icon-4 {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/61ec66d11b7475c32268302b_icon-4.png");
}
.services-p {
color: #dfdfdf;
font-family: Poppins, sans-serif;
font-size: 20px;
line-height: 25px;
}
.services-intro {
width: 35%;
}
.h3-services {
color: #fecc2f;
margin-bottom: 17px;
font-family: Poppins, sans-serif;
font-size: 20px;
line-height: 25px;
}
.features-title {
margin-bottom: 60px;
line-height: 50px;
}
.features-title.reverse.background-video-15 {
color: #fff;
width: auto;
height: auto;
font-size: 3em;
}
.services-block {
width: 48%;
margin-bottom: 20px;
}
.services-container {
background-color: var(--black);
align-items: center;
padding: 80px 135px;
display: flex;
}
.pink-text {
color: #fd3e4f;
}
.services-p-small {
color: #e1e1e1;
font-family: Poppins, sans-serif;
font-size: 1em;
}
.services {
flex-flow: wrap;
flex: 1;
place-content: stretch space-between;
margin-left: 60px;
display: flex;
}
.section-101 {
z-index: 1;
padding-top: 100px;
padding-bottom: 0;
position: relative;
}
.container-1071 {
z-index: 1;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
position: relative;
}
.align-center {
text-align: center;
background-color: #0000;
flex-direction: column;
align-items: center;
display: flex;
}
.section-title-3 {
text-transform: uppercase;
margin-top: 0;
margin-bottom: 0;
padding-bottom: 30px;
font-size: 36px;
font-weight: 400;
line-height: 54px;
}
.purple-text {
color: #571ed3;
}
._2-col-grid {
grid-column-gap: 100px;
grid-row-gap: 60px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
padding-left: 40px;
padding-right: 30px;
display: grid;
}
.section-img {
object-fit: contain;
width: 100%;
}
.section-title-4 {
margin-top: 0;
margin-bottom: 30px;
font-family: Poppins, sans-serif;
font-size: 42px;
font-weight: 600;
line-height: 54px;
}
.paragraph-51 {
padding-right: 40px;
font-family: Poppins, sans-serif;
font-size: 1.3em;
}
.button-17 {
color: #fff;
text-align: center;
letter-spacing: 2px;
text-transform: capitalize;
background-color: #6a35ff;
border-radius: 60px;
flex: none;
padding: 16px 30px;
font-size: 16px;
font-weight: 500;
line-height: 24px;
transition: all .2s;
}
.button-17:hover {
filter: contrast(120%);
background-color: #571ed3;
}
.section-subtitle-2 {
color: #571ed3;
text-transform: capitalize;
margin-top: 0;
margin-bottom: 20px;
font-size: 28px;
font-weight: 700;
line-height: 42px;
}
.button-wrap {
padding-top: 30px;
}
.button-wrap.flex {
align-items: center;
display: flex;
}
.section-title-5 {
margin-top: 0;
margin-bottom: 30px;
font-size: 42px;
font-weight: 700;
line-height: 54px;
}
.process-item {
text-align: center;
flex-direction: column;
align-items: center;
width: 30%;
margin-bottom: 40px;
margin-left: 20px;
margin-right: 20px;
display: flex;
}
.service-title {
text-transform: capitalize;
padding-bottom: 20px;
font-family: Poppins, sans-serif;
font-size: 24px;
font-weight: 700;
line-height: 36px;
}
.card-icon {
height: 60px;
margin-bottom: 20px;
}
.section-102 {
z-index: 1;
padding-top: 100px;
padding-bottom: 100px;
position: relative;
}
.padding-block {
padding-top: 40px;
padding-bottom: 40px;
}
.process-wrap {
flex-wrap: wrap;
justify-content: center;
align-items: flex-start;
display: flex;
}
.container-1072 {
flex-direction: column;
justify-content: center;
width: 100%;
max-width: 1230px;
min-height: 50px;
margin-left: auto;
margin-right: auto;
padding-left: 50px;
padding-right: 50px;
display: block;
position: relative;
}
.container-1072.center-align {
text-align: center;
align-items: center;
display: flex;
}
.content34-grid {
flex-wrap: nowrap;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: row;
justify-content: center;
width: 100%;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
display: flex;
}
.title-small {
opacity: 1;
text-transform: uppercase;
margin-bottom: 16px;
font-family: Poppins, sans-serif;
font-size: 24px;
line-height: 1;
}
.logo-container {
justify-content: center;
width: 200px;
}
.section-4 {
z-index: 0;
padding-top: 80px;
padding-bottom: 80px;
position: relative;
}
.section-4.light-grey {
background-color: #f4f8fa;
position: relative;
}
.section-4.light-grey.half-padding {
cursor: auto;
background-color: #f4f8fa00;
flex-direction: column;
width: 100%;
margin-top: -408px;
padding-top: 40px;
padding-bottom: 0;
display: flex;
overflow: hidden;
}
.section-4.light-grey.half-padding.edited {
margin-top: 0;
padding-top: 80px;
padding-bottom: 100px;
display: none;
}
.section-4.light-grey.half-padding.edited._2 {
background-color: #fff;
}
.logos-div {
flex-flow: wrap;
justify-content: space-around;
align-items: center;
width: 100%;
max-width: 1230px;
margin-top: 24px;
margin-left: auto;
margin-right: auto;
display: flex;
top: 0;
left: 0;
right: 0;
}
.div-block-223 {
max-width: 1440px;
margin-top: 100px;
margin-left: auto;
margin-right: auto;
}
.content-2 {
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
display: flex;
}
.heading-426.h3 {
font-size: 2.7em;
font-weight: 600;
line-height: 1.4em;
}
.titled-text-block {
border: 1px solid #000;
border-radius: 10px;
flex-direction: column;
justify-content: space-around;
max-width: 300px;
height: 500px;
margin-right: 40px;
padding: 32px 24px;
display: flex;
box-shadow: 0 8px 16px #00000026;
}
.paragraph-70 {
opacity: .7;
margin-bottom: 10px;
font-family: Poppins, sans-serif;
font-size: 1.4em;
}
.circle-text-section {
z-index: 10;
color: var(--black);
text-align: center;
text-transform: uppercase;
margin-right: 5px;
font-family: Poppins, sans-serif;
font-size: 24px;
position: relative;
overflow: visible;
}
.text-span-9 {
font-size: 18px;
}
.wrapper-3 {
color: #fff;
flex-direction: column;
display: flex;
overflow: visible;
}
.circle-container {
color: #fff;
justify-content: center;
align-items: center;
width: 150px;
max-width: 100vw;
height: 150px;
max-height: 100vw;
text-decoration: none;
display: flex;
position: relative;
}
.rotating-text {
position: absolute;
inset: -15% -15% auto auto;
}
.rotating-text.to-the-left {
inset: -15% auto auto -15%;
}
.heading-8 {
color: #fecc2f;
font-family: Poppins, sans-serif;
font-size: 52px;
font-weight: 600;
position: relative;
top: 80px;
left: 200px;
}
.heading-8.other-side {
left: -150px;
}
.card-3 {
color: #fff;
cursor: none;
flex-direction: row;
justify-content: center;
align-items: center;
width: 400px;
height: 580px;
margin-bottom: 100px;
text-decoration: none;
display: flex;
position: relative;
}
.card-3.other-side {
align-self: flex-end;
left: auto;
}
.background-video-5 {
object-fit: contain;
width: 400px;
height: 580px;
position: absolute;
}
.section-103 {
cursor: auto;
width: 100%;
padding: 120px 2vw;
position: relative;
overflow: hidden;
}
.c-section-2 {
padding-top: 80px;
padding-bottom: 80px;
}
.arrow-circle {
background-color: #f24b88;
border-radius: 100px;
justify-content: center;
align-items: center;
width: 40px;
height: 40px;
margin-right: 16px;
display: flex;
}
.button-18 {
text-transform: capitalize;
background-color: #f24b88;
border-radius: 10px;
margin-left: 8px;
margin-right: 8px;
padding: 16px 32px;
font-size: 20px;
}
.button-18.no-margin {
margin-left: 0;
margin-right: 0;
}
.arrow-button {
flex-direction: row;
justify-content: flex-start;
align-items: center;
display: flex;
}
._2-boxes-hero-wrapper {
flex-direction: column;
justify-content: space-between;
height: 100%;
display: flex;
}
.hero-title-wrapper {
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
height: 100%;
display: flex;
}
.image-457 {
object-fit: cover;
width: 100%;
height: 100%;
}
.box-wrapper-hero {
background-color: #332f3c;
border-radius: 10px;
margin-bottom: 16px;
padding: 24px;
}
.text-span {
font-size: 29px;
font-weight: 400;
}
.paragraph-71 {
color: #aaa;
margin-top: 60px;
margin-bottom: 60px;
}
.heading-427 {
text-transform: uppercase;
margin-top: 8px;
margin-bottom: 8px;
font-size: 20px;
font-weight: 500;
}
.heading-428 {
text-transform: uppercase;
margin-top: 0;
margin-bottom: 0;
font-size: 64px;
}
.hero-image-wrapper-2 {
height: 100%;
}
.paragraph-72 {
color: #aaa;
}
.text-block-128 {
font-size: 18px;
}
.grid-11 {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
align-items: center;
}
.c-container {
max-width: 1080px;
padding-left: 24px;
padding-right: 24px;
}
.testimonials_text {
text-align: center;
}
.button_line {
z-index: -1;
opacity: .3;
background-color: #f6cb01;
border-radius: 20px;
width: 97%;
height: .625rem;
margin-left: auto;
margin-right: auto;
position: absolute;
inset: auto 0% 25%;
}
.button_line.is-color-red {
z-index: -1;
background-color: #fd7568;
}
.button-19 {
z-index: 1;
color: #19546f;
text-align: center;
text-transform: uppercase;
background-color: #0000;
flex-direction: column;
justify-content: center;
align-items: center;
padding: .75rem .55rem;
font-size: .875rem;
font-weight: 700;
position: relative;
}
.text-align-center {
text-align: center;
font-family: Poppins, sans-serif;
font-size: 3em;
}
.benefits_image {
object-fit: cover;
width: 100%;
height: 100%;
}
.button_label {
letter-spacing: .1rem;
font-weight: 900;
}
.margin-vertical, .margin-vertical.margin-xxsmall {
margin-left: 0;
margin-right: 0;
}
.max-width-medium {
width: 100%;
max-width: 33rem;
}
.testimonials_component {
grid-column-gap: 1rem;
grid-row-gap: 3rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.footer_social {
margin-left: 1rem;
margin-right: 1rem;
}
.padding-vertical, .padding-vertical.padding-xxhuge {
padding-left: 0;
padding-right: 0;
}
.padding-vertical.padding-custom1 {
padding: 19.6rem 0;
}
.padding-vertical.padding-large, .padding-vertical.padding-xxlarge {
padding-left: 0;
padding-right: 0;
}
.max-width-small {
width: 100%;
max-width: 25rem;
}
.footer_link {
color: #2f7667;
margin-left: 1rem;
margin-right: 1rem;
transition: color .6s cubic-bezier(.075, .82, .165, 1);
}
.footer_link:hover {
color: #fff;
}
.section-hero {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/61ec71e215dd2fa06846a160_image-header.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
justify-content: center;
align-items: center;
height: 100vh;
display: flex;
}
.services_content {
flex-direction: column;
justify-content: flex-start;
display: flex;
}
.padding-bottom {
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.padding-bottom.padding-xxhuge.extra-padding-desktop {
padding-bottom: 12rem;
}
.padding-bottom.padding-xxlarge {
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.benefits_wrapper {
background-color: #f5f5f5;
}
.margin-top {
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
}
.margin-top.margin-large {
margin-top: 20px;
font-family: Poppins, sans-serif;
}
.margin-top.margin-medium, .margin-top.margin-large, .margin-top.margin-medium, .margin-top.margin-small, .margin-top.margin-xlarge {
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
}
.section-services {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.align-center-2 {
margin-left: auto;
margin-right: auto;
}
.footer_content {
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
}
.padding-horizontal {
padding-top: 0;
padding-bottom: 0;
}
.testimonials_position {
color: #aaa7a5;
text-align: center;
}
.benefits_content {
flex-direction: column;
align-items: flex-start;
padding-left: 42px;
display: flex;
}
.testimonials_image {
border-radius: 50%;
width: 4rem;
}
.services_image {
z-index: -1;
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.testimonials_author {
text-align: center;
font-size: 1.2rem;
font-weight: 900;
}
.margin-bottom {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.margin-bottom.margin-small.lp {
padding-bottom: 20px;
}
.margin-bottom.margin-0 {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.margin-bottom.margin-xxlarge {
justify-content: center;
align-items: center;
display: flex;
}
.margin-bottom.margin-xxhuge, .margin-bottom.margin-tiny, .margin-bottom.margin-xxlarge, .margin-bottom.margin-xlarge {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.footer_logo {
color: #2f7667;
display: inline-block;
}
.benefits_component, .section-testimonials {
background-color: #fffbf8;
}
.section-gallery {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.container-large {
width: 100%;
max-width: 80rem;
margin-left: auto;
margin-right: auto;
}
.footer_component {
background-color: #90d4c5;
}
.hero_heading {
color: #fff;
text-align: center;
letter-spacing: 9px;
text-transform: uppercase;
font-size: 4.8rem;
}
.services_component {
align-items: flex-end;
min-height: 40rem;
padding-top: 12rem;
display: flex;
position: relative;
}
.heading-429 {
font-family: Poppins, sans-serif;
font-size: 3em;
}
.paragraph-73 {
font-family: Poppins, sans-serif;
}
.heading-430 {
font-size: 3em;
}
.number-three {
position: absolute;
top: 71%;
left: 72%;
transform: translate(-50%, -50%);
}
.product-number {
color: #141414;
text-shadow: -1px 0 #727272, 0 1px #727272, 1px 0 #727272, 0 -1px #727272;
font-size: 80px;
font-weight: 700;
line-height: 82px;
position: absolute;
top: 6px;
right: 19px;
}
.products-grid {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.number-2 {
cursor: pointer;
background-color: #fff6;
border: 2px solid #fff;
border-radius: 100%;
justify-content: center;
align-items: center;
width: 48px;
height: 48px;
font-size: 20px;
font-weight: 700;
transition: color .2s, background-color .2s;
display: flex;
}
.product-text {
max-width: 200px;
margin-bottom: 22px;
}
.number-two {
position: absolute;
top: 78%;
left: 34%;
transform: translate(-50%, -50%);
}
.section-header {
margin-bottom: 32px;
}
.number-one {
position: absolute;
top: 27%;
left: 50%;
transform: translate(-50%, -50%);
}
.image-view {
margin-bottom: 16px;
position: relative;
}
.link-arrow {
width: 14px;
height: 12px;
margin-left: 12px;
}
.container-1073 {
width: 100%;
max-width: 1304px;
padding-left: 60px;
padding-right: 60px;
}
.number-four {
position: absolute;
top: 79%;
left: 51%;
transform: translate(-50%, -50%);
}
.product-box {
background-color: #141414;
border: 1px solid #fff;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
height: 330px;
padding: 24px 32px;
transition: margin-top .2s;
display: flex;
position: relative;
}
.full-image {
width: 100%;
}
.arrow-link-2 {
color: #fff;
text-transform: uppercase;
border-bottom: 2px solid #fff;
padding-bottom: 12px;
font-weight: 700;
text-decoration: none;
transition: color .2s, background-color .2s, padding .2s;
display: inline-block;
}
.arrow-link-2:hover {
color: #c2c2c2;
padding-left: 14px;
}
.link-flex {
align-items: center;
display: flex;
}
.section-title-6 {
color: #181e4b;
font-size: 3.125rem;
}
.grid-4-col {
grid-column-gap: 50px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.card-image {
height: 5.625rem;
}
.card-wrapper {
border-radius: 3rem;
position: relative;
}
.card-heading {
font-family: Poppins, sans-serif;
font-size: 1.25rem;
font-weight: 500;
}
.pre-text {
color: #5e6282;
font-family: Poppins, sans-serif;
font-size: 1.125rem;
font-weight: 500;
}
.section-title-header {
text-align: justify;
}
.section-title-header.text-align-center.slide-in {
text-align: center;
}
.section-category {
display: block;
}
.paragraph-text {
color: #5e6282;
font-family: Poppins, sans-serif;
line-height: 1.7;
}
.orange-bead {
position: relative;
top: -70px;
left: -30px;
}
.orange-bead:hover {
opacity: 1;
}
.category-cards {
z-index: 10;
text-align: center;
background-color: #fff;
border-radius: 2.25rem;
padding: 1.875rem 1.675rem;
transition: box-shadow .3s;
position: relative;
}
.category-cards:hover {
box-shadow: 0 6px 15px -2px #00000030;
}
.image-458 {
border-radius: 20px;
}
.div-block-224 {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/61d739464ee180821d457af9_Screen%20Shot%202022-01-06%20at%2012.47.24%20PM.png");
background-position: 0 0;
background-size: cover;
border-radius: 20px;
width: 100%;
min-width: 100%;
height: 100%;
min-height: 100%;
}
.c-social_component {
align-self: center;
}
.c-tile_copylink {
background-color: #fecc2f;
border-radius: 100%;
flex-direction: column;
justify-content: center;
align-items: center;
width: 75%;
height: 75%;
transition: all .3s cubic-bezier(.175, .885, .32, 1.275);
display: flex;
}
.c-tile_copylink:hover {
border-radius: 0%;
transform: scale(1.05);
}
.c-close_icon {
width: 32px;
height: 32px;
display: block;
}
.c-social_share_wrapper.cc-pill {
background-color: #000;
border-radius: 110px;
flex-direction: row;
justify-content: flex-end;
align-items: center;
padding: 4px;
display: flex;
}
.c-title-1 {
margin-top: 0;
margin-bottom: 0;
font-size: 41px;
font-weight: 700;
line-height: 1.2em;
}
.c-grey_rectangle {
display: none;
}
.c-grey_rectangle.cc-show {
background-color: #f8f8f8;
width: 100%;
height: 100%;
display: block;
}
.c-social_icon {
width: 40px;
height: 40px;
}
.c-share_button {
cursor: pointer;
border-radius: 100%;
width: 75px;
height: 75px;
margin-left: 4px;
}
.c-share_button.cc-share {
z-index: 1;
background-color: #fafafa;
flex-direction: column;
justify-content: center;
align-items: center;
margin-left: 0;
padding-bottom: 2px;
display: flex;
position: relative;
}
.c-share_button.cc-social {
background-color: #000;
justify-content: center;
align-items: center;
width: 56px;
height: 56px;
margin-left: 8px;
transition: all .275s cubic-bezier(.86, 0, .468, 1.574);
display: flex;
}
.c-share_button.cc-social:hover {
transform: translate(0, -8px);
}
.c-grid_item {
order: 1;
position: relative;
}
.c-grid_item.cc-title {
border-right: 1px solid #d8d8d8;
flex-direction: column;
order: 1;
justify-content: center;
align-items: flex-start;
min-width: 38vw;
max-width: 520px;
height: 30vh;
min-height: 270px;
padding-left: 46px;
padding-right: 20px;
display: flex;
}
.c-grid_item.cc-badge_spacer-bottom {
border-right: 1px solid #d8d8d8;
flex-direction: row;
flex: 1;
order: 15;
justify-content: center;
align-items: stretch;
min-width: 270px;
max-width: 270px;
height: 30vh;
min-height: 270px;
max-height: 270px;
padding: 16px;
display: flex;
}
.c-grid_item.cc-twitter_tile {
border: 1px #000;
border-left: 1px solid #d8d8d8;
border-right: 1px solid #d8d8d8;
flex-direction: column;
flex: none;
order: 12;
justify-content: center;
align-items: center;
min-width: 270px;
height: 30vh;
min-height: 270px;
max-height: 270px;
padding: 16px;
display: flex;
}
.c-grid_item.cc-copylink {
border: 1px solid #0000;
flex-direction: column;
order: 9;
justify-content: center;
align-items: center;
width: 270px;
min-width: auto;
height: 30vh;
min-height: 270px;
max-height: 270px;
padding: 16px;
}
.c-grid_item.cc-webflowent {
border-right: 1px solid #d8d8d8;
flex-direction: column;
order: 4;
justify-content: center;
align-items: stretch;
width: 270px;
height: 30vh;
min-height: 270px;
padding: 16px;
}
.c-grid_item.cc-middle_space_large {
border-right: 1px solid #d8d8d8;
flex-direction: column;
flex: 1;
order: 5;
justify-content: center;
align-items: center;
min-width: 450px;
max-width: 520px;
height: 30vh;
min-height: 270px;
max-height: 270px;
padding: 0;
display: flex;
}
.c-grid_item.cc-grey_circle {
border-right: 1px #d8d8d8;
flex-direction: column;
order: 8;
justify-content: center;
align-items: stretch;
width: 270px;
height: 30vh;
min-height: 270px;
max-height: 270px;
padding: 16px;
}
.c-grid_item.cc-facebook {
border: 1px #d8d8d8;
border-right-style: solid;
flex-direction: column;
flex: 1;
order: 14;
justify-content: center;
align-items: center;
min-width: 30vw;
height: 30vh;
min-height: 270px;
max-height: 270px;
padding: 16px;
display: flex;
}
.c-grid_item.cc-middle_spacer {
border-right: 1px solid #d8d8d8;
flex-direction: column;
flex: 1;
order: 6;
justify-content: center;
align-items: stretch;
height: 30vh;
min-height: 270px;
max-height: 270px;
padding: 0;
}
.c-grid_item.cc-top_spacer {
border-right: 1px solid #d8d8d8;
flex-direction: column;
order: 3;
justify-content: center;
align-items: stretch;
height: 33%;
padding: 0;
}
.c-grid_item.cc-top_spacer.cc-mobile_hide {
flex: 1;
order: 3;
height: 30vh;
min-height: 270px;
display: block;
}
.c-grid_item.cc-mobile_rectangle {
display: none;
}
.c-grid_item.cc-badge_spacer {
border-right: 1px solid #d8d8d8;
flex-direction: column;
flex: 1;
order: 10;
justify-content: center;
align-items: stretch;
max-width: 10vw;
height: 30vh;
min-height: 270px;
max-height: 270px;
padding: 0;
}
.c-grid_item.cc-bottom_spacer {
border-right: 1px solid #d8d8d8;
flex-direction: column;
flex: 1;
order: 13;
justify-content: flex-start;
align-self: stretch;
align-items: flex-start;
height: 30vh;
min-height: 270px;
max-height: 270px;
padding: 16px;
display: flex;
}
.c-grid_item.cc-linkedin {
border-right: 1px solid #d8d8d8;
flex-direction: column;
flex: 1;
order: 2;
justify-content: center;
align-items: center;
min-width: 30.56vw;
max-width: 50vw;
height: 30vh;
min-height: 270px;
padding: 8px 10px;
display: flex;
}
.c-grid_item.cc-copylink {
border-left-style: none;
border-right: 1px #d8d8d8;
flex-direction: column;
order: 9;
justify-content: center;
align-items: center;
width: 270px;
min-width: auto;
height: 30vh;
min-height: 270px;
max-height: 270px;
padding: 16px;
}
.c-action_tag {
text-align: center;
flex-direction: column;
justify-content: center;
align-items: center;
max-width: 170px;
margin-bottom: 0;
display: none;
position: absolute;
top: auto;
left: auto;
right: auto;
overflow: hidden;
}
.c-action_tag:focus {
display: none;
}
.c-social_text_wrapper {
margin-top: 4px;
}
.c-page-wrap {
width: 100%;
overflow: hidden;
}
.c-social_text.cc-facebook {
color: #06d6b4;
display: none;
}
.c-social_text.cc-copylink {
color: #e57475;
display: none;
}
.c-social_text.cc-inactive {
display: block;
}
.c-social_text.cc-linkedin {
color: #3aadfe;
display: none;
}
.c-social_text.cc-twitter {
color: #ffc641;
display: none;
}
.c-hero_grid {
flex-wrap: wrap;
grid-template-rows: minmax(319px, 1fr) 1px minmax(200px, 1fr) 1px minmax(274px, 1fr);
grid-template-columns: minmax(275px, 1fr) 1px minmax(100px, 1fr) 1px minmax(200px, 1fr) 1px minmax(35px, 1fr) 1px minmax(200px, 200px) 1px repeat(auto-fit, minmax(100px, 1fr));
grid-auto-columns: 1fr;
grid-auto-flow: row;
place-content: flex-start center;
align-items: center;
width: 100vw;
height: 100%;
display: flex;
}
.c-refokus_logo {
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
position: absolute;
}
.c-copy_tag {
z-index: 1;
color: #fff;
background-color: #000;
border-radius: 8px;
padding: 10px 24px;
font-weight: 700;
position: relative;
}
.c-hero_logo {
margin-bottom: 24px;
}
.c-hero_logo.cc-copylink, .c-hero_logo.cc-linkedin {
margin-bottom: 0;
}
.c-share_icon {
width: 32px;
height: 32px;
display: none;
}
.c-tile_twitter {
background-color: #ffc641;
border-radius: 100% 0 100% 100%;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
transition: all .5s cubic-bezier(.175, .885, .32, 1.275);
display: flex;
}
.c-tile_twitter:hover {
border-top-right-radius: 100%;
border-bottom-left-radius: 0%;
}
.c-tile_linkedin {
background-color: #3aadfe;
flex-direction: column;
justify-content: center;
align-items: center;
width: 97%;
height: 95%;
padding: 16px;
transition: all .4s cubic-bezier(.175, .885, .947, 1.007);
display: flex;
position: relative;
}
.c-tile_linkedin:hover {
background-color: #19a0fe;
width: 100%;
height: 100%;
}
.cc-semicircle {
z-index: -1;
background-color: #f8f8f8;
border-radius: 100%;
width: 200%;
height: 100%;
position: absolute;
right: 7%;
}
.c-section-3 {
color: #000;
padding: 48px 0;
position: relative;
}
.c-section-3.cc-hero {
width: 100vw;
height: 100%;
padding: 0;
overflow: hidden;
}
.grid_line {
background-color: #d8d8d8;
order: 12;
width: 100%;
height: 1px;
}
.grid_line.cc-secondrow {
order: 5;
}
.grid_line.cc-mobile_split {
order: 11;
display: none;
}
.grid_line.cc-final_row {
order: 16;
}
.grid_line.cc-mobile_split_second {
order: 11;
display: none;
}
.grid_line.cc-third-row {
order: 11;
}
.grid_line.cc-mobile_third, .grid_line.cc-component {
order: 11;
display: none;
}
.cc-semicircle_mask {
align-items: center;
width: 50%;
height: 100%;
display: flex;
position: relative;
overflow: hidden;
}
.c-tile_circle {
background-color: #f8f8f8;
border-radius: 100%;
width: 100%;
min-width: 120px;
height: 100%;
min-height: 120px;
}
.c-badge_text {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
padding: 36px;
display: flex;
position: absolute;
}
.c-tag_pointer-2 {
z-index: 0;
background-color: #000;
width: 16px;
height: 16px;
position: relative;
top: -12px;
transform: rotate(45deg);
}
.c-social_buttons {
margin-left: 4px;
margin-right: 24px;
display: flex;
}
.c-webflow_badge {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
padding: 0%;
display: flex;
position: relative;
}
.c-hero_text {
display: block;
}
.c-tile_facebook {
background-color: #06d6b4;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
padding: 16px;
display: flex;
position: relative;
}
.text-block-129 {
color: var(--black);
font-family: Poppins, sans-serif;
font-size: 30px;
font-weight: 600;
}
.c-tile_copylink-2 {
background-color: #fecc2f;
border-radius: 100%;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
transition: all .3s cubic-bezier(.175, .885, .32, 1.275);
display: flex;
}
.c-tile_copylink-2:hover {
border-radius: 0%;
transform: scale(1.05);
}
.c-hero_grid-2 {
flex-wrap: wrap;
grid-template-rows: minmax(319px, 1fr) 1px minmax(200px, 1fr) 1px minmax(274px, 1fr);
grid-template-columns: minmax(275px, 1fr) 1px minmax(100px, 1fr) 1px minmax(200px, 1fr) 1px minmax(35px, 1fr) 1px minmax(200px, 200px) 1px repeat(auto-fit, minmax(100px, 1fr));
grid-auto-columns: 1fr;
grid-auto-flow: row;
place-content: flex-start center;
align-items: flex-start;
width: 100vw;
height: 100%;
display: flex;
}
.cta {
overflow: hidden;
}
.text-block-130 {
color: #000;
font-family: Poppins, sans-serif;
font-size: 20px;
font-weight: 600;
}
.section-104 {
padding-left: 32px;
padding-right: 32px;
}
.video-cover-wrapper {
background-color: #0d1f4f;
border-radius: 24px;
justify-content: center;
align-items: center;
width: 55%;
display: flex;
position: relative;
}
.features-text-wrapper {
flex-direction: column;
width: 35%;
margin-right: 10%;
display: flex;
}
.feature-bullet-icon {
max-width: 24px;
max-height: 24px;
margin-right: 12px;
}
.feature-bullet-wrapper {
align-items: flex-start;
margin-bottom: 12px;
display: flex;
}
.video-play-button-container {
justify-content: center;
align-items: center;
width: 120px;
height: 120px;
display: flex;
position: absolute;
}
.video-cover {
object-fit: cover;
border-radius: 24px;
height: 100%;
position: relative;
}
.video-play-button-background {
position: absolute;
inset: auto;
}
.feature-left-image-right {
flex-flow: wrap;
align-items: center;
padding-top: 80px;
padding-bottom: 80px;
display: flex;
}
.video-play-button-icon {
position: absolute;
inset: auto;
}
.intro-text {
color: #7492de;
margin-bottom: 24px;
font-weight: 200;
line-height: 160%;
}
.feature-bullet-text {
font-size: 18px;
font-weight: 600;
line-height: 160%;
}
.lottie-animation-5 {
width: 100%;
}
.paragraph-74 {
font-family: Poppins, sans-serif;
}
.text-block-hero {
z-index: 2;
width: 60%;
margin: 50px 0 60px -25px;
padding-top: 0;
padding-bottom: 0;
padding-right: 0;
position: relative;
}
.container-1074 {
flex-direction: column;
align-items: flex-start;
width: 100%;
height: auto;
margin-bottom: 60px;
padding-bottom: 0;
display: flex;
position: relative;
}
.button-hero {
z-index: 9;
justify-content: center;
align-items: center;
width: 44%;
padding-left: 86px;
display: flex;
position: relative;
}
.video-block-light {
z-index: 1;
background-image: linear-gradient(270deg, #fff0 60%, #fff), url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/61ec89e5ab9f75f188aceacb_Ring.png");
background-position: 0 0, 50%;
background-size: auto, cover;
border-radius: 0 8px 8px 0;
justify-content: center;
align-items: center;
width: 55%;
height: auto;
display: flex;
position: absolute;
inset: 0% 0% 0% auto;
overflow: hidden;
}
.button-block-2 {
z-index: 99;
cursor: pointer;
border-radius: 8px;
width: 80px;
height: 80px;
transition: transform .2s;
display: block;
position: relative;
overflow: hidden;
}
.button-block-2:hover {
transform: scale(1.05);
}
.cc-blue {
color: #1e90ff;
}
.paragraph-75 {
color: #939393;
font-size: 16px;
line-height: 28px;
}
.paragraph-75.big {
font-size: 18px;
line-height: 32px;
}
.play-icon {
z-index: 7;
justify-content: center;
align-items: center;
display: flex;
position: absolute;
inset: 0%;
}
.video-hero-1 {
background-color: #fff;
border-radius: 0;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
height: 80vh;
padding-left: 0;
display: flex;
}
.video-hero-1:hover {
box-shadow: none;
}
.h1-jumbo {
font-size: 60px;
line-height: 72px;
}
.color {
width: 100%;
height: 100%;
margin-bottom: 0;
}
.color.cc-sunset-forest {
background-image: linear-gradient(225deg, #e3bf54, #23bcba);
}
.color.cc-forest-pulm {
background-image: linear-gradient(225deg, #23bcba, #764ba2);
}
.color.cc-sunset {
background-image: linear-gradient(225deg, #fb8332, #e3bf54);
}
.color.cc-forest {
background-image: linear-gradient(225deg, #23bcba, #45e994);
}
.color.cc-pulm {
background-image: linear-gradient(225deg, #667eea, #764ba2);
}
.color.cc-pulm-sunset {
background-image: linear-gradient(225deg, #764ba2, #fb8332);
}
.button-gradient-2 {
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.button-gradient-2.static {
opacity: 0;
position: static;
}
.button-gradient-2._5 {
z-index: 5;
}
.button-gradient-2._2 {
z-index: 2;
}
.button-gradient-2._4 {
z-index: 4;
}
.button-gradient-2._1 {
z-index: 1;
}
.button-gradient-2._6 {
z-index: 6;
}
.button-gradient-2._3 {
z-index: 3;
}
.container-hero {
flex-wrap: nowrap;
justify-content: flex-start;
align-items: center;
display: flex;
}
.video {
margin-top: auto;
padding-top: 32px;
}
.site-wrapper {
border-radius: 0;
width: 100%;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px;
}
.why-us-video-lighrbox {
border-radius: 0;
justify-content: center;
align-items: center;
width: 100%;
height: 500px;
display: flex;
position: relative;
overflow: hidden;
}
.lightbox-bg {
object-fit: cover;
border-radius: 20px;
width: 100%;
height: 100%;
position: absolute;
}
.play-icon-2 {
z-index: 2;
width: 100px;
height: 100px;
position: relative;
}
.m-cases-overview-single-container-2 {
background-color: #0000;
border-radius: 4px;
justify-content: center;
align-items: center;
width: 100%;
height: 390px;
display: flex;
}
.subscribe-button {
color: #ffd500;
text-transform: none;
background-color: #0000;
border: 1px solid #0000;
border-radius: 20px;
margin-left: 15px;
margin-right: 10px;
padding-left: 0;
padding-right: 0;
font-style: italic;
font-weight: 300;
transition: transform .4s cubic-bezier(.645, .045, .355, 1);
}
.subscribe-button:hover {
transform: rotate(-180deg);
}
.header-4 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
padding-right: 0;
font-size: 60px;
font-weight: 600;
line-height: 60px;
text-decoration: none;
display: none;
}
.header-4:hover {
display: block;
}
.header-4.header-3-cases {
color: #000;
text-align: left;
width: 488px;
font-family: Poppins, sans-serif;
font-size: 45px;
}
.youtube-thread {
background-color: #0000;
flex-flow: column;
place-content: center;
align-items: center;
width: 100%;
min-height: 100vh;
padding: 60px 80px;
display: block;
position: relative;
overflow: hidden;
}
.atx {
background-image: linear-gradient(#4c4fcfbf, #4c4fcfbf);
flex-flow: wrap;
align-content: space-between;
align-items: flex-end;
width: 100%;
height: 100%;
padding: 24px;
display: flex;
}
.atx.case-utrecht-region {
background-image: linear-gradient(#ceae496e, #ceae496e), url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/61ec8b38229b3e299c64ac0d_giphy%20(2).gif");
background-position: 0 0, 50%;
background-size: auto, cover;
border-radius: 20px;
place-content: stretch center;
align-items: center;
}
.grid-imgs {
width: 100%;
height: 450px;
position: relative;
}
.grid-imgs._1 {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/61e4ed153357d53cf7169c29_https___hypebeast.com_image_2021_09_casetify-bts-butter-tech-iphone-accessories-collab-001.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
margin-bottom: 100px;
position: relative;
}
.grid-imgs._2 {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/61ec8f2370e704caa61a2956_Young%20Friends%20Looking%20tablet.jpg");
background-position: 50% 0;
background-repeat: no-repeat;
background-size: cover;
margin-top: 100px;
}
.grid-imgs._3 {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/61e4ed153357d53cf7169c29_https___hypebeast.com_image_2021_09_casetify-bts-butter-tech-iphone-accessories-collab-001.jpg");
background-position: 0 0;
background-size: cover;
}
.bold-text-41 {
color: #9b9696;
letter-spacing: 2px;
font-family: Open Sans, sans-serif;
font-weight: 700;
}
.bold-text-41.color {
color: #111;
letter-spacing: 1px;
}
.play-icon-style-2 {
background-color: #0000;
border: 4px solid #7567f8;
border-radius: 100px;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
position: absolute;
top: 0;
left: 0;
}
.play-icon-style-2:hover {
border-style: solid;
}
.play-icon-style-2.white {
border-color: #fff;
}
.col-full {
padding-left: 0;
padding-right: 0;
}
.sub-heading-text {
color: #000;
width: 120%;
margin-bottom: 40px;
font-family: Open Sans, sans-serif;
font-size: 5rem;
font-weight: 800;
line-height: 5rem;
}
.sections {
padding-top: 0;
padding-bottom: 70px;
}
.grid-paragraph-wrap {
padding: 30px;
}
.video-block-title {
color: #fff;
margin-bottom: 20px;
font-family: Montserrat, sans-serif;
font-size: 20px;
font-weight: 400;
line-height: 120%;
}
.video-block-title.center {
text-align: center;
}
.play-button {
margin-left: auto;
margin-right: auto;
display: block;
position: relative;
inset: 50% 0;
}
.play-button.left.purple {
opacity: 1;
background-color: #0000;
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/61ec8f2370e7045ad61a2954_icons8-circled-play-filled-100.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: 70px;
border: 0 #fff;
border-radius: 100%;
width: 70px;
height: 70px;
transition: all .2s;
}
.play-button.left.purple:hover {
background-color: #0000;
border-style: solid;
border-color: #7567f8;
}
.play-button.left.purple.white {
background-color: #000;
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/61ec8f2370e70457d11a294f_play-button%20White.png");
background-size: 20px;
}
.lightbox-center {
text-align: center;
margin-bottom: 40px;
}
.video-grid-text-wrap {
background-color: #000;
flex-direction: column;
justify-content: center;
align-items: center;
width: 300px;
height: 300px;
padding: 26px;
display: flex;
position: absolute;
inset: auto 0% -20% auto;
box-shadow: 7px 7px 30px -5px #0003;
}
.video-grid-text-wrap._2 {
inset: -20% auto auto 0%;
}
.video-grid-text-wrap._3 {
inset: 0% 0% auto auto;
}
.big-container {
max-width: 1190px;
margin-left: auto;
margin-right: auto;
padding-left: 40px;
padding-right: 40px;
}
.small-title {
color: #999;
text-align: left;
margin-bottom: 10px;
font-family: Lato, sans-serif;
font-size: 16px;
font-weight: 300;
}
.video_overlay {
cursor: pointer;
background-color: #0000;
justify-content: center;
align-items: center;
width: auto;
display: flex;
position: absolute;
inset: 0%;
}
.icon--large {
text-align: center;
justify-content: center;
align-items: center;
width: 32px;
height: 32px;
font-size: 24px;
line-height: 24px;
display: flex;
}
.card_video {
z-index: 1;
color: #0000;
border-bottom-style: none;
border-radius: 8px;
width: 100%;
max-width: 800px;
height: auto;
margin-bottom: 24px;
margin-left: auto;
margin-right: auto;
transition: box-shadow .2s, background-color .2s, color .2s;
position: relative;
overflow: hidden;
}
.section_row {
display: flex;
}
.video_playbutton {
color: #5065a8;
cursor: pointer;
background-color: beige;
border-radius: 100%;
justify-content: center;
align-items: center;
width: 72px;
height: 72px;
margin-left: auto;
margin-right: auto;
transition: background-color .2s;
display: flex;
box-shadow: 0 0 50px 30px #00000080;
}
.video_playbutton:hover {
background-color: #5c6da5;
}
.tag {
color: #5065a8;
letter-spacing: 2px;
text-transform: uppercase;
margin-bottom: 16px;
font-size: 16px;
font-weight: 400;
line-height: 20px;
}
.card-4 {
flex-direction: column;
align-items: flex-start;
width: 100%;
max-width: 960px;
margin-bottom: 16px;
margin-left: auto;
margin-right: auto;
padding: 24px;
display: flex;
}
.section-105 {
flex-flow: column wrap;
align-items: center;
width: 100%;
padding: 64px 24px;
display: flex;
overflow: hidden;
}
.image--cover {
object-fit: cover;
}
.container-1075 {
flex-direction: column;
flex: 1;
width: 100%;
max-width: 1366px;
margin-left: auto;
margin-right: auto;
display: flex;
}
.section_col {
flex-direction: column;
flex: 1;
align-items: flex-start;
padding-left: 16px;
padding-right: 16px;
display: flex;
}
.section_col.align--middle {
justify-content: center;
}
.text-block-131 {
color: #5065a8;
}
.card--highlight {
justify-content: flex-start;
align-items: flex-start;
margin-bottom: 16px;
margin-left: auto;
margin-right: auto;
padding: 24px;
display: flex;
position: relative;
}
.floater {
width: 25%;
max-width: 200px;
position: absolute;
inset: auto 0% 0% auto;
transform: perspective(1000px);
}
.floater.position--highlight-top-left {
inset: -4% auto auto -4%;
}
.heading-431 {
font-family: Poppins, sans-serif;
font-size: 3em;
}
.paragraph-76 {
font-family: Poppins, sans-serif;
}
.background-video-16 {
color: #0000;
border-radius: 0;
width: 100%;
}
.lottie-animation-6 {
width: 300px;
}
.body-2 {
overflow: hidden;
}
.case-block {
color: #121213;
background-color: #faf8e9;
width: 100%;
height: 500px;
padding: 36px;
text-decoration: none;
transition: all .3s;
position: relative;
overflow: hidden;
}
.case-block:hover {
background-color: #28eca5;
}
.case-block.w--current {
position: relative;
}
.list-2 {
text-align: right;
list-style-type: none;
}
._60-2 {
width: 30%;
font-weight: 300;
}
.casestudy-list {
grid-column-gap: 16px;
grid-row-gap: 20px;
grid-template-rows: auto;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
grid-auto-columns: 1fr;
grid-auto-flow: row;
display: grid;
}
.casestudy-list-wrapper-mobile {
display: none;
}
.arrow-case {
flex: none;
align-self: flex-end;
display: block;
}
.casestudy-list-wrapper.hidden {
display: block;
}
.casestudy-item {
overflow: hidden;
}
.div-block-225 {
color: #faf8e9;
width: 95%;
max-width: 1440px;
margin-top: 160px;
margin-left: auto;
margin-right: auto;
}
.logo-2 {
width: 30%;
height: auto;
position: static;
inset: 36px 36px auto auto;
}
.blacktext {
color: #121213;
}
.grid-case-study {
grid-column-gap: 20px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
grid-template-areas: ".";
grid-auto-columns: 1fr;
width: 95%;
max-width: 1440px;
margin-top: 40px;
margin-left: auto;
margin-right: auto;
display: grid;
}
.grid-12 {
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-flow: row;
place-items: start stretch;
height: 100%;
}
.div-block-226 {
justify-content: space-between;
display: flex;
}
.section-feature {
margin-top: 80px;
margin-bottom: 160px;
}
.div-block-2 {
perspective: 1000px;
color: #faf8e9;
text-align: center;
width: 95%;
margin-left: auto;
margin-right: auto;
overflow: hidden;
}
.display {
color: #000;
text-align: center;
text-transform: uppercase;
font-family: Poppins, sans-serif;
font-size: 140px;
font-weight: 700;
line-height: 150px;
}
.grid-feature {
grid-column-gap: 20px;
grid-row-gap: 40px;
grid-template-rows: auto;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
width: 95%;
max-width: 1440px;
margin-top: 80px;
margin-left: auto;
margin-right: auto;
}
.feature {
text-align: center;
flex-direction: column;
align-items: center;
padding-left: 20px;
padding-right: 20px;
display: flex;
}
.icons {
background-color: #28eca5;
border-radius: 40px;
justify-content: center;
align-items: center;
width: 80px;
height: 80px;
margin-bottom: 20px;
padding: 16px;
display: flex;
}
.image-459 {
width: auto;
height: auto;
}
.hero-case-overview {
background-image: linear-gradient(#00000080, #00000080), url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/61d7383685ac65c4d847e0e3_Screen%20Shot%202022-01-06%20at%2012.42.47%20PM.png");
background-position: 0 0, 50%;
background-size: auto, cover;
padding-top: 80px;
padding-bottom: 80px;
overflow: hidden;
}
.display-2 {
color: #faf8e9;
text-align: center;
text-transform: uppercase;
font-size: 140px;
font-weight: 700;
line-height: 150px;
}
.case-wrapper {
padding-top: 80px;
padding-bottom: 80px;
overflow: hidden;
}
.works-heading-block {
text-align: center;
width: 40%;
margin-left: auto;
margin-right: auto;
font-weight: 300;
}
.caseblock {
width: 95%;
max-width: 1440px;
margin-left: auto;
margin-right: auto;
}
.casestudy-list-casepage {
grid-column-gap: 16px;
grid-row-gap: 20px;
grid-template-rows: auto;
grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
grid-auto-columns: 1fr;
grid-auto-flow: row;
margin-top: 80px;
display: grid;
overflow: hidden;
}
.bg_overlay {
background-image: linear-gradient(135deg, #220d3fe6 15%, #220d3f80 56%, #e22b7180);
width: 100%;
height: 100%;
}
.button_container {
align-items: flex-start;
margin-bottom: auto;
display: flex;
}
.navbutton {
color: #fff;
letter-spacing: 2px;
text-transform: uppercase;
background-color: #0000;
margin-top: 10px;
margin-left: 10px;
margin-right: 10px;
font-family: Open Sans, sans-serif;
font-size: 18px;
font-weight: 600;
transition: color .5s, padding .5s cubic-bezier(.075, .82, .165, 1), box-shadow .5s cubic-bezier(.075, .82, .165, 1);
}
.navbutton:hover {
color: #e22b71;
padding-top: 6px;
padding-bottom: 12px;
}
.navbutton.w--current {
border-bottom: 2px solid #e22b71;
}
.navbutton.mobile {
display: none;
}
.navbutton.nohover:hover {
padding-top: 20px;
padding-bottom: 20px;
}
.dropdown-link-3 {
color: #fff;
font-size: 14px;
line-height: 22px;
}
.dropdown-link-3:hover, .dropdown-link-3.w--current {
color: #e22b71;
}
.button-20 {
z-index: 99;
letter-spacing: 1px;
background-color: #220d3f;
border-radius: 10px;
margin-top: 20px;
margin-right: 20px;
padding: 15px 35px;
font-family: Georgia, Times, Times New Roman, serif;
font-size: 18px;
font-weight: 400;
line-height: 18px;
transition: background-color .2s cubic-bezier(.994, .003, .58, 1);
position: relative;
}
.button-20:hover {
background-color: #e22b71;
}
.button-20.invert {
color: #fff;
background-color: #e22b71;
transition: color .2s, background-color .2s cubic-bezier(.994, .003, .58, 1);
}
.button-20.invert:hover {
color: #220d3f;
background-color: #fff;
}
.hero {
z-index: 50;
flex-direction: column;
align-items: flex-start;
width: 100%;
height: 100vh;
min-height: 800px;
display: flex;
position: relative;
overflow: visible;
}
.hero.subpage {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/61ec9b247da774da97f2a7f0_aw-creative-VjRpkGtS55w-unsplash.jpg");
background-position: 50%;
background-size: cover;
height: 40vh;
min-height: 600px;
}
.navbar-3 {
z-index: 100;
align-items: center;
margin-top: 40px;
margin-bottom: 40px;
display: flex;
position: relative;
}
.hero_tagline {
z-index: 99;
color: #fff;
letter-spacing: 0;
text-transform: none;
margin-top: auto;
margin-bottom: 40px;
font-family: Georgia, Times, Times New Roman, serif;
font-size: 86px;
font-weight: 700;
line-height: 88px;
position: relative;
}
.hero_tagline.subpage {
font-size: 72px;
}
.link-block-14, .link-block-14.w--current {
flex: none;
}
.hero_cta {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 80%;
height: 90%;
min-height: 400px;
margin-left: 100px;
display: flex;
position: absolute;
}
.logo-3 {
z-index: 99;
height: 120px;
margin-right: 40px;
position: absolute;
}
.logo-3.hover {
z-index: 110;
opacity: 1;
position: relative;
}
.dropdown-list-4 {
background-color: #220d3f;
}
.dropdown-list-4.w--open {
border-radius: 10px;
box-shadow: 1px 1px 50px #24383f99;
}
.paragraph-77, .paragraph-78, .paragraph-79, .paragraph-80, .paragraph-81 {
font-family: Poppins, sans-serif;
font-size: 1.3em;
}
.content-section {
background-color: #000;
padding: 60px 20px;
font-family: Poppins, sans-serif;
position: relative;
overflow: hidden;
}
.content-section.blue {
background-color: #444;
padding-top: 0;
padding-bottom: 0;
position: relative;
}
.content-section._1 {
background-color: #fff;
}
.blue-circle-bg {
position: absolute;
inset: 0% auto auto 0%;
}
.body-text.light {
color: #ffffffb3;
font-family: Poppins, sans-serif;
}
.heading-432 {
margin-top: 0;
margin-bottom: 0;
font-size: 24px;
font-weight: 500;
}
.heading-432.white {
color: #fff;
}
.stats-block {
flex-direction: column;
align-items: center;
display: flex;
}
.container-1076 {
max-width: 1140px;
margin-left: auto;
margin-right: auto;
padding-left: 30px;
padding-right: 30px;
font-family: Poppins, sans-serif;
}
.section-title-wrap {
text-align: left;
max-width: 530px;
}
.section-title-wrap.centered {
text-align: center;
margin-left: auto;
margin-right: auto;
}
.stats-grid {
grid-column-gap: 20px;
grid-row-gap: 20px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
margin-top: 60px;
}
.stats-heading {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-size: 72px;
font-weight: 400;
}
.button-21 {
background-color: #1e2432;
border-radius: 100px;
padding: 15px 60px;
font-size: 18px;
font-weight: 500;
transition: background-color .2s cubic-bezier(.455, .03, .515, .955);
}
.button-21:hover {
background-color: #4b505b;
text-decoration: none;
}
.button-21.white {
color: #1e2432;
background-color: #fff;
}
.button-21.white:hover {
background-color: #fffc;
}
.section-button-wrap {
flex-direction: column;
align-items: center;
margin-top: 80px;
display: flex;
}
.heading-1 {
font-family: Poppins, sans-serif;
font-size: 56px;
}
.heading-1.white {
color: #fff;
font-family: Poppins, sans-serif;
font-size: 45px;
}
.text-block-133 {
color: #fff;
text-align: center;
font-family: Poppins, sans-serif;
font-size: 40px;
}
.body-3 {
overflow: visible;
}
.faq-grid {
grid-column-gap: 20px;
grid-row-gap: 60px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
margin-top: 60px;
}
.pink-circle-bg {
position: absolute;
inset: 0% 0% auto auto;
}
.heading-433 {
font-family: Poppins, sans-serif;
font-size: 2.5vh;
}
.paragraph-82 {
font-family: Poppins, sans-serif;
font-size: 1.3em;
}
.video-2 {
margin-top: 111px;
}
.video-2.work {
margin-bottom: 110px;
}
.tab-link-tab-5 {
color: #fff;
background-color: #000;
border-radius: 20px;
margin-left: 10px;
font-family: Poppins, sans-serif;
font-weight: 700;
}
.div-block-227 {
z-index: 2;
background-color: #000000ab;
display: none;
position: absolute;
inset: 0;
}
.text-block-134 {
color: #8b8b8b;
letter-spacing: 1px;
max-width: 450px;
margin-bottom: 0;
font-weight: 700;
line-height: 25px;
}
.background-video-17 {
justify-content: center;
align-items: center;
min-height: 100vh;
display: flex;
}
.right-side-text {
position: absolute;
bottom: 0;
left: 50%;
}
.image-sig {
filter: invert();
margin-top: 25px;
margin-bottom: 5px;
display: block;
}
.sub-title-bottom {
justify-content: center;
align-items: center;
padding-bottom: 55px;
display: none;
position: absolute;
bottom: 0;
left: 0;
right: 0;
}
.heading-434 {
color: silver;
text-align: left;
letter-spacing: 1px;
margin-bottom: 15px;
font-size: 80px;
font-weight: 600;
line-height: 94px;
}
.content-block-titles {
margin-left: 10%;
}
.paragraph-83 {
color: #8b8b8b;
max-width: 450px;
line-height: 25px;
}
.slide-header {
opacity: .04;
font-size: 388px;
line-height: 144px;
}
.text-1 {
color: #fff;
letter-spacing: 1px;
font-weight: 700;
}
.header-block {
background-color: #fff;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 50%;
height: 100%;
display: flex;
position: absolute;
top: 0;
bottom: 0;
left: 0;
}
.text-block-135 {
color: #3339;
font-size: .97em;
}
.image-4 {
object-fit: cover;
width: 27.7em;
height: 18em;
}
.name-test {
margin-top: 1.46em;
font-size: 1.11em;
}
.background-video-18 {
background-image: linear-gradient(#00000080, #00000080);
justify-content: center;
align-items: center;
width: 100%;
height: 35em;
display: flex;
}
.job-position-container {
margin-top: 20px;
margin-bottom: 20px;
}
.section-106.auto-scroll-section {
background-color: #000;
overflow: hidden;
}
.job-position-text {
font-weight: 400;
}
.job-position-text.no-margin {
color: #fff;
font-family: Poppins, sans-serif;
}
.no-margin-2 {
color: #fff;
margin: 0;
font-family: Poppins, sans-serif;
}
.card-item-content {
z-index: 1;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
display: flex;
position: relative;
}
.job-position-icon {
width: 40px;
}
.card-item {
background-color: #0d0d0d;
flex-direction: row;
flex: 1;
justify-content: space-around;
padding: 20px;
font-weight: 500;
transition: background-color .3s, transform .3s, color .2s;
display: flex;
position: relative;
overflow: hidden;
}
.card-item:hover {
background-color: #17171a;
text-decoration: none;
transform: translate(0, -10px);
}
.card-item._1 {
margin-bottom: 0;
}
.job-position-icon-holder {
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
}
.job-position-content {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 2fr 1fr 1fr .25fr;
grid-auto-columns: 1fr;
place-content: space-around start;
place-items: center start;
width: 100%;
margin-bottom: 0;
padding-bottom: 0;
display: grid;
position: relative;
}
.paragraph-97 {
color: #6b7c93;
background-color: #0000;
margin-bottom: 15px;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 17px;
line-height: 1.6em;
}
.paragraph-97._400w {
color: #333;
width: 400px;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
position: relative;
}
.paragraph-97._400w.mixpanel {
color: #222;
width: auto;
max-width: 450px;
font-family: Poppins, sans-serif;
font-size: 18px;
}
.about-uss {
padding-top: 80px;
padding-bottom: 80px;
overflow: hidden;
}
.about-uss.grey-half-background-copy {
padding-top: 120px;
padding-bottom: 120px;
}
.text-span-37 {
color: #fecc2f;
}
.div-standard-2 {
flex-direction: column;
width: auto;
max-width: 1280px;
min-height: 30px;
margin-left: auto;
margin-right: auto;
display: block;
}
.column-54 {
overflow: visible;
}
.column-54.a {
padding-left: 0;
padding-right: 0;
}
.standard-columns-2 {
display: flex;
}
.standard-columns-2.vcentre-aligned {
align-items: center;
padding-right: 54px;
}
.stepper-columns {
align-items: flex-end;
margin-bottom: 10px;
display: flex;
}
.heading-105 {
color: #333;
text-transform: none;
margin-top: 0;
margin-bottom: 20px;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 36px;
font-weight: 600;
line-height: 1.5em;
}
.heading-105._450w {
color: #333;
width: auto;
max-width: 450px;
margin-bottom: 15px;
font-family: Poppins, sans-serif;
font-size: 30px;
}
.text-span-42 {
color: #0d0d11;
font-weight: 700;
text-decoration: underline;
}
.text-span-42:hover {
color: #fecc2f;
}
.div-450w {
float: none;
max-width: 450px;
margin-left: auto;
margin-right: auto;
}
.stepper {
color: #161338;
margin-bottom: 15px;
font-family: Inconsolata, monospace;
font-size: 16px;
line-height: 1.6em;
}
.stepper.mixpanel {
color: #000;
letter-spacing: 1px;
letter-spacing: 1px;
margin-bottom: 0;
font-family: Poppins, sans-serif;
font-size: 25px;
font-weight: 700;
}
.image-97 {
max-width: 55%;
}
.last {
padding-top: 100px;
padding-bottom: 100px;
}
.wrapper-4 {
flex-direction: column;
justify-content: space-between;
align-items: center;
width: 100%;
max-width: 980px;
margin-left: auto;
margin-right: auto;
position: relative;
}
.cap-text {
color: #000;
letter-spacing: 2px;
text-transform: uppercase;
font-size: 18px;
}
.video-3 {
margin-top: 50px;
box-shadow: 0 7px 19px #00000040;
}
.section-107 {
height: 300px;
margin-top: 0;
}
.heading-112 {
color: #222;
margin-top: 60px;
margin-left: 140px;
font-family: Poppins, sans-serif;
font-size: 120px;
font-weight: 700;
line-height: 110px;
}
.heading-113 {
color: #000;
margin-left: 140px;
font-family: Poppins, sans-serif;
font-size: 100px;
font-weight: 300;
line-height: 90px;
}
.hero-description-title-2 {
opacity: 1;
color: #000;
text-align: center;
width: 80%;
margin-top: 30px;
margin-left: auto;
margin-right: auto;
font-family: Poppins, sans-serif;
font-size: 20px;
font-weight: 400;
line-height: 31px;
display: block;
}
.section-108 {
text-align: center;
margin-top: auto;
}
.section-108.rental {
margin-top: auto;
}
.paragraph-98 {
font-family: Poppins, sans-serif;
font-weight: 500;
}
.paragraph-98._1 {
color: #000;
padding-top: 20px;
padding-bottom: 20px;
}
.text-span-43 {
color: #000;
text-decoration: underline;
}
.heading-435 {
text-align: center;
}
.member_img_top {
z-index: 20;
position: absolute;
inset: 0% 0% auto;
}
.wrap {
max-width: 1100px;
margin-left: auto;
margin-right: auto;
}
.grid-13 {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
}
.demo_content {
padding: 90px 30px;
}
.member {
position: relative;
}
.member_img_bottom {
z-index: 20;
position: absolute;
inset: auto 0% 0%;
}
.img_forground_hidden {
z-index: 1;
opacity: 0;
position: relative;
}
.member_name {
margin-top: 0;
margin-bottom: 10px;
font-size: 28px;
}
.member_overlay {
z-index: 2;
background-color: #f5f5f5;
border: 2px solid #040807;
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
position: absolute;
inset: 0%;
}
.img_forground {
z-index: 30;
position: absolute;
inset: 0%;
}
.member_overlay-2 {
background-color: #f5f5f5;
border: 2px solid #040807;
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
position: absolute;
inset: 0%;
}
.members_grid {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
margin-top: 20px;
}
.content-02-title-div {
flex-direction: column;
justify-content: flex-start;
align-items: center;
margin-bottom: 30px;
display: flex;
}
.heading-2 {
margin-top: 0;
font-size: 35px;
font-weight: 600;
line-height: 45px;
}
.heading-2.center {
text-align: center;
}
.team-member-image-02 {
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border: 1px solid #dbdbdb;
width: 100%;
height: 250px;
}
.team-member-image-02.nill {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/61da1b757619c86710c03298_6089d870b19fc6dbdfc15268_IMG_1405-p-1080.jpeg");
background-position: 50% 10%;
background-repeat: no-repeat;
background-size: cover;
}
.team-member-image-02.new {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/61da1b757619c877cbc0329c_IMG_9817w.jpg");
background-position: 50% 10%;
}
.team-member-image-02.blil {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/61ef7b8e236cf9f908692e68_professional-headshot-backgrounds-600x400.jpg");
}
.team-member-image-02.lbil {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/61ef7b8e236cf90964692e70_HS-1-Resize-800x550.jpg");
}
.team-member-image-02.bill {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/61ecd1b2ef8694834cd78123_5f1626dfb97db53b7347af2a_IMG_3387.jpeg");
background-position: 50% 20%;
}
.team-member-image-02.llib {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/61da1b757619c8bfeac03290_5facdd60d8de1e7cc66940f5_Sean-p-1080.jpeg");
background-position: 50% 0;
}
.heading-3 {
margin-top: 0;
font-weight: 600;
}
.heading-3.team-member {
margin-bottom: 6px;
}
.heading-3.team-member.bigger {
font-family: Poppins, sans-serif;
font-size: 25px;
line-height: 40px;
}
.job-title {
opacity: .75;
font-family: Poppins, sans-serif;
font-size: 16px;
font-weight: 600;
line-height: 22px;
}
.team-div-02 {
grid-column-gap: 20px;
grid-row-gap: 20px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
max-width: 1100px;
display: grid;
}
.button-22 {
text-transform: none;
background-color: #3b2ae5;
border-radius: 0;
padding: 13px 22px;
font-size: 16px;
font-weight: 600;
line-height: 22px;
transition: all .2s;
}
.button-22:hover {
opacity: .8;
}
.button-22.team-member {
color: #fff;
justify-content: center;
align-items: center;
width: 48%;
text-decoration: none;
display: flex;
}
.section-title-7 {
color: #3b2ae5;
text-transform: none;
margin-bottom: 10px;
font-size: 16px;
font-weight: 600;
line-height: 22px;
text-decoration: none;
}
.team-member-info-02 {
text-align: center;
background-color: #fff;
border: 1px #000;
flex-direction: column;
align-items: center;
width: 100%;
margin-top: 0;
margin-left: 0;
margin-right: 0;
padding: 20px 0 0;
display: flex;
position: relative;
}
.team-section-02 {
flex-direction: column;
align-items: center;
width: 100%;
padding-top: 100px;
padding-bottom: 100px;
display: flex;
}
.team-icon-contact {
width: 17px;
margin-top: 0;
margin-bottom: 4px;
margin-right: 7px;
}
.team-icon-contact.email {
margin-bottom: 0;
}
.paragraph-99 {
opacity: .75;
font-size: 16px;
line-height: 22px;
}
.team-member-02 {
border: 1px solid #dbdbdb;
flex-direction: column;
align-items: center;
width: 100%;
padding: 20px;
transition: all .2s;
display: flex;
}
.team-member-02:hover {
box-shadow: 1px 1px 20px #0000000f;
}
.team-member-button-wrap {
justify-content: space-between;
align-items: center;
width: 100%;
margin-top: 20px;
display: flex;
}
.text-center {
text-align: center;
flex-direction: column;
align-items: center;
display: flex;
}
.team-collection-grid {
grid-column-gap: 30px;
grid-row-gap: 30px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
margin-top: 3em;
display: grid;
}
.team-collection-item:nth-child(2n) {
margin-top: 20%;
}
.text-block-136 {
font-family: Poppins, sans-serif;
font-size: 25px;
font-weight: 600;
}
.text-block-137 {
font-family: Poppins, sans-serif;
font-weight: 500;
}
.blog-item-collection {
padding-bottom: 0;
}
.blog-item-collection:nth-child(2n) {
padding-top: 140px;
}
.subscribe-form-flex {
flex-direction: row;
flex: 1;
justify-content: flex-start;
align-items: stretch;
display: flex;
position: relative;
}
.heading-display-1 {
color: #fff;
margin-top: 20px;
margin-bottom: 10px;
font-family: Poppins, sans-serif;
font-size: 110px;
font-weight: 500;
}
.heading-display-1.no-margin {
margin-top: 0;
margin-bottom: 0;
}
.link-39 {
flex: 0 auto;
margin-right: 5px;
padding-bottom: 5px;
text-decoration: none;
position: relative;
overflow: hidden;
}
.link-39:hover {
color: #fff;
text-decoration: none;
}
.link-39.blog-category-link {
margin-bottom: 10px;
}
.link-39.blog-category-link.w--current {
color: var(--grey);
font-family: Poppins, sans-serif;
font-weight: 500;
}
.link-39.footer-link {
margin-left: 10px;
}
.link-underline {
background-color: #fff;
width: 100%;
height: 1px;
position: absolute;
inset: auto auto 0% 0%;
}
.link-underline.grey {
background-color: #878d95;
}
.journal-category-label {
color: var(--black);
margin-bottom: 30px;
padding-top: 10px;
font-family: Poppins, sans-serif;
}
.hero-text-container-2 {
flex-flow: wrap;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.public-link-underline {
opacity: .3;
background-color: #fff;
width: 100%;
height: 1px;
position: absolute;
inset: auto auto 0% 0%;
}
.public-link-underline._100-pct {
opacity: 1;
}
.subscribe-container {
max-width: 500px;
margin-top: 6em;
}
.content-3.center {
flex-direction: column;
justify-content: center;
align-items: flex-start;
display: flex;
}
.error-message-4 {
color: #fcc;
background-color: #ffc7c752;
border-radius: 2px;
margin-top: 10px;
padding: 10px;
}
.collection-item-4 {
margin-bottom: 0;
padding-bottom: 0;
}
.text-marked {
z-index: -1;
background-image: none;
background-position: 0 0;
background-size: auto;
width: 140%;
height: 160%;
position: absolute;
inset: -30% auto auto -20%;
}
.sticky {
position: sticky;
top: 80px;
}
.sticky.post-details-sticky-container {
margin-top: 40vh;
}
.subscribe-form {
max-width: 530px;
padding: 0;
}
.grid-6-col {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}
.success-message-5 {
text-align: left;
background-color: #ffffff14;
border-radius: 3px;
margin-top: 20px;
padding: 10px;
}
.categories-links-list {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.blog-items-grid {
grid-column-gap: 30px;
grid-row-gap: 30px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.grid-journal {
grid-template-rows: auto;
grid-template-columns: 1.3fr 8fr;
}
.text-holder {
z-index: 1;
padding-top: 30px;
padding-bottom: 30px;
position: relative;
}
.text-holder.no-padding-top {
padding-top: 0;
}
.button-23 {
color: #0d0d0d;
text-align: center;
background-color: #fff;
border-radius: 0;
height: 48px;
margin-bottom: 0;
margin-right: 0;
padding: 15px 20px;
line-height: 1;
text-decoration: none;
transition: color .2s, background-color .2s;
}
.button-23:hover {
color: #0d0d0d;
background-color: #ffffffe6;
text-decoration: none;
}
.button-23.btn-subscribe {
background-color: #0000;
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/61ef80ddbe11208e72f8b743_arrow-right-white-icon.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: auto;
border-radius: 0;
height: 100%;
position: absolute;
inset: 0% 0% 0% auto;
}
.button-23.btn-subscribe:hover {
background-color: #ffffff17;
}
.text-marked-container-2 {
z-index: 1;
margin-left: 10px;
padding-left: 10px;
position: relative;
}
.subscribe-input {
color: var(--black);
background-color: #0000;
border: 0 solid #868f97;
border-bottom: 1px solid #fff;
border-radius: 0;
min-width: 350px;
height: 54px;
margin-bottom: 0;
padding-left: 10px;
padding-right: 50px;
font-size: 18px;
font-weight: 400;
transition: border-color .2s;
}
.subscribe-input:focus {
border-color: #868f97;
}
.subscribe-input::placeholder {
color: #fff9;
font-weight: 300;
}
.bg-color {
z-index: 0;
position: absolute;
inset: 0%;
}
.bg-color.black, .bg-color.grey {
background-color: #0000;
}
.bg-color.dark-grey {
background-color: #121217;
}
.bg-color.black {
background-color: #0d0d11;
}
.section-109 {
z-index: 2;
width: 100%;
padding: 6rem;
position: relative;
}
.section-109.no-top {
padding-top: 0;
}
.section-109.no-padding {
padding: 0;
}
.section-109.centered {
color: #0000;
}
.show_opacity-on_load {
z-index: 1;
position: relative;
}
.show_opacity-on_load.align-right {
width: 100%;
}
.grid-no-gap-columns {
grid-column-gap: 0rem;
grid-row-gap: 7rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.grid-no-gap-columns._3x {
grid-template-columns: 1fr 1fr 1fr;
}
.collection-item-5 {
width: 100%;
}
.empty-state-2 {
background-color: #121217;
}
.grid-no-gap-column-rows {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.grid-no-gap-column-rows._3x {
grid-template-columns: 1fr 1fr 1fr;
}
.caption {
z-index: 1;
color: #fff;
margin-top: 0;
margin-bottom: 2px;
font-size: .75rem;
font-weight: 500;
line-height: 1.3;
position: relative;
}
.category-holder {
z-index: 1;
justify-content: flex-start;
align-items: center;
margin-top: .5rem;
margin-bottom: .5rem;
font-size: .75rem;
font-weight: 500;
line-height: 1;
display: flex;
position: relative;
}
.category-holder.centered {
flex-direction: row;
justify-content: center;
}
.serif {
letter-spacing: 0;
text-transform: none;
font-style: italic;
font-weight: 400;
}
.display-2 {
letter-spacing: -.02em;
margin-top: 0;
margin-bottom: 0;
padding-right: .125rem;
font-size: 2.25rem;
font-weight: 500;
line-height: 1.1;
}
.hidden-content {
position: relative;
overflow: hidden;
}
.tooltip_hover-trigger {
z-index: 2;
cursor: pointer;
width: 100%;
height: 100%;
position: relative;
}
.tooltip_hover-trigger.img-move {
margin-bottom: 0;
}
.bg-image {
z-index: 1;
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/61ef827c2ab16955d8873e2c_image-placeholder-transparent.gif");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.bg-image.fade-in {
transform: scale(1.05);
}
.bg-image.fade-in.studio_b-home_insta_3 {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/62100836f4e95bd50b874808_agency-portfolio-template-18.jpg");
}
.bg-image.fade-in.studio_b-home_insta_1 {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/62100836f4e95b8fbd87480f_agency-portfolio-template-07.jpg");
background-position: 0%;
background-repeat: no-repeat;
background-size: cover;
}
.bg-image.fade-in.studio_b-home_insta_2 {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/62100836f4e95b50788747fa_agency-portfolio-template-06.jpg");
background-position: 100%;
}
.bg-image.fade-in.studio_b-home_insta_4 {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/62100836f4e95b426c874801_agency-portfolio-template-13.jpg");
}
.bg-image.fade-in.studio_a-about_3 {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/6699a78ef9283d5a5029140b_0V7A4599.jpg");
background-position: 45%;
}
.bg-image.fade-in.studio_a-about_3.contact {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/61ec5b5770e7044ae118626d_Screen%20Shot%202021-09-24%20at%204.33.41%20PM.png");
background-position: 40%;
background-size: cover;
}
.bg-image.fade-in.studio_a-about_3.contact._2 {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/65be78d5e9f7d9a74b94b313_Behind%20the%20Camera.jpg");
background-position: 25%;
}
.bg-image.fade-in.studio_a-about_2 {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/6699a6d040b5b435be404aaa_0V7A4130.jpg");
background-position: 50%;
}
.bg-image.fade-in.studio_a-about_4 {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/6435e1cf3721b127422d9d92_IMG_0928.jpg");
background-position: 20%;
}
.bg-image.studio_a-about_1 {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/653029e3fb1f6d0f12ee8ccb_Screen%20Shot%202023-10-18%20at%201.53.36%20PM.png");
}
.img-wrapper {
z-index: 1;
justify-content: center;
align-items: center;
width: 100%;
height: 80vh;
display: flex;
position: relative;
overflow: hidden;
}
.img-wrapper.bottom {
justify-content: flex-start;
align-items: flex-end;
}
.img-wrapper.medium {
height: 64vh;
}
.img-wrapper.small {
height: 512px;
}
.img-wrapper.small.stretch {
height: 100%;
min-height: 512px;
}
.img-wrapper.big {
height: 100vh;
}
.img-wrapper.stretch {
height: 100%;
min-height: 80vh;
}
.gradient-bottom {
z-index: 1;
background-image: linear-gradient(to top, #0d0d11b3, #0d0d1100 50%);
position: absolute;
inset: 0%;
}
.project-info {
z-index: 2;
flex-direction: column;
align-items: flex-start;
width: 80%;
max-width: 512px;
display: flex;
position: relative;
}
.project-info.centered {
align-items: center;
margin-left: auto;
margin-right: auto;
}
.mobile {
margin-bottom: 0;
padding-top: 15px;
padding-bottom: 15px;
display: block;
}
.subscribe-btn {
color: #000;
text-align: center;
letter-spacing: .1em;
text-transform: uppercase;
background-color: #fecc2f;
border: 1px #d9527f;
border-radius: 100px;
min-width: 148px;
height: 46px;
padding: 13px 24px;
font-family: Poppins, sans-serif;
font-size: 14px;
font-weight: 700;
line-height: 1em;
transition: all .4s;
}
.subscribe-btn:hover {
background-color: #ee2c6e;
}
.desktop {
margin-bottom: 0;
padding-top: 15px;
padding-bottom: 15px;
display: block;
}
.mail-icon {
z-index: 100;
opacity: .65;
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/61ef849e77b43ee14e401cd6_mail%20icon.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
width: 30px;
height: 18px;
margin-top: auto;
margin-bottom: auto;
position: absolute;
top: 0;
bottom: 0;
left: 24px;
}
.thanks-wrap {
color: #fff;
justify-content: center;
align-items: center;
display: none;
position: absolute;
inset: 0;
}
.email {
color: #fff;
letter-spacing: 1.6px;
background-color: #fecc2f;
border: 1px solid #1a2738;
border-radius: 100px;
width: 100%;
height: 46px;
margin-bottom: 0;
padding-left: 74px;
font-family: Poppins, sans-serif;
font-size: 15px;
font-weight: 400;
line-height: 1.1em;
transition: all .4s;
}
.email:focus {
border-color: #1a2738;
}
.input-wrap {
min-width: 380px;
margin-right: 10px;
position: relative;
}
.form {
justify-content: center;
align-items: flex-start;
display: flex;
position: relative;
}
.success-message-6 {
color: #fff;
letter-spacing: 1.5px;
background-color: #0000;
margin-bottom: 0;
font-size: 1.5em;
line-height: 1em;
}
.container-1077 {
flex: 1;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
padding-left: 15px;
padding-right: 15px;
display: block;
}
.standard-section {
padding-top: 80px;
padding-bottom: 80px;
overflow: hidden;
}
.standard-section.grey-half-background {
background-color: #0000;
padding-top: 120px;
padding-bottom: 120px;
}
.section-statistics-copy {
background-color: #1d1b1c00;
flex-direction: column;
align-items: center;
padding: 120px 5%;
display: flex;
}
.page-wrap {
overflow: hidden;
}
.html-embed-5 {
width: 900px;
padding-right: 10px;
}
.text-span-40 {
color: #000;
font-family: Poppins, sans-serif;
font-size: 35px;
line-height: 1;
}
.main-grid-2 {
z-index: 2;
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto auto auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-flow: row dense;
width: 100%;
position: relative;
}
.content-566 {
z-index: 2;
flex-direction: column;
align-items: center;
display: flex;
position: relative;
}
.content-566.centered-always {
align-items: center;
margin-bottom: 0;
}
.body-text-2 {
z-index: 1;
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto auto auto auto auto auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
width: 100%;
min-height: 100vh;
padding: 12rem 6rem 6rem;
display: flex;
position: relative;
}
.body-text-2._75vh {
height: auto;
min-height: 75vh;
}
.body-text-2._75vh.sticky {
align-items: center;
min-height: 50vh;
margin-bottom: 91px;
padding-top: 0;
padding-bottom: 0;
display: flex;
}
.show_skew-on_load-copy {
z-index: 2;
position: relative;
}
.show_skew-on_load-copy.display-1 {
text-align: center;
text-transform: none;
margin-top: 100px;
font-size: 50px;
line-height: 1.1;
}
.container-3 {
z-index: 1;
width: 100%;
max-width: 992px;
margin-left: auto;
margin-right: auto;
position: relative;
}
.html-embed-6 {
margin-top: 10px;
}
.c-cms-progress {
color: #0000;
flex-direction: row;
justify-content: center;
align-items: baseline;
width: 100%;
display: block;
position: relative;
}
.c-cms-tabs-list {
margin-left: -10px;
margin-right: -10px;
display: flex;
}
.c-title-3 {
margin-top: 0;
margin-bottom: 0;
font-size: 24px;
font-weight: 300;
line-height: 36px;
}
.c-cms-tabs-wrapper {
color: #000;
}
.c-hero-paragraph {
flex: 1;
max-width: 260px;
margin-bottom: 16px;
}
.c-hero-paragraph.cc-hidden-mobile {
color: #000;
}
.c-container-2 {
border-radius: 4px;
max-width: 1332px;
margin-left: auto;
margin-right: auto;
padding-left: 16px;
padding-right: 16px;
display: block;
}
.c-container-2.cc-10cols {
max-width: 1112px;
}
.c-hero-content {
background-color: #0000;
justify-content: space-between;
display: flex;
}
.c-hero-heading {
max-width: 260px;
}
.c-cms-tabs {
color: #000;
padding-top: 79px;
}
.c-text-1 {
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
line-height: 28px;
}
.c-title-wrapper {
margin-bottom: 16px;
}
.c-cms-tabs-item {
color: #f3dddd;
text-align: center;
cursor: pointer;
background-color: #0000;
border: 1px solid #000;
border-radius: 20px;
width: 25%;
margin-left: 10px;
margin-right: 10px;
padding-top: 0;
padding-bottom: 0;
font-size: 16px;
font-style: normal;
transition: color .4s, background-color .3s;
position: relative;
}
.c-cms-tabs-item:hover {
border-color: var(--black);
background-color: var(--black);
color: var(--white);
}
.c-cms-content-wrapper {
color: #000;
padding-top: 78px;
}
.c-cms-tabs-2 {
background-color: #fff;
padding-top: 79px;
}
.c-cms-tabs-wrapper-2 {
color: #0000;
}
.c-cms-content-wrapper-2 {
color: #000;
padding-top: 78px;
}
.c-title-3-2 {
color: #000;
background-color: #fff;
border: 1px solid #fff;
margin-top: 0;
margin-bottom: 0;
font-size: 24px;
font-weight: 300;
line-height: 36px;
}
.c-cms-content-wrapper-3 {
padding-top: 40px;
display: none;
}
.c-cms-tabs-3 {
color: #000;
padding-top: 79px;
}
.c-cms-tabs-4 {
padding-top: 0;
}
.columns-15 {
padding-top: 20px;
padding-bottom: 20px;
}
.columns-16 {
padding-bottom: 20px;
}
.column-65 {
padding-top: 20px;
padding-bottom: 20px;
}
.c-tab-content-link {
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 15%;
padding: 12px 16px 12px 0;
display: flex;
}
.c-lottie-link {
color: #000;
width: 24px;
height: 24px;
}
.columns-17 {
padding-bottom: 20px;
}
.grid-14 {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
}
.demo-wrapper {
object-fit: fill;
flex-flow: row-reverse;
flex: 0 auto;
justify-content: center;
align-items: center;
width: auto;
height: auto;
margin: 0 auto;
padding-top: 0;
padding-bottom: 0;
display: block;
position: relative;
inset: 0%;
overflow: visible;
}
.d-122-category-card-wrapper {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/61f38546d08e6541c3a627cb_NordWood-3883.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
flex-direction: column;
justify-content: space-between;
width: 400px;
height: 300px;
margin-left: 15px;
margin-right: 15px;
display: flex;
position: relative;
overflow: hidden;
}
.d-122-category-card-wrapper._2 {
background-image: none;
background-size: cover;
height: auto;
}
.d-122-color-overlay {
background-color: #8a8989cc;
justify-content: center;
align-items: center;
display: flex;
position: absolute;
inset: 0%;
}
.grid-15 {
grid-column-gap: 0px;
grid-row-gap: 20px;
grid-template: "Area . Area-2"
/ .25fr .25fr 1fr 1fr;
}
.d-122-color-overlay-2 {
color: #fff;
object-fit: fill;
background-color: #b69b9b00;
justify-content: center;
align-items: center;
margin-left: auto;
margin-right: auto;
padding-top: 0;
display: flex;
position: absolute;
inset: 0%;
overflow: visible;
}
.grid-16 {
column-count: 2;
grid-template: "Area Area"
"Area Area"
/ 1fr 1fr;
align-items: center;
padding-left: 0;
display: block;
}
.c-cms-tabs-5 {
padding-top: 79px;
}
.image-460 {
border-radius: 20px;
}
.columns-18 {
padding-top: 30px;
padding-bottom: 30px;
}
.button-24 {
color: #000;
background-color: #fecc2f;
border-radius: 20px;
font-family: Poppins, sans-serif;
font-weight: 600;
}
.div-block-229 {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
display: block;
}
.section-110 {
align-items: flex-start;
margin-left: auto;
margin-right: auto;
padding-left: 140px;
padding-right: 140px;
display: block;
}
.div-block-230 {
padding-top: 40px;
padding-bottom: 100px;
}
.div-block-231 {
padding-top: 0;
padding-bottom: 220px;
}
.lightbox-link-4, .lightbox-link-5, .lightbox-link-6, .lightbox-link-7 {
margin-bottom: 0;
}
.div-block-232 {
margin-bottom: 108px;
}
.container-1078 {
width: 1200px;
max-width: 100%;
margin-left: auto;
margin-right: auto;
padding-left: 32px;
padding-right: 32px;
}
.content-item {
z-index: 1;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
position: relative;
}
.marquee {
align-items: center;
width: 100%;
display: flex;
position: absolute;
inset: 0%;
overflow: hidden;
}
.marquee-inner {
opacity: 0;
}
.btn {
color: #051328;
cursor: pointer;
background-color: #e7e7e7;
border: 1px #000;
justify-content: center;
align-items: center;
padding: 1.5rem 3rem;
text-decoration: none;
display: flex;
position: relative;
}
.btn.btn-six {
color: #fff;
background-color: #fff;
}
.btn.btn-fourteen {
background-color: #0000;
}
.btn.btn-nine {
color: #fff;
background-color: #00f;
}
.btn.btn-thirteen {
color: #fff;
padding: 1rem 2rem;
overflow: hidden;
}
.btn.btn-eight {
color: #fff;
background-color: #0000;
}
.btn.btn-twenty {
color: #051328;
text-transform: uppercase;
background-color: #0000;
width: 120px;
height: 120px;
}
.btn.btn-twelve {
border-radius: 50%;
justify-content: center;
align-items: center;
width: 80px;
max-width: 80px;
height: 80px;
max-height: 80px;
padding: 0;
display: flex;
overflow: hidden;
}
.btn.btn-fifteen {
color: #00f;
text-transform: uppercase;
background-color: #fff;
border-style: solid;
border-color: #00f;
border-radius: 7px;
justify-content: center;
align-items: center;
height: 64px;
padding-top: 0;
padding-bottom: 0;
font-weight: 700;
display: flex;
}
.btn.btn-nineteen {
color: #051328;
text-transform: uppercase;
background-color: #0000;
width: 100%;
height: 100%;
padding: 0;
transition: all .2s;
}
.btn.btn-nineteen:hover {
color: #00f;
}
.btn.btn-one {
color: #fff;
border: 1px solid #fff;
border-radius: 3rem;
overflow: hidden;
}
.btn.btn-sixteen {
color: #00f;
background-color: #0000;
justify-content: center;
align-items: center;
width: 180px;
height: 180px;
display: flex;
}
.btn.btn-seventeen {
color: #fff;
background-color: #0000;
margin-top: 20px;
}
.btn.btn-eleven {
color: #fff;
border-radius: 10px;
overflow: hidden;
}
.btn.btn-three {
color: #fff;
letter-spacing: 1px;
text-transform: uppercase;
border-radius: 10px;
font-size: 16px;
font-weight: 600;
overflow: hidden;
}
.btn.btn-seven {
background-color: #0000;
}
.btn.btn-eighteen {
color: #fff;
background-color: #0000;
padding: 0;
}
.btn.btn-ten {
background-color: #00f;
overflow: hidden;
}
.content-567 {
grid-column-gap: 4rem;
grid-row-gap: 6rem;
grid-template-rows: 230px;
grid-template-columns: minmax(300px, 1fr) minmax(300px, 1fr) minmax(300px, 1fr);
grid-auto-rows: 230px;
grid-auto-columns: minmax(300px, 1fr);
justify-items: center;
width: 100%;
display: grid;
}
.div-block-233 {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
}
.heading-436 {
color: var(--black);
height: 98%;
margin-top: 0;
margin-bottom: 0;
padding-top: 10px;
padding-bottom: 10px;
transition: opacity .3s;
}
.heading-436:hover {
color: var(--white);
}
.grid-17 {
grid-template-columns: 1fr;
}
.column-66 {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: block;
}
.collection-list-3 {
flex-wrap: wrap;
justify-content: space-between;
display: flex;
}
.paragraph-100 {
margin-bottom: -2vh;
padding-top: 10px;
font-size: 1.3em;
}
.collection-item-6 {
max-width: 31%;
}
.image-461 {
float: none;
clear: none;
background-color: var(--black);
cursor: pointer;
object-fit: fill;
border-radius: 20px;
flex: 0 auto;
order: 1;
align-self: flex-end;
max-width: none;
margin-top: 0;
margin-bottom: -13px;
padding: 5px;
transition: opacity .2s;
display: block;
position: static;
overflow: visible;
transform: rotate(-40deg);
}
.image-461:hover {
padding: 6px;
transform: rotate(0);
}
.container-1079 {
height: auto;
margin-top: 40px;
margin-bottom: 40px;
}
.image-462 {
cursor: pointer;
object-fit: fill;
border-radius: 19px;
width: 262px;
height: 145px;
max-height: 100%;
overflow: hidden;
}
.image-462:hover {
object-position: 50% 50%;
}
.bottom-text {
z-index: -9999;
color: #0000;
background-color: #fff;
border-radius: 19px;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-end;
width: auto;
height: 223px;
max-height: none;
margin-top: 6px;
padding: 26px;
display: flex;
position: relative;
top: -51px;
transform: scale(1.1);
}
.pagination-2 {
flex-direction: row;
justify-content: center;
align-items: stretch;
display: none;
}
.div-block-234 {
justify-content: center;
display: flex;
}
.h6insight {
margin-top: 0;
margin-bottom: 0;
padding-top: 10px;
padding-bottom: 10px;
}
.h6insight:hover {
color: var(--white);
}
.collection-list-4 {
flex-wrap: wrap;
justify-content: space-around;
width: 100%;
display: flex;
}
.container-1080 {
padding-top: 40px;
padding-bottom: 40px;
}
.collection-item-7 {
max-width: 31%;
}
.collection-list-wrapper-3 {
width: auto;
max-width: 100%;
}
.video-4 {
border: 1px #000;
border-radius: 0;
}
.image-463 {
color: var(--white);
cursor: pointer;
padding-top: 10px;
transition: all .2s;
}
.image-463:hover {
transform: translate(10px);
}
.div-block-235 {
z-index: -99;
background-color: #fff;
border-radius: 20px;
flex-flow: column wrap;
justify-content: flex-end;
align-items: center;
padding: 46px 46px 46px 58px;
display: flex;
position: relative;
top: -52px;
transform: scale(1.1);
}
.paragraph-101 {
margin-bottom: 0;
}
.c-custom-code {
display: none;
}
.section-111, .section-112 {
display: block;
}
.text-block-139 {
text-align: center;
font-family: Poppins, sans-serif;
font-size: 20px;
font-weight: 600;
}
.section-113 {
margin-bottom: 150px;
}
.blog {
display: block;
}
.collection-list-wrapper-4 {
flex-direction: row;
justify-content: space-between;
align-items: stretch;
display: flex;
}
.collection-list-5 {
justify-content: space-between;
display: flex;
}
.heading-437 {
padding-right: 40px;
}
.fs-checkbox_field-4 {
color: #000;
cursor: pointer;
background-color: #fff;
border: 2px solid #000;
border-radius: .25rem;
flex-direction: row;
justify-content: space-between;
align-items: center;
margin-bottom: 0;
padding: 1rem 1.5rem;
font-weight: 500;
display: flex;
position: relative;
}
.fs-checkbox_field-4:hover {
color: #696969;
border-color: #696969;
}
.fs-checkbox_button-4 {
border: 1px #000;
border-radius: 0;
width: 100%;
height: 100%;
margin-top: 0;
margin-left: 0;
display: block;
position: absolute;
inset: 0%;
box-shadow: 1px 1px 3px #0000;
}
.fs-checkbox_button-4.w--redirected-checked {
background-color: #0000;
background-image: none;
border-style: none;
}
.fs-checkbox_button-4.w--redirected-focus {
box-shadow: none;
border-style: none;
border-radius: 0;
}
.fs-checkbox_button-4.w--redirected-focus-visible {
box-shadow: none;
outline-offset: 4px;
outline: 2px solid #9b9b9b;
}
.fs-checkbox_label-4 {
z-index: 1;
margin-bottom: 0;
font-weight: 500;
position: relative;
}
.filter-wrapper {
text-align: center;
}
.button-25 {
text-align: center;
background-color: #000;
}
.filter-section {
display: none;
}
.paragraph-100-copy {
margin-bottom: -2vh;
padding-top: 10px;
font-size: 1.3em;
}
.paragraph-102 {
display: none;
}
.button-26 {
outline-offset: 0px;
color: #000;
background-color: #0000;
border-radius: 20px;
outline: 3px solid #000;
margin-bottom: 0;
transition-property: none;
}
.button-26.filter-active {
color: #fff;
background-color: #000;
border: 1px solid #000;
}
.body-4 {
color: #fff;
padding: 45px;
}
.category__tabs-menu {
text-align: center;
margin-bottom: 56px;
}
.category__card-img {
object-fit: cover;
border-radius: 20px;
width: 1000px;
height: 500px;
margin-bottom: 24px;
display: block;
}
.category__card-img.mod--mob {
display: none;
}
.category__card-img.mod--desctop {
display: block;
}
.category__card-arrow {
z-index: 2;
background-color: #fff;
border-radius: 100px;
justify-content: center;
align-items: center;
width: 40px;
height: 40px;
transition: all .5s;
display: flex;
position: absolute;
inset: -60px 16px auto auto;
}
.category__card-month {
color: #1e1e2f;
}
.heading--center {
text-align: center;
}
.heading--center.alt {
font-family: Poppins, sans-serif;
font-size: 4.5em;
}
.category__card-title {
margin-bottom: 12px;
font-size: 24px;
}
.section-114 {
padding: 64px 80px;
}
.section-114.section--overflow-hidden {
overflow: hidden;
}
.section-114.section--hero {
padding-top: 120px;
overflow: hidden;
}
.dot-green {
color: #97c680;
font-family: Varela, sans-serif;
}
.category__col {
width: 25%;
padding-left: 16px;
padding-right: 16px;
position: sticky;
top: 40vh;
}
.category__columns {
flex-flow: row;
place-content: stretch flex-start;
align-items: flex-start;
margin-left: -16px;
margin-right: -16px;
display: flex;
}
.category__tab-link {
background-color: #0000;
border-bottom: 2px solid #0000;
border-radius: 0;
min-height: 32px;
margin-left: 20px;
margin-right: 20px;
padding: 0;
line-height: 1.5em;
}
.category__tab-link:hover {
border-bottom-color: #0003;
min-height: 26px;
}
.category__tab-link.w--current {
background-color: #0000;
border-bottom-color: #000;
min-height: 26px;
}
.category__tab-link.w--current:hover {
border-bottom-color: #000;
}
.content-568 {
width: 100%;
max-width: 1280px;
margin-left: auto;
margin-right: auto;
}
.category__tabs-mask {
overflow: visible;
}
.category__card {
color: #1e1e2f;
text-decoration: none;
position: relative;
overflow: hidden;
}
.category__card:hover {
color: #97c680;
}
.fs-section {
padding: 100px 50px;
}
.fs-content {
width: 100%;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
}
.collection-list-6 {
column-count: 3;
white-space: pre-line;
flex-direction: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: flex-start;
padding-bottom: 25px;
display: inline-block;
}
.collection-item-8 {
cursor: pointer;
width: 100%;
padding-top: 25px;
position: relative;
}
.image-464 {
z-index: auto;
border-radius: 20px;
width: 400px;
position: relative;
}
.cover {
z-index: 1;
background-color: #99999940;
border-radius: 25px;
margin-top: 25px;
display: none;
position: absolute;
inset: 0%;
}
.button-27 {
z-index: 3;
background-color: #9687da;
border-radius: 10px;
font-weight: 700;
display: none;
position: absolute;
inset: 40px 15px auto auto;
}
.button-27:hover {
background-color: #5c4da0;
}
.tab-link-creative {
background-color: #bf8b8b;
}
.tab-link-creative.w--current {
color: #fff;
background-color: #000;
border-radius: 20px;
margin-left: 10px;
font-family: Poppins, sans-serif;
font-weight: 700;
}
.heading-438 {
font-family: Poppins, sans-serif;
font-size: 2vh;
font-weight: 200;
}
.paragraph-103 {
text-align: center;
padding-left: 101px;
padding-right: 101px;
font-family: Poppins, sans-serif;
font-size: 1.4em;
}
.heading-439 {
text-align: center;
font-family: Poppins, sans-serif;
font-size: 3em;
}
.heading-439.middle {
margin-bottom: 156px;
padding-left: 166px;
padding-right: 166px;
font-size: 1.5em;
font-weight: 500;
}
.collection-wrap {
flex-flow: row;
justify-content: center;
display: flex;
}
.image-465 {
object-fit: cover;
width: 405px;
max-width: 450px;
height: 200px;
max-height: 200px;
}
.collection-item-9 {
justify-content: center;
height: 200px;
padding-left: 0;
padding-right: 0;
display: flex;
}
.heading-441 {
color: #fff;
text-shadow: 1px 1px 6px #000;
margin-top: -43px;
padding-left: 11px;
font-family: Poppins, sans-serif;
font-size: 2vh;
}
.heading-441.project {
margin-top: -38px;
margin-left: 9px;
padding-left: 107px;
font-weight: 200;
}
.text-block-140 {
color: #fff;
text-shadow: 1px 1px 6px #000;
margin-top: -30px;
padding-left: 10px;
font-family: Poppins, sans-serif;
font-weight: 700;
}
.text-block-140.project {
margin-top: -23px;
padding-left: 80px;
font-weight: 300;
}
.empty-state-3 {
background-color: #0000;
}
.columns-19 {
margin-top: 20px;
margin-left: 0;
margin-right: 0;
}
.vh-p2 {
z-index: 1001;
color: #67788a;
padding-top: 4px;
font-family: Poppins, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 22px;
position: relative;
}
.div-block-68 {
z-index: 400;
background-color: #fff;
width: 100%;
height: 120px;
margin-left: -3px;
display: inline-block;
position: absolute;
}
.portfolio-section {
margin-top: 40px;
padding-top: 0;
}
.column-40 {
padding-left: 0;
padding-right: 80px;
}
.column-41 {
padding-top: 220px;
padding-left: 80px;
padding-right: 0;
}
.div-block-72 {
z-index: 100;
background-color: #fff;
width: 100%;
height: 170px;
margin-top: 1px;
margin-left: -3px;
position: absolute;
}
.div-block-66 {
z-index: 500;
background-color: #0000;
width: 100%;
height: 120px;
margin-top: -1px;
margin-left: -5px;
display: inline-block;
position: absolute;
}
.image-64 {
width: 100%;
}
.container-23 {
margin-top: 0;
padding-top: 40px;
}
.vh-p1 {
z-index: 1002;
color: #344854;
margin-top: 12px;
margin-bottom: 0;
font-family: Poppins, sans-serif;
font-size: 24px;
font-weight: 600;
position: relative;
}
.div-block-69 {
z-index: 200;
text-align: center;
background-color: #fff;
width: 100%;
height: 120px;
margin-left: -4px;
display: inline-block;
position: absolute;
}
.div-block-67 {
z-index: 300;
background-color: #fff;
width: 100%;
height: 120px;
margin-left: -4px;
display: inline-block;
position: absolute;
}
.vh-h4 {
z-index: 10000;
color: #344854;
margin-top: 0;
margin-bottom: 0;
font-family: Poppins, sans-serif;
font-size: 50px;
font-weight: 500;
line-height: 58px;
position: relative;
}
.grid-18 {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: 3.5fr auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.image-466 {
object-fit: cover;
}
.grid-19 {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: 220px auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.image-467 {
object-fit: cover;
}
.work-section {
display: block;
}
.post-gradient {
z-index: 1;
background-image: linear-gradient(#15151500 15%, #151515cc 85%);
position: absolute;
inset: 0;
}
.architectural__item {
color: #fff;
background-color: #0000;
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/620b34195e75b0eb1b4d4ef8_SHED%20-%20DESIGN%201-2_Photo%20-%208-min.jpg");
background-position: 0 0;
background-size: auto;
border-radius: 30px;
flex-direction: column;
flex: 1;
justify-content: flex-end;
min-height: 23vw;
text-decoration: none;
display: flex;
position: relative;
overflow: hidden;
}
.architectural__item.image_4 {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/61db725984b949275e7f6928_IMG_0291.jpg");
background-position: 50%;
background-size: cover;
}
.architectural__item.image_5 {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/61da16cdcfc38610502d7319_IMG_8402.jpg");
background-position: 50%;
background-size: cover;
}
.architectural__item.image_1 {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/61d7386e8ac6a4a4d8e7a304_Screen%20Shot%202022-01-06%20at%2012.43.42%20PM.png");
background-size: cover;
}
.architectural__item.image_3 {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/61da17a9a77bcc61d7022964__MG_1550.jpg");
background-position: 50%;
background-size: cover;
}
.architectural__item.image_2 {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/61d26be82d8295386d6c84d5_6168d8c2a7d7b85a7ee95458_IMG_8397-p-2600.jpeg");
background-position: 50%;
background-size: cover;
}
.row-2 {
flex: 1;
display: flex;
}
.divider-2 {
width: 2vw;
}
.p1 {
color: gray;
}
.p1.small {
font-size: .78em;
}
.p1.small.white {
color: #e5e6e6;
font-family: Poppins, sans-serif;
}
.p1.centered {
text-align: center;
font-size: 1em;
}
.p1.centered.white {
color: #e5e6e6;
}
.row-1 {
flex: 1;
margin-bottom: 2vw;
display: flex;
}
.line-2 {
background-color: #fecc2f;
width: 75px;
height: 2px;
margin-top: 10px;
margin-bottom: 20px;
overflow: hidden;
}
.post-card-v5-heading {
color: #fff;
text-transform: none;
margin-bottom: 0;
font-family: Poppins, sans-serif;
font-size: 1.5em;
}
.section-115 {
background-color: #0000;
}
.architectural__services {
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
align-items: stretch;
width: 100%;
display: flex;
}
.post-info-hover {
flex-direction: column;
align-items: center;
margin-top: 16px;
padding-left: 12px;
padding-right: 12px;
position: relative;
}
.post-v5-info {
z-index: 2;
text-align: center;
flex-direction: column;
align-items: center;
padding-bottom: 10%;
padding-left: 8%;
padding-right: 8%;
display: flex;
position: relative;
}
.content__wrapper {
flex-direction: column;
justify-content: center;
align-items: center;
padding: 60px 17%;
display: flex;
}
.hero__content {
background-image: linear-gradient(#00000080, #00000080);
flex-direction: column;
justify-content: center;
align-items: center;
padding-left: 140px;
padding-right: 140px;
display: flex;
position: absolute;
inset: 0%;
}
.clip-text-hero {
justify-content: center;
align-items: center;
width: 100%;
display: flex;
overflow: hidden;
}
.clip-text-hero.lottie {
padding-top: 40px;
position: absolute;
inset: auto 0% 15%;
}
.h1 {
color: #fff;
text-align: center;
font-family: Poppins, sans-serif;
font-size: 5em;
}
.background-video-19 {
height: 100vh;
}
.button-28 {
text-align: center;
background-color: #20dcc8;
border: 1px solid #20dcc8;
border-radius: 30px;
justify-content: center;
align-items: center;
width: 180px;
height: 40px;
padding: 8px 20px;
font-weight: 700;
line-height: 1;
text-decoration: none;
transition: transform .4s, border-color .4s, background-color .4s;
display: flex;
box-shadow: 0 8px 20px #3333331a;
}
.button-28:hover {
color: #fff;
background-color: #3a3b3c;
border-color: #0000;
transform: translate(0, -1.5px);
}
.button-28.gray-hover {
margin-top: 30px;
}
.button-28.gray-hover:hover {
background-color: gray;
}
.scroll-down-2 {
width: 50px;
}
.content__wrapper-2 {
flex-direction: column;
justify-content: center;
align-items: center;
padding: 60px 5%;
display: flex;
}
.gallery__wrapper {
grid-column-gap: 16px;
grid-row-gap: 16px;
column-count: 3;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
max-width: 1440px;
padding-left: 67px;
padding-right: 67px;
}
.collection-item-10 {
margin-bottom: 2.8vw;
position: relative;
}
.lightbox-link-10 {
cursor: pointer;
margin-bottom: 0;
}
.img {
object-fit: cover;
border-radius: 30px;
flex: 1;
}
.tabs-2 {
background-color: #fff0;
flex-direction: column;
justify-content: center;
align-items: center;
padding-left: 0;
padding-right: 0;
display: flex;
}
.header-block-2 {
z-index: 90;
padding: 38px 80px;
position: absolute;
inset: 0% 0% auto;
}
.header-block-2.mod--fixed {
background-color: #fff;
padding-top: 18px;
padding-bottom: 18px;
transition: all .5s;
position: fixed;
transform: translate(10px, -100px);
}
.btn-border {
text-align: center;
background-color: #97c680;
border-radius: 100px;
min-width: 160px;
padding: 10px 30px;
box-shadow: inset 0 45px #1e1e2f;
}
.btn-border:hover {
color: #1e1e2f;
box-shadow: inset 0 45px 0 -50px #1e1e2f;
}
.header__columns {
justify-content: space-between;
align-items: center;
display: flex;
}
.btn-2 {
text-align: center;
background-color: #97c680;
border-radius: 100px;
min-width: 160px;
padding: 10px 30px;
box-shadow: inset 0 45px #1e1e2f;
}
.btn-2:hover {
color: #1e1e2f;
box-shadow: inset 0 45px 0 -50px #1e1e2f;
}
.nav__link-2 {
color: #1e1e2f;
text-align: center;
margin-right: 40px;
text-decoration: none;
display: inline-block;
box-shadow: inset 0 0 #97c680;
}
.nav__link-2:hover, .nav__link-2.mod--fixed.w--current {
box-shadow: inset 0 -9px #97c680;
}
.menu {
display: none;
}
.header__col.col--1 {
min-width: 250px;
}
.header__col.col--3 {
flex: 1;
justify-content: flex-end;
align-items: center;
display: flex;
}
.header-5 {
z-index: 90;
padding-left: 20px;
padding-right: 20px;
position: absolute;
inset: 0% 0% auto;
}
.hero__person {
cursor: pointer;
border-radius: 20px;
width: 21%;
padding-left: 20px;
padding-right: 20px;
position: relative;
overflow: hidden;
}
.footer__bottom {
justify-content: space-between;
align-items: center;
display: flex;
}
.skills__video-wrap {
z-index: 0;
cursor: pointer;
background-color: #fff;
border-radius: 16px;
justify-content: center;
align-items: center;
width: 100%;
max-width: 950px;
min-height: 470px;
margin-left: auto;
display: flex;
position: relative;
overflow: hidden;
}
.hero__person-grad {
z-index: 1;
color: #fff;
background-image: linear-gradient(#0000 50%, #000c);
position: absolute;
inset: 0%;
}
.footer__nav-list {
flex-wrap: wrap;
justify-content: flex-start;
width: 100%;
max-width: 400px;
margin-bottom: -40px;
margin-right: -50px;
display: flex;
}
.category__card-img-2 {
border-radius: 20px;
margin-bottom: 24px;
display: block;
}
.category__card-img-2.mod--mob {
display: none;
}
.category__card-img-2.mod--desctop {
display: block;
}
.hero__persons {
z-index: 0;
justify-content: flex-end;
height: 590px;
margin-left: -85px;
margin-right: -20px;
display: flex;
position: relative;
}
.form-block {
z-index: 1;
margin-bottom: 0;
position: relative;
}
.skills__achieve-desc {
text-transform: uppercase;
font-size: 14px;
line-height: 1.4em;
}
.hero__columns {
justify-content: space-between;
align-items: stretch;
display: flex;
}
.footer__col.col--nav {
flex: 1;
justify-content: center;
align-items: flex-start;
display: flex;
}
.footer__soc-img {
object-fit: scale-down;
border: 1px solid #1e1e2f1a;
border-radius: 100px;
width: 100%;
height: 100%;
transition: all .3s;
display: block;
}
.footer__soc-img:hover {
filter: brightness(0%) invert();
}
.reviews__card-name {
margin-bottom: 12px;
}
.hero__person-title {
flex: none;
font-size: 34px;
line-height: 1.1em;
}
.hero__person-title.stroke--white-02 {
font-family: Poppins, sans-serif;
}
.skills__video-nav-ico {
z-index: 0;
opacity: 0;
cursor: pointer;
transition: all .3s;
position: absolute;
transform: scale(.7);
}
.skills__video-nav-ico.active {
z-index: 1;
opacity: 1;
display: block;
transform: translate(0);
}
.skills__video-nav-ico.active:hover {
opacity: .7;
}
.reviews__card-author {
flex-direction: row;
flex: none;
align-items: center;
margin-top: 48px;
display: flex;
}
.footer__nav-link-2 {
color: #1e1e2f;
text-align: center;
margin-right: 0;
text-decoration: none;
display: inline-block;
box-shadow: inset 0 0 #97c680;
}
.footer__nav-link-2:hover {
box-shadow: inset 0 -9px #97c680;
}
.skills__top {
z-index: 1;
justify-content: space-between;
align-items: flex-start;
display: flex;
position: relative;
}
.hero__person-count-title {
margin-bottom: -20px;
line-height: 1em;
display: inline-block;
}
.dot {
font-family: Varela, sans-serif;
}
.footer__nav-list-item {
width: 50%;
margin-bottom: 40px;
}
.skills__list {
max-width: 270px;
margin-right: 60px;
}
.skills__list-line {
border-left: 1px dashed #1e1e2f99;
width: 1px;
margin-top: 103px;
margin-bottom: -14px;
position: absolute;
inset: 0% auto 0% 28px;
}
.skills__video {
width: 100%;
height: 110%;
margin-bottom: -30px;
position: absolute;
inset: auto 0% 0%;
}
.hero__person-img {
z-index: 0;
object-fit: cover;
min-width: 100%;
height: 115%;
display: block;
position: relative;
}
.reviews__card {
background-color: #fff;
border-radius: 16px;
flex-direction: column;
justify-content: space-between;
width: 100%;
height: 100%;
padding: 24px;
transition: all .6s;
display: flex;
box-shadow: 0 64px 50px -32px #06072508;
}
.hero__person-square {
z-index: -1;
background-color: #1e1e2f;
width: 120px;
height: 100%;
margin-left: -24px;
display: block;
position: absolute;
}
.main {
background-image: linear-gradient(-5deg, #f8f4f1 60%, #fefeff 98%);
}
.reviews__card-p {
color: #1e1e2fcc;
margin-bottom: 0;
}
.skills__list-item {
padding-top: 30px;
padding-bottom: 30px;
display: flex;
position: relative;
}
.footer-2 {
padding-bottom: 24px;
padding-left: 80px;
padding-right: 80px;
}
.skills__video-nav {
z-index: 5;
justify-content: center;
align-items: center;
width: 24px;
height: 24px;
display: flex;
position: absolute;
inset: auto 32px 32px auto;
}
.swiper__nav {
justify-content: center;
align-items: center;
margin-top: 44px;
display: flex;
}
.hero__person-count {
text-align: center;
flex-direction: column;
flex: none;
justify-content: center;
align-items: center;
height: 0%;
font-size: 52px;
transition: all .6s;
display: flex;
overflow: hidden;
}
.skills__list-desc {
color: #1e1e2fcc;
}
.skills__columns {
justify-content: space-between;
align-items: center;
display: flex;
}
.btn-submit {
z-index: 1;
color: #1e1e2f;
background-color: #97c680;
justify-content: center;
align-items: center;
width: 64px;
height: 100%;
transition: all .3s;
display: flex;
position: absolute;
inset: 0% 0% 0% auto;
box-shadow: inset 0 0 #feba88;
}
.btn-submit:hover {
box-shadow: inset 0 -70px #feba88;
}
.btn-submit.mod--hero {
width: 120px;
font-size: 34px;
}
.btn-submit.mod--hero:hover {
box-shadow: inset 0 -120px #feba88;
}
.footer__social {
justify-content: flex-end;
align-items: center;
margin-left: -8px;
margin-right: -8px;
display: flex;
}
.skills__achieve-txt-wrap {
align-items: center;
margin-top: 36px;
margin-bottom: 36px;
display: flex;
}
.skills__achieve {
background-color: #97c680;
justify-content: center;
align-items: center;
margin-top: 48px;
margin-bottom: -185px;
display: flex;
overflow: hidden;
}
.skills__achieve.mob--mob {
display: none;
}
.footer__soc-link {
border-radius: 100px;
flex: none;
justify-content: center;
align-items: center;
width: 40px;
height: 40px;
margin-left: 8px;
margin-right: 8px;
display: flex;
}
.footer__soc-link:hover {
background-color: #1e1e2f;
}
.footer__copyright {
align-items: center;
display: flex;
}
.skills__head-desc {
z-index: 1;
width: 100%;
max-width: 544px;
margin-right: 80px;
position: relative;
}
.skills__list-title {
margin-bottom: 16px;
font-size: 20px;
}
.hero__person-count-span {
flex: none;
width: 100%;
font-size: 14px;
display: inline-block;
}
.hero__person-cont {
border-radius: 20px;
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
}
.footer__copyright-logo {
flex: none;
margin-right: 14px;
}
.swiper-wrapper {
flex-direction: row;
align-items: stretch;
width: 100%;
display: flex;
}
.skills__txt-desc {
margin-bottom: 0;
font-size: 20px;
}
.reviews__card-ava {
border-radius: 100px;
flex: none;
width: 56px;
height: 56px;
margin-right: 12px;
}
.footer__columns {
border-bottom: 1px solid #1e1e2f1a;
justify-content: space-between;
align-items: flex-start;
min-height: 120px;
margin-bottom: 24px;
padding-top: 56px;
padding-bottom: 56px;
display: flex;
}
.hero__person-txt-more {
opacity: 0;
justify-content: space-between;
align-items: center;
width: 100%;
padding-left: 40px;
padding-right: 40px;
display: flex;
position: absolute;
bottom: 78px;
}
.hero__person-txt-more.mod--1 {
padding-left: 100px;
}
.skills__achieve-title {
margin-right: 16px;
font-size: 52px;
line-height: 1em;
}
.reviews__card-spec {
color: #97c680;
font-size: 14px;
line-height: 1em;
}
.skills__list-ico {
background-color: #fff;
border-radius: 100px;
flex: none;
justify-content: center;
align-items: center;
width: 56px;
height: 56px;
margin-right: 24px;
display: flex;
box-shadow: 0 4px 40px #0000000d;
}
.swiper__nav-arrow {
opacity: .8;
cursor: pointer;
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/620b4027c292cf639d9e4e1c_ico_arrow.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: auto;
border: 1px solid #1e1e2f00;
border-radius: 100px;
width: 48px;
height: 48px;
margin-left: 12px;
margin-right: 12px;
transition: all .3s;
}
.swiper__nav-arrow:hover {
opacity: 1;
border-color: #1e1e2f26;
}
.swiper__nav-arrow.mod--right {
transform: rotate(180deg);
}
.swiper-slide {
justify-content: center;
align-items: stretch;
height: auto;
display: block;
position: relative;
}
.swiper-slide.slide--reviews {
width: 25%;
height: auto;
}
.footer__subs-title {
margin-bottom: 20px;
font-size: 20px;
}
.input-2 {
z-index: 0;
border: 1px solid #1e1e2f33;
border-radius: 0;
width: 300px;
height: 64px;
padding-left: 25px;
font-size: 16px;
transition: all .3s;
position: relative;
}
.input-2:hover {
border-color: #1e1e2f66;
}
.input-2:focus {
border-color: #97c680;
}
.input-2::placeholder {
color: #1e1e2f;
}
.input-2.mod--hero {
border-width: 1px;
border-color: #fff;
width: 450px;
height: 120px;
margin-bottom: 0;
padding-left: 50px;
font-size: 20px;
box-shadow: 0 46px 50px #00000008;
}
.input-2.mod--hero:hover {
box-shadow: 0 46px 50px #0000001a;
}
.input-2.mod--hero:focus {
border-color: #97c680;
box-shadow: 0 46px 50px #0000001a;
}
.input-2.mod--margin-0 {
margin-bottom: 0;
}
.skills__achieve-line {
background-color: #1e1e2f;
flex: none;
width: 1px;
height: 40px;
margin-left: 52px;
margin-right: 52px;
}
.swiper {
border-radius: 16px;
width: 100%;
overflow: hidden;
}
.swiper.swiper--persons {
display: none;
}
.swiper.swiper--reviews {
overflow: visible;
}
.hero__person-txt-less {
opacity: 1;
justify-content: flex-start;
align-items: center;
width: 120px;
height: 120px;
display: flex;
position: absolute;
bottom: 80px;
transform: rotate(-90deg);
}
.hero__person-txt-less.mod--1 {
padding-top: 20px;
right: 0;
}
.hero__person-txt-less.mod--1.hide {
display: none;
}
.header__btn-menu {
cursor: pointer;
background-color: #1e1e2f;
flex-direction: column;
flex: none;
justify-content: center;
align-items: center;
width: 32px;
height: 32px;
margin-left: 24px;
display: none;
position: relative;
}
.form-4 {
position: relative;
}
.skills__col.mod--video {
flex: 1;
}
.hero__col.col--1 {
flex-direction: column;
justify-content: flex-end;
padding-bottom: 56px;
display: flex;
}
.hero__col.col--2 {
z-index: 0;
flex: 1;
}
.header__btn-menu-line {
background-color: #fff;
width: 16px;
height: 2px;
position: absolute;
transform: none;
}
.header__btn-menu-line.mod--1 {
transform: translate(0, -3px);
}
.header__btn-menu-line.mod--2 {
transform: translate(0, 3px);
}
.u-z-index-1 {
z-index: 1;
position: relative;
}
.inspo-flex__desktop {
width: 40vw;
}
.section-116 {
padding-top: 8%;
padding-bottom: 8%;
}
.section-116.cc-inspo {
padding: 0;
position: relative;
overflow: hidden;
}
.section-116.section--hero {
color: #fff;
background-color: #1b1b1b;
background-image: radial-gradient(circle at 10% 0, #222222fa, #0e0e0e33 14%, #0e0e0e00 48%), linear-gradient(170deg, #0e0e0e00 85%, #0e0e0efa);
flex-direction: column;
min-height: 250vh;
padding-top: 48px;
padding-bottom: 0;
display: flex;
}
.section-116.section--purple {
background-color: #fff;
position: relative;
}
.inspo-flex__button {
z-index: 2;
opacity: 0;
color: #000;
letter-spacing: -.02em;
white-space: nowrap;
background-color: #fff;
border-radius: .3em;
justify-content: center;
align-items: center;
padding: .5em .8em .5em .6em;
font-size: 1vw;
font-weight: 500;
transition: opacity .3s cubic-bezier(.165, .84, .44, 1);
display: flex;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
box-shadow: 0 20px 40px #0003;
}
.inspo-made-button {
z-index: 2;
letter-spacing: -.03em;
white-space: nowrap;
background-color: #fff;
border-radius: .4em;
justify-content: center;
align-items: center;
margin-left: auto;
margin-right: auto;
padding: .6em .8em .6em .6em;
font-size: 4vw;
font-weight: 500;
text-decoration: none;
transition: color .3s cubic-bezier(.165, .84, .44, 1);
display: flex;
position: absolute;
top: 6%;
left: 50%;
overflow: hidden;
transform: translate(-50%);
}
.inspo-made-button:hover {
color: #fff;
background-color: #6471ff;
}
.inspo-made-button__bg-aspect {
width: 100%;
padding-top: 100%;
transition: opacity .3s cubic-bezier(.165, .84, .44, 1);
}
.inspo-flex__card {
border-radius: 3px;
transition: box-shadow .3s cubic-bezier(.165, .84, .44, 1), transform .3s cubic-bezier(.165, .84, .44, 1);
position: relative;
overflow: hidden;
transform: translate(0);
box-shadow: 0 2px 4px #00000005, 0 10px 8px #00000008, 0 10px 16px #0000000d, 0 40px 32px #0000000d, 0 80px 60px #00000008, 0 120px 100px #0000;
}
.inspo-flex__card:hover {
transform: translate(0, -2%);
box-shadow: 0 2px 4px #00000005, 0 10px 8px #00000008, 0 10px 16px #00000014, 0 40px 32px #0000000d, 0 80px 60px #0000000f, 0 120px 100px #00000012;
}
.inspo-list {
flex-wrap: wrap;
justify-content: center;
width: 140%;
padding-top: 12%;
padding-bottom: 12%;
display: flex;
position: relative;
left: -20%;
}
.inspo-flex__img {
width: 100%;
height: auto;
position: absolute;
inset: 0% 0% auto;
}
.inspo-made-button__arrow {
opacity: 0;
width: .85em;
height: 1.2em;
margin-right: -.05em;
position: absolute;
}
.inspo-flex__mobile {
width: 13.2vw;
}
.inspo-made-button__icon {
width: 1.25em;
height: 1.2em;
margin-right: -.05em;
}
.inspo-made-button__icon-wrapper {
z-index: 1;
color: #fff;
background-color: #4353ff;
border-radius: .2em;
justify-content: center;
align-items: center;
width: 2.1em;
max-width: none;
height: 2em;
margin-right: .6em;
padding: .45em;
display: flex;
position: relative;
}
.inspo-made-button__bg {
opacity: 0;
background-image: radial-gradient(circle, #1d2899, #2531af 18%, #4353ff 65%, #6471ff);
width: 140%;
position: absolute;
top: -180%;
left: -20%;
}
.inspo-flex__wrapper {
background-image: linear-gradient(#d1d1d1, #fff 75%);
position: relative;
}
.inspo-flex-item {
flex: none;
padding: 1%;
}
.inspo-flex__button-arrow {
width: .7em;
margin-left: .6em;
}
.inspo-flex__card-overlay {
background-image: linear-gradient(#1b1b1b14, #1b1b1b3d);
transition: opacity .3s cubic-bezier(.165, .84, .44, 1);
position: absolute;
inset: 0%;
}
.inspo-flex__aspect-mobile {
padding-top: 190%;
position: relative;
overflow: hidden;
}
.inspo-flex__aspect-desktop {
padding-top: 62.5%;
position: relative;
overflow: hidden;
}
.main-container-2 {
width: 90%;
max-width: 1280px;
margin-left: auto;
margin-right: auto;
}
.main-container-2.main-container__relative-position {
z-index: 1;
position: relative;
}
.header-scroll__designer-wrapper {
flex-direction: column;
justify-content: flex-start;
align-items: center;
height: 100vh;
margin-top: -8vh;
padding-top: 8vh;
padding-bottom: 8vh;
display: flex;
position: sticky;
top: 0;
overflow: hidden;
}
.header-scroll__ui-aspect-color {
width: 100%;
padding-top: 145.63%;
position: relative;
}
.header-scroll__designer-preview-bar {
flex: none;
width: 100%;
padding-top: 2.55%;
display: flex;
overflow: hidden;
}
.nav-2 {
z-index: 10;
background-color: #0000;
justify-content: center;
width: 100%;
padding-bottom: 32px;
display: flex;
}
.header-scroll__designer-top {
width: 100%;
max-width: none;
display: block;
position: absolute;
inset: 0% 0% auto;
}
.subheading-wrapper {
z-index: 1;
flex-direction: column;
flex: none;
align-items: flex-start;
width: 90%;
max-width: 310px;
margin-bottom: 2vw;
margin-left: 5vw;
display: flex;
position: relative;
}
.subheading {
color: #fff;
}
.webflow-logo {
width: 90px;
}
.header-scroll__designer-site-wrapper {
z-index: 1;
background-color: #fff;
flex: 1;
width: 100%;
position: relative;
overflow: hidden;
}
.nav__wrap {
flex: none;
justify-content: space-between;
align-items: center;
width: 100%;
max-width: 1280px;
display: flex;
}
.header-scroll__designer-overlay {
z-index: 1;
background-image: linear-gradient(#0000 20%, #1b1b1b99);
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.header-scroll__ui-image {
width: 100%;
display: block;
position: absolute;
inset: 0% 0% auto;
}
.header-scroll {
flex: 1;
margin-top: -55px;
}
.header-flex {
justify-content: space-between;
align-items: center;
margin-top: auto;
display: flex;
}
.header-scroll__ui {
opacity: 0;
border-radius: 2px;
position: absolute;
overflow: hidden;
box-shadow: 20px 0 50px #0003, 4px 0 8px #0000001f;
}
.header-scroll__ui.ui--cc-cms {
z-index: 1;
box-shadow: none;
width: 14%;
bottom: 3%;
left: -5%;
}
.header-scroll__ui.ui--cc-color {
z-index: 3;
width: 16%;
bottom: 17%;
right: -4%;
}
.header-scroll__ui.ui--cc-ix-2 {
z-index: 1;
width: 14%;
top: -2%;
left: 24%;
}
.header-scroll__ui.ui--cc-publish {
z-index: 3;
width: 18%;
top: 12%;
left: -4%;
}
.header-scroll__ui.ui--cc-type {
z-index: 1;
box-shadow: none;
width: 13%;
top: 0%;
right: -6%;
}
.header-scroll__ui.ui--cc-logic {
z-index: 1;
width: 20%;
bottom: -2%;
right: 20%;
}
.nav-button {
color: #fff;
background-color: #ffffff14;
height: 50px;
margin-right: 16px;
padding: 1px 24px 0;
font-size: 15px;
font-weight: 500;
line-height: 49px;
text-decoration: none;
}
.nav-button.cc-secondary {
color: #4353ff;
background-color: #0000;
position: relative;
}
.nav-button.cc-secondary.cc-white {
color: #fff;
background-color: #ffffff14;
}
.nav-button.cc-secondary.cc-white:hover {
background-color: #ffffff1f;
}
.nav-button.cc-main {
z-index: 1;
color: #4353ff;
background-color: #4353ff1a;
margin-right: 0;
position: relative;
}
.nav-button.cc-main.cc-white {
color: #000;
background-color: #fff;
}
.nav-button.cc-main.cc-white:hover {
background-color: #f1f1f1;
}
.header-scroll__ui-aspect-type {
width: 100%;
padding-top: 137.614%;
position: relative;
}
.header-scroll__designer-ui {
width: 80%;
margin-left: auto;
margin-right: auto;
position: absolute;
inset: 0%;
}
.header-scroll__ui-aspect-logic {
width: 100%;
padding-top: 19%;
position: relative;
}
.header-scroll__ui-overlay {
background-image: linear-gradient(162deg, #0e0e0e00, #0e0e0ee6);
position: absolute;
inset: 0%;
}
.header-scroll__ui-overlay.cc-flip {
background-image: linear-gradient(#1b1b1b00, #1b1b1bfa);
}
.background-video-20 {
height: 100%;
}
.cta-button__sub-text {
opacity: .8;
font-weight: 400;
}
.header-scroll__ui-aspect-publish {
width: 100%;
padding-top: 85%;
position: relative;
}
.header-scroll__ui-aspect-ix-2 {
width: 100%;
padding-top: 102.04%;
position: relative;
}
.header-scroll__designer {
z-index: 2;
border-radius: 4px;
flex-direction: column;
width: 95%;
max-width: 1400px;
height: 100%;
max-height: 100%;
margin-left: auto;
margin-right: auto;
display: flex;
position: relative;
overflow: hidden;
box-shadow: 0 50px 300px #00000080, 0 10px 30px #0000004d;
}
.button-29 {
color: #fff;
background-color: #4353ff;
justify-content: flex-start;
align-items: center;
height: 50px;
padding: 0 24px;
font-size: 1rem;
font-weight: 500;
text-decoration: none;
display: flex;
}
.button-29:hover {
background-color: #3545ee;
}
.button-29.cc-large {
height: 60px;
}
.button-29.cc-large.cc-block {
margin-top: 16px;
}
.button-29.cc-text-only {
color: #000;
background-color: #0000;
flex: none;
height: auto;
padding: 0;
text-decoration: none;
}
.button-29.button-view-dashboard {
color: #000;
background-color: #0000;
height: auto;
padding: 0;
font-size: 1.1rem;
text-decoration: underline;
display: inline-block;
}
.header-scroll__designer-container {
width: 97%;
max-width: 1600px;
height: 100%;
max-height: 900px;
margin-top: 30px;
margin-left: auto;
margin-right: auto;
position: relative;
}
.logo-link-block {
padding-top: 12px;
padding-bottom: 12px;
padding-right: 12px;
}
.header-scroll__ui-aspect-cms {
width: 100%;
padding-top: 47.66%;
position: relative;
}
.white {
color: #fff;
font-family: Poppins, sans-serif;
}
.thumb-overlay {
z-index: 5;
color: #fff;
text-align: center;
background-color: #090909;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
position: absolute;
inset: 0%;
overflow: hidden;
}
.scale-thumb-grid {
grid-column-gap: 0px;
grid-row-gap: 0px;
background-color: #090909;
grid-template-rows: auto;
margin-bottom: -12vw;
padding-bottom: 12vw;
overflow: hidden;
}
.bg-video-overlay {
z-index: 0;
opacity: .64;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.card-headline {
font-size: 36px;
font-weight: 700;
line-height: 1.25;
}
.scale-thumb {
z-index: 0;
color: #fff;
background-color: #090909;
flex-direction: column;
justify-content: flex-start;
align-items: stretch;
width: auto;
height: 28.125vw;
margin-bottom: -5px;
transition: padding-top .4s, padding-bottom .4s, box-shadow .4s;
display: none;
position: relative;
overflow: hidden;
box-shadow: 0 0 #0000;
}
.scale-thumb:hover {
z-index: 5;
box-shadow: 0 10px 40px 3px #1b1b1b80;
}
.post-description {
z-index: 15;
flex-wrap: wrap;
justify-content: center;
align-items: center;
font-size: 80%;
display: flex;
position: absolute;
inset: auto 0% 24px;
}
.image-background {
z-index: 0;
opacity: .5;
object-fit: cover;
border-radius: 0;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.tag-small {
color: #fff;
text-transform: uppercase;
border-radius: 4px;
margin: 4px;
padding: 12px 16px;
box-shadow: inset 0 0 0 1px #ffffff26;
}
.scale-thumb-content {
z-index: 10;
color: #fff;
text-align: center;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
margin-bottom: 0;
padding: 24px;
display: flex;
position: relative;
}
.caption-2 {
opacity: .5;
letter-spacing: .1em;
text-transform: uppercase;
font-size: 70%;
font-weight: 500;
}
.collection-work-item {
grid-column-gap: 16px;
grid-row-gap: 16px;
cursor: pointer;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
padding-left: 0;
padding-right: 0;
display: block;
}
.image-468 {
object-fit: cover;
overflow: visible;
}
._1st-section {
flex-direction: column;
justify-content: center;
padding-top: 24vw;
padding-left: 8vw;
padding-right: 8vw;
display: flex;
}
.display-1 {
text-align: center;
letter-spacing: -.03em;
font-size: 144px;
font-weight: 700;
line-height: 1;
}
.section-homme-full-image_inner {
height: 50rem;
position: relative;
overflow: hidden;
}
.image-cover {
z-index: 1;
background-color: #f4f4ef;
width: 100%;
height: 100%;
position: absolute;
inset: 0% 0% 0% auto;
}
.page-padding-custom-2 {
background-color: #b24040;
padding-left: 7.5rem;
}
.button-arrow {
width: 2.2rem;
height: 2.2rem;
}
.text-size-small {
letter-spacing: .063rem;
text-transform: uppercase;
font-size: 1.1rem;
font-weight: 600;
line-height: 1.3;
}
.line-bottom {
background-color: #242424;
height: 1px;
}
.section-home-cta_right {
width: 50%;
overflow: hidden;
}
.button-30 {
text-align: center;
border: 1px #000;
border-bottom-width: 2px;
justify-content: flex-start;
align-items: flex-end;
width: auto;
padding: 0;
font-weight: 600;
display: flex;
}
.button-30.button-white {
color: #fff;
}
.text-weight-bold {
font-weight: 700;
}
.image-200 {
object-position: 50% 0%;
width: 100%;
height: 100%;
}
.section-home-cta_left {
flex-direction: column;
justify-content: space-between;
width: 50%;
display: flex;
}
.text-link-wrapper {
margin-right: 1rem;
}
.section-home-cta_inner {
justify-content: space-between;
min-height: 50rem;
display: flex;
}
.section-home-cta_image {
max-width: 80%;
position: relative;
overflow: hidden;
}
.text-style-link {
border-color: #000;
border-bottom-style: none;
border-bottom-width: 2px;
margin-bottom: .4rem;
font-size: 1.1rem;
line-height: 1.3;
}
.image-100-2 {
object-position: 50% 0%;
width: 100%;
height: 100%;
}
.section-home-cta_content {
flex-direction: column;
align-items: flex-start;
display: flex;
}
.section-home-cta_content.margin-top.margin-xhuge.max-width-80 {
color: #fff;
}
.blurb {
font-family: Poppins, sans-serif;
line-height: .8;
}
.section-title-8 {
text-align: center;
letter-spacing: 2px;
text-transform: uppercase;
justify-content: center;
align-items: center;
padding-bottom: 2.75rem;
font-family: Poppins, sans-serif;
font-size: 75px;
font-style: normal;
font-weight: 500;
line-height: 75px;
display: block;
}
.bold-text-42 {
letter-spacing: 3px;
font-weight: 900;
}
.cta-p {
max-width: 650px;
margin-bottom: 0;
padding-bottom: 2.75rem;
}
.cta-button {
background-color: #000;
border: 1px solid #fff;
padding: 15px 40px;
transition: all .2s;
}
.cta-button:hover {
color: #000;
background-color: #fff;
}
.section-117 {
margin-top: auto;
margin-bottom: auto;
}
.section-118 {
z-index: 1;
background-color: #fff;
padding-top: 100px;
padding-bottom: 100px;
position: relative;
}
.section-118.no-padding-top {
padding-top: 0;
}
.container-1081 {
max-width: 1280px;
margin-left: auto;
margin-right: auto;
padding-left: 40px;
padding-right: 40px;
}
.container-1081.hero {
z-index: 5;
padding-left: 40px;
padding-right: 40px;
position: relative;
}
._2-col-grid-2 {
grid-column-gap: 60px;
grid-row-gap: 60px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.section-title-9 {
letter-spacing: 2px;
text-transform: uppercase;
padding-bottom: 2.75rem;
font-size: 72px;
line-height: 84px;
}
.content-block.padding-top {
padding-top: 140px;
}
.hero-bg-img {
object-fit: cover;
width: 360px;
height: 420px;
position: absolute;
inset: auto 32% -140px auto;
box-shadow: 0 0 20px #00000080;
}
.hero-bg-img._2 {
width: 300px;
height: 350px;
top: -50px;
left: auto;
right: 25%;
}
.hero-bg-img._3 {
z-index: 3;
width: 380px;
height: 500px;
bottom: 10%;
left: auto;
right: 10%;
}
.section-mini-subtitle {
letter-spacing: 2px;
text-transform: uppercase;
padding-bottom: 1.75rem;
font-size: 18px;
font-weight: 500;
line-height: 24px;
}
.scroll-arrow-link {
transition: all .5s;
}
.scroll-arrow-link:hover {
transform: translate(0, -10px);
}
.hero-section {
color: #fff;
background-color: #000;
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/620b5e20e6bf0857fa913121_design-tools-for-computer%20(1)%20(1).jpg");
background-position: 0 0;
background-size: cover;
padding-top: 220px;
padding-bottom: 220px;
position: relative;
overflow: hidden;
}
.hero-section.branding {
background-image: none;
}
.hero-banner {
text-align: center;
flex-direction: column;
justify-content: center;
align-items: center;
height: 50vh;
padding-top: 0;
display: flex;
}
.grid-banner {
grid-column-gap: 20px;
grid-row-gap: 20px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
place-items: center;
width: 95%;
max-width: 1440px;
height: 60vh;
margin-top: 100px;
margin-left: auto;
margin-right: auto;
}
.slogan-wrapper {
padding-left: 0;
}
.home-heading {
color: #fff;
font-family: Poppins, sans-serif;
font-size: 5em;
line-height: 1.1;
}
.hero-case-overview-2 {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/61ec99147982b1189cd11714_Work%20Page%20_Reverse.jpeg");
background-position: 50%;
background-size: cover;
padding-top: 80px;
padding-bottom: 80px;
overflow: hidden;
}
.background-video-21 {
flex: none;
width: 100%;
height: auto;
}
.grezer-3 {
z-index: 2;
background-image: linear-gradient(to top, #000, #0000);
height: 50%;
position: absolute;
inset: auto 0% 0%;
}
.hero-banner-2 {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/620ffc337d3fb8c6bec7e902_AdobeStock_193888616.jpeg");
background-position: 100%;
background-size: cover;
height: 90vh;
padding-top: 40px;
}
.grid-banner-2 {
grid-column-gap: 20px;
grid-row-gap: 20px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
width: 95%;
max-width: 1440px;
height: 60vh;
margin-left: auto;
margin-right: auto;
}
.hover-line {
background-color: #fff;
width: 100%;
height: 1px;
position: absolute;
inset: auto 0% 0%;
}
.link-block-15 {
z-index: 1;
display: block;
position: relative;
overflow: hidden;
}
.grid-6 {
z-index: 1;
grid-column-gap: 3rem;
grid-row-gap: 3rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-flow: row;
justify-items: start;
width: 100%;
margin-top: 0;
position: relative;
}
.display-0 {
z-index: 1;
color: #000;
text-align: center;
letter-spacing: -.05em;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 0;
padding-right: .5vw;
font-family: Poppins, sans-serif;
font-size: 5vw;
font-weight: 500;
line-height: .9;
position: relative;
}
.black-block {
z-index: 3;
background-color: #fff;
padding-top: 35px;
position: relative;
}
.margin-bottom-2 {
margin-bottom: 6rem;
}
.uppercase {
letter-spacing: 0;
text-transform: uppercase;
}
.line-bottom-mobile {
width: 0;
height: 0;
}
.grid-gap-columns {
grid-column-gap: 3rem;
grid-row-gap: 7rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: row dense;
width: 100%;
display: grid;
}
.grid-gap-columns._1x {
grid-template-columns: 1fr;
}
.link-block-invert {
z-index: 1;
display: block;
position: relative;
overflow: hidden;
}
.link-40, .link-41 {
color: #fecc2f;
}
.testimonial-container {
width: 80vw;
}
.testimonial-heading {
align-items: center;
display: flex;
}
.underline {
background-color: #000;
width: 15%;
height: 2px;
}
.work-heading-text {
color: #000;
margin-top: 0;
margin-bottom: 0;
margin-left: 10px;
font-family: Poppins, sans-serif;
font-size: 25px;
font-weight: 600;
display: block;
overflow: hidden;
}
.paragraph-104 {
color: #000;
margin-left: 15%;
font-family: Poppins, sans-serif;
font-size: 40px;
font-weight: 400;
line-height: 70px;
}
.section-home-body {
background-color: #000;
flex-direction: column;
align-items: center;
margin-top: 0;
padding-top: 60px;
display: flex;
}
.cta-container {
flex-direction: column;
justify-content: center;
align-items: center;
width: 80vw;
display: flex;
}
.heading-442 {
color: #fff;
text-align: center;
font-family: Poppins, sans-serif;
font-size: 70px;
line-height: 70px;
}
.paragraph-105 {
color: #fff;
text-align: center;
padding-top: 39px;
font-family: Poppins, sans-serif;
font-weight: 400;
}
.button-31 {
opacity: 1;
color: #000;
background-color: #fff;
padding: 20px 40px;
font-family: Poppins, sans-serif;
}
.circle-blur {
z-index: -1;
opacity: 1;
filter: blur(15px);
-webkit-text-fill-color: inherit;
object-fit: fill;
background-color: #fff0;
background-image: radial-gradient(circle farthest-side, #366bfb, #f3f3f3);
background-clip: border-box;
border: 0 #000;
border-radius: 100%;
width: 1000px;
height: 1000px;
display: block;
position: absolute;
overflow: visible;
transform: translate(450px, -300px);
}
.circle-blur.five {
opacity: .35;
background-image: repeating-linear-gradient(to top, #a7623b, #f2ff36);
width: 500px;
height: 500px;
transform: translate(0, -100px);
}
.service-title-2 {
font-size: 22px;
}
.container-1082 {
flex: 1;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
}
.margin-100px {
margin-top: 100px;
}
.section-119 {
background-color: #0000;
padding: 100px 5%;
position: relative;
}
.section-119._50px {
padding-top: 50px;
padding-bottom: 120px;
}
.section-119._50px.overflow {
display: block;
overflow: hidden;
}
.margin-15px {
margin-top: 15px;
}
.green-icon {
background-color: #12141d;
border-radius: 100%;
flex: none;
justify-content: center;
align-items: center;
width: 45px;
height: 45px;
margin-right: 12px;
display: flex;
}
.align-center-3 {
text-align: center;
}
.grid-2-columns {
grid-column-gap: 100px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
display: grid;
}
.services-grid {
grid-column-gap: 20px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
max-width: 80%;
margin-top: 30px;
margin-left: auto;
margin-right: auto;
display: grid;
}
.project-wrapper {
max-width: 80%;
margin-left: auto;
margin-right: auto;
}
.featrues-flex {
flex-flow: wrap;
justify-content: flex-start;
align-items: center;
width: 100%;
margin-left: auto;
margin-right: auto;
display: flex;
}
.display-3 {
font-size: 50px;
font-weight: 700;
line-height: 50px;
}
.subhead {
font-size: 26px;
font-weight: 400;
line-height: 32px;
}
.ipad {
margin-left: -50px;
}
.rounded-block {
background-color: #20222e;
border-top-left-radius: 25vw;
border-bottom-left-radius: 25vw;
align-items: center;
width: 200%;
height: 600px;
display: flex;
}
.features-wrapper {
background-color: #fecc2f;
border-radius: 30px;
flex: none;
justify-content: center;
align-items: center;
margin-bottom: 15px;
margin-right: 15px;
padding: 9px 24px 9px 12px;
transition: all .3s;
display: flex;
}
.box-padding {
padding-left: 25px;
padding-right: 25px;
}
.sub-small-title {
color: #3ccf91;
}
.social-link-2 {
color: #fff;
text-decoration: none;
transition: all .3s;
display: inline-block;
}
.social-link-2:hover {
color: #fff9;
}
.shape-image {
width: 100%;
height: 150px;
}
.margin-60px {
margin-top: 60px;
font-family: Poppins, sans-serif;
}
.button-32 {
color: #fff;
letter-spacing: 1px;
text-transform: uppercase;
background-color: #3ccf91;
border-radius: 4px;
padding: 20px 30px;
font-size: 13px;
font-weight: 700;
transition: all .2s;
display: inline-block;
}
.button-32:hover {
color: #fff;
background-color: #ff715b;
}
.button-32.black {
background-color: #20222e;
}
.button-32.black:hover {
background-color: #454753;
}
.logo-client {
opacity: .7;
flex: 0 30%;
justify-content: center;
align-items: center;
padding: 5px;
display: flex;
}
.logo-client:hover {
opacity: 1;
}
.icon-box {
text-align: center;
background-color: #20222e;
padding: 15px 15px 25px;
}
.max-w-width {
text-align: center;
max-width: 640px;
margin-left: auto;
margin-right: auto;
}
.max-w-width.left {
text-align: left;
max-width: 500px;
}
.project-grid {
grid-column-gap: 50px;
grid-row-gap: 50px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.paragraph-no-margin {
color: #000;
margin-bottom: 0;
font-family: Poppins, sans-serif;
font-weight: 600;
}
.base-image {
justify-content: center;
align-items: center;
margin-bottom: 25px;
display: flex;
position: relative;
}
.margin-50px {
margin-top: 50px;
}
.margin-30px {
margin-top: 30px;
}
.logo-client-wrapper {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: wrap;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: center;
max-width: 44%;
margin-left: auto;
margin-right: auto;
display: flex;
}
.logo-client-wrapper._100 {
justify-content: center;
max-width: 502px;
margin-left: auto;
margin-right: auto;
}
.services-circle {
background-color: #3ccf91;
border-radius: 100%;
justify-content: center;
align-items: center;
width: 80px;
height: 80px;
margin-bottom: 10px;
display: flex;
position: absolute;
}
.services-circle._2 {
background-color: #ff715b;
}
.services-circle._3 {
background-color: #68d4ff;
}
.link-42 {
color: #000;
padding-left: 8px;
}
.link-42:hover {
color: #fff;
}
.link-43 {
color: #000;
padding-left: 8px;
}
.link-43:hover {
color: #fff;
}
.link-44 {
color: #000;
padding-left: 7px;
}
.link-44:hover {
color: #fff;
}
.link-45 {
color: #000;
padding-left: 7px;
}
.link-45:hover {
color: #fff;
}
.link-46 {
color: #000;
padding-left: 7px;
}
.link-46:hover {
color: #fff;
}
.btn-arrow {
align-items: center;
padding-top: 5px;
padding-left: 10px;
font-size: 14px;
font-style: normal;
line-height: 1em;
display: flex;
}
.heading-text-content.content-center {
text-align: center;
}
.section-subtitle {
color: #c75c6f;
margin-bottom: 15px;
font-size: 20px;
font-weight: 500;
}
.section-heading-area {
display: flex;
position: relative;
}
.section-heading-area.mb-60 {
margin-bottom: 60px;
display: block;
position: static;
}
.scard-text {
margin-bottom: 40px;
}
.scard-text.paragraph-sm {
font-size: 16px;
}
.section-heading-para.width-516 {
max-width: 516px;
}
.service-card-area {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.sevice-card-content {
max-width: none;
}
.wrapper-5 {
flex: 1;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
max-width: 1250px;
margin-left: auto;
margin-right: auto;
display: block;
}
.service-card {
border-bottom-right-radius: 30px;
border-bottom-left-radius: 30px;
align-items: stretch;
margin-bottom: 10px;
padding: 50px 37px;
transition: all .575s;
display: flex;
}
.service-card:hover {
background-image: linear-gradient(#292930, #d3d3d414);
}
.service-card.slide-up-400ms, .service-card.slide-up, .service-card.slide-up-200ms {
transition-property: none;
}
.service-card.slide-up-200ms.service-flex {
padding-left: 33px;
}
.service-icon {
padding-top: 9px;
font-size: 65px;
font-weight: 400;
}
.service-icon.color-orange {
color: #fa3;
}
.service-icon.color-pink {
color: #c7a7b6;
}
.service-icon.color-yellow {
color: #f4e581;
}
.service-icon.color-vioilate {
color: #6967ca;
}
.service-icon.color-light-blue {
color: #a0d8f7;
}
.find-more {
color: #d3d3d4;
padding-right: 14px;
font-size: 15px;
text-decoration: none;
}
.section-heading {
margin-bottom: 35px;
}
.service-card-icon {
color: #fff;
min-width: 85px;
margin-top: 20px;
margin-right: 25px;
padding-top: 0;
}
.find-more-btn {
color: #d3d3d4;
align-items: stretch;
width: 135px;
display: flex;
}
.scard-head {
margin-bottom: 30px;
}
.button-33 {
color: #000;
text-transform: uppercase;
background-color: #fecc2f;
border-radius: 99999px;
padding: .75rem 1.75rem;
font-family: Poppins, sans-serif;
font-size: 1.25rem;
font-weight: 500;
text-decoration: none;
display: flex;
}
.subtitle-3 {
text-align: center;
max-width: 36rem;
padding-top: 1.875rem;
padding-bottom: 2.5rem;
font-family: Poppins, sans-serif;
font-size: 20px;
}
.label-2 {
text-transform: uppercase;
margin-bottom: 1.25rem;
font-size: 1.125rem;
font-weight: 400;
line-height: 1.625rem;
}
.main-wrapper-2 {
background-color: #fff;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100vw;
padding-top: 0%;
padding-bottom: 0%;
display: flex;
}
.horizontal-section {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 65vh;
padding-top: 10px;
padding-bottom: 10px;
display: flex;
position: relative;
overflow: hidden;
}
.icon-5 {
flex-direction: column;
align-items: center;
width: 24px;
height: 24px;
font-size: 1.5rem;
display: flex;
}
.background {
position: absolute;
inset: 0%;
}
.button-text-2 {
padding-right: 1.25rem;
}
.content-569 {
z-index: 2;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
max-width: 73.75rem;
margin-left: auto;
margin-right: auto;
padding: 10px;
display: flex;
position: relative;
}
.title-3 {
text-align: center;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 0;
font-family: Poppins, sans-serif;
font-size: 6.875rem;
line-height: 1;
}
.highlight-background {
z-index: -1;
background-color: #fecc2f;
width: 100%;
height: 50%;
position: absolute;
inset: auto auto 0% 0%;
}
.title-wrapper {
position: relative;
overflow: hidden;
}
.background-image {
object-fit: cover;
width: 100%;
height: 100%;
}
.overlay {
z-index: 1;
background-color: #0000;
position: absolute;
inset: 0%;
}
.h1-2 {
color: #000;
font-size: 3.2em;
line-height: 1.2em;
}
.h1-2.center {
text-align: center;
text-align: center;
width: 500px;
margin-top: 0;
margin-bottom: 0;
font-family: Poppins, sans-serif;
font-size: 2.8em;
font-weight: 600;
}
.spacer-2 {
width: 100%;
height: 90px;
}
.spacer-2._3vh {
height: 3vh;
}
._4-col-grid {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.container-1083 {
flex-direction: column;
justify-content: center;
align-items: center;
max-width: 1200px;
display: flex;
}
.section-120 {
padding: 100px;
}
.vector-block {
position: absolute;
inset: -18% auto auto -10%;
}
.h2-3 {
margin-top: 0;
margin-bottom: 0;
font-size: 2.5em;
font-weight: 600;
line-height: 1.2em;
}
.h3-4 {
color: #fcf9f1;
font-size: 1.8em;
font-weight: 600;
}
.team-text-wrapper {
background-color: #212121;
padding: 15px 30px 30px;
position: absolute;
inset: auto auto 0% 0%;
}
.text-wrapper-2 {
margin-bottom: 0;
}
.image-wrapper {
height: 500px;
}
.cta-wrapper {
margin-top: 20px;
}
.p1-2 {
font-size: 1.2em;
font-weight: 300;
line-height: 1.4em;
}
.cta-button-2 {
letter-spacing: 1.5px;
text-transform: uppercase;
background-color: #212121;
border-radius: 5px;
margin-top: 5px;
margin-left: 0;
padding: 12px 20px;
font-size: .8em;
font-weight: 700;
}
.cta-button-2.color {
border: 1px solid #0000;
transition: all .3s;
}
.cta-button-2.color:hover {
color: #212121;
background-color: #0000;
border: 1px solid #000;
}
.team-block {
background-color: #212121;
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/624b71bab5d6f32d82b93965_Payment%203.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
height: 100%;
position: relative;
}
.team-wrapper {
height: 500px;
}
.team-role {
color: #fcf9f1cc;
font-weight: 300;
}
._2-col-grid-3 {
grid-column-gap: 100px;
grid-template-rows: auto;
grid-template-columns: .75fr 1fr;
}
._2-col-grid-3.reverse {
grid-column-gap: 100px;
grid-template-columns: 1fr .75fr;
}
.main-wrapper-3 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100vw;
height: 100vh;
padding-left: 5%;
padding-right: 5%;
display: flex;
}
.container-1084 {
width: 100%;
max-width: 90rem;
margin-left: auto;
margin-right: auto;
}
.video-wrapper {
cursor: pointer;
border-radius: .3125rem;
width: 100%;
position: relative;
overflow: hidden;
}
.video-thumbnail {
z-index: 1;
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
position: absolute;
inset: 0%;
}
.thumbnail {
z-index: -1;
opacity: .4;
transform: scale3d(1none, 1none, 1none);
transform-style: preserve-3d;
width: 100%;
height: 100%;
transition: transform 1s cubic-bezier(.4, .01, .165, .99), opacity .7s cubic-bezier(.4, .01, .165, .99);
position: absolute;
inset: 0%;
}
.thumbnail:hover {
opacity: .7;
}
.play-icon-3 {
color: #fff;
width: 12%;
position: relative;
}
.video-embed {
z-index: 0;
opacity: 0;
background-image: none;
position: relative;
}
.autoplay-script {
display: none;
}
.submit-button-2 {
color: #1a1a1a;
text-align: center;
background-color: #fff;
width: 100%;
padding-top: 16px;
padding-bottom: 16px;
font-weight: 600;
line-height: 1;
transition: all .4s;
display: none;
}
.submit-button-2:hover {
background-color: #ffde1f;
}
.submit-button-2.df {
display: block;
}
.text-field-6 {
color: #fff;
background-color: #0000;
border: 1px solid #383838;
height: 100%;
margin-bottom: 0;
margin-right: 10px;
font-size: 18px;
font-weight: 500;
}
.text-field-6:focus {
border-style: solid;
border-color: #ffde1f;
}
.text-field-6::placeholder {
color: #383838;
}
.web-content {
z-index: 1;
background-color: #fff;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
width: 100%;
height: 100%;
padding: 40px;
display: flex;
position: relative;
overflow: hidden;
}
.field-label {
color: #98989e;
font-size: 24px;
font-weight: 400;
}
.paragraph-106 {
color: #fff;
font-weight: 300;
}
.web-wrapper {
background-color: #fecc2f;
width: 100%;
height: 50vh;
padding: 40px;
position: relative;
}
.content-570 {
width: auto;
max-width: 490px;
height: auto;
padding: 0;
position: relative;
}
.cpr {
color: #ddddf8;
font-size: 12px;
font-weight: 300;
}
.tipform {
z-index: 20;
color: #fff;
background-color: #030303;
min-width: 350px;
max-width: 350px;
margin-bottom: 0;
padding: 40px;
font-size: 15px;
font-weight: 300;
line-height: 150%;
position: absolute;
inset: auto 0% 0% auto;
}
.textinp {
align-items: center;
height: 60px;
margin-bottom: 20px;
display: none;
}
.subheading-2 {
margin-bottom: 10px;
font-size: 17px;
font-weight: 400;
}
.paragraph-107 {
color: #98989e;
}
.error-message-5 {
background-color: #fd4141;
}
.tab-pane-content {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.learning-heading {
letter-spacing: -.01em;
margin-bottom: 40px;
margin-right: 30px;
font-family: Poppins, sans-serif;
}
.button-text-3 {
font-family: Poppins, sans-serif;
font-size: 18px;
line-height: 22px;
}
.learning-text-block {
margin-bottom: 56px;
font-size: 28px;
line-height: 50px;
}
.learning-text-block._4 {
color: var(--white);
text-align: center;
font-family: Poppins, sans-serif;
line-height: 35px;
display: inline;
}
.learning-text-block._1 {
font-family: Poppins, sans-serif;
}
.learning-text-block._3 {
color: var(--white);
font-family: Poppins, sans-serif;
line-height: 35px;
}
.learning-text-block._2 {
color: var(--white);
text-align: center;
font-family: Poppins, sans-serif;
line-height: 35px;
}
.learning-text-block._1 {
color: var(--white);
text-align: center;
line-height: 35px;
}
.button-icon-right {
color: #fff;
margin-left: 12px;
display: flex;
}
.learning {
text-align: center;
padding-top: 100px;
padding-bottom: 100px;
}
.container-1085 {
width: 100%;
max-width: 1350px;
margin-left: auto;
margin-right: auto;
padding-left: 30px;
padding-right: 30px;
}
.learning-section {
background-color: #fecc2f;
display: block;
}
.learning-image-wrapper {
border: 1.5px solid #000;
border-radius: 16px;
transition: border-radius .5s cubic-bezier(.77, 0, .175, 1);
overflow: hidden;
}
.learning-left-wrapper {
cursor: pointer;
flex-direction: column;
align-items: center;
padding-left: 60px;
padding-right: 60px;
display: flex;
}
.tabs-menu-3 {
justify-content: center;
margin-bottom: 28px;
display: flex;
}
.secondary-button {
color: #000;
background-color: #fff;
border: 1.5px solid #000;
border-radius: 21px;
flex: none;
align-items: center;
width: auto;
padding: 12px 20px;
font-size: 14px;
font-weight: 500;
line-height: 17px;
text-decoration: none;
transition: color .5s cubic-bezier(.77, 0, .175, 1), background-color .5s cubic-bezier(.77, 0, .175, 1);
display: flex;
}
.secondary-button:hover {
color: #fff;
background-color: #000;
}
.secondary-button._1 {
border-radius: 38px;
}
.tab-link {
color: #000;
background-color: #fff;
border-radius: 38px;
margin-left: 10px;
margin-right: 10px;
padding: 16px 24px;
font-size: 18px;
font-weight: 500;
line-height: 22px;
transition: color .2s, background-color .5s cubic-bezier(.77, 0, .175, 1);
}
.tab-link:hover, .tab-link.w--current {
color: #fff;
background-color: #000;
}
.tab-link.w--current:hover {
opacity: .8;
}
.tabs-content {
padding-top: 28px;
}
.footer-3 {
z-index: 0;
width: 100vw;
height: 200vh;
position: relative;
}
.footer-inner {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
position: fixed;
inset: 0%;
}
.button-34 {
color: #000;
background-color: #0000;
border: .125rem solid #000;
border-radius: 999px;
flex-direction: column;
flex: none;
justify-content: center;
align-items: center;
height: 3.25rem;
padding: 0 1.2rem;
font-size: 1.125rem;
font-weight: 500;
transition: background-color .25s;
display: flex;
}
.button-34:hover {
color: #0075ff;
border-color: #0075ff;
}
.button-34.opacity-zero {
opacity: 0;
}
.circle-infinite-container {
justify-content: center;
align-items: center;
width: 170px;
height: 170px;
display: flex;
position: relative;
}
.philosophy-image {
object-fit: cover;
width: 100%;
height: 100%;
}
.circle-text-container {
position: absolute;
inset: 0%;
}
.circle-logo-container {
width: 50px;
}
._100pct {
width: 100%;
height: 100%;
}
._100pct.cover {
object-fit: cover;
}
.philosophy-image-container {
height: 500px;
min-height: 500px;
max-height: 560px;
}
.philosophy-image-container._01 {
height: 500px;
min-height: 0;
max-height: none;
transform: rotate(-2deg);
}
.philosophy-image-container._02 {
margin-top: -60px;
transform: rotate(-3deg);
}
.philosophy-image-container._03 {
margin-top: 200px;
transform: rotate(6deg);
}
.container-1086 {
max-width: 1210px;
margin-left: auto;
margin-right: auto;
padding: 2em;
}
.container-1086.padding-larg {
padding: 5.4em 3.7em;
}
.container-1086.hero {
height: 100%;
padding-top: 0;
padding-bottom: 0;
}
.top-margin-l {
margin-top: 3em;
}
.grid-8-col {
grid-column-gap: 15px;
grid-row-gap: 15px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.grid-4-col-2 {
grid-column-gap: 30px;
grid-row-gap: 30px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.overflow-hidden-mask {
overflow: hidden;
}
.overflow-hidden-mask.home {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/61da16cdcfc38610502d7319_IMG_8402.jpg");
background-position: 0%;
background-size: cover;
height: 100%;
}
.social-media-icon-container {
filter: brightness(0%) grayscale();
width: 24px;
height: 24px;
margin-left: 15px;
margin-right: 15px;
transition-property: filter;
transition-duration: .5s;
position: relative;
}
.social-media-icon-container:hover {
filter: brightness() grayscale(0%);
}
.hero-social-media-container {
z-index: 2;
align-items: center;
display: flex;
position: relative;
}
.hero-loader {
background-color: #fff;
width: 0%;
height: 100%;
}
.hero-background-video {
z-index: 60;
width: 20vw;
height: 30vh;
position: absolute;
}
.hero-background-video._02 {
opacity: 0;
width: 100vw;
height: 105vh;
display: none;
position: fixed;
inset: auto auto 0;
}
.hero-loader-animation-container {
background-color: #ffffff24;
height: 2px;
position: absolute;
inset: auto 0% 10%;
}
.line-3 {
background-color: #d8d8d8;
width: 100%;
height: 2px;
}
.hero-text-container-3 {
z-index: 4;
margin-bottom: 32px;
position: relative;
}
.hero-text-container-3._02 {
margin-top: 32px;
margin-bottom: 0;
}
.hero-text {
font-size: 110px;
font-weight: 500;
}
.loading-text {
color: #fff;
font-size: 110px;
}
.hero-video-light-box {
justify-content: center;
align-items: center;
width: 20vw;
height: 30vh;
display: flex;
}
.hero-loader-holder {
z-index: 60;
justify-content: center;
align-items: center;
display: flex;
position: absolute;
inset: 0%;
}
.hero-load-animation-container {
z-index: 290;
flex-direction: column;
justify-content: center;
align-items: center;
display: none;
position: fixed;
inset: 0%;
}
.video-container {
flex: 1;
}
.hero-animation-container {
flex-direction: column;
justify-content: space-between;
align-items: center;
height: 100%;
padding-top: 30px;
padding-bottom: 30px;
display: flex;
}
.hero-loading-background {
z-index: 40;
background-color: #000;
position: fixed;
inset: 0%;
}
.social-media-container {
justify-content: center;
align-items: center;
display: flex;
}
.center-text {
text-align: center;
flex-direction: column;
justify-content: flex-start;
align-items: center;
display: flex;
}
.hero-line-container {
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
}
.white-text {
color: #fff;
font-size: 1.2em;
}
.white-text.no-margins {
font-size: 5em;
}
.white-text.regular-text {
font-weight: 400;
}
.overflow-hidden-2 {
overflow: hidden;
}
.video-play-text {
z-index: 130;
position: relative;
}
.hero-paragraph {
padding-right: 22px;
font-family: Poppins, sans-serif;
}
.hero-section-2 {
z-index: 2;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100vw;
height: 100vh;
padding-top: 70px;
display: flex;
overflow: hidden;
}
.grid-6-col-2 {
grid-column-gap: 30px;
grid-row-gap: 30px;
flex: 1;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.profile-picture-image {
object-fit: cover;
width: 100%;
height: 100%;
position: relative;
}
.team-profile-picture-container {
justify-content: center;
align-items: center;
height: 355px;
margin-bottom: 13px;
display: flex;
position: relative;
}
.profile-picture-filter {
z-index: 1;
opacity: 0;
mix-blend-mode: multiply;
background-color: #fecc2f;
height: 100%;
position: absolute;
inset: 0% 0% auto;
}
.no-margins {
margin-top: 0;
margin-bottom: 0;
font-family: Poppins, sans-serif;
}
.no-margins.regular-text {
font-weight: 400;
}
.about-hero-section {
margin-top: 100px;
}
.relative {
z-index: 2;
position: relative;
}
.about-image-container {
justify-content: center;
align-items: center;
display: flex;
}
.hero-paragraph-2 {
padding-right: 22px;
}
.small-circle {
background-color: #ff4544;
border-radius: 1000px;
width: 10px;
height: 10px;
position: absolute;
top: auto;
bottom: auto;
left: 28px;
}
.video-light-box {
position: relative;
}
.top-margin-s {
margin-top: 1em;
}
.play-icon-4 {
width: 70px;
}
.regular-text {
font-weight: 400;
}
.video-lightbox-play-container {
z-index: 1;
justify-content: center;
align-items: center;
transition: transform .2s, opacity .2s;
display: flex;
position: absolute;
inset: 0%;
}
.video-lightbox-play-container:hover {
opacity: .8;
transform: scale(1.2);
}
.small-circle-container {
z-index: 0;
justify-content: center;
align-items: center;
display: flex;
position: absolute;
inset: 0%;
}
.button-text-4 {
z-index: 1;
position: relative;
}
.button-primary-2 {
color: #000;
border: 2px solid #221414;
justify-content: center;
align-items: center;
padding: 16px 60px;
font-size: 18px;
font-weight: 500;
transition-property: none;
display: flex;
position: relative;
overflow: hidden;
}
.no-margins-2 {
margin-top: 0;
margin-bottom: 0;
}
.button-with-line {
color: #fff;
letter-spacing: 1px;
text-transform: uppercase;
font-size: 13px;
font-weight: 600;
line-height: 22px;
text-decoration: none;
position: relative;
}
.text-field-7 {
background-color: #12141d;
border-color: #fff3;
height: 45px;
font-weight: 500;
}
.text-field-7:hover, .text-field-7:focus {
border: 1px solid #c6100f;
}
.text-field-7::placeholder {
color: #fff;
font-size: 16px;
}
.text-field-7.area {
height: auto;
padding-top: 12px;
padding-bottom: 50px;
}
.image-cart {
z-index: 1;
width: 23px;
position: relative;
}
.hero-2 {
background-color: #fecc2f;
justify-content: center;
align-items: center;
min-height: 85vh;
padding-left: 5%;
padding-right: 5%;
display: flex;
position: relative;
}
.remove-circe-mobile {
display: none;
}
.remove {
filter: invert();
width: 28px;
}
.page-content-2 {
margin-left: auto;
margin-right: auto;
}
.image-small-product {
filter: invert();
width: 50%;
height: 50%;
margin-right: 0;
}
.remove-button {
margin-top: 15px;
text-decoration: none;
display: flex;
}
.copyright {
color: #ffffffb3;
margin-bottom: 0;
font-size: 16px;
font-weight: 500;
line-height: 20px;
}
.logo-grid {
grid-column-gap: 16px;
grid-row-gap: 35px;
filter: invert();
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
max-width: 550px;
margin-left: auto;
margin-right: auto;
display: grid;
}
.div-flex {
align-items: center;
display: flex;
}
.skills-overlay {
background-color: #c6100f;
width: 80%;
position: absolute;
inset: 0%;
}
.skills-overlay.illustration {
width: 100%;
}
.skills-overlay.lead {
width: 41%;
}
.skills-overlay.photoshop {
width: 70%;
}
.product-title-sidebar-2 {
letter-spacing: 1px;
text-transform: uppercase;
margin-bottom: 10px;
font-size: 16px;
font-weight: 600;
}
.line-overlay-nav {
background-color: #c6100f;
height: 100%;
position: absolute;
inset: auto 0% 0%;
}
.fun-wrapper {
z-index: 2;
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
margin-top: 10px;
display: grid;
position: relative;
}
.go-top {
z-index: 100;
background-color: #191b25;
border-radius: 5px;
justify-content: center;
align-items: center;
width: 46px;
height: 46px;
display: flex;
position: fixed;
inset: auto 10px 10px auto;
overflow: hidden;
}
.services-circle-2 {
background-color: #c6100f;
border-radius: 4px;
justify-content: center;
align-items: center;
width: 80px;
height: 80px;
margin-bottom: 10px;
display: flex;
position: absolute;
}
.form-grid {
grid-column-gap: 16px;
grid-row-gap: 10px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
justify-items: stretch;
max-width: 90%;
display: grid;
}
.absolute-background {
z-index: 2;
background-color: #12141d;
margin-left: auto;
margin-right: 0;
display: none;
position: absolute;
inset: 0%;
}
.down-arrow {
z-index: 1;
width: 16px;
position: relative;
}
.down-arrow.top {
width: 20px;
transform: rotate(-90deg);
}
.navigation-wrapper-2 {
border-bottom: 1px solid #ffffff26;
align-items: center;
padding-left: 2%;
padding-right: 2%;
display: flex;
}
.error-message-6 {
color: #fff;
text-align: center;
background-color: #fe0000;
border-radius: 2px;
font-size: 16px;
font-weight: 500;
}
.social-image {
width: 16px;
margin-right: 9px;
}
.testimonials-name {
color: #ffffffb3;
letter-spacing: 1px;
text-transform: uppercase;
margin-bottom: 5px;
font-size: 15px;
font-weight: 600;
}
.testimonials-name._2 {
font-weight: 500;
}
.button-line {
background-color: #ffffff4d;
width: 100%;
height: 1px;
position: relative;
}
.filter-image {
filter: invert();
}
.navigation-grid {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
place-items: center start;
display: grid;
}
.fun-image {
margin-right: 20px;
}
.sticky-nav {
z-index: 900;
position: sticky;
top: 0;
}
.go-top-overlay {
background-color: #c6100f;
width: 100%;
height: 100%;
position: absolute;
}
.container-1087 {
z-index: 1;
flex: 1;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
position: relative;
}
.circle-cart {
background-color: #c6100f;
border-radius: 4px;
flex: none;
justify-content: center;
align-items: center;
width: 65px;
height: 65px;
display: flex;
}
.mouse-dots {
background-color: #fff;
width: 2px;
height: 5px;
margin-top: 6px;
}
.photo-animation-main {
transition: all .3s;
position: relative;
overflow: hidden;
}
.photo-animation-main._2 {
width: 800px;
}
.photo-animation-main._2.left {
float: right;
}
.empty-state-4 {
flex-direction: column;
}
.display-4 {
letter-spacing: 1px;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 0;
font-family: Poppins, sans-serif;
font-size: 60px;
font-weight: 600;
line-height: 1.1;
}
.section-121 {
background-color: #0000;
padding: 100px 5%;
position: relative;
}
.section-121.overflow {
padding-bottom: 50px;
overflow: hidden;
}
.section-121.overflow._2 {
padding-bottom: 100px;
}
.section-121.red {
background-color: #c6100f;
padding-top: 30px;
padding-bottom: 30px;
}
.slider {
background-color: #0000;
height: auto;
}
.slide-nav {
margin-top: 10px;
font-size: 11px;
position: relative;
}
.copyright-flex {
flex-direction: row;
justify-content: flex-start;
align-items: center;
width: 100%;
display: flex;
}
.navlinks {
z-index: 5;
color: #fff;
letter-spacing: 1px;
text-transform: uppercase;
justify-content: center;
width: 100%;
margin-top: 5px;
margin-bottom: 5px;
font-size: 60px;
font-weight: 600;
line-height: 80px;
text-decoration: none;
display: flex;
position: relative;
overflow: hidden;
}
.photo {
object-fit: cover;
object-position: 50% 50%;
}
.blog-grid {
grid-column-gap: 50px;
grid-row-gap: 50px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
max-width: 840px;
margin-left: auto;
margin-right: auto;
display: grid;
}
.icon-box-2 {
text-align: center;
background-color: #171924;
padding: 15px 15px 25px;
}
.arrow-none {
display: none;
}
.max-w-hero {
text-align: center;
flex-direction: column;
justify-content: center;
align-items: center;
margin-left: auto;
margin-right: auto;
display: flex;
}
.testimonials-wrapper {
max-width: 70%;
margin-left: auto;
margin-right: auto;
}
.max-w-width-2 {
text-align: center;
justify-content: center;
align-items: center;
max-width: 70%;
margin-left: auto;
margin-right: auto;
display: flex;
}
.grid-2-columns-2 {
grid-column-gap: 40px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr minmax(200px, 1fr);
grid-auto-columns: 1fr;
align-items: center;
display: grid;
position: relative;
}
.grid-2-columns-2._5 {
grid-column-gap: 100px;
grid-template-columns: minmax(200px, 1fr) minmax(200px, 1fr);
}
.grid-2-columns-2._2 {
grid-column-gap: 100px;
place-items: center start;
max-width: 80%;
margin-left: auto;
margin-right: auto;
}
.grid-2-columns-2._4 {
grid-column-gap: 100px;
}
.grid-2-columns-2._3 {
max-width: 80%;
margin-left: auto;
margin-right: auto;
}
.button-35 {
color: #fff;
letter-spacing: 1px;
text-transform: uppercase;
background-color: #c6100f;
border-radius: 4px;
align-items: center;
padding: 12px 16px;
font-size: 14px;
font-weight: 600;
line-height: 1.4;
text-decoration: none;
transition: all .2s;
position: relative;
}
.button-35:hover {
color: #fff;
background-color: #20232e;
}
.start-icon {
background-color: #fff;
flex: none;
width: 30px;
height: 2px;
margin-left: 30px;
margin-right: 30px;
}
.skills-wrapper {
background-color: #0000;
width: 100%;
height: 2px;
position: relative;
overflow: hidden;
}
.apple-pay {
border-radius: 25px;
height: 48px;
}
.menu-overlay {
cursor: none;
background-color: #12141d;
justify-content: center;
align-items: center;
display: flex;
position: absolute;
inset: 0%;
}
.footer-grid {
grid-column-gap: 100px;
grid-row-gap: 50px;
grid-template-rows: auto auto;
grid-template-columns: 1.2fr 1fr;
grid-auto-columns: 1fr;
max-width: 80%;
margin-left: auto;
margin-right: auto;
display: grid;
}
.fun-number {
color: #fff;
margin-top: 0;
margin-bottom: 5px;
font-size: 48px;
font-weight: 600;
line-height: 50px;
}
.button-line-absolute {
z-index: 1;
background-color: #c6100f;
width: 100%;
height: 1px;
position: absolute;
}
.button-line-absolute.white {
background-color: #fff;
}
.animation-image {
z-index: 1;
width: 16px;
position: relative;
}
.animation-image._3 {
width: 34px;
}
.lightbox-link-11 {
z-index: 2;
justify-content: center;
align-items: center;
width: 110px;
height: 110px;
display: flex;
position: absolute;
left: 50%;
transform: translate(-50%);
}
.success-message-7 {
color: #fff;
background-color: #00663f;
border-radius: 2px;
font-size: 17px;
font-weight: 500;
}
.no-items-found {
color: #ffffffb3;
font-size: 17px;
font-weight: 500;
}
.menu-2 {
z-index: 9999;
background-color: #111314;
flex-direction: column;
justify-content: center;
align-items: stretch;
display: none;
position: fixed;
inset: 0%;
}
.cart-quantity {
z-index: 2;
color: #fff;
background-color: #c6100f;
border-radius: 100%;
justify-content: center;
align-items: center;
width: 22px;
height: 22px;
margin-left: 3px;
font-size: 10px;
font-weight: 600;
display: flex;
}
.social-wrapper {
z-index: 2;
align-items: center;
display: flex;
position: absolute;
inset: 50% -120px auto auto;
transform: translate(0, -50%)rotate(90deg);
}
.social-wrapper._2 {
position: relative;
top: 0%;
right: 0;
transform: none;
}
.title-wrapper-2 {
overflow: hidden;
}
.margin-20px {
margin-top: 20px;
}
.testimonials-photo {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/624b8466537f5544bdfc462e_team-1.jpeg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border-radius: 5px;
width: 100px;
height: 100px;
margin-bottom: 30px;
margin-left: auto;
margin-right: auto;
}
.testimonials-photo._2 {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/624b8466537f5582bafc464f_team-2.jpeg");
}
.testimonials-photo._3 {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/624b8466537f554c9ffc4640_team-4.jpg");
}
.menu-content {
z-index: 2;
background-color: #12141d;
flex-direction: row;
flex: none;
justify-content: center;
align-items: stretch;
display: flex;
position: relative;
}
.scroll-flex {
flex-direction: row;
align-items: center;
display: flex;
}
.algin-right {
text-align: right;
}
.cart-wrapper {
z-index: 999;
background-color: #12141d;
}
.navigation-flex {
display: flex;
}
.footer-4 {
padding: 50px 5% 20px;
}
.skills-text {
color: #fffc;
letter-spacing: 1px;
text-transform: uppercase;
justify-content: space-between;
margin-bottom: 10px;
font-size: 15px;
font-weight: 500;
display: flex;
}
.remove-circle {
cursor: none;
background-color: #c6100f;
border-radius: 100%;
justify-content: center;
align-items: center;
width: 70px;
height: 70px;
display: flex;
transform: none;
}
.left-margin {
margin-left: 20px;
}
.hamburger-menu {
cursor: pointer;
border-left: 1px solid #ffffff26;
border-right: 1px solid #ffffff26;
justify-content: center;
align-items: center;
width: 85px;
height: 85px;
margin-left: 10px;
display: flex;
position: relative;
}
.project-list {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.navlinks-wrapper {
border-top: 1px solid #fff3;
border-bottom: 1px solid #fff3;
border-right: 1px solid #fff3;
width: 100%;
margin-top: -1px;
margin-left: -1px;
padding-top: .5vw;
padding-bottom: .5vw;
position: relative;
overflow: hidden;
}
.services-grid-2 {
grid-column-gap: 30px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
max-width: 80%;
margin-top: 30px;
margin-left: auto;
margin-right: auto;
display: grid;
}
.heading-center {
text-align: center;
letter-spacing: 1px;
margin-bottom: 40px;
font-size: 20px;
font-weight: 600;
}
.button-flex {
justify-content: center;
align-items: center;
display: flex;
}
.margin-80px {
margin-top: 80px;
}
.top-text {
text-transform: uppercase;
margin-bottom: 0;
font-size: 15px;
font-weight: 500;
}
.text-rotator-content {
align-items: center;
display: flex;
}
.paypal {
margin-bottom: 4px;
}
.mouse-scroll {
cursor: default;
border: 1px solid #ffffff52;
border-radius: 9px;
justify-content: center;
align-items: flex-start;
width: 20px;
height: 29px;
margin-left: auto;
margin-right: auto;
display: flex;
position: relative;
left: 0;
}
.display-5 {
letter-spacing: 1px;
text-transform: uppercase;
font-size: 40px;
font-weight: 600;
line-height: 1.1;
}
.footer-link-2 {
color: #fff;
letter-spacing: 1px;
text-transform: uppercase;
font-size: 17px;
font-weight: 600;
text-decoration: none;
display: inline-block;
}
.footer-link-2:hover {
color: #fff;
}
.footer-link-2.bigger {
color: #fff;
text-transform: uppercase;
margin-right: 12px;
font-size: 15px;
font-weight: 600;
}
.remove-pop-up {
cursor: pointer;
background-color: #f1f1f7;
justify-content: center;
align-items: center;
width: 45px;
height: 45px;
display: flex;
position: absolute;
top: 10px;
right: 10px;
}
.remove-pop-up.in-produce-sidebar {
background-color: #fff;
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/624b8466537f5571aafc4653_close_white_24dp.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: 20px;
width: 50px;
height: 100%;
position: absolute;
top: 0;
right: 0;
}
.scroll-down-wrapper-2 {
z-index: 10;
flex-direction: row;
justify-content: flex-start;
align-items: center;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
display: flex;
position: absolute;
bottom: 25px;
left: 0;
right: 0;
overflow: hidden;
}
.cart-heading {
letter-spacing: 1px;
text-transform: uppercase;
font-size: 15px;
}
.grom-logo {
width: 27px;
}
.cart-container {
box-shadow: none;
background-color: #12141d;
border-left: 1px solid #d6d1ca33;
border-radius: 2px;
}
.cart-footer {
border-top-color: #d6d1ca33;
padding-top: 25px;
}
.paragraph-small-text {
font-size: 16px;
}
.body-link {
color: #fff;
font-size: 14px;
}
.testimonials-text {
text-align: center;
text-transform: uppercase;
max-width: 580px;
margin-left: auto;
margin-right: auto;
font-size: 30px;
font-weight: 500;
line-height: 1.1;
}
.fun-facts-wrapper {
justify-content: center;
align-items: center;
display: flex;
}
.flex-wrapper {
align-items: center;
display: flex;
}
.play-icon-5 {
filter: invert();
width: 11px;
position: absolute;
}
.skills-grid {
grid-column-gap: 50px;
grid-row-gap: 20px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
width: 90%;
display: grid;
}
.logo-link-2 {
flex-direction: row;
flex: none;
align-items: center;
margin-right: 35px;
display: flex;
position: relative;
top: -2px;
}
.cart-quantity-sidebar {
background-color: #0000;
border-color: #d6d1ca33;
border-radius: 2px;
width: 50px;
font-weight: 600;
}
.social-link-3 {
opacity: .8;
color: #fff;
justify-content: center;
align-items: center;
margin-left: 15px;
margin-right: 15px;
font-size: 15px;
font-weight: 500;
text-decoration: none;
transition: all .3s;
display: flex;
}
.social-link-3:hover {
opacity: 1;
}
.cart-header {
border-bottom-color: #d6d1ca33;
padding: 13px 25px;
}
.text-rotator-wrapper {
color: #fff;
align-items: center;
padding-top: 50px;
padding-bottom: 50px;
text-decoration: none;
display: flex;
position: relative;
inset: 0 auto auto 0%;
overflow: hidden;
}
.service-title-3 {
letter-spacing: 1px;
font-size: 19px;
font-weight: 600;
}
.cart-button {
background-color: #0000;
padding: 0;
}
.product-price-2 {
color: #ffffffb3;
margin-bottom: 0;
font-size: 18px;
font-weight: 500;
}
.product-price-2.in-sidebar {
font-size: 18px;
font-weight: 500;
}
.display-6 {
text-transform: uppercase;
margin-top: 0;
margin-bottom: 0;
font-size: 130px;
font-weight: 700;
line-height: 1;
}
.margin-150px {
margin-top: 150px;
}
.text-rotator {
letter-spacing: 1px;
white-space: nowrap;
margin-top: 0;
margin-bottom: 0;
font-size: 58px;
font-weight: 600;
line-height: 1.2;
}
.section-cta {
background-color: #c6100f;
position: relative;
}
.paragraph-108, .paragraph-109 {
font-family: Poppins, sans-serif;
}
.max-w-hero-2 {
text-align: center;
flex-direction: column;
align-items: flex-start;
margin-left: auto;
margin-right: auto;
display: flex;
}
.red-arrow-container {
width: 65px;
height: 65px;
}
.auto-scroll-grid-container {
height: auto;
}
.auto-scroll-holder {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
height: auto;
margin-top: 0%;
display: flex;
position: relative;
}
.auto-scroll-grid-content {
justify-content: flex-start;
align-items: flex-start;
height: 60vh;
display: flex;
position: relative;
overflow: hidden;
}
.auto-scroll-container {
height: 100%;
margin-bottom: 50px;
}
.arrow-container {
background-image: linear-gradient(to top, #000 39%, #0000);
justify-content: center;
align-items: center;
height: 170px;
display: flex;
position: absolute;
inset: auto 0% 0%;
}
.arrow-container.top {
background-image: linear-gradient(#000 39%, #0000);
inset: -10% 0% auto;
}
.auto-scroll-big-holder {
width: 100%;
height: 100%;
display: block;
overflow: hidden;
}
.fun-facts-container {
padding-top: 30px;
padding-bottom: 30px;
}
.padding-right {
padding-right: 100px;
}
.white-text-copy {
color: #fff;
}
.white-text-copy.no-margins {
font-size: 5em;
}
.white-text-copy.regular-text {
font-weight: 400;
}
.learning-heading-2 {
letter-spacing: -.01em;
margin-bottom: 40px;
margin-right: 30px;
font-family: Poppins, sans-serif;
}
.learning-2 {
text-align: center;
padding-top: 100px;
padding-bottom: 100px;
}
.text-block-141 {
font-family: Poppins, sans-serif;
}
.heading-443 {
font-family: Poppins, sans-serif;
font-size: 5em;
line-height: 1.3;
}
.paragraph-110 {
font-family: Poppins, sans-serif;
font-size: 1.3em;
}
.home-header_grid {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.home-features_component {
z-index: 1;
background-color: #0000;
position: relative;
}
.form-5 {
justify-content: center;
align-items: center;
display: flex;
position: relative;
}
.section-home-features2 {
background-color: #0000;
border-radius: 40px;
margin-top: 0;
position: relative;
}
.heading-3 {
margin-top: 0;
margin-bottom: 0;
font-size: 48px;
font-weight: 500;
line-height: 150%;
}
.padding-vertical-2 {
padding-left: 0;
padding-right: 0;
display: block;
}
.padding-vertical-2.padding-large {
padding-top: 6rem;
padding-bottom: 6rem;
}
.padding-vertical-2.padding-medium {
padding-top: 4rem;
padding-bottom: 4rem;
}
.padding-vertical-2.padding-xxhuge {
padding-top: 8rem;
padding-bottom: 6rem;
}
.paragraph-111 {
color: #e5e5e566;
margin-bottom: 0;
font-weight: 300;
line-height: 200%;
}
.button-row {
align-items: center;
display: flex;
}
.link-block-16 {
color: #fff;
background-color: #27bb7b;
border-radius: 80px;
align-items: center;
padding: 22px 32px;
text-decoration: none;
display: flex;
}
.home-header_component {
margin-top: 40px;
position: relative;
}
.heading-444 {
margin-top: 0;
margin-bottom: 0;
font-size: 64px;
font-weight: 500;
line-height: 150%;
}
.home-cta_component {
z-index: 1;
text-align: center;
background-color: #1a1c21;
border-radius: 32px;
flex-direction: column;
justify-content: center;
align-items: center;
padding-top: 40px;
padding-bottom: 40px;
display: flex;
position: relative;
}
.image-3 {
opacity: .12;
width: 430px;
position: absolute;
inset: -162px 0% 0% auto;
}
.image-470 {
opacity: .16;
position: absolute;
inset: -462px auto 0% 0%;
}
.home-header_content-left {
padding-top: 60px;
}
.section-home-features1 {
background-color: #0000;
border-radius: 40px;
margin-top: 0;
}
.text-block-143 {
color: #f8f7f466;
font-weight: 300;
line-height: 200%;
}
.section-home-cta-2 {
background-color: #0000;
border-radius: 40px;
margin-top: 0;
position: relative;
}
.text-field-8 {
background-color: #0000;
border: 1px solid #e5e5e552;
border-radius: 36px;
width: 500px;
height: 64px;
padding: 22px 24px;
}
.text-field-8::placeholder {
color: #e5e5e552;
}
.section-home-features {
background-color: #1a1c21;
border-radius: 40px;
margin-top: -382px;
}
.link-block-2 {
position: absolute;
inset: 12px 20px 0% auto;
}
.features2-grid {
grid-column-gap: 3.5rem;
grid-row-gap: 3.5rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.home-features_heading {
text-align: center;
max-width: 902px;
margin-bottom: 60px;
margin-left: auto;
margin-right: auto;
}
.link-47 {
color: #f8f7f466;
margin-left: 32px;
line-height: 200%;
}
.margin-bottom-3.margin-small {
color: #f8f7f4;
margin-bottom: 1rem;
}
.margin-bottom-3.margin-medium {
color: #f8f7f4;
margin-bottom: 2rem;
}
.margin-bottom-3.margin-xmedium {
color: #f8f7f4;
margin-bottom: 3rem;
}
.paragraph-normal {
color: #f8f7f466;
margin-bottom: 0;
font-weight: 300;
line-height: 200%;
}
.container-large-2 {
width: 100%;
max-width: 73.25rem;
margin-left: auto;
margin-right: auto;
}
.home-features1_heading {
text-align: center;
max-width: 972px;
margin-bottom: 140px;
margin-left: auto;
margin-right: auto;
}
.page-padding-3 {
padding-left: 1rem;
padding-right: 1rem;
}
.features-grid {
grid-column-gap: 4rem;
grid-row-gap: 4rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.image-471 {
margin-right: 10px;
}
.heading-445 {
margin-top: 0;
margin-bottom: 0;
font-size: 24px;
font-weight: 500;
line-height: 30px;
}
.cta-form {
margin-top: 0;
}
.paragraph-112 {
color: #e5e5e566;
max-width: 554px;
margin-bottom: 0;
margin-left: auto;
margin-right: auto;
font-weight: 300;
line-height: 200%;
}
.button-36 {
color: #fff;
letter-spacing: 1px;
text-transform: capitalize;
background-color: #1a1c21;
border: 1px #fff;
border-radius: 80px;
justify-content: center;
align-items: center;
min-width: auto;
min-height: auto;
padding: 14px 30px;
font-size: 16px;
font-weight: 400;
text-decoration: none;
display: inline-block;
box-shadow: 1px 1px 10px #0000001a;
}
.button-36:hover {
color: #fff;
background-color: #1a1c21;
border-style: none;
border-color: #fff;
padding-bottom: 14px;
font-size: 16px;
font-weight: 400;
}
.paragraph-113 {
color: #f8f7f466;
max-width: 440px;
margin-bottom: 0;
font-weight: 300;
line-height: 200%;
}
.heading-446 {
margin-top: 0;
margin-bottom: 0;
font-size: 72px;
font-weight: 500;
line-height: 150%;
}
.features1-grid {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.flex-slider {
flex-wrap: wrap;
justify-content: flex-start;
align-items: stretch;
height: 100%;
display: flex;
position: static;
}
.paragraph-big {
margin-top: 10px;
font-family: Poppins, sans-serif;
font-size: 55px;
line-height: 72px;
}
.slider-left {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/62549734fd787f07218beb5d_IMG_9474.jpg");
background-position: 25%;
background-repeat: no-repeat;
background-size: cover;
width: 50%;
}
.slider-left._3 {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/625492de42d63fb38f720916_Slide-Intro-3.jpg");
}
.slider-left._2 {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/625492de42d63fd57572090c_screen-post-PdmZkcpfxzc-unsplash.jpg");
}
.slider-left._4 {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/625492de42d63fedf6720902_Slide-Intro-4.jpg");
}
.content-wrapper-3 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
width: 100%;
max-width: 1225px;
height: 100%;
margin-left: auto;
margin-right: auto;
padding-left: 25px;
padding-right: 25px;
position: relative;
}
.display-none {
display: none;
}
.past-client {
width: 53%;
}
.intro-figure-2 {
background-color: #21c1f3;
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/625492de42d63fe1207208f4_Triangle.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: 28px;
border-radius: 5px;
width: 60px;
height: 60px;
margin-left: 10px;
margin-right: 10px;
display: inline-block;
position: relative;
bottom: -9px;
}
.past-clients-slider {
height: 700px;
margin-left: 25px;
margin-right: 25px;
}
.left-arrow {
background-color: #0f0f0f;
justify-content: center;
align-items: center;
width: 50px;
height: 50px;
margin-right: 50px;
transition: opacity .2s;
display: flex;
inset: auto 0% 0% auto;
}
.left-arrow:hover {
opacity: .85;
}
.intro-figure {
background-color: #6652da;
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/625492de42d63f45ce720907_Circle.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: 28px;
border-radius: 5px;
width: 60px;
height: 60px;
margin-left: 15px;
margin-right: 15px;
display: inline-block;
position: relative;
bottom: -9px;
}
.content-section-2 {
background-color: #fff;
width: 100%;
max-width: 100%;
padding-top: 100px;
position: relative;
overflow: hidden;
}
.content-section-2.double {
padding-bottom: 220px;
padding-right: 20px;
}
.content-section-2.big-words {
padding-top: 220px;
}
.content-section-2.about-intro {
background-color: #0000;
padding-top: 100px;
}
.right-arrow {
background-color: #0f0f0f;
justify-content: center;
align-items: center;
width: 50px;
height: 50px;
transition: opacity .2s;
display: flex;
inset: auto 0% 0% auto;
}
.right-arrow:hover {
opacity: .85;
}
.subtitle-box {
width: 100%;
max-width: 889px;
margin-bottom: 150px;
font-size: 55px;
font-weight: 400;
line-height: 72px;
}
.subtitle-box.more-margin {
margin-bottom: 220px;
}
.slider-right {
background-color: #1169cb;
justify-content: center;
align-items: center;
width: 50%;
display: flex;
}
.slider-right._4 {
background-color: #87b392;
}
.slider-right._2 {
background-color: #ffcd26;
}
.slider-right._3 {
background-color: #cb4699;
}
.h4 {
text-transform: uppercase;
margin-top: 20px;
font-family: Poppins, sans-serif;
font-size: 32px;
font-weight: 700;
line-height: 40px;
}
.text-block-link {
line-height: 14px;
display: inline-block;
}
.max-280-pixles {
width: 100%;
max-width: 280px;
}
.max-280-pixles.align-right {
margin-bottom: 10px;
}
.section-image-text {
justify-content: flex-start;
align-items: stretch;
margin-bottom: 0;
display: flex;
position: static;
}
.section-image-text.last {
margin-bottom: 0;
padding-top: 0;
}
.link-block-text {
letter-spacing: -1px;
display: inline-block;
position: relative;
}
.link-underline-2 {
background-color: #0f0f0f;
width: 100%;
height: 1px;
position: absolute;
inset: auto 0% 0%;
}
.relative-2 {
position: relative;
inset: auto auto 0% 0%;
}
.column-text {
flex-direction: column;
justify-content: flex-end;
width: 50%;
padding: 40px 5% 20px;
display: flex;
}
.text-link-block {
color: #0f0f0f;
text-transform: uppercase;
font-size: 14px;
font-weight: 600;
text-decoration: none;
}
.h3-5 {
letter-spacing: 0;
text-transform: uppercase;
margin-bottom: 0;
font-family: Poppins, sans-serif;
font-size: 44px;
font-weight: 700;
line-height: 52px;
}
.link-mini-arrow {
margin-left: 5px;
position: relative;
top: 0;
}
.heading-horizontal {
justify-content: space-between;
align-items: flex-end;
margin-bottom: 30px;
font-family: Poppins, sans-serif;
display: flex;
}
.top-margin-2 {
margin-top: 10px;
position: relative;
}
.top-margin-2._20-pixels {
margin-top: 20px;
}
.top-margin-2.skill {
margin-top: 40px;
}
.top-margin-2._10-pixels {
margin-top: 10px;
}
.mini-text {
color: #0f0f0f;
letter-spacing: -.8px;
text-transform: uppercase;
font-family: Poppins, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 20px;
text-decoration: none;
}
.change-this-image {
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
position: absolute;
inset: 0%;
}
.change-this-image._2 {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/625493025424311e9e03779f_microsoft-edge-IYwHCVSVMqs-unsplash.jpg");
}
.change-this-image._3 {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/62549302542431498f0377aa_microsoft-edge--QkOnubb4bo-unsplash.jpg");
}
.change-this-image._1 {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/62549302542431930603779a_image-2.jpg");
}
.change-this-image.picture-1 {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/62549419aaf7be8c541a5ab6_teslariu-mihai-dVcRxd5bJTw-unsplash%20(1).jpg");
}
.change-this-image.picture-2 {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/62549419aaf7beb2541a5aae_sergio-rodriguez-portugues-del-olmo-55CA-3NpEQU-unsplash.jpg");
}
.change-this-image.picture-3 {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/62549419aaf7be4c581a5abe_kelsey-curtis-sqdt0Gm613o-unsplash%20(1).jpg");
}
.change-this-image.picture-4 {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/62549419aaf7beac301a5aba_robin-schreiner-7y4858E8PfA-unsplash.jpg");
}
.change-this-image._6 {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/62549c98348e6a5c459cd011_nilufar-nattaq-mNZlQ2XECOk-unsplash.jpg");
}
.change-this-image._5 {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/61eaeeb37ab587e2accf217d_625j89.gif");
}
.image-column {
width: 50%;
display: flex;
}
.section-image-text-2.reverse {
display: flex;
}
.pictures-right {
text-align: center;
flex-flow: column wrap;
justify-content: center;
align-items: center;
width: 50%;
padding-top: 180px;
display: flex;
}
.max-300-pixels {
width: 100%;
max-width: 300px;
margin-left: auto;
margin-right: auto;
}
.picture-item {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/61ec5b5770e7044ae118626d_Screen%20Shot%202021-09-24%20at%204.33.41%20PM.png");
background-position: 0 0;
background-size: auto;
margin-bottom: 75px;
display: inline-block;
position: relative;
inset: auto auto 0% 0%;
overflow: hidden;
}
.h3-big {
text-transform: uppercase;
font-family: Poppins, sans-serif;
font-size: 70px;
font-weight: 700;
line-height: 80px;
}
.pictures-container {
justify-content: space-between;
align-items: center;
height: 1250px;
margin-top: 220px;
display: flex;
position: relative;
}
.pictures-left {
flex-flow: column wrap;
justify-content: center;
align-items: flex-end;
width: 48%;
margin-right: 5%;
display: flex;
}
.title-4 {
color: #0f0f0f;
text-align: left;
letter-spacing: -2.2px;
text-transform: uppercase;
font-family: Poppins, sans-serif;
font-size: 24px;
font-weight: 600;
line-height: 30px;
display: inline-block;
}
.absolute-heading {
z-index: 10;
text-align: center;
width: 43%;
max-width: 634px;
margin-top: 65px;
margin-left: auto;
margin-right: auto;
position: sticky;
inset: 100px 0% auto;
}
.absolute-heading.medium {
width: 60%;
max-width: 540px;
}
.intro-arrow-right, .intro-arrow-left {
background-color: #0f0f0f;
justify-content: center;
align-items: center;
width: 60px;
height: 75px;
margin-top: 100.172px;
display: flex;
}
.link-block-17 {
display: flex;
position: relative;
overflow: hidden;
}
.hover-image {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/6591ca470739d6822e4ee00d_lena-shekhovtcova-6941021.jpg");
background-position: 50%;
background-size: cover;
position: absolute;
inset: 0%;
}
.hover-image.about-intro {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/625494d6d30e1bb37ac92ca9_surface-81OnSSXJo-I-unsplash.jpg");
}
.hover-image.about-intro-2 {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/625494d5d30e1b324fc92c9d_surface-CIrJuUI75hg-unsplash.jpg");
}
.hover-image.about-intro-4 {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/625494d6d30e1bd3ccc92ca6_surface-R8bY83YDXnY-unsplash.jpg");
}
.hover-image.about-intro-6 {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/625494d6d30e1bf90dc92ca3_surface-rkr_jnaGzIk-unsplash.jpg");
}
.hover-image.about-intro-3 {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/625494d5d30e1b0d57c92ca0_surface-Pfmow4b9GAY-unsplash.jpg");
}
.hover-image.about-intro-5 {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/625494d6d30e1b8d95c92cac_surface-QKml62yu-dA-unsplash.jpg");
}
.hover-image.gallery-4 {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/654d66be04171473006aed68_61407683ccd71e853b9ec624_2500-1-Sticker%20Tape%20Mockup.jpg");
}
.hover-image.gallery-2 {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/6553bf0cbf86d2cf161ac5e2_TestiCircle.webp");
}
.hover-image.gallery-3 {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/654d66be04171473006aed74_Grid-3-img.jpg");
}
.hover-image.gallery-5 {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/654d66be04171473006aed6e_5fa11b05044c30437e361f0b_Preview-2500.jpg");
}
.hover-image.gallery-1 {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/654d66be04171473006aed79_5f4b73c55cc745f67a69278a_002.jpg");
}
.hover-image._1 {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/65975800602e60d6a95e87ab_5fd7f49792f750010faeef0a_5dc9e8d366fd1b7bb3948064_P1033388_2-p-1600.jpeg");
}
.hover-image._1.corp {
background-image: none;
}
.hover-image._2 {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/659757d5909e4226942e6aef_IMG_2568_1.jpg");
background-position: 50%;
background-size: cover;
border-radius: 0;
}
.hover-image._3 {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/659757f19523875e90d243c5_CX6A4599%20(1).jpg");
}
.hover-image._4 {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/6597580d893a2d5b14c8d291_CX6A3919.jpg");
}
.hover-image._4.corp {
background-image: none;
}
.hover-image._5 {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/659757c7308a4967d77a31e1_20170116-P1022453.jpg");
}
.hover-image._6 {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/659757f997b1ea150055d558_5fd7f3479fef2e2773c877ce_5dc9e4bfcd9d011ec2bad0c8_20190628-IMG_9704.newcolor3%20(1)-p-1080.jpeg");
}
.hover-image._7 {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/659757d366025cd6d3bc0718_IMG_2434.jpg");
}
.hover-image._7._1 {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/65cd3995b4dcf1c49155c031_IMG_1692_1.jpg");
}
.hover-image._8 {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/659757d5c5f7d087f0317b46_IMG_8814.jpg");
}
.hover-image._9 {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/6597580dacc0698ee999a6a7_Copy%20of%2020190629-IMG_0223.jpg");
}
.hover-image._10 {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/659757d1a836de6bdbbebc0a_IMG_2767_1.jpg");
}
.hover-image._12 {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/659757f953aab5ce1cb41219_CX6A2369.jpg");
}
.hover-image._13 {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/659830c2bb39ea291d6a89f9_sean%20b.png");
}
.hover-image._14 {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/659757eeafba0913ae1eb106_CX6A5704.jpg");
}
.hover-image._15 {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/659757fa635a4186d036fda1_20190629-IMG_0363.jpg");
background-position: 0 100%;
}
.hover-image._16 {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/65975802d686628d975d2ad5_DSC_3063.jpg");
}
.hover-image._17 {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/659757f5b4857df7d27fa206_CX6A4146.jpg");
}
.intro-slide {
width: 30%;
margin-right: 5%;
}
.intro-slider {
background-color: #0000;
width: 100%;
max-width: 1221px;
height: 100%;
margin-left: 3%;
}
.intro-text-box {
margin-top: 25px;
}
.max-1288-pixels {
justify-content: flex-end;
max-width: 1288px;
display: flex;
}
.mini-text-2 {
color: #0f0f0f;
letter-spacing: -.8px;
text-transform: uppercase;
font-family: Poppins, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 20px;
text-decoration: none;
}
.h5 {
letter-spacing: -2px;
text-transform: uppercase;
font-weight: 700;
line-height: 36px;
}
.heading-horizontal-2 {
justify-content: space-between;
align-items: flex-end;
margin-bottom: 30px;
display: flex;
}
.heading-horizontal-2.side-margin {
margin-left: 1.5%;
margin-right: 1.5%;
}
.button-text-margin {
color: #000;
margin-right: 10px;
font-size: 20px;
display: inline-block;
}
.big-words-guy {
width: 9.7vw;
position: relative;
}
.big-words {
letter-spacing: -13px;
text-transform: uppercase;
font-family: Poppins, sans-serif;
font-size: 12.85vw;
font-weight: 700;
line-height: 12.85vw;
display: inline-block;
position: relative;
}
.big-words._2 {
margin-right: 30px;
}
.big-words-blue {
background-color: #21c1f3;
border-radius: 65px;
width: 24vw;
height: 10vw;
margin-bottom: 4%;
}
.big-row {
width: 100%;
margin-bottom: 55px;
font-size: 55px;
font-weight: 400;
line-height: 72px;
display: flex;
}
.bg-lines {
position: absolute;
inset: 0%;
}
.button-fill-black {
color: #fecc2f;
text-align: center;
letter-spacing: -.5px;
text-transform: uppercase;
background-color: #fecc2f;
border-radius: 45px;
min-width: 150px;
min-height: 55px;
padding: 24px 30px 10px;
font-family: Poppins, sans-serif;
font-size: 14.25px;
font-weight: 700;
line-height: 12px;
text-decoration: none;
position: relative;
}
.big-words-computer {
width: 13vw;
position: relative;
}
.big-words-container {
justify-content: center;
align-items: center;
display: flex;
position: absolute;
inset: 0%;
}
.big-words-figure {
text-align: center;
justify-content: center;
align-items: center;
width: 280px;
height: 185px;
margin-right: 30px;
display: inline-block;
position: relative;
top: -47px;
}
.big-words-figure._2 {
margin-right: 0;
}
.big-row-3 {
text-align: right;
width: 100%;
margin-bottom: 40px;
font-size: 55px;
font-weight: 400;
line-height: 72px;
}
.big-words-yellow {
background-color: #ffcd26;
border-radius: 65px;
width: 24vw;
height: 10vw;
margin-bottom: 3%;
}
.big-words-purple {
background-color: #6652da;
border-radius: 65px;
width: 24vw;
height: 10vw;
margin-bottom: 3%;
}
.big-words-girl {
width: 9vw;
position: relative;
}
.lines {
background-color: #b3bfca;
width: 100%;
height: 1px;
margin-top: 175px;
}
.lines._4 {
margin-top: 110px;
}
.lines._3 {
margin-top: 148px;
}
.lines._5 {
margin-top: 150px;
}
.lines._2 {
margin-top: 108px;
}
.lines._6 {
margin-top: 90px;
}
.center-flex {
justify-content: center;
display: flex;
}
.button-arrow-2 {
position: relative;
top: -1px;
}
.big-row-2 {
width: 100%;
margin-bottom: 40px;
font-size: 55px;
font-weight: 400;
line-height: 72px;
}
.triangle {
display: inline;
position: absolute;
left: 77px;
}
.figures-box {
justify-content: center;
width: 25%;
margin-right: 5%;
padding-right: 5%;
display: flex;
}
.preview-link-copy {
flex-wrap: wrap;
justify-content: flex-start;
align-items: stretch;
display: flex;
position: static;
}
.circle-2 {
background-color: #21c1f3;
border-radius: 50%;
width: 163px;
height: 163px;
display: inline-block;
}
.align-right {
text-align: right;
flex: 1;
}
.align-right.top-margin {
margin-top: 60px;
}
.mini-text-3 {
color: #0f0f0f;
letter-spacing: -.8px;
text-transform: uppercase;
font-size: 14px;
font-weight: 600;
line-height: 20px;
text-decoration: none;
}
.paragraph-regular {
margin-bottom: 20px;
font-size: 55px;
font-weight: 400;
line-height: 72px;
}
.paragraph-big-2 {
margin-top: 10px;
font-family: Poppins, sans-serif;
font-size: 55px;
font-weight: 500;
line-height: 72px;
}
.slider-left-2 {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/625492de42d63f3d64720911_Slide-Intro-1.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
width: 50%;
}
.slider-left-2._3 {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/625492de42d63fb38f720916_Slide-Intro-3.jpg");
}
.slider-left-2._2 {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/625492de42d63fd57572090c_screen-post-PdmZkcpfxzc-unsplash.jpg");
}
.slider-left-2._4 {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/625492de42d63fedf6720902_Slide-Intro-4.jpg");
}
.heding-box-center {
text-align: center;
width: 100%;
max-width: 940px;
margin-left: auto;
margin-right: auto;
font-size: 55px;
font-weight: 400;
line-height: 72px;
}
.signature {
margin-top: 50px;
}
._81-percent-column {
width: 80%;
}
.second-end-block {
justify-content: flex-end;
width: 100%;
max-width: 1227px;
margin-left: 3%;
display: flex;
}
._48-percent-column {
justify-content: center;
align-items: center;
width: 45.8%;
display: flex;
}
.h3-small {
letter-spacing: -4px;
text-transform: uppercase;
font-family: Poppins, sans-serif;
font-size: 58px;
font-weight: 700;
line-height: 64px;
}
.paragraph-small {
color: #0f0f0f;
text-transform: none;
margin-bottom: 30px;
font-size: 42px;
font-weight: 400;
line-height: 55px;
}
.center-column-text {
flex: 1;
justify-content: center;
align-items: center;
width: 50%;
display: flex;
}
._48-percent-image {
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
background-position: 0 0;
background-size: auto;
width: 45.8%;
min-height: 560px;
position: relative;
overflow: hidden;
}
.h3-6 {
letter-spacing: -4px;
text-transform: uppercase;
margin-bottom: 0;
font-size: 44px;
font-weight: 700;
line-height: 52px;
}
.full-width-end {
justify-content: flex-end;
width: 100%;
display: flex;
}
.max-1227-pixels {
justify-content: flex-end;
width: 100%;
max-width: 1227px;
display: flex;
}
.heading-box-small {
text-align: center;
width: 43%;
margin-bottom: 85px;
margin-left: auto;
margin-right: auto;
}
._57-percent-image {
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
background-position: 0 0;
background-size: auto;
flex: 1;
width: 57%;
position: relative;
overflow: hidden;
}
.title-5 {
color: #0f0f0f;
text-align: left;
letter-spacing: -2.2px;
text-transform: uppercase;
font-size: 24px;
font-weight: 600;
line-height: 30px;
display: inline-block;
}
.max-330-pixels {
width: 100%;
max-width: 330px;
}
.first-end-block {
width: 100%;
max-width: 1227px;
margin-bottom: 80px;
margin-left: 3%;
display: flex;
}
.first-end-block:nth-child(odd) {
flex-direction: row-reverse;
}
.image-472 {
margin-bottom: 5px;
}
.figure {
background-color: #ff784b;
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/62549ef9a2813a56a2bebc61_Girl.png");
background-position: 50% 100%;
background-repeat: no-repeat;
background-size: 6vw;
border-radius: 90px;
width: 15vw;
margin-left: 20px;
margin-right: 20px;
padding: 7% 71px 3%;
transition: background-color .3s;
display: inline-block;
}
.figure:hover {
background-color: #ff6835;
}
.hero-row-hidden {
overflow: hidden;
}
.hero-text-4 {
color: #000;
letter-spacing: -5.5px;
text-transform: uppercase;
margin-top: 10px;
margin-bottom: 0;
font-size: 8.52vw;
font-weight: 400;
line-height: 8.52vw;
display: inline-block;
}
.center-content {
text-align: center;
width: 100%;
overflow: hidden;
}
.hero-text-2 {
color: #000;
letter-spacing: -5.5px;
text-transform: uppercase;
margin-top: 10px;
margin-bottom: 0;
font-size: 6vw;
font-weight: 400;
line-height: 8.52vw;
display: inline-block;
}
.updates-badge {
z-index: 5;
color: #000;
text-align: center;
background-color: #fffb00;
border-radius: 50%;
flex-direction: column;
justify-content: center;
align-items: center;
width: 80px;
height: 80px;
margin: 7% 10px 17px;
padding: 11px;
font-size: 11px;
line-height: 13px;
text-decoration: none;
display: flex;
position: absolute;
inset: 0% auto auto 0%;
}
.hero-text-1 {
color: #000;
letter-spacing: -4.7px;
text-transform: uppercase;
margin-top: 40px;
margin-bottom: 0;
font-size: 6.5vw;
font-weight: 700;
line-height: 6.5vw;
display: inline-block;
}
.hero-title {
color: #0f0f0f;
text-align: left;
letter-spacing: -2.2px;
text-transform: uppercase;
font-size: 24px;
font-weight: 600;
line-height: 30px;
display: inline-block;
}
.hero-text-box {
z-index: 2;
color: #fff;
text-align: center;
justify-content: center;
align-items: center;
width: 100%;
max-width: 1050px;
margin-bottom: 200px;
margin-left: auto;
margin-right: auto;
padding-top: 200px;
display: flex;
position: relative;
}
.figure-2 {
background-color: #09abf3;
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/62549ef9a2813a6cfbbebc5f_Mountain.png");
background-position: 50% 100%;
background-repeat: no-repeat;
background-size: 15vw;
border-radius: 90px;
width: 15vw;
margin-left: 20px;
margin-right: 20px;
padding: 7% 71px 3%;
transition: background-color .3s;
display: inline-block;
}
.figure-2:hover {
background-color: #21c1f3;
}
.hero-gradient-section {
background-image: linear-gradient(#fff, #fecc2f);
width: 100%;
max-width: 1440px;
height: auto;
margin-left: auto;
margin-right: auto;
display: flex;
position: relative;
overflow: hidden;
}
.hero-text-3 {
color: #000;
letter-spacing: -4.7px;
text-transform: uppercase;
margin-top: 40px;
margin-bottom: 0;
font-size: 6.5vw;
font-weight: 700;
line-height: 6.5vw;
display: inline-block;
}
.story-text-block {
width: 100%;
}
.story-image-4 {
justify-content: center;
align-items: center;
width: 50%;
display: flex;
}
.center-dot {
background-color: #fff;
border-radius: 50%;
width: 9px;
height: 9px;
}
.flex-justify-end {
justify-content: flex-end;
width: 100%;
display: flex;
}
.text-number {
text-transform: uppercase;
font-family: Poppins, sans-serif;
font-size: 60px;
font-weight: 700;
line-height: 60px;
}
.story-text-last {
justify-content: space-between;
align-items: center;
width: 50%;
min-height: 600px;
display: flex;
}
.story-text {
justify-content: center;
align-items: center;
width: 50%;
min-height: 600px;
display: flex;
}
.center-line-box {
text-align: right;
justify-content: center;
align-items: center;
width: 75px;
display: flex;
position: relative;
}
.change-image-here {
background-color: #0000;
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
height: 100%;
position: absolute;
inset: 0%;
overflow: hidden;
}
.change-image-here.story-3 {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/61da16cdcfc38610502d7319_IMG_8402.jpg");
}
.change-image-here.story-4 {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/6254a013607a5828adadaf5e_story-5.jpg");
}
.change-image-here.story-2 {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/61db725984b949275e7f6928_IMG_0291.jpg");
background-position: 20%;
background-size: cover;
}
.change-image-here.story-1 {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/61eaeeb37ab587e2accf217d_625j89.gif");
}
.content-section-3 {
background-color: #0000;
width: 100%;
max-width: 100%;
padding-top: 220px;
position: relative;
overflow: hidden;
}
.story-text-2 {
justify-content: space-between;
align-items: center;
width: 50%;
min-height: 600px;
display: flex;
}
.story-image {
justify-content: center;
align-items: center;
width: 50%;
display: flex;
}
.dot-2 {
z-index: 1;
background-color: #b9cfd5;
border-radius: 50%;
justify-content: center;
align-items: center;
width: 20px;
height: 20px;
margin-left: auto;
margin-right: auto;
display: flex;
position: relative;
}
.story-block {
display: flex;
}
.story-block:nth-child(odd) {
flex-direction: row-reverse;
}
.story-block.last {
padding-top: 0;
}
.center-text-2 {
text-align: center;
text-transform: uppercase;
font-size: 22px;
font-weight: 700;
line-height: 22px;
}
.story-mini-title {
margin-bottom: 38px;
font-family: Poppins, sans-serif;
}
.story-mini-title.last {
margin-top: 60px;
margin-bottom: 0;
}
.center-line {
background-color: #b1bdc9;
width: 1px;
height: 100%;
margin-left: auto;
margin-right: auto;
position: absolute;
}
.story-text-box {
width: 100%;
max-width: 480px;
margin-top: 30px;
margin-left: 5%;
margin-right: 3%;
}
.story-text-box._2 {
margin-right: 0%;
}
.paragraph-micro {
color: #0f0f0f;
text-transform: none;
margin-bottom: 20px;
font-family: Poppins, sans-serif;
font-size: 38px;
font-weight: 400;
line-height: 50px;
}
.relative-flex {
display: flex;
position: relative;
}
.paragraph-114 {
font-family: Poppins, sans-serif;
}
.sparkle__black {
position: absolute;
bottom: -36px;
right: -36px;
}
.hero__subtitle {
text-align: center;
margin-bottom: 32px;
font-family: Poppins, sans-serif;
font-size: 21px;
font-weight: 500;
line-height: 1.5;
}
.title__wrap {
flex-direction: column;
justify-content: center;
align-items: center;
margin-bottom: 32px;
display: flex;
}
.title__wrap.is--bg {
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
background-repeat: no-repeat;
background-size: contain;
padding-left: 32px;
padding-right: 32px;
overflow: visible;
}
.btn__wrap {
display: flex;
position: relative;
}
.bg--playful {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/62718751bca9b28d093656b9_60ab9cab9af2c2b060aa999b_60887404dc914873fb0380f4_Heading%20span.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
padding: 9px 32px;
display: flex;
}
.hero__content-2 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
max-width: 64%;
display: flex;
}
.hero-3 {
background-color: #edeff2;
padding-top: 120px;
}
.hero__title-2 {
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Poppins, sans-serif;
font-size: 75px;
line-height: 1.2;
}
.btn-3 {
cursor: pointer;
background-color: #495bff;
border-radius: 16px;
}
.btn-3.is--hero {
justify-content: center;
align-items: center;
padding: 14px 32px;
font-size: 16px;
font-weight: 500;
line-height: 1.2;
display: flex;
}
.container-1088 {
width: 100%;
max-width: 1200px;
height: 100%;
margin-left: auto;
margin-right: auto;
padding-left: 3%;
padding-right: 3%;
position: relative;
}
.hero__wrap {
flex-direction: column;
justify-content: center;
align-items: center;
height: 100%;
padding-bottom: 64px;
display: flex;
}
.intro {
background-color: #edeff2;
background-image: none;
background-position: 50% 100%;
background-repeat: no-repeat;
position: relative;
}
.intro__wrap {
flex-direction: column;
justify-content: center;
align-items: center;
height: 100%;
display: flex;
position: relative;
}
.hero-screen__element {
width: 310px;
position: absolute;
bottom: 0%;
right: 0%;
}
.play-link {
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
}
.play-icon-6 {
width: 70px;
}
.featured-video {
filter: grayscale();
border-radius: 20px;
width: 100%;
max-width: 800px;
max-height: 450px;
margin-bottom: 40px;
margin-left: auto;
margin-right: auto;
}
.headline {
margin-top: 0;
margin-bottom: 0;
font-weight: 400;
line-height: 150%;
}
.headline.xl {
font-family: Poppins, sans-serif;
font-size: 75px;
font-weight: 700;
line-height: 100%;
}
.logo-marquee {
width: 50%;
display: flex;
}
.gradient-dark {
z-index: 10;
background-image: linear-gradient(to right, #0a2640, #0a264000 38%, #7a8a9800 62%, #0a2640);
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.logo-wrap {
flex: 1;
margin-left: 25px;
margin-right: 25px;
}
.navbar-4 {
z-index: 9;
background-color: #0000;
}
.column-67 {
flex: 1;
}
.column-67.half {
flex: 0 auto;
width: 50%;
}
.cta-wrapper-2.margin-top---40 {
margin-top: 40px;
}
.image---hero {
width: 81%;
}
.button---small {
color: #fff;
text-align: center;
background-color: #0a2640;
border: 2px solid #0a2640;
border-radius: 56px;
padding: 8px 40px;
font-size: 16px;
font-weight: 700;
line-height: 150%;
}
.button---small.tertiary {
color: #0a2640;
background-color: #fff;
border-color: #fff;
}
.button---small.tertiary:active {
background-color: #b46eed;
border-color: #b46eed;
}
.text-s {
font-size: 16px;
line-height: 175%;
}
.text-s.text-weight---600 {
font-weight: 600;
}
.button-37 {
color: #fff;
text-align: center;
background-color: #0a2640;
border: 2px solid #0a2640;
border-radius: 56px;
padding: 16px 56px;
font-weight: 700;
line-height: 140%;
}
.button-37.secondary {
color: #0a2640;
background-color: #65e4a3;
border-color: #65e4a3;
}
.button-37.inverted {
color: #0a2640;
background-color: #0000;
border: 2px solid #0a2640;
}
.button-37.inverted.secondary {
color: #fff;
border-color: #fff;
}
.logo-slider {
width: 200%;
display: flex;
overflow: hidden;
}
.brand-link {
width: 162px;
}
.nav-link-4 {
color: #fff;
padding-right: 40px;
font-weight: 400;
text-decoration: none;
}
.column-wrapper {
flex-wrap: wrap;
display: flex;
}
.logo-image-2 {
width: 100%;
}
.hero-info {
flex-direction: column;
justify-content: center;
align-items: flex-start;
max-width: 450px;
display: flex;
}
.subheading-3 {
color: #000;
max-width: 370px;
padding-top: 26px;
font-size: 20px;
font-weight: 400;
line-height: 1.6;
}
.nav-3 {
background-color: #0000;
width: 100%;
padding-bottom: 32px;
position: relative;
}
.link-block-18._w-inline-block {
padding-top: 12px;
padding-bottom: 12px;
padding-right: 12px;
}
.hero-heading {
color: #000;
font-family: Poppins, sans-serif;
font-size: 75px;
font-weight: 800;
line-height: 1;
}
.continue-button {
color: #fff;
background-color: #4353ff;
margin-top: 24px;
margin-right: 16px;
padding-left: 24px;
padding-right: 24px;
font-size: 17px;
font-weight: 500;
line-height: 2.5;
}
.nav-wrapper-2 {
justify-content: space-between;
align-items: center;
width: 100%;
max-width: 1280px;
display: flex;
}
.hero-image-wrapper-3 {
min-height: 420px;
}
.webflow-logo-2 {
width: 90px;
}
.hero-section-3 {
padding-bottom: 64px;
padding-left: 64px;
padding-right: 64px;
}
.hero-section-3.cc {
flex-direction: column;
justify-content: center;
align-items: center;
padding: 32px 40px 20px;
display: flex;
}
.nav-button-2.main {
color: #4353ff;
background-color: #4353ff1a;
padding-left: 24px;
padding-right: 24px;
font-size: 15px;
font-weight: 500;
line-height: 2.5;
position: relative;
}
.nav-button-2.secondary {
color: #4353ff;
background-color: #4353ff00;
margin-right: 16px;
padding-left: 24px;
padding-right: 24px;
font-size: 15px;
font-weight: 500;
line-height: 2.5;
transition: all .2s cubic-bezier(.645, .045, .355, 1);
position: relative;
}
.nav-button-2.secondary:hover {
background-color: #4353ff1a;
}
.logo-4.cc-lattice {
width: 120px;
}
.logo-4.cc-zendesk {
width: 100px;
}
.logo-4.cc-getaround {
width: 110px;
}
.logo-4.cc-upwork {
width: 90px;
}
.logo-4.cc-rakuten {
width: 80px;
}
.logo-4.cc-petal {
width: 100px;
}
.logo-4.cc-dell {
width: 70px;
}
.logo-4.cc-hellosign {
width: 124px;
}
.text-span-44 {
color: #fffc;
font-weight: 400;
}
.text-span-44.main {
color: #4353ffcc;
}
.hero-container {
grid-row-gap: 60px;
}
.hero-container.cc {
grid-column-gap: 0px;
grid-row-gap: 50px;
grid-template-columns: .75fr 1fr;
width: 100%;
max-width: 1280px;
padding-top: 24px;
padding-bottom: 24px;
}
.hero-container.cc {
width: 100%;
max-width: 1280px;
padding: 24px 40px;
}
.hero-container.cc {
grid-template-rows: auto;
width: 100%;
max-width: 1280px;
padding: 24px 60px;
}
.hero-container.cc.mobile {
display: none;
}
.hero-logos {
justify-content: space-between;
align-items: center;
margin: 100px 100px 0;
display: flex;
}
.hero-logos._2 {
margin: auto 60px 0;
}
.grid-halves-2 {
grid-column-gap: 50px;
grid-row-gap: 50px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
place-items: center stretch;
display: grid;
}
.grid-halves-2:nth-child(2n) {
direction: rtl;
}
.main-container-3 {
max-width: 1328px;
margin-left: auto;
margin-right: auto;
padding-left: 30px;
padding-right: 30px;
}
.button-38 {
color: #000;
background-color: #b4ff39;
border-radius: 3px;
padding: 12px 50px;
font-weight: 600;
transition: background-color .2s;
}
.button-38:hover {
background-color: #b4ff39cc;
}
.container-1090 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
max-width: 497px;
text-decoration: none;
}
.container-1090.align-center {
margin-left: auto;
margin-right: auto;
}
.uppercase-2 {
letter-spacing: 2.5px;
text-transform: uppercase;
margin-top: 10px;
margin-bottom: 15px;
font-family: Inconsolata, monospace;
font-weight: 400;
}
.uppercase-2.light {
color: #b4b4b4;
}
.section-122 {
padding-top: 90px;
padding-bottom: 90px;
}
.section-122.bg-dark {
background-color: #000;
}
.section-122.bg-dark.bg-image {
background-color: #0000;
background-image: none;
display: flex;
}
.large-text-2 {
font-size: 18px;
font-weight: 400;
line-height: 28px;
}
.container-small-2 {
flex-direction: column;
align-items: flex-start;
width: 100%;
max-width: 386px;
display: flex;
}
.container-small-2.align-center {
direction: ltr;
color: #000;
margin-left: auto;
margin-right: auto;
text-decoration: none;
}
.container-small-2.align-center.dark {
color: #fff;
}
.heading-447 {
text-align: left;
}
.icon-row-image {
width: 100px;
margin-bottom: 0;
}
.icon-item {
justify-content: flex-start;
align-items: center;
display: flex;
}
.icon-item.vertical {
text-align: center;
flex-direction: column;
}
.icon-row-headline {
font-size: 20px;
font-weight: 600;
line-height: 28px;
}
.text-center-2 {
text-align: center;
font-family: Poppins, sans-serif;
font-size: 2em;
line-height: 1.4;
}
.container-large-3 {
max-width: 770px;
}
.container-large-3.align-center {
margin-left: auto;
margin-right: auto;
}
.icon-row-three {
grid-column-gap: 50px;
grid-row-gap: 50px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: center;
max-width: 900px;
margin-left: auto;
margin-right: auto;
display: grid;
}
.heading-448 {
font-family: Poppins, sans-serif;
font-size: 4em;
}
.container-1091 {
width: 100%;
max-width: 1440px;
margin-left: auto;
margin-right: auto;
padding-left: 75px;
padding-right: 75px;
}
.hero-4 {
justify-content: center;
padding-top: 135px;
padding-bottom: 5px;
display: flex;
}
.hero-image-container {
width: 100%;
max-width: 905px;
}
.confetti {
position: absolute;
top: -49px;
right: -92px;
}
.video-section {
display: block;
overflow: hidden;
}
.image-1 {
z-index: 1;
width: 100%;
height: auto;
min-height: 0;
position: relative;
}
.confetti-2 {
position: absolute;
bottom: 52px;
left: -76px;
}
.video-button {
z-index: 5;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.bg-green-1 {
background-color: #fecc2f;
border: 2px solid #000;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.video-wrapper-2 {
opacity: 1;
cursor: pointer;
width: auto;
height: auto;
position: relative;
}
.video-5 {
margin-top: 50px;
margin-bottom: 50px;
}
.work_card {
text-align: center;
width: 100%;
margin-bottom: 5.5em;
}
.container-2 {
width: 100%;
max-width: 100em;
margin-left: auto;
margin-right: auto;
padding: 8em 13em;
}
.container-2.is-hero {
flex-direction: column;
justify-content: center;
align-items: flex-start;
height: 100vh;
display: flex;
}
.work-section-2 {
z-index: 2;
position: sticky;
top: 0;
overflow: hidden;
}
.work_right {
transform-origin: 0 0;
}
.work_photo {
object-fit: cover;
width: 100%;
max-width: none;
height: 100%;
margin-left: auto;
margin-right: auto;
display: block;
position: absolute;
inset: 0%;
}
.page-wrapper {
width: 100%;
font-size: 1em;
position: relative;
}
.work_img {
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
margin-bottom: 1.7em;
padding-top: 131%;
transition: all .5s cubic-bezier(.77, 0, .175, 1);
display: flex;
position: relative;
overflow: hidden;
}
.light-grey {
color: #c3c3c3;
display: inline-block;
}
.work_title {
font-size: 1.4em;
line-height: 1.8;
}
.global-styles {
position: fixed;
inset: 0% 0% auto;
}
.hero-section-4 {
z-index: 1;
position: fixed;
inset: 0% 0% auto;
}
.html {
width: 0;
height: 0;
position: absolute;
inset: 0% 0% auto;
overflow: hidden;
}
.work_left {
transform-origin: 100% 0;
}
.trigger-wrapper {
z-index: -1;
padding-top: 100vh;
position: absolute;
inset: 0% 0% auto;
}
.trigger {
width: 100%;
height: 100vh;
}
.sticky-wrapper-2 {
z-index: 2;
position: relative;
}
.sticky_spacer {
height: 100vh;
}
.work_sub-title {
opacity: .41;
font-size: 1.1em;
}
.hero_shape {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/6295390d10ebb56754186335_hero-shape.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
width: .3em;
display: inline-block;
}
.mid-grey {
color: #878787;
display: inline-block;
}
.work_wrap {
grid-column-gap: 5.6em;
grid-row-gap: 5.6em;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: flex-start;
width: 60.5em;
max-width: 100%;
margin-left: auto;
margin-right: auto;
display: grid;
}
.section-123 {
padding: 80px 40px;
}
.section-123.header {
background-color: #0000;
position: relative;
}
.section-123.video {
padding-top: 40px;
}
.container-1092 {
width: 100%;
max-width: 1080px;
margin-left: auto;
margin-right: auto;
}
.container-1092.video-wrapper {
max-width: 1200px;
}
.header-content {
position: relative;
}
.header-title {
font-size: 2em;
}
.gif-wrapper {
z-index: -1;
width: 100%;
max-width: 244px;
height: 100%;
max-height: 244px;
position: absolute;
inset: auto -10% -30% auto;
}
.arrow-gif {
height: 100%;
}
.header-video {
justify-content: center;
align-items: center;
display: flex;
position: relative;
}
.video-thumbnail-2 {
width: 100%;
max-width: 1200px;
height: 100%;
max-height: 700px;
position: relative;
inset: 0%;
}
.play-btn {
background-color: #68ff5b;
border-radius: 100px;
justify-content: center;
align-items: center;
width: 120px;
height: 120px;
display: flex;
position: absolute;
left: auto;
}
.play-btn-icon {
margin-left: 11px;
}
.btn-4 {
color: #fff;
border: 1px solid #fff;
border-radius: 100px;
justify-content: center;
align-items: center;
width: 180px;
padding: 12px 16px;
text-decoration: none;
display: flex;
}
.btn-4:hover {
color: #68ff5b;
border-color: #68ff5b;
}
.btn-icon {
margin-left: 8px;
}
.btn-text-2 {
text-transform: uppercase;
font-size: 16px;
font-weight: 600;
}
.service-title-4 {
grid-column-gap: 16px;
justify-content: flex-start;
align-items: center;
padding: 0 0 30px;
font-size: 3em;
display: flex;
}
.service-title-4.w--open {
padding-top: 0;
}
.services-wrapper-2 {
grid-column-gap: 100px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.section-heading-2 {
margin-top: 10px;
margin-bottom: 20px;
font-weight: 400;
}
.section-124 {
background-color: #eee;
border-radius: 20px;
margin-bottom: 100px;
margin-left: 30px;
margin-right: 30px;
padding: 20px;
}
.section-124.cc-store-home-wrap {
background-color: #0000;
}
.home-section-wrap {
margin-bottom: 30px;
}
.label-3 {
letter-spacing: 1px;
text-transform: uppercase;
margin-bottom: 10px;
font-size: 12px;
font-weight: 500;
line-height: 20px;
}
.label-3.cc-light {
opacity: .6;
}
.background-video-2 {
-webkit-text-fill-color: inherit;
background-color: #0003;
background-clip: border-box;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 20px;
display: flex;
}
.heading-13 {
text-align: left;
font-size: 62px;
font-weight: 600;
line-height: 62px;
}
.container-1093 {
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
display: flex;
}
.paragraph-light {
opacity: .6;
text-align: left;
}
.home-content-wrap {
margin-top: 80px;
margin-bottom: 120px;
}
.button-39 {
color: #fff;
text-align: center;
background-color: #000;
border-radius: 10px;
width: 200px;
margin-top: 20px;
margin-right: 0;
}
.about-grid {
grid-column-gap: 80px;
grid-row-gap: 30px;
grid-template: ". ."
/ 1fr 2fr;
align-items: center;
margin-bottom: 80px;
}
.about-grid.cc-about-2 {
grid-template-columns: 2fr 1fr;
grid-template-areas: ". .";
}
.image-474 {
border-radius: 10px;
}
.container-1094 {
width: 100%;
max-width: 1140px;
margin-top: 0;
margin-left: auto;
margin-right: auto;
}
.button-40 {
color: #fff;
letter-spacing: 2px;
text-transform: uppercase;
background-color: #1a1b1f;
border-radius: 10px;
padding: 12px 25px;
font-size: 12px;
line-height: 20px;
text-decoration: none;
transition: background-color .4s, opacity .4s, color .4s;
}
.button-40:hover {
color: #fff;
background-color: #32343a;
}
.button-40:active {
background-color: #43464d;
}
.movie-section {
background-color: #000;
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/62953bfe26f7745b0eb15b3a_Element%202.png");
background-position: 50%;
background-size: 50em;
background-attachment: scroll;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
height: 300%;
display: flex;
}
.background-video-22 {
width: 100%;
position: sticky;
top: 0;
}
.div-block-1 {
background-color: #000000de;
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/62953bfe26f77480e1b15b32_byWiind.png");
background-position: 95% 90%;
background-repeat: no-repeat;
background-size: 5em;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
padding-bottom: 1.5em;
display: flex;
}
.div-block-236 {
flex-direction: column;
width: 80%;
}
.text-block-144 {
color: #fff;
width: auto;
max-width: 10em;
font-size: 4.6em;
font-weight: 700;
line-height: 1.15;
}
.section-home-header-2 {
z-index: 1;
cursor: none;
position: relative;
}
.rating-star {
width: 10em;
height: 2.08em;
}
.home-about_flying-images {
height: 300vh;
margin-top: 100vh;
position: relative;
}
.icon-6 {
color: #000;
}
.partners_logo-wrapper {
border-top: 0 #000;
border-bottom: 0 solid #000;
align-items: center;
height: auto;
margin-top: 0;
padding-top: 3.75em;
padding-bottom: 3.75em;
display: flex;
}
.home-header_video-background {
background-image: linear-gradient(#00000045, #00000045);
width: 100%;
height: 100%;
position: absolute;
inset: 0% 0% 0% auto;
}
.home-faq_link-wrapper {
cursor: pointer;
border-top: 1px solid #000;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
height: 6.94em;
display: flex;
position: relative;
overflow: hidden;
}
.global-styles-2 {
display: block;
position: fixed;
inset: 0% auto auto 0%;
}
.home-header_line {
overflow: hidden;
}
.home-projects_project-wrapper {
border: 1px solid #000;
width: 100%;
height: 25.49em;
display: block;
}
.text-size-regular {
font-size: 1.11em;
display: block;
}
.text-size-regular.text-style-underline {
text-decoration: underline;
}
.text-size-regular.margin-top {
margin-top: 2em;
display: block;
}
.nav_brand {
letter-spacing: -.02px;
font-size: 1.11em;
font-weight: 600;
}
.about_flying-image {
z-index: 1;
width: auto;
height: auto;
position: absolute;
inset: 0%;
}
.about_flying-image.is--4 {
mix-blend-mode: normal;
background-color: #f9dd79;
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/62953d01598e414fe9f982aa_home-header-bg.jpg");
background-position: 0 0;
background-size: cover;
width: 40.07em;
height: 30.28em;
inset: auto 0% 20% auto;
}
.about_flying-image.is--3 {
background-color: #ffd09c;
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/62953d01598e412647f982a2_st1.png");
background-position: 0 0;
background-size: cover;
width: 27.29em;
height: 13.82em;
inset: auto auto 0% 0%;
}
.about_flying-image.is--2 {
background-color: #feffee;
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/62953d01598e416f71f982b4_st2.png");
background-position: 0 0;
background-size: cover;
width: 19.58em;
height: 25.21em;
inset: 30% auto 0% 0%;
}
.about_flying-image.is--1 {
background-color: #fbfde1;
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/62953d01598e41fd35f982b8_st3.png");
background-position: 0 0;
background-size: auto;
width: 37.08em;
height: 13.54em;
margin-left: auto;
margin-right: auto;
bottom: auto;
left: 0;
right: 0;
}
.footer_top_text-wrapper {
z-index: 3;
text-transform: uppercase;
flex-direction: column;
align-items: center;
display: flex;
position: relative;
}
.footer_component-2 {
position: relative;
}
.video_component {
z-index: 2147483647;
background-color: #000000e3;
justify-content: center;
align-items: center;
width: 100%;
height: 100vh;
padding: 0;
display: flex;
position: fixed;
inset: 0%;
}
.section-home-about {
z-index: 2;
position: relative;
overflow: visible;
}
.background-video-23 {
object-fit: cover;
width: 100%;
height: 100%;
}
.youtube {
width: 100%;
height: auto;
}
.text-weight-normal-2 {
letter-spacing: -.05em;
font-weight: 400;
}
.text-weight-normal-2.margin-bottom {
margin-bottom: 1rem;
}
.twitter-link {
width: 1.5em;
height: 1.5em;
margin-right: 1em;
padding-left: 0;
padding-right: 0;
}
.section-home-faq {
z-index: 2;
cursor: default;
position: relative;
}
.testimonial_text-wrapper {
width: 55.56em;
}
.services_link {
cursor: pointer;
border-top: 0 solid #000;
border-bottom: 1px solid #000;
justify-content: space-between;
align-items: center;
height: 6.94em;
display: flex;
position: relative;
}
.home-about_slider-component {
width: 100%;
overflow: hidden;
}
.div-block-3 {
display: none;
}
.services_links-wrapper {
cursor: default;
flex-direction: column;
display: flex;
}
.youtube_lightbox-wrapper {
width: 60%;
}
.mouse-hand {
z-index: 1;
mix-blend-mode: difference;
background-color: #fff;
border-radius: 50%;
width: 10em;
height: 10em;
position: fixed;
inset: 0% 0 0 0%;
}
.footer_link-2 {
padding-left: 1.39em;
padding-right: 1.39em;
}
.footer-mask {
z-index: 2;
background-color: #ffd09c;
width: 100%;
height: 100%;
position: absolute;
inset: 0% auto 0% 0%;
}
.footer_top {
z-index: 2;
background-color: #ffedd9;
border-top: 1px solid #000;
justify-content: center;
padding-top: 4.03em;
padding-bottom: 4.03em;
display: flex;
position: relative;
overflow: hidden;
}
.sticker_svg {
width: 90%;
height: 90%;
}
.home-projects_heading-wrapper {
text-transform: uppercase;
flex-direction: column;
align-items: center;
padding-bottom: 10em;
display: flex;
}
.section-home-services {
z-index: 2;
position: relative;
}
.margin-bottom-4 {
margin: 0 0 5vh;
}
.about_slider_image-wrapper {
object-fit: fill;
width: 27.29em;
height: 25.56em;
margin-left: 1.04em;
margin-right: 1.04em;
padding-left: 0;
padding-right: 0;
position: relative;
inset: 0%;
overflow: hidden;
}
.footer_bottom_social-links {
width: auto;
margin-right: 0;
display: flex;
position: relative;
left: 0;
}
.hamburger_lottie {
display: block;
}
.slide-nav-2 {
display: none;
}
.nav_link-2 {
letter-spacing: -.02em;
padding-left: 4.17em;
padding-right: 0;
font-size: 1.11em;
}
.text-size-small-2 {
font-size: .97em;
}
.text-size-small-2.text-align-center {
font-size: 1.11em;
}
.testimonial_img {
object-fit: cover;
width: 100%;
height: 100%;
}
.testimonial_img.fit-right {
object-position: 15% 50%;
}
.home-services_layout {
grid-column-gap: 193px;
grid-row-gap: 193px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
position: relative;
}
.partners_logo-mask {
z-index: 5;
background-image: linear-gradient(to right, #feffee 2%, #0000 21% 80%, #feffee 99%);
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.footer_bottom_link-menu {
justify-content: space-between;
display: flex;
}
.home-about_slider-wrapper {
cursor: ew-resize;
width: 200vw;
padding-top: 8.96em;
padding-bottom: 8.96em;
position: relative;
overflow: visible;
}
.slide {
padding-top: 0;
}
.home-projects_component {
grid-template: ". ."
"Area-2 Area-2"
". ."
/ 1fr 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: row dense;
justify-content: space-between;
place-items: start stretch;
width: 100%;
display: block;
}
.instagram-link {
width: 1.5em;
margin-right: 1em;
padding-left: 0;
padding-right: 0;
}
.partners_heading-wrapper {
letter-spacing: 0;
text-transform: uppercase;
max-width: 50em;
margin-bottom: 10em;
}
.footer_bottom_link-wrapper {
justify-content: space-between;
align-items: center;
display: flex;
}
.faq-link-visible {
justify-content: space-between;
width: 100%;
display: flex;
}
.faq-link-visible.margin-top {
margin-top: 2em;
overflow: visible;
}
.play-button-2 {
width: 60%;
}
.about_text-wrapper {
max-width: 52.64em;
}
.services-link_text {
z-index: 2;
padding-right: .69em;
font-size: 2.64em;
position: relative;
}
.text-align-center-2 {
text-align: center;
padding-top: .87em;
}
.about_slider {
width: 100%;
height: 25.56em;
margin-right: 0;
padding-top: 0;
padding-bottom: 0;
display: flex;
position: relative;
}
.loader_lottie-wrapper {
justify-content: center;
align-items: center;
width: 30%;
height: 100%;
display: flex;
}
.section-home-testimonial {
z-index: 2;
cursor: default;
background-color: #feffee;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
position: relative;
overflow: hidden;
}
.home-header_heading {
letter-spacing: -.03em;
text-transform: uppercase;
cursor: none;
font-size: 8.06em;
line-height: 1;
}
.section-home-partners {
z-index: 2;
background-color: #feffee;
border: 1px solid #000;
border-left: 0 #000;
border-right: 0 #000;
position: relative;
}
.home-faq_layout {
border-bottom: 1px solid #000;
flex-direction: column;
align-items: flex-start;
display: flex;
}
.home-partners_component {
background-color: #0000;
}
.home-services_heading {
text-transform: uppercase;
margin-top: 5em;
margin-bottom: 0;
}
.facebook-link {
width: 1.5em;
height: 1.5em;
margin-right: 1em;
padding-left: 0;
padding-right: 0;
}
.about-sticky_text-wrapper {
margin-top: auto;
margin-bottom: auto;
position: relative;
inset: 0 0%;
}
.home-services_stickers-wrapper {
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.footer_bottom {
background-color: #ffd09c;
border-top: 1px solid #000;
padding-top: 1em;
padding-bottom: 1em;
position: relative;
bottom: 0;
}
.text-weight-light {
letter-spacing: -.05em;
cursor: default;
font-weight: 300;
}
.icon-large {
object-fit: contain;
width: 6.25em;
height: 6.25em;
}
.icon-large.margin-right {
margin-right: 2em;
padding-right: 0;
}
.home-faq_heading {
text-transform: uppercase;
padding-bottom: 8.54em;
}
.sticker {
z-index: 1;
cursor: grab;
background-color: #f9dd79;
border: 0 solid #000;
border-radius: 50%;
justify-content: center;
align-items: center;
width: 5em;
height: 5em;
margin-top: 0;
margin-left: 0;
display: flex;
position: absolute;
inset: 0%;
}
.sticker:active {
transform: scale(1.4);
}
.sticker.is--3 {
z-index: 3;
background-color: #83c9ff;
width: 6em;
height: 6em;
margin-top: 36em;
margin-left: 26em;
transition: transform .2s;
transform: rotate(5deg);
}
.sticker.is--3:active {
transform: scale(1.4)rotate(15deg);
}
.sticker.is--2 {
z-index: 3;
background-color: #d299e7;
width: 8em;
height: 8em;
margin-top: 45em;
margin-left: 40em;
transition: transform .2s;
transform: rotate(35deg);
}
.sticker.is--2:active {
transform: scale(1.4)rotate(35deg);
}
.sticker.is--1 {
z-index: 3;
justify-content: center;
align-items: center;
width: 7em;
height: 7em;
margin-top: 18em;
margin-left: 15em;
transition: transform .2s;
display: flex;
overflow: hidden;
transform: rotate(-25deg);
}
.sticker.is--1:active {
transform: scale(1.4)rotate(-25deg);
}
.text-weight-medium {
letter-spacing: -.05em;
font-weight: 500;
}
.video-play-button {
cursor: pointer;
background-color: #f9dd79;
border: 1px solid #000;
border-radius: 50%;
justify-content: center;
align-items: center;
width: 8.33em;
height: 8.33em;
transition: transform .2s;
display: flex;
}
.video-play-button:hover {
transform: rotate(-23deg)scale(1.15);
}
.home-about_sticky-component {
height: 560vh;
}
.text-size-large {
letter-spacing: -.02em;
cursor: default;
mix-blend-mode: normal;
padding-top: 0;
font-size: 3.19em;
font-weight: 500;
line-height: 1.2;
}
.faq-link-hidden {
padding-bottom: 0;
}
.padding-vertical-3 {
padding: 8.96em 0;
}
.home-projects_layout {
grid-column-gap: 30px;
grid-row-gap: 30px;
grid-template: "."
/ 1fr 1fr 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: row dense;
justify-content: space-between;
place-items: start stretch;
width: 100%;
display: grid;
}
.home-about-sticky-wrapper {
z-index: 2;
text-align: center;
justify-content: center;
align-items: center;
max-width: 53.4em;
height: 100vh;
margin: 0 auto auto;
padding-top: 0;
padding-bottom: 0;
display: flex;
position: sticky;
inset: 0;
}
.about_component {
justify-content: space-between;
align-items: center;
display: flex;
}
.testimonial-slider_slide {
background-color: #0000;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: auto;
height: auto;
display: flex;
}
.services_text-wrapper {
position: relative;
}
.partners_logo_component {
border-top: 1px solid #000;
border-bottom: 1px solid #000;
position: relative;
overflow: hidden;
}
.loader_component {
z-index: 10;
cursor: none;
background-color: #0000;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: none;
position: fixed;
inset: 0%;
}
.video_bar {
justify-content: flex-end;
align-items: center;
width: 100%;
height: 13%;
padding-right: 3em;
display: flex;
position: absolute;
inset: 0% 0% auto;
}
.slider_image {
object-fit: cover;
width: 200%;
max-width: none;
height: 100%;
position: absolute;
inset: 0% auto 0% 0%;
}
.page-padding-4 {
z-index: 2;
padding-left: 11.88em;
padding-right: 11.88em;
position: relative;
}
.testimonial_picture {
background-color: #f9dd79;
border: 1px solid #000;
border-radius: 50%;
width: 8.68em;
height: 8.68em;
overflow: hidden;
}
.nav_menu-2 {
display: flex;
position: relative;
}
.services-link_background {
background-color: #ffd09c;
width: 100%;
height: 100%;
position: absolute;
inset: auto 0% 0%;
}
.services-link_background.is--3 {
background-color: #d299e7;
}
.services-link_background.is--2 {
background-color: #83c9ff;
}
.services-link_background.is--1 {
background-color: #f9dd79;
}
.home-header_content-wrapper {
text-align: center;
cursor: none;
margin-left: auto;
margin-right: auto;
padding-top: 8.5em;
padding-bottom: 3.82em;
}
.testimonial_rating-wrapper {
display: flex;
}
.nav_component {
z-index: 999;
background-color: #fff;
border-bottom: 1px solid #000;
justify-content: space-between;
width: 100%;
margin-left: auto;
margin-right: auto;
padding: 2.08em 4.17em;
display: flex;
position: fixed;
inset: 0% 0% auto;
}
.logo-loop {
flex: none;
align-items: stretch;
display: flex;
}
.html-embed-7 {
color: #fff;
width: auto;
}
.linkedin-link {
width: 1.5em;
height: 1.5em;
padding-left: 0;
padding-right: 0;
}
.services_text-reveal {
opacity: 0;
padding-top: 7em;
position: absolute;
inset: 0%;
}
.services_text-reveal.is--1, .services_text-reveal.is--2, .services_text-reveal.is--3, .services_text-reveal.is--4 {
display: block;
}
.footer_page-preview {
object-fit: cover;
object-position: 50% 50%;
border: 1px solid #000;
width: 13.19em;
height: 6.94em;
}
.icon-small {
color: #000;
width: 100%;
height: 100%;
}
.nav_hamburger {
display: none;
}
.section-home-projects {
z-index: 2;
position: relative;
}
.home-header_video-component {
z-index: 1;
flex-direction: column;
width: 100%;
height: 200vh;
display: block;
position: relative;
overflow: hidden;
}
.services-link_id {
z-index: 2;
padding-left: .69em;
font-size: 2.64em;
position: relative;
}
.team_underline {
background-color: #d3fd50;
width: 0%;
height: 100%;
transition: width .4s;
position: absolute;
}
.popup_item {
width: 100%;
height: 100vh;
}
.popup_bg {
z-index: 1;
opacity: 1;
background-color: #000;
width: 100%;
height: 100vh;
position: absolute;
inset: 0%;
}
.popup_list {
width: 100%;
height: 100vh;
}
.team_heading-wrap {
padding-bottom: 3.1em;
}
.popup_name {
font-size: 6em;
font-weight: 700;
line-height: .9;
}
.team_image {
width: 100%;
padding-top: 132%;
transition: transform .2s;
position: relative;
inset: auto auto 0% 0%;
}
.container-1095 {
z-index: 2;
width: 100%;
max-width: 100em;
margin-left: auto;
margin-right: auto;
padding: 8em 12em;
position: relative;
}
.cursor_embed {
opacity: 0;
color: #fff;
width: 100%;
height: 100%;
transition: all .2s;
transform: scale(.5);
}
.page-wrapper-3 {
width: 100%;
font-size: 1em;
position: relative;
overflow: hidden;
}
.popup_flex {
justify-content: space-between;
align-items: center;
height: 100%;
display: flex;
}
.popup_wrapper {
z-index: 2;
position: relative;
}
.team_grid {
grid-column-gap: 1em;
grid-row-gap: 2.5em;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.popup_img {
flex: none;
width: 100%;
height: 100%;
position: relative;
}
.image-475 {
object-fit: cover;
border-radius: 1em;
width: 100%;
height: 100%;
position: absolute;
inset: 0% auto auto 0%;
}
.popup_content {
z-index: 1;
justify-content: center;
align-items: center;
width: 55%;
height: 100%;
padding: 2.2em;
display: flex;
position: relative;
overflow: hidden;
}
.team_name {
z-index: 2;
font-size: 1.7em;
font-weight: 600;
line-height: 1.2;
position: relative;
}
.popup_visual {
z-index: 2;
flex: none;
width: 45%;
height: 100%;
padding: 1em;
position: relative;
}
.team_card {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
display: flex;
}
.team_title-wrap {
justify-content: flex-start;
align-items: center;
margin-top: 1em;
transition: margin .2s;
display: flex;
position: relative;
}
.popup_title {
letter-spacing: .05em;
text-transform: uppercase;
margin-top: 1em;
margin-bottom: 1.2em;
}
.cursor_dot {
width: 70px;
height: 70px;
}
.popup_contain {
width: 100%;
max-width: 41em;
}
.cursor {
z-index: 2000;
opacity: 0;
justify-content: center;
align-items: center;
width: 100%;
height: 100vh;
transition: opacity .2s;
display: flex;
position: fixed;
inset: 0%;
}
.popup {
z-index: 1000;
color: #d3fd50;
width: 100%;
height: 100vh;
display: none;
position: fixed;
inset: 0% 0% auto;
}
.cta_background-lottie {
margin-top: -1rem;
transform: rotate(180deg);
}
.navbar_component {
background-color: #0000;
border-bottom: 1px #000;
align-items: center;
min-height: 4.5rem;
padding-left: 5%;
padding-right: 5%;
display: flex;
position: sticky;
inset: 0 0% auto;
}
.service-wrapper-content-marketing {
background-color: #c2543eb3;
width: auto;
height: auto;
padding: 5rem 3.5rem 5rem 6rem;
transform: skew(-15deg);
}
.button-secondary-2 {
color: #ecf1f0;
text-align: center;
background-color: #0000;
border: 1px solid #ecf1f0;
border-radius: .6rem;
padding: 3rem 1.5rem;
}
.button-secondary-2.is-button-small {
color: #ecf1f0;
border-width: 2px;
border-color: #ecf1f0;
padding: .5rem 1.25rem;
font-weight: 500;
}
.link-indicator {
background-color: #f0a746;
width: 0;
height: 1.5rem;
margin-right: 2rem;
display: flex;
}
.team_item-2 {
border: .01rem solid #f0a746;
flex-direction: column;
align-items: stretch;
width: 100%;
height: 100%;
padding: 1.5rem 0;
display: flex;
transform: skew(0deg);
}
.team_item-2:hover {
background-image: none;
}
.navbar_logo-text {
color: #ecf1f0;
margin-left: 2.2rem;
font-size: 2rem;
font-weight: 500;
}
.section-services-2 {
position: relative;
}
.heading-xxlarge {
font-size: 9rem;
font-weight: 300;
line-height: 1;
}
.heading-xxlarge.gradient-text-span {
background-image: linear-gradient(283deg, #c2543e, #ffc982 60%);
}
.heading-xxlarge.gradient-text-span.reverse {
background-image: linear-gradient(283deg, #c2543e, #ffcc87);
}
.footer_logo-link {
float: none;
align-items: center;
padding-left: 0;
display: flex;
}
.line-divider-2 {
background-color: #ecf1f0;
width: 100%;
height: 1px;
}
.story-text-3 {
font-weight: 300;
}
.service-wrapper-right {
background-color: #f0a746b3;
width: auto;
height: auto;
padding: 5rem 3.5rem 5rem 6.3rem;
transform: skew(15deg);
}
.social-icon {
width: 3rem;
height: 3rem;
}
.header-lottie-wrap {
width: 40rem;
height: 40rem;
position: absolute;
top: -18%;
bottom: auto;
left: 4%;
}
.max-width-full {
width: 100%;
max-width: none;
}
.max-width-large {
width: 100%;
max-width: 48rem;
}
.max-width-large.align-center {
justify-content: center;
margin-left: auto;
margin-right: auto;
}
.menu-icon-2 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 48px;
height: 48px;
display: flex;
position: relative;
}
.navbar_menu-wrapper {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
height: 100%;
margin-top: 10rem;
display: flex;
}
._2-col-component {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-rows: auto;
grid-template-columns: .25fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.text-size-large-2 {
font-size: 1.25rem;
}
.text-size-large-2.text-align-center {
font-family: Poppins, sans-serif;
}
.contact-select-field {
background-color: #0000;
border: 1px solid #312d55;
height: 4rem;
margin-bottom: 2rem;
}
.team_list {
grid-column-gap: 2rem;
grid-row-gap: 1.5rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
place-items: start center;
display: grid;
}
.form-checkbox-icon {
cursor: pointer;
border: 1px solid #000;
border-radius: 0;
width: 1.125rem;
min-width: 1.125rem;
height: 1.125rem;
min-height: 1.125rem;
margin-top: 0;
margin-left: -1.25rem;
margin-right: .5rem;
transition: all .2s;
}
.form-checkbox-icon.w--redirected-checked {
box-shadow: none;
background-color: #000;
background-size: 16px 16px;
border-width: 1px;
border-color: #000;
}
.form-checkbox-icon.w--redirected-focus {
box-shadow: none;
border-color: #000;
}
.services_content-left {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
grid-template-rows: auto;
grid-template-columns: 1fr 10rem 1fr;
grid-auto-columns: 1fr;
align-items: center;
margin-top: 100vh;
position: relative;
}
.section-cta-2 {
position: relative;
}
.error-message-7 {
margin-top: 1.5rem;
padding: .875rem 1rem;
}
.section-about {
align-items: center;
height: 100vh;
display: flex;
position: relative;
}
.heading-large-2 {
font-size: 3rem;
font-weight: 400;
line-height: 1.2;
}
.services-wrapper-3 {
flex-direction: column;
justify-content: center;
height: 100vh;
display: flex;
}
.services-wrapper-3.hide-desktop {
display: none;
}
.navbar_wrapper {
flex-direction: row;
align-items: center;
display: flex;
}
.cta_content {
flex: 1;
}
.form-input {
color: #000;
background-color: #0000;
border: 1px #000;
border-bottom: 1px solid #312d55;
height: auto;
min-height: 2.75rem;
margin-bottom: 2rem;
padding: .5rem .75rem;
line-height: 1.6;
}
.form-input:focus {
border-color: #000;
}
.form-input::placeholder {
color: #0009;
}
.form-input.is-text-area {
height: auto;
min-height: 11.25rem;
padding-top: .75rem;
padding-bottom: .75rem;
overflow: auto;
}
.menu-icon_line-middle-base {
background-color: #f0a746;
width: 35px;
height: 2px;
position: absolute;
}
.contact-modal_background-overlay {
z-index: -1;
background-color: #00000040;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.lottie-overlay-layer {
z-index: 1;
position: absolute;
inset: 0%;
}
.nav-link-wrapper {
align-items: center;
display: flex;
}
.contact_form-block {
flex-direction: column;
align-items: stretch;
}
.team_image-wrapper {
width: 100%;
height: 30rem;
margin-bottom: 2rem;
padding-top: 100%;
position: relative;
overflow: hidden;
}
.contact-modal_component-main {
z-index: 9999;
justify-content: flex-end;
align-items: center;
width: 100vw;
height: 100vh;
display: none;
position: fixed;
inset: 0%;
}
.job-title-2 {
margin-left: 2rem;
font-size: 2.5rem;
line-height: 1.1;
}
.cta_button-row {
flex-wrap: wrap;
justify-content: flex-end;
align-items: center;
display: flex;
}
.form-checkbox-label {
margin-bottom: 0;
}
.contact-modal_content-wrapper {
background-color: #312d55;
background-image: radial-gradient(circle at 7% 10%, #312d55 16%, #fff 53%);
width: 100vw;
height: 100vh;
padding: 5rem 5%;
position: absolute;
overflow: scroll;
}
.cta_component {
grid-column-gap: 5rem;
grid-row-gap: 2rem;
grid-template-rows: auto;
grid-template-columns: 1fr max-content;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: center;
display: grid;
}
.services_background-video {
z-index: 0;
object-fit: cover;
width: 100vw;
height: 100vh;
position: sticky;
bottom: 0%;
}
.max-width-xxlarge {
width: 100%;
max-width: 80rem;
}
.logo_list {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
}
.cta_button-wrapper {
margin-left: 1rem;
}
.success-message-8 {
color: #312d55;
background-color: #0000;
padding: 1.5rem;
}
.section-clients {
background-image: linear-gradient(#312d55, #312d55);
position: relative;
}
.header-text {
font-size: 9rem;
font-weight: 300;
line-height: 1;
}
.header_background-lottie-wrapper {
z-index: -1;
position: absolute;
inset: 0%;
}
.margin-left, .margin-left.margin-medium, .margin-left.margin-large {
margin-top: 0;
margin-bottom: 0;
margin-right: 0;
}
.header-80vh {
align-items: center;
min-height: 80vh;
display: flex;
}
.field-label-2 {
margin-bottom: .5rem;
font-weight: 400;
display: none;
}
.team-name {
font-size: 3.5rem;
}
.navbar_logo-link {
align-items: center;
padding-left: 0;
display: flex;
}
.menu-icon_line-top {
background-color: #f0a746;
width: 35px;
height: 2px;
padding-bottom: 0;
padding-right: 0;
}
.text-style-link-2 {
text-decoration: underline;
}
.button-41 {
color: #312d55;
text-align: center;
background-color: #f0a746;
border: 1px #000;
border-radius: .6rem;
align-items: center;
padding: 2.2rem 6rem;
font-size: 2rem;
transition: background-color .2s;
display: flex;
}
.button-41:hover {
color: #ecf1f0;
background-color: #c2543e;
}
.button-41.is-button-medium {
border-style: none;
padding: .5rem 3rem;
font-size: 1.5rem;
}
.services_space-reducer {
margin-bottom: -100vh;
}
.text-align-right {
text-align: right;
}
.contact-modal_component {
z-index: 99;
justify-content: flex-end;
align-items: center;
width: 100vw;
height: 100vh;
display: none;
position: fixed;
inset: 0%;
}
.testimonial_wrapper {
opacity: 0;
background-color: #201e38;
flex-direction: row;
justify-content: center;
align-self: center;
align-items: center;
width: 100%;
padding: 2rem .875rem;
display: none;
position: absolute;
inset: 0%;
}
.navbar_container {
border-radius: 1rem;
grid-template-rows: auto;
grid-template-columns: 1fr max-content 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: center;
width: 100%;
height: 100%;
margin-left: auto;
margin-right: auto;
padding-left: 1rem;
padding-right: 1rem;
display: flex;
}
.menu-icon_line-middle {
background-color: #000;
justify-content: center;
align-items: center;
width: 35px;
height: 2px;
margin-top: 6px;
margin-bottom: 6px;
display: flex;
}
.section-header-2 {
position: relative;
}
.page-padding-5 {
padding-left: 5%;
padding-right: 5%;
}
.error-text {
color: #e23939;
}
.video-overlay-layer {
z-index: 1;
background-color: #00000080;
position: absolute;
inset: 0%;
}
.background-skew-block {
background-image: linear-gradient(#201e38, #201e38);
position: absolute;
inset: 0%;
transform: skew(-3deg)rotate(-3deg);
}
.icon-1x1-small-dark {
opacity: 0;
width: 2rem;
height: 2rem;
display: block;
position: absolute;
}
.container-large-4 {
width: 100%;
max-width: 80rem;
margin-left: auto;
margin-right: auto;
position: relative;
}
.max-width-xlarge {
width: 100%;
max-width: 64rem;
}
.contact-modal_close-button {
z-index: 9999;
position: absolute;
top: 1rem;
right: 1rem;
}
.navbar_link {
color: #ecf1f0;
margin-top: .5rem;
margin-bottom: .5rem;
margin-left: 0;
padding: .5rem 0;
font-size: 5rem;
font-weight: 500;
display: inline-block;
position: static;
}
.navbar_link:active, .navbar_link:focus, .navbar_link:visited {
color: #f0a746;
}
.navbar_link.w--current {
color: #000;
}
.footer_top-wrapper {
grid-column-gap: 4vw;
grid-template-rows: auto;
grid-template-columns: 1fr .5fr;
align-items: start;
}
.menu-icon_line-middle-top {
z-index: 2;
width: 35px;
height: 2px;
position: absolute;
inset: 0;
}
.menu-icon_line-bottom {
background-color: #f0a746;
width: 35px;
height: 2px;
}
.navbar_menu {
background-color: #312d55;
flex-direction: column;
justify-content: center;
align-items: center;
height: 100vh;
padding-left: 5%;
padding-right: 5%;
display: flex;
position: absolute;
overflow: auto;
}
.footer_social-link {
align-items: center;
font-size: 14px;
text-decoration: none;
display: flex;
}
.success-text-2 {
font-weight: 600;
}
.text-span-45 {
font-weight: 500;
}
.footer_menu-wrapper {
grid-column-gap: 2rem;
grid-template-rows: auto;
grid-template-columns: 1fr;
align-items: start;
}
.logo_wrapper {
justify-content: center;
align-items: flex-start;
width: 100%;
padding: 4rem .875rem;
display: flex;
position: relative;
}
.footer_social-list {
grid-column-gap: .75rem;
grid-row-gap: 0rem;
white-space: normal;
grid-template-rows: auto;
grid-template-columns: max-content;
grid-auto-columns: max-content;
grid-auto-flow: column;
place-items: start;
margin-bottom: 2rem;
margin-left: -1rem;
display: grid;
}
.service-text-right {
color: #fff;
transform: translate(-38px)skew(-15deg);
}
.cta_background-lottie-wrapper {
z-index: -1;
background-image: linear-gradient(#00000080, #00000080);
position: absolute;
inset: 0%;
}
.contact_content {
color: #ecf1f0;
text-align: left;
}
.logo_img {
filter: brightness(0%) invert();
min-height: 6rem;
max-height: none;
}
.service-text {
color: #fff;
font-size: 1.25rem;
transform: skew(15deg);
}
.menu-icon_wrapper {
flex-direction: column;
justify-content: flex-start;
align-items: center;
display: flex;
}
.form-field-wrapper {
position: relative;
}
.button-row-2 {
flex-wrap: wrap;
align-items: center;
display: flex;
}
.button-row-2.is-button-row-center {
justify-content: center;
margin-right: 1rem;
}
.button-row-2.button-row-center {
justify-content: center;
}
.button-row-2.button-row-center.ss {
justify-content: flex-start;
}
.services_background-video-wrapper {
z-index: -1;
background-image: linear-gradient(#00000080, #00000080);
width: 100vw;
height: 100vh;
position: sticky;
bottom: 0;
}
.gradient-text-span {
-webkit-text-fill-color: transparent;
background-image: linear-gradient(283deg, #c2543e, #ffaf45);
-webkit-background-clip: text;
background-clip: text;
font-weight: 400;
}
.gradient-text-span.reverse {
background-image: linear-gradient(283deg, #ffcc87, #c2543e);
font-weight: 400;
overflow: hidden;
}
.service-wrapper-smm {
background-color: #312d55;
width: auto;
height: auto;
padding: 5rem 3.5rem 5rem 6rem;
transform: skew(-15deg);
}
.service-wrapper-cs {
background-color: #c2543eb3;
width: auto;
height: auto;
padding: 5rem 3.5rem 5rem 6rem;
transform: skew(-15deg);
}
.services_layout {
grid-column-gap: 12rem;
grid-row-gap: 3rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
}
.services_content-right {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
grid-template-rows: auto;
grid-template-columns: 1fr 10rem 1fr;
grid-auto-columns: 1fr;
align-items: center;
padding-top: 150vh;
position: relative;
}
.icon-1x1-small {
width: 2rem;
height: 2rem;
position: absolute;
}
.heading-medium-2 {
font-size: 2rem;
font-weight: 100;
line-height: 1.3;
}
.team_image-2 {
object-fit: cover;
object-position: 50% 0%;
width: 100%;
height: 100%;
padding-left: 0;
position: absolute;
inset: 0%;
transform: scale(1.2);
}
.phone-link {
transition: font-size .2s;
}
.phone-link:hover {
font-weight: 500;
}
.bg-wrap-skew {
z-index: -1;
background-image: linear-gradient(#1a182e99, #1a182e99), url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/62953f34c2886372008121b0_creatus1.png");
background-position: 0 0, 0 0;
background-repeat: repeat, no-repeat;
background-size: auto, cover;
align-items: center;
width: 40%;
max-width: 40%;
height: 40rem;
display: flex;
position: absolute;
inset: 20% 6% 0% auto;
}
.footer_credit-text {
font-size: .875rem;
}
.navbar_menu-button {
padding: 0;
}
.navbar_menu-button.w--open {
background-color: #0000;
}
.service-title-5 {
color: #fff;
transform: translate(-10px)skew(15deg);
}
.form-checkbox {
align-items: center;
margin-bottom: 0;
padding-left: 1.25rem;
display: flex;
}
.contact_component {
grid-column-gap: 5rem;
grid-row-gap: 4rem;
grid-template-rows: auto;
grid-template-columns: .75fr 1fr;
grid-auto-columns: 1fr;
align-items: start;
display: grid;
}
.email-link {
transition: font-size .2s;
}
.email-link:hover {
font-weight: 500;
}
.arrow-img {
min-height: 4rem;
max-height: 4rem;
margin-left: 1rem;
}
.contact_form {
grid-column-gap: 1.5rem;
grid-row-gap: 0rem;
color: #000;
grid-template-rows: auto auto auto auto auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.service-text-right-2 {
color: #fff;
font-size: 1.25rem;
transform: translate(0)skew(-11deg);
}
.link-on-dark-background {
color: #fff;
border-bottom: 1px solid #fff;
}
.link-on-dark-background:hover {
color: #fff;
border-bottom-color: #0000;
}
.button-white {
color: #7832ff;
text-align: center;
background-color: #fff;
border-radius: .25rem;
padding: .8rem 1.5rem;
font-weight: 700;
transition: color .2s ease-in-out, background-color .2s ease-in-out;
}
.button-white:hover {
background-color: #ffffffb3;
}
.button-white.margin-x-2.portrait-margin-x-0.portrait-width-full.portrait-margin-bottom-3 {
margin-left: 16px;
margin-right: 16px;
font-size: 100%;
line-height: 1.7;
}
.container-768 {
width: 100%;
max-width: 768px;
margin-left: auto;
margin-right: auto;
padding-left: 1rem;
padding-right: 1rem;
}
.button-dark {
color: #fff;
background-color: #481e99;
border-radius: .25rem;
padding: .8rem 1.5rem;
font-weight: 700;
transition: color .2s ease-in-out, background-color .2s ease-in-out;
}
.button-dark:hover {
color: #fff;
background-color: #6028cc;
}
.section-in-base {
padding-top: 6rem;
padding-bottom: 6rem;
}
.section-in-base.section-in-remove-bottom.background-color-2 {
background-color: #fecc2f;
}
.text-align-center-3 {
text-align: center;
}
.text-medium {
font-size: 1.25rem;
}
.text-medium.margin-bottom-8 {
color: #000;
font-family: Poppins, sans-serif;
line-height: 1.7;
}
.heading-449 {
color: var(--black);
font-family: Poppins, sans-serif;
font-size: 4.2em;
line-height: 1.1;
}
.box-shadow-large {
box-shadow: inset 0 1px 1px #ffffff1a, 0 50px 100px -20px #32325d40, 0 30px 60px -30px #0000004d;
}
.margin-bottom-5 {
margin-bottom: .5rem;
}
.background-color-2-split {
color: #fff;
background-image: linear-gradient(170deg, #7832ff 35%, #fff 35%);
}
.background-color-2-split.section-in-base {
background-image: linear-gradient(170deg, #fecc2f 35%, #fff 35%);
padding-top: 0;
}
.absolute {
position: absolute;
}
.container-1280 {
width: 100%;
max-width: 1280px;
margin-left: auto;
margin-right: auto;
padding-left: 1rem;
padding-right: 1rem;
}
.text-color-white {
color: #fff;
}
.text-color-white.blk {
color: #000;
}
.relative-3 {
position: relative;
}
.heading-450 {
font-size: 3.2em;
}
.section-125 {
background-color: var(--white);
}
.outro-parent {
z-index: 9999;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100vh;
display: none;
position: fixed;
inset: 0% auto auto 0%;
overflow: hidden;
}
.cursor-arrow {
z-index: 10;
opacity: 1;
width: 50px;
height: 50px;
display: block;
}
.nav-logo-2 {
width: 10.5rem;
}
.div-hide {
position: relative;
overflow: hidden;
}
.nav-link-5 {
color: #faf9f6;
text-transform: uppercase;
padding-bottom: .5rem;
font-size: 1.25rem;
font-weight: 400;
}
.div-hide-ab {
z-index: 1;
position: absolute;
overflow: hidden;
}
.intro-text-2 {
color: #fff;
text-transform: uppercase;
font-size: 9em;
font-weight: 500;
line-height: 1.1;
}
.intro-text-ab {
color: #faf9f6;
text-transform: uppercase;
font-size: 9em;
font-weight: 500;
line-height: 1.1;
}
.intro-text-container {
z-index: 1;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: auto;
display: flex;
position: relative;
}
.nav-link-parent {
z-index: 999;
align-items: center;
display: flex;
position: relative;
overflow: hidden;
}
.nav-4 {
z-index: 9998;
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
justify-content: space-between;
align-items: center;
width: 100%;
padding: 1.875em 2em 1.5625em;
display: flex;
position: fixed;
inset: 0% 0% auto auto;
}
.border-line-btn {
z-index: 1;
background-color: #faf9f6;
width: 100%;
height: 1px;
position: absolute;
inset: auto 0% 0%;
}
.intro-parent {
z-index: 99999;
background-color: #000;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100vh;
display: flex;
position: fixed;
inset: 0% auto auto 0%;
}
.whipe-intro {
z-index: 2;
background-color: #faf9f6;
width: 100%;
height: 100%;
display: block;
position: absolute;
inset: auto auto 0% 0%;
}
.cursor-parent {
z-index: 999;
mix-blend-mode: exclusion;
justify-content: center;
align-items: center;
width: 100%;
height: 100vh;
display: flex;
position: fixed;
inset: 0% auto auto 0%;
}
.border-line-nav {
z-index: 1;
background-color: #faf9f6;
width: 100%;
height: .5px;
position: absolute;
inset: auto 0% 0%;
}
.whipe-outro {
background-color: #000;
width: 100%;
height: 100%;
position: absolute;
inset: auto 0% 0%;
}
.cursor-child {
position: relative;
}
.cursor-dot {
background-color: #fff;
border-radius: 100em;
flex-direction: row;
justify-content: center;
align-items: center;
width: 2em;
height: 2em;
display: flex;
position: relative;
}
.centered {
color: var(--black);
text-align: center;
font-family: Poppins, sans-serif;
font-size: 6em;
}
.paragraph-118 {
color: #ece5e2;
margin-bottom: 0;
}
.paragraph-118.center {
z-index: 9;
color: var(--black);
text-align: center;
font-family: Poppins, sans-serif;
font-size: 1.2em;
position: relative;
}
.button-42 {
color: #151723;
background-color: #fecc3f;
border-radius: 20px;
justify-content: center;
align-items: center;
padding: 20px 40px;
font-family: Poppins, sans-serif;
font-size: 20px;
font-weight: 700;
line-height: 27px;
text-decoration: none;
display: flex;
}
.button-42:hover {
color: #151723;
background-color: #fabc28;
}
.text-bg-wrapper {
align-items: flex-end;
width: 190px;
height: 37px;
display: flex;
position: absolute;
inset: 5px 6px auto auto;
overflow: hidden;
}
.hero-paragraph-wrapper {
align-items: flex-end;
width: 100%;
max-width: 764px;
margin: 20px auto 40px;
display: flex;
position: relative;
}
.paragraph-span {
color: #ece5e2;
font-size: 30px;
font-weight: 400;
text-decoration: none;
}
.section-126 {
background-color: #000000e6;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 90px 6%;
display: flex;
position: relative;
}
.section-126.hero {
background-color: #0000;
height: 65vh;
min-height: 65vh;
padding-top: 60px;
padding-bottom: 0;
}
.section-126.no-padding-top {
padding-top: 0;
}
.section-126.no-padding-top._1 {
background-color: #0000;
}
.text-bg {
background-color: #fecc2fab;
width: 100%;
height: 100%;
margin-left: 0;
padding-left: 0;
}
.hero-wrapper-2 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
display: flex;
}
.container-1281 {
width: 100%;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
}
.container-1281.accordion {
justify-content: center;
max-width: 1000px;
display: flex;
}
.video-wrapper-3 {
background-color: #2a2642;
flex-direction: column;
justify-content: center;
align-items: center;
min-height: 640px;
transition: transform .5s ease-in-out;
display: flex;
}
.video-wrapper-3:hover {
text-decoration: none;
transform: scale(1.05);
}
.play-icon-7 {
width: 170px;
}
.video-content-wrapper {
align-items: center;
margin-top: 30px;
display: flex;
}
.no-margin-3 {
color: var(--white);
font-size: 5em;
}
.video-line {
background-color: #fabc28;
width: 373px;
height: 36px;
margin-bottom: -4px;
margin-left: 20px;
margin-right: 20px;
}
.accordion-text {
color: #fff;
line-height: 40px;
}
.accordian-block {
padding-left: 0;
padding-right: 0;
}
.accordian-block.right {
z-index: 1;
width: 100%;
max-width: 500px;
padding-left: 0;
padding-right: 0;
position: relative;
}
.accordion-toggle {
color: #ece5e2;
justify-content: space-between;
align-items: center;
width: 100%;
height: 80px;
padding-left: 0;
padding-right: 0;
font-family: Ubuntu, Helvetica, sans-serif;
font-size: 30px;
font-weight: 700;
line-height: 40px;
transition: color .35s cubic-bezier(.445, .05, .55, .95);
display: flex;
}
.accordion-toggle:hover {
color: #fabc28;
}
.accordion-item {
width: 100%;
overflow: hidden;
}
.accordion-content {
color: #000;
font-family: Poppins, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 30px;
}
.accordion-icon {
width: 18px;
}
.accordion-dropdown {
background-color: #0000;
display: block;
position: static;
}
.heading-451 {
color: var(--white);
font-family: Poppins, sans-serif;
font-size: 3em;
}
.logo-wrapper-2 {
grid-column-gap: 0px;
grid-row-gap: 0px;
border-top: 1px solid #2a2642;
border-left: 1px solid #2a2642;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.logo-image-wrapper {
border-bottom: 1px solid #2a2642;
border-right: 1px solid #2a2642;
justify-content: center;
align-items: center;
min-height: 240px;
display: flex;
}
.client-logo {
width: 100%;
max-width: 170px;
}
.projects-2 {
grid-column-gap: 16px;
grid-row-gap: 100px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
width: 100%;
max-width: 1140px;
margin-left: auto;
margin-right: auto;
display: grid;
}
.empty-state-5 {
background-color: #e4b5b5;
justify-content: center;
align-items: center;
height: 50px;
margin-bottom: 50px;
font-family: Ubuntu, Helvetica, sans-serif;
font-size: 16px;
font-weight: 500;
display: flex;
}
.button-wrapper-3 {
justify-content: center;
margin-top: 150px;
display: flex;
}
.button-43 {
color: #151723;
background-color: #fabc28;
justify-content: center;
align-items: center;
padding: 20px 40px;
font-family: Ubuntu, Helvetica, sans-serif;
font-size: 24px;
font-weight: 700;
line-height: 27px;
text-decoration: none;
display: flex;
}
.button-43:hover {
color: #151723;
background-color: #fabc28;
}
.section-127 {
padding: 80px 50px;
}
.section-127.l3 {
background-color: #f1f4f6;
padding-left: 50px;
padding-right: 50px;
position: relative;
overflow: hidden;
}
.section-127.l3.video {
background-color: #151723;
padding-left: 0;
padding-right: 0;
}
.section-127.l3._1 {
display: block;
}
.section-127.l4 {
background-color: #151723;
}
.section-127.l2 {
padding-top: 20px;
padding-bottom: 20px;
}
.lightbox-link-12 {
width: 100%;
}
._100-image {
width: 100%;
max-width: none;
}
.container-1282 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
max-width: 1180px;
margin-left: auto;
margin-right: auto;
display: flex;
}
.container-1282.align-left {
align-items: flex-start;
}
.logo-grid-2 {
grid-column-gap: 40px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
width: 100%;
display: grid;
}
.logo-5 {
width: 100%;
}
.checkmark-circle {
background-color: #f1f4f6;
border-radius: 100%;
justify-content: center;
align-items: center;
width: 25px;
height: 25px;
display: flex;
}
.point-icon {
padding: 6px;
}
.bold-span {
color: #1d1d1f;
}
.text-column._500px-max-width {
max-width: 500px;
}
.text-column._500px-max-width._40px-padding {
padding-top: 40px;
padding-bottom: 40px;
}
.text {
text-align: center;
font-family: Poppins, sans-serif;
}
.text.centered {
text-align: center;
}
.checkmark-grid {
grid-column-gap: 12px;
grid-row-gap: 12px;
grid-template-rows: auto;
grid-template-columns: auto 1fr;
grid-auto-columns: 1fr;
margin-bottom: 20px;
display: grid;
}
.h2-title {
letter-spacing: -.0375em;
margin-top: 13px;
margin-bottom: 16px;
font-size: 4vw;
}
.h2-title.l3 {
max-width: 680px;
}
.image-wrap.l2 {
background-color: #517df5;
border-radius: 26px;
justify-content: center;
align-items: flex-end;
padding-left: 60px;
padding-right: 60px;
display: flex;
}
.large-text-3 {
font-size: 18px;
}
.large-text-3._30px-margin {
margin-bottom: 30px;
}
.large-text-3.l3 {
max-width: 500px;
}
.content-grid {
grid-column-gap: 80px;
grid-row-gap: 45px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
width: 100%;
display: grid;
}
.about-3-columns {
grid-column-gap: 20px;
grid-row-gap: 20px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: stretch;
width: 100%;
margin-top: 45px;
display: grid;
}
.about-grid-2 {
grid-column-gap: 20px;
grid-row-gap: 20px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
padding-top: 60px;
display: grid;
}
.title-wrap-2 {
flex-direction: column;
align-items: center;
max-width: 900px;
display: flex;
}
.title-wrap-2.align-left {
align-items: flex-start;
}
.about-column-wrap {
flex-direction: column;
flex: none;
align-items: center;
display: flex;
}
.about-icon {
width: 30px;
height: 30px;
margin-bottom: 15px;
}
.about-name {
color: #000;
text-align: center;
flex: none;
margin-bottom: 10px;
font-family: Poppins, sans-serif;
font-size: 20px;
font-weight: 600;
line-height: 1.5;
}
.about-column {
background-color: #fff;
border-radius: 20px;
flex-direction: column;
flex: 1;
align-items: center;
padding: 30px;
display: flex;
}
.about-column.large {
flex: none;
align-items: center;
width: 100%;
}
.video-tab-menu {
flex-direction: column;
justify-content: space-between;
align-items: stretch;
width: 25%;
font-size: 12px;
display: flex;
}
.video-tab-menu._1 {
padding-top: 0;
}
.object-fit-cover {
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.video-tab-component {
flex-direction: row-reverse;
display: flex;
}
.video-tab-videos {
flex: 1;
}
.video-tab-link-cover {
z-index: 1;
background-color: var(--white);
height: 100%;
padding-top: 0;
padding-bottom: 0;
position: absolute;
inset: 0%;
}
.video-tab-link {
color: #000;
background-color: #f8f8f8;
justify-content: center;
align-items: center;
height: 20%;
margin-bottom: 0;
display: flex;
position: relative;
overflow: hidden;
}
.video-tab-link.w--current {
background-color: #f8f8f8;
margin-bottom: 0;
}
.image-476 {
position: relative;
overflow: hidden;
}
.image-476._16x9 {
padding-top: 56.25%;
}
.video-tab-link-image {
z-index: 2;
color: #fff;
max-width: 50%;
position: relative;
}
.section-128 {
margin-left: auto;
margin-right: auto;
}
.outline---dark {
border: 10px solid #0000;
}
.video-tab-progress-bar {
z-index: 2;
background-color: #0052cd;
width: 8px;
position: absolute;
inset: 0% 0% 0% auto;
}
.video-tab-link-cover-2 {
z-index: 1;
background-color: #0000;
height: 100%;
position: absolute;
inset: 0%;
}
.orange-line {
background-color: #fecc2f;
width: 46px;
height: 2px;
margin-right: 20px;
}
.contain {
object-fit: contain;
}
.heading-wrapper-3 {
width: 100%;
}
.heading-wrapper-3.homepage-hero {
flex-direction: column;
align-items: center;
width: auto;
margin-top: 15px;
display: flex;
}
.button-line-2.bottom {
transform-origin: 100%;
background-color: #fff;
width: auto;
height: 2px;
position: absolute;
inset: auto 0% 0%;
}
.button-line-2.left {
transform-origin: 0 100%;
background-color: #fff;
width: 2px;
position: absolute;
inset: 0% auto 0% 0%;
}
.button-line-2.top {
transform-origin: 0%;
background-color: #fff;
width: auto;
height: 2px;
position: absolute;
inset: 0% 0% auto;
}
.button-line-2.right {
transform-origin: 50% 0;
background-color: #fff;
width: 2px;
position: absolute;
inset: 0% 0% 0% auto;
}
.paragraph-and-button-container {
justify-content: space-between;
align-items: flex-start;
max-width: 900px;
margin-top: 70px;
margin-left: auto;
margin-right: auto;
display: flex;
}
.hero-heading-2 {
margin-bottom: 0;
}
.hero-heading-2.bottom {
text-align: center;
position: relative;
right: -15%;
}
.hero-heading-2.top {
text-align: center;
position: relative;
left: -2%;
}
.hero-image-wrapper-4 {
justify-content: center;
align-items: center;
width: 120%;
margin-top: 90px;
display: flex;
}
.hero-paragraph-3 {
color: #6c6768;
width: 50%;
margin-bottom: 0;
font-size: 18px;
}
.tagline-container {
align-items: center;
margin-bottom: 0;
display: flex;
}
.partners-image {
object-fit: contain;
}
.partners-image._5, .partners-image._1, .partners-image._4, .partners-image._3, .partners-image._2 {
margin: 30px;
}
.partnered-by-text {
font-size: 18px;
font-weight: 500;
}
.button-text-5 {
color: #fff;
letter-spacing: .32px;
text-transform: uppercase;
font-weight: 700;
line-height: 187%;
}
.tagline-text {
color: #fecc2f;
margin-bottom: 0;
font-size: 20px;
font-style: italic;
font-weight: 500;
line-height: 140%;
}
.partners-container {
flex-direction: column;
align-items: center;
margin-top: 120px;
display: flex;
}
.hero-section-wrapper {
flex-direction: column;
justify-content: center;
align-items: center;
width: 90%;
max-width: 1100px;
margin-left: auto;
margin-right: auto;
padding-top: 80px;
padding-bottom: 140px;
display: flex;
position: relative;
}
.orange-buttons {
color: #fff;
cursor: pointer;
background-color: #ff4f11;
justify-content: flex-start;
align-items: center;
padding: 15px 44px;
text-decoration: none;
display: block;
position: relative;
overflow: visible;
}
.partners-logo {
margin-top: 60px;
}
.partners-logo.homepage {
opacity: .5;
flex-wrap: wrap;
place-content: space-around center;
align-items: center;
padding-bottom: 0;
display: flex;
}
.testimonial-top-wrapper {
align-items: center;
display: flex;
}
.position-testimonial {
color: #6c6768;
margin-top: 3px;
font-size: 16px;
line-height: 181%;
}
.test-image {
object-fit: contain;
width: 42px;
}
.testimonial-wrapper {
flex-direction: column;
justify-content: center;
align-items: center;
width: 90%;
max-width: 1100px;
margin-left: auto;
margin-right: auto;
padding-top: 60px;
padding-bottom: 112px;
display: flex;
position: relative;
}
.testimonial-navigation {
font-size: 14px;
}
.slider-testimonial-2 {
background-color: #0000;
min-width: 680px;
max-width: 680px;
margin-top: 100px;
}
.left-arrow-3 {
display: none;
}
.testimonial-slide {
flex-direction: column;
justify-content: space-between;
width: auto;
max-width: 680px;
height: 230px;
display: flex;
}
.right-arrow-3 {
display: none;
}
.testimonial-heading-2 {
width: auto;
margin-top: 15px;
margin-bottom: 20px;
font-family: Poppins, sans-serif;
font-size: 64px;
}
.testimonial-text-block {
color: #6c6768;
margin-right: 0%;
}
.name-testimonial {
margin-left: 16px;
font-size: 30px;
font-weight: 500;
line-height: 133%;
}
.testimonial-bottom-info {
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
}
.testimonial-heading-content {
text-align: center;
margin-bottom: 0;
font-size: 24px;
line-height: 167%;
}
.projects-wrapper {
flex-direction: column;
justify-content: space-between;
align-items: center;
width: 90%;
max-width: 1100px;
margin-left: auto;
margin-right: auto;
padding-top: 160px;
padding-bottom: 160px;
display: flex;
position: relative;
}
.projects-top-wrapper {
justify-content: space-between;
align-items: center;
width: 100%;
margin-bottom: 80px;
display: flex;
}
.right-arrow-4 {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/62966e1782cb347d2642809f_arrow-right.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: auto;
width: 50px;
height: 50px;
margin-left: -10px;
margin-right: 0;
transition: all .2s;
inset: auto auto -20% 5%;
}
.right-arrow-4:hover {
background-color: #1c03090d;
border-radius: 10px;
transform: translate(5px);
}
.projects-paragraph {
opacity: 1;
color: #6c6768;
max-width: 492px;
margin-bottom: 0;
margin-left: 142px;
font-size: 16px;
line-height: 156%;
}
.projects-heading {
width: 70%;
margin-bottom: 0;
font-size: 64px;
}
.project-slide-nav {
display: none;
}
.projects-slider {
object-fit: contain;
background-color: #0000;
width: 110%;
height: auto;
margin-bottom: 60px;
margin-left: auto;
}
.left-arrow-4 {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/62966e1782cb34650b42809e_arrow-left.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: auto;
width: 50px;
height: 50px;
margin-left: -10px;
transition: all .2s;
inset: auto auto -20% 0%;
}
.left-arrow-4:hover {
background-color: #1c03090d;
border-radius: 10px;
transform: translate(-5px);
}
.brown-button {
color: #fff;
cursor: pointer;
background-color: #1c0309;
justify-content: flex-start;
align-items: center;
padding: 15px 44px;
text-decoration: none;
display: block;
position: relative;
overflow: visible;
}
.brown-button.faq {
margin-top: 80px;
}
.projects-bottom-container {
justify-content: space-between;
align-items: center;
margin-top: 100px;
display: flex;
}
.project-mask {
max-width: 470px;
overflow: visible;
}
.projects-sections {
overflow: hidden;
}
.project-slide {
margin-right: 50px;
position: relative;
}
.heading-452, .heading-453 {
font-size: 2em;
}
.brown-line {
background-color: #1c0309;
width: 90%;
height: 1px;
margin-left: auto;
margin-right: auto;
}
.why-us-text-container {
width: 40%;
max-width: 350px;
}
.why-us-paragraph {
color: #6c6768;
letter-spacing: -.2px;
margin-bottom: 0;
font-size: 16px;
}
.why-us-points {
max-width: 640px;
}
.why-us-heading {
width: auto;
margin-top: 15px;
margin-bottom: 30px;
}
.why-us-wrapper {
border-bottom: 1px #1c0309;
justify-content: space-between;
align-items: center;
width: 90%;
max-width: 1100px;
margin-left: auto;
margin-right: auto;
padding-top: 160px;
padding-bottom: 140px;
display: flex;
position: relative;
}
.text-block-15px {
letter-spacing: -.5px;
font-size: 15px;
}
.text-50px {
letter-spacing: -2px;
font-size: 50px;
font-weight: 700;
line-height: 100%;
}
.point-wrapper {
border-top: 1px solid #1c030933;
border-bottom: 1px solid #1c030933;
flex-direction: row;
justify-content: space-between;
align-items: center;
padding: 50px 30px;
display: flex;
}
.why-us-image {
object-fit: contain;
}
.why-us-right-container {
width: 60%;
}
.why-us-text-block {
color: #6c6768;
margin-bottom: 100px;
margin-right: 10%;
}
.data-container {
background-color: #e9e9e9;
flex-direction: column;
flex: none;
justify-content: center;
align-items: center;
width: 200px;
height: 150px;
margin-right: 66px;
padding: 50px 30px;
display: flex;
}
.about-hero-wrapper {
flex-direction: column;
justify-content: space-between;
align-items: center;
width: 90%;
max-width: 1100px;
margin-left: auto;
margin-right: auto;
padding-top: 80px;
padding-bottom: 0;
display: flex;
position: relative;
}
.about-hero-tagline {
flex-direction: column;
width: 25%;
padding-bottom: 10px;
display: block;
}
.tagline-hero-paragraph {
opacity: 1;
color: #6c6768;
width: auto;
margin-top: 20px;
margin-bottom: 0;
font-family: Poppins, sans-serif;
font-size: 18px;
}
.about-hero-heading {
max-width: 440px;
margin-bottom: 0;
font-family: Poppins, sans-serif;
font-size: 75px;
}
.about-main-video {
position: relative;
}
.about-top-wrapper {
justify-content: space-between;
align-items: flex-end;
margin-bottom: 116px;
display: flex;
}
.play-button-3 {
transition: all .2s;
position: absolute;
inset: auto auto 40% 45%;
}
.play-button-3:hover {
transform: scale(1.1);
}
.why-us-contain {
max-width: 260px;
}
.the-people-wrapper {
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 90%;
max-width: 1100px;
margin-left: auto;
margin-right: auto;
padding-top: 0;
padding-bottom: 80px;
display: flex;
position: relative;
}
.subheads-container {
flex-direction: column;
width: 40%;
display: block;
}
.orange-line-2 {
background-color: #fecc2f;
width: 46px;
height: 2px;
margin-right: 20px;
}
.the-people-paragraph {
opacity: 1;
color: #000;
text-align: center;
width: 80%;
margin-top: 0;
margin-bottom: 0;
font-family: Poppins, sans-serif;
font-size: 18px;
}
.text-50px-white {
color: #fff;
letter-spacing: -2px;
margin-bottom: 40px;
font-size: 50px;
font-weight: 700;
line-height: 100%;
}
.the-people-section {
margin-top: 60px;
}
.about-us-16px-paragraph {
opacity: .6;
color: #fff;
margin-top: 20px;
margin-bottom: 0;
font-size: 16px;
line-height: 156%;
}
.the-people-brown-section {
background-color: #1d1b1c;
padding-top: 100px;
padding-bottom: 100px;
font-family: Poppins, sans-serif;
}
.the-people-heading {
text-align: center;
width: auto;
margin-top: 20px;
margin-bottom: 30px;
font-family: Poppins, sans-serif;
font-size: 64px;
}
.tagline-text-2 {
color: #fecc2f;
margin-bottom: 0;
font-size: 18px;
font-style: italic;
font-weight: 500;
line-height: 140%;
}
.the-people-grid {
grid-column-gap: 120px;
grid-template-rows: auto;
grid-template-columns: 1.25fr 1.25fr 1.25fr;
justify-items: stretch;
max-width: 1000px;
margin-left: auto;
margin-right: auto;
}
.member-position {
opacity: .6;
color: #fecc2f;
text-align: center;
width: auto;
max-width: none;
margin-top: 3px;
margin-bottom: 0;
font-family: Poppins, sans-serif;
font-size: 16px;
font-weight: 700;
line-height: 181%;
}
.team-members-grid {
grid-column-gap: 60px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
align-items: start;
margin-top: 80px;
}
.orange-line-3 {
background-color: #fecc2f;
width: 46px;
height: 2px;
margin-right: 20px;
}
.our-team-wrapper {
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 90%;
max-width: 1100px;
margin-left: auto;
margin-right: auto;
padding-top: 80px;
padding-bottom: 100px;
display: flex;
position: relative;
}
.member-image {
object-fit: contain;
}
.our-team-section {
background-color: #1c0309;
margin-top: 0;
}
.our-team-section._1 {
background-color: var(--white);
}
.our-team-paragraph {
opacity: .6;
color: var(--black);
text-align: center;
width: 49%;
max-width: 493px;
margin-top: 30px;
margin-bottom: 0;
font-family: Poppins, sans-serif;
font-size: 16px;
font-weight: 500;
line-height: 181%;
}
.member-name {
color: var(--black);
text-align: center;
margin-top: 20px;
margin-left: 0;
font-family: Poppins, sans-serif;
font-size: 30px;
font-weight: 500;
line-height: 133%;
}
.tagline-text-3 {
color: #fecc2f;
margin-bottom: 0;
font-size: 20px;
font-style: italic;
font-weight: 500;
line-height: 140%;
}
.our-team-heading {
color: var(--black);
width: auto;
margin-bottom: 0;
font-family: Poppins, sans-serif;
}
.member-position-2 {
opacity: .6;
color: #fff;
text-align: center;
width: auto;
max-width: none;
margin-top: 3px;
margin-bottom: 0;
font-size: 16px;
line-height: 181%;
}
.orange-line-4 {
background-color: #fecc2f;
width: 46px;
height: 2px;
margin-right: 20px;
}
.orange-line-4.animate {
width: 0;
margin-right: 20px;
}
.our-team-section-2 {
background-color: #1c0309;
margin-top: 120px;
}
.our-team-paragraph-2 {
opacity: .6;
color: #fff;
text-align: center;
width: 49%;
max-width: 493px;
margin-top: 30px;
margin-bottom: 0;
font-size: 16px;
line-height: 181%;
}
.member-name-2 {
color: #fff;
text-align: center;
margin-top: 20px;
margin-left: 0;
font-size: 30px;
font-weight: 500;
line-height: 133%;
}
.tagline-text-4 {
color: #fecc2f;
margin-bottom: 0;
font-family: Poppins, sans-serif;
font-size: 20px;
font-style: italic;
font-weight: 500;
line-height: 140%;
}
.our-team-heading-2 {
color: #fff;
width: auto;
margin-bottom: 0;
}
.footer-top-wrapper {
flex-direction: column;
align-items: center;
display: flex;
}
.footer-social-icons {
align-items: center;
margin-right: 0;
display: flex;
}
.footer-grid-2 {
grid-column-gap: 60px;
grid-template-columns: 5fr 1fr 1.75fr 1.75fr 3fr;
max-width: 1110px;
}
.footer-subparagraph {
opacity: 1;
color: #6c6768;
width: auto;
max-width: none;
margin-top: 10px;
margin-bottom: 35px;
font-size: 16px;
line-height: 175%;
}
.footer-paragraph {
opacity: 1;
color: #6c6768;
width: auto;
max-width: none;
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
line-height: 175%;
}
.footer-subhead {
margin-bottom: 20px;
font-size: 18px;
font-weight: 500;
line-height: 178%;
}
.logos-social {
cursor: pointer;
object-fit: contain;
border: 1px solid #0000001a;
border-radius: 100px;
justify-content: center;
align-items: center;
width: 40px;
height: 40px;
display: flex;
}
.logos-social.footer-middle {
background-color: #0000001a;
border-style: none;
width: 44px;
height: 44px;
margin-left: 20px;
margin-right: 20px;
}
.logos-social.footer {
background-color: #0000001a;
border-style: none;
width: 44px;
height: 44px;
}
.logos-social.open-nav-middle {
width: 76px;
height: 76px;
margin-left: 40px;
margin-right: 40px;
}
.logos-social.open-nav {
width: 76px;
height: 76px;
}
.logos-social.sharelink {
background-color: #fff;
border-style: none;
width: 44px;
height: 44px;
}
.logos-social.sharelink-middle {
background-color: #fff;
border-style: none;
width: 44px;
height: 44px;
margin-left: 20px;
margin-right: 20px;
}
.footer-bottom-wrapper {
margin-top: 117px;
margin-bottom: 80px;
}
.footer-heading-link {
text-decoration: none;
}
.footer-heading-link:hover {
color: #ff4f11;
}
.footer-left-container {
max-width: 314px;
}
.makeshift-footer-link {
color: #6c6768;
cursor: pointer;
margin-bottom: 10px;
font-size: 18px;
line-height: 178%;
text-decoration: none;
transition: all .2s;
display: block;
}
.makeshift-footer-link:hover {
color: #fecc2f;
font-weight: 400;
}
.makeshift-footer-link.address {
transition-property: none;
}
.makeshift-footer-link.address:hover {
color: #6c6768;
}
.footer-heading {
color: #1c0309;
flex-direction: column;
width: auto;
max-width: 450px;
margin-bottom: 0;
font-size: 64px;
font-weight: 500;
transition: color .2s;
display: block;
}
.footer-heading:hover {
color: #fecc2f;
}
.orange-underline-span {
color: #fecc2f;
text-decoration: underline;
}
.makeshift-footer-wrapper {
flex-direction: column;
justify-content: center;
align-items: center;
width: 90%;
max-width: 1100px;
margin-left: auto;
margin-right: auto;
padding-top: 0;
padding-bottom: 0;
display: flex;
position: relative;
}
.copyright-wrapper {
flex-direction: column;
justify-content: center;
align-items: center;
width: 90%;
max-width: 1100px;
margin-left: auto;
margin-right: auto;
padding-top: 30px;
padding-bottom: 30px;
display: flex;
}
.copyright-2 {
align-items: center;
margin-bottom: 10px;
margin-left: auto;
margin-right: auto;
display: flex;
}
.copyright-text {
opacity: 1;
color: #6c6768;
width: auto;
max-width: none;
margin: 0;
font-size: 16px;
line-height: 175%;
}
.copyright-image {
object-fit: contain;
margin-left: 5px;
margin-right: 5px;
}
.copyright-link {
color: #1c0309;
transition: color .2s;
}
.copyright-link:hover {
color: #ff4f11;
}
.body-5 {
background-color: #0000;
}
.project-tab-container {
padding-top: 80px;
}
.our-work-hero {
flex-direction: column;
justify-content: space-between;
align-items: center;
width: 90%;
max-width: 1100px;
margin-left: auto;
margin-right: auto;
padding-top: 80px;
padding-bottom: 0;
display: flex;
position: relative;
}
.lets-talk-banner {
background-color: #1c0309;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
margin-bottom: 120px;
padding-top: 84px;
padding-bottom: 84px;
display: flex;
position: relative;
}
.tagline-hero-paragraph-2 {
opacity: 1;
color: #6c6768;
width: auto;
margin-top: 20px;
margin-bottom: 0;
}
.banner-wrapper {
flex-direction: column;
align-items: center;
display: flex;
position: relative;
}
.banner-heading {
color: #fff;
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/62967c198f22e8f43513e387_3%20lines.svg");
background-position: 110% 0;
background-repeat: no-repeat;
background-size: auto;
font-size: 50px;
line-height: 92%;
}
.collection-list-7 {
flex-flow: wrap;
justify-content: space-between;
width: 100%;
margin-bottom: 0;
display: flex;
}
.banner-paragraph {
opacity: .6;
color: #fff;
margin-top: 32px;
margin-bottom: 30px;
font-size: 16px;
line-height: 156%;
}
.right-bottom {
position: absolute;
inset: auto 0% 0% auto;
}
.left-corner {
position: absolute;
inset: 0% auto auto 0%;
}
.work-top-wrapper {
justify-content: space-between;
align-items: center;
margin-bottom: 100px;
display: flex;
}
._3-lines {
position: absolute;
inset: -8% -7% auto auto;
}
.work-hero-tagline {
flex-direction: column;
width: 35%;
display: block;
}
.orange-span {
color: #ff4f11;
}
.our-work-collection {
width: 100%;
margin-bottom: 80px;
}
.work-tab {
color: #959595;
letter-spacing: .4px;
background-color: #0000;
border-top: 1px solid #cfcfcf;
border-bottom: 1px solid #cfcfcf;
justify-content: center;
align-items: center;
width: 100%;
padding-top: 30px;
padding-bottom: 30px;
font-size: 18px;
font-weight: 700;
line-height: 156%;
display: flex;
}
.work-tab.w--current {
color: #fff;
letter-spacing: .4px;
background-color: #1c0309;
font-size: 18px;
font-weight: 700;
line-height: 156%;
}
.text-block-145 {
color: #ff4f11;
text-align: center;
font-style: normal;
font-weight: 700;
}
.projets-tabs-container {
width: 100%;
}
.our-work-item {
width: 46%;
margin-bottom: 60px;
margin-left: 2%;
margin-right: 2%;
padding-left: 0;
padding-right: 0;
display: block;
}
.empty-state-6 {
background-color: #e9e9e9;
width: 100%;
height: auto;
margin-bottom: 0;
padding-top: 10px;
}
.project-tab-menu {
display: flex;
}
.work-hero-heading {
width: 60%;
margin-bottom: 0;
}
.partners-contain {
margin-bottom: 120px;
}
.faq-wrapper {
min-width: 689px;
max-width: 689px;
}
.faq-wrapper.load-more-faqs {
display: none;
}
.faq-question {
color: #6c6768;
font-size: 24px;
font-weight: 500;
line-height: 100%;
}
.faq-hero-heading {
width: 48%;
max-width: 492px;
margin-bottom: 0;
font-family: Poppins, sans-serif;
font-size: 64px;
}
.faq-container {
flex-direction: column;
align-items: center;
margin-bottom: 140px;
display: flex;
}
.faq-point {
cursor: pointer;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
padding: 20px 32px;
display: flex;
}
.faq-page-wrapper {
flex-direction: column;
justify-content: space-between;
align-items: center;
width: 90%;
max-width: 1100px;
margin-left: auto;
margin-right: auto;
padding-top: 120px;
padding-bottom: 0;
display: none;
position: relative;
}
.middle-divider {
opacity: .4;
color: #6c6768;
background-color: #6c6768;
width: 108%;
max-width: 1266px;
height: 1px;
margin-bottom: 110px;
}
.faq-top-wrapper {
justify-content: space-between;
align-items: center;
width: 100%;
margin-bottom: 100px;
display: flex;
}
.question-contain {
justify-content: space-between;
width: 100%;
display: flex;
}
.faq-main-heading {
width: auto;
margin-bottom: 80px;
font-family: Poppins, sans-serif;
font-size: 64px;
}
.faq-answer {
opacity: 0;
color: #6c6768;
width: 90%;
height: 100%;
margin-top: 16px;
line-height: 150%;
display: none;
}
.faq-hero-tagline {
flex-direction: row;
justify-content: space-between;
align-items: center;
width: auto;
display: flex;
}
.faq-hero-paragraph {
opacity: 1;
color: #6c6768;
width: auto;
max-width: 360px;
margin-top: 0;
margin-bottom: 0;
margin-left: 60px;
font-family: Poppins, sans-serif;
font-size: 18px;
}
.horizontal-divider-3 {
width: 20px;
}
.margin-150px-2 {
margin-top: 70px;
padding-left: 20px;
padding-right: 20px;
}
.absolute-background-2 {
background-color: #171717;
display: none;
position: absolute;
inset: 0%;
}
.product-sidebar-title {
font-size: 21px;
font-weight: 500;
}
.footer-5 {
padding: 90px 5% 30px;
}
.nav-wrapper-3 {
color: #dcf2f4;
flex-direction: column;
justify-content: flex-start;
align-items: center;
padding-bottom: 20px;
text-decoration: none;
display: flex;
position: relative;
}
.nav-wrapper-3:hover {
opacity: .6;
}
.nav-wrapper-3._0-padding {
padding-bottom: 0;
}
.cart-quantity-2 {
color: #dcf2f4;
text-align: center;
background-color: #0000;
border-color: #dcf2f4;
width: 50px;
padding-left: 0;
padding-right: 0;
font-size: 13px;
font-weight: 500;
display: flex;
}
.testimonials-wrapper-2 {
max-width: 80%;
margin-left: auto;
margin-right: auto;
}
.container-1283 {
z-index: 1;
flex: 1;
max-width: 1400px;
margin-left: auto;
margin-right: auto;
position: relative;
}
.container-1283._60 {
max-width: 40%;
}
.navigation-line {
background-color: #ffffff26;
width: 100%;
height: 1px;
position: absolute;
inset: auto 0% 0%;
}
.skills-overlay-2 {
background-color: #dcf2f4;
width: 80%;
position: absolute;
inset: 0%;
}
.skills-overlay-2.illustration {
width: 100%;
}
.skills-overlay-2.photoshop {
width: 70%;
}
.skills-overlay-2.lead {
width: 41%;
}
.cart-line-item {
border-bottom: 1px solid #cecece33;
justify-content: space-between;
margin-bottom: 25px;
padding-bottom: 25px;
}
.margin-40px {
margin-top: 40px;
}
.hero-grid-2 {
text-align: center;
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: .75fr .25fr;
grid-auto-columns: 1fr;
align-items: center;
max-width: 940px;
margin-left: auto;
margin-right: auto;
display: flex;
}
.social-circle {
background-color: #ffea00;
border-radius: 100%;
width: 100%;
height: 100%;
position: absolute;
}
.social-circle.black {
background-color: #000;
width: 60px;
height: 60px;
transform: scale(0);
}
.sticky-nav-2 {
z-index: 9999;
position: fixed;
inset: 0% 0% auto;
}
.mouse-dots-2 {
background-color: #dcf2f4;
width: 2px;
height: 5px;
margin-top: 6px;
}
.footer-grid-3 {
grid-column-gap: 100px;
grid-row-gap: 50px;
grid-template-rows: auto auto;
grid-template-columns: 1.2fr 1fr;
grid-auto-columns: 1fr;
max-width: 80%;
margin-left: auto;
margin-right: auto;
display: grid;
}
.cart-quantity-2 {
color: #24272c;
background-color: #a1c4e4;
border-radius: 100%;
justify-content: center;
align-items: center;
width: 22px;
height: 22px;
padding-left: 0;
padding-right: 0;
font-size: 10px;
font-weight: 700;
display: flex;
position: absolute;
inset: 0 -10px auto auto;
}
.lightbox-link-13 {
z-index: 2;
justify-content: center;
align-items: center;
width: 115px;
height: 115px;
display: flex;
position: absolute;
left: 50%;
transform: translate(-50%);
}
.menu-3 {
z-index: 998;
justify-content: center;
align-items: center;
display: none;
position: fixed;
inset: 0%;
}
.arrow-top {
width: 14px;
}
.text-block-146 {
color: #ffffffb3;
font-size: 17px;
font-weight: 400;
}
.cart-button-2 {
background-color: #0000;
padding-left: 0;
padding-right: 0;
}
.navigation-grid-2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
place-items: center start;
display: grid;
}
.photo-interaction {
position: relative;
overflow: hidden;
}
.subhead-2 {
color: #dcf2f4;
font-size: 23px;
font-weight: 300;
line-height: 30px;
}
.part-2 {
margin-top: 70px;
}
.grid-2-columns-3 {
grid-column-gap: 70px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: start;
display: grid;
}
.grid-2-columns-3._2 {
align-items: center;
}
.grid-2-columns-3._4 {
flex-direction: column;
align-items: center;
display: flex;
}
.grid-2-columns-3._3 {
grid-template-columns: 2fr 1fr;
}
.hamburger-menu-2 {
cursor: pointer;
justify-content: center;
align-items: center;
width: 80px;
height: 80px;
display: flex;
position: relative;
}
.title-1 {
letter-spacing: 2px;
text-transform: uppercase;
margin-bottom: 30px;
font-size: 96px;
font-weight: 500;
line-height: 1;
}
.display-7 {
letter-spacing: 1px;
text-transform: uppercase;
margin-top: 0;
font-size: 52px;
font-weight: 500;
line-height: 1.15;
}
.button-flex-2 {
justify-content: center;
align-items: center;
display: flex;
}
.service-grid {
grid-column-gap: 40px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.go-top-2 {
z-index: 10;
background-color: #121418;
border-radius: 5px;
justify-content: center;
align-items: center;
width: 55px;
height: 55px;
transition: all .3s;
display: flex;
position: fixed;
inset: auto 10px 10px auto;
}
.go-top-2:hover {
background-color: #a1c4e4;
}
.skills-text-2 {
color: #dcf2f4;
letter-spacing: 1px;
text-transform: uppercase;
justify-content: space-between;
margin-bottom: 10px;
font-size: 13px;
font-weight: 500;
display: flex;
}
.hero-5 {
align-items: center;
max-width: 1400px;
min-height: 800px;
margin-top: 90px;
margin-left: auto;
margin-right: auto;
padding-left: 5%;
padding-right: 5%;
display: flex;
position: relative;
overflow: hidden;
}
.hero-5._2 {
min-height: 700px;
}
.price-sidebar {
color: #dcf2f4b3;
margin-top: 10px;
font-size: 19px;
font-weight: 400;
line-height: 1.2;
}
.price-sidebar.biger-bold {
margin-top: 0;
font-size: 18px;
}
.copyright-3 {
color: #dcf2f4;
text-transform: uppercase;
margin-bottom: 0;
font-size: 14px;
font-weight: 500;
line-height: 20px;
}
.mouse-scroll-2 {
border: 2px solid #dcf2f4;
border-radius: 9px;
justify-content: center;
align-items: flex-start;
width: 20px;
height: 29px;
margin-left: auto;
margin-right: auto;
display: flex;
position: relative;
left: 0;
}
.small-uppercase-text {
color: #a1c4e4;
letter-spacing: 1px;
text-transform: uppercase;
flex: none;
margin-top: 3px;
margin-right: 5%;
font-size: 13px;
font-weight: 600;
}
.small-uppercase-text._2 {
color: #a1c4e4;
margin-bottom: 20px;
margin-left: auto;
margin-right: auto;
}
.close-button {
border: 1px solid #fff;
border-radius: 100%;
justify-content: center;
align-items: center;
width: 40px;
height: 40px;
display: flex;
}
.service-title-6 {
text-transform: uppercase;
margin-top: 25px;
font-size: 22px;
font-style: italic;
font-weight: 600;
}
.project-grid-2 {
grid-column-gap: 40px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
display: grid;
}
.testiomonials-photo {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/6299b00f2615621cd8bffd9c_1615946618878.jpeg");
background-position: 50%;
background-size: cover;
border-radius: 100%;
flex: none;
width: 100px;
height: 100px;
margin-right: 40px;
}
.testiomonials-photo._3 {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/6299adf47bd997256a995371_1531935626584.jpeg");
background-position: 50% 0;
}
.testiomonials-photo._2 {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/6299ae21d0f847344ac321b6_1595472275530.jpeg");
}
.menu-overlay-2 {
background-color: #24272c;
justify-content: center;
align-items: center;
display: flex;
position: absolute;
inset: 0%;
}
.nav-paragraph {
margin-bottom: 0;
font-size: 16px;
font-weight: 400;
position: relative;
}
.bold-italic {
font-weight: 600;
}
.background-overlay {
opacity: .7;
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/6299093425459c4cc4456242_hero.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
position: absolute;
inset: 0%;
}
.background-overlay._2 {
opacity: .6;
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/6299093425459c3d7d45624e_photo-2.jpg");
}
.icon-7 {
filter: invert();
color: #fff;
width: 12px;
display: inline-block;
}
.icon-7._2 {
width: 10px;
}
.testimonials-content {
border-bottom: 1px solid #dcf2f44d;
padding-top: 50px;
padding-bottom: 50px;
display: flex;
}
.social-circle-team {
background-color: #a1c4e4;
border-radius: 100%;
width: 100%;
height: 100%;
position: absolute;
}
.text-wrapper-4 {
justify-content: center;
align-items: center;
width: 90%;
display: flex;
position: relative;
}
.blog-grid-2 {
grid-column-gap: 40px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.button-44 {
color: #24272c;
background-color: #a1c4e4;
border-radius: 30px;
align-items: center;
padding: 10px 18px;
font-size: 16px;
font-weight: 600;
line-height: 1.4;
text-decoration: none;
transition: all .2s;
position: relative;
}
.button-44:hover {
color: #fff;
background-color: #333;
}
.button-44.white {
color: #a1c4e4;
background-color: #fff;
}
.button-44.white:hover {
color: #24272c;
background-color: #a1c4e4;
}
.button-44._2 {
padding: 17px 30px;
}
.button-44._2 {
background-color: #fecc2f;
padding: 17px 30px;
font-family: Poppins, sans-serif;
font-size: 20px;
}
.button-44._2 {
background-color: #fecc2f;
padding: 17px 30px;
}
.button-44._2:hover {
background-color: #121418;
}
.title-flex {
align-items: flex-start;
display: flex;
}
.title-flex._2 {
text-align: center;
flex-direction: column;
max-width: 40%;
margin-bottom: 100px;
}
.title-flex._2 {
text-align: center;
flex-direction: column;
max-width: 40%;
}
.title-flex._2._70 {
max-width: 70%;
}
.project-list-2 {
grid-column-gap: 16px;
grid-row-gap: 40px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.social-icon-first {
justify-content: center;
align-items: center;
width: 45px;
height: 45px;
margin-left: 5px;
margin-right: 5px;
display: flex;
position: relative;
}
.error-message-8 {
color: #fff;
text-align: center;
background-color: #fe0000;
border-radius: 20px;
padding-top: 12px;
font-size: 16px;
font-weight: 500;
}
.navigation-wrapper-3 {
z-index: 999;
align-items: center;
min-height: 80px;
padding-left: 2%;
padding-right: 2%;
display: flex;
position: relative;
}
.scroll-down-wrapper-3 {
z-index: 10;
flex-direction: row;
justify-content: center;
align-items: center;
max-width: 80%;
margin-left: auto;
margin-right: auto;
display: flex;
position: absolute;
bottom: 25px;
left: 0;
right: 0;
overflow: hidden;
}
.skills-wrapper-2 {
background-color: #0000;
width: 100%;
height: 1px;
position: relative;
overflow: hidden;
}
.cart-container-2 {
box-shadow: none;
background-color: #24272c;
border-left: 1px solid #cecece33;
min-width: 620px;
}
.animation-image-2 {
z-index: 1;
width: 32px;
position: relative;
}
.remove-button-2 {
z-index: 1;
background-color: red;
border-radius: 100%;
justify-content: center;
align-self: flex-start;
align-items: center;
width: 26px;
height: 26px;
margin-top: 10px;
text-decoration: none;
display: flex;
position: absolute;
inset: 11px auto auto 33px;
}
.animation-image-3 {
z-index: 1;
filter: invert();
width: 18px;
position: relative;
}
.animation-image-3._2 {
width: 20px;
}
.cart-wrapper-2 {
z-index: 999;
background-color: #24272c;
}
.play-icon-8 {
width: 11px;
position: absolute;
}
.pragraph-2 {
width: 80%;
}
.page-content-3 {
color: #dcf2f4;
background-color: #24272c;
margin-left: auto;
margin-right: auto;
}
.algin-right-2 {
text-align: right;
}
.cart-footer-2 {
border-top-style: none;
padding-top: 30px;
}
.subtotal {
margin-right: 15px;
font-size: 19px;
font-weight: 500;
}
.footer-link-4 {
color: #dcf2f4;
text-transform: uppercase;
font-size: 16px;
font-weight: 500;
text-decoration: none;
display: inline-block;
}
.footer-link-4:hover {
color: #fff;
}
.footer-link-4.bigger {
letter-spacing: 1px;
text-transform: uppercase;
margin-right: 12px;
font-size: 13px;
font-weight: 500;
}
.tesitmonials-name {
color: var(--black);
text-transform: uppercase;
font-family: Poppins, sans-serif;
font-size: 17px;
font-weight: 400;
}
.section-129 {
background-color: #000000e6;
padding: 100px 5% 0;
position: relative;
}
.section-129._2 {
background-color: #24272c;
}
.cart-item {
border-bottom: 1px solid #cecece33;
align-items: flex-start;
padding-top: 35px;
padding-bottom: 35px;
position: relative;
}
.menu-grid {
z-index: 2;
grid-column-gap: 16px;
grid-row-gap: 20px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
margin-left: auto;
margin-right: auto;
display: grid;
position: relative;
}
.body-link-2 {
color: #fff;
font-size: 14px;
font-weight: 500;
}
.logo-link-3 {
flex-direction: column;
display: flex;
position: relative;
}
.icon-image {
width: 48px;
margin-right: 19px;
}
.icon-image.filter {
filter: invert();
}
.social-wrapper-team {
flex-wrap: wrap;
justify-content: flex-start;
align-items: center;
display: flex;
position: relative;
}
.social-wrapper-team.team {
justify-content: center;
margin-top: 25px;
}
.nav-text-2 {
margin-bottom: 7px;
font-size: 60px;
font-weight: 500;
line-height: 1;
transition: all .1s;
}
.light-italic {
font-weight: 300;
}
.cart-header-2 {
border-bottom-color: #cecece33;
}
.unica-logo {
width: 86px;
}
.photo-2 {
filter: grayscale(25%);
object-position: 50% 0%;
width: 100%;
height: 100%;
}
.rotate-image-2 {
color: #fecc2f;
}
.service-title-7 {
color: #fecc2f;
text-transform: uppercase;
margin-top: 25px;
font-size: 22px;
font-style: italic;
font-weight: 600;
}
.paragraph-119 {
color: #fff;
font-family: Poppins, sans-serif;
font-size: 17px;
}
.div-block-237 {
color: #fff;
}
.display-8 {
color: #fff;
letter-spacing: 1px;
text-transform: uppercase;
margin-top: 0;
font-family: Poppins, sans-serif;
font-size: 30px;
font-style: normal;
font-weight: 500;
line-height: 1.15;
}
.margin-15px-2 {
color: #fff;
margin-top: 15px;
}
.small-uppercase-text-2 {
color: #fecc2f;
letter-spacing: 1px;
text-transform: uppercase;
flex: none;
margin-top: 3px;
margin-right: 5%;
font-size: 13px;
font-weight: 600;
}
.small-uppercase-text-2._2 {
color: #fecc2f;
margin-bottom: 20px;
margin-left: auto;
margin-right: auto;
}
.display-9 {
color: var(--black);
letter-spacing: 1px;
text-transform: uppercase;
margin-top: 0;
font-family: Poppins, sans-serif;
font-size: 45px;
font-weight: 500;
line-height: 1.15;
}
.section-130 {
padding: 100px 5%;
position: relative;
}
.section-130._2 {
background-color: #0000;
}
.text-span-46 {
color: var(--white);
font-style: italic;
text-decoration: none;
}
.container-1284 {
border-bottom: 1px solid #fecc2f;
}
.display-10 {
color: #fff;
letter-spacing: 1px;
text-transform: uppercase;
margin-top: 0;
font-size: 35px;
font-weight: 500;
line-height: 1.15;
}
.blog-image {
border-top-left-radius: 6px;
border-top-right-radius: 6px;
transition: all .3s;
}
.blog-image:hover {
opacity: .7;
}
.blog-content {
background-color: #202227;
border-bottom-right-radius: 6px;
border-bottom-left-radius: 6px;
flex-direction: column;
align-items: flex-start;
padding: 30px 30px 25px;
display: flex;
}
.category-tag {
color: #24272c;
letter-spacing: 1px;
text-transform: uppercase;
background-color: #dcf2f4;
border-radius: 20px;
padding: 6px 15px;
font-size: 12px;
font-weight: 700;
text-decoration: none;
display: inline-block;
}
.category-tag:hover {
opacity: .76;
}
.blog-title {
color: #fff;
text-transform: uppercase;
margin-top: 20px;
margin-bottom: 10px;
font-size: 27px;
font-weight: 500;
line-height: 1.3;
text-decoration: none;
transition: all .3s;
}
.blog-title:hover {
opacity: .53;
}
.testimonials-name-2 {
color: #dcf2f4;
margin-bottom: 5px;
font-size: 17px;
font-weight: 400;
}
.testimonials-name-2.tag {
font-size: 16px;
}
.header-7 {
padding-top: 0;
position: relative;
}
.txt-xxl {
font-size: 4.25em;
font-weight: 400;
line-height: 1em;
}
.txt-xxl.header-title {
color: #fff;
text-transform: uppercase;
}
.header-content-2 {
padding-top: 4.75em;
}
.header-content-2.bg-green {
z-index: 2;
padding-bottom: 6.25em;
position: relative;
}
.txt-soft-green {
color: #406b6e;
}
.bg-vid-header {
z-index: 1;
position: sticky;
bottom: 0;
}
.container-1285 {
width: 90%;
max-width: 1280px;
}
.div-wrapper {
overflow: hidden;
}
.text-span-47 {
background-color: #fecc2f;
}
.lightbox-gallery-item-wrapper {
border-top-left-radius: .5vh;
border-bottom-right-radius: 5vh;
border-bottom-left-radius: 1vh;
flex-direction: column;
justify-content: space-around;
height: 100%;
transition: box-shadow .4s ease-out;
display: flex;
overflow: hidden;
box-shadow: 2px 2px 50px 3px #0000004d;
}
.lightbox {
height: 22vh;
}
.lightbox-image {
filter: grayscale(90%);
object-fit: cover;
width: 100%;
height: 100%;
}
.small-title-white {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 10px;
font-weight: 600;
}
.small-title-white.small-title-dark {
color: #000;
}
.small-title-white.small-title-dark.title-left {
text-align: left;
}
.btn-5 {
color: #000;
letter-spacing: 1px;
background-color: #0000;
border: 1px solid #ffea4c;
border-radius: 3px;
padding: 8px 30px;
font-size: 12px;
}
.btn-5.btn-white {
color: #000;
text-align: center;
background-color: #ffea4c;
border: 3px #000;
border-radius: 0;
font-weight: 600;
}
.btn-5.btn-white.btn-short {
width: 80%;
}
.middle-text {
flex-direction: column;
justify-content: center;
width: 60%;
padding: 20px;
display: flex;
}
.feat-head {
color: var(--black);
margin-top: 0;
margin-bottom: 10px;
font-family: Poppins, sans-serif;
font-size: 25px;
font-weight: 700;
}
.feat-head.feat-head-dark {
color: #000;
line-height: 25px;
}
.news-text {
color: #3b3b3b;
font-family: Poppins, sans-serif;
font-size: 15px;
font-weight: 500;
}
.news-text.news-text-dark {
color: #a5a5a5;
margin-bottom: 25px;
}
.middle-img {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/6299976bf60078457505f8aa_welcome-block-middle.jpg");
background-position: 50%;
background-size: cover;
width: 40%;
}
.featured-1 {
background-color: #ffe968;
flex-direction: column;
justify-content: space-between;
height: 100%;
display: flex;
}
.featured-1.card-middle {
background-color: #f6f6f6;
flex-direction: row;
width: 100%;
}
.news-card {
text-decoration: none;
}
.image-477 {
width: 100%;
}
.featured-head {
background-color: #fecc2f;
border-radius: 0;
flex-direction: column;
height: 50%;
padding: 20px;
display: flex;
}
.grid-20 {
grid-template-columns: 1fr 1fr;
padding-left: 40px;
}
.columns-20 {
padding-left: 10px;
padding-right: 10px;
}
.display-11 {
color: var(--black);
letter-spacing: 1px;
text-transform: uppercase;
margin-top: 0;
font-family: Poppins, sans-serif;
font-size: 45px;
font-weight: 500;
line-height: 1.15;
}
.testimonials-content-2 {
color: #fff;
border-bottom: 1px solid #dcf2f44d;
padding-top: 50px;
padding-bottom: 50px;
display: flex;
}
.block-quote, .block-quote-2, .block-quote-3 {
font-family: Poppins, sans-serif;
font-size: 25px;
}
.tab-link-tab-5-2 {
border-radius: 20px;
align-items: center;
display: flex;
}
.tab-link-tab-5-2:hover {
background-color: var(--black);
color: var(--white);
font-family: Poppins, sans-serif;
}
.text-block-147 {
font-family: Poppins, sans-serif;
}
.text-block-148 {
font-family: Poppins, sans-serif;
font-size: 18px;
font-weight: 500;
}
.text-block-149, .text-block-150 {
font-family: Poppins, sans-serif;
}
.video-6 {
margin-bottom: 40px;
}
.paragraph-120, .paragraph-121 {
color: var(--white);
text-align: center;
font-family: Poppins, sans-serif;
font-size: 28px;
line-height: 35px;
}
.author-block {
align-items: center;
width: 100%;
margin-bottom: 140px;
display: flex;
position: relative;
}
.blog-content-wrapper {
flex-direction: column;
justify-content: center;
width: 100%;
margin-bottom: 0;
display: flex;
}
.temp-top-wrapper {
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
width: 85%;
margin-bottom: 84px;
display: flex;
}
.menu-4 {
cursor: pointer;
align-items: center;
display: flex;
position: relative;
}
.menu-4:hover {
opacity: 1;
}
.menu-text {
color: #1c0309;
letter-spacing: .8px;
font-weight: 700;
line-height: 125%;
}
.description-project {
opacity: 1;
color: #6c6768;
width: auto;
margin-top: 0;
margin-bottom: 0;
}
.brand-logo {
cursor: pointer;
}
.footer-paragraph-2 {
opacity: 1;
color: #6c6768;
width: auto;
max-width: none;
margin-top: 42px;
margin-bottom: 0;
font-size: 16px;
line-height: 175%;
}
.blog-info-divider {
opacity: .2;
background-color: #6c6768;
width: 1.5px;
height: 36px;
position: absolute;
inset: auto 0% auto auto;
}
.nav-links-right-container {
flex-direction: column;
align-items: flex-start;
width: 230px;
margin-right: 0;
display: flex;
}
.social-icons {
align-items: center;
margin-right: 40px;
display: flex;
}
.social-icons.open-navigation {
margin-top: 40px;
margin-right: 0;
}
.more-blogs-list {
width: 100%;
max-width: 1010px;
}
.right-container {
align-items: stretch;
display: flex;
}
.page-wrapper---overflow-hidden {
color: #1c0309;
background-color: #efefef;
overflow: hidden;
}
.read-more-heading {
letter-spacing: -.6px;
margin-bottom: 0;
margin-right: 10px;
font-size: 48px;
line-height: 144%;
}
.share-links-contain {
align-items: center;
display: flex;
}
.connect-text {
font-size: 20px;
font-weight: 500;
}
.menu-navigation {
opacity: 0;
background-color: #e9e9e9;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100vw;
height: 100%;
padding: 52px 111px 150px;
display: none;
position: fixed;
inset: 0%;
overflow: scroll;
}
.author-image {
object-fit: cover;
}
.blog-template-wrapper {
flex-direction: column;
justify-content: space-between;
align-items: center;
width: 90%;
max-width: 1100px;
margin-left: auto;
margin-right: auto;
padding-top: 80px;
padding-bottom: 0;
display: flex;
position: relative;
}
.auhtor-info-wrapper {
margin-left: 44px;
}
.link-text-navbar {
letter-spacing: -.8px;
margin-left: 0;
}
.menu-icon-3 {
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: auto;
margin-left: 10px;
display: flex;
}
.author-heading {
color: #6c6768;
margin-bottom: 9px;
font-size: 18px;
line-height: 156%;
}
.navigation-bar {
background-color: #efefef;
}
.blog-about-grid {
border: 1px #cfcfcf;
align-items: center;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0;
display: flex;
position: relative;
}
.template-heading-wrapper {
margin-top: 15px;
margin-bottom: 30px;
}
.blog-divider {
opacity: .4;
color: #6c6768;
background-color: #6c6768;
width: 108%;
max-width: 1266px;
height: 1px;
margin-top: 80px;
margin-bottom: 80px;
margin-right: 0;
padding-right: 0;
position: static;
left: 50%;
right: 50%;
}
.more-from-author-section {
background-color: #fff;
padding-top: 20px;
padding-bottom: 0;
}
.close-contain {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/62c7788bad3d460c777e16c1_cross%20icon.svg");
background-position: 50%;
background-size: auto;
justify-content: center;
align-items: center;
width: 27px;
height: 27px;
margin-right: 20px;
display: flex;
}
.close-button-2 {
cursor: pointer;
background-color: #fff;
align-items: center;
padding: 25px 44px;
transition: opacity .2s;
display: flex;
position: absolute;
inset: 58px 111px auto auto;
}
.close-button-2:hover {
opacity: .8;
}
.brand-logo-nav-menu {
cursor: pointer;
position: absolute;
inset: 52px auto auto 85px;
}
.brand-logo-nav-menu.w--current {
position: absolute;
inset: 60px auto auto 85px;
}
.nav-links-container {
justify-content: space-between;
width: auto;
margin-top: 460px;
margin-left: 60px;
display: flex;
}
.blog-info-container {
border: 1px #cfcfcf;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 15%;
height: 100%;
margin-right: 60px;
padding-top: 34px;
padding-bottom: 34px;
display: flex;
position: relative;
}
.blog-info-container.share-now {
width: auto;
margin-right: 0;
padding-top: 0;
padding-bottom: 0;
position: absolute;
inset: 0% 0% 0% auto;
}
.makeshift-footer-link-2 {
color: #6c6768;
cursor: pointer;
margin-bottom: 10px;
font-size: 18px;
line-height: 178%;
text-decoration: none;
transition: all .2s;
display: block;
}
.makeshift-footer-link-2:hover {
color: #ff4f11;
font-weight: 400;
}
.makeshift-footer-link-2.address {
transition-property: none;
}
.makeshift-footer-link-2.address:hover {
color: #6c6768;
}
.connect-wrapper {
flex-direction: column;
justify-content: center;
align-items: center;
margin-top: 135px;
display: flex;
}
.share-now-heading {
color: #1c0309;
letter-spacing: .3px;
margin-bottom: 15px;
font-size: 20px;
font-weight: 500;
line-height: 140%;
}
.navigationlink {
color: #1c0309;
align-items: center;
margin-bottom: 20px;
margin-left: 0;
font-size: 30px;
line-height: 187%;
text-decoration: none;
display: flex;
}
.navigationlink.w--current {
color: #1c0309;
padding-left: 0;
font-style: normal;
font-weight: 400;
text-decoration: none;
}
.footer-heading-2 {
color: #1c0309;
flex-direction: column;
width: auto;
max-width: 450px;
margin-bottom: 0;
font-weight: 500;
transition: color .2s;
display: block;
}
.footer-heading-2:hover {
color: #ff4f11;
}
.collection-list-wrapper-6 {
width: 100%;
max-width: 1010px;
}
.project-body {
font-family: Poppins, sans-serif;
line-height: 1;
}
.author-image-wrapper {
object-fit: fill;
justify-content: center;
align-items: center;
width: 140px;
height: 140px;
display: flex;
overflow: hidden;
}
.collection-item-12 {
width: 100%;
max-width: 1010px;
}
.author-description {
color: #6c6768;
max-width: 470px;
margin-bottom: 9px;
font-size: 18px;
line-height: 156%;
}
.nav-links-left-container {
flex-direction: column;
align-items: flex-start;
width: 230px;
margin-right: 100px;
display: flex;
}
.orange-underline-span-2 {
color: #ff4f11;
text-decoration: underline;
}
.author-name {
color: #1c0309;
text-transform: uppercase;
margin-bottom: 8px;
font-size: 24px;
font-weight: 500;
line-height: 156%;
}
.author-left-contain {
align-items: stretch;
display: flex;
}
.left-aligned-div {
text-align: center;
justify-content: center;
width: 100%;
display: flex;
}
.main-heading-project {
margin-top: 0;
margin-bottom: 0;
margin-right: 0;
font-family: Poppins, sans-serif;
font-size: 5em;
display: inline;
}
.main-heading-project.highlighted {
color: #ff4f11;
}
.menu-line._1 {
color: #1c0309;
background-color: #1c0309;
width: 14px;
height: 2px;
margin-bottom: 10px;
transform: translate(0);
}
.menu-line._2 {
color: #1c0309;
background-color: #1c0309;
width: 26.5px;
height: 2px;
margin-bottom: 0;
transform: scale(1);
}
.blog-info-headings {
color: #1c0309;
letter-spacing: .3px;
margin-bottom: 15px;
font-size: 26px;
font-weight: 500;
line-height: 100%;
}
.close-text {
text-transform: uppercase;
font-weight: 700;
}
.heading-wrapper-author {
margin-bottom: 100px;
display: flex;
}
.blog-info-content {
color: #6c6768;
letter-spacing: .3px;
font-size: 20px;
font-weight: 400;
line-height: 140%;
}
.makeshift-footer {
background-color: #e9e9e9;
}
.navigation-container-2 {
justify-content: space-between;
align-items: center;
width: 90%;
margin-left: auto;
margin-right: auto;
padding-top: 25px;
padding-bottom: 25px;
display: flex;
}
.project-main-image {
margin-bottom: 57px;
}
.makeshift-footer-wrapper-2 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 90%;
max-width: 1100px;
margin-left: auto;
margin-right: auto;
padding-top: 75px;
padding-bottom: 0;
display: flex;
position: relative;
}
.empty-state-7 {
text-align: center;
background-color: #ddd0;
}
.medium-heading-2 {
margin-top: 0;
margin-bottom: 1rem;
font-size: 2.5rem;
line-height: 3rem;
}
.blog-card-grid {
grid-column-gap: 1.875rem;
grid-row-gap: 1.875rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
align-items: start;
display: grid;
}
.section-intro {
text-align: center;
max-width: 43.75rem;
margin-bottom: 4.5rem;
margin-left: auto;
margin-right: auto;
position: relative;
}
.section-intro.no-gap-bottom {
margin-bottom: 0;
}
.blog-category-list {
flex-wrap: wrap;
justify-content: center;
align-items: center;
display: flex;
}
.container-1286 {
width: 100%;
max-width: 78rem;
margin-left: auto;
margin-right: auto;
padding-left: 1.5rem;
padding-right: 1.5rem;
position: relative;
}
.spacer-40px {
height: 2.5rem;
}
.blog-category-item {
padding-left: .25rem;
padding-right: .25rem;
}
.heading-454 {
font-family: Poppins, sans-serif;
font-size: 2em;
}
.paragraph-122 {
font-family: Poppins, sans-serif;
font-size: 1em;
}
.blog-rich-text {
max-width: 720px;
margin-left: auto;
margin-right: auto;
padding-top: 120px;
}
.blog-hero {
justify-content: space-between;
align-items: center;
display: flex;
}
.section-131 {
width: 100%;
margin-top: 160px;
margin-bottom: 80px;
padding-left: 80px;
padding-right: 80px;
position: relative;
overflow: hidden;
}
.section-131.background-color-secondary {
background-color: #0000;
margin-top: 0;
}
.text-style-all-caps {
letter-spacing: .05em;
text-transform: uppercase;
font-weight: 600;
}
.blog-hero-content {
width: 48%;
}
.blog-author {
justify-content: center;
font-family: Poppins, sans-serif;
display: flex;
}
.blog-author-by {
padding-right: 8px;
font-weight: 700;
}
.blog-author-by._1 {
color: var(--black);
font-weight: 400;
}
.blog-hero-image {
width: 48%;
}
.content-wrapper-4 {
width: 100%;
max-width: 1440px;
margin-left: auto;
margin-right: auto;
}
.content-wrapper-4.end-of-page-cta {
text-align: center;
flex-direction: column;
align-items: center;
padding-top: 0;
padding-bottom: 80px;
display: flex;
}
.content-wrapper-4.center-align {
flex-direction: column;
align-items: center;
display: flex;
}
.video-7 {
margin-bottom: 40px;
padding-bottom: 0;
}
.text-block-151 {
color: #000;
font-style: italic;
}
.text-h1 {
font-size: 55px;
font-weight: 600;
line-height: 112.5%;
}
.text-h1.color-white {
font-family: Poppins, sans-serif;
}
.button-group {
grid-column-gap: 32px;
grid-row-gap: 32px;
grid-template-rows: auto;
grid-template-columns: auto;
grid-auto-columns: 1fr;
display: grid;
}
.button-45 {
color: #fff;
letter-spacing: .04em;
text-transform: uppercase;
background-color: #85a3d0;
border: 2px solid #85a3d0;
justify-content: center;
align-items: center;
margin-top: 6px;
margin-bottom: 6px;
padding: 12px 18px;
font-size: 16px;
font-weight: 600;
line-height: 24px;
transition: box-shadow .15s, color .15s, background-color .15s;
display: flex;
box-shadow: 3px 3px #85a3d0, 6px 6px #3c5e75;
}
.button-45:hover {
color: #fff;
border-width: 2px;
border-color: #85a3d0;
box-shadow: 0 0 #f1876f, 0 0 #f5ae9e;
}
.button-45:active {
background-color: #85a3d0;
}
.button-45.secondary {
color: var(--black);
background-color: #fecc2f;
border-color: #0000;
border-radius: 7px;
font-family: Poppins, sans-serif;
box-shadow: 6px 6px #000;
}
.collection {
padding-top: 80px;
padding-bottom: 80px;
}
._4-column-grid {
grid-column-gap: 40px;
grid-row-gap: 40px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: row;
display: grid;
}
.blog-card {
flex-direction: column;
grid-template-rows: auto auto auto auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
align-content: start;
align-items: start;
display: flex;
}
.heading-455 {
font-family: Poppins, sans-serif;
font-size: 1.5em;
}
.paragraph-123 {
font-family: Poppins, sans-serif;
font-size: 1em;
}
.heading-456 {
font-size: 4em;
}
.blog-hero-paragraph {
opacity: 1;
color: #6c6768;
width: auto;
max-width: 270px;
margin-top: 0;
margin-bottom: 0;
margin-left: 60px;
}
.blog-collection-list {
flex-flow: wrap;
justify-content: center;
align-items: flex-start;
display: flex;
}
.orange-line-5 {
background-color: #ff4f11;
width: 46px;
height: 2px;
margin-right: 20px;
}
.blog-page-wrapper {
flex-direction: column;
justify-content: space-between;
align-items: center;
width: 90%;
max-width: 1100px;
margin-left: auto;
margin-right: auto;
padding-top: 100px;
padding-bottom: 0;
display: flex;
position: relative;
}
.empty-text {
color: #ff4f11;
text-align: center;
font-weight: 500;
}
.blog-top-wrapper {
justify-content: space-between;
align-items: center;
width: 100%;
max-width: 999px;
margin-bottom: 100px;
display: flex;
}
.blog-tabs {
opacity: .6;
color: #6c6768;
letter-spacing: -.8px;
background-color: #0000;
padding-left: 35px;
padding-right: 35px;
font-size: 18px;
font-weight: 500;
line-height: 156%;
}
.blog-tabs.w--current {
opacity: 1;
color: #ff4f11;
background-color: #0000;
font-size: 18px;
font-weight: 500;
line-height: 156%;
text-decoration: underline;
}
.tabs-menu-4 {
border-top: 1px solid #6c6768;
border-bottom: 1px solid #6c6768;
padding-top: 70px;
padding-bottom: 70px;
}
.blog-tab-wrapper {
max-width: 950px;
margin-left: auto;
margin-right: auto;
padding-top: 100px;
}
.blog-hero-heading {
width: 40%;
max-width: none;
margin-bottom: 0;
}
.tagline-text-5 {
color: #ff4f11;
margin-bottom: 0;
font-size: 20px;
font-style: italic;
font-weight: 500;
line-height: 140%;
}
.blog-item {
width: 43%;
margin-bottom: 100px;
margin-right: 7%;
padding-left: 0;
padding-right: 0;
}
.blogs-contain {
width: 100%;
margin-bottom: 160px;
}
.heading-457 {
font-family: Poppins, sans-serif;
font-size: 1.2em;
}
.paragraph-124 {
font-family: Poppins, sans-serif;
font-size: 1em;
}
.preview-item-post {
width: 47%;
margin-bottom: 125px;
margin-left: 1.5%;
margin-right: 1.5%;
}
.empty-state-8 {
background-color: #0000;
}
.collection-list-8 {
flex-wrap: wrap;
justify-content: space-between;
display: flex;
}
.content-section-4 {
background-color: #fff;
width: 100%;
max-width: 100%;
padding-top: 220px;
position: relative;
overflow: hidden;
}
.content-section-4.blog-posts {
padding-top: 60px;
padding-bottom: 0;
}
.content-section-4.inner-pages {
padding-top: 60px;
padding-bottom: 60px;
}
.preview-text-box {
justify-content: space-between;
margin-top: 20px;
display: flex;
}
.category-link {
color: #0f0f0f;
text-align: left;
letter-spacing: -1.5px;
text-transform: uppercase;
font-size: 17px;
font-weight: 600;
line-height: 30px;
transition: color .2s;
display: inline-block;
}
.category-link:hover {
color: #7b9199;
}
.max-290-pixels {
width: 100%;
max-width: 290px;
}
.item-preview-link {
color: #0f0f0f;
text-decoration: none;
transition: color .2s;
}
.item-preview-link:hover {
color: #7b9199;
}
.paragraph-125, .text-block-152 {
font-family: Poppins, sans-serif;
}
.hero-inner-box {
z-index: 2;
color: #fff;
text-align: center;
justify-content: center;
align-items: center;
width: 100%;
max-width: 1228px;
margin-left: auto;
margin-right: auto;
padding-top: 60px;
padding-left: 6%;
padding-right: 6%;
display: flex;
position: relative;
}
.hero-heading-post {
width: 100%;
max-width: 1000px;
margin: 60px auto 40px;
}
.h1-post {
color: #0f0f0f;
letter-spacing: -3px;
text-transform: uppercase;
margin-top: 25px;
font-family: Poppins, sans-serif;
font-size: 4.5vw;
font-weight: 700;
line-height: 5.3vw;
}
.post-summary {
width: 60%;
margin-left: auto;
margin-right: auto;
}
.minutes-to-read {
color: #0f0f0f;
margin-top: 15px;
margin-bottom: 10px;
font-size: 14px;
font-weight: 600;
line-height: 26px;
}
.paragraph-126 {
font-family: Poppins, sans-serif;
}
.footer-expand {
flex-wrap: wrap;
width: 41%;
display: flex;
}
.footer-expand.middle {
width: 27%;
}
.footer-6 {
background-color: #111;
width: 100%;
max-width: 100%;
margin-left: auto;
margin-right: auto;
padding-top: 60px;
padding-bottom: 20px;
position: relative;
overflow: hidden;
}
.mini-arrow {
color: #b5bbc0;
margin-top: 33px;
font-size: 13px;
right: -7px;
}
.footer-column {
align-items: flex-start;
width: 30%;
margin-right: 2%;
display: flex;
}
.button-text-margin-2 {
margin-right: 10px;
display: inline-block;
}
.on-load {
padding-left: 25px;
padding-right: 25px;
}
.buy-template-container {
justify-content: center;
align-items: center;
height: 80px;
display: flex;
}
.go-up-button {
z-index: 3;
color: #fff;
background-color: #000;
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/62d9a8bee6d62faae80c703a_proximo.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: 18px;
border-radius: 50%;
justify-content: center;
align-items: center;
width: 45px;
height: 45px;
margin-bottom: 13px;
margin-right: 15px;
font-size: 25px;
font-weight: 300;
text-decoration: none;
transition: opacity .2s;
display: flex;
position: fixed;
bottom: 0;
right: 0;
}
.go-up-button.w--current {
z-index: 48;
}
.navigation {
z-index: 50;
position: fixed;
inset: 0% 0% auto;
}
.footer-submit-button {
color: #0f0f0f;
text-transform: uppercase;
background-color: #fff;
border-radius: 2px;
width: 100%;
min-width: 140px;
height: 47px;
margin-top: 10px;
padding: 9px 5% 3px;
font-size: 13px;
font-weight: 600;
transition: color .2s, background-color .2s;
}
.footer-submit-button:hover {
color: #fff;
text-transform: uppercase;
background-color: #1e1e1e;
}
.collection-list-wrapper-7 {
display: inline-block;
}
.footer-newsletter {
width: 54%;
}
.tag-link {
margin-right: 8px;
font-size: 15px;
font-weight: 500;
}
.navbar-5 {
background-color: #0000;
}
.tags-box {
margin-bottom: 60px;
}
.nav-menu-6 {
display: flex;
}
.h1-post-2 {
color: #0f0f0f;
letter-spacing: -3px;
text-transform: uppercase;
margin-top: 25px;
font-family: Poppins, sans-serif;
font-size: 4.5vw;
font-weight: 700;
line-height: 5.3vw;
}
.inner-hero-section {
width: 100%;
max-width: 1440px;
margin-left: auto;
margin-right: auto;
display: flex;
position: relative;
overflow: hidden;
}
.navlink {
color: #0f0f0f;
letter-spacing: 0;
height: 80px;
margin-right: 15px;
padding-top: 27px;
padding-left: 6px;
padding-right: 6px;
font-size: 16px;
font-weight: 400;
line-height: 27px;
text-decoration: none;
overflow: hidden;
}
.navlink:hover {
text-decoration: none;
}
.navlink.w--current {
color: #0f0f0f;
font-weight: 600;
}
.footer-left {
padding-right: 10px;
}
.nav-dropdown {
color: #000;
height: 65px;
margin-right: 5px;
font-size: 16px;
font-weight: 400;
line-height: 28px;
}
.button-outline-blue {
color: #0f0f0f;
text-align: center;
background-color: #0000;
border: 1px solid #0f0f0f;
border-radius: 25px;
min-width: 120px;
min-height: 40px;
padding: 13px 22px 10px;
font-size: 14px;
font-weight: 500;
line-height: 14px;
transition: color .2s, background-color .2s;
}
.button-outline-blue:hover {
color: #f4f5f7;
background-color: #0f0f0f;
}
.brand-6 {
justify-content: center;
align-items: center;
height: 80px;
transition: transform .2s, opacity .2s;
display: flex;
}
.brand-6:hover {
opacity: .8;
transform: scale(1.03);
}
.footer-text {
color: #fff;
font-size: 14px;
font-weight: 400;
line-height: 23px;
}
.intro-bottom-line {
background-color: #000;
height: 1px;
position: absolute;
inset: auto 0% 0%;
}
.intro-bottom-line.gray {
background-color: #dadada;
}
.more-posts {
width: 48%;
}
.dropdown-toggle-5 {
height: 80px;
padding-top: 26px;
padding-left: 13px;
padding-right: 27px;
}
.dropdown-list-5 {
background-color: #c9c9c9;
}
.navbar-bg {
background-color: #fff;
position: absolute;
inset: 0%;
}
.dropdown-link-4 {
color: #19171a;
background-color: #ecf0f7;
padding-left: 20px;
font-size: 14px;
transition: background-color .2s, padding .2s;
}
.dropdown-link-4:hover {
background-color: #dfe5ee;
padding-left: 23px;
}
.dropdown-link-4.w--current {
color: #1b222c;
background-color: #dfe5ee;
}
.footer-underline {
background-color: #fff;
height: 1px;
margin-top: 0;
position: relative;
bottom: 0;
left: 0;
right: 0;
}
.footer-input {
background-color: #0000;
border: 1px #fff;
border-bottom-style: solid;
border-radius: 0;
width: 100%;
height: 47px;
margin-bottom: 10px;
padding-top: 11px;
padding-left: 15px;
font-size: 12px;
transition: border-color .2s;
}
.footer-input:hover {
border-color: #2472f3;
}
.footer-input::placeholder {
color: #fff;
}
.flex-2 {
flex-wrap: wrap;
justify-content: flex-start;
align-items: stretch;
display: flex;
position: static;
}
.button-rounded-outline {
color: #000;
text-align: center;
letter-spacing: -.5px;
background-color: #fff;
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/62d9a8bee6d62fd0490c7034_Button-arrow.png");
background-position: 80% 54%;
background-repeat: no-repeat;
background-size: 15px;
border: 1px solid #000;
border-radius: 25px;
min-width: 140px;
min-height: 45px;
padding: 16px 40px 10px 30px;
font-family: Montserrat, sans-serif;
font-size: 13px;
font-weight: 600;
line-height: 13px;
text-decoration: none;
transition: background-color .2s, color .2s;
}
.button-rounded-outline:hover {
color: #fff;
background-color: #2b2b2b;
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/62d9a8bee6d62fd6ab0c7043_Button-arrow-w.png");
}
.notice {
min-height: 50px;
margin-top: 20px;
padding-top: 15px;
font-size: 13px;
}
.error-message-9 {
color: #ff784b;
text-align: left;
background-color: #0000;
width: 100%;
margin-top: 0;
font-size: 13px;
line-height: 13px;
}
.tags {
margin-right: 5px;
font-size: 15px;
font-weight: 600;
display: inline;
}
.footer-form {
width: 100%;
max-width: 270px;
margin-bottom: 0;
}
.div-block-238 {
width: 100%;
max-width: 900px;
margin-left: auto;
margin-right: auto;
}
.menu-5 {
width: 50%;
}
.menu-5._44-percent {
width: 44%;
}
.text-link {
color: #b1bdc9;
font-size: 14px;
font-weight: 500;
text-decoration: none;
transition: color .2s;
}
.text-link:hover {
color: #7b9199;
font-weight: 600;
}
.footer-notice-link {
text-decoration: underline;
transition: color .2s;
}
.footer-notice-link:hover {
color: #3f9aa5;
}
.footer-notice-link.w--current {
color: #48a9b5;
}
.footer-title-2 {
color: #fff;
font-size: 18px;
font-weight: 600;
}
.footer-1440-pixels {
justify-content: flex-end;
width: 100%;
max-width: 1440px;
margin-left: auto;
margin-right: auto;
padding-left: 3%;
padding-right: 3%;
position: relative;
}
.underline-hover {
background-color: #0f0f0f;
height: 1px;
position: relative;
bottom: 0;
left: 0;
right: 0;
}
.footer-text-medium {
color: #fff;
font-size: 14px;
line-height: 21px;
}
.dropdown-inline {
margin-right: 3px;
display: inline-block;
}
.footer-menu-link {
color: #fff;
align-items: center;
height: 27px;
font-size: 14px;
font-weight: 500;
line-height: 26px;
text-decoration: none;
}
.footer-menu-link.w--current {
color: #b1bdc9;
font-weight: 600;
}
.notice-text {
color: #fff;
font-size: 12px;
line-height: 21px;
}
.button-fill-black-2 {
color: #fff;
text-align: center;
letter-spacing: -.5px;
text-transform: uppercase;
background-color: #131313;
border-radius: 45px;
min-width: 150px;
min-height: 55px;
padding: 24px 30px 10px;
font-size: 14.25px;
font-weight: 700;
line-height: 12px;
text-decoration: none;
position: relative;
}
.post-hero-image {
margin-bottom: 70px;
position: relative;
}
.footer-box {
flex-wrap: wrap;
width: 100%;
display: flex;
}
.success-message-9 {
color: #000;
background-color: #0000;
font-size: 13px;
line-height: 18px;
}
.footer-branding {
transition: transform .2s, opacity .2s;
}
.footer-branding:hover {
opacity: .85;
transform: scale(1.03);
}
.footer-container {
flex-wrap: wrap;
justify-content: center;
align-items: flex-start;
margin-bottom: 60px;
display: flex;
}
.paragraph-127 {
font-family: Poppins, sans-serif;
}
.overview-label {
margin-right: 28px;
position: relative;
}
.section-hero-2 {
z-index: 1;
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto auto auto auto auto auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
width: 100%;
min-height: 100vh;
padding: 12rem 6rem 6rem;
display: flex;
position: relative;
}
.section-hero-2._75vh {
height: auto;
min-height: 75vh;
}
.grid-6-footer-meta {
z-index: 1;
grid-column-gap: 3rem;
grid-row-gap: 1rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-flow: row;
width: 100%;
margin-top: 3em;
position: relative;
}
.form-block-4 {
margin-bottom: 0;
}
.text-field-9 {
color: #fff;
background-color: #0000;
border: 1px #000;
border-bottom: 1px solid #fff;
margin-bottom: 1rem;
padding-left: 0;
padding-right: 0;
font-size: .75rem;
}
.text-field-9:focus {
border-bottom-color: #0070c9;
}
.text-field-9::placeholder {
color: #ffffff3d;
}
.success-message-10 {
background-color: #333333f2;
padding: 16px;
font-size: .75rem;
line-height: 1.5;
}
.overview-btn {
background-color: #ff4b27;
border-radius: 100px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 48px;
height: 48px;
display: flex;
position: absolute;
inset: 0% 0% 0% auto;
}
.main-2 {
z-index: 1;
flex-direction: column;
display: flex;
position: relative;
}
.align-right-2 {
text-align: right;
flex-direction: column;
align-items: flex-end;
display: flex;
}
.btn-label {
z-index: 1;
position: relative;
}
.nav-link-invert {
color: #fff;
letter-spacing: .04em;
text-transform: uppercase;
flex-direction: column;
justify-content: center;
align-items: center;
margin-left: 32px;
padding: 12px 0;
font-weight: 500;
line-height: 1;
transition: color .6s, border-color .6s;
position: relative;
}
.nav-link-invert:hover {
color: #fff;
}
.nav-link-invert.first {
margin-left: 0;
}
.menu-button-7 {
color: #0d0d11;
}
.grid-6-2 {
z-index: 1;
grid-column-gap: 3rem;
grid-row-gap: 3rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-flow: row;
width: 100%;
position: relative;
}
.grid-6-2.no-gap {
grid-column-gap: 0px;
grid-row-gap: 0rem;
}
.content-571 {
z-index: 2;
flex-direction: column;
align-items: flex-start;
display: flex;
position: relative;
}
.content-571.horiz-bottom {
flex-direction: row;
justify-content: space-between;
align-items: flex-end;
}
.content-571.horiz-bottom.width-100.align-right {
justify-content: flex-end;
}
.content-571.horizontal {
flex-direction: row;
}
.content-571.centered-always {
align-items: center;
margin-bottom: 0;
}
.horizontal {
display: flex;
}
.main-grid-3 {
z-index: 2;
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto auto auto auto auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-flow: row dense;
width: 100%;
position: relative;
}
.navbar-6 {
z-index: 10;
color: #fff;
background-color: #121217;
justify-content: center;
align-items: center;
max-width: 992px;
height: 5rem;
margin-left: auto;
margin-right: auto;
display: flex;
position: fixed;
inset: 1rem 6rem auto;
}
.btn-6 {
z-index: 1;
color: #fff;
background-color: #333333f2;
border-style: none;
border-radius: 100px;
align-items: center;
padding: 12px 20px;
font-size: .75rem;
line-height: 1;
text-decoration: none;
transition: color .3s;
display: flex;
position: relative;
overflow: hidden;
}
.overview-btn-area {
z-index: 99;
flex-direction: column;
justify-content: center;
align-items: center;
width: 96px;
height: 96px;
font-size: .75rem;
display: none;
position: fixed;
inset: auto 0% 0% auto;
}
.tooltip {
z-index: 9;
color: #fff;
background-color: #181818f2;
border-radius: 4px;
justify-content: center;
align-items: center;
padding: 8px 10px;
font-size: .75rem;
line-height: 1;
display: flex;
position: fixed;
inset: 12px auto auto 12px;
}
.tooltip.video {
z-index: 9;
}
.tooltip.thumb {
z-index: 0;
background-color: #0000;
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/62d9ac548f111f6bf6783a06_agency-portfolio-template-29.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border-radius: 0;
width: 256px;
height: 256px;
display: none;
top: -128px;
}
.btn-hover {
width: 100%;
height: 100%;
position: absolute;
inset: auto 0% 0%;
}
.btn-hover.blue {
background-color: #0070c9;
}
.brand-7 {
z-index: 2;
flex-direction: column;
justify-content: center;
align-items: center;
width: 128px;
height: 100%;
padding-bottom: 0;
display: flex;
}
.brand-7.white {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/62d9a9e42758605ec936c571_logo-white.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
}
.brand-7.white.middle-absolute {
margin-left: auto;
margin-right: auto;
position: absolute;
inset: 0% 0% auto;
}
.grid-6-footer {
z-index: 1;
grid-column-gap: 3rem;
grid-row-gap: 1rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-flow: row;
width: 100%;
position: relative;
}
.overview-btn-icon {
width: 20px;
}
.overview-btn-holder {
cursor: pointer;
background-color: #646e7a;
border-radius: 100px;
justify-content: flex-end;
align-items: center;
width: 48px;
height: 48px;
padding-right: 48px;
display: flex;
position: absolute;
inset: auto 24px 24px auto;
overflow: hidden;
}
.nav-menu-7 {
z-index: 0;
width: 100%;
height: 100%;
padding-left: 32px;
padding-right: 32px;
position: relative;
}
.nav-menu-7.space-between {
justify-content: space-between;
align-items: center;
display: flex;
}
.error-message-10 {
color: #0d0d11;
background-color: #ff4b27;
padding: 16px;
font-size: .75rem;
line-height: 1.5;
}
.footer-link-grid {
grid-column-gap: 1em;
grid-row-gap: 1em;
grid-template-rows: auto;
grid-template-columns: auto;
grid-auto-columns: auto;
grid-auto-flow: column;
}
.line-left {
z-index: 1;
border-left: 1px solid #0d0d11;
position: absolute;
inset: 6rem auto 6rem 0%;
}
.icn-social-small {
background-color: #333333f2;
border-bottom-style: none;
border-radius: 100px;
width: 24px;
height: 24px;
margin-left: 4px;
margin-right: 4px;
transition: background-color .2s;
}
.icn-social-small:hover {
color: #fff;
background-color: #f96446;
}
.icn-social-small.twitter {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/62d9a9e427586084b236c572_twitter-white.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: 8px;
}
.icn-social-small.twitter:hover {
background-color: #1da1f2;
}
.icn-social-small.instagram {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/62d9a9e4275860908836c573_instagram-white.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: 8px;
}
.icn-social-small.instagram:hover {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/62d9a9e4275860908836c573_instagram-white.svg"), linear-gradient(#6851c3, #c63288 50%, #f78030);
background-position: 50%, 0 0;
background-repeat: no-repeat, repeat;
background-size: 8px, auto;
}
.icn-social-small.facebook {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/62d9a9e42758604ab436c574_facebook-white.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: 8px;
}
.icn-social-small.facebook:hover {
background-color: #365899;
}
.category-circle {
border-radius: 100px;
width: 8px;
height: 8px;
margin-right: 4px;
position: relative;
}
.category-circle.white {
background-color: #fff;
}
.mdash {
background-color: #fff;
width: 2.5rem;
height: 1px;
margin-left: .5rem;
margin-right: .5rem;
}
.display-3 {
z-index: 1;
color: #fff;
letter-spacing: -.01em;
margin-top: 0;
margin-bottom: 0;
font-family: Poppins, sans-serif;
font-size: 30px;
font-weight: 400;
line-height: 1.3;
position: relative;
}
.text-block-153, .text-block-154 {
font-size: 1em;
}
.padding {
z-index: 2;
flex-direction: column;
align-items: flex-start;
padding: 2rem;
display: flex;
position: relative;
}
.caption-3 {
z-index: 1;
margin-top: 0;
margin-bottom: 2px;
font-size: .75rem;
font-weight: 500;
line-height: 1.3;
position: relative;
}
.caption-3.margin-paragraph {
margin-bottom: 1rem;
}
.line-top {
border-top: 1px solid #0d0d11;
position: absolute;
inset: 0% 6rem auto;
}
.line-top.white {
border-top-color: #fff;
}
.grid-news {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
border-top: 1px solid #fff;
grid-template-columns: .5fr 1fr;
grid-auto-flow: row;
padding-top: 1rem;
}
.services-holder {
z-index: 1;
justify-content: flex-start;
align-items: center;
margin-bottom: .5rem;
font-size: .75rem;
font-weight: 500;
line-height: 1;
display: flex;
position: relative;
}
.display-3-2 {
z-index: 1;
letter-spacing: -.01em;
margin-top: 0;
margin-bottom: 0;
font-weight: 400;
line-height: 1.3;
position: relative;
}
.featured-blog-item-content {
flex-direction: column;
justify-content: center;
display: flex;
}
.blog-item-date-category-content {
flex-direction: row;
align-items: center;
margin-top: 20px;
display: flex;
}
.blog-featured-grid {
grid-column-gap: 30px;
grid-row-gap: 30px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
width: 100%;
margin-bottom: 60px;
}
.opacity-60 {
opacity: .6;
color: var(--black);
font-family: Poppins, sans-serif;
}
.post-item-image {
width: 100%;
position: relative;
}
.blog-item-image-container {
position: relative;
overflow: hidden;
}
.blog-item-category {
opacity: .8;
margin-top: 0;
margin-bottom: 0;
margin-left: 20px;
}
.post-item {
padding-bottom: 0;
}
.post-item:hover {
text-decoration: none;
}
.heading-458, .heading-459 {
font-family: Poppins, sans-serif;
}
.nav-social-links-2 {
text-align: right;
flex: 1;
justify-content: flex-end;
display: flex;
}
.image-anim-container {
flex-direction: column;
justify-content: flex-start;
align-items: stretch;
width: 100%;
display: flex;
position: relative;
overflow: hidden;
}
.heading-display-2 {
color: #fff;
font-family: Poppins, sans-serif;
font-size: 70px;
font-weight: 400;
line-height: 1.2;
}
.heading-display-2.streched-link-text {
color: #a2a2a2;
}
.heading-display-2.no-margin-top {
color: var(--black);
margin-top: 0;
font-weight: 600;
}
.cursor-icon-1 {
background-color: #fff;
width: 6px;
height: 100%;
}
.wrapper-7 {
flex-direction: column;
min-height: 100vh;
display: flex;
}
.footer-top {
margin-bottom: 5em;
}
.post-details-section-bg {
z-index: -1;
background-color: #0000;
height: 40vh;
position: absolute;
inset: 0% 0% auto;
}
.footer-flex-first {
flex-direction: column;
flex: 1;
align-items: flex-start;
padding-right: 50px;
display: flex;
}
.line-streched-image {
width: 100%;
position: absolute;
inset: auto 0% 0%;
}
.grid-10cols {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
position: relative;
}
.text-gradient-1 {
-webkit-text-fill-color: transparent;
background-image: linear-gradient(to right, #fb8755, #ff4d00);
-webkit-background-clip: text;
background-clip: text;
}
.grey-text {
color: #878d95;
}
.opacity-61 {
opacity: .6;
font-family: Poppins, sans-serif;
}
.streched-line-link {
color: #a2a2a2;
margin-top: 1em;
margin-bottom: 1em;
padding-bottom: 30px;
text-decoration: none;
position: relative;
}
.streched-line-link:hover {
text-decoration: none;
}
.section-hero-3 {
position: relative;
}
.cursor-icon-2 {
background-color: #fff;
width: 100%;
height: 6px;
position: absolute;
}
.nav-logo-3 {
height: 35px;
}
.cursor-text {
font-family: Poppins, sans-serif;
font-size: 50px;
font-weight: 500;
line-height: 1;
position: relative;
}
.footer-heading-3 {
margin-bottom: 20px;
}
.footer-flex-container {
text-align: left;
flex-direction: row;
justify-content: space-between;
align-items: stretch;
margin-top: 0;
margin-bottom: 0;
padding-top: 20px;
padding-left: 0;
display: flex;
}
.footer-flex-container.bottom {
border-top: 1px solid #343434;
margin-top: 40px;
padding-top: 10px;
}
.footer-flex-content {
min-width: 33%;
padding-right: 10px;
}
.streched-line-lottie {
width: 100%;
position: absolute;
inset: auto 0% -4px;
}
.social-icons-2 {
flex-direction: column;
margin-top: 10px;
display: flex;
}
.cursor-icon {
flex-direction: row;
justify-content: center;
align-items: center;
width: 32px;
height: 32px;
margin-right: 15px;
display: flex;
position: relative;
}
.post-details-sticky-content {
width: 100%;
margin-bottom: 1em;
}
.social-icon-holder {
background-color: #353535;
border-radius: 41px;
justify-content: center;
align-items: center;
width: 41px;
height: 41px;
margin-bottom: 12px;
margin-right: 12px;
transition: background-color .2s;
display: flex;
position: relative;
overflow: hidden;
}
.social-icon-holder:hover {
background-color: #0d0d0d;
}
.no-margin-4 {
margin: 0;
}
.image-animation {
position: relative;
}
.footer-social-links {
text-align: right;
flex: 1;
justify-content: flex-start;
display: flex;
}
.content-details {
text-align: justify;
letter-spacing: -.03em;
text-indent: 3px;
margin-top: 2em;
margin-bottom: 2em;
line-height: 15;
}
.social-icon-2.small {
z-index: 1;
width: 20px;
position: relative;
}
.footer-social-link {
opacity: 1;
align-self: center;
margin-left: 40px;
transition: opacity .2s, color .2s;
}
.footer-social-link:hover {
opacity: .7;
}
.footer-social-link._1 {
margin-left: 0;
}
.nav-menu-8 {
z-index: 1;
flex: 1;
padding-top: 6px;
padding-bottom: 6px;
display: flex;
}
.fixed-nav {
z-index: 10;
background-color: #0d0d0d;
height: 80px;
position: fixed;
inset: 0% 0% auto;
}
.cursor-2 {
z-index: 3;
color: #fff;
flex-direction: row;
justify-content: center;
align-items: center;
margin-top: -22px;
margin-left: -18px;
display: none;
position: fixed;
inset: 0% auto auto 0%;
}
.footer-7 {
background-color: #000;
align-items: flex-start;
margin-top: auto;
padding: 0;
}
.text-block-155 {
font-family: Poppins, sans-serif;
}
.heading-460 {
font-family: Poppins, sans-serif;
font-size: 5em;
}
.heading-461 {
font-family: Poppins, sans-serif;
}
.text-block-156 {
font-family: Poppins, sans-serif;
font-size: 20px;
font-weight: 600;
}
.about-us-title {
text-transform: uppercase;
margin-right: -67px;
font-family: Poppins, sans-serif;
font-size: 46px;
font-weight: 600;
line-height: 49px;
}
.about-us-section {
overflow: hidden;
}
.text-border {
background-color: #000;
border: 2px solid #000;
height: 82%;
position: absolute;
top: 50%;
left: 0;
transform: translate(0, -50%);
}
.image-478 {
position: absolute;
bottom: -16px;
right: 0%;
transform: translate(100%);
}
.box {
background-color: #fecc2f;
flex: none;
justify-content: flex-end;
align-items: center;
width: 308px;
height: 276px;
margin-right: 138px;
display: flex;
position: relative;
}
.about-us {
align-items: center;
margin-top: 80px;
margin-bottom: 80px;
display: flex;
overflow: hidden;
}
.text-wrapper-5 {
padding-left: 41px;
position: relative;
}
.about-text {
border-radius: 0;
font-family: Poppins, sans-serif;
font-size: 25px;
font-weight: 300;
line-height: 43px;
}
.image-479 {
height: 100%;
}
.services-section-2 {
overflow: hidden;
}
.border-horizontal {
background-color: #000;
width: 39px;
height: 2px;
}
.tabs-content-2 {
width: 50%;
overflow: visible;
}
.text-block-157 {
letter-spacing: .095em;
margin-left: 26px;
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 20px;
line-height: 49px;
position: static;
}
.tab-pane {
height: 100%;
}
.tab-link-2 {
background-color: #0000;
border-bottom: 1px solid #8d8d8d57;
margin-left: 30px;
padding-top: 36px;
padding-bottom: 40px;
padding-left: 0;
}
.tab-link-2.w--current {
background-color: #0000;
border-bottom-color: #ffc900;
padding-bottom: 40px;
}
.tabs-3 {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: flex;
}
.services-content {
margin-left: 63px;
position: relative;
}
.services-header-left {
align-items: center;
display: flex;
}
.services-image-wrapper {
position: relative;
}
.tab-pane-content-2 {
align-items: center;
height: 100%;
padding-left: 30px;
padding-right: 0;
display: flex;
}
.tab-link-text {
color: #2c2d31;
font-size: 18px;
font-weight: 300;
line-height: 24px;
}
.tab-link-text.hide-desktop {
display: none;
}
.tabs-menu-5 {
flex-direction: column;
width: 50%;
display: flex;
}
.tab-line-nav {
height: 110%;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
}
.button-icon {
margin-left: 9px;
display: flex;
}
.primary-button {
color: #000;
cursor: pointer;
border: 1.5px solid #000;
border-radius: 21px;
justify-content: space-between;
padding: 12px 20px;
font-weight: 500;
line-height: 17.5px;
text-decoration: none;
transition: color .5s ease-in-out, background-color .5s ease-in;
display: flex;
}
.primary-button:hover {
color: #fff;
background-color: #000;
}
.services-image-1 {
z-index: 1;
position: relative;
}
.services-3 {
padding-top: 50px;
padding-bottom: 40px;
}
.services-header {
justify-content: space-between;
align-items: center;
margin-bottom: 110px;
display: flex;
}
.services-image-2 {
width: 100%;
position: absolute;
top: 0;
left: 0;
}
.tab-link-title {
margin-bottom: 20px;
font-family: Poppins, sans-serif;
font-size: 40px;
font-weight: 700;
line-height: 31.25px;
}
.cta-content {
z-index: 5;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
padding: 112px 70px;
display: flex;
position: relative;
}
.cta-title-wrapper {
max-width: 899px;
margin-bottom: 48px;
position: relative;
}
.cta-title {
z-index: 5;
color: var(--black);
text-align: center;
font-family: Poppins, sans-serif;
font-size: 51px;
font-weight: 500;
line-height: 64px;
position: relative;
}
.line-4 {
position: absolute;
top: -41px;
left: -49px;
}
.line-3-right {
position: absolute;
top: -41px;
right: -49px;
}
.secondary-button-2 {
color: #000;
background-color: #fff;
border: 2px solid #000;
justify-content: space-between;
padding: 5px 20px;
font-size: 22px;
line-height: 39.1px;
text-decoration: none;
transition: background-color .5s ease-in-out, color .5s ease-in-out;
display: flex;
}
.secondary-button-2:hover {
color: #fff;
background-color: #000;
}
.subheading-4 {
color: #000;
max-width: 370px;
font-size: 20px;
font-weight: 400;
line-height: 1.6;
}
.hero-heading-3 {
color: #000;
font-size: 60px;
font-weight: 500;
line-height: 1;
}
.bold-span-2 {
font-weight: 500;
}
.lottie-bg-loader {
opacity: .2;
width: 60px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.purple-div {
background-image: linear-gradient(20deg, #a59eff, #efc4ff);
height: 75%;
position: absolute;
inset: auto 0% 0%;
}
.persona-tabs__content {
background-color: #fff;
overflow: visible;
box-shadow: 0 2px 3px #00000005, 8px 0 7px #00000008, 0 20px 15px #0000000a, 0 20px 25px #0000000d, 0 20px 40px #00000012;
}
.persona-tabs__link-dot {
background-color: #4353ff;
border-radius: 4px;
width: 4px;
height: 4px;
position: absolute;
top: 1.3em;
left: 10px;
}
.persona-embed {
padding-top: 59%;
position: relative;
}
.persona-tabs__link {
background-color: #0000;
margin-bottom: 0;
padding: 14px 26px 12px;
font-size: 1.1rem;
transition: background-color .3s cubic-bezier(.165, .84, .44, 1), color .3s cubic-bezier(.165, .84, .44, 1);
overflow: hidden;
}
.persona-tabs__link:hover, .persona-tabs__link.w--current {
color: #4353ff;
background-color: #4353ff12;
}
.u-position-relative {
position: relative;
}
.persona-tabs__copy {
color: #000;
margin-top: 4px;
margin-bottom: 0;
font-size: .95rem;
font-weight: 400;
}
.persona-tabs__menu {
z-index: 1;
background-color: #fff;
flex-direction: column;
width: 360px;
padding: 12px;
display: flex;
position: absolute;
bottom: 10%;
left: -46px;
}
.persona-tabs_dev-api {
border-radius: 4px;
width: 40%;
position: absolute;
bottom: 35%;
right: -3%;
overflow: hidden;
}
.feature-item__embed {
justify-content: center;
align-items: center;
display: flex;
position: absolute;
inset: 0%;
}
.feature-list {
flex-direction: column;
justify-content: flex-end;
min-height: 680px;
margin-bottom: 0;
padding-left: 0;
list-style-type: none;
display: flex;
}
.feature-item__window {
flex-direction: column;
justify-content: center;
align-items: center;
max-width: 900px;
height: 100%;
margin-left: auto;
display: flex;
position: relative;
overflow: hidden;
}
.feature-item__window.cc-members {
background-color: #fff;
background-image: linear-gradient(145deg, #f2ee94, #47e6a4);
}
.feature-item__window.cc-ecommerce {
background-color: #fff;
background-image: linear-gradient(145deg, #a5f598, #f8f386);
}
.feature-item__window.cc-cms {
background-color: #fff;
background-image: linear-gradient(159deg, #beffaf, #37d996);
}
.feature-item__window.cc-interactions {
background-color: #fff;
background-image: linear-gradient(145deg, #47e6a4, #dafaed);
}
.feature-item {
z-index: 1;
align-items: flex-start;
padding: 36px;
display: flex;
position: relative;
}
.feature-item__content {
padding-top: .2em;
}
.button-icon__top-right {
width: 13px;
height: 20px;
margin-top: -4px;
margin-left: 12px;
display: inline-block;
}
.sr-only {
white-space: nowrap;
border: 0 solid #0000;
width: 1px;
height: 1px;
margin-top: -1px;
position: absolute;
overflow: hidden;
}
.feature-item__wrapper {
cursor: pointer;
border-bottom: 1px solid #e4e4e4;
transition: color .3s cubic-bezier(.165, .84, .44, 1);
position: relative;
}
.feature-item__wrapper:hover, .feature-item__wrapper:focus {
color: #4353ff;
}
.feature-item__wrapper.current {
z-index: 1;
color: #4353ff;
background-color: #fff;
border-bottom-color: #0000;
margin-top: -1px;
}
.section__title-wrapper {
max-width: 65rem;
padding-top: 20px;
padding-bottom: 8%;
}
.feature-item__shadow {
opacity: 0;
transition: opacity .1s cubic-bezier(.165, .84, .44, 1);
position: absolute;
inset: 0%;
}
.feature-item__link-overlay {
z-index: 2;
display: block;
position: absolute;
inset: 0%;
}
.feature-item__player-aspect {
width: 100%;
padding-top: 59%;
position: relative;
}
.feature-item__content-hide {
color: #000;
flex-direction: column;
align-items: flex-start;
max-height: 0;
margin-left: -6px;
padding-bottom: 4px;
padding-left: 6px;
transition: max-height cubic-bezier(.165, .84, .44, 1), opacity cubic-bezier(.165, .84, .44, 1);
display: flex;
overflow: hidden;
}
.paragraph-l {
margin-bottom: 1em;
font-size: 1.2rem;
line-height: 1.8;
}
.section-title-10 {
letter-spacing: -.02em;
margin-top: 0;
margin-bottom: .4em;
font-size: 5.4rem;
font-weight: 500;
line-height: 1.1;
}
.feature-item__icon {
flex: none;
width: 30px;
height: 30px;
margin-right: 20px;
}
.feature-item__title {
font-size: 1.2rem;
}
.feature-item__animation {
opacity: 0;
width: 48%;
transition: opacity .1s cubic-bezier(.165, .84, .44, 1), height .1s cubic-bezier(.165, .84, .44, 1);
position: absolute;
top: 0;
bottom: 0;
left: 0;
}
.u-d-inline-block {
display: inline-block;
}
.features-col {
width: 44%;
margin-left: auto;
}
.feature-item__player {
opacity: 0;
width: 140%;
position: absolute;
top: 50%;
left: 12%;
transform: translate(0, -50%);
}
.feature-item__player.cc-left {
background-color: #0000;
left: auto;
right: 12%;
}
.feature-item__player.cc-left.cc-members {
width: 145%;
top: 52%;
}
.feature-item__player.cc-ecommerce {
left: 13%;
}
.feature-item__copy {
z-index: 5;
margin-bottom: 1em;
}
.feature-title-2 {
margin-bottom: 15px;
font-family: Poppins, sans-serif;
font-size: 15px;
line-height: 1.5;
}
.three-info {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
max-width: 700px;
display: grid;
}
.three-section-title {
margin-bottom: 32px;
}
.three-heading {
color: #000;
font-family: Poppins, sans-serif;
font-size: 80px;
font-weight: 500;
line-height: 1;
}
.cta-banner {
color: #000;
justify-content: center;
align-items: center;
width: 100%;
height: 60px;
font-family: Montserrat, sans-serif;
font-size: 16px;
font-weight: 600;
line-height: 1.5;
text-decoration: none;
display: flex;
position: absolute;
inset: auto 0% 0%;
}
.cta-banner._1 {
background-color: var(--black);
color: #000;
font-family: Open Sans, sans-serif;
font-size: 16px;
font-weight: 600;
line-height: 1.5;
text-decoration: none;
}
.cta-banner._1:hover {
background-color: #b2663659;
}
.quotee-text {
font-size: 14px;
font-weight: 500;
}
.home-container {
background-color: #fcf0ea;
max-width: 1280px;
margin-left: auto;
margin-right: auto;
position: relative;
}
.home-container._1 {
background-color: #fecc2f;
background-image: linear-gradient(135deg, #fecc2f, #fff2e1);
}
.quotee-image {
border-radius: 50%;
width: 48px;
height: 48px;
margin-right: 16px;
}
.quotee-image.cc-1 {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/62e40df857a54cd62260f0e8_erin.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
justify-content: center;
align-items: center;
display: flex;
}
.feature-text {
max-width: 650px;
font-family: Poppins, sans-serif;
font-size: 1.1em;
}
.inline-link-2 {
color: #000;
}
.inline-link-2:hover {
color: #4353ff;
}
.home-section {
margin-bottom: 100px;
padding-left: 32px;
padding-right: 32px;
}
.home-section.cc {
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
}
.three-subheading {
color: #000;
max-width: 95%;
font-family: Poppins, sans-serif;
font-size: 16px;
font-weight: 500;
line-height: 1.5;
}
.three-left {
flex-direction: column;
justify-content: space-between;
max-width: 350px;
display: flex;
}
.three-grid {
grid-column-gap: 32px;
grid-row-gap: 32px;
margin-bottom: 60px;
padding: 64px;
}
.quote {
max-width: 300px;
margin-top: 32px;
margin-bottom: 32px;
font-family: Poppins, sans-serif;
font-size: 1em;
}
.quotee-wrapper {
align-items: center;
display: flex;
}
.three-visual {
max-width: 740px;
}
.quote-wrapper {
background-color: #fff;
padding: 32px;
}
.quote-logo {
width: 130px;
}
.cta-heading {
font-family: Poppins, sans-serif;
font-size: 60px;
}
.path-wrapper {
background-image: linear-gradient(45deg, #fecc2f, #f3f2fb);
margin-bottom: 20px;
padding: 32px;
transition: all .2s cubic-bezier(.645, .045, .355, 1);
}
.path-wrapper:hover {
background-image: linear-gradient(45deg, #0000 17%, #f3f2fb 51%);
}
.path-title {
margin-bottom: 12px;
font-family: Poppins, sans-serif;
font-size: 21px;
font-weight: 600;
line-height: 1.5;
}
.cta-section {
flex-direction: column;
justify-content: center;
align-items: center;
padding: 32px 64px 40px;
display: flex;
}
.path-text {
max-width: 90%;
font-family: Poppins, sans-serif;
font-size: 1em;
}
.cta-subheading {
max-width: 500px;
font-family: Poppins, sans-serif;
font-size: 20px;
}
.path-icon {
width: 60px;
height: 60px;
}
.eyebrow-grey {
color: #888;
text-transform: uppercase;
}
.cta-container-2 {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-columns: 1fr 1fr 1fr;
width: 100%;
max-width: 1280px;
padding-top: 20px;
padding-left: 10px;
padding-right: 10px;
}
.cta-title-2 {
text-align: center;
margin-bottom: 32px;
}
.link-block-19, .link-block-20, .link-block-21, .link-block-22, .link-block-23, .link-block-24 {
margin-bottom: 0;
}
.heading-119 {
color: #000;
font-family: Poppins, sans-serif;
font-size: 40px;
font-weight: 600;
line-height: 1.1;
}
.button-16-copy {
color: #0d0d0d;
text-align: center;
background-color: #fecc2f;
border-radius: 3.7rem;
justify-content: center;
align-items: center;
margin-left: 0;
padding: 1rem 2rem;
font-family: Poppins, sans-serif;
font-weight: 600;
text-decoration: none;
transition: transform .2s, background-color .2s;
display: inline-block;
position: relative;
}
.button-16-copy:hover {
color: #000;
background-color: #fff;
font-weight: 600;
transform: translate(0, -.25rem);
}
.page-padding-6 {
margin-left: 0;
margin-right: 0;
padding-left: 2.5rem;
padding-right: 2.5rem;
}
.home-about_top-row {
grid-column-gap: 6rem;
grid-row-gap: 2rem;
grid-template-rows: auto;
grid-template-columns: 1.5fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
display: grid;
}
.home-about_component-2 {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
}
.paragraph-128 {
color: #000;
font-family: Poppins, sans-serif;
font-size: 1.4em;
line-height: 1.4;
}
.padding-left {
padding-top: 0;
padding-bottom: 0;
padding-right: 0;
}
.show_skew-on_load {
z-index: 2;
position: relative;
}
.show_skew-on_load.display-1 {
text-align: center;
text-transform: none;
margin-bottom: 40px;
font-family: Poppins, sans-serif;
font-size: 50px;
font-weight: 400;
line-height: 1.1;
}
.button-copy {
color: #fff;
text-align: center;
background-color: #0000;
border: 3px solid #fff;
border-radius: 20px;
justify-content: center;
align-items: center;
height: 48px;
margin-top: 20px;
margin-bottom: 20px;
margin-right: 0;
padding: 15px 20px;
font-family: Poppins, sans-serif;
font-weight: 700;
line-height: 1;
text-decoration: none;
transition: color .2s, background-color .2s;
display: flex;
}
.button-copy:hover {
color: #0d0d0d;
background-color: #fecc2f;
border-style: solid;
border-color: #fecc2f;
text-decoration: none;
}
.section-132 {
padding-top: 60px;
}
.text-block-158 {
font-family: Poppins, sans-serif;
}
.paragraph-129 {
font-family: Poppins, sans-serif;
font-size: 1.3em;
}
.section-133 {
padding-top: 60px;
}
.grid-3-columns {
grid-column-gap: 28px;
grid-row-gap: 28px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.grid-3-columns.portfolio-details-grid {
grid-column-gap: 32px;
grid-row-gap: 32px;
grid-template-columns: auto auto auto;
justify-content: space-between;
width: 100%;
max-width: 500px;
}
.container-default {
max-width: 1246px;
padding: 60px 40px;
}
.container-default._2 {
flex-direction: column;
align-items: center;
display: flex;
}
.grid-2-columns-4 {
grid-column-gap: 28px;
grid-row-gap: 28px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
display: grid;
}
.grid-2-columns-4.mg-bottom-40px {
padding-bottom: 60px;
}
.grid-2-columns-4._1-col-tablet.mg-bottom-48px {
padding-bottom: 40px;
}
.grid-2-columns-4._1-col-tablet.align-bottom {
align-items: end;
}
.grid-2-columns-4.title-and-categories {
grid-template-columns: .6fr 1fr;
margin-bottom: 48px;
}
.grid-2-columns-4._2-col-mbl {
flex-direction: column;
place-content: start center;
align-items: start;
display: flex;
}
.grid-2-columns-4.mg-bottom-48px {
flex-direction: row;
justify-content: space-between;
align-items: flex-start;
}
.grid-2-columns-4.form {
grid-column-gap: 24px;
grid-row-gap: 32px;
}
.grid-2-columns-4._1fr---1-5fr {
grid-template-columns: 1fr 1.5fr;
}
.grid-2-columns-4.services-details-grid {
grid-row-gap: 26px;
grid-template-columns: minmax(min-content, max-content) minmax(min-content, max-content);
justify-content: space-between;
width: 100%;
margin-bottom: 32px;
}
.grid-2-columns-4.gap-row-16px.mg-bottom-56px {
align-items: start;
}
.grid-2-columns-4.text-right-default {
grid-column-gap: 120px;
grid-template-columns: 1fr .8fr;
}
.grid-2-columns-4.text-left-default {
grid-column-gap: 120px;
grid-template-columns: .8fr 1fr;
}
.grid-2-columns-4.cta-v4 {
grid-column-gap: 100px;
grid-template-columns: .86fr 1fr;
}
.mg-bottom-16px {
margin-bottom: 16px;
}
.text-200 {
line-height: 1.111em;
}
.text-200.medium {
text-align: left;
font-family: Poppins, sans-serif;
font-weight: 500;
}
.text-200.color-neutral-600 {
font-size: 1em;
}
.text-200.bold {
font-weight: 700;
}
.text-200.bold.color-neutral-800 {
font-family: Poppins, sans-serif;
}
.text-200.color-neutral-600.link {
text-align: left;
text-decoration: none;
}
.text-200.color-neutral-600.link:hover {
color: #0071ef;
}
.text-200.medium {
font-weight: 500;
}
.text-200.medium.color-neutral-800 {
color: var(--black);
}
.mg-bottom-24px {
margin-bottom: 24px;
font-size: 1.2em;
}
.section-134 {
padding-top: 200px;
padding-bottom: 200px;
}
.section-134.bg-neutral-200.position-relative {
padding-top: 40px;
padding-bottom: 40px;
overflow: hidden;
}
.section-134.bg-neutral-200.position-relative.review {
display: none;
}
.section-134.overflow-hidden {
flex-direction: column;
align-items: center;
display: flex;
}
.section-134.pd-top-80px {
padding-top: 80px;
padding-bottom: 40px;
}
.section-134.pd-top-0 {
padding-top: 0;
}
.color-neutral-800 {
color: #1f3154;
font-family: Poppins, sans-serif;
font-weight: 600;
}
.mg-bottom-0 {
margin-bottom: 0;
font-family: Poppins, sans-serif;
font-size: 1.2em;
}
.section-top-shape {
width: 100%;
position: absolute;
top: -1px;
left: 0;
right: 0;
}
.btn-primary {
color: var(--black);
text-align: center;
transform-style: preserve-3d;
background-color: #fecc2f;
border: 1px solid #ffc700;
border-radius: 8px;
justify-content: center;
padding: 22px 32px;
font-family: Poppins, sans-serif;
font-weight: 700;
line-height: 1.111em;
text-decoration: none;
transition: border-color .3s, background-color .3s, transform .3s, color .3s;
}
.btn-primary:hover {
background-color: var(--black);
color: #fec22f;
border-color: #1f3154;
transform: translate3d(0, -5px, .01px);
}
.btn-primary.button-row {
margin-right: 26px;
}
.mg-right-14px {
margin-right: 14px;
}
.card-5 {
background-color: #fff;
border: 1px solid #eff2f6;
border-radius: 20px;
box-shadow: 0 2px 10px #141b2b0f;
}
.card-5.testimonials {
padding: 48px 36px;
}
.card-5.services-link {
flex-direction: column;
min-height: 504px;
padding: 48px 40px 72px;
text-decoration: none;
transition: none;
display: flex;
}
.card-5.blog-featured-main-link {
background-color: #0000;
border-style: none;
text-decoration: none;
transition: none;
display: flex;
overflow: hidden;
}
.card-5.blog-featured-bottom-links {
background-color: #0000;
border-style: none;
text-decoration: none;
transition: none;
overflow: hidden;
}
.card-5.blog-post-link {
border-style: none;
text-decoration: none;
overflow: hidden;
}
.card-5.our-process {
text-align: center;
margin-top: -170px;
padding: 210px 28px 62px;
}
.card-5.contact-form {
flex-direction: column;
justify-content: center;
width: 100%;
max-width: 652px;
min-height: 692px;
margin-bottom: 0;
margin-left: auto;
padding: 72px 48px;
display: flex;
box-shadow: 0 8px 28px #14142b1a;
}
.card-5.accordion-v3 {
flex-direction: column;
justify-content: center;
align-items: center;
padding: 88px 74px;
display: flex;
}
.card-5.services-link-large {
flex-direction: column;
align-items: flex-start;
padding: 48px 40px 60px;
text-decoration: none;
transition: none;
display: flex;
}
.card-5.contact-services {
text-align: center;
margin-top: -120px;
padding: 136px 40px 56px;
text-decoration: none;
}
.card-5.contact-services.saas {
margin-top: auto;
padding-top: 60px;
}
.card-5.testimonial-slider {
grid-column-gap: 0px;
grid-row-gap: 0px;
box-shadow: none;
grid-template-rows: auto;
grid-template-columns: 410px 1fr;
grid-auto-columns: 1fr;
width: 100%;
display: grid;
overflow: hidden;
}
.card-5.our-perks {
flex-direction: column;
justify-content: center;
align-items: center;
padding: 44px 28px 52px;
display: flex;
}
.card-5.our-perks.blue {
background-color: var(--white);
border-style: none;
border-color: #255ae0;
}
.card-5.pricing-link {
flex-direction: column;
align-items: center;
height: 100%;
padding: 54px 30px 48px;
text-decoration: none;
transition: none;
display: flex;
}
.flex-3 {
display: flex;
}
.flex-3.align-center {
flex-direction: row;
align-items: center;
}
.flex-3.align-center.mg-bottom-24px {
flex-direction: row;
}
.flex-3.align-center.justify-space-between {
flex-direction: row;
justify-content: space-between;
}
.flex-3.align-center.vertical-left-mbp, .flex-3.align-center.mg-bottom-32px {
flex-direction: row;
}
.flex-3.align-start {
align-items: flex-start;
margin-bottom: 11px;
}
.flex-3.align-center {
align-items: center;
}
.avatar-circle {
border-radius: 50%;
width: 100%;
overflow: hidden;
transform: translate(0);
}
.avatar-circle._03 {
width: 64px;
max-width: 64px;
height: 64px;
max-height: 64px;
}
.avatar-circle._04 {
width: 72px;
max-width: 72px;
height: 72px;
max-height: 72px;
}
.inner-container._452px {
max-width: 452px;
}
.inner-container._100px {
max-width: 100px;
}
.inner-container._90px {
max-width: 90px;
}
.inner-container._134px {
max-width: 134px;
}
.inner-container._80px {
max-width: 80px;
}
.inner-container._666px {
max-width: 666px;
}
.inner-container._460px {
max-width: 460px;
}
.inner-container._900px {
max-width: 900px;
}
.inner-container._792px {
max-width: 792px;
}
.inner-container._548px {
max-width: 548px;
}
.inner-container._514px {
max-width: 514px;
}
.inner-container._162px {
max-width: 162px;
}
.inner-container._194px {
max-width: 194px;
}
.inner-container._140px {
max-width: 140px;
}
.inner-container._606px {
max-width: 606px;
}
.inner-container._596px {
max-width: 596px;
}
.inner-container._552px {
max-width: 552px;
}
.inner-container._118px {
max-width: 118px;
}
.inner-container._72px {
max-width: 72px;
}
.inner-container._998px {
max-width: 998px;
}
.inner-container._504px {
max-width: 504px;
}
.inner-container._396px {
max-width: 396px;
}
.inner-container._706px {
max-width: 706px;
}
.inner-container._84px {
max-width: 84px;
}
.inner-container._64px {
max-width: 64px;
}
.inner-container._104px {
max-width: 104px;
}
.inner-container._60px {
max-width: 60px;
}
.inner-container._456px {
max-width: 456px;
}
.inner-container._40 {
max-width: 40%;
}
.inner-container._40._100-mbl {
flex-direction: column;
justify-content: center;
align-items: center;
width: auto;
max-width: none;
padding-left: 0;
display: flex;
}
.inner-container._562px {
max-width: 562px;
}
.inner-container._484px {
max-width: 484px;
}
.inner-container._484px._100-mbl {
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
}
.inner-container._640px {
max-width: 640px;
}
.inner-container._1068px {
max-width: 1068px;
}
.inner-container._1068px.center {
justify-content: center;
display: flex;
}
.inner-container._490px {
max-width: 490px;
}
.inner-container._544px {
max-width: 544px;
font-family: Poppins, sans-serif;
}
.inner-container._1076px {
max-width: 1076px;
}
.inner-container._420px {
max-width: 420px;
}
.inner-container._1080px {
max-width: 1080px;
}
.inner-container._896px {
max-width: 896px;
}
.inner-container._754px {
max-width: 754px;
}
.inner-container._580px {
max-width: 580px;
}
.inner-container._684px {
max-width: 684px;
}
.inner-container._510px {
max-width: 510px;
}
.inner-container._644px {
max-width: 644px;
}
.inner-container._366px {
max-width: 366px;
}
.inner-container.heading-flex-alt---title {
flex: none;
max-width: 833px;
margin-right: -100%;
}
.inner-container._190px {
max-width: 190px;
}
.inner-container._500px {
max-width: 500px;
}
.inner-container._550px {
max-width: 550px;
}
.inner-container._274px {
max-width: 274px;
}
.inner-container._284px {
max-width: 284px;
}
.heading-462 {
font-family: Poppins, sans-serif;
font-size: 2.5em;
}
.line-rounded-icon.link-icon-right {
margin-left: 6px;
display: inline-block;
}
.line-rounded-icon.success-message-check {
color: #ffc700;
margin-right: 8px;
font-size: 22px;
}
.line-rounded-icon.success-message-check.top {
margin-bottom: 24px;
margin-right: 0;
font-size: 64px;
line-height: 1em;
}
.line-rounded-icon.success-message-check {
margin-bottom: 6px;
font-size: 22px;
}
.line-rounded-icon.success-message-check.large {
margin-bottom: 16px;
font-size: 80px;
line-height: 88px;
}
.mg-bottom-32px {
margin-bottom: 32px;
font-family: Poppins, sans-serif;
font-size: 1.2em;
}
.display-inline-block {
display: inline-block;
}
.display-inline-block.text-200.bold {
font-family: Poppins, sans-serif;
}
.btn-secondary {
color: #1f3154;
text-align: center;
transform-style: preserve-3d;
background-color: #fff;
border: 1px solid #eff2f6;
border-radius: 8px;
padding: 22px 32px;
font-family: Poppins, sans-serif;
font-weight: 600;
line-height: 1.111em;
transition: border-color .3s, transform .3s, background-color .3s, color .3s;
box-shadow: 0 4px 10px #14142b0a;
}
.btn-secondary:hover {
background-color: #ffc700;
border-color: #ffc700;
transform: translate3d(0, -5px, .01px);
}
.slider-wrapper {
background-color: #0000;
height: 100%;
}
.btn-circle-secondary {
color: #1f3154;
transform-style: preserve-3d;
background-color: #fff;
border: 1px solid #eff2f6;
border-radius: 50%;
justify-content: center;
align-items: center;
width: 64px;
min-width: 64px;
height: 64px;
min-height: 64px;
font-size: 26px;
text-decoration: none;
transition: border-color .3s, transform .3s, background-color .3s, color .3s;
display: flex;
box-shadow: 0 2px 12px #14142b14;
}
.btn-circle-secondary:hover {
color: #fff;
background-color: #ffc700;
border-color: #ffc700;
transform: scale3d(.94, .94, 1.01);
}
.btn-circle-secondary.slider-arrow {
box-shadow: none;
color: #fff;
background-color: #1f3154;
border-style: none;
border-width: 0;
border-radius: 8px;
margin-top: 0;
margin-bottom: 0;
}
.btn-circle-secondary.slider-arrow.right---center-center {
transform-style: preserve-3d;
background-color: #fecc2f;
top: 50%;
bottom: 0;
right: -20px;
transform: translate(0, -50%);
}
.btn-circle-secondary.slider-arrow.right---center-center:hover {
color: #1f3154;
background-color: #ffc700;
border-color: #ffc700;
transform: translate3d(0, -5px, .01px)translate(0, -50%);
}
.btn-circle-secondary.slider-arrow.left---center-center {
transform-style: preserve-3d;
top: 50%;
left: -20px;
transform: translate(0, -50%);
}
.btn-circle-secondary.slider-arrow.left---center-center:hover {
color: #1f3154;
background-color: #ffc700;
border-color: #ffc700;
transform: translate3d(0, -5px, .01px)translate(0, -50%);
}
.btn-circle-secondary.slider-arrow.left---center-center.white {
color: #1f3154;
background-color: #fff;
box-shadow: 0 2px 10px #141b2b0f;
}
.btn-circle-secondary.slider-arrow.left---center-center.white:hover {
background-color: #ffc700;
border-color: #ffc700;
}
.btn-circle-secondary.small {
width: 50px;
min-width: 50px;
height: 50px;
min-height: 50px;
font-size: 22px;
}
.btn-circle-secondary.small.accordion-btn {
border-radius: 6px;
}
.btn-circle-secondary.small.accordion-btn:hover {
background-color: #fff;
border-color: #eff2f6;
}
.mg-bottom-2 {
margin-bottom: 0;
font-family: Poppins, sans-serif;
font-size: 1.2em;
}
.slide-item-mg {
margin-right: 26px;
}
.link-wrapper-2 {
color: #1f3154;
transition: none;
display: inline-block;
}
.link-wrapper-2:hover {
color: #ffc700;
}
.slider-mask {
height: 100%;
}
.slider-mask.width-382px {
max-width: 382px;
overflow: visible;
}
.slider-mask.width-998px {
max-width: 998px;
}
.slider-mask.width-586px {
max-width: 586px;
overflow: visible;
}
.slider-mask.width-380px {
max-width: 380px;
overflow: visible;
}
.hidden-on-desktop {
display: none;
}
.buttons-row {
align-items: center;
display: flex;
}
.buttons-row.right {
justify-content: flex-end;
}
.buttons-row.right.left-tablet {
flex-direction: row;
align-items: flex-end;
}
.mg-top-auto {
margin-top: auto;
font-family: Poppins, sans-serif;
font-size: 1.5em;
}
.color-neutral-600 {
color: #6e7a91;
font-family: Poppins, sans-serif;
font-size: 1.1em;
}
.color-neutral-600.mg-bottom-32px {
font-family: Poppins, sans-serif;
font-size: 1.1em;
}
.heading-463 {
font-family: Poppins, sans-serif;
font-size: 2.2em;
}
.color-neutral-300 {
color: #eff2f6;
}
.color-neutral-300.mg-bottom-0.text-center {
color: var(--black);
font-size: 1em;
line-height: 1.7;
}
.empty-state-9 {
text-align: center;
background-color: #fff;
border: 1px solid #eff2f6;
border-radius: 11px;
padding: 26px 24px;
box-shadow: 0 2px 12px #14142b14;
}
.mg-bottom-48px {
flex-direction: column;
justify-content: center;
align-items: center;
margin-bottom: 48px;
display: flex;
}
.color-neutral-100 {
color: var(--black);
font-family: Poppins, sans-serif;
font-size: 3em;
}
.color-neutral-100.text-center {
color: var(--black);
font-size: 4em;
}
.color-neutral-100.opacity-80.mg-bottom-0 {
font-size: 1.3em;
}
.blog-featured-text-container {
background-color: #fff;
border: 1px solid #eff2f6;
border-left-style: none;
border-top-right-radius: 20px;
border-bottom-right-radius: 20px;
padding: 104px 54px;
}
.blog-title-2 {
font-family: Poppins, sans-serif;
font-size: 1.7em;
}
.blog-featured-image-container {
width: 130%;
max-width: 570px;
display: flex;
overflow: hidden;
}
.fit-cover {
object-fit: cover;
}
.badge-secondary {
color: #1f3154;
text-align: center;
background-color: #fff;
border: 1px solid #dce1eb;
border-radius: 6px;
padding: 18px 28px;
font-size: 18px;
line-height: 20px;
text-decoration: none;
display: inline-block;
box-shadow: 0 2px 12px #141b2b0f;
}
.badge-secondary.small {
padding: 14px 22px;
font-size: 16px;
line-height: 18px;
}
.badge-secondary.small.mg-right-16px {
margin-right: 16px;
}
.badge-secondary.small.badge-top-right-24px {
z-index: 1;
font-weight: 500;
position: absolute;
top: 24px;
right: 24px;
}
.badge-secondary.category-badges {
transform-style: preserve-3d;
justify-content: center;
align-items: center;
margin-left: 24px;
transition: transform .3s, border-color .3s, background-color .3s, color .3s;
display: flex;
}
.badge-secondary.category-badges:hover {
color: #1f3154;
background-color: #ffc700;
border-color: #ffc700;
transform: translate3d(0, -6px, .01px);
}
.badge-secondary.category-badges.w--current {
color: #1f3154;
cursor: default;
background-color: #ffc700;
border-color: #ffc700;
}
.badge-secondary.category-badges.w--current:hover {
color: #fff;
background-color: #1f3154;
border-color: #1f3154;
}
.color-neutral-801 {
color: #6e7a91;
}
.color-neutral-801.mg-bottom-32px {
font-family: Poppins, sans-serif;
font-size: 1em;
line-height: 1.6;
}
.color-neutral-801.mg-bottom-24px {
font-family: Poppins, sans-serif;
font-size: 1em;
}
.color-neutral-801.mg-bottom-32px {
text-align: center;
height: 125px;
margin-bottom: 0;
}
.div-block-239 {
margin-bottom: 60px;
}
.position-relative---z-index-1 {
z-index: 1;
position: relative;
}
.mg-bottom-24px-2 {
margin-bottom: 24px;
font-size: 1.5em;
}
.blog-featured-bottom-links---text-container {
background-color: #fff;
border: 1px solid #eff2f6;
border-top-style: none;
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;
margin-top: -1px;
padding: 40px 32px;
}
.mg-bottom-3 {
margin-bottom: 0;
font-family: Poppins, sans-serif;
font-size: 2em;
}
.categories-badges-wrapper {
justify-content: flex-end;
display: flex;
}
.categories-badges-item-wrapper {
flex-direction: row;
display: flex;
}
.blog-title-3 {
font-family: Poppins, sans-serif;
font-size: 1.5em;
}
.blog-card-text-container {
border: 1px solid #eff2f6;
border-top-style: none;
border-radius: 0 0 20px 20px;
padding: 48px 40px;
}
.shadow-04 {
box-shadow: 0 14px 42px #141b2b14;
}
.top-section-2 {
margin-top: -100px;
position: relative;
overflow: hidden;
}
.top-section-2.bg-blue-5 {
padding-top: 150px;
padding-bottom: 0;
overflow: visible;
}
.mg-right-16px {
margin-right: 16px;
}
.text-300 {
font-size: 20px;
line-height: 1.1em;
}
.text-300.bold {
font-weight: 700;
}
.text-300.bold.color-neutral-800 {
font-weight: 300;
}
.text-300.bold.color-neutral-800.link:hover {
color: #0071ef;
}
.text-300.medium {
font-weight: 500;
}
.text-300.medium.color-neutral-800 {
color: var(--black);
text-transform: capitalize;
font-family: Poppins, sans-serif;
}
.text-300.medium.color-neutral-800.header {
padding-top: 0;
padding-bottom: 0;
padding-left: 0;
font-weight: 700;
}
.text-300.medium.color-neutral-800.lp {
font-size: 18px;
font-weight: 400;
}
.divider-3 {
background-color: #dce1eb;
height: 1px;
margin-top: 80px;
margin-bottom: 80px;
}
.divider-3.top-50px---bottom-100px {
margin-top: 50px;
margin-bottom: 100px;
}
.rich-text-2 {
letter-spacing: -.05em;
font-family: Poppins, sans-serif;
font-size: 12px;
line-height: .5;
}
.mg-bottom-8px {
margin-bottom: 8px;
font-family: Poppins, sans-serif;
font-size: 1.5em;
}
.div-block-240 {
flex-direction: column;
align-items: flex-start;
display: flex;
}
.heading-h1-size {
color: #1f3154;
font-size: 54px;
font-weight: 700;
line-height: 1.222em;
}
.blog-title-4 {
font-family: Poppins, sans-serif;
font-size: 1.5em;
line-height: 1.5;
}
.mg-bottom-12px {
margin-bottom: 12px;
font-family: Poppins, sans-serif;
font-size: 2em;
line-height: 1.4;
}
.mg-bottom-24px-3 {
margin-bottom: 24px;
font-family: Poppins, sans-serif;
font-size: 1.2em;
}
.grid-1-column {
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.grid-1-column.gap-row-16px.mg-bottom-48px {
margin-top: 20px;
}
.grid-1-column.gap-row-0 {
grid-row-gap: 0px;
}
.grid-1-column.text-decoration-none.color-transition-none {
margin-bottom: 40px;
}
.grid-1-column.gap-row-24px.mg-bottom-32px {
text-align: left;
justify-items: start;
}
.grid-1-column.gap-row-6px {
grid-row-gap: 6px;
}
.mg-right-12px {
margin-right: 12px;
}
.section-bottom-shape {
width: 100%;
position: absolute;
bottom: -1px;
left: 0;
right: 0;
}
.mg-bottom-4 {
margin-bottom: 0;
font-family: Poppins, sans-serif;
font-size: 1.2em;
}
.mg-bottom-80px {
flex-direction: column;
align-items: center;
margin-bottom: 80px;
display: flex;
}
.success-message-11 {
background-color: #0000;
padding: 0;
}
.shadow-02 {
box-shadow: 0 2px 10px #141b2b0f;
}
.text-area {
background-color: #fff;
border: 1px solid #eff2f6;
border-radius: 8px;
min-height: 144px;
margin-bottom: 0;
padding: 16px 24px;
font-size: 18px;
line-height: 28px;
transition: box-shadow .3s, color .3s, border-color .3s;
box-shadow: 0 2px 7px #14142b14;
}
.text-area:hover {
border-color: #6e7a91;
box-shadow: 0 2px 12px #14142b1a;
}
.text-area:focus {
color: #1f3154;
border-color: #ffc700;
}
.text-area::placeholder {
color: #6e7a91;
font-size: 18px;
}
.heading-h4-size {
color: #1f3154;
font-size: 22px;
font-weight: 700;
line-height: 1.273em;
}
.heading-h4-size.mg-bottom-6px {
text-align: left;
}
.error-message-11 {
color: #ff5a65;
text-align: center;
background-color: #ffeff0;
border-radius: 16px;
margin-top: 20px;
padding: 20px 24px;
}
.input-3 {
background-color: #fff;
border: 1px solid #eff2f6;
border-radius: 6px;
min-height: 72px;
margin-bottom: 0;
padding: 0 24px;
font-size: 18px;
line-height: 20px;
transition: box-shadow .3s, color .3s, border-color .3s;
box-shadow: 0 2px 7px #14142b14;
}
.input-3:hover {
border-color: #6e7a91;
box-shadow: 0 2px 12px #14142b1a;
}
.input-3:focus {
color: #1f3154;
border-color: #ffc700;
}
.input-3::placeholder {
color: #6e7a91;
font-size: 18px;
}
.display-12 {
color: #1f3154;
font-size: 44px;
font-weight: 700;
line-height: 1.182em;
}
.floating-item {
position: absolute;
}
.floating-item.contact-form-top-right {
z-index: -1;
width: 90%;
max-width: 540px;
top: -48px;
right: -154px;
}
.floating-item.contact-form-bottom-left {
z-index: -1;
width: 82%;
max-width: 490px;
bottom: -140px;
left: -124px;
}
.floating-item.cta-v4-02 {
z-index: 0;
inset: 0% 0% auto auto;
}
.floating-item.cta-v4-01 {
inset: auto auto 0% 0%;
}
.acordion-body {
width: 100%;
overflow: hidden;
}
.accordion-item-wrapper {
cursor: pointer;
transform-style: preserve-3d;
background-color: #fff;
border: 1px solid #eff2f6;
border-radius: 24px;
width: 100%;
padding: 48px 64px;
transition: transform .3s;
display: flex;
box-shadow: 0 2px 12px #14142b14;
}
.accordion-item-wrapper:hover {
transform: scale3d(.96, .96, 1.01);
}
.accordion-item-wrapper.v3 {
box-shadow: none;
border-width: 1px 0;
border-radius: 0;
justify-content: space-between;
margin-bottom: -1px;
padding: 40px 0;
overflow: visible;
}
.accordion-item-wrapper.v3:hover {
transform: translate(8px);
}
.accordion-item-wrapper.v3.first {
text-align: center;
border-top-width: 0;
justify-content: center;
align-items: center;
padding-top: 40px;
padding-bottom: 40px;
}
.accordion-item-wrapper.v3.last {
border-bottom-style: none;
padding-bottom: 40px;
}
.accordion-spacer {
min-height: 16px;
}
.accordion-content-wrapper {
flex-direction: column;
justify-content: center;
display: flex;
}
.accordion-content-wrapper.v2 {
max-width: 646px;
}
.container-default-2 {
flex-direction: column;
align-items: center;
max-width: 1246px;
padding-top: 100px;
padding-left: 40px;
padding-right: 40px;
display: flex;
}
.mg-bottom-5 {
margin-bottom: 0;
font-size: 1.3em;
}
.accordion-side {
margin-right: 24px;
}
.accordion-side.right-side {
margin-left: 24px;
margin-right: 0;
}
.accordion-header {
justify-content: center;
align-items: center;
display: flex;
}
.accordion-title {
margin-bottom: 0;
font-family: Poppins, sans-serif;
font-size: 1.5em;
}
.text-center-3 {
text-align: center;
}
.text-center-3.mg-bottom-48px {
margin-bottom: 60px;
}
.text-center-3.mg-bottom-64px {
margin-bottom: 54px;
padding-bottom: 0;
}
.div-block-241 {
text-align: left;
flex-direction: column;
display: flex;
}
.color-neutral-802 {
color: #1f3154;
font-size: 1em;
}
.heading-h3-size {
color: #1f3154;
font-size: 24px;
font-weight: 700;
line-height: 1.417em;
}
.max-h-104px {
max-height: 104px;
}
.mg-right-8px {
margin-right: 8px;
}
.link-text {
transition: color .3s;
display: inline-block;
}
.link-text.color-transition-none {
color: #000;
}
.mg-bottom-8px-2 {
margin-bottom: 8px;
font-family: Poppins, sans-serif;
font-size: 1.5em;
}
.section-135 {
padding-top: 100px;
}
.testimonial-slider-text-container {
padding: 64px 48px;
}
.container-default-3 {
flex-direction: column;
align-items: center;
max-width: 1246px;
padding-left: 24px;
padding-right: 24px;
display: flex;
}
.mg-bottom-48px-2 {
margin-bottom: 48px;
}
.mg-bottom-48px-2.mg-bottom-24px-tablet {
font-family: Poppins, sans-serif;
font-size: 1.2em;
}
.flex-horizontal-2 {
justify-content: center;
align-items: center;
display: flex;
}
.mg-bottom-56px {
margin-bottom: 56px;
font-family: Poppins, sans-serif;
font-size: 1.2em;
}
.mg-bottom-6 {
margin-bottom: 0;
font-family: Poppins, sans-serif;
font-size: 1.2em;
}
.btn-primary-2 {
color: var(--black);
text-align: center;
transform-style: preserve-3d;
background-color: #ffc700;
border: 1px solid #ffc700;
border-radius: 8px;
justify-content: center;
margin-bottom: 0;
padding: 22px 32px;
font-family: Poppins, sans-serif;
font-weight: 700;
line-height: 1.111em;
text-decoration: none;
transition: border-color .3s, background-color .3s, transform .3s, color .3s;
}
.btn-primary-2:hover {
background-color: var(--black);
color: #fecc2f;
border-color: #1f3154;
transform: translate3d(0, -5px, .01px);
}
.btn-primary-2.hover-white:hover {
color: #1f3154;
background-color: #fff;
border-color: #fff;
}
.btn-primary-2.hover-white._1 {
background-color: var(--black);
color: #fecc2f;
margin-top: 20px;
margin-bottom: auto;
font-family: Poppins, sans-serif;
}
.btn-primary-2.button-row {
margin-right: 26px;
}
.mg-bottom-8px-3 {
margin-bottom: 8px;
font-family: Poppins, sans-serif;
font-size: 1.5em;
}
.heading-464 {
font-family: Poppins, sans-serif;
font-size: 2em;
line-height: 1.5;
}
.container-default-4 {
flex-direction: column;
justify-content: center;
align-items: center;
max-width: 1246px;
padding-left: 24px;
padding-right: 24px;
display: flex;
}
.mg-bottom-7 {
margin-bottom: 0;
font-family: Poppins, sans-serif;
font-size: 1.2em;
}
.heading-465 {
font-size: 1.8em;
}
.mg-bottom-12px-2 {
margin-bottom: 12px;
font-family: Poppins, sans-serif;
font-size: 1.5em;
}
.mg-bottom-24px-4 {
margin-bottom: 24px;
font-family: Poppins, sans-serif;
font-size: 1.2em;
}
.mg-bottom-8 {
margin-bottom: 0;
font-size: 1.2em;
line-height: 1.3;
}
.mg-bottom-8.opacity-80 {
text-align: center;
font-family: Poppins, sans-serif;
font-size: 1.2em;
}
.color-neutral-803 {
color: var(--black);
text-align: center;
font-family: Poppins, sans-serif;
font-size: 3em;
}
.color-neutral-803.opacity-80.mg-bottom-0 {
font-size: 1.2em;
}
.color-neutral-803.mg-bottom-12px {
text-align: left;
font-size: 1.5em;
}
.quote-cta-image {
width: 44%;
max-width: 516px;
position: absolute;
right: 94px;
}
.quote-cta-container {
grid-column-gap: 0px;
grid-row-gap: 64px;
background-image: linear-gradient(#fecc2f, #fecc2f);
border-radius: 20px;
flex-direction: row;
grid-template-rows: auto;
grid-template-columns: .7fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: center;
padding: 76px;
display: flex;
position: relative;
}
.color-neutral-200 {
color: #f7f8fc;
}
.color-neutral-200.opacity-80.mg-bottom-24px {
font-family: Poppins, sans-serif;
font-size: 1em;
}
.image-480 {
max-width: 150%;
display: inline-block;
}
.mg-bottom-12px-3 {
margin-bottom: 12px;
font-family: Poppins, sans-serif;
font-size: 2em;
}
.btn-secondary-2 {
color: #1f3154;
text-align: center;
transform-style: preserve-3d;
background-color: #fff;
border: 1px solid #eff2f6;
border-radius: 8px;
padding: 22px 32px;
line-height: 1.111em;
transition: border-color .3s, transform .3s, background-color .3s, color .3s;
box-shadow: 0 4px 10px #14142b0a;
}
.btn-secondary-2:hover {
background-color: #ffc700;
border-color: #ffc700;
transform: translate3d(0, -5px, .01px);
}
.btn-secondary-2.hover-none {
transform-style: preserve-3d;
transition: none;
}
.btn-secondary-2.hover-none:hover {
background-color: #fff;
border-color: #eff2f6;
transform: none;
}
.btn-secondary-2.hover-none.mg-top-auto {
margin-top: 60px;
}
.large-image-left-container {
justify-content: space-between;
align-items: center;
display: flex;
}
.mg-bottom-9 {
margin-bottom: 0;
font-size: 1em;
}
.large-image-left {
width: 76%;
margin-left: -380px;
margin-right: 76px;
}
.heading-466, .heading-467, .paragraph-130 {
font-size: 1em;
}
.large-image-right-container {
text-align: center;
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
}
.large-image-right {
width: 84%;
margin-right: -300px;
}
.heading-468 {
font-family: Poppins, sans-serif;
font-size: 2.5em;
font-weight: 500;
line-height: 1.2;
}
.section-136 {
object-fit: fill;
margin-top: 0;
padding-top: 40px;
padding-bottom: 40px;
overflow: hidden;
}
.mg-bottom-10 {
margin-bottom: 0;
font-family: Poppins, sans-serif;
font-size: 1.2em;
}
.accordion-title-2 {
margin-bottom: 0;
font-family: Poppins, sans-serif;
font-size: 1.5em;
}
.text-span-48 {
font-weight: 500;
}
.display-13 {
color: #1f3154;
font-size: 32px;
font-weight: 700;
line-height: 1.25em;
}
.mg-bottom-40px {
margin-bottom: 40px;
}
.heading-h5-size {
color: #1f3154;
font-size: 18px;
font-weight: 700;
line-height: 1.333em;
}
.btn-primary-3 {
color: #1f3154;
text-align: center;
transform-style: preserve-3d;
background-color: #ffc700;
border: 1px solid #ffc700;
border-radius: 8px;
justify-content: center;
padding: 22px 32px;
font-weight: 700;
line-height: 1.111em;
text-decoration: none;
transition: border-color .3s, background-color .3s, transform .3s, color .3s;
}
.btn-primary-3:hover {
color: #fff;
background-color: #1f3154;
border-color: #1f3154;
transform: translate3d(0, -5px, .01px);
}
.btn-primary-3.hover-none {
transform-style: preserve-3d;
transition: none;
}
.btn-primary-3.hover-none:hover {
color: #1f3154;
background-color: #ffc700;
border-color: #ffc700;
transform: none;
}
.btn-primary-3.hover-none.mg-top-auto {
margin-top: 60px;
}
.color-neutral-804 {
color: #fff;
font-family: Poppins, sans-serif;
}
.color-neutral-804._1 {
font-size: 4.5em;
}
.mg-bottom-8px-4 {
margin-bottom: 8px;
}
.save-money-label {
letter-spacing: .02em;
text-transform: uppercase;
background-color: #fff;
border: .125rem solid #000;
border-radius: .5rem;
margin-left: .5rem;
padding: .25rem .5rem;
font-size: .875rem;
font-weight: 700;
display: inline-block;
box-shadow: 2px 3px #000;
}
.save-money-label.is-small {
padding-top: .2rem;
padding-bottom: .2rem;
font-size: .8125rem;
}
.libraries-pricing_tabs {
flex-direction: column;
justify-content: center;
align-items: stretch;
display: flex;
}
.libraries-howitworks_content-wrapper {
flex-direction: column;
align-items: flex-start;
display: flex;
}
.text-color-darkgrey {
color: #161616a6;
font-family: Poppins, sans-serif;
}
.libraries-faq_question {
cursor: pointer;
border-radius: .75rem;
justify-content: space-between;
align-items: center;
padding-top: 1.25rem;
padding-bottom: 1.25rem;
transition: background-color .2s;
display: flex;
}
.button-wrapper-4 {
margin-top: 1rem;
margin-right: 1rem;
}
.button-wrapper-4.button-wrapper-center {
margin-left: .5rem;
margin-right: .5rem;
}
.max-width-medium-2 {
width: 100%;
max-width: 35rem;
}
.libraries-why_button {
border-radius: .5rem;
padding: .5rem .75rem;
font-size: 1.125rem;
font-weight: 500;
transition: all .2s;
}
.libraries-why_button:hover {
background-color: #e4e2df;
}
.libraries-why_button.w--current {
color: #000;
}
.text-style-label {
background-color: #e4e2df;
border-radius: .375rem;
padding-left: .5rem;
padding-right: .5rem;
font-weight: 500;
display: inline-block;
}
.text-style-label.is-pricing-label {
margin-left: .5rem;
}
.libraries-usecases_card3 {
grid-column-gap: 5rem;
grid-row-gap: 5rem;
background-color: #e4e2df;
border-radius: 1rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
padding: 3.5rem;
display: grid;
}
.libraries-why_text-overlay {
background-image: linear-gradient(#0000, #f1f0ee);
position: absolute;
inset: 0%;
}
.libraries-why_text-overlay.clickable-off {
background-image: linear-gradient(#0000, #f1f0ee 95%);
display: none;
}
.text-size-small-3 {
font-size: .875rem;
}
.libraries-pricing_list-item {
align-items: flex-start;
display: flex;
}
.libraries-pricing_list-text-wrapper {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
flex-direction: column;
align-items: flex-start;
display: flex;
}
.libraries-featured_component {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
background-color: #e9d7fe;
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/6301657fc3979f6999090d44_untitled-bg2.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: auto;
border-radius: 1rem;
grid-template-rows: auto;
grid-template-columns: .75fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
padding: 0 0 0 3.5rem;
display: grid;
position: relative;
overflow: hidden;
}
.heading-huge {
text-align: center;
font-family: Poppins, sans-serif;
font-size: 3.5rem;
font-weight: 500;
line-height: 1.2;
}
.text-weight-medium-2 {
font-weight: 500;
}
.tick-icon {
align-self: flex-start;
margin-right: .75rem;
}
.testimonials_quote-icon-top {
position: absolute;
inset: 0% auto auto 0%;
}
.libraries-featured_creator-wrapper {
grid-column-gap: .5rem;
color: #161616;
align-items: center;
margin-top: 1.5rem;
margin-bottom: 1.5rem;
font-size: .875rem;
display: flex;
}
.libraries-header_text-underline {
margin: -5rem -3.5rem -5rem -5rem;
padding: 5rem 3.5rem 5rem 5rem;
display: none;
overflow: visible;
}
.libraries-why_text-underline {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/6301657fc3979ffc37090d3b_why-underline.svg");
background-position: 50% 100%;
background-repeat: no-repeat;
background-size: 13.5rem;
margin-bottom: -3rem;
margin-left: -5rem;
margin-right: -5rem;
padding-bottom: 3rem;
padding-left: 5rem;
padding-right: 5rem;
display: inline-block;
}
.libraries-pricing_tab-link {
color: #161616a6;
background-color: #fff;
border-radius: .5rem;
margin-bottom: auto;
padding: .5rem 1rem;
font-weight: 500;
transition: all .2s;
}
.libraries-pricing_tab-link:hover {
background-color: #f1f0ee;
}
.libraries-pricing_tab-link.w--current {
color: var(--black);
background-color: #fecc2f;
font-family: Poppins, sans-serif;
}
.libraries-header_image {
filter: brightness(98%);
border-radius: .5rem;
width: 61.25rem;
box-shadow: 0 16px 2.5rem #0000000d;
}
.libraries-faq_answer {
overflow: hidden;
}
.libraries-pricing_browser {
align-items: center;
display: flex;
}
.libraries-header_component {
flex-direction: column;
justify-content: center;
align-items: stretch;
display: flex;
}
.libraries-faq_layout {
grid-column-gap: 3rem;
grid-row-gap: 4rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: start;
display: grid;
}
.libraries-why_text {
font-size: 1.75rem;
font-weight: 400;
line-height: 1.5;
}
.libraries-pricing_feature-list {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
padding-top: .5rem;
padding-bottom: .5rem;
display: grid;
}
.libraries-howitworks_mobile-video {
object-position: 0% 50%;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.libraries-pricing_tabs-menu {
grid-column-gap: 16px;
grid-row-gap: 16px;
background-color: #fff;
border-radius: .75rem;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-self: center;
margin-bottom: 3rem;
padding: .5rem;
display: flex;
}
.text-size-medium {
font-size: 1.125rem;
}
.libraries-header_image-inner-wrapper {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
grid-template-rows: auto;
grid-template-columns: max-content max-content max-content;
grid-auto-columns: 1fr;
justify-content: center;
justify-items: center;
display: grid;
}
.heading-medium-3 {
letter-spacing: -.02em;
font-family: Poppins, sans-serif;
font-size: 1.75rem;
font-weight: 500;
line-height: 1.3;
}
.libraries-howitworks_content {
flex-direction: column;
justify-content: center;
align-items: flex-start;
max-width: 30rem;
height: 100vh;
display: flex;
}
.testimonials_quote-icon-bottom {
position: absolute;
inset: auto 0% 0% auto;
}
.testimonials_headshot {
object-fit: cover;
border: .125rem solid #fff;
border-radius: 100%;
width: 4rem;
height: 4rem;
}
.heading-xxlarge-2 {
letter-spacing: -.02em;
font-size: 3rem;
font-weight: 500;
line-height: 1.2;
}
.libraries-faq_extension-button-row {
justify-content: center;
margin-top: 2rem;
display: flex;
}
.libraries-usecases_component {
grid-column-gap: 2.5rem;
grid-row-gap: 2.5rem;
grid-template-rows: auto;
}
.libraries-usecases_heading-wrapper {
text-align: left;
justify-content: center;
align-items: center;
margin-left: auto;
margin-right: auto;
display: flex;
}
.libraries-pricing_untitledui-plug {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
background-color: #f1f0ee;
border-radius: .5rem;
align-items: center;
padding: .25rem .5rem .25rem .25rem;
display: flex;
}
.testimonials_slide-wrapper {
text-align: center;
flex-direction: column;
justify-content: flex-start;
align-items: center;
display: flex;
}
.libraries-howitworks_tab-link {
color: #161616a6;
text-align: center;
background-color: #fff;
border-radius: .5rem;
flex: none;
padding: .5rem 1.25rem;
font-weight: 500;
}
.libraries-howitworks_tab-link.w--current {
color: #161616;
background-color: #f1f0ee;
}
.libraries-pricing_untitledui-icon {
width: 1.25rem;
}
.button-46 {
color: #fff;
text-align: center;
background-color: #161616;
border: 2px solid #161616;
border-radius: .5rem;
padding: .75rem 1.5rem;
font-size: 1rem;
font-weight: 500;
line-height: 1;
transition: all .2s;
}
.button-46:hover {
background-color: #2e2e2e;
border-color: #0000;
}
.button-46.button-large {
padding: 1rem 2rem;
font-size: 1.125rem;
}
.button-46.button-large.max-width-full-mobile-portrait {
color: var(--black);
background-color: #fecc2f;
border-color: #fecc2f;
border-radius: 6.1rem;
margin-bottom: 10px;
font-family: Poppins, sans-serif;
font-weight: 600;
}
.button-46.button-large.max-width-full-mobile-portrait:hover {
border-color: var(--black);
background-color: var(--black);
color: var(--white);
}
.button-46.button-large.max-width-full-mobile-portrait._1 {
background-color: var(--black);
color: #fecc2f;
}
.button-46.button-large.max-width-full-mobile-portrait.body {
margin-top: 40px;
}
.button-46.button-large.max-width-full-mobile-portrait.lp {
color: var(--white);
background-color: #000;
border-style: none;
border-color: #fecc2f1a;
}
.button-46.button-large.max-width-full-mobile-portrait.lp:hover {
background-color: var(--medium-slate-blue);
color: var(--black);
}
.button-46.button-large.max-width-full {
margin-top: 16px;
}
.libraries-usecases_text-label {
letter-spacing: .02em;
text-transform: uppercase;
background-color: #fff;
border: .125rem solid #000;
border-radius: .5rem;
padding: .25rem .5rem;
font-size: .875rem;
font-weight: 700;
display: inline-block;
box-shadow: 2px 3px #000;
}
.libraries-pricing_callout {
text-align: center;
background-color: #e4e2df;
border-radius: 1rem;
flex-direction: column;
align-items: center;
padding: 3rem;
display: flex;
}
.libraries-usecases_card-overlay {
z-index: 1;
background-image: linear-gradient(#0000, #d8d5d1);
height: 8rem;
position: absolute;
inset: auto 0% 0%;
}
.libraries-howitworks_content-right {
background-color: #d8d5d1;
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/6301657fc3979f5321090d37_noise.png"), none;
background-position: 0 0, 100% 100%;
background-repeat: repeat, no-repeat;
background-size: 18.75rem, 87.5rem;
background-attachment: scroll, fixed;
border-radius: 1rem;
justify-content: center;
align-items: center;
width: 100%;
height: 33.75rem;
padding-top: 4rem;
padding-bottom: 4rem;
display: flex;
position: absolute;
overflow: hidden;
}
.libraries-faq_expand-overlay {
background-image: linear-gradient(#0000 50%, #f1f0ee);
position: absolute;
inset: 0%;
}
.libraries-faq_expand-overlay.clickable-off {
background-image: none;
}
.libraries-usecases_card1 {
background-color: #e4e2df;
border-radius: 1rem;
flex-direction: column;
justify-content: space-between;
padding: 3.5rem 3.5rem 0;
display: flex;
position: relative;
overflow: hidden;
}
.libraries-pricing_browser-icon {
margin-right: 1rem;
}
.libraries-howitworks_desktop-content-wrapper {
flex-direction: column;
justify-content: center;
align-items: center;
height: 100vh;
display: flex;
position: sticky;
top: 0;
}
.libraries-faq_list {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
border-bottom: .0625rem solid #16161626;
grid-template-rows: auto;
grid-template-columns: 100%;
grid-auto-columns: 100%;
place-items: start stretch;
max-width: 48rem;
margin-left: auto;
margin-right: auto;
display: grid;
}
.libraries-header_image-wrapper {
background-color: #d8d5d1;
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/6301657fc3979f5321090d37_noise.png");
background-position: 0 0;
background-size: 18.75rem;
background-attachment: fixed;
border-radius: 1.5rem;
padding-top: 3rem;
padding-bottom: 3rem;
overflow: hidden;
}
.libraries-pricing_starter-plan-outline {
border: 4px solid #000;
border-radius: 1.125rem;
padding: .1875rem;
}
.libraries-why_button-row {
justify-content: center;
display: none;
position: absolute;
inset: auto 0% 0%;
}
.libraries-pricing_layout {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
}
.libraries-featured_text-wrapper {
padding-top: 3.5rem;
padding-bottom: 3.5rem;
}
.libraries-pricing_plan {
background-color: #e4e2df;
border-radius: 1rem;
height: 100%;
padding: 2rem;
}
.libraries-pricing_plan.pro-plan {
background-color: #fff;
}
.libraries-pricing_plan.starter-plan {
background-color: #fff;
padding: 1.8125rem;
}
.libraries-howitworks_mobile-image-wrapper {
display: none;
}
.button-icon-2 {
margin-right: .5rem;
}
.heading-xhuge {
font-family: Poppins, sans-serif;
font-size: 4rem;
font-weight: 500;
line-height: 1.2;
}
.libraries-pricing_component {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.libraries-howitworks_tabs-menu {
z-index: 1;
grid-column-gap: 0rem;
grid-row-gap: 0rem;
background-color: #fff;
border-radius: .75rem;
align-items: center;
padding: .5rem;
display: flex;
position: sticky;
top: 1.5rem;
box-shadow: 0 2px .25rem #0000001a;
}
.libraries-faq_accordion {
border-top: .0625rem solid #16161626;
flex-direction: column;
justify-content: flex-start;
align-items: stretch;
}
.text-color-grey {
color: #161616bf;
}
.container-small-3 {
width: 100%;
max-width: 45rem;
margin-left: auto;
margin-right: auto;
}
.libraries-pricing_divider {
background-color: #16161626;
width: 100%;
height: .0625rem;
margin-top: 2rem;
margin-bottom: 2rem;
}
.text-weight-semibold {
font-weight: 700;
}
.page-padding-7 {
margin-top: auto;
padding-left: 2.5rem;
padding-right: 2.5rem;
}
.testimonials_component-2 {
background-color: #0000;
align-items: center;
height: auto;
padding-top: 4rem;
padding-bottom: 6rem;
display: flex;
}
.libraries-why_heading-wrapper {
text-align: center;
justify-content: center;
align-items: center;
width: 100%;
}
.libraries-faq_icon {
align-self: flex-start;
width: 2rem;
margin-left: 1.5rem;
}
.heading-small-2 {
letter-spacing: -.02em;
font-size: 1.5rem;
font-weight: 500;
line-height: 1.4;
}
.libraries-webflow_callout {
text-align: center;
background-color: #e4e2df;
border-radius: 1rem;
flex-direction: column;
align-items: center;
padding: 3rem;
display: flex;
}
.heading-large-3 {
letter-spacing: -.02em;
font-size: 2.25rem;
font-weight: 500;
line-height: 1.2;
}
.libraries-pricing_title-wrapper {
text-align: center;
justify-content: space-between;
align-items: flex-start;
margin-bottom: .75rem;
display: flex;
}
.heading-xsmall-2 {
letter-spacing: -.02em;
font-size: 1.25rem;
font-weight: 500;
line-height: 1.4;
}
.libraries-usecases_card2 {
background-color: #e4e2df;
border-radius: 1rem;
flex-direction: column;
justify-content: space-between;
padding: 3.5rem 3.5rem 0;
display: flex;
position: relative;
overflow: hidden;
}
.libraries-featured_image {
margin-top: 3.5rem;
}
.libraries-header_heading-wrapper {
text-align: center;
justify-content: center;
width: 100%;
padding-bottom: 2.5rem;
}
.main-wrapper-4 {
min-height: 70vh;
display: block;
}
.main-wrapper-4._2 {
display: block;
}
.libraries-howitworks_video-wrapper {
z-index: 1;
background-color: #fff;
border-radius: .375rem;
flex: none;
align-items: center;
width: 90%;
padding-top: 56%;
display: flex;
position: absolute;
left: auto;
right: auto;
overflow: hidden;
box-shadow: 0 12px 2rem #0000001a;
}
.libraries-featured_creator-image {
object-fit: cover;
border-radius: 100%;
width: 2.5rem;
height: 2.5rem;
}
.libraries-webflow_twitter-list {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
flex-wrap: wrap;
grid-template-rows: auto;
grid-template-columns: max-content max-content max-content;
justify-content: center;
align-items: flex-start;
margin-top: 1.5rem;
display: flex;
}
.libraries-faq_expand-wrapper {
height: 36.25rem;
position: relative;
overflow: hidden;
}
.slide-nav-3 {
height: .5rem;
padding-top: 0;
font-size: .5rem;
bottom: 2rem;
}
.button-secondary-3 {
color: #000;
text-align: center;
background-color: #fff;
border: 2px solid #000;
border-radius: .5rem;
padding: .75rem 1.5rem;
font-family: Poppins, sans-serif;
font-weight: 500;
line-height: 1;
transition: all .2s;
}
.button-secondary-3:hover {
background-color: #d8d5d1;
}
.button-secondary-3.button-large {
padding: 1rem 2rem;
font-size: 1.125rem;
}
.button-secondary-3.button-large.with-icon {
color: #fff;
background-color: #fff0;
border: 1px #fecc2f00;
border-radius: 8rem;
align-items: center;
height: 3.375rem;
margin-bottom: 10px;
padding-left: 1.5rem;
font-family: Poppins, sans-serif;
font-weight: 600;
display: flex;
}
.button-secondary-3.button-large.with-icon:hover {
border-style: solid;
border-color: var(--black);
background-color: var(--black);
color: var(--white);
}
.button-secondary-3.button-large.with-icon.ss {
background-color: #000;
}
.button-secondary-3.button-large.with-icon.home {
border-style: none;
border-width: 3px;
justify-content: center;
margin-top: 10px;
margin-left: 10px;
padding: 1rem;
}
.button-secondary-3.button-large.with-icon.home:hover {
color: var(--dim-grey);
background-color: #30272700;
border-style: solid;
}
.button-secondary-3.button-large.with-icon.lp {
color: #000;
}
.button-secondary-3.button-large.max-width-full {
margin-top: 20px;
margin-bottom: 10px;
}
.libraries-header_heading {
letter-spacing: -.03em;
font-family: Poppins, sans-serif;
font-size: 4.5rem;
font-weight: 500;
line-height: 1.3;
}
.twitter-icon {
width: 1rem;
height: 1rem;
margin-right: .25rem;
}
.libraries-howitworks_video {
object-position: 0% 50%;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.libraries-webflow_logo {
width: 7.5rem;
}
.libraries-usecases_typed-text {
letter-spacing: -.02em;
background-image: none;
margin-left: 1rem;
font-size: 4rem;
font-weight: 500;
line-height: 1.2;
display: inline-block;
}
.max-width-custom2 {
max-width: 50rem;
}
.libraries-why_text-wrapper {
padding-bottom: 4rem;
position: relative;
overflow: hidden;
}
.libraries-pricing_callout-wrapper {
grid-column-gap: 2rem;
grid-template-rows: auto;
grid-template-columns: max-content max-content max-content;
margin-bottom: 1.5rem;
}
.twitter-follow-link {
color: #161616a6;
background-color: #fff;
border-radius: .375rem;
align-items: center;
margin-left: .25rem;
padding: .15rem .375rem;
font-size: .875rem;
transition: all .2s;
display: flex;
}
.twitter-follow-link:hover {
background-color: #f1f0ee;
}
.hide-2 {
display: none;
}
.libraries-howitworks_component {
grid-column-gap: 5rem;
grid-row-gap: 4rem;
grid-template-rows: auto;
grid-template-columns: .75fr 1fr;
grid-auto-columns: 1fr;
align-items: stretch;
display: grid;
position: relative;
}
.libraries-pricing_content {
flex-direction: column;
align-items: center;
display: flex;
}
.libraries-usecases_image {
width: 100%;
}
.booking-input__field {
background-color: #0000;
border: 0 #000;
margin-bottom: 0;
padding: 0;
font-size: 1.125rem;
}
.container-medium {
width: 100%;
max-width: 48rem;
margin-left: auto;
margin-right: auto;
}
.booking-content__wrapper {
padding: 1rem 1.5rem;
position: relative;
}
.container-large-5 {
justify-content: space-between;
width: 100%;
max-width: 84rem;
margin-left: auto;
margin-right: auto;
}
.text-color-green {
color: var(--medium-slate-blue);
font-family: Degular, sans-serif;
font-weight: 600;
}
.text-color-green.home-mobile {
color: #000;
}
.page-padding-8 {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: column;
align-items: stretch;
padding-bottom: 0;
padding-left: 2rem;
padding-right: 2rem;
display: flex;
}
.page-padding-8.test {
display: flex;
}
.hero-section__wrapper {
z-index: 99;
}
.booking-panel__wrapper {
background-color: #fff;
border-radius: 1rem;
overflow: hidden;
box-shadow: 0 16px 40px #00000029;
}
.separator {
background-color: #e8e8e8;
width: 100%;
height: 1px;
}
.separator.vertical {
width: 2px;
height: 60%;
margin-top: auto;
margin-bottom: auto;
position: absolute;
inset: 0% auto 0% 0%;
}
.button-47 {
color: var(--black);
text-align: center;
letter-spacing: 2px;
text-transform: uppercase;
background-color: #fecc2f;
border-radius: .5rem;
justify-content: center;
align-items: center;
min-width: 18.125rem;
min-height: 4.5rem;
padding: 0;
font-family: Poppins, sans-serif;
font-size: 1.1rem;
font-weight: 600;
line-height: 1.4;
transition: background-color .4s;
display: flex;
box-shadow: 0 16px 48px -15px #fecc2f;
}
.button-47:hover {
background-color: var(--black);
color: var(--white);
font-family: Poppins, sans-serif;
}
.button-47.explore {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
min-width: 0;
}
.booking__form {
margin-bottom: 0;
}
.heading-mobile {
display: none;
}
.text-size-small-4 {
font-size: .875rem;
line-height: 1.4;
}
.text-size-small-4.text-style-allcaps.text-weight-bold.text-style-letterspacing {
letter-spacing: 2px;
}
.hero-section-5 {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/63016c22c3979ff07d097426_topographic.svg");
background-position: 50% 0;
background-size: auto;
justify-content: center;
align-items: center;
height: 50vh;
min-height: 42rem;
display: flex;
}
.booking-panel__grid {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr .75fr;
grid-auto-columns: 1fr;
display: grid;
}
.text-align-center-4 {
grid-column-gap: 0px;
grid-row-gap: 0px;
text-align: center;
flex-flow: column;
justify-content: center;
margin-bottom: 2rem;
display: flex;
}
.text-align-center-4.test {
text-align: left;
}
.heading-desktop {
font-family: Poppins, sans-serif;
font-size: 5em;
font-weight: 400;
}
.heading-desktop.video-ads {
line-height: 1.1;
}
.heading-desktop.lp {
color: #fff;
text-transform: capitalize;
margin-top: 0;
font-size: 4.2em;
font-weight: 600;
line-height: 1.1;
}
.heading-desktop.lp._2 {
font-size: 5em;
line-height: 1.3;
}
.heading-desktop.lp.head {
color: #fecc2f;
font-family: Degular, sans-serif;
font-weight: 700;
}
.heading-desktop.lp.mobile {
color: #000;
}
.heading-desktop.lp.ecom {
text-transform: none;
}
.paragraph-131 {
font-family: Poppins, sans-serif;
font-size: 1.3em;
}
.paragraph-131.lp {
color: #fff;
margin-bottom: 1vh;
font-size: 1.2em;
font-weight: 300;
}
.paragraph-131.lp.mobile {
color: #000;
}
.paragraph-131.lp.top {
text-transform: uppercase;
margin-bottom: 0;
font-size: 1em;
font-weight: 400;
}
.paragraph-131.lp.top._2 {
color: #000;
text-align: center;
padding-bottom: 10px;
font-weight: 200;
}
.video__overlay {
z-index: 0;
background-color: #0000003d;
position: absolute;
inset: 0%;
}
.heading-xlarge-2 {
font-size: 4.5rem;
font-weight: 400;
line-height: 1.1;
}
.video__wrapper {
height: 100vh;
margin-top: -6rem;
padding: 6rem 1rem 1rem;
position: sticky;
bottom: 0;
overflow: hidden;
}
.video__container {
position: absolute;
inset: 0%;
}
.video__background {
flex-direction: column;
justify-content: center;
align-items: stretch;
width: 100%;
height: 100%;
display: flex;
position: absolute;
inset: 0%;
}
.video__mask {
border-radius: 1rem;
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
}
.container-small-4 {
max-width: 40rem;
margin-left: 0;
margin-right: 0;
}
.video-text__wrapper {
z-index: 1;
color: #eee;
margin-left: auto;
margin-right: auto;
position: relative;
}
.video-text__wrapper.text-align-center {
position: absolute;
left: 0;
right: 0;
}
.video__component {
z-index: 10;
flex-direction: column;
display: flex;
position: relative;
}
.video-content__wrapper {
height: 300vh;
}
.video-section-2 {
z-index: 10;
padding-bottom: 7rem;
position: relative;
}
.text-content__wrapper {
flex-direction: column;
justify-content: center;
align-items: flex-start;
display: flex;
}
.image__wrapper {
z-index: 1;
object-fit: cover;
border-radius: 1rem;
width: auto;
height: 40rem;
position: relative;
overflow: hidden;
}
.content-image-2 {
object-fit: cover;
width: 100%;
height: 100%;
display: block;
position: absolute;
inset: 0%;
}
.explore__grid {
grid-column-gap: 4.25rem;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 26.125rem 1fr;
grid-auto-columns: 1fr;
align-content: center;
display: grid;
}
.explore__grid.lp {
grid-column-gap: 3rem;
grid-template-columns: 25.9rem 1fr;
}
.whoweare-section {
padding: 7rem 40px;
overflow: hidden;
}
.whoweare-section.lp {
padding-left: 30px;
padding-right: 30px;
}
.image-content__wrapper {
position: relative;
}
.text-size-large-3 {
font-size: 1.5rem;
}
.text-size-large-3.text-color-grey {
color: #000;
padding-bottom: 40px;
font-family: Poppins, sans-serif;
font-size: 1.3rem;
}
.text-size-large-3.text-color-grey.lp {
margin-bottom: 3vh;
font-size: 1.2rem;
}
.blur-shadow__wrapper {
z-index: 0;
opacity: .56;
filter: blur(2rem);
border-radius: 1rem;
width: 100%;
height: 100%;
position: absolute;
inset: 4% 0% 0% 4%;
}
.heading-469 {
margin-bottom: 20px;
font-family: Poppins, sans-serif;
font-size: 3.2em;
font-weight: 400;
}
.heading-469.lp {
font-family: Degular, sans-serif;
font-size: 2.2em;
font-weight: 600;
}
.preloader__component {
z-index: 1000;
color: #fff;
background-color: #43b97f;
flex-direction: row;
justify-content: center;
align-items: center;
display: none;
position: fixed;
inset: 0%;
overflow: hidden;
}
.preloader__container {
text-align: center;
display: block;
}
.preloader-logo__wrapper {
margin-bottom: .5rem;
overflow: hidden;
}
.preloader-content_wrapper {
justify-content: space-between;
align-items: center;
display: flex;
overflow: hidden;
}
.text-size-medium-2 {
font-size: 1.25rem;
line-height: 1.2;
}
.text-size-medium-2.text-style-allcaps.text-style-letterspacing {
letter-spacing: .45rem;
display: inline-block;
}
.container-1287 {
text-align: center;
margin-top: 60px;
font-family: Poppins, sans-serif;
}
.faq-stripe-1 {
background-color: #fff;
width: 2px;
height: 100%;
}
.c-faq {
max-width: 1000px;
margin-left: auto;
margin-right: auto;
}
.faq-stripe-2 {
background-color: #fff;
width: 100%;
height: 2px;
position: absolute;
}
.c-faq-item {
cursor: pointer;
background-color: #d6d6d6;
border: 1px solid #fecc2f;
margin-bottom: 10px;
font-size: 1.2em;
line-height: 1.6em;
}
.c-faq-a {
perspective-origin: 50% 0;
transform-origin: 50% 0;
overflow: hidden;
}
.c-faq-q {
align-items: center;
display: flex;
}
._w-faq-icon {
justify-content: center;
align-items: center;
width: 20px;
height: 20px;
display: flex;
position: relative;
}
.faq-a-text {
font-family: Poppins, sans-serif;
font-size: 1em;
line-height: 1.6em;
}
.c-faq-a-text {
padding: 20px;
}
.c-faq-q-text {
flex: 1;
padding: 20px;
}
.c-faq-divider {
padding-left: 20px;
padding-right: 20px;
}
.faq-divider {
border-top: 1px dashed #ffffff40;
height: 0;
}
.c-faq-icon {
justify-content: center;
align-items: center;
padding: 20px;
position: relative;
}
.faq-q-text {
font-family: Poppins, sans-serif;
font-weight: 600;
}
.faq-grid-2 {
grid-template-columns: 1fr 3fr;
width: 100%;
}
.faq-question-wrap {
cursor: pointer;
padding-left: 40px;
padding-right: 40px;
}
.button-menu-2 {
color: #fff;
letter-spacing: 1px;
text-transform: uppercase;
background-color: #8c54ff;
background-image: linear-gradient(159deg, #8c54ff, #7b41f1);
border-radius: 50px;
justify-content: center;
align-items: center;
min-width: 150px;
min-height: 50px;
padding-left: 20px;
padding-right: 20px;
font-size: 13px;
text-decoration: none;
transition: all .4s ease-out;
display: flex;
box-shadow: inset -1px -1px 3px #201b3d99, inset 1px 1px 3px #eee6ff70, 1px 1px 2px #5b3acc;
}
.button-menu-2:hover {
box-shadow: inset 1px 1px 3px #201b3d38, inset -1px -1px 3px #eee6ff00, 1px 1px 2px #5b3acc;
}
.content-h1 {
z-index: 2;
color: #fff;
letter-spacing: -.04em;
margin-top: 0;
margin-bottom: 20px;
font-family: Poppins, sans-serif;
font-size: 55px;
line-height: 1.1;
position: relative;
}
.arrow-cta-2 {
width: 100px;
position: absolute;
inset: auto auto -120% -20%;
}
.faq-question-bar {
color: #fff;
border-bottom: 1px solid #00000012;
justify-content: space-between;
align-items: center;
margin-bottom: 10px;
padding-top: 30px;
padding-bottom: 30px;
font-size: 20px;
font-weight: 600;
line-height: 1.3;
text-decoration: none;
display: flex;
}
.faq-section {
flex-direction: column;
justify-content: flex-start;
align-items: center;
min-height: 100vh;
padding: 10px 3% 0;
display: flex;
position: relative;
overflow: hidden;
}
.faq-circle {
background-color: #000;
border-radius: 100%;
justify-content: center;
align-items: center;
width: 55px;
min-width: 55px;
height: 55px;
min-height: 55px;
display: flex;
}
.faq-content {
overflow: hidden;
}
.button-wrapper-5 {
align-items: center;
display: flex;
position: relative;
}
.faq-wrapper-2 {
margin-left: auto;
margin-right: auto;
}
.div-block-242 {
width: 100%;
height: 1px;
}
.question-title {
letter-spacing: -.03em;
margin-right: 10px;
font-family: Poppins, sans-serif;
}
.container-1288 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
max-width: 1140px;
display: flex;
}
.container-flex-nav {
justify-content: space-between;
align-items: center;
width: 100%;
max-width: 1170px;
margin-left: auto;
margin-right: auto;
display: flex;
}
.flowbase-navigation {
z-index: 99;
border-bottom: 1px solid #9b9eb838;
justify-content: center;
align-items: center;
min-height: 80px;
padding: 20px 3%;
display: flex;
position: absolute;
inset: 0% 0% auto;
}
.title-wrap-3 {
color: #7b88a8;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
margin-bottom: 60px;
display: flex;
position: relative;
}
.faq-paragraph {
color: #fff;
letter-spacing: -.03em;
margin-bottom: 0;
padding-top: 14px;
padding-bottom: 14px;
font-family: Poppins, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 1.6;
}
.flowbase-logo-3 {
width: 55px;
}
.text-span-49 {
font-weight: 700;
}
.video-8 {
margin-bottom: 60px;
padding-bottom: 0;
}
.accordion-arrow-wrapper---brix {
z-index: 200;
color: #fecc2f;
justify-content: center;
align-items: center;
width: 18px;
height: 18px;
padding-bottom: 2px;
display: flex;
position: relative;
transform: rotate(90deg);
}
.arrow-line---brix {
background-color: #4a3aff;
border-radius: 500px;
width: 11px;
min-height: 2px;
position: absolute;
}
.arrow-line---brix._2---brix {
background-color: #fecc2f;
right: 7px;
transform: rotate(-45deg);
}
.arrow-line---brix._1---brix {
background-color: #fecc2f;
left: 7px;
transform: rotate(45deg);
}
.accordion-paragraph---brix {
width: 100%;
max-width: 90%;
margin-top: 18px;
margin-bottom: 0;
font-family: Poppins, sans-serif;
}
.accordion-trigger---brix {
justify-content: space-between;
align-items: center;
display: flex;
}
.accordion-content---brix {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
overflow: hidden;
}
.accordion-item---brix {
cursor: pointer;
background-color: #fff;
border-radius: 14px;
flex-direction: column;
justify-content: center;
align-items: stretch;
padding: 40px;
display: flex;
}
.accordion-item---brix.accordion-1---brix {
border: 2px solid #0000;
margin-bottom: 32px;
box-shadow: 0 5px 16px #080f340f;
}
.accordion-item---brix.accordion-1---brix:hover {
box-shadow: 0 14px 21px #fffcf2;
}
.accordion-item---brix.tabs-accordion---brix {
border-bottom: 1px solid #d9dbe9;
border-radius: 0;
padding-left: 0;
padding-right: 0;
transition: padding .2s;
}
.accordion-item---brix.tabs-accordion---brix:hover {
color: var(--black);
padding-left: 16px;
}
.accordion-item---brix.tabs-accordion---brix.last-accordion-item---brix {
border-bottom-style: none;
}
.accordion-item-title---brix {
color: #170f49;
font-family: Poppins, sans-serif;
font-size: 22px;
font-weight: 500;
line-height: 28px;
}
.accordion-arrow-wrap---brix {
background-color: #fff;
border-radius: 50%;
flex: none;
justify-content: center;
align-items: center;
width: 50px;
min-height: 50px;
display: flex;
box-shadow: 0 5px 16px #080f340f;
}
.accordion-item-wrapper---brix {
max-width: 886px;
margin-left: auto;
margin-right: auto;
}
.accordion-item-wrapper---brix.tabs-accordion---brix {
background-color: #fff;
border-radius: 18px;
padding: 50px 90px 58px;
box-shadow: 0 5px 16px #080f340f;
}
.cloneable-container-default {
background-color: #0000;
border-radius: 20px;
min-height: 624px;
padding: 100px 40px;
transform: translate(0);
}
.open-close-icon-wrapper---brix {
flex: none;
justify-content: center;
align-items: center;
width: 14px;
min-height: 14px;
display: flex;
position: relative;
}
.accordion-paragraph---brix-2 {
width: 100%;
max-width: 90%;
margin-top: 18px;
margin-bottom: 0;
font-family: Poppins, sans-serif;
}
.accordion-item-title---brix-2 {
color: var(--black);
font-family: Poppins, sans-serif;
font-size: 22px;
font-weight: 500;
line-height: 28px;
}
.open-close-line---brix {
background-color: #170f49;
border-radius: 500px;
width: 100%;
height: 2px;
position: absolute;
}
.open-close-line---brix.second-line---brix {
transform: rotate(90deg);
}
.achievement-number---brix {
font-size: 40px;
line-height: 1.2;
}
.achievement-number---brix.stats-v1---brix {
color: #fecc2f;
margin-right: 32px;
font-family: Poppins, sans-serif;
font-size: 40px;
font-weight: 700;
}
.achievement-number---brix.stats-v3---brix {
color: var(--black);
margin-bottom: 8px;
font-family: Poppins, sans-serif;
font-size: 46px;
font-weight: 700;
}
.stats-card-content---brix {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.card---brix {
background-color: #fff;
border: 1px solid #f7f7fb;
border-radius: 20px;
overflow: hidden;
}
.card---brix.stats-card-v1---brix {
border-radius: 18px;
align-items: flex-start;
padding: 40px 48px;
display: flex;
box-shadow: 0 3px 14px #4a3aff05, 0 0 4px #14142b05, 0 12px 24px #14142b0a;
}
.card---brix.stats-card-v3---brix {
text-align: center;
background-color: #0000;
border-style: none;
border-radius: 0;
flex-direction: column;
align-items: center;
max-width: 270px;
display: flex;
}
.container-1289 {
padding-top: 60px;
padding-bottom: 60px;
}
.stats-v3-grid---brix {
grid-column-gap: 40px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: column;
place-items: start center;
width: 100%;
display: grid;
}
.primary-color---brix {
color: #fecc2f;
}
.stats {
display: none;
}
.container-1290 {
flex: 1;
align-self: stretch;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
}
.container-1290.cta {
color: #f8f8f8;
background-color: #fecc2f;
padding: 50px;
}
.grid-block.cta-border {
border-left: 1px solid #f8f8f866;
padding-left: 50px;
}
.grid-block.features {
text-align: center;
background-color: #fff0bf;
border-radius: 40px;
padding-top: 50px;
padding-left: 50px;
padding-right: 50px;
}
.grid-block.pricing-card {
grid-column-gap: 30px;
grid-row-gap: 30px;
text-align: left;
border-radius: 40px;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
padding: 25px;
transition: background-color .3s;
display: flex;
}
.grid-block.pricing-card:hover {
background-color: #ffce31;
}
.grid-block.pricing-card.wizard {
color: #fff;
background-color: #000;
border-radius: 40px;
flex-direction: row;
align-items: center;
padding: 40px;
}
.grid-block.text-col {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-direction: column;
align-items: flex-start;
display: flex;
}
.grid-block.image-col {
width: 100%;
position: relative;
}
.button-secondary-4 {
color: #fff;
letter-spacing: 0;
background-color: #131313;
padding: 12px 32px;
font-size: 18px;
font-weight: 500;
line-height: 28px;
transition: background-color .3s ease-in-out;
}
.button-secondary-4:hover {
color: #fff;
background-color: #949494;
}
.button-secondary-4:active {
color: #fff;
}
.button-secondary-4.cta {
text-align: center;
width: 100%;
margin-bottom: 0;
padding-top: 15px;
padding-bottom: 15px;
}
.section-137 {
padding: 120px 3%;
}
.section-137.cta {
padding-top: 0;
}
.section-137.header {
border-bottom: 1px solid #a8a8a8;
padding-top: 220px;
}
.section-137.footer {
z-index: 1;
background-color: #fff;
padding-top: 80px;
padding-bottom: 0;
position: relative;
}
.section-137.about {
padding-top: 80px;
padding-bottom: 80px;
}
.cta--ist-item {
flex-direction: row;
align-items: center;
margin-bottom: 10px;
font-family: Poppins, sans-serif;
display: flex;
}
.cta-list {
grid-column-gap: 16px;
grid-row-gap: 16px;
color: var(--black);
flex-direction: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
margin-top: 20px;
display: flex;
}
._2-col-grid-4 {
grid-column-gap: 50px;
flex: 1;
grid-template-rows: auto;
align-self: stretch;
max-width: 1200px;
min-height: auto;
margin-left: auto;
margin-right: auto;
}
._2-col-grid-4.cta {
grid-column-gap: 101px;
}
.tick-img {
width: 20px;
height: 20px;
margin-right: 20px;
}
.cta-pricing {
color: var(--black);
font-family: Poppins, sans-serif;
font-size: 25px;
font-weight: 700;
}
.heading-470 {
color: var(--black);
font-family: Poppins, sans-serif;
font-size: 2.5em;
}
.blog-trending_para {
font-family: Poppins, sans-serif;
font-size: 1.125rem;
font-weight: 400;
}
.blog-trending_item-link {
grid-column-gap: 3rem;
grid-row-gap: 2rem;
border-radius: 0;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
align-items: center;
padding: 1rem;
transition: all .4s;
display: grid;
}
.blog-trending_item-link:hover {
box-shadow: 0 0 32px #0000003d;
}
.blog-details-date {
color: #8f8f8f;
font-size: 1rem;
font-weight: 400;
}
.blog-details-date.is--trending {
color: gray;
font-family: Poppins, sans-serif;
font-size: .875rem;
font-weight: 500;
}
.blog-trending-details_divider {
background-color: #1d213099;
width: 1px;
height: 1rem;
margin-left: 0;
margin-right: 0;
}
.blogs_image {
object-fit: cover;
width: 100%;
height: 100%;
}
.blog-trending_details {
grid-column-gap: .5rem;
grid-row-gap: 1rem;
color: gray;
flex-flow: wrap;
justify-content: flex-start;
align-items: center;
margin-bottom: .75rem;
font-size: 1rem;
font-weight: 500;
display: flex;
}
.blog-trending_image-wrapper {
border-radius: 1.25rem;
height: 100%;
overflow: hidden;
}
.blog-trending_header {
color: #111;
margin-bottom: .25rem;
font-family: Poppins, sans-serif;
font-size: 2rem;
}
.blog-trending_para-2 {
font-family: Poppins, sans-serif;
font-size: 1.125rem;
font-weight: 400;
}
.blog_header-text {
margin-bottom: .5rem;
font-family: Poppins, sans-serif;
font-size: 1.5rem;
font-weight: 600;
line-height: 1.2;
}
.blogs_image-wrapper {
border-radius: 1rem;
width: 100%;
height: 16rem;
margin-bottom: 2rem;
overflow: hidden;
}
.blogs_image-wrapper.featured {
height: 50%;
}
.blogs_item-link {
border-radius: 0;
width: 100%;
margin-bottom: 0;
padding: 1rem;
transition: all .4s;
}
.blogs_item-link:hover {
box-shadow: 0 0 16px #00000026;
}
.blogs_item-link.featured {
flex-direction: column;
height: 87.8691%;
display: flex;
}
.collection-item-13 {
display: flex;
}
.collection-list-9 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.collection-list-9._1 {
grid-template-rows: auto;
}
.blogs_list-wrapper {
grid-row-gap: 2rem;
}
.cta_sketch {
position: absolute;
inset: 0% auto auto 0%;
}
.cta_sketch._4 {
width: 3rem;
inset: auto -23% 11% auto;
}
.cta_sketch._3 {
width: 6.25rem;
inset: -33% -15% auto auto;
}
.cta_sketch._1 {
top: -22%;
left: -24%;
}
.cta_sketch._2 {
width: 6.25rem;
inset: auto auto -17% -23%;
}
.blog_rich-text-wrap {
max-width: 37.5rem;
margin-bottom: 7rem;
margin-left: auto;
margin-right: auto;
}
.blog-template_image-wrapper {
display: flex;
position: relative;
overflow: hidden;
}
.cta_wrap {
position: relative;
}
.blog-details-name {
color: #111;
font-weight: 500;
}
.button-48 {
color: #fff;
text-align: center;
background-color: #5d52f7;
border-radius: 50vw;
justify-content: center;
align-items: center;
padding: 1.25rem 1.875rem;
font-size: 1.125rem;
font-weight: 500;
line-height: 1;
transition: all .3s;
}
.button-48:hover {
transform: translate(0, -4px);
}
.button-48.outline {
color: #5d52f7;
background-color: #0000;
border: 1px solid #5d52f7;
}
.blog_header-img-wrap {
margin-top: 2rem;
margin-bottom: 4rem;
}
.feature_btn-wrapper {
justify-content: center;
margin-top: 2.5rem;
margin-bottom: 0;
display: flex;
}
.padding-top {
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
}
.padding-top.padding-huge {
padding-bottom: 0;
}
.padding-top.padding-medium {
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
}
.blog_title-wrap {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-direction: column;
max-width: 48rem;
margin-left: auto;
margin-right: auto;
display: flex;
}
.blog-details-date-x {
color: #111;
text-align: center;
font-size: 1.125rem;
font-weight: 500;
}
.blog-details {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
color: #1d213099;
flex-flow: wrap;
justify-content: center;
align-items: center;
margin-top: 1rem;
font-size: 1rem;
font-weight: 500;
display: flex;
}
.blog-details_author-img {
border-radius: 50vw;
width: 100%;
max-width: 3.25rem;
}
.blog-details-author {
color: #8f8f8f;
font-size: 1rem;
font-weight: 400;
line-height: 1.2;
}
.feature-cta_para-wrap {
margin-top: 1.25rem;
margin-bottom: 3.75rem;
}
.price-hero_header {
color: var(--black);
text-align: center;
font-family: Poppins, sans-serif;
font-size: 3rem;
line-height: 1;
}
.blogs_list {
grid-column-gap: 2rem;
grid-row-gap: 3rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.feature-cta_para {
color: #111;
text-align: center;
letter-spacing: .5px;
max-width: 370px;
margin-left: auto;
margin-right: auto;
font-family: Poppins, sans-serif;
font-size: 1.25rem;
font-weight: 500;
line-height: 1.2;
}
.home-cta_content {
text-align: center;
flex-direction: column;
align-items: center;
display: flex;
}
.blog_header {
text-align: center;
font-family: Poppins, sans-serif;
font-size: 3rem;
}
.page-padding-9 {
z-index: 1;
padding-left: 2.5rem;
padding-right: 2.5rem;
}
.blog-template_image {
object-fit: cover;
width: 100%;
max-width: 62.5rem;
margin-left: auto;
margin-right: auto;
}
.empty-state-10 {
height: 0;
padding: 0;
display: none;
}
.author-image-wrapper-2 {
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
background-position: 50%;
background-size: cover;
border-radius: 50%;
justify-content: center;
align-items: center;
width: 30px;
height: 30px;
margin-right: 15px;
display: flex;
overflow: hidden;
}
.container-1291 {
flex-wrap: wrap;
place-content: center;
align-items: flex-start;
width: 100%;
max-width: 1200px;
}
.container-1291.cc-center {
text-align: left;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: center;
display: flex;
}
.container-1291.cc-post-image {
max-width: 1400px;
}
.post-author {
color: #000;
letter-spacing: 1px;
text-transform: uppercase;
font-size: 10px;
font-weight: 600;
line-height: 12px;
text-decoration: none;
}
.post-author:hover {
text-decoration: underline;
}
.post-category-text {
font-family: Poppins, sans-serif;
}
.title-section {
justify-content: center;
align-items: center;
padding: 100px 30px 90px;
display: flex;
}
.section-title-text {
color: #999;
letter-spacing: 1px;
text-transform: uppercase;
margin-bottom: 30px;
font-family: Poppins, sans-serif;
font-size: 10px;
font-weight: 600;
line-height: 12px;
text-decoration: none;
}
.section-title-text:hover {
text-decoration: underline;
}
.h1-3 {
color: #000;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 0;
font-family: Poppins, sans-serif;
font-size: 54px;
font-weight: 600;
line-height: 60px;
}
.text-container {
width: 75%;
}
.post-author-text {
margin-top: 30px;
display: flex;
}
.post-author-text.cc-center {
align-items: center;
}
.post-image {
justify-content: center;
align-items: center;
padding-top: 20px;
display: flex;
}
.post-content {
flex-direction: column;
justify-content: center;
align-items: center;
padding: 60px 30px;
display: flex;
}
.post-content-wrapper {
flex-wrap: wrap;
flex: 1;
justify-content: flex-start;
align-items: center;
max-width: 800px;
display: block;
}
.rich-text-3 {
white-space: normal;
font-family: Poppins, sans-serif;
font-size: 13px;
line-height: 1;
}
.latest-posts {
justify-content: center;
align-items: center;
padding: 90px 30px;
display: flex;
}
.posts-wrapper {
flex-wrap: wrap;
justify-content: center;
align-items: center;
display: flex;
}
.posts-collection-list-wrapper {
justify-content: center;
align-items: flex-start;
width: 100%;
}
.posts-collection-list {
flex-wrap: wrap;
margin: -25px -10px;
padding-top: 20px;
padding-left: 10px;
display: flex;
}
._2-collection-item {
flex-wrap: wrap;
align-items: flex-start;
width: 50%;
padding-top: 25px;
padding-bottom: 25px;
}
.heading-1 {
color: #000;
margin-top: 0;
margin-bottom: 10px;
font-size: 40px;
font-weight: 600;
line-height: 50px;
}
.author-name-2 {
color: #000;
margin-bottom: 0;
font-family: Poppins, sans-serif;
font-weight: 500;
}
.name-and-button {
align-items: flex-start;
margin-bottom: 2px;
display: flex;
}
.hero-section-6 {
justify-content: center;
align-items: flex-start;
width: 100%;
padding-top: 75px;
display: flex;
}
.preview-text {
color: #757575;
font-family: Poppins, sans-serif;
font-size: 20px;
font-weight: 400;
line-height: 29px;
}
.social-link-4 {
width: 25px;
margin-left: 10px;
transition: all .2s;
}
.social-link-4:hover {
opacity: .8;
}
.author-div {
align-items: center;
display: flex;
}
.author-img {
width: 60px;
margin-right: 10px;
}
.author-social-div {
flex-direction: row;
justify-content: space-between;
align-items: flex-start;
width: 100%;
margin-top: 25px;
display: flex;
}
.profile-button {
background-color: var(--black);
color: #fecc2f;
border-radius: 50px;
margin-bottom: 0;
margin-left: 10px;
padding: 3px 10px 2px;
font-family: Poppins, sans-serif;
transition: all .2s;
}
.profile-button:hover {
opacity: .8;
}
.date-readtime {
align-items: center;
display: flex;
}
.author-info-div {
flex-direction: column;
justify-content: center;
align-items: flex-start;
display: flex;
}
.intro-div {
width: 100%;
max-width: 900px;
}
.date-readtime-text {
opacity: .8;
color: #000;
margin-right: 4px;
font-family: Poppins, sans-serif;
}
.social-links {
align-items: center;
display: flex;
}
.blog-image-section {
flex-direction: column;
align-items: center;
width: 100%;
padding-top: 75px;
display: flex;
}
.blog-image-wrapper {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/633353d2059a8d38605e24a8_60df2dddf8ef998f63b60df5_icons8-team-r-enAOPw8Rs-unsplash.jpg");
background-position: 50%;
background-size: cover;
width: 100%;
max-width: 900px;
height: 425px;
}
.webflowbanner {
background-color: #0000;
border: 1px solid #d8d8d8;
border-radius: 0;
flex-direction: column;
align-items: center;
margin-top: 60px;
padding: 0;
display: flex;
position: sticky;
top: 85px;
overflow: visible;
}
.text-block-85 {
font-family: Poppins, sans-serif;
font-weight: 500;
}
.article-cta-wrap {
flex-direction: row;
align-items: flex-start;
width: 100%;
max-width: 900px;
display: flex;
position: relative;
}
.wfinner {
color: #000;
text-align: center;
background-color: #fff;
border-radius: 0;
flex-direction: column;
align-items: center;
width: 100%;
padding: 20px;
font-size: 18px;
font-weight: 800;
line-height: 25px;
display: flex;
}
.rich-text-block-2 {
color: #000;
font-family: Poppins, sans-serif;
font-size: 13px;
font-weight: 400;
line-height: 29px;
}
.inctabutton {
color: var(--black);
text-align: center;
background-color: #fecc2f;
border-radius: 0;
width: 100.5%;
margin-bottom: -3px;
margin-right: 0;
padding-top: 14px;
padding-bottom: 14px;
font-family: Poppins, sans-serif;
font-size: 16px;
font-weight: 600;
line-height: 22px;
transition: all .2s;
}
.inctabutton:hover {
background-color: #000;
}
.article-section {
flex-direction: column;
align-items: center;
width: 100%;
padding-top: 0;
display: flex;
}
.article-section._1 {
background-color: #0000;
justify-content: center;
align-items: center;
padding-top: 40px;
padding-bottom: 40px;
}
.image-74 {
width: 55px;
margin-top: -50px;
margin-bottom: 13px;
}
.article-wrapper {
width: 150%;
max-width: 800px;
padding-left: 0;
padding-right: 40px;
}
.related-article {
border-top: 1px solid #e4e4e4;
border-bottom: 1px #e4e4e4;
justify-content: space-between;
align-items: stretch;
padding: 40px 25px;
text-decoration: none;
transition: all .25s;
display: flex;
}
.related-article:hover {
background-color: #fafafa;
}
.paragraph-132 {
color: #757575;
font-size: 20px;
line-height: 29px;
}
.related-articles {
flex-direction: column;
align-items: center;
width: 100%;
padding-top: 75px;
padding-bottom: 75px;
display: flex;
}
.text-block-159 {
color: #3e66fc;
font-size: 16px;
font-weight: 600;
}
.image-5 {
margin-top: 2px;
margin-left: 5px;
}
.div-block-243 {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/633353d2059a8d38605e24a8_60df2dddf8ef998f63b60df5_icons8-team-r-enAOPw8Rs-unsplash.jpg");
background-position: 50%;
background-size: cover;
border-radius: 0;
flex: 1;
justify-content: center;
align-self: stretch;
align-items: center;
width: 40%;
max-width: 40%;
height: auto;
min-height: 250px;
display: flex;
overflow: hidden;
}
.related-header {
color: #000;
font-size: 40px;
font-weight: 600;
line-height: 50px;
}
.heading-471 {
color: #000;
margin-bottom: 10px;
font-size: 27px;
font-weight: 600;
line-height: 37px;
}
.title-6 {
color: #3e66fc;
letter-spacing: .5px;
text-transform: uppercase;
font-weight: 700;
text-decoration: none;
}
.blog-date {
color: #3e66fc;
text-transform: uppercase;
font-weight: 700;
}
.read-more {
align-items: center;
margin-top: 25px;
font-weight: 400;
display: flex;
}
.text-wrapper-6 {
width: 60%;
padding-right: 30px;
}
.related-title-div {
width: 100%;
max-width: 900px;
margin-bottom: 40px;
}
.related-article-wrap {
width: 100%;
max-width: 900px;
}
.header-image {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/633356d8b2b860d2a6191e25_waves.jpg");
background-position: 50% 0;
background-size: cover;
height: 470px;
padding-top: 49px;
position: relative;
}
.header-container {
padding-top: 345px;
}
.hollow-button {
color: #fff;
text-transform: uppercase;
text-shadow: 0 1px #00000030;
border: 3px solid #fff;
padding: 7px 15px;
text-decoration: none;
transition: border-color .25s;
display: inline-block;
}
.hollow-button:hover {
border-color: #0050b8;
}
.credits {
color: #ffffff9c;
text-shadow: 0 1px #0000001f, 1px 1px 3px #0000001c;
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 12px;
position: absolute;
top: 35px;
right: 44px;
}
.thumbnail-2 {
background-color: #fcfcfc;
border: 1px solid #00000017;
margin-right: 10px;
padding: 4px;
}
.share-article-wrapper {
border-top: 3px solid #00000017;
margin-top: 42px;
padding-top: 22px;
padding-bottom: 22px;
}
.author-column {
text-align: center;
padding-left: 40px;
padding-right: 63px;
}
.subtitle-4 {
border-bottom: 1px solid #00000017;
margin-bottom: 24px;
padding-bottom: 31px;
font-size: 20px;
font-weight: 300;
line-height: 24px;
}
.big-image {
border: 6px solid #fff;
box-shadow: 0 0 0 1px #0000001f;
}
.article-heading {
margin-bottom: 18px;
font-size: 43px;
font-weight: 700;
line-height: 47px;
}
.images {
text-align: left;
padding-top: 10px;
padding-bottom: 17px;
}
.image-text {
color: #b8b8b8;
text-align: left;
margin-top: 6px;
font-size: 12px;
font-weight: 300;
}
.article-info-text {
color: #00000057;
margin-right: 6px;
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 12px;
line-height: 10px;
display: inline-block;
}
.article-info-text.tag {
text-transform: none;
border: 1px solid #0000002e;
border-radius: 30px;
padding: 4px 7px;
display: inline-block;
}
.article-info-wrapper {
flex-direction: row;
margin-top: 13px;
font-family: Poppins, sans-serif;
display: flex;
}
.author-image-2 {
border: 7px solid #fff;
margin: -70px auto 18px;
display: block;
box-shadow: 0 0 0 1px #0000001f;
}
.quote-2 {
border-left: 3px solid #00000017;
margin-top: 20px;
margin-bottom: 20px;
padding-left: 37px;
font-size: 26px;
font-weight: 300;
line-height: 31px;
}
.share-btn {
float: left;
width: 56px;
margin-right: 14px;
display: block;
}
.share-btn.facebook {
width: 49px;
}
.about-text-2 {
margin-bottom: 26px;
font-size: 14px;
line-height: 20px;
}
.social-link-5 {
opacity: .23;
margin-right: 14px;
transition: opacity .25s;
}
.social-link-5:hover {
opacity: 1;
}
.author-connect {
color: #c2c2c2;
text-transform: uppercase;
margin-bottom: 20px;
font-size: 12px;
}
.content-section-5 {
z-index: 10;
background-color: #fff;
padding-top: 47px;
padding-bottom: 47px;
position: relative;
box-shadow: 0 -1px #00000012;
}
.author-social-links {
border-top: 1px solid #00000017;
margin-top: 32px;
padding-top: 32px;
}
.heading-472 {
font-family: Poppins, sans-serif;
font-size: 2em;
}
.paragraph-133 {
font-family: Poppins, sans-serif;
font-size: 1.3em;
}
.rich-text-block-3 {
font-family: Poppins, sans-serif;
font-size: 12px;
}
.section-138 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: auto;
display: flex;
}
.section-138.wide {
background-color: #1b1b1b;
flex-direction: column;
justify-content: center;
align-items: center;
height: auto;
padding-top: 10vh;
padding-bottom: 10vh;
display: flex;
}
.section-138.wide.purple {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/633359ef18852558776a22ee_wavy-bg.svg"), linear-gradient(135deg, #fc0a7e, #602bb6);
background-position: 50%, 0 0;
background-size: cover, auto;
padding-top: 15vh;
padding-bottom: 15vh;
}
.wrap-2 {
text-align: center;
max-width: 700px;
padding-top: 20px;
padding-bottom: 40px;
}
.button-wrap-2 {
justify-content: center;
width: auto;
margin-top: 5vh;
padding-left: 0;
padding-right: 0;
display: flex;
}
.button-49 {
color: #fff;
text-align: center;
background-color: #fc0a7e;
border-radius: 3px;
margin-right: 0;
padding: 20px 40px;
font-size: 16px;
font-weight: 600;
line-height: 26px;
transition: background-color .5s cubic-bezier(.789, .159, .25, 1), color .2s cubic-bezier(.789, .159, .25, 1);
display: inline-block;
}
.button-49:hover {
color: #6b6b6b;
background-color: #fff;
}
.button-49.contact {
background-color: #0000;
margin-left: 10px;
box-shadow: inset 0 0 0 2px #fff3;
}
.button-49.contact:hover {
color: #fff;
box-shadow: inset 0 0 0 2px #fff;
}
.heading-473 {
font-family: Poppins, sans-serif;
font-size: 2em;
}
.text-block-160 {
text-align: center;
padding-bottom: 20px;
padding-left: 100px;
padding-right: 100px;
font-family: Poppins, sans-serif;
font-size: 35px;
font-weight: 600;
}
.container-1292 {
background-color: #fecc2f;
border-radius: 20px;
flex-direction: column;
justify-content: center;
align-items: center;
padding-top: 20px;
padding-bottom: 20px;
display: flex;
}
.name-3 {
color: var(--black);
margin-bottom: 6px;
font-family: Poppins, sans-serif;
font-size: 20px;
font-weight: 700;
line-height: 24px;
}
.wrapper-8.gallery {
padding: 0 64px 120px;
display: none;
}
.container-1293 {
max-width: 1440px;
margin-left: auto;
margin-right: auto;
}
.gallery-video-3 {
object-fit: cover;
max-height: 500px;
}
.gallery-paragraph {
text-align: center;
max-width: 650px;
margin-bottom: 60px;
margin-left: auto;
margin-right: auto;
font-size: 20px;
line-height: 1.2;
}
.details-block {
margin-top: 16px;
}
.image-group {
justify-content: space-between;
align-items: center;
display: flex;
}
.switch-section {
display: block;
}
.gallery-image {
object-fit: cover;
width: 100%;
height: 500px;
}
.image-main-block {
width: 32%;
}
.gallery-heading {
color: #fff;
text-align: center;
max-width: 1211px;
margin-bottom: 32px;
margin-left: auto;
margin-right: auto;
font-size: 120px;
font-weight: 400;
line-height: 1.1;
}
.text-block-161 {
color: #fecc2f;
font-family: Poppins, sans-serif;
font-size: 20px;
}
.mode_link {
grid-column-gap: .81em;
grid-row-gap: .81em;
text-transform: uppercase;
flex-wrap: wrap;
justify-content: flex-start;
align-items: center;
font-weight: 500;
display: flex;
}
.mode_circle {
border: 1px solid #f2e8de;
border-radius: 100vw;
flex: none;
justify-content: center;
align-items: center;
width: 1.5em;
height: 1.5em;
display: flex;
}
.beliefs_content-wrapper {
width: 29.31em;
max-width: 100%;
}
.gallery-photo_top {
z-index: 2;
color: #d9f24f;
text-transform: uppercase;
background-color: #1f1f1f;
justify-content: space-between;
align-items: center;
width: 100%;
font-weight: 900;
display: flex;
position: relative;
}
.gallery-photo_top:hover {
color: #f2e8de;
background-color: #4f26e9;
}
.join-us_text {
text-transform: uppercase;
width: 100%;
max-width: 25em;
font-size: 2.88em;
font-weight: 700;
line-height: 1.32609;
}
.join-us_dot {
background-color: #4f26e9;
border-radius: 100vw;
width: 2.4em;
height: 2.4em;
margin-left: 1.88em;
margin-right: 1.88em;
font-size: .2em;
display: inline-block;
transform: translate(0, -2.2em);
}
.gallery-photo_img-1 {
margin-bottom: -66%;
position: relative;
transform: translate(-4%);
}
.marquee_track {
flex: none;
justify-content: flex-start;
align-items: center;
display: flex;
transform: translate(0%);
}
.footer_top-layout {
grid-column-gap: 2.5em;
grid-row-gap: 2.5em;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-end;
display: flex;
}
.join-us_sub-heading {
color: #4f26e9;
font-size: .4em;
font-weight: 500;
line-height: 1.3;
display: inline-block;
transform: translate(0, -.6em);
}
.container-1294 {
width: 100%;
margin-left: auto;
margin-right: auto;
padding: 5em 8.34%;
}
.container-1294.is-join-us {
padding-top: 0;
padding-bottom: 1.44em;
}
.container-1294.is-about {
padding-top: 0;
padding-bottom: 8.06em;
}
.container-1294.is-nav {
padding: 1.25em;
}
.container-1294.is-marquee {
padding-top: 0;
padding-left: 0%;
padding-right: 0%;
}
.container-1294.is-hero {
padding-top: 4em;
padding-bottom: 8.06em;
}
.container-1294.is-beliefs {
padding-top: 0;
padding-bottom: 10em;
}
.container-1294.is-crew {
padding-top: 0;
padding-bottom: 13.94em;
}
.container-1294.is-footer-top {
padding-top: 0;
padding-bottom: 8.44em;
}
.container-1294.is-footer-bottom {
text-transform: uppercase;
border-top: 1px solid #f2e8de;
padding-top: 2.5em;
padding-bottom: 2.5em;
font-weight: 500;
}
.hero_sub-heading {
color: #4f26e9;
text-transform: uppercase;
margin-bottom: 2.06em;
font-weight: 500;
position: relative;
overflow: hidden;
}
.menu_top-drag {
width: 100%;
padding: .88em 1.06em;
}
.nav_logo-2 {
width: 5em;
height: 5em;
margin-left: auto;
margin-right: auto;
position: absolute;
inset: 0% 0% auto;
}
.button_track {
justify-content: flex-start;
align-items: center;
display: flex;
transform: translate(0%);
}
.join-us_highlight {
background-color: #4f26e9;
margin-top: -.2em;
padding-top: .2em;
padding-left: .3em;
padding-right: .3em;
display: inline-block;
}
.gallery-photo_up {
z-index: 2;
cursor: pointer;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.menu_link-wrapper {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.join-us_content {
width: 70%;
}
.content_number-wrap {
color: #4f26e9;
padding-bottom: .88em;
font-weight: 500;
}
.beliefs_layout {
grid-column-gap: 4.13em;
grid-row-gap: .5em;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
font-size: 1em;
display: flex;
}
.hiring_link {
z-index: 20;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.hiring {
color: #d9f24f;
text-align: center;
text-transform: uppercase;
width: 4.5em;
font-weight: 700;
position: relative;
}
.footer_bottom-layout {
grid-column-gap: 1em;
grid-row-gap: 1em;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
display: flex;
}
.hiring_list {
width: 100%;
padding-top: 100%;
position: relative;
}
.text-link_line {
z-index: 1;
background-color: #d9f24f;
width: 100%;
height: 2px;
transition: height .2s;
position: absolute;
inset: auto 0% 0%;
}
.text-size-regular-2 {
font-size: .88em;
line-height: 2;
}
.footer_bottom-right {
grid-column-gap: 1.94em;
grid-row-gap: 0em;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.content_heading-wrap {
padding-bottom: 1.63em;
}
.cursor_tag {
color: #1f1f1f;
text-align: center;
text-transform: uppercase;
background-color: #d9f24f;
margin-top: -2em;
padding: .6em 1.1em;
font-weight: 700;
}
.marquee_dot {
background-color: #f2e8de;
border-radius: 100vw;
flex: none;
width: 3em;
height: 3em;
margin-left: 7.25em;
margin-right: 7.25em;
}
.menu_content {
padding: 1.88em 1.69em 1.63em;
display: block;
}
.menu-6 {
transform-origin: 50% 0;
border: 2px solid #f2e8de;
}
.mode_dot {
background-color: #d9f24f;
border-radius: 100vw;
width: 60%;
height: 60%;
}
.mode_dot.hide {
opacity: 0;
}
.main-title_mark {
z-index: 3;
background-color: #1f1f1f;
border-radius: 100vw;
justify-content: center;
align-items: center;
width: 3em;
height: 3em;
display: flex;
position: absolute;
inset: 0% 0% auto auto;
transform: translate(50%, -50%);
}
.main-title_heading {
z-index: 2;
text-transform: uppercase;
font-family: Poppins, sans-serif;
font-size: 7.75em;
font-weight: 700;
line-height: .91129;
position: relative;
}
.main-title_tag-wrapper {
z-index: 3;
opacity: 1;
color: #1f1f1f;
height: 8.25em;
margin-top: -1.2em;
margin-left: -1.2em;
position: absolute;
inset: 0% auto auto 0%;
}
.join-us_visual {
flex: none;
width: 40%;
margin-left: -10%;
}
.main-wrapper-6 {
z-index: 2;
position: relative;
}
.marquee_wrapper {
justify-content: flex-start;
align-items: center;
width: 100vw;
margin-top: 10%;
display: flex;
position: absolute;
inset: 0% 0% auto auto;
}
.join-us_layout {
justify-content: space-between;
align-items: center;
display: flex;
}
.beliefs_heading-wrapper {
flex: none;
width: 12.56em;
max-width: 100%;
}
.gallery-photo_bottom {
width: 100%;
padding-top: 109.59%;
position: relative;
}
.about-2 {
z-index: 3;
position: relative;
}
.footer_top-header {
color: #d9f24f;
text-transform: uppercase;
font-weight: 700;
}
.text-size-medium-3 {
font-size: 1.13em;
line-height: 1.11111;
}
.menu_top-show {
flex: none;
justify-content: center;
align-items: center;
padding-left: .81em;
padding-right: .81em;
display: flex;
}
.text-link-2 {
color: #d9f24f;
text-transform: uppercase;
padding-top: .3em;
padding-bottom: .3em;
transition: color .2s;
position: relative;
}
.join-us_visual-restart {
color: #4f26e9;
text-align: center;
text-transform: uppercase;
border: 1px solid #4f26e9;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
padding: 4%;
font-weight: 700;
display: flex;
position: absolute;
inset: 0%;
}
.marquee_graphic-height {
width: 100%;
padding-top: 67.88%;
position: relative;
}
.image-481 {
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.nav_layout {
justify-content: space-between;
align-items: flex-start;
display: flex;
position: relative;
}
.main-title {
width: 52em;
max-width: 100%;
position: relative;
}
.text-size-large-4 {
font-size: 1.25em;
line-height: 1.3;
}
.join-us_visual-height {
width: 100%;
padding-top: 125.56%;
position: relative;
}
.marquee_text {
text-transform: uppercase;
white-space: nowrap;
font-size: 9.75em;
font-weight: 700;
line-height: 1;
}
.hero_heading-3 {
font-size: 16px;
}
.overflow-hidden-3 {
position: relative;
overflow: hidden;
}
.hiring_item {
opacity: 0;
border-radius: 100vw;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
overflow: hidden;
}
.hiring_item:first-child {
opacity: 1;
}
.about_content {
width: 29.31em;
max-width: 59%;
}
.gallery-photo_handle {
justify-content: flex-end;
align-items: center;
width: 100%;
padding: .94em 1.38em;
display: flex;
}
.button-50 {
color: #1f1f1f;
text-transform: uppercase;
background-color: #d9f24f;
font-weight: 900;
position: relative;
overflow: hidden;
}
.button-50:hover {
color: #f2e8de;
background-color: #4f26e9;
}
.gallery-photo_wrapper {
flex: none;
width: 35%;
}
.text-link_wrap {
z-index: 2;
position: relative;
}
.menu_top {
color: #1f1f1f;
text-transform: uppercase;
background-color: #f2e8de;
justify-content: space-between;
align-items: stretch;
font-weight: 900;
display: flex;
}
.crew_layout {
justify-content: flex-start;
align-items: center;
display: flex;
}
.gallery-photo_link {
flex: none;
padding: .94em 1.38em;
}
.nav_logo-link-2 {
width: 100%;
height: 100%;
display: block;
position: absolute;
inset: 0% auto auto 0%;
}
.about_layout {
justify-content: space-between;
align-items: flex-end;
padding-right: 10%;
display: flex;
}
.content_wrapper {
width: 28em;
max-width: 100%;
}
.nav-5 {
z-index: 1000;
width: 100%;
position: fixed;
inset: 0% 0% auto;
}
.main-title_mark-svg {
color: #d9f24f;
width: 1.4em;
height: 1.4em;
}
.content_button-wrap {
padding-top: 4.19em;
}
.crew {
z-index: 3;
position: relative;
}
.nav_logo-svg {
width: 100%;
height: 100%;
}
.cursor_text {
font-size: .69em;
line-height: 1;
}
.join-us_visual-item {
opacity: 0;
cursor: pointer;
position: absolute;
inset: 0%;
}
.join-us_visual-item.is-1 {
transform: rotate(7deg);
}
.join-us_visual-item.is-2 {
transform: rotate(-2deg);
}
.join-us_visual-item.is-3 {
transform: rotate(3deg);
}
.marque_graphic {
width: 58.28%;
margin-left: auto;
position: relative;
}
.footer_top-links {
grid-column-gap: 1.25em;
grid-row-gap: 1.25em;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start;
width: 60%;
font-size: 1em;
display: flex;
}
.crew_content {
width: 50%;
padding-left: 15%;
}
.hiring_wrapper {
margin-bottom: .69em;
}
.footer_bottom-link:hover {
color: #d9f24f;
}
.cursor-3 {
z-index: 1010;
opacity: 0;
justify-content: center;
align-items: center;
width: 100%;
height: 100vh;
display: flex;
position: fixed;
inset: 0%;
}
.footer_top-link:hover {
color: #d9f24f;
}
.button_panel {
flex: none;
padding: 1.13em 1.31em .9em;
}
.button_panel.is-2 {
position: absolute;
transform: translate(100%);
}
.h2-4 {
font-size: 2.5em;
font-weight: 700;
line-height: 1;
}
.marquee-2 {
width: 100%;
}
.gallery-photo_img-2 {
position: relative;
transform: translate(4%);
}
.footer_top-logo {
font-size: .3em;
}
.main-title_bg {
z-index: 1;
background-color: #fecc2f;
width: 100%;
height: 100%;
position: absolute;
inset: 0% 0% auto;
}
.gallery-photo {
transform-origin: 50% 0;
width: 100%;
position: relative;
top: 0;
left: 0;
}
.main-title_tag {
z-index: 1;
padding-top: 1.2em;
padding-left: 1.2em;
padding-right: 1.2em;
position: relative;
}
.mode_wrapper {
grid-column-gap: .75em;
grid-row-gap: .75em;
flex-direction: column;
justify-content: flex-start;
align-items: stretch;
padding-top: 1.5em;
display: flex;
}
.marquee_item {
flex: none;
justify-content: center;
align-items: center;
display: flex;
transform: translate(0%);
}
.text-size-small-5 {
font-size: .75em;
line-height: 1.33333;
}
.beliefs_link-wrapper {
padding-top: 1.1em;
}
.text-size-tiny {
font-size: .63em;
line-height: 1.6;
}
.content_sub-heading {
padding-top: 4em;
padding-bottom: 1.19em;
font-weight: 700;
}
.menu_link {
text-transform: uppercase;
width: 100%;
padding-top: .21em;
padding-bottom: .21em;
font-weight: 700;
}
.menu_link:hover {
padding-left: .5em;
}
.div-block-4 {
flex-direction: column;
justify-content: center;
align-items: center;
padding-top: 106px;
padding-bottom: 76px;
display: flex;
}
.image-482 {
width: 160px;
margin-top: -87px;
padding-top: 0;
transition: all .2s ease-in-out;
position: absolute;
right: 0;
}
.image-482:hover {
opacity: 1;
transform: skew(0deg);
}
.designable-button {
color: #292929;
background-color: #fff;
border: 2px solid #000;
border-radius: 8px;
padding: 12px 100px;
font-weight: 500;
transition: all .175s ease-in-out;
display: block;
box-shadow: 4px 4px 8px #00000029;
}
.designable-button:hover {
transform: scale(1.02);
box-shadow: 3px 3px 8px #00000036;
}
.designable-button:active {
transform: scale(1);
box-shadow: inset 2px 2px 8px #00000030;
}
.text-block-162 {
text-align: center;
padding-bottom: 43px;
font-family: Poppins, sans-serif;
font-size: 21px;
display: block;
}
.image-483 {
width: 160px;
margin-top: -43px;
padding-top: 0;
position: absolute;
left: 0;
}
.image-484 {
padding-top: 90px;
}
.text-span-50 {
color: #ccc;
text-decoration: line-through;
}
.hero-heading-4 {
text-align: center;
font-family: Poppins, sans-serif;
font-size: 100px;
line-height: 110px;
}
.work-examples {
flex-direction: column;
justify-content: center;
align-items: center;
margin-top: 37px;
display: flex;
overflow: hidden;
}
.image-32 {
width: 150px;
margin-top: -146px;
margin-bottom: 0;
margin-left: 224px;
position: absolute;
left: 0;
}
.div-block-244 {
justify-content: center;
margin-top: 0;
padding-bottom: 4px;
display: flex;
}
.latest-work-image {
transition: all .2s;
}
.latest-work-image:hover {
transform: scale(1.06);
}
.section-139 {
grid-row-gap: 10rem;
flex-direction: column;
padding-top: 5rem;
padding-bottom: 5rem;
display: flex;
}
.section-139.section-under-hero {
padding-top: 0;
padding-bottom: 0;
}
.section-139.no-top-margin {
padding-top: 0;
}
.container-1295 {
width: 100%;
max-width: 1350px;
min-height: .5rem;
margin-left: auto;
margin-right: auto;
padding-left: 3rem;
padding-right: 3rem;
}
.title-wrapper-3 {
max-width: 40rem;
}
.content-wrapper-m {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
display: flex;
}
.content-wrapper-m.vertical {
flex-direction: column;
}
.content-wrapper-m.vertical._50 {
width: 50%;
}
.display-xxl {
margin-top: 0;
margin-bottom: 0;
font-family: Poppins, sans-serif;
font-size: 3.5rem;
font-weight: 600;
line-height: 1.2em;
}
.paragraph-large {
margin-bottom: 0;
font-family: Poppins, sans-serif;
font-size: 1.25rem;
line-height: 1.5em;
}
.faq-table-row {
grid-row-gap: 2rem;
flex-direction: column;
justify-content: space-between;
display: flex;
}
._2-grid {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.collection-empty-state {
background-color: #ebebeb;
border-radius: .5rem;
padding: 1rem;
font-weight: 500;
}
.horizontal-line {
background-color: #dadada;
width: 100%;
height: .5px;
overflow: hidden;
}
.content-heading {
grid-row-gap: 1.5rem;
flex-direction: column;
display: flex;
}
.horizontal-line-animation-cover {
background-color: #fbfaf9;
height: 100%;
display: none;
}
.content-wrapper-xl {
grid-column-gap: 5rem;
grid-row-gap: 5rem;
display: flex;
}
.content-wrapper-xl.vertical {
flex-direction: column;
}
.display-s {
margin-top: 0;
margin-bottom: 0;
font-size: 1.65rem;
font-weight: 600;
line-height: 1.3em;
}
.faq-section-2 {
justify-content: flex-end;
display: flex;
}
._3-grid {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
._3-grid.grid-large-vertical-spacing {
grid-row-gap: 4rem;
}
.content-wrapper-xs {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
display: flex;
}
.content-wrapper-xs.vertical {
flex-direction: column;
}
.vertical-line {
border-right: 1px solid #0e0e0e;
}
.button-51 {
color: #fbfaf9;
cursor: pointer;
background-color: #0a65db;
border: 1px solid #0a65db;
border-radius: 50rem;
justify-content: center;
align-items: center;
padding: .75rem 1.75rem;
font-weight: 500;
text-decoration: none;
transition: border-color .35s cubic-bezier(.165, .84, .44, 1), color .35s cubic-bezier(.165, .84, .44, 1), background-color .35s cubic-bezier(.165, .84, .44, 1);
display: flex;
}
.button-51:hover {
color: #0a65db;
background-color: #e3ebf7;
border-color: #e3ebf7;
}
.button-51.round-white-small {
z-index: 2;
background-color: #fff;
border-color: #fff;
width: 2.5rem;
height: 2.5rem;
padding: 0;
position: relative;
}
.blog-card-category {
color: #0a65db;
font-family: Poppins, sans-serif;
}
.blog-card-info {
margin-top: .5rem;
font-weight: 500;
}
.display-xxs {
margin-top: 0;
margin-bottom: 0;
font-family: Poppins, sans-serif;
font-size: 1.2rem;
font-weight: 600;
line-height: 1.4em;
}
.paragraph-134 {
margin-bottom: 0;
font-family: Poppins, sans-serif;
font-size: 1rem;
line-height: 1.5em;
}
.blog-card-image-wrapper {
background-color: #ebebeb;
border-radius: .5rem;
justify-content: flex-end;
align-items: flex-end;
min-height: 15rem;
padding: 1rem;
display: flex;
position: relative;
overflow: hidden;
}
.content-wrapper-s {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
display: flex;
}
.content-wrapper-s.blog-card-info {
margin-top: 0;
}
.content-wrapper-s.vertical {
flex-direction: column;
}
.blog-card-2 {
grid-row-gap: 1.5rem;
color: #101014;
flex-direction: column;
display: flex;
}
.icon-s {
width: 1rem;
margin-bottom: 0;
margin-right: .5rem;
}
.icon-s.button-round-small {
width: .75rem;
margin-bottom: 0;
margin-right: 0;
}
.image-absolute {
object-fit: cover;
width: 100%;
height: 100%;
margin-bottom: 0;
position: absolute;
inset: 0%;
}
.text-block-163 {
font-family: Poppins, sans-serif;
}
.post-author-image {
background-color: #ebebeb;
border-radius: 50rem;
width: 4rem;
height: 4rem;
margin-bottom: 0;
}
.author-name-3 {
font-family: Poppins, sans-serif;
font-weight: 500;
}
.author-information {
grid-row-gap: .25rem;
flex-direction: column;
justify-content: center;
align-items: flex-start;
display: flex;
}
.author-title {
color: #0a65db;
font-weight: 500;
}
.display-xl {
margin-top: 0;
margin-bottom: 0;
font-family: Poppins, sans-serif;
font-size: 3rem;
font-weight: 600;
line-height: 1.2em;
}
.content-wrapper-centered {
text-align: center;
justify-content: center;
display: flex;
}
.author-wrapper {
grid-column-gap: 1rem;
margin-top: 1rem;
display: flex;
}
.paragraph-large-2 {
margin-bottom: 0;
font-family: Poppins, sans-serif;
font-size: 1rem;
line-height: 1.5em;
}
.image-wrapper-large {
background-color: #ebebeb;
border-radius: 1rem;
align-items: flex-end;
min-height: 50rem;
padding: 3rem;
display: flex;
position: relative;
overflow: hidden;
}
.rich-text-content-wrapper {
text-align: left;
width: 70ch;
}
.blog-date-2 {
color: #0a65db;
font-weight: 500;
}
.display-xxl-2 {
margin-top: 0;
margin-bottom: 0;
font-family: Poppins, sans-serif;
font-size: 3.5rem;
font-weight: 600;
line-height: 1.2em;
}
.paragraph-large-3 {
margin-bottom: 0;
font-family: Poppins, sans-serif;
font-size: 1.25rem;
line-height: 1.5em;
}
.paragraph-135 {
font-family: Poppins, sans-serif;
font-size: 1em;
}
.heading-474 {
font-family: Poppins, sans-serif;
font-size: 2em;
}
.author-wrapper---brix {
justify-content: center;
align-items: center;
display: flex;
}
.button-secondary-5 {
color: #4a3aff;
text-align: center;
background-color: #f3f1ff;
border-radius: 80px;
padding: 15px 48px;
line-height: 20px;
transition: color .3s, background-color .3s;
}
.button-secondary-5:hover {
color: #fff;
background-color: #4a3aff;
}
.button-secondary-5.cloneable-header-button {
padding-left: 22px;
padding-right: 22px;
font-size: 16px;
font-weight: 500;
line-height: 18px;
}
.cloneable-header-grid {
grid-column-gap: 32px;
grid-template-rows: auto;
grid-template-columns: 1.6fr 1fr;
align-items: center;
}
.container-620px-center {
max-width: 620px;
margin-left: auto;
margin-right: auto;
}
.cloneable-header-2 {
background-color: #fff;
border-radius: 18px;
margin-bottom: 44px;
padding: 24px 32px;
box-shadow: 0 3px 14px #4a3aff08, 0 -2px 4px #14142b05, 0 12px 24px #14142b03;
}
.cloneable-container-default-2 {
background-color: #f7f7f7;
border-radius: 20px;
min-height: 624px;
transform: translate(0);
}
.cloneable-container-default-2.center {
background-color: #000;
border-radius: 0;
align-items: center;
min-height: auto;
padding: 0 24px;
}
.author-name---brix {
margin-bottom: 4px;
font-family: Poppins, sans-serif;
font-size: 28px;
line-height: 36px;
}
.card-6 {
background-color: #fff;
border: 1px solid #f7f7f7;
border-radius: 20px;
overflow: hidden;
}
.card-6.author {
border-color: #eff2f6;
padding-bottom: 58px;
box-shadow: 0 5px 12px #080f340d;
}
.social-icon---brix {
border-radius: 32px;
margin: 4px 6px;
transition: transform .3s;
}
.social-icon---brix:hover {
transform: translate(0, -4px);
}
.social-icon---brix.twitter {
background-color: #2494fb;
}
.social-icon---brix.linkedin {
background-color: #0a66c2;
}
.social-icon---brix.facebook {
background-image: linear-gradient(#109ded, #1072ed);
}
.social-icon---brix.instagram {
background-image: linear-gradient(#c837ab, #ff543e 48%, #fd5);
}
.social-icon---brix.youtube {
background-color: #ff2532;
}
.button-icon-3 {
margin-right: 4px;
}
.author-avatar---brix {
border: 5px solid #fff;
border-radius: 50%;
margin-top: -84px;
}
.heading-size-3 {
margin-bottom: 0;
font-size: 24px;
line-height: 28px;
}
.author-text-wrapper---brix {
text-align: center;
max-width: 450px;
margin: 16px auto 26px;
padding-left: 20px;
padding-right: 20px;
}
.author-links-wrapper---brix {
max-width: 406px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px;
}
.button-circle-arrow {
color: #fff;
text-align: left;
cursor: pointer;
background-color: #030b1a;
border-radius: 80px;
justify-content: space-between;
align-items: center;
margin-bottom: 0;
padding: 9px 9px 9px 15px;
font-weight: 700;
line-height: 20px;
text-decoration: none;
transition: transform .3s, background-color .3s;
display: flex;
}
.button-circle-arrow:hover {
color: #fff;
background-color: #25282e;
transform: translate(0, -2px);
}
.button-circle-arrow.white {
color: #030b1a;
background-color: #fff;
border: 1px solid #eff2f6;
transition: border-color .3s, transform .3s, background-color .3s;
}
.button-circle-arrow.white:hover {
border-color: #030b1a;
}
.flex-4 {
display: flex;
}
.flex-4.center {
justify-content: center;
align-items: center;
}
.flex-4.center.start {
justify-content: flex-start;
}
.flex-4.align-center {
justify-content: space-between;
align-items: center;
}
.grid-1-col {
grid-template-columns: 1fr;
grid-auto-flow: row;
}
.author-description---brix {
margin-bottom: 12px;
font-family: Poppins, sans-serif;
font-size: 1.2em;
}
.container-default-5 {
max-width: 1240px;
margin-left: auto;
margin-right: auto;
padding-left: 24px;
padding-right: 24px;
}
.section-140 {
padding-top: 72px;
padding-bottom: 72px;
}
.section-140.cloneables-listing {
color: #000;
background-color: #000;
padding-top: 72px;
padding-bottom: 140px;
}
.social-media-wrapper---brix {
flex-wrap: wrap;
justify-content: center;
align-items: center;
margin-top: 20px;
display: flex;
}
.arrow-button-wrapper---brix {
background-color: #fff;
border-radius: 50%;
justify-content: center;
align-items: center;
width: 48px;
height: 48px;
display: flex;
}
.arrow-button-wrapper---brix.white {
background-color: #eff2f6;
}
.block-paragraph-hero-a {
margin-top: .7vw;
margin-bottom: auto;
margin-left: 1.5vw;
overflow: hidden;
}
.lightbox-link-hero {
border-radius: 14px;
flex-direction: column;
justify-content: flex-end;
align-items: stretch;
width: 100%;
height: 100vh;
text-decoration: none;
display: flex;
position: sticky;
top: 0;
overflow: hidden;
}
.subheading-project {
color: var(--white);
text-transform: none;
margin-bottom: 0;
font-family: Poppins, sans-serif;
font-style: italic;
font-weight: 400;
}
.section-hero-a {
z-index: 100;
flex-direction: column;
justify-content: flex-end;
width: 100%;
min-height: 200vh;
padding-bottom: 100vh;
padding-left: 1.7vw;
padding-right: 1.7vw;
display: flex;
position: relative;
}
.hero-multiply {
z-index: 100;
mix-blend-mode: multiply;
background-color: #000;
flex-direction: column;
align-items: stretch;
width: 100%;
margin-bottom: -15px;
display: flex;
position: relative;
overflow: hidden;
}
.hero-project {
padding-left: 1.7vw;
padding-right: 1.7vw;
position: absolute;
inset: 0%;
transform: perspective(1000px);
}
.heading-hero-a {
margin-bottom: 0;
font-size: 13vw;
display: inline-block;
}
.heading-hero-a.multiply {
color: #fff;
}
.block-project {
z-index: 20;
background-image: linear-gradient(#0000, #000000b3);
border-radius: 15px;
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
width: 100%;
padding: 95px 40px 35px;
display: flex;
position: absolute;
}
.block-project.small {
padding: 85px 30px 25px;
}
.block-project.lp {
background-image: linear-gradient(#0000, #000000b3);
height: 100%;
}
.overflow {
flex-direction: row;
justify-content: center;
align-items: center;
height: auto;
display: flex;
}
.hero-a {
z-index: 100;
background-color: #000;
flex-direction: column;
flex: 1;
justify-content: flex-end;
align-items: flex-start;
width: 100%;
padding-top: 140px;
display: flex;
position: relative;
}
.heading-project {
color: var(--white);
margin-bottom: 0;
font-family: Poppins, sans-serif;
}
.background-video-24 {
z-index: 0;
background-color: #dad7d412;
border-radius: 14px;
width: 100%;
height: 100%;
display: block;
}
.text-span-accent-a {
text-transform: none;
font-size: 7.2vw;
font-style: italic;
font-weight: 400;
line-height: 90%;
}
.rounding {
background-color: #fff;
border-top-left-radius: 14px;
border-top-right-radius: 14px;
height: 15px;
margin-top: 2vw;
margin-bottom: -1px;
margin-right: .6px;
}
.paragraph-hero-a {
color: #dad7d4;
max-width: 20ch;
margin-bottom: 0;
font-size: 1.1vw;
font-weight: 500;
line-height: 153%;
display: inline-block;
}
.section-141 {
flex-direction: column;
flex: 1;
justify-content: center;
padding-left: 1.7vw;
padding-right: 1.7vw;
display: flex;
}
.grid-project-a {
grid-column-gap: 1.2vw;
grid-row-gap: 1.2vw;
grid-template-rows: auto;
margin-top: 1.2vw;
}
.lightbox-link-a {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/65d4dd1f933efd13e063e756_Screen%20Shot%202024-02-20%20at%2011.10.28%20AM.png");
background-position: 0%;
background-size: cover;
border-radius: 14px;
flex-direction: column;
justify-content: flex-end;
width: 100%;
height: 27vw;
margin-bottom: 0;
display: flex;
position: relative;
}
.lightbox-link-a.large-a {
height: 54vw;
}
.lightbox-link-a.large-a.anim {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/65e22444e0fe9b0e1f98d833_animation%20background.gif");
}
.lightbox-link-a.copr {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/65d4dd1f933efd13e063e756_Screen%20Shot%202024-02-20%20at%2011.10.28%20AM.png");
background-position: 50%;
background-size: cover;
}
.lightbox-link-a.corp {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/65d4deddfda8c4b8b5c53b4c_Screen%20Shot%202024-02-20%20at%2011.17.54%20AM.png");
background-position: 50%;
background-size: cover;
}
.lightbox-link-a.corp._1 {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/65d4dd1f933efd13e063e756_Screen%20Shot%202024-02-20%20at%2011.10.28%20AM.png");
}
.lightbox-link-a.corp._2 {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/65d4de1f58cbee79e3408b3b_Screen%20Shot%202024-02-20%20at%2011.13.27%20AM.png");
}
.lightbox-link-a.corp._3 {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/65d4e0fa04af88b625a5d5b3_Screen%20Shot%202024-02-20%20at%2011.27.05%20AM.png");
}
.lightbox-link-a.corp._5 {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/65d4e328ef5a032fdcbf5101_Screen%20Shot%202024-02-20%20at%2011.36.19%20AM.png");
}
.lightbox-link-a.corp._6 {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/65d4e1f2fc6192ab94c730b1_Screen%20Shot%202024-02-20%20at%2011.31.09%20AM.png");
}
.lightbox-link-a.crowd._1 {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/65d4e47109e69136c3fab219_Screen%20Shot%202024-02-20%20at%2011.41.48%20AM.png");
background-position: 100%;
}
.lightbox-link-a.crowd._5 {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/65d4e549dc51dad96d3b5653_Screen%20Shot%202024-02-20%20at%2011.45.25%20AM.png");
}
.lightbox-link-a.crowd._4 {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/65d4e5caa32dda5e4f6e7293_Screen%20Shot%202024-02-20%20at%2011.47.35%20AM.png");
background-position: 50%;
}
.lightbox-link-a.crowd._2 {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/65d4e7659597a921da36758d_Screen%20Shot%202024-02-20%20at%2011.53.34%20AM.png");
background-position: 50%;
}
.lightbox-link-a.crowd._6 {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/65d4e838cffd3aa1a13ef293_Screen%20Shot%202024-02-20%20at%2011.57.44%20AM.png");
background-position: 50%;
}
.lightbox-link-a.crowd._3 {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/65d4edd4812e72a60f0841a1_Screen%20Shot%202024-02-20%20at%2012.21.35%20PM.png");
}
.lightbox-link-a.comm._3 {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/65d4eedfb5eb29099c40612f_Screen%20Shot%202024-02-20%20at%2012.26.07%20PM.png");
background-position: 0%;
}
.lightbox-link-a.comm._4 {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/65d4ef66f262367bdbc01dba_Screen%20Shot%202024-02-20%20at%2012.28.28%20PM.png");
background-position: 0%;
}
.lightbox-link-a.comm._2 {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/65d4efefb92d8261ef956332_Screen%20Shot%202024-02-20%20at%2012.30.22%20PM.png");
background-position: 0 0;
}
.lightbox-link-a.comm._6 {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/65d4f14b148a90141dd80022_Screen%20Shot%202024-02-20%20at%2012.34.57%20PM.png");
background-position: 100%;
}
.lightbox-link-a.comm._1 {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/688396386f28a29819b79c04_bartesian-margarita-17.jpg");
background-position: 50%;
}
.lightbox-link-a.comm._5 {
outline-offset: 0px;
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/65d4f38e148a90141dd916f1_Screen%20Shot%202024-02-20%20at%2012.45.55%20PM.png");
background-position: 50%;
outline: 3px #6d6d6d;
}
.lightbox-link-a.anim._1 {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/65d4f4d72640007f281f2647_Screen%20Shot%202024-02-20%20at%2012.51.46%20PM.png");
background-position: 50%;
}
.lightbox-link-a.anim._2 {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/65dcc15adc275163fb9b28a7_Screen%20Shot%202024-02-26%20at%2010.49.28%20AM.png");
background-position: 50% 100%;
}
.lightbox-link-a.anim._6 {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/65dcc36a28b662fbd3c7bb3e_Screen%20Shot%202024-02-26%20at%2010.55.30%20AM.png");
background-position: 100%;
}
.lightbox-link-a.anim._4 {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/65dcc2ce92caf6a30b957021_Screen%20Shot%202024-02-23%20at%202.00.03%20PM.png");
}
.lightbox-link-a.anim._3 {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/65dcc2f7eecee9570fc16f1c_Screen%20Shot%202024-02-26%20at%2010.56.03%20AM.png");
background-position: 0 100%;
}
.lightbox-link-a.anim._5 {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/65dcc358e99a6e1e614f6275_Screen%20Shot%202024-02-26%20at%2010.58.46%20AM.png");
}
.grid-work-a {
grid-column-gap: 1.2vw;
grid-row-gap: 2.2vw;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.lightbox-link-14 {
flex-direction: column;
justify-content: flex-start;
width: 100%;
text-decoration: none;
display: flex;
position: relative;
}
.background-video-work-a {
z-index: 0;
background-color: #dad7d412;
border-radius: 14px;
width: 100%;
height: 14vw;
display: block;
}
.block-project-display {
z-index: 20;
grid-row-gap: 5px;
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
width: 100%;
padding-top: 16px;
display: flex;
position: relative;
}
.heading-project-display {
text-shadow: 0 16px #dad7d4;
margin-bottom: 0;
font-size: 16px;
line-height: 100%;
}
.subheading-project-display {
color: #dad7d470;
text-transform: none;
text-shadow: 0 16px #dad7d470;
margin-bottom: 0;
font-size: 16px;
font-weight: 600;
line-height: 100%;
}
.columns-21 {
object-fit: contain;
display: flex;
}
.body-6 {
object-fit: cover;
}
.text-span-51 {
font-weight: 600;
}
.section-142 {
padding: 100px 220px;
}
.input-large {
color: #000;
background-color: #fff;
border: 1px solid #b7bbd1;
border-radius: 10px;
min-width: 300px;
height: 52px;
margin-top: 1px;
margin-bottom: 0;
padding-left: 16px;
font-size: 15px;
font-weight: 300;
transition: border-color .2s, box-shadow .2s;
box-shadow: 0 3px 6px -2px #1d01501a;
}
.input-large:hover {
border-color: #434de7;
}
.input-large:focus {
border: 1px solid #434de7;
}
.input-large::placeholder {
color: #6e6e6e;
}
.small-feature-label {
font-weight: 600;
}
.small-feature-label.tp-small {
margin-top: 3px;
font-family: Poppins, sans-serif;
font-style: normal;
font-weight: 300;
}
.main-section {
flex-direction: column;
align-items: center;
width: 100%;
padding: 60px 10%;
display: flex;
}
.main-section.lp-contact {
padding-left: 5%;
padding-right: 5%;
}
.content-wrap {
flex-direction: column;
align-items: flex-start;
display: flex;
}
.content-wrap.lp {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-direction: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: flex-start;
display: flex;
}
.input-label {
z-index: 2;
color: #000;
background-color: #fff;
border-radius: 3px;
margin-bottom: 0;
padding-left: 6px;
padding-right: 7px;
font-size: 13.5px;
font-weight: 600;
line-height: 15px;
display: inline-block;
position: relative;
bottom: -7px;
left: 6px;
}
.input-label.absolute {
font-family: Poppins, sans-serif;
position: absolute;
top: -8px;
bottom: auto;
}
.button-52 {
color: #fff;
background-color: #434de7;
border-radius: 10px;
height: 50px;
padding: 15px 35px;
font-size: 15px;
font-weight: 500;
box-shadow: 0 10px 20px -3px #1d01501a;
}
.button-52:hover {
box-shadow: none;
background-color: #000;
}
.button-52.in-horizontal-form {
color: var(--black);
background-color: #fecc2f;
height: 52px;
margin-top: 0;
margin-left: 10px;
font-family: Poppins, sans-serif;
font-weight: 600;
}
.main-container-4 {
width: 100%;
max-width: 1100px;
padding-bottom: 60px;
}
._1-2-grid {
grid-column-gap: 0px;
grid-row-gap: 40px;
grid-template-rows: auto;
grid-template-columns: .75fr 1fr;
align-items: center;
}
.form-horizontal {
align-items: center;
display: flex;
}
.small-feature-wrap {
grid-column-gap: 5px;
grid-row-gap: 5px;
color: #000;
align-items: center;
display: flex;
}
.h1-4 {
color: #000;
font-family: Poppins, sans-serif;
font-size: 60px;
font-weight: 700;
line-height: 1;
}
.h1-4.lp {
font-size: 40px;
line-height: 1.2;
}
.relative-4 {
position: relative;
}
.spacer-xs {
width: 100%;
height: 10px;
}
.spacer-l {
width: 100%;
height: 30px;
}
.icon-secondary {
color: #fff;
background-color: #fecc2f;
border-radius: 50px;
justify-content: center;
align-items: center;
width: 17px;
height: 17px;
margin-top: 2px;
padding: 3px;
display: flex;
overflow: hidden;
}
.subheader {
color: #000;
font-size: 16px;
font-weight: 600;
}
.subheader.cta-color {
color: #434de7;
font-weight: 600;
}
.success-message-12 {
color: #fff;
background-color: #19b13a;
border-radius: 10px;
font-weight: 600;
}
.hero-image-3 {
border-radius: 10px;
width: 100%;
box-shadow: 21px 21px 30px -10px #1d01501a;
}
.paragraph-136 {
opacity: .9;
color: #000;
font-family: Poppins, sans-serif;
font-size: 16px;
font-weight: 300;
line-height: 1.5;
}
.section-143 {
border-top: 1px solid #000;
border-radius: 0 0 4px 4px;
padding-bottom: 40px;
}
.video-home {
padding-top: 0;
padding-bottom: 100px;
}
.div-block-245 {
max-width: 1100px;
margin-left: auto;
margin-right: auto;
}
.hero-image-4 {
width: 100%;
margin-top: 50px;
}
.hero-image-4.shadow-two {
margin-top: 0;
}
.heading-475 {
color: #252b3b;
font-family: Poppins, sans-serif;
font-size: 2rem;
font-weight: 700;
line-height: 2.375rem;
}
.image-17 {
padding-left: 0;
box-shadow: 11px 11px 40px #5a5a5a80, 1px 1px 3px #f2f2f4;
}
.image-18 {
padding-left: 30px;
}
.image-18.shadow {
padding-left: 0;
box-shadow: 11px 11px 40px #5a5a5a80;
}
.summary-text {
color: #1e1e1e;
margin-bottom: 30px;
font-family: Poppins, sans-serif;
font-size: 1.125rem;
font-weight: 300;
line-height: 1.9375rem;
}
.image-485 {
align-self: flex-start;
padding-right: 0;
}
.image-485.shadow {
box-shadow: 11px 11px 40px #5a5a5a80;
}
.features {
margin-top: 100px;
margin-bottom: 100px;
}
.div-block-246 {
flex-direction: column;
align-items: flex-start;
padding-right: 0;
display: flex;
}
.container-7 {
max-width: 1100px;
}
.grid-21 {
grid-column-gap: 37px;
grid-row-gap: 90px;
grid-template-rows: auto auto auto;
}
.hero-wrapper-two {
text-align: center;
flex-direction: column;
justify-content: flex-start;
align-items: center;
max-width: 750px;
margin-bottom: 40px;
margin-left: auto;
margin-right: auto;
font-family: Poppins, sans-serif;
display: flex;
}
.hero-wrapper-two.cta-body {
margin-top: auto;
margin-bottom: auto;
}
.button-primary-3 {
color: var(--black);
letter-spacing: 2px;
text-transform: uppercase;
background-color: #fecc2f;
margin-top: auto;
margin-bottom: 10px;
padding: 19px 41px;
font-family: Poppins, sans-serif;
font-size: 1.25rem;
font-weight: 600;
line-height: 20px;
transition: all .2s;
}
.button-primary-3:hover {
color: #fecc2f;
background-color: #32343a;
}
.button-primary-3:active {
background-color: #43464d;
}
.condition-text {
color: #d0d5dd;
margin-top: 5px;
font-size: 12px;
line-height: 16px;
}
.condition-text.caution {
color: #1e1e1e;
margin-top: 0;
font-family: Poppins, sans-serif;
font-size: .9rem;
}
.home-faq_question {
color: #1e1e1e;
cursor: pointer;
justify-content: space-between;
align-items: center;
padding: 1.25rem 1.5rem;
display: flex;
}
.home-faq_accordion {
border: 1px solid #2e475d;
border-radius: .25rem;
flex-direction: column;
justify-content: flex-start;
align-items: stretch;
font-family: Poppins, sans-serif;
}
.home-faq_answer {
padding-left: 1.5rem;
padding-right: 1.5rem;
overflow: hidden;
}
.padding-section-large {
padding-top: 40px;
padding-bottom: 40px;
}
.home-faq_list {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-rows: auto;
grid-template-columns: 100%;
grid-auto-columns: 100%;
place-items: start stretch;
display: grid;
}
.text-size-regular-3 {
font-size: 1rem;
}
.text-weight-semibold-2 {
font-weight: 600;
}
.heading-476 {
text-align: center;
font-size: 2.5rem;
}
.home-faq_icon {
align-self: flex-start;
width: 2rem;
margin-left: 1.5rem;
}
.text-span-52 {
text-decoration: underline;
}
.qa {
padding-top: 80px;
padding-bottom: 80px;
}
.subtitle-5 {
text-align: center;
margin-bottom: 24px;
font-family: Montserrat, sans-serif;
font-size: 1.375rem;
line-height: 2.0625rem;
}
.btn-primary-4 {
color: #fff;
text-align: center;
transform-style: preserve-3d;
background-color: #4a3aff;
border-radius: 48px;
justify-content: center;
padding: 26px 38px;
font-weight: 700;
line-height: 20px;
text-decoration: none;
transition: background-color .3s, transform .3s, color .3s;
}
.btn-primary-4:hover {
color: #fff;
background-color: #3324d5;
transform: translate3d(0, -3px, .01px);
}
.btn-primary-4.white {
color: #4a3aff;
background-color: #fff;
}
.btn-primary-4.white:hover {
color: #4a3aff;
background-color: #f2f1ff;
}
.btn-secondary-3 {
color: #211f54;
text-align: center;
transform-style: preserve-3d;
background-color: #fff;
border: 1px solid #eff0f6;
border-radius: 48px;
padding: 26px 38px;
line-height: 20px;
transition: border-color .3s, transform .3s, background-color .3s, color .3s;
box-shadow: 0 4px 10px #14142b0a;
}
.btn-secondary-3:hover {
color: #fff;
background-color: #4a3aff;
border-color: #4a3aff;
transform: translate3d(0, -3px, .01px);
}
.btn-secondary-3.white {
color: #fff;
background-color: #0000;
}
.btn-secondary-3.white:hover {
color: #211f54;
background-color: #fff;
border-color: #fff;
}
.position-relative {
position: relative;
}
.lightbox-video-icon-wrapper {
justify-content: center;
align-items: center;
display: flex;
}
.border-radius-24px {
z-index: -1;
border-radius: 24px;
transform: translate(0);
}
.section-144 {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-direction: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: center;
padding-top: 176px;
padding-bottom: 176px;
display: flex;
}
.section-144.hero-half-bg-color {
background-image: linear-gradient(to bottom, var(--black) 42%, var(--white) 60%, #4a3aff 60%, white 60%);
padding-top: 100px;
}
.play-button-large {
transform-style: preserve-3d;
border-radius: 50%;
transition: transform .3s;
box-shadow: 0 24px 65px #14142b29;
}
.play-button-large:hover {
transform: scale3d(.94, .94, 1.01);
}
.bg-overlay {
z-index: 1;
background-color: #00000080;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
position: absolute;
inset: 0%;
}
.mg-top-80px {
margin-top: 80px;
}
.container-default-6 {
max-width: 1218px;
padding-left: 24px;
padding-right: 24px;
}
.container-default-6._2 {
background-color: var(--white);
flex-direction: column;
align-items: center;
display: flex;
overflow: hidden;
}
.subtitle-6 {
color: #4a3aff;
letter-spacing: .04em;
text-transform: uppercase;
margin-bottom: 8px;
font-weight: 700;
line-height: 20px;
}
.subtitle-6.mg-bottom-16px {
margin-bottom: 16px;
}
.tabs-content-3 {
overflow: visible;
}
.tabs-content-3.card {
width: 100%;
padding: 56px 48px;
}
.tabs-wrapper.tabs-left {
display: flex;
}
.tabs-menu-6 {
flex-direction: row;
justify-content: center;
align-items: center;
margin-bottom: 40px;
display: flex;
}
.tabs-menu-6.tabs-vertical {
flex-direction: column;
margin-bottom: 0;
}
.tabs-menu-6.tabs-vertical.width-348px {
align-items: flex-start;
width: 100%;
max-width: 348px;
margin-right: 40px;
}
.square-icon {
border-radius: 16px;
}
.square-icon.width-48px {
border-radius: 10px;
width: 48px;
}
.mg-bottom-48px-3 {
margin-bottom: 48px;
font-family: Poppins, sans-serif;
font-size: 1.3em;
}
.display-14 {
color: #211f54;
font-size: 28px;
font-weight: 700;
line-height: 40px;
}
.tab-left-icon {
background-color: #fff;
border: 2px solid #f7f7fc;
border-radius: 14px;
align-items: center;
width: 100%;
margin-top: 12px;
margin-bottom: 12px;
padding: 16px 32px;
font-weight: 700;
line-height: 18px;
transition: box-shadow .3s, border-width .3s, border-color .3s, color .3s;
display: flex;
box-shadow: 0 2px 6px #14142b0f;
}
.tab-left-icon:hover {
border-color: #4a3aff;
}
.tab-left-icon.w--current {
background-color: #fff;
border-width: 2px;
border-color: #4a3aff;
box-shadow: 0 2px 12px #14142b14;
}
.link-content-2 {
color: #6e7191;
text-decoration: none;
}
.link-wrapper-3 {
color: #211f54;
transition: none;
display: inline-block;
}
.link-wrapper-3:hover, .link-wrapper-3.color-primary {
color: #4a3aff;
}
.link-wrapper-3.color-primary:hover {
color: #211f54;
}
.mg-bottom-40px-2 {
margin-bottom: 40px;
}
.heading-477 {
font-family: Poppins, sans-serif;
font-size: 3em;
}
.brix---flex-vertical-center {
flex-direction: column;
align-items: center;
display: flex;
}
.brix---paragraph-default {
margin-bottom: 0;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 18px;
line-height: 30px;
}
.brix---divider-64px {
background-color: #dcddeb;
height: 1px;
margin-top: 64px;
margin-bottom: 64px;
}
.brix---square-icon-64px {
border-radius: 16px;
max-width: 64px;
}
.brix---subtitle {
color: #4a3aff;
letter-spacing: .15em;
text-transform: uppercase;
margin-bottom: 8px;
font-size: 18px;
font-weight: 700;
line-height: 20px;
}
.brix---pricing-content-v9 {
justify-content: space-between;
padding: 40px;
display: flex;
}
.brix---text-300-medium {
font-size: 20px;
font-weight: 500;
line-height: 22px;
}
.brix---mg-right-8px {
margin-right: 8px;
}
.brix---mg-bottom-12px {
margin-bottom: 12px;
}
.brix---display-3 {
margin-top: 0;
margin-bottom: 0;
font-size: 44px;
font-weight: 700;
line-height: 52px;
}
.brix---grid-2-columns---pricing-v9 {
grid-column-gap: 80px;
grid-row-gap: 28px;
grid-template-rows: auto;
grid-template-columns: .75fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
display: grid;
}
.brix---grid-1-column-gap-row-16px {
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.brix---mg-bottom-0 {
margin-bottom: 0;
}
.brix---mg-bottom-16px {
margin-bottom: 16px;
}
.brix---card-pricing-popular {
background-color: #4a3aff;
border: 1px solid #eff0f6;
border-radius: 24px;
position: relative;
box-shadow: 0 2px 7px #14142b0f;
}
.brix---text-center {
text-align: center;
}
.brix---btn-primary-small-white {
color: #4a3aff;
text-align: center;
transform-style: preserve-3d;
background-color: #fff;
border-radius: 48px;
justify-content: center;
padding: 18px 24px;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 16px;
font-weight: 700;
line-height: 18px;
text-decoration: none;
transition: background-color .3s, transform .3s, color .3s;
}
.brix---btn-primary-small-white:hover {
color: #4a3aff;
background-color: #f2f1ff;
transform: translate3d(0, -3px, .01px);
}
.brix---color-neutral-100 {
color: #fff;
}
.brix---color-neutral-800 {
color: #211f54;
}
.brix---display-4 {
font-size: 28px;
font-weight: 700;
line-height: 40px;
}
.brix---pricing-v9-icon-wrapper {
margin-right: 16px;
}
.brix---heading-h1-size {
margin-top: 0;
margin-bottom: 16px;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 54px;
font-weight: 700;
line-height: 66px;
}
.brix---flex-horizontal-pricing-v9 {
align-items: flex-start;
max-width: 360px;
display: flex;
}
.brix---btn-primary-small {
color: #fff;
text-align: center;
transform-style: preserve-3d;
background-color: #4a3aff;
border-radius: 48px;
justify-content: center;
padding: 18px 24px;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 16px;
font-weight: 700;
line-height: 18px;
text-decoration: none;
transition: background-color .3s, transform .3s, color .3s;
}
.brix---btn-primary-small:hover {
color: #fff;
background-color: #281ca5;
transform: translate3d(0, -3px, .01px);
}
.brix---grid-logo-strip-pricing-v9 {
grid-column-gap: 48px;
grid-row-gap: 64px;
grid-template-rows: auto;
grid-template-columns: auto auto auto;
grid-auto-columns: 1fr;
justify-content: end;
justify-items: start;
display: grid;
}
.brix---card {
background-color: #fff;
border: 1px solid #eff0f6;
border-radius: 24px;
box-shadow: 0 2px 7px #14142b0f;
}
.section-145 {
padding-top: 176px;
padding-bottom: 176px;
}
.brix---color-neutral-600 {
color: #6e7191;
}
.cta-section-2 {
background-color: var(--white);
padding-top: 160px;
padding-bottom: 160px;
position: relative;
overflow: hidden;
}
.color-neutral-805 {
color: #eff0f6;
}
.card-7 {
background-color: #fff;
border: 1px solid #eff0f6;
border-radius: 24px;
box-shadow: 0 2px 7px #14142b0f;
}
.card-7.form {
min-height: 620px;
margin-bottom: 0;
padding: 72px 40px;
}
.success-message-13 {
color: #4a3aff;
background-color: #f7f6ff;
border-radius: 24px;
padding: 28px 28px 32px;
}
.icon-list-item-wrapper {
align-items: center;
display: flex;
}
.color-neutral-806 {
color: #fff;
}
.color-neutral-806.mg-bottom-32px {
font-size: 2em;
}
.text-301 {
line-height: 20px;
}
.text-301.bold {
font-weight: 700;
}
.text-301.bold.color-neutral-100 {
font-size: 1em;
}
.icon-list {
margin-right: 16px;
}
.container-default-7 {
max-width: 1218px;
margin-left: auto;
margin-right: auto;
padding-left: 24px;
padding-right: 24px;
}
.container-default-7.z-index-1 {
z-index: 1;
position: relative;
}
.input-4 {
background-color: #fff;
border: 1px solid #eff0f6;
border-radius: 100px;
min-height: 70px;
margin-bottom: 0;
padding: 16px 24px;
font-size: 18px;
line-height: 20px;
transition: box-shadow .3s, color .3s, border-color .3s;
box-shadow: 0 2px 7px #14142b14;
}
.input-4:hover {
border-color: #4a3aff;
box-shadow: 0 2px 12px #14142b1a;
}
.input-4:focus {
color: #211f54;
border-color: #4a3aff;
}
.input-4::placeholder {
color: #6e7191;
font-size: 18px;
}
.showcase_component {
grid-column-gap: 0rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
display: grid;
}
.header_image-wrapper {
height: 100%;
position: relative;
}
.text-weight-semibold-3 {
font-weight: 500;
}
.showcase_content-right {
grid-column-gap: 1rem;
align-items: center;
height: 100vh;
padding-top: 4rem;
padding-bottom: 4rem;
display: flex;
overflow: hidden;
}
.icon-1x1-xsmall {
width: 1.5rem;
height: 1.5rem;
}
.steps_image {
object-fit: cover;
height: 20rem;
}
.padding-global {
padding-left: 5%;
padding-right: 5%;
}
.testimonial_content {
background-color: #fcf3d7;
border-radius: 5px;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
width: 100%;
margin-bottom: 2rem;
padding: 2rem;
display: inline-block;
box-shadow: 7px 7px 0 1px #010d3c;
}
.cancel-label {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/6416431df8e2ad837ed3da83_cancel-anytime.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
position: absolute;
inset: -26% 0% auto auto;
}
.section_pricing-2 {
background-color: #fff;
position: relative;
}
.cta_logo-row {
grid-column-gap: 2rem;
grid-row-gap: 1.5rem;
flex-wrap: wrap;
justify-content: center;
align-items: center;
padding-top: .5rem;
padding-bottom: .5rem;
display: flex;
}
.background-video-25 {
z-index: 1;
width: 30rem;
position: absolute;
inset: 10% 0% 0%;
}
.heading-style-h6 {
font-size: 1.25rem;
font-weight: 600;
line-height: 1.4;
}
.underlined-heading {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/6416431df8e2ad2f0fd3da69_under-line.svg");
background-position: 50% 83%;
background-repeat: no-repeat;
background-size: auto;
}
.heading-style-h5 {
font-size: 1.5rem;
font-weight: 700;
line-height: 1.4;
}
.services-tablet_content-item {
background-color: #fff;
position: sticky;
}
.services-tablet_content-item.content-item-3 {
margin-bottom: 4rem;
top: 8rem;
}
.services-tablet_content-item.first-content-item {
margin-bottom: 8rem;
top: 0;
}
.services-tablet_content-item.content-item-2 {
border-top-style: none;
margin-top: -4rem;
margin-bottom: 4rem;
top: 4rem;
}
.twitter-link-2 {
color: #010d3c;
}
.how-it-works_timeline {
z-index: -3;
}
.text-inline {
display: inline;
}
.logo_logo {
max-height: 3.5rem;
}
.showcase_image-list {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-rows: auto;
grid-template-columns: auto;
grid-auto-columns: auto;
grid-auto-flow: column;
width: 100%;
display: grid;
}
.services-tablet_component {
position: sticky;
top: 0%;
}
.testimonial_rating-wrapper-2 {
margin-bottom: 1.5rem;
display: flex;
}
.blog_heading-wrapper {
grid-column-gap: 5rem;
grid-row-gap: 1rem;
grid-template-rows: auto;
grid-template-columns: 1fr max-content;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: end;
display: grid;
}
.services_circle-black-logo {
max-width: 10rem;
position: absolute;
inset: 23% auto auto 7%;
}
.section_services-tablet.hide-desktop {
display: none;
}
.logo_logo-list {
grid-column-gap: 3rem;
grid-row-gap: 1rem;
flex-wrap: wrap;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-end;
align-items: center;
display: grid;
}
.header_talents-image-wrapper {
margin-left: 2rem;
position: relative;
}
.blog_item-link {
flex-direction: column;
justify-content: flex-start;
height: 100%;
text-decoration: none;
display: flex;
}
.services_link-text {
font-size: 3rem;
font-weight: 700;
line-height: 1.2;
}
.services_link-text.is-coming-soon {
text-decoration: line-through;
}
.blog_slide {
padding-right: 2rem;
}
.pricing_most-popular-plan-header {
background-color: #f4c939;
border-radius: 5px 5px 0 0;
justify-content: center;
padding-top: .75rem;
padding-bottom: .75rem;
display: flex;
position: absolute;
inset: -2.7rem 0% auto;
}
.logo_content-left {
max-width: 20rem;
}
.padding-section-small {
padding-top: 3rem;
padding-bottom: 3rem;
}
.pricing_plan {
border: 2px solid #1f1f30;
border-radius: 5px;
padding: 2rem;
}
.pricing_plan.is-most-popluar {
border-style: none;
margin-top: -2rem;
margin-bottom: -2rem;
position: relative;
box-shadow: inset 1px 1px 0 7px #f4c939;
}
.how-it-works_image-wrapper {
overflow: hidden;
}
.section_header.background-color-blue {
background-image: linear-gradient(#fff0 30%, #1f1f30);
}
.services-tablet_anchor {
height: 0;
position: relative;
top: -8rem;
}
.how-it-works_heading {
background-color: #fff;
}
.button-53 {
color: #fcf3d7;
text-align: center;
background-color: #1f1f30;
border-radius: 4px;
padding: .75rem 1.5rem;
font-weight: 500;
transition: all .25s;
box-shadow: 2px 3px 0 2px #fcf3d7;
}
.button-53:hover {
box-shadow: 0 0 #fcf3d7;
}
.button-53.is-alternate {
color: #000;
background-color: #fcf3d7;
border: 2px solid #010d3c;
box-shadow: 2px 3px 0 2px #010d3c;
}
.button-53.is-alternate:hover {
box-shadow: 0 0 #010d3c;
}
.button-53.is-yellow {
color: #010d3c;
background-color: #f4c939;
}
.button-53.max-width-full {
width: 100%;
max-width: none;
}
.button-53.is-link {
color: #1f1f30;
background-color: #0000;
border-style: none;
padding: .25rem 0;
line-height: 1;
text-decoration: none;
}
.button-53.is-link.is-icon {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
box-shadow: none;
}
.button-53.is-link.is-icon.text-color-white {
color: #fcf3d7;
}
.services_link-image {
width: 75%;
max-width: 35rem;
}
.section_testimonial {
background-color: #f4c939;
background-image: linear-gradient(#fff, #f4c939 59%);
}
.pricing_feature-list {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
padding-top: .5rem;
padding-bottom: .5rem;
display: grid;
}
.heading-style-h2 {
font-size: 3rem;
font-weight: 700;
line-height: 1.2;
}
.how-it-works_centre {
justify-content: center;
align-items: stretch;
display: flex;
}
.showcase_images-layout {
grid-row-gap: 1rem;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.section_logo.background-color-black {
color: #f4c939;
}
.blog_heading {
flex: 1;
}
.blog_item-content {
flex-direction: column;
flex: 1;
justify-content: space-between;
padding: 1.5rem;
display: flex;
}
.services-tablet_image {
object-fit: cover;
width: 100%;
height: 60vh;
}
.logo_component {
grid-column-gap: 4rem;
grid-row-gap: 1rem;
grid-template-rows: auto;
grid-template-columns: max-content 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: center;
display: grid;
}
.text-style-subheading {
font-size: 2rem;
font-weight: 300;
}
.blog_image {
object-fit: cover;
border-radius: 10px;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.text-color-blue {
color: #010d3c;
}
.services_link-image-wrapper {
z-index: 1;
justify-content: center;
align-items: center;
width: 50%;
height: 100vh;
margin-left: 50%;
display: none;
position: fixed;
inset: 0%;
}
.services_link-image-wrapper.clickable-off {
display: none;
}
.services_link-text-small {
white-space: nowrap;
margin-right: 2rem;
font-size: 1.5rem;
font-weight: 700;
line-height: 1.4;
}
.services-tablet_content-layout {
grid-column-gap: 5rem;
grid-row-gap: 4rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
display: grid;
}
.pricing_divider {
background-color: #000;
width: 100%;
height: 1px;
margin-top: 2rem;
margin-bottom: 2rem;
}
.blog_slide-nav {
height: 1.75rem;
font-size: .5rem;
inset: auto auto 0% 0%;
}
.testimonial_customer-image {
object-fit: cover;
border-radius: 100%;
width: 3rem;
min-width: 3rem;
height: 3rem;
min-height: 3rem;
}
.button-group-2 {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-wrap: wrap;
align-items: center;
display: flex;
}
.button-group-2.is-center {
justify-content: center;
}
.text-align-center-5 {
text-align: center;
}
.padding-section-large-2 {
padding-top: 7rem;
padding-bottom: 7rem;
}
.container-small-5 {
width: 100%;
max-width: 48rem;
margin-left: auto;
margin-right: auto;
}
.testimonial_client {
text-align: left;
align-items: center;
display: flex;
}
.blog_image-wrapper {
width: 100%;
padding-top: 66%;
position: relative;
overflow: hidden;
}
.how-it-works_progress {
z-index: -2;
background-color: #f4c939;
width: 3px;
height: 100%;
position: absolute;
}
.how-it-works_progress-bar {
z-index: -1;
background-color: #010d3c;
width: 3px;
height: 50vh;
position: fixed;
top: 0;
bottom: 50vh;
}
.services_link-block {
border-bottom-style: solid;
border-bottom-width: 2px;
justify-content: flex-start;
align-items: center;
padding-top: 1.5rem;
padding-bottom: 1.5rem;
transition: all .3s;
display: flex;
position: relative;
}
.showcase_image-list-bottom {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
display: grid;
}
.margin-right, .margin-right.margin-small {
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
}
.services-tablet_image-wrapper {
position: relative;
}
.showcase_content-left {
max-width: 40rem;
margin-left: 5vw;
margin-right: 5rem;
}
.how-it-works_date-text {
text-align: right;
}
.pricing_component {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
position: relative;
}
.section_how-it-works {
z-index: -3;
position: relative;
}
.testimonial_component {
column-count: 3;
column-gap: 2rem;
}
.header_flower-element {
z-index: 0;
position: absolute;
inset: 37% 16% auto auto;
}
.section_blog {
background-color: #fcf3d7;
overflow: hidden;
}
.statistics_item {
color: #fcf3d7;
text-align: center;
background-color: #1f1f30;
border: 4px solid #fcf3d7;
border-radius: 5px;
flex-direction: column;
align-items: center;
width: 100%;
padding: 1.5rem;
display: flex;
box-shadow: 3px 3px 0 2px #010d3c;
}
.showcase_image {
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
box-shadow: 1px 1px 7px #1f1f301a;
}
.services-tablet_sticky-top {
border-top: 2px solid #010d3c;
align-items: center;
width: 100%;
height: 4rem;
display: flex;
}
.blog_component {
background-color: #0000;
height: auto;
padding-bottom: 8rem;
position: relative;
}
.how-it-works_fade-overlay-top {
z-index: 1;
background-image: linear-gradient(#fff, #fff0);
width: 100%;
height: 6rem;
position: absolute;
inset: 0% 0% auto;
}
.slide_arrow {
background-color: #fff;
border: 1px solid #000;
border-radius: 100%;
justify-content: center;
align-items: center;
width: 3rem;
height: 3rem;
display: flex;
inset: auto 0% 0% auto;
}
.slide_arrow.left {
right: 4rem;
}
.blog_title-wrapper {
margin-bottom: .5rem;
}
.how-it-works_layout {
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
position: relative;
}
.pricing_icon-wrapper {
flex: none;
align-self: flex-start;
margin-right: 1rem;
}
.how-it-works_item {
z-index: 2;
grid-template-rows: auto;
grid-template-columns: 1fr 12rem 1fr;
grid-auto-columns: 1fr;
padding-top: 4rem;
padding-bottom: 4rem;
display: grid;
position: relative;
}
.icon-embed-xxsmall {
flex-direction: column;
justify-content: center;
align-items: center;
width: 1rem;
height: 1rem;
display: flex;
}
.blog_meta-wrapper {
align-items: center;
margin-bottom: 1rem;
display: flex;
}
.testimonial_rating-icon {
color: #010d3c;
flex-direction: column;
justify-content: center;
align-items: center;
width: 1.25rem;
height: 1.25rem;
margin-right: .25rem;
display: flex;
}
.heading-style-h4 {
font-size: 2rem;
font-weight: 700;
line-height: 1.3;
}
.heading-style-h1 {
font-size: 3.5rem;
font-weight: 700;
line-height: 1.2;
}
.section_services {
background-color: #fcf3d7;
}
.section_services.hide-tablet {
position: relative;
}
.section_statistics {
background-color: #1f1f30;
}
.section_showcase {
background-color: #fcf3d7;
}
.blog_button-wrapper {
margin-top: 1.5rem;
display: flex;
}
.statistics_component {
grid-column-gap: 3rem;
grid-row-gap: 4rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
place-items: start center;
display: grid;
}
.how-it-works_circle {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/6416431df8e2ad956dd3dace_DesignMonkeyLogoMark2%202.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
border-radius: 100%;
width: 4rem;
height: 4rem;
position: sticky;
top: 50vh;
box-shadow: 0 0 0 8px #fff;
}
.cta_logo {
max-width: 8rem;
max-height: 3.5rem;
}
.blog_button-row {
flex-wrap: wrap;
justify-content: flex-end;
align-items: center;
display: flex;
}
.blog_button-row.show-mobile-landscape {
display: none;
}
.logo_wrapper-2 {
justify-content: center;
align-items: flex-start;
display: flex;
}
.header_circle-logo {
max-width: 4rem;
position: absolute;
inset: 0% auto auto -14%;
}
.header_talents-image {
border-radius: 100%;
max-width: 8rem;
margin-left: -2rem;
transition: all .3s ease-in-out;
}
.header_sample-image {
border-radius: 20px;
position: absolute;
inset: 0% auto auto 0%;
}
.header_sample-image.is-second {
max-width: 20rem;
inset: auto -17% 7% auto;
}
.header_sample-image.is-third {
max-width: 25rem;
inset: auto auto -18% -31%;
}
.header_component {
grid-column-gap: 2rem;
grid-row-gap: 4rem;
grid-template-rows: auto;
grid-template-columns: 1.5fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
display: grid;
}
.services_component-3 {
grid-column-gap: 0rem;
grid-row-gap: 1rem;
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
}
.how-it-works_fade-overlay-bottom {
z-index: 1;
background-image: linear-gradient(to top, #fff, #fff0);
width: 100%;
height: 6rem;
position: absolute;
inset: auto 0% 0%;
}
.blog_item {
color: #fcf3d7;
background-color: #010d3c;
border: 4px solid #f4c939;
border-radius: 10px;
padding: 16px;
overflow: hidden;
}
.blog_mask {
width: 33.33%;
overflow: visible;
}
.padding-section-xlarge {
padding-top: 9rem;
padding-bottom: 9rem;
}
.showcase_image-list-top {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-self: center;
width: 100%;
margin-left: -8.5%;
display: grid;
}
.pricing_feature {
display: flex;
}
.showcase_image-wrapper {
width: 26rem;
padding-top: 75%;
position: relative;
}
.testimonial_client-image-wrapper {
margin-right: 1rem;
}
.button-primary-4 {
color: #000;
letter-spacing: -.8px;
background-color: #ffce31;
border-radius: 100px;
padding: 12px 32px;
font-size: 18px;
font-weight: 700;
line-height: 28px;
transition: background-color .3s ease-in-out;
}
.button-primary-4:hover {
color: #fff;
background-color: #000;
}
.button-primary-4:active {
color: #fff;
}
.text-field-10 {
background-color: #f5f5f5;
border: 1px solid #70707066;
border-radius: 40px;
height: auto;
margin-bottom: 0;
padding: 15px;
}
.features-img {
margin-top: 20px;
}
.small-text-3 {
font-size: 22px;
font-weight: 500;
}
.footer_nav-link {
text-align: right;
}
.header-img {
width: 100%;
}
._3-col-grid {
grid-column-gap: 49px;
flex: 1;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
max-width: 1280px;
margin-left: auto;
margin-right: auto;
}
._3-col-grid.pricing {
grid-row-gap: 45px;
margin-top: 80px;
}
.stats-number {
margin-bottom: 15px;
font-size: 70px;
font-weight: 700;
line-height: 80px;
}
.footer_wrapper-left {
flex-direction: column;
display: flex;
}
.footer_wrapper-right {
grid-column-gap: 30px;
grid-row-gap: 30px;
flex-direction: column;
display: flex;
}
.pricing-list-2 {
grid-column-gap: 15px;
grid-row-gap: 15px;
align-items: center;
display: flex;
}
.header-form {
grid-column-gap: 16px;
grid-row-gap: 16px;
justify-content: center;
align-items: stretch;
display: flex;
}
.stats-wrapper {
justify-content: space-between;
max-width: 1280px;
margin-top: 50px;
margin-left: auto;
margin-right: auto;
display: flex;
}
.container-1296 {
flex: 1;
align-self: stretch;
max-width: 1280px;
margin-left: auto;
margin-right: auto;
}
.container-1296.feature-top {
justify-content: space-between;
align-items: stretch;
display: flex;
}
.container-1296.header {
grid-column-gap: 50px;
grid-row-gap: 50px;
justify-content: space-between;
margin-top: 100px;
display: flex;
}
.container-1296.pricing-top {
text-align: center;
}
.container-1296.stats-top {
text-align: center;
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
}
.stats-details {
text-align: center;
}
.max-width-medium-3 {
max-width: 500px;
}
.header-c-text {
font-size: 20px;
line-height: 26px;
}
.stats-tittle {
font-size: 22px;
line-height: 36px;
}
.check-icon {
color: #ffce31;
background-color: #000;
border-radius: 100px;
width: 32px;
padding: 4px;
}
._2-col-grid-5 {
grid-column-gap: 50px;
flex: 1;
grid-template-rows: auto;
align-self: stretch;
max-width: 1280px;
min-height: auto;
margin-left: auto;
margin-right: auto;
}
._2-col-grid-5.features {
margin-top: 80px;
}
.header-c-right {
grid-column-gap: 60px;
grid-row-gap: 60px;
align-items: center;
display: flex;
}
.pricing-list-wrapper {
grid-column-gap: 14px;
grid-row-gap: 14px;
flex-direction: column;
display: flex;
}
.header-c-left {
grid-column-gap: 10px;
grid-row-gap: 10px;
align-items: center;
display: flex;
}
.pricing-card-top {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-direction: column;
display: flex;
}
.footer-copyright-wrapper {
text-align: center;
border-top: 1px solid #a8a8a8;
margin-top: 40px;
padding-top: 30px;
}
.footer_wrapper {
grid-column-gap: 100px;
grid-row-gap: 100px;
justify-content: space-between;
max-width: 1280px;
max-height: none;
margin-left: auto;
margin-right: auto;
display: flex;
}
.learnling-logo {
font-size: 30px;
font-weight: 800;
line-height: 30px;
}
.bold-tittle {
font-weight: 700;
}
.light-tittle {
font-size: 16px;
}
.stats-img {
width: 100%;
max-width: 1280px;
margin-top: 80px;
margin-left: auto;
margin-right: auto;
display: block;
}
.bold-tittle-big {
font-size: 45px;
font-weight: 700;
line-height: 55px;
}
.container-1297 {
width: 100%;
max-width: 70em;
margin-left: auto;
margin-right: auto;
padding: 2em;
}
.container-1297.is-home-product {
padding: 4em;
}
.button2 {
z-index: 4;
color: #000;
text-align: center;
white-space: nowrap;
background-image: linear-gradient(45deg, #c29cff, #f2665f);
border-radius: .6em;
flex: none;
padding: .8em 2em;
font-weight: 700;
line-height: 1;
position: relative;
}
.button2:hover {
color: #fff;
background-color: #000;
background-image: none;
}
.button2.is-1 {
opacity: 0;
}
.home-product_item3-height {
width: 100%;
padding-top: 80%;
}
.home-product_component {
background-color: #fff0;
padding-top: 0;
padding-bottom: 0;
}
.home-product_item2 {
background-color: #fff;
border-radius: 1em;
width: 44%;
margin-right: 20%;
position: absolute;
inset: auto 0% 0% auto;
box-shadow: 5px 5px 40px #00000057;
}
.home-product_item2.is-1 {
transform: scale(1.3)rotate(9deg);
}
.home-product_item2.is-alt {
margin-top: 13%;
margin-right: 30%;
}
.home-product_item5-height {
padding-top: 121%;
}
.home-product_visual {
z-index: 2;
width: 100%;
max-width: 31em;
position: relative;
}
.spacer-32 {
padding-bottom: 2em;
}
.text-size-h2 {
letter-spacing: -.04em;
font-family: Poppins, sans-serif;
font-size: 3.2em;
font-weight: 600;
line-height: 1.05;
}
.home-product_item2-button-wrap {
flex-direction: column;
justify-content: flex-start;
align-items: center;
padding: 0 .8em 1em;
display: flex;
}
.button2_text {
font-size: .8em;
}
.home-product_item2-img-height {
width: 100%;
padding-top: 66%;
position: relative;
}
.home-product_item2-img-height.is-alt {
padding-top: 125%;
}
.home-product_content {
z-index: 1;
width: 100%;
max-width: 31em;
position: relative;
}
.home-product_item5 {
z-index: 3;
background-color: #fff;
border-radius: 10%;
width: 31%;
margin-left: 0%;
position: absolute;
inset: auto auto 0% 0%;
box-shadow: 5px 5px 40px #00000030;
}
.home-product_layout {
grid-column-gap: 2em;
grid-row-gap: 4em;
justify-content: space-between;
align-items: flex-start;
display: flex;
}
.home-product_layout.is-alt {
flex-direction: row-reverse;
align-items: center;
}
.home-product_item3-img {
position: absolute;
inset: 0% 0% auto;
}
.spacer-24 {
padding-bottom: 1.5em;
}
.home-product_item3 {
z-index: 3;
background-color: #fff;
border-radius: 10%;
width: 43%;
position: absolute;
inset: 0% 0% auto auto;
box-shadow: 1px 1px 30px #0003;
}
.button-54 {
color: #000;
text-align: center;
white-space: nowrap;
background-color: #fecc2f;
border-radius: 100vw;
flex: none;
padding: .9em 1.9em;
font-family: Poppins, sans-serif;
font-size: 1em;
font-weight: 600;
line-height: 1;
}
.button-54:hover {
color: #fff;
background-color: #000;
}
.button-54._1 {
margin-bottom: 0;
}
.home-product_item2-img {
opacity: 1;
border-radius: 9px;
width: 100%;
position: absolute;
inset: 0% 0% auto;
}
.home-product_item1-height {
width: 100%;
padding-top: 61%;
position: absolute;
inset: 0% 0% auto;
}
.home-product_item1 {
border-radius: 20px;
width: 100%;
position: absolute;
inset: 0% 0% auto;
}
.home-product_item5-img {
position: absolute;
inset: 0% 0% auto;
}
.home-product_visual-height {
flex-direction: column;
justify-content: flex-start;
align-items: flex-end;
width: 100%;
padding-top: 88.24%;
display: flex;
position: relative;
}
.paragraph-137 {
margin-bottom: auto;
font-family: Poppins, sans-serif;
font-size: 1.3em;
}
.paragraph-138 {
margin-bottom: auto;
font-size: 1.3em;
}
.heading-478 {
padding-bottom: 20px;
font-family: Poppins, sans-serif;
font-size: 3em;
}
.nav-overlay {
background-color: #fff8f600;
height: 0%;
display: none;
position: fixed;
inset: 0%;
}
.nav-hamburger {
display: none;
}
.nav-cta {
color: #fff;
text-transform: uppercase;
background-color: #f24e1e;
border-radius: 20px;
padding: .5rem 1rem;
font-size: .8rem;
text-decoration: none;
display: flex;
}
.nav-links_wrap {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
display: flex;
}
.nav-btn {
color: #fff;
text-transform: uppercase;
background-color: #f24e1e;
border-radius: 20px;
padding: .5rem 1rem;
font-size: .8rem;
text-decoration: none;
display: none;
}
.nav_link-3 {
color: #fff;
text-transform: uppercase;
font-size: 1rem;
text-decoration: none;
}
.nav-6 {
z-index: 9999;
justify-content: space-between;
align-items: center;
width: 100%;
height: 4rem;
padding-left: 3rem;
padding-right: 3rem;
display: flex;
position: fixed;
inset: 0% 0% auto;
}
.hero-section-8 {
justify-content: space-around;
align-items: flex-end;
width: 100%;
height: 100vh;
display: flex;
position: relative;
}
.img-parent {
width: 100%;
height: 100%;
}
.img-parent.hero {
position: absolute;
overflow: hidden;
}
.image-487 {
width: 100%;
}
.hero-title-3 {
z-index: 99;
align-items: flex-end;
padding-bottom: 9rem;
display: flex;
position: relative;
}
.slider-section {
z-index: 99;
background-color: #fff;
height: 100vh;
margin-top: 0;
padding: 3rem;
position: relative;
}
.slider-container {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/6430653287879427cb4a5371_all-new-red.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
height: 90vh;
}
.nav-7 {
z-index: 1000;
width: 100%;
position: fixed;
inset: 0% 0% auto;
}
.nav-7._1 {
display: none;
}
.bg-color-2 {
background-color: #2d2f2d;
margin-top: 0;
transition: background-color .2s;
position: absolute;
inset: 0%;
}
.bg-color-2.is-nav {
background-color: #1d1d1d;
border-bottom: 1px solid #fbfbfb1a;
}
.container-1298 {
z-index: 2;
width: 100%;
max-width: 100em;
margin-left: auto;
margin-right: auto;
padding: 4em;
position: relative;
}
.container-1298.is-nav {
justify-content: space-between;
align-items: center;
padding-top: .88rem;
padding-bottom: .88rem;
display: flex;
}
.logo-7 {
margin-bottom: 0;
}
.logo_img-2 {
width: 9em;
}
.container_1200 {
width: 100%;
max-width: 1200px;
min-height: 30px;
margin-left: auto;
margin-right: auto;
padding-left: 40px;
padding-right: 40px;
position: relative;
}
.section-146 {
border: 1px #000;
padding-top: 20px;
padding-bottom: 60px;
font-weight: 300;
text-decoration: none;
}
.header-8 {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-direction: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-around;
align-items: center;
min-height: 70vh;
display: flex;
}
.background-video-26 {
z-index: -2;
width: 100%;
height: auto;
position: absolute;
inset: 0%;
}
.title-7 {
color: #7628db;
letter-spacing: -10px;
cursor: default;
margin-bottom: 30px;
margin-left: -10px;
font-size: 8em;
font-style: normal;
font-weight: 900;
line-height: .8;
}
.head_name {
z-index: 5;
width: 100%;
max-width: 600px;
margin-left: -20px;
position: relative;
}
.heading-479 {
direction: ltr;
color: #fff;
white-space: normal;
max-width: 36ch;
font-size: 2em;
}
.home-link {
color: #fecc2f;
text-decoration: none;
}
.overlay-2 {
background-color: #39015f54;
background-image: linear-gradient(#000000c2, #151315 81%);
position: absolute;
inset: 0%;
}
.portafolio-text-item {
font-size: 24px;
text-decoration: none;
}
.grid-22 {
grid-column-gap: 30px;
grid-row-gap: 30px;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr 1fr;
}
.heading-480 {
color: #726a7c;
margin-bottom: 10px;
font-size: 22px;
font-weight: 300;
}
.heading-480.nomargin {
margin-top: 0;
margin-bottom: 0;
}
.portfolio-link {
opacity: 0;
cursor: zoom-in;
background-color: #000;
justify-content: center;
align-items: center;
width: 100%;
height: auto;
margin-bottom: -21px;
text-decoration: none;
transition: opacity .2s ease-in-out;
display: flex;
position: absolute;
inset: 0%;
}
.portfolio-link:hover {
opacity: 1;
background-color: #0000001f;
background-image: linear-gradient(#000000a1, #000000a1);
}
.link-block-25 {
grid-column-gap: 30px;
background-color: #261f29;
border-radius: 15px;
justify-content: center;
align-items: center;
width: 100%;
min-height: 90px;
padding: 15px 40px;
text-decoration: none;
display: flex;
}
.image-488 {
position: static;
inset: 0%;
}
.item-portfolio {
border-radius: 30px;
position: relative;
overflow: hidden;
}
.item-portfolio.scroll {
border-radius: 20px;
}
.header-item {
padding-top: 40px;
padding-bottom: 60px;
}
.column-69 {
padding-right: 40px;
}
.heading-481 {
letter-spacing: -3px;
text-transform: uppercase;
font-size: 42px;
font-weight: 900;
text-decoration: none;
}
.paragraph_04 {
font-size: 16px;
line-height: 1.6;
}
.skills {
font-size: 18px;
font-weight: 300;
line-height: 35px;
}
.round {
border-radius: 20px;
width: 198.5em;
}
.splide__list-2 {
padding-left: 0;
list-style-type: none;
}
.page-section {
grid-column-gap: 30px;
grid-row-gap: 30px;
justify-content: space-between;
align-items: center;
padding-top: 60px;
padding-bottom: 60px;
display: flex;
}
.splide__slide-2 {
float: left;
border-radius: 20px;
width: auto;
list-style-type: none;
display: inline-block;
position: relative;
overflow: hidden;
}
.splide__slide-2.large {
width: 100%;
display: block;
}
.nav_footer {
grid-column-gap: 30px;
grid-row-gap: 30px;
display: flex;
}
.slider_image-2 {
height: auto;
max-height: 400px;
}
.paragraph-139 {
text-align: center;
flex: 0 auto;
padding: 40px 60px;
font-size: 18px;
line-height: 1.5;
}
.portfolio-link-2 {
opacity: 0;
cursor: zoom-in;
background-color: #000;
justify-content: center;
align-items: center;
width: 100%;
height: auto;
text-decoration: none;
transition: opacity .2s ease-in-out;
display: flex;
position: absolute;
inset: 0%;
}
.portfolio-link-2:hover {
opacity: 1;
background-color: #0000001f;
background-image: linear-gradient(#000000a1, #000000a1);
}
.hero-portfolio {
border-radius: 20px;
margin-bottom: 60px;
}
.curve-ornament {
z-index: 3;
width: auto;
position: absolute;
inset: -60px -30px auto auto;
}
.lightbox-link-15 {
border-radius: 30px;
}
.counting__text {
color: #e4e3e3;
}
.raise-engagement__content {
flex-direction: column;
align-items: flex-start;
padding: 5.4375rem 7.8125rem;
display: flex;
}
.raise-engagement__form {
width: 100%;
max-width: 30.0625rem;
margin-bottom: 0;
}
.digital-service__icon {
width: 4.0625rem;
height: 4.0625rem;
margin-bottom: 1.75rem;
}
.digital-service__icon.background-color-teal {
justify-content: center;
align-items: center;
display: flex;
}
.brand-success__img {
object-fit: cover;
height: 100%;
max-height: 32.75rem;
}
.nav-icon {
width: 1.5625rem;
}
.nav-icon.text-color-white {
margin-top: 10px;
}
.about-us_information {
width: 100%;
max-width: 26.625rem;
}
.about-us_content, .digital-service__content {
justify-content: space-between;
align-items: center;
display: flex;
}
.brand-success__image {
width: 100%;
max-width: 28.25rem;
}
.about-us__item {
grid-column-gap: 11px;
align-items: center;
display: flex;
}
.counting__card {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
}
.pt-105 {
padding-top: 6.5625rem;
}
.customer-say__item-inner {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
max-width: 50.375rem;
margin-left: auto;
margin-right: auto;
display: flex;
}
.customer-say__slider {
position: relative;
}
.pt-74 {
padding-top: 4.625rem;
}
.page__inner {
flex: 1;
}
.nav-slider {
cursor: pointer;
justify-content: center;
align-items: center;
width: 4.375rem;
height: 4.375rem;
display: flex;
position: absolute;
inset: 50% auto auto 0%;
}
.nav-slider:hover {
opacity: .75;
}
.nav-slider.nav-left {
inset: 25% auto 0% 0%;
}
.nav-slider.nav-left.background-color-orange {
z-index: 10;
}
.nav-slider.nav-right {
top: 25%;
left: auto;
right: 0;
}
.nav-slider.nav-right.background-color-orange {
z-index: 10;
top: 25%;
}
.digital-service__list {
padding: 4.375rem 4.1875rem;
}
.digital-service__list.background-color-green {
grid-column-gap: 3.5625rem;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.hero__content-3 {
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
}
.pt-150 {
padding-top: 9.375rem;
}
.customer-say__image {
border-radius: 50%;
width: 3.5625rem;
height: 3.5625rem;
margin-bottom: 1rem;
overflow: hidden;
}
.service__card-text {
line-height: 1.75;
}
.recent-project__list {
grid-column-gap: 1.875rem;
grid-row-gap: 1.875rem;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
display: grid;
}
.counting__line {
background-color: #6d6a6a;
width: 2px;
height: 8.875rem;
}
.brand-success__copy {
width: 100%;
max-width: 37.6875rem;
}
.client-count__card {
font-weight: 600;
}
.client-count__card.is-last {
margin-left: 5.125rem;
}
.heading-display {
font-family: Poppins, sans-serif;
font-size: 6rem;
font-weight: 600;
line-height: 1.21;
}
.heading-display.text-color-black.text-align-center.mb-30 {
font-size: 5rem;
}
.hero__img, .customer-say__img {
object-fit: cover;
width: 100%;
height: 100%;
}
.text-size-24 {
font-size: 1.5rem;
line-height: 1.4;
}
.pb-167 {
padding-bottom: 10.4375rem;
}
.recent-project__img {
object-fit: cover;
width: 100%;
height: 100%;
}
.html-embed-8 {
width: 2.8125rem;
height: 2.8125rem;
}
.about-us_image {
max-width: 42.375rem;
margin-bottom: 0;
}
.raise-engagement__title {
width: 100%;
max-width: 38.9375rem;
margin-bottom: 1.25rem;
}
.about-us__item-icon.text-color-green {
width: 2rem;
height: 2rem;
}
.hero__overlap {
width: 100%;
min-height: 26.375rem;
margin-top: -22.8rem;
}
.client-counts {
display: flex;
}
.form-field {
color: #1c3f3a;
background-color: #0000;
border: 1px solid #94a89a;
border-radius: 0;
height: 61px;
margin-bottom: 0;
padding: 0 2rem 0 1rem;
font-size: 1.125rem;
line-height: 1.67;
}
.form-field:focus {
border-color: #1c3f3a;
}
.customer-say__content {
flex-direction: column;
display: block;
position: relative;
overflow: hidden;
}
.brand-success__list {
grid-column-gap: 1.3125rem;
grid-row-gap: 16px;
flex-direction: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: flex-start;
display: flex;
}
.button__hover {
background-color: #56807e;
width: 100%;
padding-top: 100%;
position: absolute;
inset: 0 auto 0% 0;
transform: translate(0, -100%);
}
.counting__content {
justify-content: space-around;
align-items: center;
display: flex;
}
.button__text {
z-index: 2;
position: relative;
}
.container-1299 {
width: 100%;
max-width: 73.125rem;
margin-left: auto;
margin-right: auto;
}
.before-container {
z-index: 2;
padding-left: 2.5rem;
padding-right: 2.5rem;
position: relative;
overflow: hidden;
}
.pb-58 {
padding-bottom: 3.625rem;
}
.hero__link-line {
background-color: #1c3f3a;
width: 100%;
height: 2px;
position: absolute;
bottom: 0;
left: 0;
transform: translate(-100%);
}
.service__card {
border: 1px solid #d4cfcf;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 2.6875rem 1.875rem 2rem;
display: flex;
}
.service__card:hover {
box-shadow: 0 20px 20px #00000017;
}
.pt-176 {
padding-top: 11rem;
}
.raise-engagement__text {
width: 100%;
max-width: 27.625rem;
}
.hero__text {
width: 100%;
max-width: 41.875rem;
margin-bottom: 1.75rem;
font-size: 1.25rem;
}
.hero__text.text-align-center {
font-weight: 300;
}
.counting__number {
font-family: Poppins, sans-serif;
font-weight: 600;
}
.recent-project__content {
flex-direction: column;
align-items: flex-start;
display: flex;
}
.hero__link-icon {
width: 2.125rem;
}
.service__card-title {
margin-top: 0;
margin-bottom: .4375rem;
font-family: Poppins, sans-serif;
}
.digital-service__item {
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
}
.pt-115 {
padding-top: 7.1875rem;
}
.brand-success__content {
justify-content: space-between;
align-items: center;
display: flex;
}
.client-count__text {
padding-top: .125rem;
font-weight: 400;
}
.mt-54 {
margin-top: 3.375rem;
}
.text-size-18 {
font-size: 1.125rem;
line-height: 1.67;
}
.digital-service__svg {
color: #fff;
width: 2.1875rem;
height: 2.1875rem;
}
.brand-success__item {
grid-column-gap: .75rem;
justify-content: flex-start;
align-items: center;
display: flex;
}
.brand-success__icon {
width: 2rem;
height: 2rem;
}
.raise-engagement__foot {
justify-content: space-between;
align-items: center;
width: 100%;
margin-top: 4.1875rem;
display: flex;
}
.recent-project__text {
width: 100%;
max-width: 35.25rem;
}
.service__card-icon {
border-radius: 50%;
justify-content: center;
align-items: center;
width: 6.3125rem;
height: 6.3125rem;
margin-bottom: 1.3125rem;
display: flex;
}
.services__list {
grid-column-gap: 1.875rem;
grid-row-gap: 1.875rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.hero__link {
grid-column-gap: .375rem;
grid-row-gap: .375rem;
color: #1c3f3a;
margin-bottom: 5.5rem;
font-size: 1.875rem;
font-weight: 600;
line-height: 1.33;
display: flex;
position: relative;
overflow: hidden;
}
.hero__link:hover {
color: #3b534e;
}
.about-us_img {
object-fit: contain;
max-height: 32.0625rem;
}
.button-55 {
color: #fff;
background-color: #1c3f3a;
align-items: center;
height: 3.625rem;
padding: 0 1.5rem;
font-size: 1.125rem;
font-weight: 600;
line-height: 1.67;
position: relative;
overflow: hidden;
}
.button-55.raise-engagement__form-button {
min-width: 11.25rem;
height: 61px;
}
.button-55.raise-engagement__form-button:hover {
background-color: #56807e;
}
.button-55.button-large {
padding-left: 2.375rem;
padding-right: 2.375rem;
}
.raise-engagement__form-inner {
display: flex;
}
.customer-say__item {
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
}
.customer-say__item.swiper-slide {
display: block;
}
.recent-project__item:hover {
box-shadow: 0 20px 20px #00000017;
}
.about-us__list {
grid-column-gap: 1rem;
grid-row-gap: 1.5rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.button__icon {
z-index: 2;
width: .9375rem;
margin-left: .25rem;
position: relative;
}
.brand-success__line {
background-color: #e6e3e3;
width: 100%;
height: 1px;
}
.heading-section {
color: #101010;
font-family: Poppins, sans-serif;
font-size: 3rem;
font-weight: 600;
line-height: 1.21;
}
.heading-section.digital-service__heading {
max-width: 32.5rem;
}
.s-scroll {
flex-direction: column;
justify-content: center;
align-items: center;
height: 100vh;
display: flex;
position: relative;
overflow: hidden;
}
.s-scroll.header {
background-color: #fff;
justify-content: center;
align-items: center;
margin-top: -109px;
display: flex;
}
.s-scroll.header.pages {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-direction: row;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
height: auto;
margin-top: 0;
display: flex;
}
.div-block-247 {
flex-direction: column;
justify-content: center;
align-items: center;
max-width: 80%;
margin-top: 0;
display: flex;
}
.welcome {
color: #000;
text-align: center;
width: auto;
font-size: 1.7em;
font-weight: 500;
line-height: 1.2em;
display: block;
position: relative;
}
.welcome.mobile {
display: none;
}
.text-span-53 {
font-weight: 800;
}
.text-welcome {
color: #000;
text-align: center;
margin-top: 20px;
font-size: 20px;
font-weight: 300;
display: block;
position: relative;
top: -14px;
}
.text-welcome.header-title {
font-size: 50px;
font-weight: 600;
}
.lottie-animation-7 {
color: #000;
align-self: center;
width: 2%;
margin-bottom: 0;
position: absolute;
inset: auto auto 0;
}
.nav-link__num {
letter-spacing: -.04em;
margin-top: .7em;
margin-left: .3em;
font-size: 1.25em;
font-style: normal;
line-height: 1;
}
.container-1300 {
width: 100%;
max-width: 2000px;
margin-left: auto;
margin-right: auto;
padding: 4.06em;
}
.container-1300.is--nav {
z-index: 2;
justify-content: space-between;
align-items: center;
padding-top: 1.65em;
padding-bottom: 1.65em;
display: flex;
position: relative;
}
.container-1300.is--menu {
z-index: 2;
color: #e9c6dd;
justify-content: flex-start;
align-items: center;
height: 100vh;
display: flex;
position: relative;
}
.nav-bar {
display: flex;
}
.logo-8 {
max-width: 100%;
}
.trigger__circle {
border: .2em solid #f3cfc6;
border-radius: 50%;
width: 14.58em;
height: 14.58em;
position: absolute;
}
.nav-link__line {
background-color: #e9c6dd;
width: 0;
height: .2em;
}
.nav-link__contain {
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.trigger__line {
background-color: #0d0628;
width: 3em;
height: .2em;
margin-top: .3em;
margin-bottom: .3em;
}
.trigger__line.is--2 {
background-color: #0d0628;
}
.background-2 {
z-index: 1;
flex-direction: column;
justify-content: flex-start;
align-items: stretch;
width: 100%;
height: 101%;
display: flex;
position: absolute;
inset: 0% 0% auto;
}
.sublink__line {
background-color: #eed9e7;
width: 100%;
height: .2em;
transform: translate(-100%);
}
.nav-link-6 {
justify-content: flex-start;
align-items: center;
margin-top: .7em;
margin-bottom: .7em;
display: flex;
overflow: hidden;
}
.nav-link-6:hover {
font-style: italic;
font-weight: 700;
}
.nav-link-6.is--3 {
margin-left: 6.2em;
}
.nav-link-6.is--1 {
margin-left: 12.4em;
}
.nav-link__text {
letter-spacing: -.05em;
font-size: 7.03em;
line-height: 1.2;
}
.menu-7 {
z-index: 1;
display: none;
position: absolute;
inset: 0% 0% auto;
}
.trigger-2 {
flex-direction: column;
justify-content: center;
align-items: center;
padding-top: 1em;
padding-bottom: 1em;
display: none;
}
.menu__right {
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
padding-top: 1em;
padding-bottom: 1.7em;
padding-right: 10.99em;
display: flex;
}
.menu__icon {
width: 3.02em;
}
.sublinks {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.background__lottie {
width: 100%;
margin-top: -1%;
}
.nav-link-p {
text-decoration: none;
}
.sublink__text {
letter-spacing: -.04em;
font-size: 1.77em;
line-height: 1.2;
}
.nav-8.is--nav {
z-index: 900;
position: absolute;
inset: 0% 0% auto;
}
.menu__contain {
justify-content: space-between;
align-items: stretch;
width: 100%;
display: flex;
}
.sublink {
margin-top: 1.5em;
overflow: hidden;
}
.nav__logo {
width: 8em;
padding-top: 3px;
padding-bottom: 3px;
}
.nav__logo.w--current {
width: 8em;
}
.nav-item {
color: #000;
margin-right: 30px;
}
.background__fill {
background-color: #0d0628;
width: 100%;
height: 100%;
}
.menu__left {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
padding-left: 4.06em;
display: flex;
position: relative;
}
.nav-link__img {
z-index: -2;
object-fit: contain;
width: 46em;
height: 30em;
margin-right: -35em;
display: none;
position: absolute;
inset: 0% 0% auto auto;
}
.global-2 {
z-index: 100;
position: sticky;
top: 1px;
}
.content-heading-wrapper {
flex-direction: column;
display: flex;
overflow: hidden;
}
.image-489 {
z-index: 2;
width: 40px;
position: static;
inset: 5% auto auto;
}
.s-scroll-bg-img {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/64306c8ac2094e37aea9fce3_bg-1.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
height: 100%;
}
.s-scroll-bg-img.is-1 {
z-index: 1;
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/64306c8ac2094e1498a9fce9_efe-kurnaz-RnCPiXixooY-unsplash%20(1).jpg");
position: absolute;
inset: 0%;
}
.home-section-text {
z-index: 2;
justify-content: space-between;
align-items: flex-end;
padding: 100px 150px;
display: flex;
position: relative;
inset: auto 0% 0%;
}
.section-p {
max-width: 50%;
margin-top: 60px;
font-size: 1.5em;
line-height: 1.3em;
}
.home-section-sun {
z-index: 2;
flex-direction: row;
align-items: center;
display: flex;
position: absolute;
inset: auto auto 3%;
}
.home-section-heading {
text-align: left;
max-width: 80%;
margin-top: 0;
margin-bottom: 0;
font-size: 6em;
line-height: 1.1em;
}
.transition-block {
z-index: 999;
background-color: #000;
display: none;
position: absolute;
inset: 0%;
}
.number-3 {
z-index: 50;
margin-bottom: 0;
margin-left: 7px;
font-size: 1.6em;
position: static;
inset: auto auto 5%;
}
.lottie-animation-8 {
width: 100px;
}
.grid-23 {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
}
.container-1301 {
flex-direction: row;
justify-content: center;
align-items: center;
display: flex;
}
.container-1301.page-header {
flex-direction: column;
align-self: center;
}
.lottie-animation-9 {
width: 100px;
margin-top: 0;
margin-left: auto;
padding-left: 0;
display: block;
position: relative;
bottom: 265px;
left: -192px;
}
.lottie-animation-9.page {
width: 200px;
}
.lottie-animation-9.contact {
bottom: 219px;
left: -23px;
}
.img-slide {
padding-left: .625em;
padding-right: .625em;
}
.head-line {
border-top: 1px solid #151515;
flex: 1;
}
.head-line.line-2 {
width: 24.813em;
}
.head-line.line-6 {
width: 34.813em;
}
.head-line.line-4 {
width: 25.813em;
}
.container-1302 {
width: 90%;
max-width: 1340px;
margin-left: auto;
margin-right: auto;
}
.container-1302.sc-1 {
padding-top: 2em;
}
.container-1302.sc-2 {
padding-top: 3.25em;
padding-bottom: 5.625em;
}
.container-1302.sc-5 {
grid-column-gap: 2em;
grid-row-gap: 2em;
flex-direction: column;
padding-top: 5.625em;
padding-bottom: 5.625em;
display: flex;
}
.container-1302.sc-3 {
padding-top: 5.625em;
padding-bottom: 5.625em;
display: flex;
}
.header-wrapper {
position: relative;
overflow: hidden;
}
.header-wrapper.horizontal {
grid-column-gap: 3em;
grid-row-gap: 3em;
justify-content: space-between;
align-items: center;
display: flex;
}
.header-wrapper.horizontal.head-pc {
grid-column-gap: .5em;
grid-row-gap: .5em;
}
.section-148.relative {
position: relative;
overflow: hidden;
}
.zoom-img {
z-index: 1;
justify-content: center;
align-items: center;
display: none;
position: absolute;
inset: 0%;
}
.head-8em {
text-transform: uppercase;
flex: 0 auto;
margin-top: 0;
margin-bottom: 0;
font-size: 8.75em;
font-weight: 900;
line-height: 1.2em;
}
.slide-img.zoom {
opacity: 0;
width: 80%;
height: 55vh;
position: relative;
top: 12.625em;
}
.head-img-wrapper {
grid-column-gap: 1.25em;
grid-row-gap: 1.25em;
flex-direction: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
margin-top: 2em;
display: grid;
}
.head-i {
font-style: italic;
}
.hero-img {
background-color: #fff;
width: 100%;
margin-top: auto;
overflow: hidden;
}
.header-child {
grid-column-gap: 3em;
grid-row-gap: 3em;
flex: 1;
justify-content: space-between;
align-items: center;
display: flex;
}
.head-3em {
text-transform: uppercase;
margin-top: 0;
margin-bottom: 0;
font-family: Poppins, sans-serif;
font-size: 3em;
font-weight: 500;
line-height: 1.208em;
}
.head-3em.italic {
font-style: italic;
}
.link-16 {
color: #131313;
margin-bottom: 0;
text-decoration: none;
position: relative;
}
.link-text-2 {
z-index: 99;
color: #fff;
text-transform: capitalize;
justify-content: center;
align-items: center;
padding-top: 0;
padding-bottom: 0;
font-family: Degular, sans-serif;
font-size: 20px;
font-weight: 600;
line-height: 1.35;
text-decoration: none;
display: flex;
position: relative;
transform: perspective(725px);
}
.link-text-2:hover {
text-transform: uppercase;
align-self: center;
padding-top: 0;
padding-bottom: 0;
transform: perspective(725px);
}
.link-06 {
color: #fff;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
margin-bottom: 0;
font-family: Poppins, sans-serif;
text-decoration: none;
display: flex;
position: relative;
right: -324px;
}
.link-text-3 {
z-index: 99;
color: #fff;
justify-content: center;
align-items: center;
padding-top: 0;
padding-bottom: 0;
font-size: 1.75rem;
font-weight: 200;
line-height: 1.35;
text-decoration: none;
display: flex;
position: relative;
transform: perspective(725px);
}
.link-text-3:hover {
text-transform: none;
align-self: center;
padding-top: 0;
padding-bottom: 0;
font-weight: 500;
transform: perspective(725px);
}
.link-06_underline {
background-color: #fff;
width: 100%;
height: 1px;
}
.link-05 {
grid-column-gap: .75rem;
color: #fff;
align-items: center;
margin-bottom: 0;
text-decoration: none;
transition: color .4s ease-in-out;
display: flex;
position: relative;
right: -250px;
}
.link-05:hover {
color: #131313;
}
.dot-3 {
background-color: #fecc1f;
border-radius: 100vw;
flex: 0 auto;
align-self: center;
width: 8px;
height: 8px;
position: relative;
top: .15rem;
}
.link-text-4 {
z-index: 99;
color: #131313;
justify-content: center;
align-items: center;
padding-top: 0;
padding-bottom: 0;
font-size: 1.75rem;
font-weight: 400;
line-height: 1.35;
text-decoration: none;
display: flex;
position: relative;
transform: perspective(725px);
}
.link-text-4:hover {
text-transform: none;
align-self: center;
padding-top: 0;
padding-bottom: 0;
transform: perspective(725px);
}
.link-text-4.is-05 {
color: #fff;
align-self: center;
font-family: Poppins, sans-serif;
line-height: 1;
text-decoration: none;
}
.head-5em {
text-transform: uppercase;
margin-top: 0;
margin-bottom: 0;
font-size: 5em;
font-weight: 700;
line-height: 1.2em;
}
.item-wrapper-child {
grid-column-gap: 1.25em;
grid-row-gap: 1.25em;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
margin-left: 0;
margin-right: 0;
}
.item-parent {
padding: .625em;
}
.head-img {
color: #fff;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 0;
font-size: 1.25em;
line-height: 1.2em;
}
.head-img.head-2 {
font-size: 1em;
font-weight: 500;
line-height: 1.188em;
}
.img-describe {
grid-column-gap: 1.5em;
grid-row-gap: 1.5em;
flex-direction: column;
display: flex;
overflow: hidden;
}
.content-wrapper-5 {
grid-column-gap: 2em;
grid-row-gap: 2em;
flex-direction: column;
display: flex;
overflow: hidden;
}
.content-wrapper-5.first {
margin-right: 1.25em;
}
.describe-link {
color: #fff;
text-transform: uppercase;
font-size: 1.25em;
font-weight: 700;
line-height: 1.2em;
}
.head-2em {
text-transform: uppercase;
margin-top: 0;
margin-bottom: 0;
font-size: 2em;
font-weight: 700;
}
.head-2em.describe {
color: #fff;
font-size: 2.25em;
line-height: 1.194em;
}
.img-head-content {
justify-content: space-between;
align-items: center;
display: flex;
overflow: hidden;
}
.img-content {
z-index: 1;
flex-direction: column;
justify-content: space-between;
padding: 2em;
display: flex;
position: absolute;
inset: 0%;
}
.content-head-wrapper.horizontal {
justify-content: space-between;
align-items: center;
display: flex;
overflow: hidden;
}
.img-wrapper-2 {
justify-content: center;
align-items: center;
display: flex;
position: relative;
overflow: hidden;
}
.footer-logo-2 {
font-size: 30px;
line-height: 35px;
}
.container-1303 {
flex: 1;
justify-content: space-between;
align-self: stretch;
align-items: center;
max-width: 1280px;
margin-left: auto;
margin-right: auto;
display: flex;
}
.container-1303.footer {
grid-column-gap: 30px;
grid-row-gap: 30px;
text-align: center;
flex-direction: column;
justify-content: center;
margin-top: 0;
}
.container-1303.portfolio-header {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-direction: column;
justify-content: center;
align-items: center;
}
.social---wrapper {
grid-column-gap: 25px;
grid-row-gap: 25px;
display: flex;
}
.arrow-icon-2 {
width: 30px;
display: inline-block;
}
.arrow-icon-2.lp {
display: none;
}
.arrow-icon-2.lp:hover {
display: block;
}
.footer-logo-wrapper {
margin-bottom: 20px;
}
.white-text-2 {
color: #fff;
font-family: Degular, sans-serif;
font-size: 18px;
font-weight: 600;
}
.white-text-2.lp {
color: #000;
}
.white-text-2.lp.home {
color: #fff;
}
.white-text-2._2 {
color: #000;
}
.white-text-2.font-poppins {
font-family: Poppins, sans-serif;
}
.arrow-button-2 {
background-color: #000;
border-radius: 48px;
justify-content: center;
align-items: center;
margin-bottom: 100px;
padding: 16px 30px;
transition: all .3s, background-color .3s;
display: flex;
}
.arrow-button-2:hover {
color: #000;
background-color: #ffb901;
transform: translate(0, -5px);
}
.arrow-button-2._1.landing, .arrow-button-2.header {
margin-bottom: 0;
}
.arrow-button-2.header.photo {
color: var(--black);
background-color: #fecc2f;
}
.arrow-button-2.header.photo:hover {
background-color: #000;
}
.arrow-button-2.header.lp {
color: var(--black);
background-color: #fecc2f;
align-content: center;
justify-items: center;
margin-bottom: 0;
}
.arrow-button-2.header.lp.price, .arrow-button-2.header.lp.main {
margin-bottom: 0;
}
.arrow-button-2.header.lp.home, .arrow-button-2.header.lp.home:hover {
background-color: #000;
}
.arrow-button-2.header.lp {
color: #000;
background-color: #fecc2f;
margin-bottom: 40px;
}
.arrow-button-2.header.lp:hover {
background-color: #fff;
}
.arrow-button-2.header.new {
grid-column-gap: 12px;
grid-row-gap: 12px;
}
.arrow-button-2.header.new:hover {
border: 3px #000;
transform: translate(0);
}
.arrow-button-2.header.new.page {
margin-top: 20px;
padding-top: 1rem;
padding-bottom: 1rem;
}
.arrow-button-2.video-page {
margin-bottom: 0;
padding: 12px 10px;
}
.arrow-button-2.footer {
margin-bottom: 0;
}
.arrow-button-2.cta {
margin-bottom: 0;
font-family: Poppins, sans-serif;
}
.arrow-button-2.lp {
background-color: #fecc2f;
margin-bottom: 0;
}
.yellow-text {
color: #ffb901;
font-size: 33px;
font-weight: 600;
}
.footer-bottom {
justify-content: space-between;
max-width: 1280px;
margin-top: 50px;
margin-left: auto;
margin-right: auto;
display: flex;
}
.text-yellow {
color: #fecc2f;
}
.social-link-6 {
font-size: 20px;
}
.heading-482 {
font-family: Degular, sans-serif;
font-weight: 600;
}
.white-text-3 {
color: #fff;
}
.max-width-medium-4 {
max-width: 500px;
font-family: Poppins, sans-serif;
font-size: 1.3em;
}
.text-yellow-2 {
color: #fecc2f;
}
._2-col-grid-6 {
grid-column-gap: 50px;
flex: 1;
grid-template-rows: auto;
align-self: stretch;
max-width: 1280px;
min-height: auto;
margin-top: 50px;
margin-left: auto;
margin-right: auto;
}
.blob-img {
z-index: -1;
width: 50%;
position: absolute;
inset: auto auto -6% -8%;
}
.about-p-img {
position: absolute;
inset: 30% 21% auto auto;
}
.heading-483 {
padding-right: 0;
font-family: Poppins, sans-serif;
font-size: 4em;
}
.portfolio-paragraph {
text-align: center;
font-family: Poppins, sans-serif;
font-size: 1em;
}
.banner-paragraph-wrap {
z-index: 2;
background-color: #442a3e;
margin-right: 70px;
padding: 30px 87px 30px 40px;
display: inline-block;
position: relative;
top: 65px;
}
.banner-paragraph-2 {
max-width: 280px;
margin-bottom: 0;
font-size: 20px;
}
.menu-roundtxt {
z-index: 1;
justify-content: center;
align-items: center;
width: 140px;
height: 140px;
display: flex;
position: absolute;
inset: -70px -70px auto auto;
}
.hero-roundtxt-img {
object-fit: scale-down;
width: 100%;
display: block;
position: absolute;
inset: 0%;
}
.round-icon-wrap {
background-color: #fff;
border-radius: 100px;
justify-content: center;
align-items: center;
width: 60px;
height: 60px;
display: flex;
}
.banner-paragraph-bg-overlay {
background-color: #fffaf2;
width: 100%;
height: 100%;
position: absolute;
inset: 0% auto auto 0%;
}
.section-149 {
padding-left: 20px;
padding-right: 20px;
}
.section-149.bottom-margin {
background-color: #fff;
margin-top: 0;
margin-bottom: auto;
padding-left: 60px;
padding-right: 60px;
overflow: hidden;
}
.middle-heading {
letter-spacing: .1rem;
font-size: 2em;
}
.div-block-248 {
overflow: visible;
}
.heading-484 {
font-variation-settings: "wght" 700;
letter-spacing: .1rem;
font-size: 1.8em;
}
.black-shadow {
color: #333;
height: 1.3rem;
margin-top: 10px;
}
.mask-3 {
text-align: left;
overflow: hidden;
}
.paragraph-140 {
color: #646464;
letter-spacing: 1px;
}
.paragraph-140._40-widht {
color: #000;
max-width: 60%;
font-family: Poppins, sans-serif;
font-size: 1.2em;
}
.paragraph-140.card {
background-color: #ffffff08;
margin-bottom: 0;
font-size: 1em;
}
.paragraph-140._70-widht {
letter-spacing: 1px;
letter-spacing: 1px;
max-width: 70%;
font-family: Poppins, sans-serif;
font-size: 1em;
}
.paragraph-140.footer {
color: #b4b4b4;
letter-spacing: 1px;
width: 53%;
}
.card-shoe {
max-width: 80%;
margin-top: -9rem;
padding-top: 0;
position: static;
inset: auto 0% 72% auto;
}
.shoe-card {
margin-top: 113px;
display: flex;
}
.grid-24 {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
}
.grid-24.shoe-cards {
margin-left: -47px;
}
.section_middle-wrapper {
text-align: center;
flex-direction: column;
justify-content: center;
align-items: center;
margin-top: 0;
margin-bottom: 12rem;
padding-top: 0;
display: flex;
}
.section_middle-wrapper._3rem-padding {
margin-bottom: .5rem;
padding-top: 3rem;
font-family: Poppins, sans-serif;
overflow: hidden;
}
.card-content-wrap {
text-align: center;
border: 1px solid #646464;
border-radius: 9px;
flex-direction: column;
align-items: center;
padding: 0 15px 30px;
font-family: Poppins, sans-serif;
display: flex;
}
.category {
color: #8b8b8b;
text-transform: uppercase;
font-weight: 600;
}
.card-image-wrap {
flex-direction: column;
flex: none;
justify-content: space-between;
align-items: center;
margin-bottom: 20px;
display: flex;
position: relative;
}
.container-85rem {
flex: 1;
max-width: none;
margin-left: auto;
margin-right: auto;
padding-left: 1.875rem;
padding-right: 1.875rem;
position: relative;
overflow: visible;
}
.image-490 {
max-width: 75%;
}
.content-wrapper-6 {
margin-top: 3rem;
}
.content-wrapper-6.mobile {
margin-top: 1.5rem;
font-family: Poppins, sans-serif;
}
.link-wrap {
grid-column-gap: 1rem;
color: #333;
align-items: center;
max-width: 10rem;
margin-top: 3rem;
font-size: 1.1rem;
font-weight: 600;
text-decoration: none;
display: flex;
}
.middle-section-heading {
max-width: 29rem;
font-size: 1.8rem;
font-weight: 600;
}
._2col-grid {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: .75fr .75fr;
grid-auto-columns: 1fr;
padding-top: 5rem;
display: grid;
}
.link-arrow-2 {
margin-top: .2rem;
line-height: 0;
position: static;
inset: 2% 0% auto auto;
}
.middle-section-heading-2 {
max-width: 29rem;
font-size: 1.8rem;
font-weight: 900;
}
.footer-legal-block {
justify-content: flex-start;
align-items: flex-end;
display: flex;
}
.logo-9 {
color: #e0e0e0;
height: 2.8rem;
}
.footer-bottom-2 {
color: #cecece;
justify-content: space-between;
align-items: flex-end;
margin-top: auto;
display: flex;
}
.button-primary-5 {
color: #fff;
letter-spacing: 2px;
text-transform: uppercase;
background-color: #1a1b1f;
padding: 12px 25px;
font-size: 12px;
line-height: 20px;
transition: all .2s;
}
.button-primary-5:hover {
color: #fff;
background-color: #32343a;
}
.button-primary-5:active {
background-color: #43464d;
}
.button-primary-5.footer-form-button {
background-color: #1f1f1f;
border-radius: 5px;
padding: 8px 18px;
position: absolute;
right: 8px;
}
.footer-social-block-three {
justify-content: flex-start;
align-items: center;
margin-left: -32px;
display: flex;
}
.footer-wrapper-three, .footer-form-container-two {
justify-content: space-between;
align-items: center;
display: flex;
}
.footer-form-input {
color: #aaa;
background-color: #cfcfcf;
border: 1px #fde3e2;
border-radius: 5px;
width: 460px;
height: 48px;
margin-bottom: 0;
padding: 12px 180px 12px 20px;
}
.footer-form-input::placeholder {
color: #1a1b1fcc;
}
.footer-form-title {
color: #f7f7f7;
letter-spacing: .1px;
font-size: 24px;
font-weight: 600;
line-height: 32px;
}
.footer-copyright {
color: #8b8b8b;
}
.footer-social-link-three {
margin-left: 32px;
}
.footer-legal-link {
color: #8b8b8b;
margin-left: 24px;
}
.footer-legal-link:hover {
color: #3a4554;
}
.footer-form-two {
background-color: #0000;
border-bottom: 1px solid #a8a8a8;
margin-bottom: 5rem;
padding: 3rem 0 5rem;
}
.footer-link-three {
color: #ececec;
margin-top: 10px;
margin-left: 20px;
margin-right: 20px;
text-decoration: none;
}
.footer-link-three:hover {
color: #8b8b8b;
}
.footer-form-block-two {
justify-content: flex-end;
align-items: center;
display: flex;
position: relative;
}
.footer-block-three {
justify-content: flex-start;
align-items: center;
margin-left: -20px;
margin-right: -20px;
display: flex;
}
.section-151 {
background-color: #000;
}
.image-491 {
max-width: 30%;
}
.service-item {
width: 100%;
}
.service-title-8 {
grid-column-gap: 16px;
justify-content: flex-start;
align-items: center;
padding: 0 0 30px;
display: flex;
}
.service-title-8.w--open {
padding-top: 0;
}
.text-extra-large {
color: #000;
font-family: Poppins, sans-serif;
font-size: 30px;
font-weight: 600;
line-height: 1.5;
}
.chevron-icon {
line-height: 0;
}
.service-desc {
background-color: #0000;
padding-bottom: 30px;
position: relative;
}
.text-medium-2 {
letter-spacing: 1px;
font-family: Poppins, sans-serif;
font-size: 1.3em;
}
.item-one {
justify-content: center;
align-items: center;
padding-top: 2rem;
padding-left: 2rem;
padding-right: 2rem;
display: flex;
overflow: hidden;
}
.image-492 {
display: inline-block;
}
.item-two {
overflow: hidden;
}
.home-hero-subheading {
text-align: center;
letter-spacing: 1px;
text-transform: uppercase;
font-family: Poppins, sans-serif;
font-size: 3rem;
font-weight: 400;
line-height: 110%;
}
.view-button {
z-index: 10;
-webkit-backdrop-filter: blur(2rem);
backdrop-filter: blur(2rem);
background-color: #fecc2f;
border: 1px solid #ffffff1a;
border-radius: 50%;
justify-content: center;
align-items: center;
width: 100px;
height: 100px;
transition: transform .1s linear;
display: flex;
}
.section-hero-two {
background-color: #fff;
padding-left: 60px;
padding-right: 60px;
}
.link-item {
z-index: 10;
border: 0 solid #fecc2f;
border-radius: 20px;
margin-bottom: 0;
transition: border-width .3s;
position: absolute;
inset: 0%;
overflow: hidden;
transform: translate(0);
}
.link-item:hover {
border: 20px solid #fecc2f;
}
.card-wrapper-2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.card-item-2 {
position: relative;
overflow: hidden;
}
.view-button-text {
letter-spacing: 1.5px;
text-transform: uppercase;
font-size: 13px;
font-weight: 500;
line-height: 140%;
}
.home-project-button-wrapper {
z-index: 5;
justify-content: center;
align-items: center;
display: flex;
position: absolute;
inset: 0%;
}
.page-padding-10 {
padding-left: 2rem;
padding-right: 2rem;
}
.image-cover-link {
object-fit: cover;
border-radius: 20px;
width: 100%;
height: 100%;
display: inline-block;
}
.body-7 {
background-color: #fff;
}
.heading-485 {
font-family: Poppins, sans-serif;
font-size: 4em;
}
.text-block-164 {
color: #000;
}
.contact-image {
max-width: 100%;
position: static;
inset: 30% -29% 0% 10%;
}
.contact-hero {
padding-top: 7rem;
padding-bottom: 7rem;
font-family: Poppins, sans-serif;
overflow: hidden;
}
.contact-info-line {
align-items: center;
margin-top: 30px;
margin-bottom: 30px;
display: flex;
}
.contact-image-wrapper {
margin-top: 0;
padding-left: 3rem;
position: relative;
}
.submit-button-3 {
color: #333;
font-variation-settings: "wght" 700;
letter-spacing: .2rem;
text-transform: uppercase;
background-color: #0000;
border: 1px solid #8b8b8b;
border-radius: 5px;
margin-top: 3rem;
padding: .75rem 1.1rem;
transition: all .25s;
}
.submit-button-3:hover {
font-variation-settings: "wght" 900;
letter-spacing: .3rem;
border-color: #1f1f1f;
font-weight: 400;
}
.contact-heading {
letter-spacing: 0;
font-size: 4rem;
line-height: 1.1;
}
.contact-icon {
height: 1.6rem;
display: inline-block;
}
.contact-icon.email-icon {
height: 1.5rem;
}
.contact-grid {
grid-column-gap: 3rem;
grid-row-gap: 1.5rem;
grid-template-rows: auto auto auto;
margin-left: auto;
margin-right: auto;
}
.form-title {
margin-bottom: 1.5rem;
font-size: 1.5rem;
font-weight: 600;
}
.textarea-2 {
background-color: #0000;
border: 1px solid #1f1f1f;
border-radius: 10px;
}
.text-field-11 {
background-color: #0000;
border: 0 solid #000;
border-bottom: 1px solid #1f1f1f;
margin-bottom: 1.5rem;
padding-left: 5px;
}
.form-6 {
background-color: #0000;
margin-top: 5rem;
padding: 0 5rem 3rem 0;
}
.label-4 {
font-weight: 500;
}
.success-message-14 {
background-color: #4d9588;
margin-top: 3rem;
}
.info-text {
margin-top: 2px;
margin-left: 15px;
font-weight: 700;
display: inline-block;
}
.contact-address-wrap {
grid-column-gap: 40px;
grid-row-gap: 40px;
flex-direction: column;
align-items: flex-start;
display: flex;
}
.form-input-2 {
color: #141414;
background-color: #fafafa;
border: 0 solid #000;
border-radius: 10px;
height: 48px;
padding: 15px;
font-size: 18px;
transition: border-color .3s ease-in-out;
}
.form-input-2::placeholder {
color: #000;
font-size: 18px;
}
.form-input-2.form-textarea {
height: 200px;
}
.form-input-2.form-textarea:focus {
color: #000;
}
.social-item {
justify-content: center;
align-items: center;
}
.social-icon-3 {
height: 24px;
}
.button-dark-2 {
color: #fff;
text-align: center;
background-color: #141414;
border-radius: 10px;
padding: 12px 30px;
font-weight: 400;
text-decoration: none;
transition: all .3s ease-in-out;
}
.button-dark-2:hover {
transform: translate(0, -2px);
}
.input-group {
align-items: center;
margin-bottom: 20px;
}
.success-message-15 {
color: #fff;
text-align: center;
background-color: #5caa00;
border-radius: 10px;
padding: 10px;
}
.container-1304 {
max-width: 1400px;
padding-left: 30px;
padding-right: 30px;
}
.grid-contact {
grid-column-gap: 30px;
grid-row-gap: 30px;
grid-template-rows: auto;
grid-template-columns: .75fr 1fr;
place-items: start;
}
.error-message-12 {
color: #fff;
text-align: center;
background-color: #ff4040;
border-radius: 10px;
padding: 10px;
}
.social-item-wrap {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-wrap: wrap;
display: flex;
}
.contact-form {
background-color: #fff;
border-radius: 10px;
padding: 30px;
box-shadow: 0 0 50px #0f1c3a12;
}
.section-152 {
padding-top: 100px;
padding-left: 10px;
padding-right: 10px;
}
.hero-7 {
overflow: visible;
}
.hero-heading-middle {
flex-direction: column;
align-items: center;
margin-top: 7rem;
font-family: Poppins, sans-serif;
display: flex;
}
.hero-sub-head {
font-variation-settings: "wght" 500;
letter-spacing: .2rem;
font-size: 2rem;
line-height: 1.1;
}
.hero-image-wrap {
perspective: 1216px;
flex-direction: column;
align-items: center;
width: 100%;
margin: 7rem auto;
display: flex;
}
.lottie-animation-10 {
width: 125px;
}
.lightbox-link-16 {
margin-bottom: 0;
}
.link-dropdown {
text-align: center;
margin-bottom: auto;
font-size: 18px;
}
.link-dropdown:hover {
background-color: #eff3f5;
}
.link-dropdown.w--current {
color: #0a0a0a;
font-weight: 700;
}
.left-navbar {
flex: 0 auto;
}
.left-navbar.margin-right {
margin-right: 64px;
}
.dropdown-list-6.w--open {
background-color: #ffffff7d;
border: 2px solid #000;
border-radius: 0;
top: 100%;
}
.dropdown-list-6.is-rounded {
border-radius: 12px;
margin-top: 4px;
overflow: hidden;
}
.dropdown-list-6.is-rounded.w--open {
background-color: #fff;
border-style: none;
}
.dropdown-toggle-6 {
grid-column-gap: 6px;
justify-content: center;
align-items: center;
padding: 16px 20px;
font-size: 20px;
display: flex;
}
.container-navbar {
justify-content: space-between;
align-items: center;
width: 100%;
max-width: 1600px;
height: 100%;
margin-left: auto;
margin-right: auto;
padding: 10px 24px;
font-family: Poppins, sans-serif;
font-size: 18px;
display: flex;
}
.cta-3 {
color: #0a0a0a;
background-color: #fefefe00;
border: 1px solid #000;
border-radius: 40px;
justify-content: center;
align-items: center;
height: 52px;
padding: 12px 28px;
transition: transform .2s;
display: flex;
}
.cta-3:hover {
transform: scale(1.03);
}
.cta-3.nav-cta {
height: 48px;
margin-left: 16px;
}
.cta-3.nav-cta.white-nav-cta {
color: #fefefe;
border-color: #fefefe;
margin-bottom: 0;
}
.cta-3.white-outline {
color: #000;
background-color: #fecc2f;
border-color: #fefefe;
font-weight: 600;
}
.cta-3.white-outline:hover {
background-color: #fff;
font-weight: 400;
}
.cta-3.fill {
color: #fefefe;
background-color: #0a0a0a;
}
.cta-3.fill.white {
color: #0a0a0a;
background-color: #fefefe;
}
.cta-3.fill.sales-cta {
color: #000;
background-color: #fecc2f;
border-style: none;
font-weight: 600;
}
.cta-3.fill.sales-cta:hover {
color: #fecc2f;
background-color: #000;
}
.white-drop-text {
color: #fefefe;
}
.dropdown-3.center-nav-link.is-dropdown {
margin-left: 0;
margin-right: 0;
padding: 0;
}
.brand-navbar {
max-width: none;
height: 100%;
}
.image-chevron-dropdown {
width: 24px;
height: 24px;
}
.nav-menu-9 {
justify-content: flex-end;
align-items: center;
display: flex;
}
.link-brand-navbar {
align-items: center;
height: auto;
margin-bottom: 0;
display: flex;
}
.right-navbar {
flex: 1;
justify-content: flex-end;
align-items: center;
display: flex;
}
.section-153 {
background-color: #fff;
padding: 60px 220px 10px 20px;
font-family: Poppins, sans-serif;
}
.section-153.hero-home-b {
background-image: linear-gradient(#0a0a0a59, #0a0a0a59);
flex-direction: column;
justify-content: flex-end;
height: 110vh;
min-height: 600px;
max-height: 980px;
padding-bottom: 18vh;
display: flex;
position: relative;
}
.section-153.opening-animation {
height: 400vh;
padding-top: 0;
padding-bottom: 0;
}
.section-153.subhero-home-b {
background-color: #fff;
padding-top: 100px;
padding-bottom: 100px;
font-family: Poppins, sans-serif;
}
.section-153.black {
color: #fff;
background-color: #0a0a0a;
padding-right: 20px;
font-family: Poppins, sans-serif;
}
.section-153.hero-home-a {
padding-top: 300px;
padding-bottom: 40px;
}
.section-153.whate-we-do-home-a {
background-color: #fff;
padding-top: 70px;
}
.section-153.moving-gallery {
background-color: #fff;
padding: 0;
}
.section-153.text-blocks-studio-c {
background-color: #fff;
padding-top: 100px;
font-family: Poppins, sans-serif;
}
.wrap-hero-home-b {
width: 100%;
}
.main-container-5 {
max-width: 1360px;
padding-top: 40px;
padding-left: 24px;
padding-right: 24px;
}
.image-logo-hero-home-b {
width: 100%;
}
.overlay-home-b {
transform-origin: 50% 100%;
background-color: #fefefe;
display: none;
position: absolute;
inset: 0%;
}
.link-dropdown-2 {
color: #000;
text-align: left;
background-color: #fff;
margin-bottom: 0;
font-size: 20px;
font-weight: 500;
}
.link-dropdown-2:hover {
color: #000;
background-color: #fecc2f;
font-weight: 500;
}
.link-dropdown-2.w--current {
color: #0a0a0a;
font-weight: 700;
}
.link-dropdown-2.is-small {
font-size: 16px;
}
.link-dropdown-2.is-small:hover {
background-color: #fce499;
}
.dropdown-toggle-7 {
grid-column-gap: 6px;
color: #fff;
justify-content: center;
align-items: center;
padding: 16px 10px;
font-size: 22px;
font-weight: 600;
display: flex;
}
.dropdown-toggle-7.center-nav-link {
font-size: 16px;
font-weight: 400;
}
.dropdown-toggle-7.is-nav-link-toggle {
color: inherit;
padding: 16px 20px;
font-size: 20px;
font-weight: 400;
}
.dropdown-toggle-7.is-nav-link-toggle.w--open {
padding: 16px 20px;
font-size: 20px;
font-weight: 400;
}
.container-navbar-2 {
color: #fff;
background-color: #000;
justify-content: space-between;
align-items: center;
width: 100%;
max-width: 1600px;
height: 100%;
margin-left: auto;
margin-right: auto;
padding: 10px 24px 10px 60px;
font-family: Poppins, sans-serif;
display: flex;
}
.container-navbar-2.new-navbar {
background-color: var(--black);
height: 82px;
}
.link-brand-navbar-2 {
align-items: center;
height: 21px;
margin-bottom: auto;
display: flex;
}
.link-brand-navbar-2.is-dark, .link-brand-navbar-2.is-dark.w--current {
padding-left: 0;
}
.background-video-27 {
height: 100%;
}
.opening-image-right-free {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/6431dcf08e9cf529dc5fb70c_Opening%204.jpg");
background-position: 50%;
background-size: cover;
}
.paragraph-mega {
color: #fff;
font-size: 28px;
line-height: 140%;
}
.paragraph-mega.video-home-c-text {
color: #fff;
font-family: Poppins, sans-serif;
}
.opening-right-master {
background-color: #fefefe;
width: 35vw;
height: 100%;
position: absolute;
inset: 0% 0% 0% auto;
}
.opening-image-left-three {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/6431dcf08e9cf56a0f5fb708_Opening%203.webp");
background-position: 50%;
background-size: cover;
}
.opening-background-video {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100vh;
display: flex;
position: sticky;
top: 0;
overflow: hidden;
}
.opening-image-left-two {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/6431dcf08e9cf58d555fb713_Opening%202.webp");
background-position: 50%;
background-size: cover;
}
.center-text-3 {
text-align: center;
}
.center-horizontal {
flex-direction: column;
align-items: center;
display: flex;
}
.opening-grid-left {
grid-template-rows: 1fr 1.6fr;
width: 100%;
height: 100%;
padding-top: 10vh;
padding-bottom: 10vh;
padding-right: 2vw;
}
.opening-grid-right {
grid-template-rows: 1.6fr 1fr;
width: 100%;
height: 100%;
padding-top: 10vh;
padding-bottom: 10vh;
padding-left: 2vw;
}
.opening-image-right-two {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/6431dcf08e9cf548535fb6fd_Opening%205.webp");
background-position: 50%;
background-size: cover;
}
.opening-image-right-one {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/6431dcf08e9cf5143b5fb701_Opening%206.webp");
background-position: 50%;
background-size: cover;
margin-top: 6vh;
margin-bottom: 6vh;
}
.opening-left-master {
background-color: #fefefe;
width: 35vw;
height: 100%;
position: absolute;
inset: 0% auto 0% 0%;
}
.limit-580 {
max-width: 580px;
}
.opening-image-left-one {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/6431dcf08e9cf55e145fb710_Opening%201.webp");
background-position: 50%;
background-size: cover;
margin-top: 6vh;
margin-bottom: 6vh;
}
.flex-right {
flex-direction: column;
align-items: flex-end;
font-family: Poppins, sans-serif;
display: flex;
}
.service-h3-expandable {
margin-top: 0;
margin-bottom: 0;
margin-right: 24px;
font-size: 2em;
}
.faq-paragraph-2 {
transform-origin: 50% 0;
color: #fff;
margin-bottom: 0;
padding-top: 16px;
padding-bottom: 12px;
}
.limit-774 {
width: 100%;
max-width: 774px;
}
.expandable-top {
justify-content: space-between;
align-items: center;
font-weight: 300;
display: flex;
}
.plus-line {
background-color: var(--white);
border-radius: 1px;
width: 18px;
height: 2px;
}
.plus-line.vertical {
background-color: var(--white);
position: absolute;
transform: rotate(-90deg);
}
.big-text {
color: #000;
font-size: 60px;
font-weight: 500;
line-height: 100%;
}
.big-text._2 {
font-size: 30px;
}
.plus-expand-master {
border: 1px #8a8a8a;
flex: none;
justify-content: center;
align-items: center;
width: 40px;
height: 40px;
display: flex;
position: relative;
}
.master-expandable {
grid-row-gap: 0px;
flex-direction: column;
display: flex;
}
.space-64 {
height: 64px;
}
.expandable-single {
border-top: 1px solid var(--white);
cursor: pointer;
padding: 26px 0;
}
.expandable-single.white-top {
border-top-color: #fff;
}
.expandable-single.top {
border-top-style: none;
}
.expandable-bottom {
transform-origin: 50% 0;
flex-direction: column;
align-items: flex-start;
width: 90%;
display: flex;
}
.center-tablet {
color: #fff;
font-size: 2.5em;
}
.tabs-menu-testimonials {
justify-content: space-between;
align-items: center;
margin-top: 56px;
display: flex;
}
.testimonial-stars {
height: 24px;
margin-bottom: 24px;
}
.testimonial-tab-content {
flex: 1;
max-width: 570px;
margin-left: 56px;
}
.tab-content-wrap-testimonials {
justify-content: flex-start;
align-items: center;
display: flex;
}
.testimonial-image {
width: 100%;
max-width: 490px;
}
.testimonial-person-tabs {
opacity: .7;
color: #fecc2f;
margin-top: 24px;
font-size: 20px;
line-height: 140%;
}
.testimonials-tabs-wrap {
border-radius: 12px;
padding: 0;
}
.space-32 {
height: 32px;
}
.tab-link-testimonials {
opacity: .4;
background-color: #ddd0;
height: 37px;
padding: 0;
}
.tab-link-testimonials.w--current {
opacity: 1;
background-color: #ddd0;
}
.image-testimonials-logo {
max-width: none;
height: 100%;
}
.limit-1088 {
width: 100%;
max-width: 1088px;
}
.circle-available {
background-color: #0a0a0a;
border-radius: 50%;
width: 12px;
height: 12px;
}
.wrap-hero-home-a {
justify-content: space-between;
align-items: flex-start;
margin-top: 72px;
display: flex;
}
.wrap-video-background {
background-color: #0000;
padding: 80px;
}
.right-hero-home-a {
max-width: 448px;
}
.wrap-available {
grid-column-gap: 12px;
align-items: center;
display: flex;
}
.video-reel {
z-index: 1;
min-height: 590px;
}
.space-72 {
height: 72px;
}
.overlay-video {
z-index: 3;
transform-origin: 50% 100%;
background-color: #eff3f5;
display: none;
position: absolute;
inset: 0%;
}
.ligbtox-play-video {
flex-direction: row;
align-items: center;
width: 100px;
height: 100px;
display: flex;
position: absolute;
inset: auto auto 32px 32px;
}
.subtitle-7 {
font-size: 22px;
line-height: 40px;
}
.wrap-single-service {
border-top: 1px solid #0a0a0a;
padding-top: 26px;
padding-bottom: 26px;
font-size: 10px;
font-weight: 200;
}
.wrap-single-service.last-service {
border-bottom: 1px solid #000;
}
.space-48 {
height: 48px;
}
.no-margins-3 {
margin-top: 0;
margin-bottom: 0;
font-weight: 300;
}
.grid-halves-3 {
grid-column-gap: 32px;
grid-row-gap: 32px;
grid-template-rows: auto;
}
.grid-halves-3.services-list-grid {
grid-row-gap: 80px;
}
.grid-halves-3.studio-c-numbers {
margin-top: 40px;
}
.grid-halves-3.industry-halves {
border-top: 1px solid #fefefe;
padding-top: 80px;
}
.master-services-list {
flex-direction: column;
display: flex;
}
.heading-486 {
font-size: 2em;
}
.moving-gallery-top-grid {
grid-template-rows: auto;
grid-template-columns: .7fr 1.2fr .8fr .9fr;
width: 120vw;
height: 39vh;
margin-bottom: 16px;
}
.moving-gallery-video {
width: 100%;
height: 100%;
}
.moving-gallery-master {
height: auto;
margin-bottom: 140px;
position: sticky;
top: 10vh;
overflow: hidden;
}
.moving-gallery-image.mg-6 {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/64320c10a31608429cb26c37_20170116-P1022453.jpg");
background-position: 50%;
background-size: cover;
height: 70%;
}
.moving-gallery-image.mg-5 {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/64320ef93f44a778f35c6e0a_CX6A2817-1080.jpg");
background-position: 50%;
background-size: cover;
height: 80%;
}
.moving-gallery-image.mg-2 {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/64320f8f4fe5654e146dd09b_5fd7edfe876e674189ce3dbe_rreSEU8Q.jpeg");
background-position: 0%;
background-size: cover;
height: 80%;
}
.moving-gallery-image.mg-3 {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/6432102b5c88a343ef323ad1_Copy%20of%20IMG_0062.jpg");
background-position: 50%;
background-size: cover;
height: 70%;
}
.moving-gallery-image.mg-1 {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/64320c1057e24b0a3abe7060_Copy%20of%20CX6A5757.jpg");
background-position: 50%;
background-size: cover;
height: 70%;
}
.moving-gallery-image.mg-4 {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/64320e3d9d91c62db7c5e1d0_IMG_9815_2%20(3).jpg");
background-position: 50%;
background-size: cover;
height: 55%;
}
.moving-gallery-bottom-grid {
grid-template-rows: auto;
grid-template-columns: .9fr .8fr 1.2fr .7fr;
width: 120vw;
height: 39vh;
margin-bottom: 0;
}
.right-vertical-text-blocks {
width: 100%;
max-width: 640px;
}
.paragraph-big-3 {
color: #fff;
font-size: 20px;
}
.logo-logos-grid {
opacity: .7;
width: 100%;
}
.logos-grid-studio-a {
grid-column-gap: 56px;
grid-row-gap: 40px;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.divider-black {
background-color: #0a0a0a;
width: 100%;
height: 1px;
}
.no-margins-4 {
margin-top: 0;
margin-bottom: 0;
font-size: 2em;
}
.single-vertical-text-block {
grid-row-gap: 120px;
border-top: 1px #000;
flex-direction: column;
display: flex;
}
.image-office-a {
width: 100%;
}
.left-wrap-office-a {
grid-row-gap: 12px;
flex-direction: column;
align-items: flex-start;
display: flex;
}
.heading-3-services-list {
margin-top: 0;
margin-bottom: 4px;
font-size: 2em;
}
.wrap-offices-vertical-text-blocks {
grid-row-gap: 80px;
flex-direction: column;
display: flex;
}
.wrap-office-a {
grid-row-gap: 48px;
flex-direction: column;
display: flex;
}
.heading-2-vertical-text-blocks {
margin-top: -4px;
margin-bottom: 0;
font-size: 3em;
}
.bottom-wrap-office-a {
justify-content: space-between;
align-items: center;
display: flex;
}
.column-services-list {
grid-row-gap: 12px;
flex-direction: column;
display: flex;
}
.master-vertical-text-blocks {
grid-row-gap: 120px;
flex-direction: column;
display: flex;
}
.link-with-line {
grid-row-gap: 6px;
color: #0a0a0a;
flex-direction: column;
align-items: flex-start;
text-decoration: none;
display: flex;
}
.link-with-line.move-up {
margin-bottom: 8px;
font-family: Poppins, sans-serif;
}
.link-with-line.white-link {
color: #fefefe;
}
.link-with-line.move-up {
margin-bottom: 8px;
}
.line-link {
background-color: #fff;
width: 30%;
height: 1px;
}
.line-link.white-line {
background-color: #fefefe;
}
.grid-halves-space-left {
grid-template-rows: auto;
grid-template-columns: 100px 1fr;
}
.limit-864 {
text-align: center;
width: 100%;
max-width: 864px;
}
.icon-quote {
height: 22px;
}
.flex-cta-left {
flex-direction: column;
justify-content: center;
align-items: flex-start;
display: flex;
}
.section-154 {
padding: 0;
}
.section-154.big-image-section {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/64320b5d3030fd3ff7c6a7d3_CX6A4599.jpg");
background-position: 50%;
background-size: cover;
background-attachment: fixed;
height: 90vh;
min-height: 600px;
max-height: 900px;
}
.section-154.big-image-section._2 {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/6431e228e9cbf0e9312d04e6_Office%201.webp");
}
.section-154.black {
color: #fff;
background-color: #0a0a0a;
font-family: Poppins, sans-serif;
}
.section-154.pricing-section {
padding-top: 40px;
padding-left: 20px;
padding-right: 20px;
font-family: Poppins, sans-serif;
}
.section-154.hero-studio-b {
color: #fefefe;
background-image: linear-gradient(92deg, #000, #0a0a0a00), url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/61ec5b5770e7044ae118626d_Screen%20Shot%202021-09-24%20at%204.33.41%20PM.png");
background-position: 0 0, 50%;
background-size: auto, cover;
padding-top: 500px;
padding-bottom: 80px;
}
.section-154.subhero-studio-b {
padding-top: 60px;
padding-bottom: 60px;
}
.section-154.hero-studio-a {
padding-top: 200px;
padding-bottom: 120px;
}
.section-154.text-blocks-studio-c {
padding-top: 100px;
font-family: Poppins, sans-serif;
}
.section-154.hero-home-c {
padding-top: 200px;
}
.section-154.opening-animation {
background-color: #fff;
height: 400vh;
padding-top: 0;
padding-bottom: 0;
}
.section-154.hero-home-a {
padding-top: 0;
padding-bottom: 0;
font-family: Poppins, sans-serif;
}
.list-halves-projects-grid {
grid-column-gap: 32px;
grid-row-gap: 80px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.no-margins-5 {
margin-top: 0;
margin-bottom: 0;
font-size: 4em;
}
.wrap-heading-with-link {
justify-content: space-between;
align-items: flex-end;
display: flex;
}
.space-80 {
height: 80px;
}
.image-project-general {
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
background-position: 50%;
background-size: cover;
padding-top: 76%;
}
.image-project-general.home-c-projects-general {
height: 80vh;
min-height: 400px;
max-height: 600px;
padding-top: 0%;
}
.bottom-project-version-one {
grid-row-gap: 12px;
flex-direction: column;
align-items: flex-start;
display: flex;
}
.project-name {
margin-top: 0;
margin-bottom: 0;
font-size: 28px;
font-weight: 500;
line-height: 135%;
}
.text-project-tile-subtext {
color: #000;
font-size: 20px;
}
.link-project-halves-grid {
grid-row-gap: 32px;
color: #0a0a0a;
flex-direction: column;
width: 100%;
text-decoration: none;
display: flex;
}
.collection-item-14 {
color: #000;
font-family: Poppins, sans-serif;
}
.body-8 {
background-color: #fff;
}
.master-footer {
justify-content: space-between;
align-items: flex-start;
font-family: Poppins, sans-serif;
display: flex;
}
.brand-footer {
max-width: none;
height: 100%;
}
.text-footer-heading {
color: #fecc2f;
margin-bottom: 4px;
font-size: 20px;
font-weight: 500;
}
.left-footer {
flex-direction: column;
align-items: flex-start;
width: 100%;
max-width: 304px;
display: flex;
}
.link-footer-2 {
color: #fefefe;
margin-bottom: 0;
text-decoration: none;
}
.bottom-footer {
color: #fff;
border-top: 1px solid #fefefe;
justify-content: space-between;
align-items: center;
margin-top: 80px;
padding-top: 32px;
padding-bottom: 32px;
font-family: Poppins, sans-serif;
font-size: 18px;
display: flex;
}
.white-link {
color: #fefefe;
}
.link-brand-footer {
height: 32px;
margin-bottom: 40px;
}
.divider-white {
background-color: #fefefe;
width: 100%;
height: 1px;
}
.divider-white.footer-links-divider {
margin-top: 12px;
margin-bottom: 12px;
}
.right-footer {
flex-direction: column;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-end;
display: flex;
}
.text-legal {
font-size: 18px;
}
.grid-footer-links {
grid-column-gap: 90px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.wrap-links-footer {
grid-row-gap: 16px;
flex-direction: column;
align-items: flex-start;
display: flex;
}
.section-155 {
background-color: #000;
}
.master-footer-2 {
justify-content: space-between;
align-items: flex-start;
display: flex;
}
.text-footer-heading-2 {
margin-bottom: 4px;
font-size: 20px;
font-weight: 500;
}
.paragraph-big-4 {
color: #000;
font-size: 20px;
}
.paragraph-big-4.faq {
color: #fff;
}
.link-footer-3 {
color: #fefefe;
text-decoration: none;
}
.main-container-6 {
max-width: 1360px;
padding-left: 24px;
padding-right: 24px;
font-family: Poppins, sans-serif;
display: none;
}
.big-email {
font-size: 90px;
line-height: 120%;
}
.grid-thirds-2 {
grid-column-gap: 32px;
grid-row-gap: 32px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
}
.tile-contact {
color: #0a0a0a;
border-top: 1px solid #0a0a0a;
border-bottom: 1px solid #0a0a0a;
align-items: center;
padding-top: 32px;
padding-bottom: 32px;
text-decoration: none;
display: flex;
}
.text-span-54 {
font-weight: 400;
text-decoration: none;
}
.lottie-animation-11 {
width: 40px;
}
.left-contact-b {
flex-direction: column;
justify-content: space-between;
display: flex;
}
.right-contact-b {
grid-row-gap: 32px;
flex-direction: column;
justify-content: flex-start;
display: flex;
}
.grid-contact-b {
grid-column-gap: 140px;
grid-template-rows: auto;
grid-template-columns: 1.2fr 1fr;
justify-items: start;
font-family: Poppins, sans-serif;
}
.bottom-contact-b {
justify-content: flex-start;
align-items: center;
display: flex;
}
.center-content-2 {
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
}
.top-contact-b {
grid-row-gap: 64px;
flex-direction: column;
align-items: flex-start;
display: flex;
}
.limit-416 {
width: 100%;
max-width: 416px;
}
.space-16 {
height: 16px;
}
.no-margins-6 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-size: 2em;
}
.faq-h3 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
margin-right: 24px;
font-size: 20px;
}
.no-padding-column {
padding: 0;
}
.text-product-name {
font-size: 28px;
font-weight: 500;
line-height: 125%;
}
.paragraph-big-5 {
color: #fff;
font-size: 20px;
font-weight: 300;
}
.product-description-pricing-tile {
margin-bottom: 0;
}
.pricing-tile {
grid-row-gap: 32px;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
flex-direction: column;
padding-top: 64px;
padding-bottom: 64px;
display: flex;
}
.heading-487 {
font-size: 4em;
}
.heading-488 {
color: #fff;
font-family: Poppins, sans-serif;
font-size: 2.5em;
font-weight: 400;
}
.flex-right-2 {
flex-direction: column;
align-items: flex-end;
font-family: Poppins, sans-serif;
display: flex;
}
.limit-640 {
width: 100%;
max-width: 640px;
}
.paragraph-mega-2 {
color: #fff;
font-size: 25px;
line-height: 140%;
}
.heading-489 {
font-size: 3em;
}
.grid-fourths {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.grid-fourths.numbers-grid {
font-family: Poppins, sans-serif;
}
.wrap-number-big {
grid-row-gap: 24px;
text-align: center;
flex-direction: column;
align-items: center;
display: flex;
}
.no-margins-7 {
margin-top: 0;
margin-bottom: 0;
font-size: 4em;
}
.flex-right-3 {
flex-direction: column;
align-items: flex-end;
display: flex;
}
.no-margins-8 {
margin-top: 0;
margin-bottom: 0;
font-size: 4em;
}
.mega-h1 {
font-size: 110px;
font-weight: 700;
line-height: 120%;
}
.subtitle-8 {
text-align: center;
margin-bottom: 0;
font-size: 28px;
line-height: 40px;
}
.limit-528 {
width: 100%;
max-width: 529px;
}
.overlay-studio-c {
transform-origin: 50% 100%;
background-color: #fefefe;
display: none;
position: absolute;
inset: 0%;
}
.image-studio-c {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/6431ef3311af0dd1eb9bf3f4_StudioB.webp");
background-position: 100%;
background-size: cover;
padding-top: 100%;
position: relative;
}
.right-studio-c {
flex-direction: column;
display: flex;
}
.divider-studio-c {
background-color: #0a0a0a;
width: 1px;
height: 100%;
}
.no-margins-9 {
margin-top: 0;
margin-bottom: 0;
font-size: 3em;
}
.grid-stuido-c {
grid-column-gap: 80px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: 1.2fr 1px 1fr;
font-family: Poppins, sans-serif;
}
.wrao-content-studio-c {
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
display: flex;
}
.heading-490 {
font-size: 4em;
}
.no-margins-10 {
margin-top: 0;
margin-bottom: 0;
font-size: 2em;
}
.heading-3-services-list-2 {
margin-top: 0;
margin-bottom: 4px;
font-size: 2em;
}
.heading-2-vertical-text-blocks-2 {
margin-top: -4px;
margin-bottom: 0;
font-size: 3em;
}
.heading-hero-home-c {
text-align: center;
}
.heading-491 {
font-size: 4em;
font-weight: 400;
}
.section-156 {
justify-content: center;
align-items: center;
height: 20vh;
margin-top: 40px;
font-family: Poppins, sans-serif;
display: flex;
}
.heading-492 {
font-size: 5em;
}
.no-margins-11 {
margin-top: 0;
margin-bottom: 0;
font-family: Poppins, sans-serif;
font-size: 2em;
}
.list-projects-three {
grid-row-gap: 64px;
flex-direction: column;
display: flex;
}
.bottom-projects-three {
justify-content: space-between;
align-items: center;
display: flex;
}
.link-projects-three {
grid-row-gap: 48px;
color: #0a0a0a;
flex-direction: column;
width: 100%;
text-decoration: none;
display: flex;
}
.top-project-template-hero {
justify-content: space-between;
align-items: center;
display: flex;
}
.master-project-template-hero {
grid-row-gap: 64px;
flex-direction: column;
display: flex;
}
.section-157 {
padding-top: 140px;
padding-bottom: 140px;
}
.section-157.project-template-hero {
padding-top: 200px;
padding-bottom: 70px;
font-family: Poppins, sans-serif;
}
.section-157.project-content {
padding-top: 70px;
padding-bottom: 70px;
}
.section-157.template-hero {
color: #fff;
background-color: #0a0a0a;
padding-top: 160px;
}
.section-157.hero-sales {
margin-top: -89px;
padding-top: 180px;
padding-bottom: 64px;
font-family: Poppins, sans-serif;
}
.section-157.subhero-home-b {
color: #686868;
background-color: #fff;
padding-top: 0;
padding-bottom: 100px;
font-family: Poppins, sans-serif;
}
.section-157.black {
color: #fefefe;
background-color: #0a0a0a;
padding-top: 40px;
padding-bottom: 40px;
font-family: Poppins, sans-serif;
overflow: hidden;
}
.section-157.gallery-home-a {
padding-top: 20px;
padding-bottom: 0;
position: relative;
}
.section-157.included-section {
padding-top: 120px;
padding-bottom: 40px;
font-family: Poppins, sans-serif;
}
.section-157.black {
color: #fefefe;
background-color: #0a0a0a;
padding-left: 20px;
}
.section-157.hero-blog-template {
padding-top: 220px;
padding-left: 20px;
padding-right: 20px;
font-family: Poppins, sans-serif;
}
.column-project-description-hero {
grid-row-gap: 16px;
flex-direction: column;
display: flex;
}
.column-project-description-hero.in-short-column {
max-width: 340px;
}
.no-margins-12 {
margin-top: 0;
margin-bottom: 0;
font-size: 4em;
}
.grid-project-template-hero {
grid-template-rows: auto;
grid-template-columns: 1.6fr 1fr 1fr .8fr;
}
.subtitle-9 {
color: #fff;
font-size: 22px;
line-height: 40px;
}
.rich-text-block-4 {
font-size: 10px;
}
.grid-halves-space-left-extra {
grid-template-rows: auto;
grid-template-columns: 200px 1fr;
}
.space-24 {
height: 24px;
}
.heading-493 {
color: #fff;
font-size: 5em;
font-weight: 400;
}
.body-9 {
display: block;
}
.navbar-right {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
justify-content: flex-end;
align-items: center;
display: flex;
}
.section-cta-contact {
color: #fff;
background-color: #000;
position: relative;
}
.nav-9 {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-direction: column;
align-items: flex-start;
padding-left: 0;
list-style-type: none;
display: flex;
}
.page-padding-11 {
padding-left: 3rem;
padding-right: 3rem;
}
.footer-grid-4 {
grid-column-gap: 4rem;
grid-row-gap: 4rem;
grid-template-rows: auto;
grid-template-columns: .5fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.mobile-menu {
z-index: 100;
display: none;
}
.button-line-left {
background-color: #000;
width: 20px;
height: 1px;
}
.footer-9 {
z-index: 0;
color: #fff;
background-color: #000;
margin-top: -1px;
position: relative;
}
.button-inner {
z-index: 6;
grid-column-gap: .5rem;
grid-row-gap: .5rem;
flex-direction: row;
justify-content: center;
align-items: center;
height: 12px;
display: flex;
position: relative;
overflow: hidden;
}
.heading-medium-4 {
font-size: 5rem;
font-weight: 500;
line-height: 100%;
}
.heading-medium-4.text-uppercase {
letter-spacing: 2px;
font-weight: 600;
}
.navbar-menu {
z-index: 9999;
grid-column-gap: 2rem;
grid-row-gap: 2rem;
align-items: center;
display: flex;
}
.marquee-secondary-text {
letter-spacing: 1.5px;
text-transform: uppercase;
white-space: nowrap;
font-size: 12px;
font-weight: 500;
line-height: 140%;
}
.navbar-menu-item-inner {
grid-column-gap: 2px;
grid-row-gap: 2px;
flex-direction: column;
position: relative;
}
.navbar-7 {
z-index: 1000;
}
.footer-grid-right-inner {
grid-column-gap: 6rem;
grid-row-gap: 6rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.mobile-menu-toggle {
display: none;
}
.banner-circle-wrapper {
z-index: 9999;
justify-content: flex-end;
max-width: 112.5rem;
margin-left: auto;
margin-right: auto;
display: flex;
position: fixed;
inset: auto 0% 0%;
}
.marquee-secondary-inner {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
padding-top: .5rem;
padding-bottom: .5rem;
display: flex;
}
.nav-item-line {
background-color: #000;
width: 0%;
height: 1px;
}
.nav-item-line.inverse {
background-color: #fff;
}
.nav-item-2 {
grid-column-gap: 2px;
grid-row-gap: 2px;
letter-spacing: 1.5px;
text-transform: uppercase;
flex-direction: column;
align-items: flex-start;
margin-bottom: 0;
padding-left: 0;
font-size: 13px;
font-weight: 500;
line-height: 150%;
transition: color .3s;
display: flex;
}
.nav-item-2.inverse {
color: #ffffffb3;
}
.nav-item-2.inverse:hover {
color: #fff;
}
.navbar-inner {
z-index: 2;
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-rows: auto;
grid-template-columns: 1fr auto;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: center;
padding-top: 2rem;
display: grid;
}
.margin-bottom-6 {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.footer-bottom-3 {
text-align: center;
justify-content: space-between;
align-items: center;
display: flex;
}
.subnav-item-line {
background-color: #222;
width: 0%;
height: 1px;
}
.subnav-item-line.inverse {
color: #fff;
}
.navbar-menu-item-line {
background-color: #000;
height: 1px;
position: absolute;
inset: auto auto -3px 0%;
}
.subnav-item {
grid-column-gap: 2px;
grid-row-gap: 2px;
letter-spacing: 1.5px;
text-transform: uppercase;
flex-direction: column;
margin-bottom: 0;
padding-left: 0;
font-size: 13px;
font-weight: 500;
line-height: 150%;
display: flex;
}
.subnav-item.w--current {
text-decoration: underline;
}
.subnav-item.inverse {
color: #ffffffb3;
}
.work-projects-grid {
grid-column-gap: 1rem;
grid-row-gap: 2rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.margin-top-2 {
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
}
.banner-circle {
position: absolute;
bottom: 2rem;
right: 4rem;
}
.main-wrapper-8 {
background-color: #fff;
max-width: 112.5rem;
margin-left: auto;
margin-right: auto;
position: relative;
box-shadow: 0 0 30px #00000008;
}
.header-9 {
z-index: 100;
}
.section-marquee-secondary {
color: #000;
background-color: #d2f65a;
overflow: hidden;
}
.button-inner-text {
justify-content: center;
align-items: center;
}
.button-56 {
color: #000;
text-align: center;
letter-spacing: 1.5px;
text-transform: uppercase;
background-color: #0000;
border: 1px solid #000;
justify-content: center;
margin: 0;
padding: 1rem 1.25rem;
font-size: 12px;
font-weight: 500;
line-height: 100%;
text-decoration: none;
transition: border .3s;
position: relative;
overflow: hidden;
}
.button-56:hover {
background-color: #f8f8f8;
}
.button-56.secondary {
background-color: #d2f65a;
border-width: 0;
border-color: #0000;
}
.button-56.secondary:hover {
border-color: #121416;
}
.text-meta {
letter-spacing: 1.5px;
text-transform: uppercase;
font-size: 13px;
font-weight: 500;
line-height: 140%;
}
.container-xxlarge {
width: 100%;
max-width: 112.5rem;
margin-left: auto;
margin-right: auto;
}
.text-style-link-3, .text-style-link-3:hover {
text-decoration: underline;
}
.footer-grid-left {
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
display: flex;
}
.padding-bottom-2 {
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.padding-bottom-2.padding-large {
padding-bottom: 3rem;
}
.banner-circle-image {
width: 120px;
}
.heading-h6 {
font-size: 1.125rem;
font-weight: 500;
line-height: 130%;
text-decoration: none;
}
.heading-h6:hover {
text-decoration: none;
}
.heading-h6.text-uppercase {
letter-spacing: 1px;
}
.clip {
overflow: hidden;
}
.section-work-projects {
z-index: 1;
}
.subnav {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-wrap: wrap;
align-items: flex-start;
padding-left: 0;
list-style-type: none;
display: flex;
}
.button-line-right {
background-color: #000;
width: 0;
height: 1px;
}
.section-work-heading {
z-index: 1;
}
.heading-large-4 {
font-size: 7rem;
font-weight: 500;
line-height: 100%;
}
.heading-large-4.text-uppercase {
letter-spacing: 4px;
text-transform: capitalize;
text-shadow: 4px 2px 1px #fecc2f;
margin-top: 10px;
font-size: 5rem;
font-weight: 600;
}
.mobile-menu-toggle-line._02 {
margin-top: -1px;
}
.mobile-menu-toggle-line._03 {
bottom: 0;
}
.navbar-right-button {
display: flex;
}
.container-xlarge {
width: 100%;
max-width: 100rem;
margin-left: auto;
margin-right: auto;
}
.navbar-menu-item-link {
grid-column-gap: 2px;
grid-row-gap: 2px;
color: #000;
letter-spacing: 1.5px;
text-transform: uppercase;
background-color: #0000;
align-items: center;
padding: 0;
font-size: 13px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
transition: background-color .3s;
display: flex;
}
.padding-vertical-4 {
padding-left: 0;
padding-right: 0;
}
.padding-vertical-4.padding-xlarge {
padding-top: 4rem;
padding-bottom: 4rem;
}
.mobile-menu-nav-link {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
justify-content: space-between;
align-items: center;
display: flex;
}
.text-block-165 {
padding: 16px 0;
font-size: 22px;
font-weight: 600;
}
.text-block-165.center-nav-link {
justify-content: center;
align-items: center;
padding-top: 0;
padding-bottom: 0;
display: flex;
}
.link-48 {
color: #fff;
text-transform: capitalize;
padding-left: 20px;
padding-right: 20px;
font-family: Degular, sans-serif;
font-size: 20px;
font-weight: 600;
}
.link-48.w--current {
text-transform: capitalize;
font-family: Degular, sans-serif;
font-size: 20px;
font-weight: 600;
}
.section-logos {
margin-bottom: 40px;
overflow: hidden;
}
.page-padding-12 {
width: 100%;
max-width: none;
padding-left: 2vw;
padding-right: 3vw;
}
.container-large-6 {
width: 100%;
max-width: none;
margin-left: 0;
margin-right: 0;
}
.logo-strip-wrapper {
justify-content: center;
align-items: center;
padding-top: 0;
padding-bottom: .25rem;
display: flex;
}
.logo-strip {
grid-column-gap: 5vw;
grid-row-gap: 4vw;
flex-wrap: wrap;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
place-content: stretch space-between;
padding-left: 54px;
padding-right: 50px;
display: grid;
}
.logo-icon {
opacity: .36;
justify-content: center;
align-items: center;
width: 10em;
min-width: auto;
height: 9em;
margin-top: 10px;
margin-bottom: 10px;
display: flex;
}
.logo-icon:hover {
opacity: 1;
}
.image-493 {
width: 100%;
min-width: 100%;
}
.right-hero-sales {
max-width: 448px;
}
.wrap-hero-sales {
justify-content: space-between;
align-items: flex-start;
margin-top: 72px;
display: flex;
}
.left-hero-sales {
grid-column-gap: 24px;
justify-content: flex-start;
align-items: center;
display: flex;
}
.main-container-7 {
max-width: 1360px;
padding-left: 24px;
padding-right: 40px;
}
.subtitle-10 {
font-size: 28px;
font-weight: 300;
line-height: 40px;
}
.heading-494 {
max-width: none;
font-size: 74px;
font-weight: 500;
line-height: 92px;
}
.single-sales-pages {
grid-row-gap: 24px;
flex-direction: column;
display: flex;
}
.center-tablet-2 {
font-size: 2em;
}
.grid-thirds-sales-page {
grid-column-gap: 24px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
}
.sales-card {
grid-column-gap: 16px;
grid-row-gap: 16px;
color: #0a0a0a;
text-align: center;
background-color: #eff3f5;
border-radius: 4px;
flex-direction: column;
justify-content: space-between;
align-items: center;
height: 100%;
margin-bottom: auto;
padding: 24px;
text-decoration: none;
transition: transform .2s;
display: flex;
}
.sales-card:hover {
transform: translate(0, -4px);
}
.image-sales-page {
border: 1px solid #1c353329;
border-radius: 4px;
width: 100%;
}
.no-margins-13 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-size: 2em;
font-weight: 300;
}
.service-h3-expandable-2 {
color: var(--black);
margin-top: 0;
margin-bottom: 0;
margin-right: 24px;
font-size: 32px;
font-weight: 600;
}
.faq-paragraph-3 {
transform-origin: 50% 0;
color: var(--black);
margin-bottom: 0;
padding-top: 16px;
padding-bottom: 12px;
font-size: 16px;
}
.big-text-2 {
color: #000;
font-size: 30px;
font-weight: 300;
line-height: 35px;
}
.center-tablet-3 {
color: #fff;
font-size: 3em;
font-weight: 300;
}
.top-industry-tile {
grid-row-gap: 16px;
flex-direction: column;
align-items: flex-start;
display: flex;
}
.master-industry-tile-content {
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
max-width: 528px;
display: flex;
}
.image-industry-tile {
width: 100%;
}
.master-industry-grids {
grid-row-gap: 100px;
flex-direction: column;
display: flex;
}
.space-56 {
height: 56px;
}
.heading-495 {
color: var(--white);
font-size: 3em;
font-weight: 300;
}
.grid-gallery-home-a {
z-index: 5;
grid-template-rows: auto;
grid-template-columns: 704px auto;
position: relative;
}
.image-home-gallery {
background-color: #0a0a0a;
min-height: 640px;
}
.image-home-gallery.image-one {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/6435e199aa94994221cd8cd2_IMG_8403.jpg");
background-position: 50%;
background-size: cover;
}
.image-home-gallery.image-two {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/6435e1cf3721b127422d9d92_IMG_0928.jpg");
background-position: 50%;
background-size: cover;
}
.color-fill-gallery-a {
z-index: 2;
background-color: #0a0a0a;
width: 100%;
height: 40%;
position: absolute;
inset: auto 0% 0%;
}
.color-fill-gallery-a.chinese {
background-color: #0000;
}
.big-text-3 {
color: #fff;
text-align: center;
font-size: 25px;
line-height: 140%;
}
.grid-fourths-sales-fourths {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
}
.no-margins-14 {
margin-top: 0;
margin-bottom: 0;
font-size: 1em;
}
.heading-496 {
color: #fff;
font-size: 2em;
}
.span-link {
color: #000;
font-weight: 700;
}
.included-card {
grid-column-gap: 16px;
grid-row-gap: 16px;
text-align: center;
background-color: #eff3f5;
border-radius: 1px;
flex-direction: column;
justify-content: space-between;
align-items: center;
height: 100%;
min-height: 340px;
padding: 0;
display: flex;
}
.included-card.figma-card {
grid-column-gap: 56px;
text-align: left;
flex-direction: row;
justify-content: flex-start;
min-height: 0;
padding: 32px;
}
.paragraph-big-6 {
font-size: 20px;
}
.wrap-figma-content {
grid-row-gap: 12px;
flex-direction: column;
align-items: flex-start;
display: flex;
}
.no-margins-15 {
margin-top: 0;
margin-bottom: 0;
font-size: 2em;
}
.included-padding-wrap {
grid-row-gap: 12px;
flex-direction: column;
align-items: center;
width: 100%;
padding: 24px;
display: flex;
}
.icon-figma {
width: 120px;
height: 120px;
}
.image-included {
width: 100%;
}
.heading-497 {
font-size: 3em;
}
.paragraph-141, .paragraph-142, .paragraph-143 {
font-size: 1.2em;
}
.text-block-166 {
color: var(--white);
font-family: Poppins, sans-serif;
font-size: 20px;
font-weight: 600;
}
.footer-dark {
background-color: #000;
border-bottom: 1px solid #e4ebf3;
padding: 50px 30px 15px;
font-family: Poppins, sans-serif;
position: relative;
}
.container-1305 {
width: 100%;
max-width: 940px;
margin-left: auto;
margin-right: auto;
}
.footer-wrapper-2 {
justify-content: space-between;
align-items: flex-start;
max-width: 900px;
margin-left: auto;
margin-right: auto;
display: flex;
}
.footer-content {
grid-column-gap: 70px;
grid-row-gap: 40px;
grid-template-rows: auto;
grid-template-columns: auto auto 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.footer-block {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.title-small-2 {
color: #fff;
letter-spacing: 1px;
text-transform: uppercase;
margin-bottom: 12px;
font-size: 14px;
font-weight: 700;
line-height: 16px;
}
.footer-link-5 {
color: #fff;
margin-top: 12px;
margin-bottom: 6px;
font-size: 14px;
line-height: 16px;
text-decoration: none;
}
.footer-link-5:hover {
color: #1a1b1fbf;
}
.footer-social-block {
justify-content: flex-start;
align-items: center;
margin-top: 12px;
margin-left: -12px;
display: flex;
}
.footer-social-link-2 {
background-color: #fecc2f;
border-radius: 20px;
margin-left: 12px;
}
.footer-divider {
background-color: #e4ebf3;
width: 100%;
height: 1px;
margin-top: 70px;
margin-bottom: 15px;
}
.footer-copyright-center {
color: #fff;
text-align: center;
font-size: 14px;
line-height: 16px;
}
.image-494 {
max-width: 35%;
}
.footer-light {
background-color: #000;
border-bottom: 1px solid #e4ebf3;
padding: 80px 30px 40px;
font-family: Poppins, sans-serif;
position: relative;
}
.footer-wrapper-two {
justify-content: space-between;
align-items: flex-start;
display: flex;
}
.footer-block-two {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.footer-title-3 {
color: #fff;
font-size: 18px;
font-weight: 500;
line-height: 32px;
}
.footer-link-two {
color: #fff;
margin-top: 20px;
margin-bottom: auto;
text-decoration: none;
}
.footer-link-two:hover {
color: #1a1b1fbf;
}
.footer-form-2 {
width: 315px;
max-width: 100%;
margin-bottom: 0;
}
.footer-form-block {
justify-content: center;
align-items: center;
margin-top: 24px;
display: flex;
}
.footer-form-field {
border: 1px solid #a6b1bf;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
height: 48px;
margin-bottom: 0;
padding: 12px 16px;
font-size: 14px;
line-height: 22px;
transition: all .2s;
}
.footer-form-field:hover, .footer-form-field:focus {
border-color: #76879d;
}
.footer-form-field::placeholder {
color: #1a1b1fcc;
font-size: 14px;
line-height: 22px;
}
.footer-form-submit {
background-color: #1a1b1f;
background-image: url("https://cdn.prod.website-files.com/62434fa732124a0fb112aab4/62434fa732124a29b112aac4_ic%20Arrow%20Go.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: auto;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
width: 50px;
height: 48px;
transition: all .2s;
}
.footer-form-submit:hover {
background-color: #3a4554;
}
.footer-divider-two {
background-color: #e4ebf3;
width: 100%;
height: 1px;
margin-top: 40px;
margin-bottom: 40px;
}
.footer-bottom-4 {
justify-content: space-between;
align-items: flex-end;
display: flex;
}
.footer-copyright-2 {
color: #fff;
}
.footer-social-block-two {
justify-content: flex-start;
align-items: center;
margin-top: 0;
margin-left: -12px;
display: flex;
}
.image-495, .image-496 {
background-color: #fecc2f;
border-radius: 20px;
}
.image-497 {
max-width: 15%;
}
.paragraph-big-7 {
color: #fff;
font-size: 20px;
}
.faq-paragraph-4 {
transform-origin: 50% 0;
color: #fff;
margin-bottom: 0;
padding-top: 16px;
padding-bottom: 12px;
font-family: Poppins, sans-serif;
font-size: 1.2em;
font-weight: 300;
}
.limit-1089 {
width: 100%;
max-width: 416px;
}
.space-81 {
height: 16px;
}
.no-margins-16 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-size: 2em;
}
.faq-h3-2 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
margin-right: 24px;
font-family: Poppins, sans-serif;
font-size: 1.5em;
font-weight: 600;
}
.main-container-8 {
max-width: 1360px;
padding-left: 24px;
padding-right: 24px;
}
.text-block-167 {
color: #fff;
}
.list-blog-thirds {
grid-column-gap: 32px;
grid-row-gap: 32px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.columns-blog-template-hero {
display: flex;
}
.image-blog {
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
background-position: 50%;
background-size: cover;
width: 100%;
min-height: 350px;
}
.space-120 {
height: 120px;
}
.no-margins-17 {
margin-top: 0;
margin-bottom: 0;
font-size: 3em;
font-weight: 300;
}
.limit-1090 {
width: 100%;
max-width: 774px;
}
.column-left-blog-template {
padding: 0 100px 0 0;
}
.bottom-blog-template {
grid-column-gap: 40px;
align-items: center;
display: flex;
}
.left-blog-template {
flex-direction: column;
justify-content: space-between;
height: 100%;
display: flex;
}
.column-image-blog {
padding: 0;
}
.space-140 {
height: 140px;
}
.main-container-9 {
max-width: 1360px;
padding-left: 60px;
padding-right: 60px;
}
.wrap-minutes-read {
grid-column-gap: 6px;
justify-content: flex-start;
align-items: center;
display: flex;
}
.overlay-3 {
background-color: #04080c80;
position: absolute;
inset: 0%;
}
.heading-498.large {
margin-top: 0;
font-family: Poppins, sans-serif;
font-size: 55px;
}
.hero-top-content {
margin-top: 100px;
padding-top: 60px;
padding-bottom: 140px;
}
.hero-top-content.tall {
margin-top: auto;
padding-top: 100px;
padding-bottom: 180px;
}
.meta-card {
grid-column-gap: 16px;
grid-row-gap: 18px;
text-align: center;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
justify-content: center;
justify-items: center;
display: grid;
}
.medium-width {
max-width: 550px;
}
.outline {
border: 1px solid #ffffff1a;
border-radius: 100%;
margin: 9px;
position: absolute;
inset: 0%;
}
.content-grid-2 {
grid-column-gap: 0px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
place-items: stretch start;
width: 100%;
display: grid;
position: relative;
}
.circle-link {
color: #fff;
letter-spacing: 4px;
text-transform: uppercase;
background-color: #060a0e;
border: 1px #ffffff1a;
border-radius: 100%;
justify-content: center;
align-items: center;
width: 140px;
height: 140px;
padding: 6px;
font-size: 10px;
text-decoration: none;
display: flex;
position: relative;
}
.subtitle-11 {
z-index: 10;
color: #fffc;
letter-spacing: 5px;
text-transform: uppercase;
font-family: Poppins, sans-serif;
font-size: 15px;
position: relative;
}
.subtitle-11.title {
color: #000c;
}
.subtitle-11.sub {
color: #000c;
font-size: 20px;
}
.circle-link-hover {
background-color: #fff;
border-radius: 100%;
width: 100%;
height: 100%;
display: none;
position: absolute;
inset: 0%;
}
.project-hero-banner {
border-bottom: 1px solid #ffffff1a;
flex: 1;
justify-content: center;
min-height: 725px;
padding-top: 0;
display: flex;
position: relative;
}
.body-display-2 {
color: #000000e6;
font-size: 18px;
line-height: 1.6em;
}
.body-display-2.large {
color: #000000e6;
text-align: center;
font-family: Poppins, sans-serif;
font-size: 20px;
}
.background-wrapper {
justify-content: center;
align-items: center;
display: flex;
position: absolute;
inset: 0%;
overflow: hidden;
}
.background-image-2 {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/62100836f4e95b8fbd87480f_agency-portfolio-template-07.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
margin-right: 0;
position: absolute;
inset: 0%;
}
.centered-intro {
grid-column-gap: 16px;
grid-row-gap: 48px;
text-align: center;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
justify-content: center;
justify-items: center;
max-width: 700px;
margin-left: auto;
margin-right: auto;
display: grid;
}
.project-meta {
grid-column-gap: 0px;
grid-row-gap: 16px;
color: #fff;
grid-template-rows: auto;
grid-template-columns: auto;
grid-auto-columns: auto;
grid-auto-flow: column;
justify-content: space-between;
align-items: center;
padding-top: 60px;
padding-bottom: 80px;
display: grid;
}
.button-text-6 {
z-index: 25;
position: relative;
}
.link-wrapper-4 {
margin-top: -70px;
padding-bottom: 41px;
position: relative;
}
.project-cms-hero {
flex-direction: column;
justify-content: space-between;
min-height: 65vh;
font-family: Poppins, sans-serif;
display: flex;
overflow: hidden;
}
.heading-499, .heading-500, .heading-501, .heading-502 {
color: #fff;
font-size: 2em;
}
.overlay-4 {
background-color: #04080c80;
position: absolute;
inset: 0%;
}
.overlay-4.light {
background-color: #04080c4d;
}
.heading-503 {
font-size: 2.5em;
}
.anchor-link {
color: #fff;
letter-spacing: 5px;
text-transform: uppercase;
border-bottom: 1px solid #ffffff1a;
margin-bottom: 10px;
padding-top: 24px;
padding-bottom: 24px;
font-size: 11px;
text-decoration: none;
transition: background-color .5s, padding .5s cubic-bezier(.25, .46, .45, .94);
position: relative;
overflow: hidden;
}
.anchor-link:hover {
padding-left: 24px;
padding-right: 24px;
}
.anchor-link.w--current {
background-color: #8ea5b60d;
margin-bottom: 10px;
padding-left: 24px;
padding-right: 24px;
}
.project-stage-info {
grid-column-gap: 16px;
grid-row-gap: 24px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
max-width: 875px;
display: grid;
}
.section-158 {
color: #000;
border-bottom: 1px solid #ffffff1a;
flex-direction: column;
justify-content: center;
align-items: stretch;
padding-top: 180px;
padding-bottom: 180px;
font-family: Poppins, sans-serif;
position: relative;
overflow: visible;
}
.arrow-wrapper {
z-index: 25;
position: relative;
overflow: hidden;
}
.project-stage-title {
grid-column-gap: 16px;
grid-row-gap: 36px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
max-width: 850px;
display: grid;
}
.hover-cover {
background-color: #0000;
border-radius: 20px;
position: absolute;
inset: 0%;
}
.stages-sidebar {
grid-column-gap: 16px;
grid-row-gap: 24px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
max-width: 275px;
padding-right: 36px;
display: grid;
position: sticky;
top: 124px;
}
.client-quote-wrapper {
grid-column-gap: 0px;
grid-row-gap: 140px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.project-stage-list {
grid-column-gap: 16px;
grid-row-gap: 140px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
align-content: start;
display: grid;
}
.large-width-2 {
max-width: 800px;
}
.project-stage {
grid-column-gap: 16px;
grid-row-gap: 60px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.anchor-list {
grid-column-gap: 16px;
grid-row-gap: 0px;
border-top: 1px solid #ffffff1a;
flex: 1;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
font-size: 20px;
display: grid;
}
.tab-title {
z-index: 25;
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr auto;
grid-auto-columns: 1fr;
width: 100%;
margin-left: auto;
margin-right: auto;
display: grid;
position: relative;
}
.project-arrow {
width: 18px;
min-width: 18px;
}
.stage-banner {
width: 100%;
height: 40vw;
max-height: 850px;
position: relative;
overflow: hidden;
}
.text-block-168 {
color: #000;
font-size: 15px;
}
.text-block-169, .text-block-170, .text-block-171 {
color: #000;
font-size: 13px;
}
.gallery-image-wrapper {
position: absolute;
inset: 0%;
overflow: hidden;
}
.gallery-lightbox {
width: 100%;
}
.section-159 {
border-bottom: 1px solid #ffffff1a;
flex-direction: column;
justify-content: center;
align-items: stretch;
padding-top: 180px;
padding-bottom: 180px;
position: relative;
overflow: visible;
}
.section-159.clip {
overflow: hidden;
}
.gallery-image-background {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/64446c2312cafd8c169b623d_Image082.jpeg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
margin-right: -100px;
position: absolute;
inset: 0%;
overflow: hidden;
}
.gallery-image-2 {
height: 31vw;
max-height: 725px;
position: relative;
overflow: hidden;
}
.gallery-image-grid {
grid-column-gap: 48px;
grid-row-gap: 48px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.heading-504 {
font-size: 2.5em;
}
.heading-505, .heading-506 {
font-size: 2.4em;
}
.overlay-5 {
background-color: #04080c80;
position: absolute;
inset: 0%;
}
.overlay-5.extra-dark {
background-color: #04080cb3;
}
.section-title-11 {
z-index: 10;
justify-content: flex-start;
padding-top: 0;
padding-bottom: 180px;
display: flex;
position: relative;
overflow: hidden;
}
.section-title-11.hide {
display: none;
}
.avatar {
border: 1px solid #ffffff1a;
border-radius: 100%;
width: 90px;
height: 90px;
padding: 9px;
transform: rotate(45deg);
}
.client-info {
grid-column-gap: 24px;
grid-row-gap: 16px;
text-align: left;
grid-template-rows: auto;
grid-template-columns: auto 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.section-160 {
border-bottom: 1px solid #ffffff1a;
flex-direction: column;
justify-content: center;
align-items: stretch;
padding-top: 180px;
padding-bottom: 180px;
position: relative;
overflow: visible;
}
.section-160.clip {
overflow: hidden;
}
.heading-separator {
background-color: #ffffff1a;
width: 60px;
height: 2px;
}
.testimonial-text-2.large {
color: #fff;
font-size: 48px;
}
.client-quote {
grid-column-gap: 16px;
grid-row-gap: 48px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
justify-content: start;
justify-items: start;
max-width: 800px;
padding-top: 48px;
padding-bottom: 48px;
font-family: Poppins, sans-serif;
display: grid;
}
.subtitle-12 {
z-index: 10;
color: #fffc;
letter-spacing: 2px;
text-transform: uppercase;
font-size: 11px;
position: relative;
}
.looping-heading-wrapper {
grid-column-gap: 48px;
grid-row-gap: 16px;
white-space: nowrap;
grid-template-rows: auto;
grid-template-columns: auto;
grid-auto-columns: auto;
grid-auto-flow: column;
align-items: center;
padding-right: 48px;
display: grid;
}
.dynamic-heading {
grid-column-gap: 13px;
grid-row-gap: 14px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.looping-heading {
letter-spacing: 0;
text-transform: uppercase;
font-size: 52px;
font-weight: 700;
}
.looping-wrapper {
grid-column-gap: 0px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: auto;
grid-auto-columns: auto;
grid-auto-flow: column;
justify-content: stretch;
place-items: center stretch;
display: grid;
}
.avatar-background {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/6435cf60e217a5d4e5a9737d_Gallery%202.webp");
background-position: 50% 20%;
background-repeat: no-repeat;
background-size: cover;
border-radius: 100%;
width: 100%;
height: 100%;
transform: rotate(-45deg);
}
.client-name {
grid-column-gap: 12px;
grid-row-gap: 9px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.heading-507 {
color: #fff;
}
.content-grid-3 {
grid-column-gap: 0px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
display: grid;
position: relative;
}
.section-161 {
border-bottom: 1px solid #ffffff1a;
flex-direction: column;
justify-content: center;
align-items: stretch;
padding-top: 180px;
padding-bottom: 180px;
position: relative;
overflow: visible;
}
.section-161.clip {
overflow: hidden;
}
.subtitle-13 {
z-index: 10;
color: #000c;
letter-spacing: 5px;
text-transform: uppercase;
font-family: Poppins, sans-serif;
font-size: 20px;
position: relative;
}
.grid-wrapper-3 {
z-index: 20;
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: 1fr;
grid-template-columns: minmax(5vw, 1fr) minmax(auto, 1500px) minmax(5vw, 1fr);
grid-auto-rows: auto;
grid-auto-columns: 1fr;
width: 100%;
display: grid;
position: relative;
}
.global_embed {
width: 0;
height: 0;
position: fixed;
inset: 0% 0% auto;
overflow: hidden;
}
.work-grid_list {
flex-flow: wrap;
justify-content: flex-start;
align-items: stretch;
display: flex;
}
.nav_component-2 {
z-index: 1000;
background-color: #fff;
width: 100%;
position: fixed;
inset: 0% 0% auto;
}
.nav_logo-3 {
justify-content: center;
align-items: center;
display: flex;
}
.work-grid_item {
flex-direction: column;
justify-content: flex-start;
align-items: stretch;
width: 33.3333%;
padding: 12px;
display: flex;
}
.nav_menu-link {
opacity: .31;
color: #000;
padding: 1.2em .9em;
transition: opacity .2s;
}
.nav_menu-link:hover {
opacity: 1;
}
.nav_menu-link.w--current {
opacity: 1;
color: #000;
}
.container-1306 {
width: 100%;
margin-left: auto;
margin-right: auto;
padding: 3.75em;
}
.container-1306.is-nav {
justify-content: space-between;
align-items: stretch;
padding-top: 0;
padding-bottom: 0;
display: flex;
}
.container-1306.is-work-grid {
padding-top: 6.85em;
}
.nav_menu-3 {
margin-right: -.9em;
}
.nav_logo-img {
width: 4.75em;
margin-top: 4%;
}
.grid-25 {
grid-template-rows: auto auto auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.container-1307 {
margin-top: 20px;
}
.container-1308 {
max-width: 1170px;
margin-left: auto;
margin-right: auto;
padding: 3rem 20px;
}
.project-list-wrapper {
margin-bottom: 10em;
}
.project-collection-item {
text-align: left;
flex-direction: row;
justify-content: flex-start;
display: flex;
}
.project-collection-item:nth-child(odd) {
justify-content: flex-start;
}
.project-collection-item:nth-child(2n) {
justify-content: flex-end;
}
.heading-508 {
text-align: center;
}
.heading-509 {
font-family: PT Serif, serif;
font-size: 4em;
}
.heading-510 {
text-align: center;
font-family: Poppins, sans-serif;
font-size: 4em;
}
.link-49 {
text-decoration: underline;
}
.section-163 {
padding-top: 140px;
padding-bottom: 140px;
}
.no-margins-18 {
margin-top: 0;
margin-bottom: 0;
}
.space-141 {
height: 64px;
}
.paragraph-big-8 {
font-size: 20px;
}
.no-margins-19 {
margin-top: 0;
margin-bottom: 0;
}
.section-164 {
z-index: 20;
border-bottom: 1px solid #eff9fc1a;
justify-content: center;
padding-top: 180px;
padding-bottom: 180px;
display: flex;
position: relative;
overflow: visible;
}
.grid-wrapper-4 {
z-index: 25;
grid-column-gap: 0px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: minmax(5vw, 1fr) minmax(auto, 1400px) minmax(5vw, 1fr);
grid-auto-columns: 1fr;
width: 100%;
display: grid;
position: relative;
}
.projects-grid {
grid-column-gap: 80px;
grid-row-gap: 100px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
width: 100%;
margin-left: auto;
margin-right: auto;
padding-bottom: 0;
display: grid;
}
.projects-grid.dual {
grid-column-gap: 80px;
grid-template-columns: 1fr 1fr;
}
.project-card {
grid-column-gap: 36px;
grid-row-gap: 36px;
color: #fff;
grid-template-rows: 1fr auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
width: 100%;
height: 100%;
min-height: 400px;
padding-bottom: 24px;
text-decoration: none;
display: grid;
position: relative;
overflow: visible;
}
.project-outline-wrapper {
z-index: 5;
border: 1px #eff9fc1a;
margin: 1px;
position: absolute;
inset: 0%;
}
.project-info-2 {
grid-column-gap: 16px;
grid-row-gap: 24px;
text-align: center;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
justify-items: center;
display: grid;
}
.project-image {
justify-content: center;
align-items: center;
height: 55vh;
min-height: 450px;
display: flex;
position: relative;
overflow: visible;
transform: rotate(0);
}
.subtitle-14 {
color: #000c;
letter-spacing: 4px;
text-transform: uppercase;
font-size: 11px;
}
.project-background {
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
margin: -2px;
position: absolute;
inset: 0%;
}
.project-image-wrapper {
z-index: 10;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
position: relative;
overflow: hidden;
}
.card-outline {
border: 1px solid #eff9fc1a;
flex-direction: column;
align-items: flex-start;
display: flex;
position: absolute;
inset: 0%;
}
.project-line {
background-color: #eff9fc1a;
width: 48px;
height: 1px;
}
.project-meta-2 {
grid-column-gap: 18px;
grid-row-gap: 18px;
grid-template-rows: auto;
grid-template-columns: auto auto auto;
grid-auto-columns: 1fr;
justify-content: center;
place-items: center;
display: grid;
}
.heading-511 {
font-size: 2em;
}
.section-165 {
background-color: #0000;
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/63016c22c3979ff07d097426_topographic.svg");
background-position: 50%;
background-size: auto;
height: 40vw;
}
.columns-22 {
height: auto;
padding-left: 20px;
padding-right: 20px;
}
.column-70 {
align-items: center;
height: 40vw;
display: flex;
}
.column-71 {
flex-direction: column;
justify-content: center;
align-items: center;
height: 40vw;
font-family: Poppins, sans-serif;
display: flex;
}
.image-498 {
-webkit-text-fill-color: inherit;
background-clip: border-box;
border: 1px solid #0000;
border-radius: 20px;
}
.text-block-172 {
padding-bottom: 10px;
font-size: 50px;
font-weight: 600;
line-height: 65px;
}
.container-1309 {
align-self: flex-start;
padding-top: 0;
}
.text-block-173 {
color: #fecc2f;
-webkit-text-stroke-width: 0px;
text-transform: uppercase;
white-space: normal;
font-weight: 600;
}
.paragraph-144 {
font-size: 1em;
}
.grid-26 {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
}
.body-10 {
background-color: #fff;
}
.div-block-250 {
grid-column-gap: 16px;
grid-row-gap: 16px;
border-right: 1px #000;
flex-direction: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: center;
display: block;
}
.date-readtime-text-2 {
opacity: .8;
color: #000;
margin-right: 4px;
}
.author-social-div-2 {
justify-content: space-between;
align-items: flex-end;
width: 100%;
margin-top: 25px;
display: flex;
}
.profile-button-2 {
background-color: #7a878d;
border-radius: 50px;
margin-left: 10px;
padding: 3px 10px 2px;
transition: all .2s;
}
.profile-button-2:hover {
opacity: .8;
}
.name-and-button-2 {
align-items: center;
margin-bottom: 2px;
display: flex;
}
.author-name-4 {
color: #000;
margin-bottom: 0;
font-weight: 500;
}
.inctabutton-2 {
color: #000;
text-align: center;
background-color: #fecc2f;
border-radius: 0;
width: 100.5%;
margin-bottom: -3px;
margin-right: 0;
padding-top: 14px;
padding-bottom: 14px;
font-size: 16px;
font-weight: 600;
line-height: 22px;
transition: all .2s;
}
.inctabutton-2:hover {
background-color: #000;
}
.text-block-174 {
font-weight: 600;
}
.rich-text-block-5 {
color: #000;
font-family: Poppins, sans-serif;
font-size: 13px;
font-weight: 400;
line-height: 29px;
}
.image-499 {
width: 55px;
margin-top: -50px;
margin-bottom: 13px;
}
.article-section-2 {
flex-direction: column;
align-items: center;
width: auto;
padding-top: 75px;
display: flex;
}
.article-section-2._2 {
border-top: 2px solid #000;
padding-top: 100px;
}
.heading-512 {
font-size: 2.5vh;
}
.heading-513, .heading-514, .heading-515, .heading-516 {
font-size: 3vh;
}
.paragraph-145, .paragraph-146, .paragraph-147, .paragraph-148, .paragraph-149 {
font-size: 1.3em;
}
.text-block-22 {
font-family: Poppins, sans-serif;
font-size: 42px;
font-weight: 300;
line-height: 120%;
}
.photo-item, .desc__item {
max-width: 50%;
padding: 24px;
}
.paragraph-150 {
color: #5f5f5f;
padding-top: 24px;
}
.text--item {
margin-top: 24px;
}
.container-1310 {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
padding-left: 15px;
padding-right: 15px;
}
.product__inner {
justify-content: space-between;
align-items: center;
padding-top: 32px;
padding-bottom: 32px;
display: flex;
}
.product-section-reverse {
background-color: #fafafa;
}
.product-image {
border-radius: 24px;
}
.text-block-23 {
font-family: Poppins, sans-serif;
font-size: 42px;
font-weight: 300;
line-height: 120%;
}
.paragraph-151 {
color: #5f5f5f;
padding-top: 24px;
}
.container-1311 {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
padding-left: 15px;
padding-right: 15px;
}
.subscribe--footer-3 {
justify-content: center;
align-items: center;
padding-top: 16px;
padding-bottom: 0;
display: flex;
}
.text-block-24 {
color: #fff;
display: inline-block;
}
.title_sub {
color: #fff;
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 24px;
font-weight: 600;
line-height: 110%;
}
.submit-button-4 {
color: #191817;
background-color: #ffc356;
width: 100%;
height: 50px;
font-size: 16px;
font-weight: 700;
display: block;
}
.pargraph_sub {
padding-top: 16px;
line-height: 150%;
}
.bold-text-44 {
color: #191817;
}
.form-7 {
padding-top: 20px;
}
.text-field-12 {
height: 50px;
}
.container-1312 {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
padding-left: 15px;
padding-right: 15px;
}
.subscribe {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/63016c22c3979ff07d097426_topographic.svg");
background-position: 0 0;
background-size: auto;
margin-top: 0;
position: relative;
}
.subscribe--child-2 {
text-align: center;
flex-direction: column;
flex: 0 auto;
align-items: center;
display: flex;
}
.image-14 {
height: 16px;
padding-left: 8px;
}
.subscribe-form-2 {
width: 400px;
}
.subscribe__inner {
background-color: #fecc2f;
border-radius: 24px;
flex-direction: column;
justify-content: center;
align-items: center;
margin-top: 100px;
margin-left: 11px;
margin-right: 11px;
padding-top: 64px;
padding-bottom: 64px;
display: flex;
box-shadow: 3px 3px 13px 5px #0000001a;
}
.subscribe__inner.white {
background-color: #fff;
padding-left: 40px;
padding-right: 40px;
}
.section-destina {
background-color: #f5f5f5;
}
.card-item-3 {
background-color: #fff;
border-radius: 10px;
padding: 2rem;
box-shadow: 0 4px 16px #00000026;
}
.page-padding-13 {
padding-left: 2rem;
padding-right: 2rem;
}
.big-card-content-wrapper {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.button-blue {
background-color: #3e3e3e;
border-radius: .5rem;
padding: 12px 24px;
font-size: 1rem;
transition: all .4s;
}
.button-blue:hover {
background-color: #55d099;
}
.heading-517 {
font-family: Poppins, sans-serif;
font-size: 3rem;
font-weight: 300;
line-height: 1;
}
.heading-517.bold {
font-weight: 700;
}
.heading-517.bold.show-in-mobile {
display: none;
}
.card-content-wrapper {
grid-column-gap: 16px;
grid-row-gap: 0rem;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
font-family: Poppins, sans-serif;
display: grid;
}
.paragraph-main {
font-size: 1rem;
line-height: 1.5;
}
.destina-grid {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.lottie-animation-12 {
width: 100px;
height: 100px;
}
.destina-sec-header {
text-align: center;
justify-content: center;
align-items: center;
min-height: 400px;
display: flex;
}
.container-1313 {
max-width: 1080px;
margin-left: auto;
margin-right: auto;
position: relative;
}
.card-item-big-margin {
grid-column-gap: 16px;
grid-row-gap: 16px;
background-color: #fff;
border-radius: 10px;
grid-template-rows: auto;
grid-template-columns: .5fr 1fr;
grid-auto-columns: 1fr;
margin-top: 1.5rem;
padding: 2rem;
display: grid;
box-shadow: 0 4px 16px #00000026;
}
.padding-vertical-2 {
padding-top: 3rem;
padding-bottom: 3rem;
}
.heading-518, .heading-519, .heading-520, .heading-521, .heading-524, .heading-525 {
font-size: 2em;
}
.team-info-wrapper {
z-index: 1;
border: 1px solid #333;
border-radius: 1rem;
flex-direction: column;
justify-content: space-between;
padding: 1.5rem;
display: flex;
position: absolute;
inset: 0%;
overflow: hidden;
}
.container-1314 {
max-width: 90rem;
margin-left: auto;
margin-right: auto;
}
.team-image-wrapper {
z-index: 0;
border-radius: 1rem;
position: absolute;
inset: 0%;
overflow: hidden;
}
.image-500 {
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.team-grid {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-wrap: wrap;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: -4em;
margin-bottom: -4em;
padding-top: 6em;
padding-bottom: 6em;
display: grid;
}
.team-card {
border-radius: 1rem;
padding-top: 28em;
position: relative;
}
.team-component {
padding-top: 3em;
padding-bottom: 3em;
}
.page-padding-14 {
padding-left: 2.5rem;
padding-right: 2.5rem;
}
.bottom-margin {
margin-bottom: .7em;
}
.team-header {
font-size: 1.6em;
}
.headerbar {
z-index: 10;
background-color: #000;
border-radius: 16px;
justify-content: center;
align-items: center;
width: 90%;
max-width: 1280px;
height: 70px;
margin-top: 16px;
margin-left: auto;
margin-right: auto;
padding: 8px 8px 8px 24px;
display: flex;
position: fixed;
inset: 0% 0% auto;
overflow: hidden;
}
.brandlink {
filter: invert();
flex-direction: row;
align-items: center;
width: 80px;
height: 100%;
display: flex;
}
.brandlink.w--current {
filter: invert();
}
.brandimage {
width: 100%;
}
.headerlinks {
grid-column-gap: 32px;
color: #fff;
flex-direction: row;
justify-content: center;
align-items: center;
width: auto;
height: 100%;
font-size: 14px;
text-decoration: none;
display: flex;
}
.headerlink {
color: #fff;
justify-content: center;
align-items: center;
height: 100%;
font-size: 12px;
text-decoration: none;
transition: all .2s;
display: flex;
}
.headerlink:hover {
text-decoration: underline;
}
.headerlink.w--current {
opacity: .4;
}
.buttonprimary {
color: #fff;
text-align: center;
background-color: #000;
border-radius: 16px;
margin-top: 0;
margin-bottom: 0;
padding: 24px 32px;
font-size: 18px;
font-weight: 400;
text-decoration: none;
transition: all .2s;
display: block;
}
.buttonprimary:hover {
color: #000;
background-color: #fff;
}
.buttonprimary.header {
color: #000;
background-color: #fecc2f;
border-radius: 8px;
justify-content: center;
align-items: center;
height: 100%;
padding: 11px 30px;
font-size: 16px;
font-weight: 700;
line-height: 100%;
display: flex;
}
.buttonprimary.header:hover {
background-color: #fff;
}
.buttonprimary.pink {
border: 1px solid #000;
}
.buttonprimary.pink:hover {
background-color: #ffd8c2;
}
.link-block-27 {
margin-bottom: 0;
}
.link-50 {
color: var(--white);
padding-left: 10px;
padding-right: 10px;
font-family: Poppins, sans-serif;
font-weight: 600;
}
.gridcontainer {
z-index: 2;
justify-content: space-between;
align-items: center;
width: 80%;
display: flex;
position: relative;
}
.h2_hero {
font-size: 20px;
line-height: 130%;
}
.circlespin {
width: 220px;
height: 220px;
position: relative;
}
.heroingo {
grid-column-gap: 0px;
grid-row-gap: 32px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
align-content: center;
place-items: center stretch;
width: 36%;
}
.maincard {
background-color: #0000;
border-radius: 24px;
justify-content: center;
align-items: center;
display: flex;
}
.bigelement {
width: 90%;
max-width: none;
position: absolute;
}
.bigelement.diamond {
z-index: 0;
width: 96%;
}
.bigelement.bigdiamond {
z-index: 0;
width: 1080px;
height: 1080px;
inset: auto 8% auto auto;
}
.sectiontitle {
width: 32%;
font-size: 50px;
}
.sectiontitle.inside {
z-index: 2;
width: 100%;
position: relative;
}
.sectiontitle.bigger {
width: 100%;
}
.ag_unit {
grid-column-gap: 0px;
grid-row-gap: 16px;
-webkit-backdrop-filter: blur(4px);
backdrop-filter: blur(4px);
background-color: #ffffff7a;
border: 1px solid #000;
border-radius: 16px;
grid-template-columns: 1fr;
padding: 32px;
}
.whoooolegrid {
grid-column-gap: 0px;
grid-row-gap: 120px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
width: 90%;
max-width: 1280px;
margin-left: auto;
margin-right: auto;
display: grid;
}
.whoooolegrid.hero {
margin-top: 102px;
}
.h1_hero {
max-width: 540px;
margin-top: 0;
margin-bottom: 0;
font-family: Poppins, sans-serif;
font-size: 80px;
}
.insidecard {
background-color: #ffd8c2;
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/649cc7d3d55e502ff015aa3f_WhiteCircle.svg");
background-position: 50% -20%;
background-repeat: no-repeat;
background-size: 1080px;
border-radius: 24px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 102%;
height: 100%;
padding: 64px;
position: relative;
}
.insidecard.white {
background-color: #fff;
background-image: none;
border: 1px solid #000;
justify-content: center;
display: flex;
overflow: hidden;
}
.sectionlabel {
z-index: 1;
text-align: right;
text-transform: uppercase;
font-size: 12px;
line-height: 100%;
position: absolute;
inset: 24px auto auto 24px;
}
.sectionlabel.white {
color: #fff;
}
.audiencegrid {
grid-column-gap: 32px;
grid-row-gap: 32px;
width: 60%;
}
.circlew {
width: 80px;
position: absolute;
}
.herospin {
justify-content: center;
align-items: center;
height: 220px;
display: flex;
position: relative;
}
.heading-526 {
font-size: 2em;
}
.paragraph-152 {
font-size: 1.2em;
}
.gridcontainer-2 {
z-index: 2;
justify-content: space-between;
align-items: center;
width: 100%;
display: flex;
position: relative;
}
.insidecard-2 {
background-color: #ffd8c2;
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/649cc7d3d55e502ff015aa3f_WhiteCircle.svg");
background-position: 50% -20%;
background-repeat: no-repeat;
background-size: 1080px;
border-radius: 24px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
padding: 64px;
position: relative;
}
.insidecard-2.white {
background-color: #fff;
background-image: none;
border: 1px solid #000;
justify-content: center;
display: flex;
overflow: hidden;
}
.heading-527, .heading-528 {
font-size: 2em;
}
.paragraph-153, .paragraph-154 {
font-size: 1em;
}
.heading-529, .heading-530 {
font-size: 2em;
}
.paragraph-155, .paragraph-156 {
font-size: 1em;
}
.h3_pricing {
font-family: Degular, sans-serif;
font-size: 32px;
}
.h2_middletext {
z-index: 1;
color: #000;
text-align: center;
max-width: 1280px;
margin: 0 auto 40px;
font-family: Poppins, sans-serif;
font-size: 50px;
position: relative;
}
.radiolabel {
text-align: center;
line-height: 110%;
position: absolute;
}
.formcombo {
grid-column-gap: 0px;
grid-row-gap: 8px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.portfoliocontainer {
z-index: 1;
grid-column-gap: 32px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: .75fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: flex-start;
width: 100%;
margin-bottom: 0;
display: grid;
position: relative;
}
.pricinggrid {
grid-column-gap: 32px;
grid-row-gap: 32px;
grid-template: "."
"."
"Area"
/ 1fr 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
margin-top: 40px;
display: grid;
position: relative;
}
.checkbox-field {
justify-content: center;
align-items: center;
height: 64px;
margin-bottom: 0;
padding-left: 0;
display: flex;
position: relative;
}
.h3_small {
font-size: 20px;
}
.h_leftcard {
border: 1px solid #000;
border-radius: 24px;
justify-content: center;
align-items: center;
padding: 64px;
display: flex;
position: relative;
overflow: hidden;
}
.h_leftcard.pink {
z-index: 1;
z-index: 1;
background-color: #ffd8c2;
border-style: none;
}
.cardtitle {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
font-family: Poppins, sans-serif;
font-size: 24px;
line-height: 110%;
display: flex;
}
.fulltitle {
text-align: center;
border: 1px #000;
border-radius: 24px;
width: 100%;
padding: 24px;
}
.form-8 {
z-index: 2;
text-transform: uppercase;
margin-bottom: 0;
font-size: 16px;
position: relative;
}
.dividerline {
opacity: .2;
border-top: 1px solid #e5ff7e;
width: 100%;
}
.p_image {
object-fit: cover;
width: 100%;
height: 100%;
overflow: hidden;
}
.strip {
grid-column-gap: 0px;
grid-row-gap: 16px;
flex-direction: column;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
place-content: center;
place-items: flex-start stretch;
width: 100%;
height: 100%;
display: flex;
}
.label-5 {
margin-bottom: 0;
font-weight: 400;
line-height: 100%;
}
.cardlabel {
color: #0009;
text-transform: uppercase;
font-family: Poppins, sans-serif;
font-size: 12px;
font-weight: 400;
line-height: 100%;
}
.sucessinfo {
grid-row-gap: 8px;
background-color: #ffd8c2;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
padding: 24px 10%;
font-size: 32px;
display: flex;
}
.pl_unit {
color: #000;
justify-content: space-between;
align-items: center;
text-decoration: none;
display: flex;
}
.imputcombo {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
font-size: 14px;
display: grid;
}
.imputcombo.options {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-columns: 1fr;
}
.duo_card {
grid-column-gap: 32px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: .75fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
display: grid;
position: relative;
}
.pl_text {
grid-column-gap: 16px;
grid-row-gap: 8px;
color: #fff;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 84%;
display: flex;
}
.portfoliolist {
z-index: 1;
grid-column-gap: 0px;
grid-row-gap: 24px;
background-color: #000;
border-radius: 24px;
grid-template-columns: 1fr;
padding: 32px;
position: relative;
}
.productinfo {
font-size: 24px;
}
.p_grid {
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: 320px 320px 320px 320px;
height: 100%;
display: flex;
}
.p_imgcontainer {
filter: grayscale();
width: 370px;
height: 100%;
transition: all .2s;
}
.p_imgcontainer:hover {
filter: none;
}
.sucessicon {
width: 80px;
height: 80px;
margin-bottom: 32px;
}
.prints {
z-index: 1;
background-color: #3f3f3f;
border: 16px solid #3f3f3f;
border-radius: 24px;
width: 100%;
height: 92vh;
position: sticky;
top: 4%;
overflow: hidden;
}
.underline-2 {
text-decoration: underline;
}
.price {
justify-content: space-between;
align-items: flex-start;
display: flex;
}
.formfields {
grid-column-gap: 0px;
grid-row-gap: 48px;
border: 1px solid #000;
border-radius: 24px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
padding: 32px;
display: grid;
}
.successcontainer {
background-color: #0000;
border-radius: 24px;
height: 100%;
padding: 0;
overflow: hidden;
}
.pricecombo {
grid-row-gap: 8px;
flex-direction: column;
align-items: flex-start;
display: flex;
}
.pu_info {
grid-column-gap: 0px;
grid-row-gap: 48px;
background-color: #fff;
border: 1px solid #000;
border-radius: 24px;
grid-template-rows: 215px;
grid-template-columns: 1fr;
grid-auto-rows: 73px;
grid-auto-columns: 1fr;
padding: 42px;
display: grid;
position: relative;
}
.pu_info:hover {
background-color: #fecc2f;
border-color: #fff;
}
.pu_info.single {
grid-column-gap: 100px;
grid-row-gap: 0px;
grid-template-rows: auto auto;
grid-template-columns: 1fr .5fr;
}
.field {
background-color: #0000000f;
border: 1px #000;
border-radius: 8px;
height: 48px;
margin-bottom: 0;
}
.best {
color: #fff;
text-align: center;
background-color: #6e6e6e;
border-radius: 8px;
justify-content: center;
align-items: center;
width: 64px;
height: 64px;
font-size: 16px;
line-height: 100%;
display: flex;
position: absolute;
inset: 16px 16px auto auto;
}
.checkbutton {
background-color: #fff;
border-color: #000;
border-radius: 8px;
width: 100%;
height: 100%;
margin-top: 0;
margin-left: 0;
}
.checkbutton.w--redirected-checked {
background-color: #ffd8c2;
background-image: none;
border-color: #000;
}
.select-field {
text-transform: uppercase;
background-color: #fff;
border: 1px solid #000;
border-radius: 8px;
height: 64px;
margin-bottom: 0;
}
.select-field:active {
background-color: #ffd8c2;
}
.arrow-3 {
width: 32px;
}
.formerror {
color: #ff5e00;
text-align: center;
background-color: #0000;
border: 2px dashed #ff5e00;
border-radius: 24px;
}
.paragraph-157, .paragraph-158, .paragraph-159 {
font-size: .8em;
}
.gridcontainer-3 {
z-index: 2;
justify-content: space-between;
align-items: center;
width: 100%;
display: flex;
position: relative;
}
.faq_unit {
border-bottom: 1px solid #ffd8c2;
padding-top: 20px;
padding-bottom: 16px;
overflow: hidden;
}
.faq_answer {
padding-right: 56px;
overflow: hidden;
}
.faq_question {
cursor: pointer;
justify-content: space-between;
align-items: center;
padding-top: 4px;
padding-bottom: 10px;
display: flex;
}
.paragraph_large {
color: #000;
font-size: 25px;
font-weight: 400;
line-height: 150%;
}
.arrowquestion {
filter: grayscale();
margin-left: 50px;
}
.maincard-2 {
background-color: #fff;
border-radius: 24px;
justify-content: center;
align-items: center;
display: flex;
}
.faqcontainer {
width: 56%;
margin-top: -20px;
}
.insidecard-3 {
background-color: #ffd8c2;
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/649cc7d3d55e502ff015aa3f_WhiteCircle.svg");
background-position: 50% -20%;
background-repeat: no-repeat;
background-size: 1080px;
border-radius: 24px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
padding: 64px;
position: relative;
}
.insidecard-3.white {
background-color: #fff;
background-image: none;
border: 1px solid #000;
justify-content: center;
display: flex;
overflow: hidden;
}
.paragraph-160 {
font-size: 1.2em;
}
.paragraph-161, .paragraph-162 {
font-size: 1.4em;
}
.paragraph-163 {
font-size: 1.5em;
}
.paragraph-164 {
font-size: 1.4em;
}
.heading-531, .heading-532, .heading-533 {
font-size: 2.5vh;
}
.paragraph-165, .paragraph-166, .paragraph-167, .paragraph-168, .paragraph-169 {
font-size: 1.3em;
}
.heading-534, .heading-535 {
font-size: 2.5vh;
}
.paragraph-170 {
opacity: .9;
color: #000;
margin-bottom: 0;
font-family: Poppins, sans-serif;
font-size: 19px;
font-weight: 400;
line-height: 1.8;
}
.card-content {
text-align: center;
background-color: #0000;
border: 1px #000;
flex-direction: column;
align-items: center;
padding: 25px;
display: flex;
}
.h3-7 {
color: #000;
margin-top: 0;
margin-bottom: 0;
font-family: Poppins, sans-serif;
font-size: 25px;
font-weight: 700;
}
.spacer-50 {
width: 100%;
height: 50px;
}
.h2-5 {
color: #000;
margin-top: 0;
margin-bottom: 0;
font-family: Poppins, sans-serif;
font-size: 2.3rem;
font-weight: 700;
line-height: 1.1;
}
.card-8 {
box-shadow: none;
border: 2px #000;
border-radius: 11px;
flex-direction: column;
display: flex;
overflow: hidden;
}
.card-8:hover {
box-shadow: none;
}
.section-166 {
flex-direction: column;
align-items: center;
width: 100%;
padding: 50px 5%;
display: flex;
}
.section-166.pad-100 {
padding-top: 60px;
padding-bottom: 100px;
}
.container-1315 {
width: 100%;
max-width: 1300px;
}
.grid_3-1 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 25%;
grid-auto-flow: row;
width: 100%;
display: grid;
}
.grid_3-1.gap-40 {
grid-column-gap: 40px;
grid-row-gap: 40px;
grid-template-columns: 1fr 1fr;
margin-bottom: 60px;
}
.card-image-2 {
object-fit: cover;
border-radius: 0;
height: 500px;
margin-bottom: 0;
}
.wrap_content-center {
text-align: center;
flex-direction: column;
align-items: center;
display: flex;
}
.wrap_content-center.mw-800 {
max-width: 800px;
}
.spacer-10 {
width: 100%;
height: 10px;
}
.paragraph-171 {
opacity: .9;
color: #fff;
margin-bottom: 0;
font-family: Poppins, sans-serif;
font-size: 16px;
font-weight: 300;
line-height: 1.8;
}
.spacer-20 {
width: 100%;
height: 20px;
}
.spacer-30 {
width: 100%;
height: 30px;
}
.h2-6 {
color: #fecc2f;
margin-top: 0;
margin-bottom: 0;
font-family: Poppins, sans-serif;
font-size: 45px;
font-weight: 700;
line-height: 1.1;
}
.section-167 {
flex-direction: column;
align-items: center;
width: 100%;
padding: 50px 5%;
display: flex;
}
.section-167.dark {
background-color: #0000;
display: none;
}
.flex-vertical {
flex-direction: column;
align-items: flex-start;
display: flex;
}
.container-1316 {
width: 100%;
max-width: 1300px;
}
.container-1316.light {
background-color: var(--black);
mix-blend-mode: multiply;
border: 2px solid #000;
border-radius: 6px;
padding: 50px 50px 10px;
}
.macbook-screen {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/64a9c0fc69265b578b504a37_Screen%20Shot%202023-07-08%20at%203.02.51%20PM.png");
background-position: 0 0;
background-repeat: no-repeat;
background-size: 100%;
width: 76%;
height: 86%;
position: absolute;
inset: 6% auto auto;
}
.macbook-wrapper {
justify-content: center;
align-items: flex-start;
display: flex;
position: relative;
}
.button-57 {
color: #fff;
background-color: #000;
border-radius: 0;
justify-content: center;
align-items: center;
height: 50px;
padding: 15px 35px;
font-family: Poppins, sans-serif;
font-size: 16px;
font-weight: 500;
transition: border-radius .35s, background-color .2s;
display: flex;
box-shadow: 0 10px 20px -3px #3f3f3f29;
}
.button-57:hover {
box-shadow: none;
background-color: #000;
border-radius: 50px;
}
.button-57._2 {
color: #000;
background-color: #fff;
border-radius: 20px;
}
.button-57._2:hover {
background-color: #fecc2f;
}
.grid_2-1 {
grid-column-gap: 40px;
grid-row-gap: 40px;
grid-template-rows: auto;
align-items: center;
}
.paragraph-172 {
opacity: .9;
color: #000;
margin-bottom: 0;
font-size: 16px;
font-weight: 300;
line-height: 1.8;
}
.paragraph-172.reverse-color {
color: #fff;
}
.h2-7 {
color: #000;
margin-top: 0;
margin-bottom: 0;
font-size: 45px;
font-weight: 700;
line-height: 1.1;
}
.h2-7.reverse-color {
color: #fff;
}
.cta-image {
object-fit: cover;
border: 2px solid #000;
border-radius: 0;
width: 100%;
max-height: 600px;
box-shadow: 6px 6px #e74346;
}
.section-168 {
flex-direction: column;
align-items: center;
width: 100%;
padding: 50px 5%;
display: flex;
}
.section-168.dark {
background-color: #000;
background-image: linear-gradient(#000000d9, #000000d9), url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/64a9b2f069265b578b42e0c2_ooorganize%20(4).svg");
background-position: 0 0, 0 0;
background-size: auto, 400px;
}
.flex-vertical-2 {
flex-direction: column;
align-items: flex-start;
display: flex;
}
.container-1317 {
width: 100%;
max-width: 1300px;
}
.button-58 {
color: #fff;
background-color: #e74346;
border-radius: 0;
justify-content: center;
align-items: center;
height: 50px;
padding: 15px 35px;
font-size: 16px;
font-weight: 500;
transition: border-radius .35s, background-color .2s;
display: flex;
box-shadow: 0 10px 20px -3px #3f3f3f29;
}
.button-58:hover {
box-shadow: none;
background-color: #000;
border-radius: 50px;
}
.section-169 {
padding-top: 0;
}
.content-572 {
z-index: 2;
flex-direction: column;
align-items: flex-start;
display: flex;
position: relative;
}
.bg-color-3 {
z-index: 0;
position: absolute;
inset: 0%;
}
.bg-color-3.black {
background-color: #0d0d11;
}
.bg-color-3.dark-grey {
background-color: #121217;
}
.section-170 {
z-index: 2;
width: 100%;
padding: 6rem;
position: relative;
}
.section-170.no-top-bottom {
padding-top: 0;
padding-bottom: 0;
}
.header-flex-2 {
justify-content: space-between;
align-items: center;
margin-top: 5%;
display: flex;
}
.button-59 {
color: #fff;
background-color: #4353ff;
justify-content: flex-start;
align-items: center;
height: 50px;
padding: 0 24px;
font-size: 1rem;
font-weight: 500;
text-decoration: none;
display: flex;
}
.button-59:hover {
background-color: #3545ee;
}
.button-59.cc-large {
height: 60px;
}
.button-59.cc-large.cc-block {
margin-top: 16px;
}
.nav-10 {
z-index: 10;
background-color: #0000;
justify-content: center;
width: 100%;
padding-bottom: 32px;
display: flex;
}
.section-171 {
padding-top: 8%;
padding-bottom: 8%;
}
.section-171.section--hero {
color: #fff;
background-color: #0000;
flex-direction: column;
min-height: 250vh;
padding-top: 10px;
padding-bottom: 0;
display: flex;
}
.subheading-5 {
color: var(--black);
}
.background-video-28 {
height: 100%;
}
.section-172 {
padding-top: 8%;
padding-bottom: 8%;
}
.section-172.section--intro {
background-color: #fff;
padding-bottom: 0;
}
.intro-type {
letter-spacing: -.02em;
width: 90%;
max-width: 62rem;
font-size: 3.75rem;
font-weight: 500;
line-height: 1.25;
overflow: hidden;
}
.intro-type__paragraph-1 {
margin-bottom: 1em;
font-family: Poppins, sans-serif;
font-size: 1em;
font-weight: 500;
line-height: 1.2;
}
.text-span-55 {
color: #4353ff;
}
.intro-type__paragraph-2 {
margin-bottom: 0;
font-weight: 500;
}
.section-173 {
padding-top: 8%;
padding-bottom: 8%;
}
.section-173.section--purple {
background-color: #fff;
position: relative;
}
.testimonial-author__photo {
border-radius: 100%;
flex: none;
align-self: flex-start;
width: 52px;
height: 52px;
margin-right: 16px;
position: relative;
overflow: hidden;
}
.testimonial-wrapper-2 {
grid-column-gap: 60px;
grid-row-gap: 60px;
grid-template-rows: auto;
grid-template-columns: .75fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.button-60 {
color: #fff;
background-color: #4353ff;
justify-content: flex-start;
align-items: center;
height: 50px;
padding: 0 24px;
font-size: 1rem;
font-weight: 500;
text-decoration: none;
display: flex;
}
.button-60:hover {
background-color: #3545ee;
}
.button-60.cc-text-only {
color: #000;
background-color: #0000;
flex: none;
height: auto;
padding: 0;
text-decoration: none;
}
.button-60.cc-text-only.cc-testimonial {
padding-top: 2px;
padding-bottom: 2px;
}
.testimonial-author {
align-items: center;
margin-right: 40px;
line-height: 1.4;
display: flex;
}
.testimonial-author__name {
font-weight: 500;
}
.testimonial-footer {
justify-content: space-between;
align-items: flex-end;
margin-top: 40px;
display: flex;
}
.section-174 {
padding-top: 8%;
padding-bottom: 8%;
}
.u-img-cover {
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.testimonial-quote {
text-indent: -.4em;
margin-top: -.2em;
margin-bottom: 0;
font-size: 1.8rem;
}
.fv2--text-link {
color: #ef2e2d;
text-transform: uppercase;
font-size: 15px;
font-weight: 500;
text-decoration: none;
display: inline-block;
}
.fv2--about-grid {
grid-column-gap: 8vw;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
margin-bottom: 120px;
display: grid;
}
.fv2--features-txt {
font-size: 16px;
font-weight: 200;
}
.fv2--about {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: 32px auto 50px;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.fv2--bgno-txt {
font-size: 64px;
font-weight: 200;
line-height: 1.2;
}
.fv2--link-arrow-img {
margin-left: 10px;
display: inline-block;
}
.fv2--h2-head {
margin-top: 48px;
}
.h2-fv {
color: #0f1011;
margin-top: 0;
margin-bottom: 0;
font-size: 48px;
font-weight: 600;
line-height: 1.07;
}
.grid0-5em {
grid-column-gap: 16px;
grid-row-gap: .5em;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
align-content: start;
font-size: 1em;
line-height: 1.3;
display: grid;
}
.fv2--interest-section {
padding: 115px 75px;
overflow: hidden;
}
.fv2--about-head {
color: #9d9fa1;
text-transform: uppercase;
font-size: 15px;
font-weight: 500;
}
.container-1318 {
width: 100%;
max-width: 1240px;
margin-left: auto;
margin-right: auto;
}
.fv2--paragraph {
font-family: Poppins, sans-serif;
font-size: 1.3em;
font-weight: 400;
}
.fv2--interest-grid {
grid-column-gap: 10vw;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.container-1319 {
width: 100%;
position: relative;
}
.container-1319.location-grid {
grid-column-gap: 6vw;
grid-row-gap: 6vw;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.offiice-location-item {
cursor: pointer;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
padding-top: 3vw;
padding-bottom: 3vw;
display: flex;
position: relative;
}
.offiice-location-item:hover {
z-index: 2;
}
.offiice-location-item.location-1, .offiice-location-item.location-3, .offiice-location-item.location-2 {
margin-bottom: -1px;
}
.column-72 {
z-index: 2;
flex-direction: column;
align-items: flex-start;
font-style: normal;
text-decoration: none;
display: flex;
position: relative;
}
.image-cover-2 {
object-fit: cover;
width: 100%;
max-width: none;
height: auto;
display: block;
overflow: visible;
}
.image-cover-2:hover {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/650b292e88441f992eeb6315_5edf6533cb27bbae585a173d_Rectangle%2094.jpg");
background-position: 0 0;
background-size: 125px;
}
.location-image-wrap {
width: 40vw;
height: 40vw;
}
.location-image-wrap.location-3 {
z-index: 3;
z-index: 3;
margin-top: -2vh;
margin-left: 2.5vw;
position: absolute;
left: 100%;
}
.location-image-wrap.location-2 {
z-index: 1;
margin-left: 8vw;
position: absolute;
bottom: 0;
left: 100%;
}
.location-image-wrap.location-1 {
z-index: 4;
margin-left: 10vw;
position: absolute;
top: -5vh;
left: 100%;
}
.location-image-wrap.location-3 {
z-index: 3;
margin-top: -2vh;
margin-left: 2.5vw;
position: absolute;
left: 100%;
}
.location-name {
z-index: 10;
font-size: 25px;
position: relative;
}
.container-1320 {
width: 100%;
position: relative;
}
.container-1320.location-grid {
grid-column-gap: 6vw;
grid-row-gap: 6vw;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.column-73 {
z-index: 2;
flex-direction: column;
align-items: flex-start;
font-style: normal;
text-decoration: none;
display: flex;
position: relative;
}
.section-175 {
background-color: #0000;
padding-left: 100px;
padding-right: 100px;
}
.paragraph-173 {
font-size: 1.3em;
}
.grid-27 {
grid-column-gap: 0px;
grid-row-gap: 0px;
perspective: 1000px;
transform: ;
grid-template-rows: auto;
grid-template-columns: 1.25fr 1fr;
width: 100%;
max-width: 1300px;
}
.accordion-pane-2 {
background-color: #0000;
width: 50vw;
overflow: hidden;
}
.name-4 {
z-index: 50;
color: #000;
transform-style: preserve-3d;
background-color: #fecc2f;
flex: none;
font-size: 65px;
font-weight: 400;
line-height: 1em;
position: relative;
transform: translate3d(0, 0, 80px)rotate(-90deg);
}
.paragraph-text-2 {
letter-spacing: 1px;
margin-bottom: 40px;
font-size: 14px;
font-weight: 200;
line-height: 2em;
}
.arrow-left-2 {
background-color: #b3b3b3;
border-radius: 1px;
width: 30px;
height: 3px;
position: relative;
left: 3px;
transform: rotate(45deg);
}
.arrow-left-2.white-back {
background-color: #fff;
}
.accordion-pane-content {
background-color: #000;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
margin-bottom: 5px;
padding: 0 25px 20px;
}
.accordion-text-3 {
color: #dadada;
font-size: .9rem;
font-weight: 300;
line-height: 1.7em;
}
.about-image-3 {
filter: none;
object-fit: cover;
width: 90%;
}
.main-heading {
margin-top: 0;
margin-bottom: 22px;
font-size: 36px;
font-weight: 800;
line-height: .8em;
}
.arrow-right-2 {
background-color: #b3b3b3;
border-radius: 1px;
width: 30px;
height: 3px;
position: relative;
right: 3px;
transform: rotate(-45deg);
}
.arrow-right-2.white-back {
background-color: #fff;
}
.accordion-question-header-3 {
color: #fff;
width: 80%;
margin-top: 0;
margin-bottom: 0;
margin-right: 10px;
padding-top: 7px;
padding-bottom: 7px;
padding-left: 36px;
font-size: 1.2em;
font-weight: 500;
line-height: 1.3em;
}
.arrow-div {
flex-direction: row;
justify-content: flex-end;
align-items: center;
width: 25px;
height: 25px;
margin-right: 29px;
display: flex;
}
.accordion-tab-button-dark {
cursor: pointer;
border-radius: 10px;
justify-content: flex-start;
align-items: center;
height: 75px;
min-height: 70px;
padding-top: 11px;
padding-bottom: 11px;
transition: transform .2s, box-shadow .2s;
display: flex;
}
.accordion-tab-button-dark:hover {
transform: scale(1.03);
}
.section-176 {
z-index: 1;
background-color: #101010;
padding: 11% 10%;
position: relative;
}
.section-176.about {
color: #e4e4e4;
background-color: #0000;
padding: 7%;
}
.arrow-div-wrapper {
justify-content: flex-end;
align-items: center;
width: 20%;
height: 70px;
display: flex;
}
.accordion-item-wrapper-white-3 {
background-color: #242424;
border-radius: 2px;
justify-content: center;
align-items: center;
margin-bottom: 20px;
transition: box-shadow .3s;
box-shadow: 2px 2px 25px #0000001a;
}
.accordion-item-wrapper-white-3:hover {
box-shadow: 4px 4px 25px #0003;
}
.clip-2 {
position: relative;
overflow: hidden;
}
.padding-horizontal-2 {
width: 100%;
padding-top: 0;
padding-bottom: 0;
}
.home-hero {
z-index: 10;
position: relative;
overflow: visible;
}
.hero-rotate-base {
z-index: 50;
perspective: 200vw;
width: 22.5%;
max-width: 40vh;
height: 100%;
position: absolute;
}
.heading-style-huge {
letter-spacing: -.5vw;
text-transform: uppercase;
padding-top: 2vw;
padding-left: 1vw;
padding-right: 1vw;
font-size: 16vw;
font-weight: 400;
line-height: .75;
}
.letter-1 {
z-index: 1;
display: inline-block;
position: relative;
}
.hero-rotate-item {
z-index: 25;
flex-direction: column;
display: flex;
position: relative;
overflow: hidden;
}
.image-fill {
object-fit: cover;
width: 100%;
min-width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.hero-rotate-image {
z-index: 25;
perspective: 200vw;
border-radius: .875rem;
flex-direction: column;
justify-content: center;
width: 100%;
height: 100%;
margin-bottom: 0%;
display: flex;
position: relative;
overflow: visible;
transform: perspective(200vw);
}
.home-hero-intro {
z-index: 1;
grid-column-gap: 0vw;
grid-row-gap: 0vw;
white-space: nowrap;
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
position: relative;
}
.home-hero-block {
background-color: var(--black);
background-image: linear-gradient(#00000080, #00000080), url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/620ffc337d3fb8c6bec7e902_AdobeStock_193888616.jpeg");
background-position: 0 0, 0 0;
background-size: auto, cover;
flex-direction: column;
justify-content: center;
align-items: center;
min-height: 70vh;
padding-top: 6rem;
padding-bottom: 9rem;
display: flex;
position: relative;
}
.home-hero-block.header {
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg"), linear-gradient(#000000a3, #000000a3), url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/620ffc337d3fb8c6bec7e902_AdobeStock_193888616.jpeg");
background-position: 0 0, 0 0, 0 0;
background-size: auto, auto, cover;
}
.grid-large {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: minmax(2rem, 1fr) minmax(auto, 96rem) minmax(2rem, 1fr);
grid-auto-columns: 1fr;
width: 100%;
display: grid;
}
.hero-rotate-height {
padding-top: 0%;
}
.clip-3 {
position: relative;
overflow: hidden;
}
.home-about-intro {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
max-width: 45rem;
margin-left: auto;
margin-right: auto;
padding-top: 4rem;
padding-bottom: 2rem;
display: flex;
}
.curve-block-center {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr .9fr;
grid-auto-columns: 1fr;
place-content: end center;
align-items: flex-end;
height: 0;
display: flex;
position: absolute;
inset: .5px 0% auto;
}
.row-title-block {
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
}
.row-title-text {
letter-spacing: -.35vw;
text-transform: uppercase;
margin-bottom: -3.5vw;
font-size: 13.5vw;
font-weight: 400;
line-height: .89;
}
.row-title-text.text-align-center {
margin-bottom: -2vw;
}
.icon-9 {
color: #0b0c0f;
justify-content: center;
align-items: center;
width: .6rem;
height: .7rem;
display: flex;
overflow: hidden;
}
.hover-arrow.top {
position: absolute;
inset: -100% 0% auto;
}
.curve-arrow {
border: 1px solid #e7eeee;
border-radius: 100rem;
justify-content: center;
align-items: center;
width: 2.4rem;
height: 2.4rem;
display: flex;
position: absolute;
top: .5rem;
}
.row-title-clip {
overflow: hidden;
}
.row-title-bottom {
border-top: 1px solid #e7eeee;
padding-bottom: 5rem;
}
.padding-vertical-5 {
padding-left: 0;
padding-right: 0;
}
.text-size-xsmall {
font-size: .8rem;
}
.home-about {
z-index: 25;
position: relative;
}
.home-about-block {
background-color: #fff;
border-radius: .875rem;
flex-direction: column;
justify-content: space-between;
min-height: 21rem;
display: flex;
position: relative;
}
.hover-text.bottom-hover-text {
position: absolute;
inset: auto 0% -100%;
}
.text-size-xlarge {
font-size: 3.2rem;
line-height: 1.3;
}
.letter-9 {
display: inline-block;
}
.letter-animation {
justify-content: center;
align-items: center;
display: flex;
}
.curve-link {
color: #fff;
flex-direction: column;
justify-content: flex-end;
align-items: center;
margin-bottom: -1px;
padding: 0;
display: flex;
position: relative;
}
.button-61 {
color: #fff;
text-align: center;
text-transform: uppercase;
background-color: #0000;
border: 1px solid #2e313a;
border-radius: 100rem;
padding: .75rem 1.05rem .75rem 1.15rem;
font-size: .875rem;
font-weight: 500;
text-decoration: none;
}
.button-61.is-light {
color: #000;
border-color: #e7eeee;
}
.row-title {
width: 100%;
}
.blog-horozontal_component {
flex-direction: column;
align-items: center;
display: flex;
}
.collection-list-10 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
display: grid;
}
.container-large-7 {
width: 100%;
max-width: 80rem;
margin-left: auto;
margin-right: auto;
}
.text-subheader-padding {
max-width: 33rem;
margin-top: 1rem;
margin-left: auto;
margin-right: auto;
}
.h2-container {
max-width: 50rem;
}
.padding-global-2 {
padding-left: 2.5rem;
padding-right: 2.5rem;
}
.text-custom-gray {
color: #636262;
font-size: .5em;
}
.padding-section-large-3 {
padding-top: 8rem;
padding-bottom: 8rem;
}
.collection-list-wrapper-8 {
width: 100%;
}
.heading-536 {
font-size: 1em;
}
.blog-horozontal_text-div {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-direction: column;
align-items: flex-start;
margin-bottom: 1rem;
display: flex;
}
.text-size-small-6 {
font-size: .875rem;
}
.text-size-small-6.text-custom-gray {
font-family: Poppins, sans-serif;
font-size: 1rem;
}
.text-size-small-6.text-custom-gray.spacing {
margin-left: .5rem;
margin-right: .5rem;
}
.blog-horozontal_text-wrapper {
align-items: center;
display: flex;
}
.blog-horozontalv2_image {
object-fit: cover;
border-radius: 18px;
width: 100%;
height: 100%;
}
.blog-horozontalv2_item {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
color: #000;
background-color: #fff;
border: 1px #cdcdcd;
border-radius: 5px;
flex-direction: column;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
place-items: flex-start start;
height: 100%;
margin-bottom: 0;
padding: 0;
text-decoration: none;
display: flex;
}
.blog-horzontalv2_content {
border-radius: 5px;
flex-direction: column;
justify-content: space-around;
align-items: flex-start;
width: 100%;
height: auto;
padding: 1rem 1rem 0;
font-family: Poppins, sans-serif;
display: flex;
}
.name-job-div {
flex-direction: column;
align-items: flex-start;
display: flex;
}
.blog-tag {
background-color: #f6ad1b;
border-radius: 5px;
padding: .3rem .5rem;
}
.text-size-large-5 {
font-size: 1.5rem;
}
.text-size-large-5.text-color-white-secondary {
max-width: 20rem;
}
.rich-text-block-6 {
font-size: 18px;
}
.section-177 {
padding-top: 250px;
padding-bottom: 250px;
}
.section-177.pd-top-0 {
background-color: #0a0a0a;
padding-top: 0;
padding-bottom: 0;
display: none;
}
.display-15 {
color: #fff;
text-transform: uppercase;
font-size: 90px;
font-weight: 700;
line-height: 1.044em;
}
.display-15.mg-bottom--36px {
margin-bottom: -36px;
}
.display-15.mg-bottom--36px.position-relative---z-index-2 {
margin-bottom: 0;
font-family: Poppins, sans-serif;
}
.display-16 {
color: #fff;
text-transform: uppercase;
font-size: 38px;
font-weight: 700;
line-height: 1.211em;
}
.display-16.mg-bottom-40px {
text-align: left;
}
.portfolio-link-section {
z-index: 1;
margin-bottom: auto;
padding-top: 140px;
padding-bottom: 140px;
text-decoration: none;
transition-property: none;
display: block;
position: relative;
overflow: hidden;
}
.portfolio-section-gradient-left {
z-index: -1;
background-image: linear-gradient(270deg, #0000, #0000008a 50%, #000000e6 80%, #000 94%);
position: absolute;
inset: 0% 44% 0% 0%;
}
.portfolio-section-arrow-top-right {
position: absolute;
top: -64px;
right: 20px;
}
.portfolio-section-bg-video {
min-height: 100%;
position: absolute;
inset: 0;
}
.color-neutral-807 {
color: #fff;
}
.color-neutral-807.opacity-70 {
text-align: left;
}
.container-default-8 {
text-align: center;
max-width: 1364px;
padding: 60px 24px;
}
.portfolio-section-bg-image {
z-index: -2;
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
inset: 0;
}
.text-100 {
font-size: 16px;
line-height: 1.125em;
}
.text-100.text-uppercase {
letter-spacing: .06em;
}
.text-100.bold {
font-weight: 700;
}
.link-underline-3 {
background-color: #9b9b9b;
min-height: 2px;
max-height: 2px;
}
.section-178 {
padding-top: 250px;
padding-bottom: 250px;
}
.section-178.template-pages-hero {
background-color: #1b1b1b;
padding-top: 148px;
padding-bottom: 148px;
font-family: Poppins, sans-serif;
}
._2-links-container {
grid-column-gap: 48px;
grid-row-gap: 24px;
flex-wrap: wrap;
justify-content: center;
align-items: flex-start;
display: flex;
}
.text-center-4 {
text-align: center;
}
.mg-bottom-40px-3 {
color: #fff;
margin-bottom: 40px;
font-size: 20px;
}
.line-square-icon.diagonal-arrow-right {
margin-left: 8px;
line-height: 1em;
}
.line-square-icon.diagonal-arrow-right.icon-size-20px {
margin-left: 12px;
font-size: 20px;
}
.line-square-icon.diagonal-arrow-right.icon-size-24px {
margin-left: 24px;
font-size: 24px;
}
.text-400 {
font-size: 24px;
line-height: 1.083em;
}
.text-400.medium {
font-weight: 500;
}
.color-neutral-808 {
color: #fff;
font-size: 54px;
}
.container-default-9 {
justify-content: center;
max-width: 1364px;
padding-left: 24px;
padding-right: 24px;
display: flex;
}
.link-wrapper-5 {
line-height: 1.083em;
text-decoration: none;
}
.link-underline-wrapper {
background-color: #fff;
min-height: 2px;
max-height: 2px;
margin-top: 4px;
}
.top-section-bg-video {
z-index: -2;
transform-style: preserve-3d;
min-height: 640px;
position: absolute;
inset: 0%;
transform: rotateX(0)rotateY(180deg)rotateZ(0);
}
.top-section-bg-video.v2 {
min-height: 820px;
}
.grid-2-columns-5 {
grid-column-gap: 28px;
grid-row-gap: 28px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
display: grid;
}
.grid-2-columns-5._1fr---auto {
grid-template-columns: 1fr auto;
}
.top-section-bg-video---gradient-bottom {
z-index: -1;
background-image: linear-gradient(#03030300, #030303 60%, #030303);
min-height: 338px;
position: absolute;
bottom: 0;
left: 0;
right: 0;
}
.top-section-bg-video---gradient-bottom.v2 {
text-align: center;
background-image: linear-gradient(#0000003d, #030303 85%, #030303);
justify-content: center;
align-items: center;
min-height: auto;
padding-top: 97px;
font-family: Poppins, sans-serif;
display: flex;
top: 0;
}
.portfolio-details-container {
grid-row-gap: 48px;
flex-direction: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: flex;
}
.display-17 {
color: #fff;
letter-spacing: .04em;
text-transform: uppercase;
font-size: 72px;
font-weight: 700;
line-height: 1.167em;
}
.display-17.mg-bottom-0 {
text-align: center;
justify-content: center;
align-items: flex-end;
display: flex;
}
.container-default-10 {
max-width: 1364px;
padding-left: 24px;
padding-right: 24px;
display: flex;
}
.top-section-3 {
z-index: 1;
padding-top: 80px;
position: relative;
overflow: hidden;
}
.top-section-3.bg-video-top-section {
margin-top: -96px;
padding-top: 312px;
}
.top-section-3.bg-video-top-section.v2 {
padding-top: 484px;
}
.text-401 {
font-size: 16px;
line-height: 1.125em;
}
.text-401.text-uppercase {
letter-spacing: .06em;
}
.text-401.bold {
font-weight: 700;
}
.mg-left-104px {
margin-left: 104px;
}
.title-large---bottom-line {
margin-left: 40px;
display: block;
}
.title-large---bottom-line.v3 {
margin-left: 64px;
}
.top-section-bg-video-right {
z-index: -1;
border-radius: 20px;
min-width: 866px;
min-height: 654px;
position: absolute;
bottom: -100px;
right: 24px;
transform: translate(0);
}
.display-large {
text-transform: uppercase;
font-size: 120px;
line-height: 1.2em;
}
.display-large.line-height-1em {
line-height: 1em;
}
.display-large.line-height-1em.mg-bottom-12px {
font-size: 100px;
}
.text-402 {
font-size: 24px;
line-height: 1.083em;
}
.text-402.medium {
font-weight: 500;
}
.container-default-11 {
max-width: 1364px;
padding-left: 24px;
padding-right: 24px;
}
.top-section-4 {
z-index: 1;
padding-top: 80px;
position: relative;
overflow: hidden;
}
.top-section-4.bg-video-right {
padding-top: 204px;
padding-bottom: 100px;
}
.section-179 {
background-color: #000;
padding-top: 0;
padding-bottom: 250px;
}
.display-18 {
color: #fff;
text-transform: uppercase;
font-size: 38px;
font-weight: 700;
line-height: 1.211em;
}
.border-radius-20px {
border-radius: 20px;
}
.grid-2-columns-6 {
grid-column-gap: 28px;
grid-row-gap: 28px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
display: grid;
}
.text-center-5 {
text-align: center;
}
.display-19 {
color: #fff;
letter-spacing: .04em;
text-transform: uppercase;
font-size: 72px;
font-weight: 700;
line-height: 1.167em;
}
.container-default-12 {
flex-direction: column;
align-items: center;
max-width: 1364px;
padding-left: 24px;
padding-right: 24px;
display: flex;
}
.mg-bottom-11 {
margin-bottom: 0;
}
.mg-bottom-12px-4 {
margin-bottom: 12px;
}
.display-20 {
color: #fff;
text-transform: uppercase;
font-size: 38px;
font-weight: 700;
line-height: 1.211em;
}
.display-block {
display: block;
}
.grid-2-columns-7 {
grid-column-gap: 28px;
grid-row-gap: 28px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
display: grid;
}
.grid-2-columns-7.gap-row-0 {
grid-row-gap: 0px;
}
.grid-2-columns-7._1fr---auto {
grid-template-columns: 1fr auto;
}
.grid-2-columns-7.text-and-link-grid {
grid-column-gap: 64px;
grid-template-columns: 1fr auto;
align-items: end;
margin-bottom: 48px;
}
.text-center-6 {
text-align: center;
}
.link-item-image {
object-fit: cover;
width: 100%;
}
.badge-wrapper-top-right {
z-index: 1;
position: absolute;
top: 32px;
right: 32px;
}
.link-item-image-wrapper {
z-index: 1;
border-radius: 20px;
display: flex;
position: relative;
overflow: hidden;
transform: translate(0);
}
.color-neutral-809 {
color: #fff;
}
.text-403 {
line-height: 1.111em;
}
.text-403.medium {
font-weight: 500;
}
.container-default-13 {
max-width: 1364px;
padding-left: 24px;
padding-right: 24px;
}
.black-and-white-sibling-item.mg-top-80px.mg-top-0-mbl {
color: #fff;
}
.badge-secondary-2 {
color: #030303;
text-align: center;
background-color: #fff;
border-radius: 48px;
padding: 18px 28px;
font-size: 18px;
font-weight: 500;
line-height: 1.111em;
text-decoration: none;
display: inline-block;
}
.badge-secondary-2.small {
padding: 14px 22px;
font-size: 16px;
line-height: 18px;
}
.mg-bottom-12 {
color: #fff;
margin-bottom: 0;
font-size: 20px;
}
.logo-and-bg-video---overlay {
background-color: #131313;
position: absolute;
inset: 0%;
}
.section-180 {
padding-top: 250px;
padding-bottom: 250px;
}
.section-180.pd-top-0 {
padding: 0 40px 140px;
}
.logo-and-bg-video-link {
z-index: 1;
border-radius: 20px;
justify-content: center;
align-items: center;
max-height: 236px;
margin-bottom: 0;
display: flex;
position: relative;
overflow: hidden;
}
.logo-and-bg-video---video {
width: 100%;
max-height: 240px;
}
.display-21 {
color: #fff;
letter-spacing: .04em;
text-transform: uppercase;
font-size: 72px;
font-weight: 700;
line-height: 1.167em;
}
.display-21.mg-bottom-12px {
color: #000;
}
.position-absolute---z-index-1 {
z-index: 1;
position: absolute;
}
.container-default-14 {
max-width: 1364px;
padding-left: 24px;
padding-right: 24px;
}
.mg-bottom-13 {
margin-bottom: 0;
}
.section-181 {
padding-top: 250px;
padding-bottom: 250px;
}
.section-181.pd-top-0 {
padding: 60px 40px 100px;
display: none;
}
.logo-and-bg-video-link-2 {
z-index: 1;
border-radius: 20px;
justify-content: center;
align-items: center;
max-height: 236px;
margin-bottom: 0;
display: flex;
position: relative;
overflow: hidden;
}
.display-22 {
color: #fff;
letter-spacing: .04em;
text-transform: uppercase;
font-size: 72px;
font-weight: 700;
line-height: 1.167em;
}
.display-22.mg-bottom-12px {
color: #000;
}
.container-default-15 {
max-width: 1364px;
padding-left: 24px;
padding-right: 24px;
}
.mg-bottom-14 {
margin-bottom: 0;
font-family: Poppins, sans-serif;
font-size: 2.7em;
font-weight: 600;
line-height: 1.5;
}
.price-card {
grid-column-gap: 1.67em;
grid-row-gap: 1.67em;
perspective: 40em;
background-color: #1c1d20;
border-radius: 1.39em;
flex-direction: column;
width: 32em;
padding: 3.33em 2.22em 2.22em;
position: relative;
overflow: hidden;
}
.footer-right-column {
text-align: right;
width: 17%;
}
.hero-description-wrapper {
grid-column-gap: 3.89em;
grid-row-gap: 3.89em;
margin-top: 3em;
display: flex;
}
.price-card-heading {
font-size: 2.22em;
line-height: 1em;
}
.price-card-heading.small {
color: #ffffffe6;
font-size: .83em;
}
.footer-button-wrapper {
justify-content: flex-end;
align-items: center;
margin-top: 2em;
display: flex;
position: relative;
}
.rounded-div {
transform-origin: 50% 0;
background-color: #fff;
border-radius: 50%;
width: 150%;
height: 750%;
position: absolute;
inset: 0% 0% auto -25%;
box-shadow: 0 40px 20px 10px #0003;
}
.circle-button-fill {
background-color: #455ce9;
border-radius: 50%;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
transform: scale(0);
}
.small-p {
color: #1c1d20cc;
font-size: 1.25em;
line-height: 1.4em;
}
.small-p.is-grey {
color: #fffc;
}
.price-card-options-list {
grid-column-gap: .83em;
grid-row-gap: .83em;
color: #fff;
flex-direction: column;
margin-bottom: 0;
padding-left: 1.2em;
display: flex;
}
.footer-button-fill {
background-color: #566df5;
border-radius: 50%;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
transform: translate(0, 101%);
}
.two-column-wrapper {
grid-column-gap: 1em;
grid-row-gap: 1em;
grid-template-rows: auto auto;
grid-template-columns: 1.75fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: flex-start;
width: 100%;
display: flex;
}
.three-column-wrapper {
grid-column-gap: 2.5em;
grid-row-gap: 2.5em;
width: 100%;
margin-top: 6.63em;
display: flex;
}
.zoom-fill-color {
z-index: 1;
background-color: #fff;
border-radius: 50%;
width: 150%;
height: 100vw;
margin-left: auto;
margin-right: auto;
position: absolute;
top: 0;
left: -25%;
}
.hero-line {
background-color: #fff;
width: 5px;
}
.section-182 {
z-index: 2;
background-color: #fff;
width: 100%;
padding-top: 11.11em;
position: relative;
}
.section-182.works {
z-index: 3;
padding-top: 0;
}
.section-182.prices {
z-index: 1;
}
.section-182.hero {
transform: scale3d(1none, 1none, 1none);
color: #1c1d20;
transform-style: preserve-3d;
background-color: #1c1d20;
flex-direction: column;
height: 100vh;
padding-top: 0;
padding-bottom: 8.33em;
display: flex;
}
.footer-button {
z-index: 2;
color: #fff;
background-color: #455ce9;
border-radius: 50%;
flex-direction: column;
justify-content: center;
align-items: center;
width: 11.11em;
height: 11.11em;
font-size: 1vw;
text-decoration: none;
display: flex;
position: relative;
overflow: hidden;
}
.hide-hover {
opacity: 0;
}
.price-card-heading-wrapper {
grid-column-gap: .83em;
grid-row-gap: .83em;
color: #fff;
flex-direction: column;
display: flex;
}
.footer-rounded-wrapper {
width: 100%;
height: 2.78em;
position: relative;
}
.hero-heading-container {
perspective: 40em;
width: 70%;
}
.footer-btn-text {
z-index: 2;
font-size: 1.11em;
position: relative;
}
.footer-content-wrapper {
justify-content: space-between;
width: 100%;
display: flex;
}
.hero-top {
flex-direction: column;
align-items: flex-end;
display: flex;
}
.circle-button-wrapper {
display: inline-block;
}
.circle-button-wrapper.prices {
transform: translate(0, -5em);
}
.price-card-option-text {
font-size: .97em;
line-height: 1em;
}
.logo-text {
letter-spacing: .1em;
font-size: 2.92em;
font-weight: 400;
line-height: 1em;
}
.circle-button {
text-align: center;
background-color: #1c1d20;
border-radius: 50%;
flex-direction: column;
justify-content: center;
align-items: center;
width: 13.89em;
height: 13.89em;
display: flex;
position: relative;
}
.skill-column-line {
grid-column-gap: 2.22em;
grid-row-gap: 2.22em;
background-color: #0000004d;
flex-direction: column;
width: 100%;
height: 1px;
}
.marqee-wrapper {
grid-column-gap: 1.04em;
grid-row-gap: 1.04em;
display: flex;
}
.marqee-wrapper.top {
transform: translate(-30em);
}
.marqee-wrapper.bottom {
transform: translate(0);
}
.heading-line {
background-color: #0000004d;
width: 2.5em;
height: 1px;
position: absolute;
}
.circle-hover {
background-color: #0000;
border: 1px solid #fff;
border-radius: 50%;
width: 4em;
height: 4em;
}
._60--column {
grid-column-gap: 2em;
grid-row-gap: 2em;
flex-direction: column;
width: 70%;
margin-top: -.6em;
display: flex;
}
.language-wrapper {
grid-column-gap: .5em;
grid-row-gap: .5em;
align-self: center;
display: flex;
}
._20--column {
grid-column-gap: 7.5em;
grid-row-gap: 7.5em;
flex-direction: column;
align-items: flex-start;
max-width: 19.5em;
display: flex;
}
._20--column.hero, ._20--column.quiz-hero {
text-align: right;
max-width: 15em;
}
.works-wrapper-mob {
display: none;
}
.work-hover {
color: #fff;
width: 4em;
height: 4em;
}
.small-heading-wrapper {
grid-column-gap: 1em;
grid-row-gap: 1em;
align-items: center;
display: flex;
position: relative;
overflow: hidden;
}
.small-heading-wrapper.works {
padding-left: 5.3em;
padding-right: 5.3em;
}
.cursor-dot-2 {
color: #0000;
background-color: #455ce9;
border-radius: 50%;
flex-direction: column;
justify-content: center;
align-items: center;
width: .8em;
height: .8em;
transition: color .2s, opacity .2s, border .2s, height .2s, width .2s;
display: flex;
position: relative;
}
.instrument-card {
grid-column-gap: 1.25em;
grid-row-gap: 1.25em;
color: #fff;
background-color: #1c1d20;
border-radius: 1.39em;
flex-direction: column;
flex: none;
align-items: flex-start;
width: 18.75em;
padding: 1.67em 2.22em;
display: flex;
}
.footer-section-overlay {
z-index: 2;
background-color: #1c1d20;
width: 100%;
height: 100%;
display: block;
position: absolute;
inset: 0%;
}
.about-me-button-wrapper {
display: inline-block;
}
.instrument-card-text-wrapper {
grid-column-gap: .83em;
grid-row-gap: .83em;
flex-direction: column;
display: flex;
}
.circle-button-text {
z-index: 2;
color: #fff;
margin-top: 6px;
font-size: 1.39em;
line-height: 1.2em;
position: relative;
}
.container-1321 {
z-index: 2;
width: 100%;
max-width: 1680px;
margin-left: auto;
margin-right: auto;
padding-left: 8.3em;
padding-right: 8.3em;
}
.container-1321.is-larger {
padding-left: 3em;
padding-right: 3em;
}
.container-1321.is-relative {
position: relative;
}
.container-1321.hero {
grid-column-gap: 3.33em;
grid-row-gap: 3.33em;
flex-direction: column;
flex: 1;
justify-content: space-between;
display: flex;
}
.container-1321.footer {
align-items: center;
display: flex;
}
.hidden {
display: none;
}
.socials-wrapper {
grid-column-gap: 1.25em;
grid-row-gap: 1.25em;
color: #fff;
flex-direction: column;
align-items: flex-end;
margin-top: 3em;
}
.logo-wrapper-3 {
color: #fff;
background-color: #455ce9;
flex-direction: column;
justify-content: center;
align-items: center;
width: 6.25em;
height: 100%;
text-decoration: none;
display: flex;
overflow: hidden;
}
.footer-button-movable {
z-index: 2;
position: relative;
transform: translate(-5em);
}
.cursor-text-2 {
z-index: 2;
white-space: nowrap;
font-size: 1em;
position: relative;
}
.nav-11 {
justify-content: space-between;
align-items: flex-start;
width: 100%;
max-width: 1680px;
height: 8.33em;
margin-left: auto;
margin-right: auto;
padding-left: 8.3em;
padding-right: 8.3em;
display: flex;
position: relative;
inset: 0% 0% auto;
}
.footer-section {
background-color: #1c1d20;
flex-direction: column;
justify-content: center;
width: 100%;
height: 100vh;
display: flex;
position: fixed;
bottom: 0;
left: 0;
right: 0;
}
._70--column {
grid-column-gap: 2em;
grid-row-gap: 2em;
flex-direction: column;
width: 70%;
display: flex;
}
._70--column.negative-margin-top {
margin-top: -.6em;
}
.language-text {
color: #fff;
cursor: pointer;
align-self: center;
font-size: 1.53em;
line-height: 1.5em;
}
.small-heading {
padding-left: 3.5em;
font-size: 1.25em;
}
.works-wrapper-desktop {
flex-direction: column;
margin-top: 4.44em;
display: flex;
}
.marqee-layout {
grid-column-gap: 1.04em;
grid-row-gap: 1.04em;
flex-direction: column;
width: 100%;
margin-top: 6.25em;
display: flex;
}
.instrument-card-heading {
font-size: 1.8em;
font-weight: 400;
line-height: 1em;
}
.instrument-card-heading.small {
color: #ffffffe6;
font-size: 1.11em;
}
.footer-wrapper-line {
background-color: #ffffff80;
width: 100%;
height: 1px;
position: absolute;
}
.instrument-card-logo {
height: 3.75em;
}
.cursor-layout {
z-index: 99;
opacity: 0;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100vh;
transition: opacity .2s;
display: flex;
position: fixed;
}
.hero-bottom {
flex-direction: column;
justify-content: center;
width: 100%;
display: flex;
}
.paragraph-medium {
color: #fff;
font-size: 1.53em;
line-height: 1.5em;
}
.split-text {
perspective: 40em;
font-size: 2.64em;
line-height: 1.4em;
}
.social-link-wrapper-2 {
flex-direction: column;
align-items: flex-end;
text-decoration: none;
display: inline-block;
overflow: hidden;
}
.social-link-wrapper-2.first {
margin-top: 0;
}
.social-link-wrapper-2.second {
margin-top: .5em;
}
.price-card-separator-line {
background-color: #ffffff80;
width: 100%;
height: 1px;
}
.work-item {
border-top: 1px solid #0000001a;
justify-content: space-between;
align-items: center;
width: 100%;
display: flex;
position: relative;
}
.work-item:last-child {
border-bottom: 1px solid #0000001a;
}
.price-card-inner {
grid-column-gap: 1.67em;
grid-row-gap: 1.67em;
flex-direction: column;
display: flex;
}
.hero-description-2 {
color: #fff;
font-size: 1.25em;
line-height: 1.4em;
}
.hero-heading-wrapper {
perspective: 40em;
justify-content: space-between;
display: flex;
overflow: hidden;
}
.hero-heading-wrapper.quiz-page {
align-items: flex-end;
}
.content-wrapper-7.overflow-hidden {
overflow: hidden;
}
.skill-column {
grid-column-gap: 2.22em;
grid-row-gap: 2.22em;
flex-direction: column;
width: 33.3%;
display: flex;
}
.price-card-cost-wrapper {
text-align: center;
background-color: #455ce9;
border-radius: 1.39em;
width: 100%;
margin-top: 2.78em;
padding-top: .69em;
padding-bottom: .69em;
}
.footer-spacer {
width: 100%;
height: 100vh;
position: relative;
bottom: 0;
left: 0;
right: 0;
}
.social-link-underline {
background-color: #fff;
width: 100%;
height: 1px;
margin-top: .5em;
transform: translate(101%);
}
.footer-heading-4 {
font-size: 6.67em;
line-height: 1em;
}
.language-link {
align-self: center;
}
.language-link.w--current {
opacity: .5;
}
.skill-description {
grid-column-gap: 1em;
grid-row-gap: 1em;
flex-direction: column;
display: flex;
}
.typed-words {
color: #fff;
height: 1em;
font-size: 9.3em;
line-height: 1em;
}
.prices-wrapper {
grid-column-gap: 1.39em;
grid-row-gap: 1.39em;
perspective: 40em;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
align-items: flex-start;
margin-top: 6.25em;
display: flex;
}
.container-large-8 {
flex-direction: column;
justify-content: flex-start;
width: 100%;
max-width: 80rem;
margin-left: auto;
margin-right: auto;
padding-left: 2.5rem;
padding-right: 2.5rem;
}
.text-color-primary {
color: #ffb545;
}
.line_h {
background-color: #fff;
width: 100%;
height: 2px;
}
._2-col {
grid-column-gap: 2.5rem;
grid-row-gap: 2.5rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
display: grid;
}
.line_hh {
background-color: #fff;
width: 100%;
height: 5px;
margin-bottom: 2rem;
}
.scroll-down-3 {
z-index: 17;
flex-direction: column;
flex: 1;
justify-content: flex-start;
align-items: center;
width: 100%;
height: 20vh;
display: flex;
position: absolute;
bottom: 0;
overflow: visible;
}
.padding-0 {
padding: 0;
}
.line-down-wrapper {
flex: 0 auto;
justify-content: center;
width: 2px;
height: 70vh;
display: flex;
position: relative;
overflow: hidden;
}
.line-syle {
width: 9rem;
}
.mask-4 {
z-index: 3;
width: auto;
height: 100%;
overflow: hidden;
transform: none;
box-shadow: 0 0 0 1.5rem #fff, 0 90px 90px -6px #000;
}
.content-573 {
z-index: 2;
flex-direction: column;
justify-content: center;
align-items: center;
width: auto;
max-width: 80rem;
margin-left: auto;
margin-right: auto;
padding-left: 2.5rem;
padding-right: 2.5rem;
display: flex;
position: relative;
}
.nav_spacer {
height: 6rem;
}
.right-arrow-5 {
z-index: 3;
width: 5rem;
height: 5rem;
margin-left: auto;
margin-right: auto;
left: 80%;
right: 0%;
}
.image-501 {
width: 100%;
}
.image-502 {
object-fit: cover;
object-position: 50% 0%;
flex: 0 auto;
align-self: stretch;
width: 100%;
height: 100%;
overflow: hidden;
}
.logo-img-2 {
align-self: center;
height: 4rem;
padding-top: 1rem;
padding-bottom: 1rem;
overflow: hidden;
}
.line-down {
background-image: linear-gradient(to top, #fff, #fff0);
flex: 1;
justify-content: center;
align-items: center;
height: 100%;
}
.main_text {
flex-direction: row;
flex: 1;
align-self: center;
align-items: stretch;
}
.section-wrapper {
padding-top: 5rem;
padding-bottom: 5rem;
}
.section-wrapper.no-padding {
padding-top: 0;
padding-bottom: 0;
}
.left-arrow-5 {
z-index: 3;
justify-content: center;
align-items: flex-end;
width: 5rem;
height: 5rem;
margin-top: auto;
margin-left: auto;
margin-right: auto;
display: flex;
left: 0%;
right: 80%;
}
.padding-global-3 {
justify-content: center;
align-items: center;
margin-left: auto;
margin-right: auto;
display: block;
}
.img-person {
border-radius: 1rem;
overflow: hidden;
}
.hero_1_image {
z-index: 1;
flex-direction: column;
flex: 0 auto;
justify-content: center;
align-self: stretch;
align-items: stretch;
width: 100%;
height: 100%;
display: flex;
position: relative;
transform: scale(.5);
}
.stats-wrapper-2 {
grid-row-gap: 1.25rem;
flex-direction: column;
display: flex;
}
.logo-image-3 {
object-fit: cover;
width: 100%;
height: 100%;
}
.scroll-down-text-main {
letter-spacing: 6px;
text-transform: uppercase;
margin-bottom: 1rem;
font-size: .8rem;
line-height: .8rem;
}
.logo-wrapper-4 {
filter: grayscale() brightness(5000%);
justify-content: space-between;
padding-top: 3rem;
padding-bottom: 3rem;
display: flex;
}
.hero_1_scroll {
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
height: 400vh;
display: flex;
position: relative;
}
.collection-list-11 {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-wrap: wrap;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
height: auto;
display: grid;
}
.main-wrapper-9 {
z-index: 2;
background-color: #131110;
border-bottom-right-radius: 5vw;
border-bottom-left-radius: 5vw;
padding-bottom: 5rem;
position: relative;
}
.slider-2 {
background-color: #0000;
flex: 1;
align-self: stretch;
width: 100%;
height: 100%;
overflow: visible;
}
.margin-bottom-7 {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.container-xxlarge-2 {
width: 100%;
max-width: 120rem;
margin-left: auto;
margin-right: auto;
padding-left: 2.5rem;
padding-right: 2.5rem;
}
.text-style-allcaps {
text-transform: uppercase;
}
.page-wrapper-5 {
z-index: 2;
}
.page-wrapper-5.round {
z-index: 2;
position: relative;
}
.text-weight-light-2 {
font-weight: 300;
}
.collection-list-wrapper-9 {
flex-direction: column;
justify-content: center;
align-items: stretch;
}
.collection-item-15 {
filter: contrast(88%) grayscale();
border-radius: 1rem;
flex-wrap: wrap;
align-items: center;
transition: all .2s;
overflow: hidden;
}
.collection-item-15:hover {
filter: contrast() grayscale(0%);
}
.moments-text {
color: #ffb545;
font-family: Georgia, Times, Times New Roman, serif;
font-weight: 400;
}
.hero_1_text {
flex-direction: column;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
display: flex;
position: absolute;
left: 0%;
right: 0%;
overflow: hidden;
}
.clip-4 {
flex-direction: column;
justify-content: center;
align-items: flex-start;
overflow: hidden;
}
._4-rows {
grid-column-gap: 4rem;
grid-row-gap: 4rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
padding-top: 3rem;
padding-bottom: 3rem;
display: grid;
}
.hero_1_wrapper {
z-index: 1;
flex-direction: column;
flex: none;
justify-content: space-between;
align-self: stretch;
align-items: stretch;
width: 100dvw;
height: 100dvh;
display: flex;
position: sticky;
top: 0;
overflow: hidden;
}
.display-23 {
color: #fff;
text-transform: uppercase;
font-size: 38px;
font-weight: 700;
line-height: 1.211em;
}
.mg-bottom-15 {
color: #fff;
margin-bottom: 0;
font-size: 1.2em;
}
.text-404 {
font-size: 24px;
line-height: 1.083em;
}
.text-404.medium {
font-weight: 500;
}
.container-default-16 {
max-width: 1364px;
padding-left: 24px;
padding-right: 24px;
}
.top-section-5 {
z-index: 1;
padding-top: 80px;
position: relative;
overflow: hidden;
}
.top-section-5.bg-video-right {
padding-top: 204px;
padding-bottom: 100px;
}
.paragraph-174 {
font-family: Poppins, sans-serif;
font-size: 1.4em;
}
.container-default-17 {
max-width: 1364px;
padding-left: 24px;
padding-right: 24px;
}
.top-section-6 {
z-index: 1;
padding-top: 80px;
position: relative;
overflow: hidden;
}
.top-section-6.bg-video-top-section {
margin-top: -96px;
padding-top: 312px;
}
.top-section-6.bg-video-top-section.v2 {
margin-top: -4px;
padding-top: 484px;
}
.text-405 {
font-size: 16px;
line-height: 1.125em;
}
.text-405.text-uppercase {
letter-spacing: .06em;
}
.text-405.bold {
font-weight: 700;
}
.btn-circle-primary {
color: #030303;
transform-style: preserve-3d;
background-color: #fff;
border: 1px solid #fff;
border-radius: 100%;
justify-content: center;
align-items: center;
width: 64px;
min-width: 64px;
height: 64px;
min-height: 64px;
font-size: 26px;
text-decoration: none;
transition: border-color .3s, transform .3s, background-color .3s, color .3s;
display: flex;
}
.btn-circle-primary:hover {
color: #fff;
background-color: #0000;
transform: scale3d(1.04, 1.04, 1.01);
}
.display-24 {
color: #fff;
text-transform: uppercase;
font-size: 90px;
font-weight: 700;
line-height: 1.044em;
}
.success-message-16 {
color: #fff;
background-color: #0000;
padding: 0;
}
.success-message-16.transparent {
background-color: #0000;
border-radius: 0;
padding: 0;
}
.input-5 {
color: #fff;
text-align: left;
letter-spacing: .06em;
text-transform: uppercase;
background-color: #1b1b1b;
border: 1px solid #1b1b1b;
border-radius: 20px;
min-height: 72px;
margin-bottom: 0;
padding: 16px 24px;
font-size: 16px;
line-height: 1.125em;
transition: color .3s, border-color .3s;
}
.input-5:hover {
border-color: #626262;
}
.input-5:focus {
border-color: #c5c5c5;
}
.input-5::placeholder {
color: #fff;
font-size: 16px;
}
.input-5.border-radius-40px {
border-radius: 40px;
}
.input-single-success-message {
background-color: #1b1b1b;
border-radius: 40px;
justify-content: center;
align-items: center;
min-height: 72px;
padding: 16px;
display: flex;
}
.top-section-video {
border-radius: 20px;
min-height: 616px;
max-height: 616px;
margin-bottom: -120px;
transform: translate(0);
}
.error-message-13 {
color: #ffeff0;
text-align: center;
background-color: #dc2b2b;
border-radius: 16px;
margin-top: 20px;
padding: 20px 24px;
}
.top-section-video-gradient {
background-image: linear-gradient(to top, #030303, #0000);
position: absolute;
inset: 60% 0 0;
}
.position-relative---z-index-2 {
z-index: 2;
position: relative;
}
.container-default-18 {
max-width: 1364px;
padding-left: 24px;
padding-right: 24px;
}
.top-section-7 {
z-index: 1;
padding-top: 80px;
position: relative;
overflow: hidden;
}
.top-section-7.pd-bottom-250px {
background-image: linear-gradient(#fff, #000 81%);
padding-bottom: 250px;
}
.mg-bottom-16 {
margin-bottom: 0;
}
.card-image4 {
width: 2.25rem;
height: 2.06rem;
}
.card-image1 {
width: 2.81rem;
height: 2.81rem;
}
.card_content {
flex-direction: column;
justify-content: center;
height: 100%;
padding: 2.5rem;
display: flex;
}
.container-1322 {
z-index: 2;
width: 100%;
margin-left: auto;
margin-right: auto;
}
.container-1322.is-e-features {
padding-top: 10rem;
padding-bottom: 10rem;
}
.card-text_heading {
margin-top: 2rem;
font-size: 1.897vw;
}
.request-button {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
letter-spacing: .3px;
align-items: center;
margin-top: 2rem;
margin-bottom: .5vw;
padding-bottom: .15rem;
font-size: 1.186vw;
display: flex;
}
.cards-left {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
flex-direction: column;
align-items: flex-start;
width: 28.453vw;
display: flex;
}
.e-features_cards {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
justify-content: center;
margin-top: 5rem;
display: flex;
}
.cards-right {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
flex-direction: column;
align-items: flex-end;
width: 28.45vw;
margin-top: 9.484vw;
display: flex;
}
.card-icon-2 {
background-color: #fff8df;
border-radius: 50%;
justify-content: center;
align-items: center;
width: 5rem;
height: 5rem;
display: flex;
}
.page-padding-15 {
padding-left: 6.5rem;
padding-right: 6.5rem;
}
.card-image2 {
width: 2.48rem;
height: 2.5rem;
}
.e-features_subheading {
max-width: 40ch;
font-size: 1.186vw;
line-height: 1.6;
}
.e-features {
background-color: #000;
}
.card-9 {
background-color: #262626;
border-radius: 2rem;
width: 100%;
}
.e-features_heading {
letter-spacing: .6px;
max-width: 11ch;
font-size: 5.055vw;
line-height: 1;
}
.card-text_p {
letter-spacing: .5px;
max-width: 30ch;
margin-top: 1.5rem;
font-size: .948vw;
line-height: 1.4;
}
.card-image3 {
width: 3.58rem;
height: 1.75rem;
}
.arrow-styles {
font-size: .948vw;
}
.e-features_text {
justify-content: space-between;
align-items: flex-end;
display: flex;
}
.text-block-175 {
color: var(--white);
font-family: Poppins, sans-serif;
}
.text-block-176 {
color: #fff;
font-family: Poppins, sans-serif;
}
.section-183 {
flex-direction: column;
justify-content: center;
height: 50vw;
padding-top: 0;
padding-left: 60px;
padding-right: 140px;
display: flex;
}
.heading-538 {
font-family: Poppins, sans-serif;
font-size: 75px;
font-weight: 700;
}
.paragraph-175 {
padding-top: 40px;
font-size: 20px;
}
.team-title {
color: #000;
text-transform: capitalize;
flex: none;
margin-top: 0;
margin-bottom: 0;
font-family: Poppins, sans-serif;
font-size: 80px;
font-weight: 700;
line-height: 1.2em;
}
.slider-arrow-icon {
width: 16px;
}
.outline-2 {
border: 1px solid #ffffff40;
border-radius: 100%;
margin: 9px;
position: absolute;
inset: 0%;
}
.content-link-grid {
grid-column-gap: 0px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
display: grid;
position: relative;
}
.base-container {
flex-direction: column;
align-items: center;
width: 100%;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
padding-left: 15px;
padding-right: 15px;
display: flex;
}
.hero-slider-banner {
background-color: #0000;
flex-direction: row;
flex: 1;
justify-content: space-between;
align-items: stretch;
width: 100%;
height: 100%;
display: flex;
position: relative;
}
.slider-background-home-3 {
flex-direction: column;
justify-content: flex-start;
align-items: stretch;
width: 100%;
height: 100%;
display: flex;
overflow: hidden;
}
.flex-about-us-wrap {
grid-column-gap: 40px;
grid-row-gap: 20px;
grid-template-rows: auto;
grid-template-columns: auto 41%;
grid-auto-columns: 1fr;
place-content: space-between;
align-items: center;
display: grid;
}
.background-3 {
z-index: 1;
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
background-position: 50%;
background-size: cover;
width: 100%;
height: 100%;
display: flex;
position: absolute;
inset: 0% 0% 0% auto;
}
.background-3.one {
background-image: none;
}
.circle-link-hover-2 {
background-color: #fff;
border-radius: 100%;
width: 100%;
height: 100%;
display: none;
position: absolute;
inset: 0%;
}
.about-description {
color: #000;
text-align: right;
background-color: #1b161600;
margin-top: 0;
margin-bottom: 0;
font-family: Poppins, sans-serif;
font-weight: 300;
line-height: 1.2;
}
.hero-slider-mask {
width: 100%;
height: auto;
overflow: hidden;
}
.hero-slide-home-3 {
width: 100%;
height: 400px;
}
.hero-banner-wrapper {
z-index: 20;
grid-template-rows: auto;
grid-template-columns: minmax(5vw, 1fr) minmax(auto, 1500px) minmax(5vw, 1fr);
grid-auto-columns: 1fr;
justify-content: center;
width: 100%;
display: flex;
position: relative;
}
.hero-content {
justify-content: center;
align-items: center;
width: 100%;
margin-top: 0;
padding-top: 100px;
padding-bottom: 140px;
display: flex;
position: relative;
}
.scroll-elements {
z-index: 100;
display: none;
position: absolute;
inset: auto 0% 0;
}
.video-banner-about-us {
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.grid-circle-link-wrapper {
z-index: 20;
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: minmax(15px, 15px) minmax(auto, 1200px) minmax(15px, 15px);
grid-auto-rows: auto;
grid-auto-columns: 1fr;
justify-content: center;
width: 100%;
margin-bottom: -177px;
margin-left: auto;
margin-right: auto;
display: grid;
position: absolute;
inset: auto 0% 0%;
}
.overlay-about-us-banner {
background-color: #0000001a;
background-image: linear-gradient(#0000, #000000bf);
justify-content: center;
align-items: center;
display: flex;
position: absolute;
inset: 0%;
}
.icon-hidden {
display: none;
}
.link-circle-wrapper {
margin-top: -70px;
position: relative;
}
.circle-link-about-us {
background-color: #000;
border: 1px #ffffff1a;
border-radius: 100%;
justify-content: center;
align-items: center;
width: 140px;
height: 140px;
padding: 6px;
display: flex;
position: relative;
}
.circle-link-about-us:hover {
opacity: 1;
}
.scroll-banner-3-link {
z-index: 70;
-webkit-text-fill-color: inherit;
background-image: none;
background-clip: border-box;
border: 1px solid #fff3;
border-radius: 100%;
justify-content: center;
align-items: center;
width: 300px;
height: 300px;
padding: 36px 150px 150px 36px;
display: flex;
position: absolute;
inset: auto -150px -114px auto;
}
.slider-background-wrap {
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
}
.scroll-arrow-icon {
width: 24px;
}
.bottom-line-advantages {
background-color: #ffffff40;
width: 100%;
height: 1px;
position: absolute;
inset: auto 0% 0%;
}
.team-banner {
background-color: var(--white);
flex-direction: column;
justify-content: center;
height: auto;
display: flex;
position: relative;
overflow: hidden;
}
.button-text-link {
z-index: 25;
position: relative;
}
.banner-2-title-mobile {
z-index: 100;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 0;
font-size: 80px;
font-weight: 800;
display: none;
position: relative;
}
.nav-bottom {
z-index: 3;
color: #fff;
justify-content: center;
padding-top: 20px;
padding-bottom: 20px;
display: flex;
position: absolute;
inset: auto 0% 0%;
}
.bg-video-border-wrapper {
z-index: 2;
color: #fff;
border: 15vw solid #000;
border-width: 10vw 15vw 8vw;
position: absolute;
inset: 0%;
}
.banner-2-content {
flex-direction: column;
align-items: center;
width: 100%;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
padding-left: 15px;
padding-right: 15px;
display: flex;
}
.bg-video-wrap {
background-color: #fff;
flex-direction: row;
justify-content: center;
align-items: center;
width: 100vw;
height: 100vh;
display: flex;
position: relative;
}
.scroll-circle {
background-color: #fff;
border-radius: 100px;
width: 8px;
height: 8px;
}
.hidden-link-text {
color: #0000;
display: none;
position: absolute;
inset: 0% auto auto 0%;
}
.hero-scroll-conteiner {
border: 1px solid #fff;
border-radius: 100px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 28px;
height: 48px;
margin-top: 5px;
padding-top: 10px;
display: flex;
}
.sticky-wrap {
z-index: 5;
background-color: #fff;
position: sticky;
top: 0;
overflow: hidden;
}
.main-section-2 {
background-color: #fff;
justify-content: center;
align-items: flex-start;
min-height: 300vh;
margin-top: -82px;
display: flex;
position: relative;
overflow: visible;
}
.banner-link {
z-index: 100;
-webkit-text-fill-color: inherit;
background-image: none;
background-clip: border-box;
position: relative;
}
.background-video-29 {
z-index: 1;
background-color: #fff0;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
}
.banner-2-title {
z-index: 100;
color: #fff;
text-align: center;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 0;
font-family: Poppins, sans-serif;
font-size: 80px;
font-weight: 800;
position: relative;
}
.bg-video-inner-wrapper {
background-color: #000;
justify-content: center;
align-items: center;
width: 100%;
height: 100vh;
display: flex;
}
.scroll-down-4 {
z-index: 11;
opacity: .4;
flex-direction: column;
justify-content: center;
align-self: end;
align-items: center;
width: auto;
margin-bottom: 0;
display: flex;
position: relative;
}
.four-column {
z-index: 25;
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
position: relative;
}
.flex-container {
grid-column-gap: 80px;
grid-row-gap: 40px;
flex-direction: column;
justify-content: flex-start;
width: 100%;
display: flex;
}
.services-top {
flex-direction: row;
justify-content: space-between;
margin-bottom: 20px;
display: flex;
}
.about-us-left-con {
justify-content: space-between;
align-items: flex-end;
width: 100%;
display: flex;
}
.btn-circle {
border: 1px solid #ffffff80;
border-radius: 100%;
justify-content: center;
align-items: center;
width: 45px;
height: 45px;
display: flex;
}
.btn-circle:hover {
opacity: 1;
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
background-color: #ffffff0d;
border-color: #fff;
box-shadow: 0 0 20px #fff3;
}
.text-animation-wrapper {
height: 100%;
position: relative;
}
.mini-video-lightbox {
letter-spacing: 0;
text-transform: none;
border-radius: 6px;
justify-content: space-between;
align-items: stretch;
width: 100%;
height: 100%;
font-size: 17px;
font-weight: 300;
line-height: 1.5em;
display: flex;
}
.mini-video-lightbox:hover {
opacity: 1;
}
.methods-title {
margin-top: 0;
margin-bottom: 0;
}
.clip-5 {
z-index: 10;
flex-direction: column;
display: flex;
position: relative;
overflow: hidden;
}
.service-video-wrap {
border-radius: 6px;
width: 100%;
height: 100%;
position: absolute;
inset: auto 0% 0%;
overflow: hidden;
}
.top-line-advantages {
background-color: #ffffff40;
width: 100%;
height: 1px;
position: absolute;
inset: 0% 0% auto;
}
.icon-bottom {
width: 12px;
height: 12px;
transform: rotate(45deg);
}
.grid-wrapper-5 {
z-index: 20;
grid-column-gap: 0px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: minmax(15px, auto) minmax(auto, 1170px) minmax(15px, auto);
grid-auto-columns: 1fr;
width: 100%;
margin-bottom: 0;
display: grid;
position: relative;
}
.left-info {
width: 650px;
}
.h6-subtitle {
width: auto;
margin-top: 0;
margin-bottom: 30px;
}
.button-icon-4 {
justify-content: center;
align-items: center;
padding: 2px;
display: flex;
}
.button-icon-4.button-icon-top {
position: absolute;
top: -100%;
left: -100%;
}
.methods-text {
text-align: left;
width: 100%;
margin-top: 0;
margin-bottom: 0;
}
.methods-container {
background-color: #ffffff03;
border-radius: 6px;
width: 100%;
padding: 20px;
position: relative;
overflow: hidden;
}
.text-animation {
margin-top: 0;
margin-bottom: 0;
font-family: Poppins, sans-serif;
font-size: 3em;
}
.advantages-wrap {
grid-row-gap: 60px;
flex-direction: column;
padding-top: 40px;
display: flex;
position: relative;
}
.video-services {
border-radius: 6px;
width: 100%;
height: 100%;
overflow: hidden;
}
.section-184 {
padding-top: 80px;
padding-bottom: 80px;
position: relative;
}
.metods-content-card {
z-index: 10;
grid-row-gap: 30px;
flex-direction: column;
justify-content: space-between;
height: 100%;
display: flex;
position: relative;
}
.advantages-list {
grid-column-gap: 15px;
grid-row-gap: 15px;
flex-wrap: wrap;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
display: grid;
position: relative;
}
.flex-right-4 {
flex-direction: column;
align-items: flex-end;
display: flex;
}
.service-h3-expandable-3 {
margin-top: 0;
margin-bottom: 0;
margin-right: 24px;
font-family: Poppins, sans-serif;
font-size: 1.6em;
font-weight: 300;
}
.section-185 {
padding-top: 140px;
padding-bottom: 140px;
}
.section-185.subhero-home-b {
padding-top: 0;
padding-bottom: 100px;
}
.faq-paragraph-5 {
transform-origin: 50% 0;
margin-bottom: 0;
padding-top: 16px;
padding-bottom: 12px;
font-family: Poppins, sans-serif;
font-size: 1.6em;
font-weight: 300;
}
.limit-1091 {
width: 100%;
max-width: 774px;
}
.plus-line-2 {
background-color: #0a0a0a;
border-radius: 1px;
width: 18px;
height: 2px;
}
.plus-line-2.vertical {
position: absolute;
transform: rotate(-90deg);
}
.big-text-4 {
font-family: Poppins, sans-serif;
font-size: 1.6em;
font-weight: 300;
line-height: 140%;
}
.big-text-4._2 {
margin-bottom: 15vh;
font-size: 40px;
font-weight: 200;
}
.plus-expand-master-2 {
flex: none;
justify-content: center;
align-items: center;
width: 40px;
height: 40px;
display: flex;
position: relative;
}
.space-142 {
height: 64px;
}
.expandable-single-2 {
cursor: pointer;
border-top: 1px solid #000;
padding: 26px 0;
}
.section-186 {
padding-top: 140px;
padding-bottom: 140px;
}
.section-186.quote-home-b {
padding-top: 16px;
padding-bottom: 100px;
}
.space-143 {
height: 48px;
}
.link-with-line-2 {
grid-row-gap: 6px;
color: #0a0a0a;
flex-direction: column;
align-items: flex-start;
text-decoration: none;
display: flex;
}
.big-text-5 {
font-family: Poppins, sans-serif;
font-size: 30px;
font-weight: 300;
line-height: 140%;
}
.limit-1092 {
width: 100%;
max-width: 864px;
}
.line-link-2 {
background-color: #0a0a0a;
width: 30%;
height: 1px;
}
.section-187 {
padding-top: 140px;
padding-bottom: 140px;
}
.section-187.gallery-home-a {
padding-top: 20px;
padding-bottom: 0;
position: relative;
}
.image-home-gallery-2 {
background-color: #0a0a0a;
min-height: 640px;
}
.image-home-gallery-2.image-one {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/653029e3fb1f6d0f12ee8ccb_Screen%20Shot%202023-10-18%20at%201.53.36%20PM.png");
background-position: 45%;
background-size: cover;
}
.image-home-gallery-2.image-one.video {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/61da16cdcfc38610502d7319_IMG_8402.jpg");
}
.image-home-gallery-2.image-two {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/6435cf60e217a5d4e5a9737d_Gallery%202.webp");
background-position: 50%;
background-size: cover;
}
.image-home-gallery-2.image-two.about {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/6557cc8477f317f1036ada41_IMG_5093.JPG");
background-position: 30%;
margin-bottom: 0;
}
.color-fill-gallery-a-2 {
z-index: 2;
background-color: #fecc2f;
width: 100%;
height: 40%;
position: absolute;
inset: auto 0% 0%;
}
.wrap-moving-logos {
align-items: stretch;
width: 100vw;
padding: 24px 0;
display: flex;
position: relative;
overflow: hidden;
}
.inside-moving-logos {
flex: none;
justify-content: space-between;
align-items: baseline;
width: 200vw;
display: flex;
}
.image-moving-logo {
height: 39px;
}
.gradient-logos {
z-index: 2;
background-image: linear-gradient(to right, #0a0a0a, #0a0a0a00);
width: 250px;
position: absolute;
inset: 0% auto 0% 0%;
}
.gradient-logos.right-gradient {
background-image: linear-gradient(270deg, #0a0a0a, #0a0a0a00);
inset: 0% 0% 0% auto;
}
.no-margins-20 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-size: 44px;
}
.navbar3_menu {
justify-content: flex-start;
align-items: center;
margin-left: -1rem;
display: flex;
position: static;
}
.social-icon-4 {
width: 1.5rem;
height: 1.5rem;
}
.text-size-regular-4 {
font-size: 1rem;
}
.padding-global-4 {
padding-left: 5%;
padding-right: 5%;
}
.header83_background-images {
z-index: -1;
position: absolute;
inset: 0%;
}
.layout1_component {
grid-column-gap: 5rem;
grid-row-gap: 4rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
display: grid;
}
.portfolio11_title-link {
margin-bottom: .5rem;
text-decoration: none;
display: block;
}
.portfolio15_list {
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.section_cta-2 {
background-color: #191919;
}
.navbar3_component {
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px);
background-color: #ffffff1a;
align-items: center;
width: 100%;
min-height: 4.5rem;
padding-left: 5%;
padding-right: 5%;
display: flex;
position: absolute;
inset: 0% 0% auto;
}
.portfolio15_title-link {
margin-bottom: .5rem;
text-decoration: none;
display: block;
}
.navbar3_logo-link-menu {
padding-left: 0;
display: none;
}
.cta38_link-image-wrapper {
z-index: 1;
justify-content: center;
align-items: center;
width: 50%;
height: 100vh;
margin-left: 50%;
display: none;
position: fixed;
inset: 0%;
}
.navbar3_menu-button {
padding: 0;
}
.main-wrapper-10 {
z-index: 10;
background-color: #fff;
display: none;
position: relative;
}
.padding-section-xlarge-2 {
padding-top: 16rem;
padding-bottom: 16rem;
}
.navbar3_link {
color: #fff;
letter-spacing: .5px;
text-transform: uppercase;
margin-left: 1rem;
margin-right: 1rem;
padding: 0;
font-size: .85rem;
font-weight: 500;
}
.navbar3_link.w--current {
color: #191919;
}
.footer4_link-list {
grid-column-gap: 1.5rem;
grid-row-gap: 0px;
white-space: normal;
grid-template-rows: auto;
grid-template-columns: max-content;
grid-auto-columns: max-content;
grid-auto-flow: column;
justify-content: center;
justify-items: start;
display: grid;
}
.lightbox_text-wrapper {
background-color: #fff;
border-radius: 32px;
padding: .5rem 2rem;
}
.slider-content-replace-this-div {
text-align: center;
border: 2px dashed #0000001a;
flex-direction: column;
align-items: center;
width: 100%;
height: 20rem;
margin-left: auto;
margin-right: auto;
display: flex;
}
.footer4_top-wrapper {
grid-column-gap: 4vw;
grid-template-rows: auto;
grid-template-columns: .25fr 1fr .25fr;
justify-content: space-between;
align-items: center;
}
.navbar3_container {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr max-content 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
place-items: center stretch;
width: 100%;
height: 100%;
margin-left: auto;
margin-right: auto;
display: grid;
}
.lightbox_background-video {
width: 100%;
}
.lightbox_background-video.is-showreel {
height: 600px;
}
.layout1_image {
width: 100%;
max-width: 600px;
height: 100%;
}
.footer4_social-list {
grid-column-gap: .75rem;
grid-row-gap: 0rem;
white-space: normal;
grid-template-rows: auto;
grid-template-columns: max-content;
grid-auto-columns: max-content;
grid-auto-flow: column;
place-items: start;
display: grid;
}
.slider3_component {
background-color: #0000;
height: auto;
padding-bottom: 4rem;
padding-left: .875rem;
padding-right: .875rem;
overflow: hidden;
}
.navbar3_logo {
color: #fff;
max-height: 48px;
}
.footer4_link {
color: #fff;
text-align: center;
text-transform: uppercase;
font-size: .85rem;
font-weight: 500;
text-decoration: none;
}
.portfolio11_tag-list {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
flex-wrap: wrap;
margin-top: 1rem;
display: flex;
}
.dropdown-icon {
flex-direction: column;
justify-content: center;
align-items: center;
width: 1rem;
height: 1rem;
margin-top: auto;
margin-bottom: auto;
margin-right: 1rem;
display: flex;
position: absolute;
inset: 0% 0% 0% auto;
}
.button-62 {
color: #fff;
text-align: center;
text-transform: uppercase;
background-color: #191919;
border: 1px solid #191919;
align-items: center;
height: 64px;
padding: .75rem 2rem;
font-size: .85rem;
font-weight: 600;
transition: all .65s ease-in-out;
display: flex;
}
.button-62:hover {
border-radius: 64px;
}
.button-62.is-link {
color: #191919;
background-color: #0000;
border-style: none;
padding: .25rem 0;
line-height: 1;
text-decoration: none;
}
.button-62.is-link.is-icon {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
}
.button-62.is-alternate {
color: #000;
background-color: #fff;
}
.button-62.is-secondary {
color: #191919;
background-color: #0000;
transition-duration: .45s;
}
.button-62.is-secondary:hover {
color: #fff;
background-color: #191919;
}
.button-62.is-navbar3-button {
color: #191919;
background-color: #fff;
border-style: none;
height: 40px;
margin-left: 1rem;
padding: .5rem 1.5rem;
}
.section_cta38 {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/652d7a6dcf0d94530b6a25eb_bk-bg-image.jpg");
background-position: 100%;
background-repeat: no-repeat;
background-size: cover;
}
.header83_content-wrapper {
justify-content: flex-start;
align-items: flex-end;
height: 100vh;
display: flex;
position: sticky;
top: 0;
overflow: hidden;
}
.cta38_link-text-small {
white-space: nowrap;
margin-right: 2rem;
font-size: 1.5rem;
font-weight: 700;
line-height: 1.4;
}
.navbar3_tablet-menu-button {
color: #fff;
background-color: #000;
border: 1px solid #000;
margin-left: 1rem;
padding: .5rem 1.5rem;
display: none;
}
.header83_h1 {
color: #fff;
text-align: center;
text-transform: uppercase;
font-family: Poppins, sans-serif;
font-size: 6rem;
font-weight: 700;
}
.portfolio15_component {
flex-direction: column;
align-items: center;
}
.text-size-medium-4 {
font-size: 1.125rem;
}
.text-size-medium-4.text-color-white {
text-align: center;
font-family: Poppins, sans-serif;
font-size: 1.5rem;
}
.slider3_arrow {
background-color: #fff;
border: 1px solid #191919;
border-radius: 100%;
justify-content: center;
align-items: center;
width: 3.5rem;
height: 3.5rem;
display: flex;
}
.icon-1x1-xlarge {
width: 6.5rem;
height: 6.5rem;
}
.navbar3_menu-background {
display: none;
position: static;
}
.image-overlay-layer {
z-index: 1;
background-image: linear-gradient(#0003, #000000b3 91%);
position: absolute;
inset: 0%;
}
.header83_ix-trigger {
z-index: -1;
margin-top: 100vh;
position: absolute;
inset: 0%;
}
.header83_component {
height: 300vh;
position: relative;
}
.lightbox_text-container {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
opacity: .8;
color: var(--black);
background-color: #fecc2f;
border-radius: 64px;
justify-content: center;
align-items: center;
padding: 1rem;
display: flex;
}
.footer4_component {
color: #fff;
background-color: #191919;
}
.cta38_link-text {
text-transform: uppercase;
font-size: 3.5rem;
font-weight: 700;
line-height: 1.2;
}
.cta38_link-block {
border-bottom: 1px solid #00000040;
justify-content: flex-start;
align-items: center;
padding-top: 3rem;
padding-bottom: 3rem;
text-decoration: none;
transition: all .3s;
display: flex;
position: relative;
}
.navbar3_menu-dropdown {
margin-left: 0;
margin-right: 0;
}
.header83_image-wrapper {
position: relative;
}
.portfolio15_title-wrapper {
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr max-content;
grid-auto-columns: 1fr;
justify-content: center;
align-items: flex-start;
display: flex;
}
.text-color-white-2 {
color: #fff;
font-family: Poppins, sans-serif;
font-size: 2em;
}
.text-color-white-2.text-size-medium {
font-family: Poppins, sans-serif;
font-size: 1.5rem;
}
.portfolio15_tag-list {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
flex-flow: wrap;
margin-top: 1rem;
display: flex;
}
.hero_text-wrapper {
padding: 4rem 5%;
font-family: Poppins, sans-serif;
}
.cta38_link-image {
width: 75%;
max-width: 35rem;
}
.footer4_social-link {
color: #fff;
align-items: center;
font-size: 14px;
text-decoration: none;
display: flex;
}
.footer4_social-link.display-none {
display: none;
}
.portfolio15_tag-item {
background-color: #f4f4f4;
padding: .25rem .5rem;
font-size: .875rem;
font-weight: 600;
text-decoration: none;
}
.portfolio15_tag-item.w--current {
border-bottom: 2px solid #000;
}
.div-block-251 {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
flex-direction: row;
justify-content: center;
width: 100%;
display: flex;
}
.banner14_component {
white-space: nowrap;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
display: flex;
}
.div-block-252 {
width: 100%;
}
.banner14_marquee-wrapper {
white-space: nowrap;
align-items: center;
width: 100%;
padding-top: 1rem;
padding-bottom: 1rem;
display: flex;
overflow: hidden;
}
.text-weight-semibold-4 {
font-weight: 600;
}
.text-align-center-6 {
text-align: center;
}
.content17_component {
grid-column-gap: 5rem;
grid-row-gap: 5rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1.5fr;
grid-auto-columns: 1fr;
place-items: center start;
display: grid;
}
.div-block-253 {
width: 100px;
}
.portfolio15_image {
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.portfolio15_image-wrapper {
width: 100%;
padding-top: 75%;
position: relative;
overflow: hidden;
}
.heading-style-h5-2 {
text-transform: uppercase;
font-size: 1.5rem;
font-weight: 700;
line-height: 1.4;
}
.footer4_legal-link {
color: #999;
font-size: .875rem;
font-weight: 400;
text-decoration: underline;
}
.portfolio15_image-link {
width: 100%;
}
.portfolio11_tag-item {
background-color: #f4f4f4;
padding: .25rem .5rem;
font-size: .875rem;
font-weight: 600;
text-decoration: none;
}
.portfolio11_tag-item.w--current {
border-bottom: 2px solid #000;
}
.lightbox_button-wrapper {
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
position: absolute;
inset: 0%;
}
.portfolio11_list {
grid-column-gap: 2rem;
grid-row-gap: 4rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
display: grid;
}
.portfolio11_image-link {
width: 100%;
margin-bottom: 1.5rem;
}
.navbar3_dropdown-toggle {
align-items: center;
padding: .5rem 2.5rem .5rem 1rem;
display: flex;
}
.banner14_marquee {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
color: #fff;
grid-template-rows: auto;
grid-template-columns: max-content;
grid-auto-columns: max-content;
grid-auto-flow: column;
margin-left: 3rem;
display: grid;
}
.section_content17 {
background-color: #191919;
}
.line-divider-3 {
background-color: #444;
width: 100%;
height: 1px;
}
.portfolio11_item {
text-decoration: none;
}
.footer4_bottom-wrapper {
grid-column-gap: 1.5rem;
grid-row-gap: 0rem;
white-space: normal;
grid-template-rows: auto;
grid-template-columns: max-content;
grid-auto-columns: max-content;
grid-auto-flow: column;
justify-content: center;
display: grid;
}
.div-block-254 {
display: flex;
}
.navbar3_dropdown-link {
padding: .5rem 1rem;
}
.navbar3_dropdown-link.w--current {
color: #191919;
}
.slider3_mask {
width: 33.33%;
overflow: visible;
}
.header83_images-layout {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
height: 100%;
display: grid;
transform: scale(3.2);
}
.lightbox-video {
z-index: 1;
width: 100%;
position: relative;
}
.navbar3_dropdown-list.w--open {
background-color: #fff;
border: 1px solid #191919;
padding: 8px;
position: absolute;
}
.lightbox_image {
width: 100%;
height: 600px;
display: none;
}
.cta38_component {
grid-column-gap: 0rem;
grid-row-gap: 1rem;
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
}
.footer4_logo-link {
padding-left: 0;
}
.section_banner14 {
background-color: #191919;
overflow: hidden;
}
.portfolio15_item {
grid-column-gap: 5rem;
border-top: 1px solid #00000040;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
padding-top: 3rem;
padding-bottom: 3rem;
display: grid;
}
.portfolio15_item:last-child {
padding-bottom: 0;
}
.slider3_slide {
padding-left: .875rem;
padding-right: .875rem;
}
.text-size-small-7 {
font-size: .875rem;
}
.slider3_arrow-icon {
color: #191919;
justify-content: center;
align-items: center;
width: 1rem;
height: 1rem;
display: flex;
}
.navbar3_logo-link {
padding-left: 0;
}
.text-color-gray {
color: #777;
}
.margin-bottom-8, .margin-bottom-8.margin-medium, .margin-bottom-8.margin-xxsmall, .margin-bottom-8.margin-xsmall, .margin-bottom-8.margin-small, .margin-bottom-8.margin-xxlarge, .margin-bottom-8.margin-large {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.lightbox_video-wrapper {
flex-direction: column;
align-items: center;
width: 6.5rem;
height: 6.5rem;
display: flex;
position: relative;
}
.section_content18 {
background-color: #f4f4f4;
}
.text-weight-medium-3 {
font-weight: 500;
}
.container-large-9 {
width: 100%;
max-width: 80rem;
margin-left: auto;
margin-right: auto;
}
.slider3_slide-nav {
height: 1.75rem;
font-size: .5rem;
}
.header83_image {
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.portfolio11_component {
flex-direction: column;
align-items: center;
}
.icon-embed-xsmall {
flex-direction: column;
justify-content: center;
align-items: center;
width: 1.5rem;
height: 1.5rem;
display: flex;
}
.footer4_credit-text {
color: #999;
font-size: .875rem;
}
.image-wrapper_image {
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.image-wrapper_image.is-super {
object-fit: cover;
object-position: 50% 90%;
}
.header83_content {
justify-content: center;
align-items: center;
height: 100%;
display: flex;
}
.heading-style-h3 {
text-transform: uppercase;
font-size: 2.5rem;
font-weight: 700;
line-height: 1.2;
}
.image-wrapper-4-3 {
width: 100%;
padding-top: 75%;
position: relative;
}
.heading-539 {
margin-bottom: 100px;
font-family: Poppins, sans-serif;
font-size: 2.2em;
font-weight: 400;
line-height: 1.3;
}
.bold-text-45 {
font-family: Poppins, sans-serif;
font-size: 50px;
line-height: 20px;
}
.text-span-56 {
color: #fecc2f;
}
.container-1323 {
margin-top: -104px;
margin-left: 0;
padding-right: 726px;
}
.text-span-57 {
font-family: Poppins, sans-serif;
font-style: normal;
font-weight: 400;
}
.image-503 {
object-fit: cover;
width: 100%;
height: 100%;
}
.bottom-row-side__image-wrapper {
width: 24em;
height: 28em;
}
.middle-row-center__image-wrap {
width: 45em;
height: 30em;
overflow: hidden;
}
.section_dicovery-zoom-effect {
height: 300vh;
}
.middle-row-side__image-wrapper {
width: 20em;
height: 24em;
}
.top-row__image-wrap {
width: 55em;
height: 30em;
position: relative;
left: 5em;
}
.image-grid_wrapper {
grid-column-gap: 1em;
grid-row-gap: 1em;
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
}
.sticky-wrapper-3 {
overflow: hidden;
}
.bottom-row-center__image-wrap {
width: 45em;
height: 28em;
}
.row_wrapper {
grid-column-gap: 1em;
grid-row-gap: 1em;
justify-content: center;
align-items: flex-end;
display: flex;
}
.arrow-icon-3 {
transform-origin: 100% 0;
width: 2.99em;
margin-bottom: 1.5em;
}
.container-1324 {
z-index: 2;
width: 100%;
max-width: 1680px;
margin-left: auto;
margin-right: auto;
padding-left: 8.3em;
padding-right: 8.3em;
}
.container-1324.quiz-hero {
grid-column-gap: 8.33em;
grid-row-gap: 8.33em;
background-color: #3e2626;
flex-direction: column;
justify-content: space-between;
display: flex;
}
.heading-container {
perspective: 40em;
overflow: hidden;
}
.section-188 {
z-index: 2;
background-color: #fff;
width: 100%;
padding-top: 11.11em;
position: relative;
}
.container-1325 {
z-index: 2;
width: 100%;
max-width: 1680px;
margin-left: auto;
margin-right: auto;
padding-left: 8.3em;
padding-right: 8.3em;
}
.container-1325.is-relative {
position: relative;
}
.page-section-2 {
z-index: 10;
padding-top: 100px;
padding-bottom: 100px;
}
.page-section-2.is-discover {
background-color: #fff;
background-image: linear-gradient(#7644f208, #7644f208), url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/65301b904fc27f7bf2e1d083_bg.svg");
background-position: 0 0, 0 0;
font-family: Poppins, sans-serif;
overflow: hidden;
}
.spacer-3 {
background-color: #e7ecf0;
height: 48px;
}
.spacer-3._48 {
background-color: #0000;
border-radius: 6px;
width: 48px;
}
.text-block-177 {
text-decoration: none;
}
.eyebrow-text-block {
background-color: #7644f214;
border-radius: 20px;
padding: 9px 20px;
display: inline-block;
}
.button-icon_wrapper {
grid-column-gap: 10px;
grid-row-gap: 10px;
transition: all .2s ease-in;
display: flex;
}
.container-1326 {
max-width: 1380px;
padding-left: 30px;
padding-right: 30px;
}
.button-63 {
color: #fff;
text-align: center;
background-color: #7644f2;
border-radius: 60px;
flex: none;
padding: 1rem 2.5rem;
font-size: .875rem;
font-weight: 500;
line-height: 1.375rem;
transition: box-shadow .2s, transform .2s, border-color .2s, color .2s, background-color .2s;
box-shadow: 0 2px #2020200d;
}
.button-63:hover {
background-color: #33383f;
}
.button-63:active {
background-color: #626a72;
transform: translate(0, 2px);
box-shadow: 0 0 #20202000;
}
.button-63.is-icon {
grid-column-gap: 13px;
grid-row-gap: 13px;
justify-content: center;
align-items: center;
min-width: 200px;
text-decoration: none;
display: inline-block;
}
.icon-wrapper {
height: 100%;
max-height: 32px;
display: inline-block;
}
.grid_section-img_right {
grid-template-rows: auto;
grid-template-columns: 1.75fr 1fr;
grid-auto-columns: 1fr;
place-content: center space-between;
place-items: center baseline;
display: grid;
}
.heading-540 {
font-weight: 600;
display: block;
}
.heading-540.h3 {
margin-bottom: 12px;
font-size: 1.375rem;
line-height: 1.4em;
}
.grid_section-text-wrapper {
grid-column-gap: 40px;
grid-row-gap: 40px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
align-content: center;
display: grid;
}
.text-highlight {
color: #fecc2f;
}
.feature_card-content {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-direction: column;
grid-template-rows: auto .3fr;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: row;
place-content: start flex-start;
place-items: baseline;
display: flex;
}
.feature_card-wrapper {
grid-column-gap: 40px;
grid-row-gap: 40px;
grid-template: "."
/ .75fr .75fr;
grid-auto-columns: 1fr;
grid-auto-flow: column;
display: grid;
}
.heading-541 {
font-size: 3em;
}
.home-hero-images-wrap {
z-index: 1;
justify-content: center;
align-items: center;
height: 50%;
display: flex;
position: relative;
inset: auto 0% -20%;
overflow: visible;
}
.button-64 {
grid-row-gap: .25rem;
color: #000;
background-color: #fff;
border-radius: 10rem;
flex-direction: column;
padding: 1rem 2rem;
font-size: 1rem;
text-decoration: none;
transition: padding .6s;
display: flex;
overflow: hidden;
}
.button-64:hover {
padding-left: 3rem;
padding-right: 3rem;
}
.heading-542 {
letter-spacing: -2px;
font-size: 14vw;
line-height: 1.05;
}
.heading-542.all-caps.text-weight-semibold {
font-size: 16vh;
}
.padding-global-5 {
margin-top: 0;
padding-left: 4rem;
padding-right: 4rem;
}
.reveal-01 {
display: inline;
}
.noise-transition {
z-index: 1;
background-image: linear-gradient(to top, #000, #0000 15%);
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.image-504 {
object-fit: cover;
object-position: 50% 50%;
width: 102%;
max-width: none;
height: 102%;
}
.main-wrapper-11 {
flex-direction: column;
overflow: hidden;
}
.home-about-component {
grid-row-gap: 3rem;
flex-direction: column;
justify-content: center;
align-items: center;
margin-top: 40.1rem;
margin-bottom: 6rem;
font-family: Poppins, sans-serif;
font-size: 40px;
display: flex;
}
.home-hero-component {
z-index: 8;
grid-row-gap: 2rem;
text-align: center;
flex-direction: column;
justify-content: center;
align-items: center;
width: auto;
min-height: 50dvh;
padding-top: 25vh;
padding-bottom: 7vw;
display: flex;
position: relative;
}
.heading-6 {
font-size: 3.5vw;
line-height: 1.2;
}
.heading-6.text-weight-medium.animated {
display: inline-block;
position: absolute;
inset: 0%;
}
.heading-6.text-weight-medium.opacity {
opacity: .1;
}
.text-animation-2 {
position: relative;
}
.container-1327 {
width: 100%;
max-width: 90vw;
margin-left: auto;
margin-right: auto;
}
.max-width-80ch {
max-width: 80ch;
}
.max-width-80ch.center-align {
text-align: center;
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
}
.home-hero-images {
border-radius: .75rem;
flex-direction: column;
justify-content: center;
align-items: center;
min-width: 27%;
height: 40vh;
min-height: 38rem;
margin-left: -6%;
margin-right: -6%;
display: flex;
position: relative;
overflow: hidden;
box-shadow: 6px 6px 15px #00000057;
}
.home-hero-images._07 {
z-index: 1;
transform: translate(0, 29%)rotate(16deg);
}
.home-hero-images._03 {
z-index: 5;
transform: translate(0, 5%)rotate(-5.53deg);
}
.home-hero-images._04 {
z-index: 4;
transform: rotate(0);
}
.home-hero-images._05 {
z-index: 3;
transform: translate(0, 5%)rotate(7deg);
}
.home-hero-images._06 {
z-index: 2;
transform: translate(0, 15%)rotate(13deg);
}
.home-hero-images._01 {
z-index: 7;
transform: translate(0, 29%)rotate(-12.61deg);
}
.home-hero-images._02 {
z-index: 6;
transition: none;
transform: translate(0, 15%)rotate(-10.94deg);
}
.text-size-regular-5 {
color: #fff;
font-family: Poppins, sans-serif;
font-size: 1rem;
line-height: 1.5;
}
.text-size-regular-5.all-caps {
text-align: center;
}
.home-hero-2 {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/653020cf07e6632bd7fc2e41_noise.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
max-width: 100%;
position: relative;
overflow: visible;
}
.mask-frame {
z-index: 4;
opacity: 0;
background-color: #121212;
border-radius: 0;
height: 100%;
position: absolute;
inset: auto 0% 0%;
}
.about-hero-component-3 {
grid-row-gap: 7rem;
flex-direction: column;
padding-top: 10vh;
font-family: Poppins, sans-serif;
display: flex;
}
.about-hero-image-component {
border-radius: 3rem;
flex-direction: column;
justify-content: center;
align-items: center;
height: 150vh;
margin-top: 0;
display: flex;
position: relative;
overflow: hidden;
}
.image-505 {
object-fit: cover;
object-position: 50% 50%;
width: 102%;
max-width: none;
height: 102%;
}
.main-wrapper-12 {
flex-direction: column;
overflow: hidden;
}
.text-size-xhuge {
font-size: 12vw;
line-height: 1;
}
.text-size-xhuge.hero {
height: auto;
min-height: auto;
}
.container-1328 {
width: 100%;
max-width: 90vw;
margin-left: auto;
margin-right: auto;
}
.about-hero-paragraph {
width: 60%;
}
.about-hero {
position: relative;
}
.text-size-large-6 {
font-size: 2.6rem;
line-height: 1.5;
}
.text-size-large-6.text-weight-regular {
margin-bottom: 15vh;
font-size: 2rem;
}
.about-hero-top {
max-width: 110ch;
}
.about-hero-top.full-width {
max-width: none;
}
.noise-wrapper {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/653020cf07e6632bd7fc2e41_noise.png");
background-position: 0 0;
background-size: auto;
border-bottom-right-radius: 3rem;
border-bottom-left-radius: 3rem;
overflow: hidden;
}
.about-hero-bottom {
grid-column-gap: 4rem;
justify-content: space-between;
align-items: center;
display: flex;
}
.about-hero-bottom.right-align {
justify-content: flex-end;
}
.text-size-xlarge-2 {
font-size: 2.8rem;
line-height: 1.2;
}
.text-size-xlarge-2.text-weight-medium.about {
color: #fff;
margin-bottom: 60px;
padding-top: 60px;
font-family: Poppins, sans-serif;
}
.about-cards-section {
background-color: #fecc2f;
flex-direction: column;
justify-content: center;
align-items: stretch;
padding-top: 40px;
padding-bottom: 40px;
display: flex;
}
.cta-card {
border-radius: 1rem;
justify-content: center;
align-items: center;
width: 40vw;
min-width: 25vw;
height: 100%;
display: flex;
overflow: hidden;
box-shadow: 8px 8px 8px #0000004f;
}
.cta-card._02 {
z-index: 3;
position: relative;
transform: rotate(10deg);
}
.cta-card._01 {
z-index: 3;
margin-right: -13.4rem;
position: relative;
transform: translate(0, 7rem)rotate(-4deg);
}
.opacity-80 {
opacity: .8;
}
.button-65 {
grid-row-gap: .25rem;
color: #000;
background-color: #fff;
border-radius: 10rem;
flex-direction: column;
padding: 1rem 2rem;
font-size: 1rem;
text-decoration: none;
transition: padding .6s;
display: flex;
overflow: hidden;
}
.button-65:hover {
padding-left: 3rem;
padding-right: 3rem;
}
.cta-button-3 {
margin-top: 1.5rem;
}
.cta-content-2 {
grid-row-gap: 1.5rem;
flex-direction: column;
align-items: flex-start;
width: 46%;
display: flex;
}
.image-506 {
object-fit: cover;
object-position: 50% 50%;
width: 102%;
max-width: none;
height: 102%;
margin-left: -80px;
padding-left: 0;
}
.about-cards-components {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
align-content: center;
max-width: 110rem;
margin: 0 auto;
display: grid;
}
.container-1329 {
width: 100%;
max-width: 90vw;
margin-top: 0;
margin-left: auto;
margin-right: auto;
}
.about-card-bottom {
color: #fff;
background-color: #000;
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/653020cf07e6632bd7fc2e41_noise.png");
background-position: 50%;
background-repeat: repeat;
background-size: cover;
border-radius: 1.5rem;
justify-content: space-between;
margin-bottom: 0;
padding: 0 6rem;
text-decoration: none;
display: flex;
position: relative;
overflow: hidden;
}
.heading-543 {
font-size: 4.25rem;
line-height: 1.15;
}
.heading-543.text-weight-bold.big-numbers {
color: #fff;
text-align: center;
font-family: Poppins, sans-serif;
}
.about-card {
background-color: #111;
border-radius: .4rem;
flex-direction: column;
justify-content: center;
min-height: 20vh;
padding: 2.5rem;
transition: opacity .4s;
display: flex;
}
.about-card:hover {
opacity: .55;
-webkit-text-stroke-color: #0000;
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/6530238eb4c6445b2c37eb90_bg-card-1.jpg");
background-repeat: no-repeat;
background-size: cover;
}
.about-card.third {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/6530238eb4c6445b2c37eb8c_bg-card-3.jpg");
}
.about-card.second {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/6530238eb4c6445b2c37eb88_bg-card-2.jpg");
}
.cta-card-wrapper {
justify-content: center;
align-items: center;
width: 50%;
padding-top: 2rem;
padding-left: 8vw;
display: flex;
position: absolute;
inset: 0% 0% 0% auto;
}
.text-span-58 {
color: #fecc2f;
}
.home-marquee {
z-index: 10;
grid-column-gap: 1vw;
background-color: #fff;
border-top-left-radius: 2rem;
border-top-right-radius: 2rem;
flex-direction: row;
width: 100%;
padding-top: 2.9rem;
padding-bottom: 2.9rem;
display: flex;
position: relative;
overflow: hidden;
}
.home-marquee-wrapper {
grid-column-gap: 1vw;
flex-direction: row;
align-items: center;
margin-left: -123px;
display: flex;
}
.home-marquee-image {
border: 3px solid #000;
border-radius: 1rem;
flex: none;
justify-content: center;
align-items: center;
width: 30vw;
height: 30vw;
display: flex;
overflow: hidden;
}
.image-507 {
object-fit: cover;
object-position: 50% 50%;
width: 102%;
max-width: none;
height: 102%;
box-shadow: 0 7px 5px #fecc2fa1;
}
.background-video-30 {
border: 1px #000;
border-radius: 3px;
flex-direction: column;
justify-content: center;
align-items: center;
height: 150px;
display: flex;
}
.section-189 {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/625494d5d30e1b324fc92c9d_surface-CIrJuUI75hg-unsplash.jpg");
background-position: 50%;
background-size: cover;
justify-content: flex-start;
align-items: flex-end;
height: 50vw;
display: flex;
}
.container-1330 {
align-items: flex-end;
display: flex;
}
.background-video-31 {
height: 50vw;
}
.section-190 {
justify-content: center;
align-items: center;
height: 11.5vw;
padding-top: 40px;
padding-bottom: 40px;
display: flex;
}
.heading-544 {
font-family: Poppins, sans-serif;
font-size: 5em;
}
.paragraph-176 {
font-family: Poppins, sans-serif;
}
.container-1331 {
text-align: center;
padding-top: 40px;
padding-bottom: 40px;
font-family: Poppins, sans-serif;
}
.header83_content-2 {
justify-content: flex-start;
align-items: flex-end;
height: 100%;
display: flex;
}
.margin-bottom-9, .margin-bottom-9.margin-xxsmall {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.header83_h1-2 {
color: #fff;
text-transform: uppercase;
font-size: 4rem;
font-weight: 700;
}
.text-size-medium-5 {
font-size: 1.125rem;
}
.introduction {
letter-spacing: -.01em;
margin-top: 0;
margin-bottom: 0;
font-family: Degular, sans-serif;
font-size: 2rem;
font-weight: 600;
line-height: 1.5;
}
.content-574 {
z-index: 2;
flex-direction: column;
align-items: flex-start;
display: flex;
position: relative;
}
.content-574.xs {
max-width: 512px;
}
.navbar-10vh {
background-color: #0d0d11;
width: 100%;
height: 10vh;
position: sticky;
top: 0;
}
.grid-6-footer-b {
z-index: 1;
grid-column-gap: 3rem;
grid-row-gap: 3rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-flow: row;
width: 100%;
position: relative;
}
.nav-menu-10 {
z-index: 0;
width: 100%;
height: 100%;
padding-left: 32px;
padding-right: 32px;
position: relative;
}
.nav-menu-10.space-between {
justify-content: space-between;
align-items: center;
display: flex;
}
.bg-color-4 {
z-index: 0;
position: absolute;
inset: 0%;
}
.bg-color-4.black {
background-color: #0d0d11;
}
.section-191 {
z-index: 2;
width: 100%;
padding: 6rem;
position: relative;
}
.section-191.no-padding {
padding: 0;
}
.section-191.no-padding._1 {
padding-bottom: 4rem;
}
.section-191.no-top-bottom {
padding: 0 3.7rem;
}
.section-191._75vh {
height: auto;
min-height: 75vh;
}
.caption-4 {
z-index: 1;
margin-top: 0;
margin-bottom: 2px;
font-size: .75rem;
font-weight: 500;
line-height: 1.3;
position: relative;
}
.menu-button-10 {
color: #0d0d11;
}
.nav-container-horiz {
justify-content: space-between;
height: 100%;
padding-left: 6rem;
padding-right: 6rem;
display: flex;
}
.nav-link-invert-2 {
color: #fff;
letter-spacing: .04em;
text-transform: uppercase;
flex-direction: column;
justify-content: center;
align-items: center;
margin-left: 32px;
padding: 12px 0;
font-weight: 500;
line-height: 1;
transition: color .6s, border-color .6s;
position: relative;
}
.nav-link-invert-2:hover {
color: #fff;
}
.nav-link-invert-2.first {
margin-left: 0;
}
.text-block-178 {
font-family: Poppins, sans-serif;
font-size: 20px;
line-height: 1.7;
}
.content-575 {
z-index: 2;
flex-direction: column;
align-items: flex-start;
display: flex;
position: relative;
}
.content-575.xs {
max-width: 512px;
}
.bg-color-5 {
z-index: 0;
position: absolute;
inset: 0%;
}
.bg-color-5.black {
background-color: #fff;
}
.section-192 {
z-index: 2;
width: 100%;
padding: 6rem;
position: relative;
}
.section-192.no-top {
padding-top: 8rem;
}
.grid-2-columns-8 {
grid-column-gap: 40px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr minmax(200px, 1fr);
grid-auto-columns: 1fr;
align-items: center;
display: grid;
position: relative;
}
.grid-2-columns-8._2 {
grid-column-gap: 100px;
align-items: end;
max-width: 80%;
margin-left: auto;
margin-right: auto;
}
.button-flex-3 {
justify-content: center;
align-items: center;
display: flex;
}
.social-overlay {
background-color: #c6100f;
width: 100%;
height: 100%;
position: absolute;
}
.align-center-4 {
text-align: center;
}
.team-photo {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/65319972f8229523d43f3a6d_team-3.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border-radius: 4px;
width: 110px;
height: 110px;
margin: -60px auto 33px;
position: relative;
}
.team-photo._2 {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/65319972f8229523d43f3a72_team-2.jpg");
background-position: 50%;
}
.team-photo._3 {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/65319972f8229523d43f3a68_team-1.jpg");
background-position: 50%;
}
.display-25 {
text-transform: uppercase;
margin-top: 0;
margin-bottom: 0;
font-size: 130px;
font-weight: 700;
line-height: 1;
}
.social-wrapper-footer {
flex-flow: wrap;
justify-content: flex-start;
align-items: center;
display: flex;
position: relative;
}
.social-wrapper-footer._2 {
justify-content: center;
}
.absolute-background-3 {
z-index: 2;
background-color: #12141d;
margin-left: auto;
margin-right: 0;
display: none;
position: absolute;
inset: 0%;
}
.section-193 {
background-color: #0000;
padding: 100px 5%;
position: relative;
}
.section-193.overflow {
padding-bottom: 50px;
overflow: hidden;
}
.section-193.overflow._2 {
padding-bottom: 100px;
}
.social-icon-5 {
border-left: 1px solid #12141d;
border-right: 1px solid #12141d;
justify-content: center;
align-items: center;
width: 40px;
height: 40px;
margin-left: -1px;
display: flex;
position: relative;
overflow: hidden;
}
.social-image-2 {
z-index: 1;
width: 16px;
position: relative;
}
.play-icon-9 {
filter: invert();
width: 11px;
position: absolute;
}
.team-grid-2 {
grid-column-gap: 30px;
grid-row-gap: 30px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
max-width: 86%;
margin-left: auto;
margin-right: auto;
display: grid;
}
.team-content {
background-color: #12141d;
border: 1px solid #ffffff26;
padding-bottom: 30px;
padding-left: 40px;
padding-right: 40px;
}
.display-26 {
letter-spacing: 1px;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 0;
font-size: 40px;
font-weight: 700;
line-height: 1.1;
}
.container-1332 {
z-index: 1;
flex: 1;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
position: relative;
}
.text-span-59 {
color: #fecc2f;
}
.section-194 {
flex-direction: column;
justify-content: center;
align-items: center;
padding-bottom: 60px;
display: none;
}
.accordion-text-4 {
color: #000;
font-family: Poppins, sans-serif;
font-weight: 300;
line-height: 40px;
}
.accordion-toggle-2 {
color: #ece5e2;
justify-content: space-between;
align-items: center;
width: 100%;
height: 80px;
padding-left: 0;
padding-right: 0;
font-family: Ubuntu, Helvetica, sans-serif;
font-size: 30px;
font-weight: 700;
line-height: 40px;
transition: color .35s cubic-bezier(.445, .05, .55, .95);
display: flex;
}
.accordion-toggle-2:hover {
color: #fabc28;
}
.container-1333 {
width: 100%;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
}
.container-1333.accordion {
justify-content: center;
max-width: 1000px;
display: flex;
}
.heading-545 {
font-family: Poppins, sans-serif;
font-size: 3em;
font-weight: 400;
}
.homepage-marquee-wrapper {
grid-column-gap: 1rem;
flex-direction: row;
flex: none;
justify-content: flex-start;
align-items: center;
display: flex;
}
.heading-2-homepage {
letter-spacing: -2px;
font-size: 5.5rem;
line-height: 1.15;
}
.heading-2-homepage.text-weight-medium.all-caps {
font-size: 6vw;
}
.homapage-heading {
flex-direction: column;
align-items: center;
font-family: Poppins, sans-serif;
font-weight: 600;
line-height: 1.2;
display: flex;
}
.button-66 {
grid-row-gap: .25rem;
color: #000;
background-color: #fff;
border-radius: 10rem;
flex-direction: column;
padding: 1rem 2rem;
font-size: 1rem;
text-decoration: none;
transition: padding .6s;
display: flex;
overflow: hidden;
}
.button-66:hover {
padding-left: 3rem;
padding-right: 3rem;
}
.button-66.secondary {
color: #fff;
background-color: #0000;
border: 1.5px solid #4b4b4b;
}
.no-wrap {
white-space: nowrap;
}
.text-color-grey-2 {
color: #cdcdcd;
}
.all-caps {
text-transform: uppercase;
}
.all-caps.text-size-regular.hompage {
letter-spacing: 2px;
}
.circle-3 {
background-color: #fff;
border-radius: 50%;
flex: none;
width: .5rem;
height: .5rem;
}
.homepage-header-marquee {
grid-column-gap: 1rem;
justify-content: center;
align-items: center;
width: 30rem;
display: flex;
overflow: hidden;
}
.text-size-regular-6 {
font-size: 1rem;
line-height: 1.5;
}
.homepage-button {
grid-column-gap: 1rem;
justify-content: center;
align-items: center;
display: flex;
}
.badge-text {
color: #1e5e73;
}
.badge-text.text-weight-semibold {
color: #fff;
}
.badge-text.text-weight-semibold.text-color-white {
color: #fecc2f;
letter-spacing: 2px;
text-transform: uppercase;
font-family: Poppins, sans-serif;
}
.pages-title {
justify-content: center;
align-items: center;
margin-top: 8.2rem;
margin-bottom: 2rem;
display: flex;
}
.pages-card {
border: 1px solid #000;
border-radius: 1rem;
flex-direction: row;
justify-content: center;
align-items: flex-end;
height: 60vh;
text-decoration: none;
display: flex;
position: relative;
overflow: hidden;
}
.pages-card-image {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
position: absolute;
inset: 0%;
}
.homepage-heading {
grid-row-gap: 2rem;
text-align: center;
flex-direction: column;
justify-content: center;
align-items: center;
margin-bottom: 1rem;
display: flex;
}
.project-arrow-2 {
z-index: 9;
box-shadow: none;
background-color: #fff;
border-radius: 50%;
padding: 1rem;
position: absolute;
inset: 2rem 2rem auto auto;
}
.image-508 {
object-fit: cover;
object-position: 50% 50%;
width: 102%;
max-width: none;
height: 102%;
}
.image-508.top-align {
object-position: 50% 0%;
}
.pages-card-overlay {
background-image: linear-gradient(#fff0, #000c);
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.homepage-pages {
padding-top: 0;
padding-bottom: 0;
}
.container-1334 {
width: 100%;
max-width: 90vw;
margin-left: auto;
margin-right: auto;
}
.menu-arrow-icon {
flex: none;
width: 1.5rem;
height: 1.5rem;
}
.pages-card-badge {
z-index: 3;
color: #000;
background-color: #fff;
border-radius: .5rem;
justify-content: center;
align-items: center;
margin-bottom: 2rem;
padding: .5rem .8rem;
display: flex;
position: relative;
}
.pages-grid {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.badge {
background-color: #333;
border-radius: .5rem;
justify-content: center;
align-items: center;
padding: .5rem .8rem;
display: flex;
}
.badge.black {
grid-column-gap: .5rem;
color: #fff;
background-color: #1a1a1a;
padding-left: 1.2rem;
padding-right: 1.2rem;
}
.heading-546 {
font-size: 4.25rem;
line-height: 1.15;
}
.heading-546.text-weight-medium.homepage {
font-family: Poppins, sans-serif;
font-size: 2rem;
font-weight: 400;
line-height: 1.3;
}
.div-block-255 {
z-index: 1;
}
.container-1335 {
padding-left: 375px;
padding-right: 375px;
}
.padding-global-6 {
padding-left: 5%;
padding-right: 5%;
}
.bold-text-46 {
font-family: Poppins, sans-serif;
font-size: 35px;
line-height: 1.1;
}
.section-195 {
padding-top: 140px;
padding-bottom: 140px;
}
.section-195.quote-home-b {
padding-top: 40px;
padding-bottom: 100px;
}
.space-144 {
height: 48px;
}
.link-with-line-3 {
grid-row-gap: 6px;
color: #0a0a0a;
flex-direction: column;
align-items: flex-start;
text-decoration: none;
display: flex;
}
.link-with-line-3.white-link {
color: #fefefe;
margin-bottom: 0;
}
.big-text-6 {
font-family: Poppins, sans-serif;
font-size: 30px;
font-weight: 300;
line-height: 140%;
}
.limit-1093 {
width: 100%;
max-width: 864px;
}
.line-link-3 {
background-color: #0a0a0a;
width: 30%;
height: 1px;
}
.div-block-256 {
padding-right: 500px;
}
.text-size-large-7 {
font-size: 1.5rem;
line-height: 1.4;
}
.text-size-medium-6 {
color: #191919;
font-family: Poppins, sans-serif;
font-size: 1.25rem;
line-height: 1.45;
}
.spacer-huge {
width: 100%;
padding-top: 6rem;
}
.section-196.is-hero {
padding-top: 22rem;
padding-bottom: 7em;
}
.section-196.is-info {
background-color: #191919;
}
.section-196.is-fullscreen {
position: relative;
}
.section-196.case-study {
padding-top: 11.25rem;
padding-bottom: 5.25rem;
}
.section-196.background-color-grey {
background-color: #f1f0ec;
}
.text-size-tiny-2 {
font-size: .75rem;
}
.intro-number-text {
letter-spacing: -.25rem;
font-size: 5.7rem;
line-height: 1;
}
.button-link-content {
grid-column-gap: .625rem;
grid-row-gap: .625rem;
align-items: center;
display: flex;
}
.button-group-3 {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: wrap;
justify-content: flex-start;
align-items: center;
display: flex;
}
.image-overlay {
background-color: #f7f6f1;
display: none;
position: absolute;
inset: 0%;
}
.wood-component-icon {
border: 1px solid #191919;
border-radius: 50%;
justify-content: center;
align-items: center;
width: 2.75rem;
height: 2.75rem;
transition: transform .35s cubic-bezier(.165, .84, .44, 1), opacity .35s cubic-bezier(.165, .84, .44, 1);
display: flex;
}
.wood-component-icon:hover {
opacity: .5;
color: #191919;
border-color: #191919;
transform: rotate(-45deg);
}
.spacer-footer {
padding-top: 10rem;
}
.text-capitalize {
text-transform: uppercase;
font-family: Poppins, sans-serif;
}
.image-wrapper-3 {
position: relative;
overflow: hidden;
}
.image-wrapper-3.wood {
max-width: 19.375rem;
}
.button-67 {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
color: #191919;
text-align: center;
text-transform: uppercase;
background-color: #0000;
border: 1px solid #000;
border-radius: 50rem;
justify-content: flex-start;
align-items: center;
padding: .6em 1.5em;
font-size: .8rem;
font-weight: 500;
text-decoration: none;
display: flex;
position: relative;
overflow: hidden;
}
.button-arrow-wrapper {
position: relative;
overflow: hidden;
}
.wood-component-text {
max-width: 27rem;
font-size: .9rem;
}
.image-badge {
max-width: 4rem;
height: auto;
}
.social-wrapper-2 {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
color: #fff;
flex-direction: column;
align-items: flex-start;
font-size: .875rem;
display: flex;
}
.social-wrapper-2.left-aligned {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
flex-direction: row;
align-items: flex-start;
font-size: 1rem;
}
.icon-1x1-small-2 {
flex: none;
justify-content: center;
align-items: center;
width: 1rem;
height: 1rem;
display: flex;
position: relative;
}
.credit-component-icon_arrow {
width: 1rem;
height: 1rem;
transform: rotate(-45deg);
}
.image-wood {
max-width: 60vw;
margin-left: auto;
margin-right: auto;
position: static;
transform: translate(0, 1px);
}
.text-color-grey-3 {
color: gray;
}
.image-author {
object-fit: cover;
border-radius: 50%;
flex: none;
width: 4.125rem;
height: 4.125rem;
}
.footer-component {
padding-top: 2rem;
padding-bottom: 1.875rem;
}
.wood-component-content {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
flex-direction: column;
flex: 1;
justify-content: flex-start;
width: 100%;
display: flex;
}
.image-award {
width: 5.5rem;
max-height: 5rem;
}
.icon-1x1-small-second {
flex: none;
justify-content: center;
align-items: center;
width: 1rem;
height: 1rem;
display: flex;
position: absolute;
inset: 0% 0% auto;
}
.divider-line {
z-index: 100;
background-color: #afafaf;
width: 100%;
height: 1px;
position: relative;
}
.divider-line.vertical {
width: 1px;
height: 100%;
position: absolute;
inset: 0% 0% 0% auto;
}
.column-74 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
height: 100%;
display: block;
}
.column-74.explore-intro {
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
flex-direction: column;
align-items: flex-start;
max-width: 37rem;
height: auto;
display: flex;
}
.column-74.product-right {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-direction: column;
width: 100%;
display: flex;
}
.column-74.hero-middle {
max-width: 38rem;
display: block;
}
.column-74.footer-nav {
flex-direction: column;
align-items: flex-start;
display: flex;
}
.column-74.hero-right {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
justify-content: flex-end;
align-items: flex-start;
display: flex;
}
.column-74.footer-right {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
justify-content: space-between;
display: flex;
}
.column-74.wood-right {
width: 100%;
padding-top: 3.25rem;
padding-bottom: 3.25rem;
padding-left: 2.375rem;
display: flex;
}
.column-74.is-explore-info {
background-color: #f7f6f1;
border-radius: .625rem;
max-width: 25rem;
height: auto;
padding: .625rem;
position: absolute;
inset: auto auto 5rem 2.5rem;
}
.column-74.product-teaser-right {
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
width: 50%;
padding-top: 3.25rem;
padding-bottom: 3.25rem;
padding-left: 2.375rem;
display: flex;
position: relative;
}
.column-74.product-left {
flex-direction: column;
justify-content: space-between;
width: 100%;
padding-top: 3.25rem;
padding-bottom: 3.25rem;
display: flex;
position: relative;
}
.column-74.is-explore-info-right {
background-color: #f7f6f1;
border-radius: .625rem;
max-width: 25rem;
height: auto;
padding: .625rem;
position: absolute;
inset: auto 2.5rem 5rem auto;
}
.column-74.casestudy-intro {
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
flex-direction: column;
align-items: flex-start;
max-width: 20rem;
padding-bottom: 5.25rem;
display: flex;
}
.column-74.wood-left {
flex-direction: column;
justify-content: space-between;
width: 100%;
padding-top: 3.25rem;
padding-bottom: 3.25rem;
padding-right: 3.25rem;
display: flex;
position: relative;
}
.column-74.intro-left {
grid-column-gap: 10vw;
grid-row-gap: 10vw;
height: 100%;
padding-top: 5rem;
padding-bottom: 5rem;
padding-right: 2rem;
display: flex;
position: relative;
}
.column-74.intro-right {
width: 100%;
max-width: 38rem;
padding-top: 5rem;
padding-bottom: 5rem;
display: block;
}
.text-subtitle {
color: #0009;
text-transform: uppercase;
}
.wood-component-title {
justify-content: space-between;
margin-top: 2.25rem;
display: flex;
}
.button-underline {
background-color: #ffffff40;
align-items: center;
width: 100%;
height: 1px;
margin-top: .25rem;
display: block;
position: relative;
}
.wood-component-link {
color: #191919;
}
.credit-component {
position: relative;
}
.wood-component-wrapper {
grid-column-gap: 2.25rem;
grid-row-gap: 2.25rem;
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: minmax(auto, 19.375rem) 1fr;
grid-auto-columns: 1fr;
width: 100%;
display: flex;
}
.overflow-hidden-4 {
overflow: hidden;
}
.explore-info-image {
border-radius: .625rem;
overflow: hidden;
}
.button-author {
color: #fff;
text-align: center;
background-color: #000;
border-radius: 20rem;
padding: .75rem 1.5rem;
font-weight: 500;
text-decoration: none;
}
.button-author.is-text-link {
z-index: 1;
background-color: #0000;
padding: 0;
font-size: 1.125rem;
font-weight: 400;
text-decoration: none;
display: inline-block;
position: relative;
}
.icon-1x1-tiny {
z-index: 5;
flex: none;
width: .8rem;
height: .8rem;
position: relative;
}
.explore-image-wrapper {
min-height: 100svh;
position: relative;
overflow: hidden;
}
.product-image-2.is-bed {
object-fit: contain;
max-width: 80%;
margin-top: 10%;
margin-bottom: 10%;
}
.product-image-2.is-teaser {
object-fit: cover;
display: block;
position: absolute;
inset: 0%;
}
.image-explore {
object-fit: cover;
position: absolute;
}
.container-large-10 {
width: 100%;
max-width: none;
margin-left: auto;
margin-right: auto;
}
.wrapper-9.is-awards {
grid-column-gap: 4rem;
grid-row-gap: 4rem;
flex-direction: column;
justify-content: flex-start;
align-items: center;
display: flex;
}
.wrapper-9.is-hero-content {
grid-column-gap: 3.15em;
grid-row-gap: 3.15em;
flex-direction: column;
width: 100%;
display: flex;
}
.wrapper-9.is-wood-image {
justify-content: center;
align-items: flex-end;
min-height: 50rem;
display: flex;
}
.wrapper-9.is-wood-intro {
padding-top: 17.75rem;
padding-bottom: 6.25rem;
}
.wrapper-9.is-product-teaser {
flex-direction: row;
width: 100%;
display: flex;
}
.wrapper-9.is-intro {
background-color: #f7f6f1;
position: relative;
}
.wrapper-9.is-horizontal-scroll {
position: relative;
}
.wrapper-9.is-hero-image {
width: 100%;
min-height: 60rem;
position: sticky;
top: 0;
overflow: hidden;
}
.wrapper-9.is-explore {
position: relative;
}
.explore-info-item {
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
flex-direction: column;
display: flex;
}
.social-author {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
flex-direction: column;
justify-content: space-between;
max-width: 59%;
line-height: 1.5;
display: flex;
}
.link-51.is-footer {
text-transform: uppercase;
font-size: 1rem;
text-decoration: none;
overflow: hidden;
}
.link-51.is-credit {
color: #191919;
justify-content: space-between;
width: 100%;
padding-top: .75rem;
padding-bottom: .75rem;
text-decoration: none;
display: flex;
position: relative;
}
.link-51.is-product-teaser {
background-color: #f1f0ec;
border-right: 1px solid #afafaf;
justify-content: center;
align-items: center;
width: 50%;
min-height: 50vh;
padding-top: 5rem;
padding-bottom: 5rem;
display: flex;
position: relative;
}
.button-text-7 {
z-index: 5;
position: relative;
}
.text-style-link-4 {
color: #000;
text-decoration: underline;
}
.text-style-link-4.text-color-white {
color: #f7f6f1;
}
.image-hero {
object-fit: cover;
width: 115%;
max-width: none;
height: 115%;
position: absolute;
}
.padding-global-7 {
padding-left: 2.5rem;
padding-right: 2.5rem;
}
.padding-global-7.nospace-right {
padding-right: 0;
}
.explore-info-text {
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
min-height: 12rem;
padding-bottom: 1rem;
padding-left: .7rem;
display: flex;
}
.credit-component-image-wrapper {
z-index: 200;
width: 18rem;
padding-top: 11.25rem;
position: absolute;
inset: auto 8% -150% auto;
}
.section-title-12 {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
flex-direction: column;
display: flex;
}
.section-title-12._0-gap {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
}
.wood-component-item {
grid-column-gap: 2.25rem;
grid-row-gap: 2.25rem;
width: 100%;
display: flex;
}
.button-bg {
z-index: 0;
background-color: #191919;
height: 0;
position: absolute;
inset: auto 0% 0%;
}
.wood-component-icon_arrow {
width: 1rem;
height: 1rem;
}
.credit-component-image {
object-fit: cover;
width: 100%;
height: 100%;
display: inline-block;
position: absolute;
inset: 0%;
}
.grid-28.is-product {
grid-column-gap: 0em;
grid-row-gap: 0em;
grid-template-rows: auto;
grid-template-columns: .4fr 1fr;
place-items: start;
}
.grid-28.is-credit {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-rows: auto;
grid-template-columns: .5fr 1fr 1fr .9fr;
grid-auto-columns: 1fr;
width: 100%;
display: grid;
}
.grid-28.is-casestudy {
grid-column-gap: 1.56rem;
grid-row-gap: 1.56rem;
grid-template-rows: auto;
grid-template-columns: 1.2fr .85fr .85fr;
}
.grid-28.is-intro {
grid-column-gap: 2.375rem;
grid-row-gap: 2.375rem;
grid-template-rows: auto;
grid-template-columns: .75fr 1fr;
align-items: center;
}
.grid-28.is-awards {
grid-column-gap: 8rem;
grid-row-gap: 8rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
width: 100%;
max-width: 80rem;
margin-left: auto;
margin-right: auto;
}
.grid-28.is-hero {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-rows: auto;
grid-template-columns: .55fr 1fr .55fr;
place-items: start;
}
.grid-28.is-footer {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1.2fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.grid-28.is-wood {
grid-column-gap: 0em;
grid-row-gap: 0em;
grid-template-rows: auto;
grid-template-columns: .4fr 1fr;
place-items: start;
}
.text-credit-number {
min-width: 7rem;
}
.button-underline-progress {
background-color: #fff;
width: 0;
height: 1px;
position: absolute;
inset: 0% auto auto 0%;
}
.hero-paragraph-4 {
margin-bottom: 0;
font-family: Poppins, sans-serif;
font-size: 18px;
line-height: 1.5;
}
.button-arrow-3 {
grid-column-gap: 10px;
grid-row-gap: 10px;
color: #000;
text-align: center;
cursor: pointer;
background-color: #0000;
border: 1px solid #000;
border-radius: 30px;
justify-content: center;
align-items: center;
min-width: 150px;
height: 58px;
padding: 6px 24px;
font-size: 16px;
font-weight: 600;
text-decoration: none;
transition: color .3s ease-in-out, box-shadow .3s ease-in-out, background-color .3s ease-in-out;
display: flex;
}
.button-arrow-3:hover {
color: #eee8da;
background-color: #fd5000;
border-color: #fd5000;
box-shadow: 0 0 60px 4px #fd500066;
}
.button-arrow-3.small {
height: 44px;
font-size: 15px;
}
.hero-grid_unlocks-shoe {
opacity: .9;
filter: saturate(150%);
mix-blend-mode: multiply;
object-fit: cover;
object-position: 50% 75%;
border-radius: 60px;
width: 210px;
height: 110px;
margin-left: -15px;
box-shadow: 0 0 40px 5px #1f1a170d;
}
.hero-grid-3 {
grid-column-gap: 20px;
grid-row-gap: 20px;
grid-template-rows: 100%;
grid-template-columns: 1.75fr 1fr 1fr;
height: 100%;
padding-top: 20px;
}
.section_hero {
flex-direction: column;
align-items: stretch;
width: 100dvw;
height: 80dvh;
padding: 20px 40px;
font-family: Montserrat, sans-serif;
display: flex;
}
.hero-paragraph-wrap {
grid-column-gap: 30px;
grid-row-gap: 30px;
flex: 1;
justify-content: space-between;
width: 80%;
}
.hero-grid_cell {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
padding-top: 40px;
padding-bottom: 40px;
display: flex;
}
.hero-grid-block {
grid-column-gap: 12px;
grid-row-gap: 12px;
background-color: #e0c4b1;
border-radius: 20px;
flex-direction: column;
justify-content: space-between;
height: 100%;
padding: 40px;
display: flex;
}
.hero-heading-6 {
letter-spacing: -2px;
text-transform: capitalize;
margin-top: 0;
margin-bottom: 40px;
font-family: Poppins, sans-serif;
font-size: 66px;
font-weight: 500;
line-height: 1.15;
}
.hero-heading-6.is-primary {
color: #fd5000;
}
.hero-header {
flex: none;
justify-content: space-between;
align-items: center;
display: flex;
}
.material-icon.button-arrow-icon {
font-size: 28px;
font-weight: 300;
}
.hero-logo {
width: 300px;
}
.hero-h2-heading {
margin-top: 0;
margin-bottom: 0;
font-family: Montserrat, sans-serif;
font-size: 66px;
font-weight: 400;
line-height: 1.15;
}
.hero_inner-grid {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-direction: column;
grid-template-rows: .8fr;
grid-template-columns: 1fr;
grid-auto-rows: 1fr;
width: 100%;
display: flex;
}
.hero-h3-heading {
opacity: .5;
margin-top: 0;
margin-bottom: 0;
font-family: Montserrat, sans-serif;
font-size: 28px;
font-weight: 400;
line-height: 1.2;
}
.hero-stack_image-wrap {
border-radius: 20px;
overflow: hidden;
}
.hero-stack_image-wrap.is-half-size {
height: 100%;
}
.hero-grid_unlocks-wrap {
grid-column-gap: 12px;
grid-row-gap: 12px;
}
.hero-stack_image {
object-fit: cover;
border-radius: 20px;
width: 100%;
height: 100%;
transition: all .35s ease-in-out;
}
.hero-stack_image:hover {
transform: scale(1.03);
}
.section-197 {
padding-top: 60px;
padding-left: 40px;
padding-right: 40px;
}
.hero_section {
padding: 30px 40px;
}
.hero_grid-1 {
flex: 1;
overflow: hidden;
}
.hero_para {
margin-bottom: 0;
font-family: Poppins, sans-serif;
font-size: 1.5em;
font-weight: 400;
line-height: 1.3em;
}
.hero_content {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
height: auto;
display: grid;
}
.button_wrapper {
grid-column-gap: 1em;
grid-row-gap: 1em;
justify-content: flex-start;
align-items: center;
margin-top: 1em;
display: flex;
}
.global_space {
height: 1.6em;
}
.hero_cont-images {
grid-column-gap: 16px;
grid-row-gap: 12px;
flex-direction: row;
grid-template-rows: 50%;
grid-template-columns: 1fr 1fr;
grid-auto-rows: 100%;
grid-auto-columns: 1fr;
justify-content: flex-end;
height: 100%;
display: flex;
}
.global_padding {
padding-left: 2em;
padding-right: 0;
}
.primary_text {
color: #fff;
margin-bottom: 0;
font-size: 1.4em;
font-weight: 500;
line-height: 1em;
display: inline;
}
.img_2 {
background-color: #f8ff95;
border-radius: 10px;
margin-bottom: 1.5em;
}
.primary_button {
border: .2em solid var(--black);
background-color: var(--medium-slate-blue);
border-radius: .3em;
justify-content: center;
align-items: center;
padding: 1em 2em;
font-family: Poppins, sans-serif;
text-decoration: none;
display: flex;
}
.hero_cont-text {
padding-top: 14em;
padding-bottom: 4em;
padding-right: 0;
}
.text-span-60 {
color: #ffc801;
}
.img_6 {
background-color: #f8ff95;
}
.img_1 {
background-color: #a6ff96;
margin-top: -30px;
margin-bottom: 1.5em;
}
.img_3 {
background-color: #ffa1f5;
border-radius: 9px;
}
.img_4 {
background-color: #ffa1f5;
margin-top: -30px;
margin-bottom: 1.5em;
}
.local_margin {
background-color: #0000;
margin-top: 2em;
}
.local_margin.hero_margin {
margin-top: 0;
margin-bottom: 0;
}
.secondary_button {
background-color: #0000;
border: .2em solid #1b2e35;
border-radius: .3em;
justify-content: center;
align-items: center;
margin-right: 0;
padding: 1em 2em;
text-decoration: none;
display: flex;
}
.h1-5 {
color: #000;
text-transform: capitalize;
margin-bottom: .2em;
font-family: Poppins, sans-serif;
font-size: 4em;
font-weight: 600;
line-height: 1.2em;
}
.secondary_text {
color: #1b2e35;
margin-bottom: 0;
font-family: Poppins, sans-serif;
font-size: 1.2em;
font-weight: 500;
line-height: 1em;
}
.hero_grid-2 {
flex: 1;
overflow: hidden;
}
.img_5 {
background-color: #a6ff96;
border-radius: 9px;
margin-bottom: 1.5em;
}
.div-block-257 {
padding-bottom: 20px;
}
.div-block-258 {
padding-top: 100px;
}
.home-hero_component {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
display: grid;
}
.text-weight-xbold {
font-weight: 600;
}
.text-size-small-8 {
font-size: .875rem;
line-height: 1.15;
}
.product-hero_button-row {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-wrap: wrap;
align-items: flex-start;
display: flex;
}
.button-gradient {
opacity: 0;
background-image: linear-gradient(#009396, #00939600);
flex: none;
justify-content: center;
align-items: center;
width: 400px;
height: 400px;
display: none;
position: static;
}
.banner-tag {
color: #fff;
background-image: linear-gradient(129deg, #109396, #025a5c);
border-radius: 9999px;
padding: 4px 8px;
font-size: 14px;
line-height: 100%;
display: inline-block;
}
.banner-arrow {
display: none;
}
.margin-bottom-10 {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.home-hero_image-wrapper2 {
position: relative;
}
.banner-content {
background-color: #0000;
position: relative;
}
.banner-small-container {
background-image: linear-gradient(#fff, #f3efec);
border-radius: 9999px;
margin-bottom: 16px;
padding: 1px;
display: none;
position: relative;
overflow: visible;
}
.home-hero_image {
object-fit: cover;
border-radius: .75rem;
width: 100%;
height: 100%;
}
.banner-small {
grid-column-gap: 8px;
grid-row-gap: 8px;
background-image: linear-gradient(#fafafa, #f7f7f7);
border: 1px #fff;
border-radius: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: flex-start;
padding: 8px 12px;
display: flex;
box-shadow: 0 0 4px #0a545c14, 0 2px 8px #0a545c0a;
}
.banner-link-2 {
color: #063844;
display: flex;
}
.banner-link-2.header {
color: #009396;
font-weight: 600;
text-decoration: none;
display: inline;
}
.banner-link-2.header:hover {
color: #105f61;
text-decoration: none;
}
.section-home-hero {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/653c3bd7cabb0238d8609324_hero-bg-shape.svg");
background-position: 50% 100%;
background-repeat: repeat-x;
background-size: cover;
margin-top: 5rem;
}
.primary-button-2 {
letter-spacing: 1.23px;
background-color: #e96558;
border-radius: .75rem;
flex: none;
margin-bottom: 0;
padding: .75rem 1.5rem;
font-size: 1rem;
font-weight: 600;
line-height: 1.5;
transition: all .4s;
}
.primary-button-2:hover {
background-color: #cb4437;
}
.container-button-gradient {
justify-content: center;
align-items: center;
display: flex;
position: absolute;
inset: 0%;
}
.heading-xlarge-3 {
text-align: center;
justify-content: center;
align-items: center;
margin-top: 0;
margin-bottom: 0;
font-size: 3.5rem;
font-weight: 600;
line-height: 1.15;
display: block;
position: relative;
}
.heading-xlarge-3.is--homepage {
text-align: left;
font-family: Degular, sans-serif;
font-weight: 400;
}
.home-hero_content {
padding-right: 4rem;
}
.product-hero_arrow-image {
margin-top: -1rem;
}
.home-hero_image-wrapper3 {
margin-right: 20%;
position: relative;
}
.product-hero_text {
font-size: 1.125rem;
font-weight: 600;
line-height: 1.55;
}
.home-hero_image-group {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: flex;
}
.home-hero_image-group-right {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-direction: column;
display: flex;
}
.home-hero_image-caption {
margin: 2%;
padding: .75rem;
position: absolute;
inset: auto auto 0% 0%;
}
.home-hero_image-wrapper-left {
max-height: 25.5rem;
margin-top: 11%;
margin-bottom: 11%;
position: relative;
}
.page-padding-16 {
padding-left: 7%;
padding-right: 7%;
}
.container-1336 {
z-index: 3;
width: 100%;
max-width: 1228px;
margin-left: auto;
margin-right: auto;
position: relative;
}
.sub-title {
color: #063844;
font-size: 18px;
font-weight: 600;
line-height: 25px;
}
.sub-title.green {
color: #000;
font-family: Degular, sans-serif;
}
.client-block {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
place-items: center;
margin-top: 0;
display: grid;
}
.client-logo-2 {
width: 100%;
max-width: 9rem;
max-height: 4rem;
}
.section-198 {
padding: 40px 20px;
}
.paragraph-177 {
text-align: center;
text-transform: capitalize;
font-family: Poppins, sans-serif;
font-size: 1.3em;
font-weight: 400;
}
.home-hero-social-wrap {
grid-column-gap: 20px;
justify-content: flex-start;
align-items: center;
margin-top: 30px;
display: flex;
}
.section-home-header-3.vertical-spacing {
color: #fff;
}
.social-icon-wrap {
border: 1px solid #fff;
border-radius: 100%;
justify-content: center;
align-items: center;
width: 50px;
height: 50px;
transition: all .3s;
display: flex;
}
.social-icon-wrap:hover {
background-color: #000;
transform: translate(0, -3px);
}
.home-header-headshot {
text-align: center;
object-fit: cover;
object-position: 50% 50%;
border-radius: 100%;
width: 100px;
height: 100px;
}
.padding-global-8 {
padding-left: 3%;
padding-right: 3%;
}
.home-hero-p {
color: #818181;
text-align: center;
max-width: 650px;
}
.container-1337 {
max-width: 1280px;
margin-left: auto;
margin-right: auto;
}
.container-1337.home-header {
grid-column-gap: 15px;
grid-row-gap: 10px;
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
}
.display-text {
text-align: center;
width: 0;
font-size: 110px;
}
.display-text.home-header {
width: 750px;
}
.columns-23 {
margin-top: 10px;
}
.heading-547 {
color: #7f7f7f;
font-size: 14px;
font-weight: 500;
}
.button_wrapper-2 {
background-color: #fff;
}
.columns-24 {
height: 100%;
}
.link-block-28 {
width: 100%;
margin-top: 10px;
}
.heading-548 {
color: #000;
margin-top: 10px;
font-size: 18px;
font-weight: 500;
transition: color .3s;
}
.heading-548:hover {
color: #ebd96b;
}
.column-5 {
justify-content: flex-end;
height: 44px;
line-height: 44px;
display: flex;
}
.text-medium-3 {
font-size: 1.25rem;
font-weight: 500;
line-height: 120%;
}
.text-medium-3.column-heading {
font-family: Poppins, sans-serif;
font-weight: 600;
}
._3-column-text-container {
grid-row-gap: 1.5rem;
flex-direction: column;
width: 100%;
max-width: 340px;
display: flex;
}
.section-label-container {
grid-column-gap: .75rem;
color: #1b2d73;
align-items: center;
font-size: 1.125rem;
display: flex;
}
.section-199 {
background-color: #0000;
min-height: 32px;
padding: 7.5rem 1rem;
position: relative;
}
.section-199.padding-top-large {
padding-top: 15rem;
}
._12-column-grid {
grid-column-gap: 2.5rem;
grid-row-gap: 5rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: row;
align-content: end;
place-items: start stretch;
width: 100%;
display: grid;
position: relative;
}
._12-column-grid.intro-grid {
grid-row-gap: 6rem;
}
.text-large {
font-size: 2rem;
font-weight: 500;
line-height: 130%;
}
.text-large.light-text.subheading {
color: #646670;
max-width: 770px;
font-family: Poppins, sans-serif;
font-size: 1.5rem;
}
.text-light-2 {
color: #646670;
font-family: Poppins, sans-serif;
font-size: 1.3em;
}
.container-1338 {
grid-row-gap: 6rem;
flex-direction: column;
width: 100%;
margin-bottom: 0;
margin-left: auto;
margin-right: auto;
padding: 0 3rem;
display: flex;
position: relative;
}
.section-heading-container {
grid-row-gap: 3.5rem;
flex-direction: column;
align-items: flex-start;
width: 100%;
display: flex;
}
.dot-4 {
background-color: #1b2d73;
border-radius: 50vw;
width: .5rem;
height: .5rem;
}
.heading-549 {
font-family: Poppins, sans-serif;
font-size: 3em;
}
.text-white-2 {
color: #eceae5;
font-family: Poppins, sans-serif;
font-size: 3em;
}
.logo-grid-3 {
grid-column-gap: 2.5rem;
grid-row-gap: 5rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
margin-top: 6rem;
}
.dark-divider {
background-color: #faf8f226;
width: 100%;
height: 1px;
position: relative;
}
.logo-10 {
z-index: 999;
position: relative;
}
.logo-wrapper-5 {
justify-content: center;
align-items: center;
width: 100%;
padding-left: 7%;
padding-right: 7%;
display: flex;
}
.section-200 {
background-color: #0000;
min-height: 32px;
padding: 7.5rem 1rem;
position: relative;
}
.primary-blue-inner-section {
background-color: #000;
border-radius: .375rem;
padding-top: 5rem;
padding-bottom: 10rem;
}
.container-1339 {
grid-row-gap: 6rem;
flex-direction: column;
width: 100%;
margin-bottom: 0;
margin-left: auto;
margin-right: auto;
padding: 0 3rem;
display: flex;
position: relative;
}
.container-1339.row-gap-1-5 {
grid-row-gap: 1.5rem;
}
.dot-5 {
background-color: #1b2d73;
border-radius: 50vw;
width: .5rem;
height: .5rem;
}
.dot-5.secondary-blue-dot {
background-color: #9dc4ff;
}
.banner-section {
padding: 140px 40px;
}
.button-arrow-wrap {
justify-content: center;
align-items: center;
width: 33px;
display: flex;
position: relative;
}
.section-sub-text.underline {
background-color: #0000;
text-decoration: underline;
}
.section-sub-text.section-title {
color: #fff;
background-color: #000;
}
.section-sub-text.section-title-white {
color: #030211;
background-color: #fff;
}
.banner-image {
border-radius: 5px;
margin-left: 5px;
margin-right: 5px;
}
.primary-button-3 {
grid-column-gap: 10px;
color: #fff;
text-transform: capitalize;
background-color: #030211;
border: 1px solid #030211;
border-radius: 40px;
justify-content: center;
align-items: center;
margin-bottom: 0;
padding: 15px 30px;
font-size: 16px;
font-weight: 700;
line-height: 1.5;
display: flex;
}
.banner-wrap {
z-index: 2;
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
position: relative;
}
.container-regular {
max-width: 100%;
margin-left: auto;
margin-right: auto;
padding-left: 24px;
padding-right: 24px;
}
.home-banner-title-wrap {
flex-flow: column;
justify-content: center;
display: flex;
}
.section-title-wrap-2 {
width: 700px;
}
.section-title-wrap-2.center {
text-align: center;
flex-flow: column;
justify-content: center;
align-items: center;
width: auto;
margin-left: 0;
margin-right: 0;
display: flex;
}
.banner-text-star {
margin-top: 6px;
position: relative;
top: -14px;
right: -3px;
}
.home-banner-title {
grid-column-gap: 5px;
justify-content: center;
align-items: center;
display: flex;
}
.button-arrow-4 {
position: absolute;
}
.banner-text {
color: #fff;
margin-top: 10px;
font-family: Poppins, sans-serif;
font-size: 70px;
font-weight: 700;
}
.banner-text.homepage {
color: #000;
text-align: center;
-webkit-text-stroke-color: var(--black);
flex-flow: column;
justify-content: center;
align-items: stretch;
margin-top: 0;
margin-bottom: 20px;
padding-right: 20px;
font-family: Degular, sans-serif;
font-size: 7em;
font-weight: 600;
line-height: .8;
text-decoration: none;
display: flex;
}
.banner-area-content {
text-align: center;
margin-top: 10px;
font-family: Montserrat, sans-serif;
font-size: 25px;
font-weight: 400;
}
.button-flex-4 {
flex-direction: column;
align-items: center;
padding-top: 20px;
display: flex;
}
.button-flex-4.center {
flex-direction: row;
justify-content: center;
padding-top: 40px;
display: flex;
}
.hero-section-9 {
justify-content: center;
align-items: center;
margin-left: auto;
margin-right: auto;
padding-top: 60px;
padding-bottom: 60px;
position: relative;
overflow: hidden;
}
.hero-section-9.ugc {
padding-top: 0;
}
.banner-vector-bottom {
z-index: 1;
align-self: stretch;
position: absolute;
bottom: 1px;
}
.image-slider-wrap {
z-index: 1;
background-color: #fff;
justify-content: space-between;
position: relative;
overflow: hidden;
}
.slider-overlay {
flex-direction: column;
justify-content: space-between;
align-items: stretch;
height: 93%;
margin-left: auto;
margin-right: auto;
display: flex;
position: absolute;
inset: 0 0 auto;
overflow: hidden;
}
.image-slider {
grid-column-gap: 20px;
background-color: var(--white);
flex-direction: row;
height: 100%;
padding-right: 225px;
display: flex;
}
.banner-vector-top {
z-index: 1;
align-self: stretch;
position: absolute;
top: 25px;
}
.image-slider-container {
align-items: center;
width: 400vw;
height: 600px;
display: flex;
position: relative;
left: -145px;
}
.image-slider-flex {
justify-content: center;
align-items: center;
max-width: 100%;
display: flex;
}
.text-span-61 {
text-decoration: underline;
}
.scroll-down-wrap {
flex-direction: row;
justify-content: center;
align-items: center;
margin-top: 60px;
display: flex;
}
.scroll-down-first-wrap {
z-index: 2;
border: 1px solid #eee;
border-radius: 100%;
justify-content: center;
align-items: center;
min-width: 175px;
min-height: 175px;
display: flex;
position: relative;
overflow: hidden;
}
.scroll-down-second-wrap {
border: 1px solid #eee;
border-radius: 100%;
justify-content: center;
align-items: center;
min-width: 112px;
min-height: 112px;
display: flex;
position: absolute;
}
.scroll-down-third {
border: 1.5px solid #030211;
border-radius: 16px;
flex-direction: row;
justify-content: center;
min-width: 30px;
min-height: 50px;
padding: 10px 5px;
display: flex;
}
.scroll-down-indicator {
border: 1px solid #141414;
border-radius: 50px;
height: 10px;
}
.what-we-do-section {
padding: 60px 20px 0;
}
.what-we-do-highlight {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/653dba0468483c9744dc6f11_what-we-do.svg");
background-position: 100% 100%;
background-repeat: no-repeat;
background-size: auto;
}
.what-we-do-grid {
grid-column-gap: 54px;
grid-template-rows: auto;
}
.secondary-button-3 {
grid-column-gap: 10px;
color: #030211;
text-transform: capitalize;
border: 1px solid #000;
border-radius: 40px;
justify-content: center;
align-items: center;
padding: 15px 30px;
font-size: 16px;
font-weight: 700;
line-height: 1.5;
display: flex;
}
.section-title-13 {
margin-top: 0;
font-family: Poppins, sans-serif;
font-size: 2em;
}
.what-we-do-content {
color: #000;
font-family: Poppins, sans-serif;
font-size: 25px;
}
.button-flex-5 {
flex-direction: column;
align-items: center;
padding-top: 20px;
display: flex;
}
.button-flex-5.left {
align-items: flex-start;
}
.button-flex-5.center {
display: flex;
}
.portfolio-link-3 {
margin-top: 40px;
display: flex;
}
.portfolio-grid {
grid-column-gap: 30px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
}
.portfolio-card-image-wrap {
justify-content: center;
align-items: center;
padding-top: 10px;
padding-bottom: 40px;
display: flex;
position: relative;
}
.bussiness-title {
color: #fff;
font-size: 30px;
}
.portfolio-image {
position: absolute;
}
.portfolio-arrow-wrap {
justify-content: center;
align-items: center;
display: flex;
}
.portfolio-grid-wrap {
padding-top: 60px;
}
.section-title-14 {
margin-top: 0;
}
.section-title-14.text-white {
font-family: Poppins, sans-serif;
font-size: 3em;
}
.revenue-section {
background-color: #030211;
padding-top: 115px;
padding-bottom: 120px;
}
.banner-section-2 {
align-items: center;
margin-top: 60px;
margin-bottom: 60px;
padding-top: 0;
padding-bottom: 0;
display: flex;
}
.primary-button-4 {
grid-column-gap: 10px;
color: #fff;
text-transform: capitalize;
background-color: #030211;
border: 1px solid #030211;
border-radius: 40px;
justify-content: center;
align-items: center;
padding: 15px 30px;
font-size: 16px;
font-weight: 700;
line-height: 1.5;
display: flex;
}
.primary-button-4.employement {
display: none;
}
.banner-area-content-2 {
color: #fff;
margin-bottom: 0;
font-family: Poppins, sans-serif;
font-size: 20px;
}
.primary-button-5 {
grid-column-gap: 10px;
color: #fff;
text-transform: capitalize;
background-color: #030211;
border: 1px solid #030211;
border-radius: 40px;
justify-content: center;
align-items: center;
padding: 15px 30px;
font-size: 16px;
font-weight: 700;
line-height: 1.5;
display: flex;
}
.primary-button-5.employement {
display: none;
}
.faq-section-3 {
padding-top: 0;
padding-bottom: 0;
}
.accordion-arrow-wrap {
background-color: #0000;
border-radius: 50%;
flex: none;
justify-content: center;
align-items: center;
min-width: 46px;
min-height: 46px;
display: flex;
}
.accordion-arrow-flex {
display: flex;
}
.accordion-item-2 {
z-index: 1;
cursor: pointer;
background-color: #fff;
border-radius: 8px;
flex-direction: column;
justify-content: center;
align-items: stretch;
padding: 20px 30px 20px 40px;
display: flex;
position: relative;
}
.accordion-trigger {
z-index: 1;
flex-direction: row;
justify-content: space-between;
align-items: center;
padding-top: 20px;
padding-bottom: 0;
display: flex;
position: relative;
}
.accordion-paragraph {
width: 100%;
max-width: 95%;
margin-top: 20px;
margin-bottom: 0;
font-family: Poppins, sans-serif;
}
.section-title-15 {
margin-top: 0;
}
.accordion-bg {
background-image: linear-gradient(to top, #030211, #fff 58%);
border-radius: 8px;
padding: 2px;
position: absolute;
inset: 0%;
}
.accordion-bg:hover {
background-image: linear-gradient(to top, #030211, #fff 58%);
}
.accordion-content-2 {
z-index: 1;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
padding-top: 0;
padding-bottom: 10px;
display: flex;
position: relative;
overflow: hidden;
}
.faq-whole-wrap {
grid-row-gap: 30px;
flex-direction: column;
padding-top: 0;
display: flex;
}
.accordion-wrap {
border-radius: 8px;
padding: 2px;
position: relative;
overflow: hidden;
}
.accordion-item-title {
margin-top: 0;
margin-bottom: 0;
font-family: Poppins, sans-serif;
font-size: 30px;
font-weight: 600;
}
.body-11 {
background-color: #fff;
}
.team_item-3 {
color: #fff;
border-bottom: 1px solid #fff;
justify-content: space-between;
padding: 1em;
transition: color .2s;
display: flex;
position: relative;
}
.team_visual {
z-index: 2;
align-items: center;
width: 100%;
height: 100vh;
display: flex;
position: fixed;
inset: 0%;
}
.team_image-3 {
opacity: 0;
width: 30%;
margin-left: 19%;
}
.team_name-2 {
text-align: right;
order: 1;
width: 50%;
}
.team_title {
width: 17%;
}
.team_bg {
z-index: -1;
background-color: #d3fd50;
width: 100%;
height: 0%;
transition: height .2s;
position: absolute;
inset: 0% 0% auto;
}
.icon-10 {
line-height: 0;
position: absolute;
inset: 50% auto auto 50%;
transform: translate(-50%, -50%);
}
.tab-link-3 {
color: #ffffff4d;
background-color: #fecc2f00;
border-radius: 20px;
margin-bottom: 0;
padding: 0;
transition: all .3s;
}
.tab-link-3:hover {
color: #fff;
}
.tab-link-3:active {
background-color: #fecc2ff2;
}
.tab-link-3.w--current {
color: #fff;
background-color: #91919100;
margin-bottom: 0;
margin-left: -35px;
}
.tab-item-content {
width: 100%;
max-width: 380px;
}
.logo-11 {
width: 100%;
max-width: 160px;
}
.tab-content-desc {
color: #000;
margin-bottom: 0;
font-family: Poppins, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 1.5;
}
.tab-link-text-2 {
color: #000;
white-space: nowrap;
font-family: Poppins, sans-serif;
font-size: 44px;
font-weight: 600;
line-height: 1.1;
}
.logo-wrapper-6 {
text-align: center;
padding-top: 22px;
padding-bottom: 22px;
}
.page-wrapper-6 {
background-color: #fff;
flex-direction: column;
width: 100vw;
height: auto;
display: flex;
position: relative;
overflow: hidden;
}
.tab-content-heading {
color: #000;
margin-top: 25px;
margin-bottom: 32px;
font-family: Poppins, sans-serif;
font-size: 36px;
font-weight: 400;
line-height: 1.1;
}
.tabs-menu-7 {
z-index: 2;
grid-column-gap: 0px;
grid-row-gap: 40px;
flex-direction: column;
align-items: stretch;
padding-left: 40px;
display: flex;
position: relative;
}
.footer-social-wrapper {
grid-column-gap: 10px;
grid-row-gap: 10px;
justify-content: center;
align-items: center;
display: flex;
}
.footer-section-2 {
border-top: 1px solid #52596333;
margin-top: auto;
padding-top: 22px;
padding-bottom: 22px;
}
.tab-content-wrapper {
width: 100%;
margin-left: -100px;
overflow: visible;
}
.tab-content-category {
grid-column-gap: 12px;
grid-row-gap: 12px;
display: flex;
}
.tab-section {
padding: 20px 10px;
}
.main-wrapper-14 {
z-index: 2;
padding-left: 100px;
padding-right: 100px;
position: relative;
overflow: visible;
}
.image-509 {
border-radius: 20px;
width: 100%;
}
.tab-item {
grid-column-gap: 40px;
grid-row-gap: 40px;
align-items: center;
display: flex;
}
.social-icon-6 {
color: #fff;
cursor: pointer;
border: 2px solid #2f3034;
border-radius: 50%;
width: 44px;
height: 44px;
transition: all .3s;
position: relative;
}
.social-icon-6:hover {
color: #fff;
background-color: #2f3034;
border-color: #2f3034;
}
.footer-wrapper-3 {
grid-column-gap: 20px;
grid-row-gap: 20px;
text-align: center;
flex-direction: column;
align-items: center;
display: flex;
}
.tabs-wrapper-2 {
align-items: center;
display: flex;
overflow: visible;
}
.category-item {
border-radius: 30px;
padding: 6px 24px;
line-height: 1.2;
}
.category-item._2 {
color: #f5ed3a;
background-color: #f5ed3a1a;
}
.category-item._1 {
color: #000;
background-color: #fecc2f;
font-family: Poppins, sans-serif;
font-weight: 600;
}
.nav-section {
border-bottom: 1px solid #52596333;
margin-bottom: auto;
}
.tab-item-image {
width: 100%;
max-width: 500px;
position: relative;
}
.container-1340 {
width: 100%;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
}
.accessibility-text {
cursor: pointer;
background-color: #17ffb3;
border: 2px solid #0000;
border-radius: 25px;
padding-left: 23px;
padding-right: 23px;
transition: all .3s;
display: inline-block;
}
.accessibility-text:hover {
border-color: #000;
transform: rotate(-8deg);
}
.hand-icon {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/6549642d7c1fd0a21274f615_hand-svg.svg");
background-position: 0 100%;
background-repeat: no-repeat;
background-size: cover;
width: 54px;
height: 54px;
display: inline-block;
position: absolute;
inset: auto -7% -16% auto;
}
.hero-section-10 {
width: 100%;
height: 100%;
padding-top: 0;
padding-bottom: 0;
}
.hero-content-2 {
align-items: flex-end;
position: relative;
}
.hero-image-item {
background-color: #000;
border-radius: 50%;
width: 70px;
height: 70px;
margin-right: -35px;
overflow: visible;
}
.hero-image-item._3 {
z-index: 3;
position: relative;
}
.hero-image-item._2 {
z-index: 2;
position: relative;
}
.hero-image-item._4 {
z-index: 4;
position: relative;
}
.hero-image-item._1 {
z-index: 1;
margin-right: -40px;
position: relative;
}
.hero-text-5 {
color: #000;
text-align: center;
flex-direction: column;
margin-top: 0;
margin-bottom: 0;
font-family: Poppins, sans-serif;
font-size: 40px;
font-weight: 400;
line-height: 1.5;
}
.hero-image-6 {
border: 2px solid #000;
border-radius: 50%;
box-shadow: 3px 3px #000;
}
.arrow-wrapper-2 {
background-color: #f7f7f7;
border-radius: 50%;
width: 95px;
height: 95px;
position: absolute;
inset: 50% auto auto 50%;
transform: translate(-50%, -50%);
}
.inclusive-text {
cursor: pointer;
background-color: #d1a4ff;
border-radius: 25px;
margin-top: 5px;
margin-left: 10px;
padding-left: 20px;
padding-right: 20px;
transition: all .3s;
display: inline-block;
position: relative;
}
.inclusive-text:hover {
transform: rotate(-8deg);
}
.hero-image-wrapper-5 {
align-items: center;
display: flex;
}
.number-wrapper-text {
font-style: normal;
}
.rotate-text {
width: 150px;
position: absolute;
inset: 6px auto auto 6px;
}
.arrow-icon-5 {
position: absolute;
inset: 50% auto auto 50%;
transform: translate(-50%, -50%);
}
.container-1341 {
width: 100%;
max-width: 1170px;
margin-left: auto;
margin-right: auto;
}
.rotate-circle {
background-color: #000;
border-radius: 50%;
width: 160px;
height: 160px;
margin-bottom: 20px;
margin-left: auto;
margin-right: auto;
position: relative;
}
.hero-section-wrapper-2 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
}
.text-wrapper-1 {
cursor: pointer;
transition: all .3s;
display: inline-block;
position: relative;
}
.app-text {
z-index: 1;
background-color: #1efff1;
border-radius: 25px;
height: 100%;
padding: 6px 24px 5px;
font-style: normal;
line-height: 1;
display: inline-block;
position: absolute;
inset: 0% auto auto 0%;
}
.web-text {
z-index: 2;
background-color: #ffdb1e;
border-radius: 25px;
height: 100%;
padding: 10px 24px 5px;
font-style: normal;
line-height: 1;
display: inline-block;
position: relative;
}
.number-wrapper {
font-size: 34px;
display: inline;
}
.star-icon {
z-index: -1;
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/6549642d7c1fd0a21274f616_star-svg.svg");
background-position: 0 0;
background-repeat: no-repeat;
background-size: contain;
width: 60px;
height: 60px;
position: absolute;
inset: -44% auto auto -5%;
}
.column-75 {
z-index: 2;
flex-direction: column;
align-items: flex-start;
font-style: normal;
display: flex;
position: relative;
}
.column-75.space-between {
justify-content: space-between;
}
._10-margin {
margin-bottom: 10px;
font-family: Poppins, sans-serif;
}
.social-icon-wrap-2 {
background-color: #dd3b00;
border: 1px #000;
border-radius: 20px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 40px;
height: 40px;
margin-right: 10px;
transition: transform .5s cubic-bezier(.23, 1, .32, 1), border-color .2s, color .2s, opacity .2s;
display: flex;
overflow: hidden;
}
.social-icon-wrap-2:hover {
transform: rotate(-10deg);
}
.label-6 {
z-index: 2;
color: #a4a4a4;
letter-spacing: .5px;
text-transform: uppercase;
margin-bottom: 30px;
font-size: 16px;
font-weight: 300;
position: relative;
}
.container-1342 {
width: 100%;
position: relative;
}
.container-1342.grid-two-spaced {
grid-column-gap: 6vw;
grid-row-gap: 6vw;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.container-1342.team-grid {
grid-column-gap: 0vw;
grid-row-gap: 10vw;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
margin-top: 12vh;
display: grid;
}
.container-1342.location-grid {
grid-column-gap: 6vw;
grid-row-gap: 6vw;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.container-1342.contact-grid {
grid-column-gap: 6vw;
grid-row-gap: 6vw;
grid-template-rows: auto;
grid-template-columns: 2fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.big-paragraph {
font-size: 20px;
}
.big-paragraph.no-margin {
font-family: Poppins, sans-serif;
}
.social-icon-7 {
flex: none;
max-width: 15px;
height: 100%;
}
.team-member-item.spaced-member {
margin-top: 12vh;
}
.st-font-2 {
z-index: 2;
margin-bottom: 0;
font-weight: 100;
}
.st-font-2._10-margin {
font-weight: 300;
}
.no-margin-5 {
margin-bottom: 0;
font-family: Poppins, sans-serif;
font-size: 3em;
}
.team-member-image-wrap {
height: 40vw;
margin-bottom: 30px;
}
.image-cover-3 {
object-fit: cover;
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/659830c5675797e8edbb8ad6_ilo.png");
background-position: 0 0;
background-size: auto;
width: 100%;
height: 100%;
}
.section-201 {
flex-direction: column;
justify-content: center;
align-items: center;
padding: 12vh 50px;
display: flex;
position: relative;
overflow: hidden;
}
.social-sideflex {
align-items: center;
display: flex;
}
.column-76 {
z-index: 2;
flex-direction: column;
align-items: flex-start;
font-style: normal;
display: flex;
position: relative;
}
.column-76.space-between {
justify-content: space-between;
}
._10-margin-2 {
margin-bottom: 10px;
}
.social-icon-wrap-3 {
background-color: #dd3b00;
border: 1px #000;
border-radius: 20px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 40px;
height: 40px;
margin-right: 10px;
transition: transform .5s cubic-bezier(.23, 1, .32, 1), border-color .2s, color .2s, opacity .2s;
display: flex;
overflow: hidden;
}
.social-icon-wrap-3:hover {
transform: rotate(-10deg);
}
.label-7 {
z-index: 2;
color: #000;
letter-spacing: .5px;
text-transform: uppercase;
margin-bottom: 30px;
font-family: Poppins, sans-serif;
font-size: 16px;
font-weight: 600;
position: relative;
}
.no-margin-6 {
margin-bottom: 0;
}
.section-202 {
flex-direction: column;
justify-content: center;
align-items: center;
padding: 12vh 50px;
display: flex;
position: relative;
overflow: hidden;
}
.separation-line-wrap-2 {
background-color: #363636;
width: 100%;
height: 1px;
position: relative;
}
.column-77 {
z-index: 2;
flex-direction: column;
align-items: flex-start;
font-style: normal;
display: flex;
position: relative;
}
.separation-line-fill-2 {
background-color: #fff;
width: 100%;
height: 100%;
}
.location-name-2 {
z-index: 10;
font-family: Poppins, sans-serif;
font-size: 30px;
position: relative;
}
.offiice-location-item-2 {
cursor: pointer;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
padding-top: 3vw;
padding-bottom: 3vw;
display: flex;
position: relative;
}
.offiice-location-item-2:hover {
z-index: 2;
}
.offiice-location-item-2.location-3 {
padding-top: 0;
padding-bottom: 0;
}
.offiice-location-item-2.location-3:hover {
z-index: 4;
}
.offiice-location-item-2.location-1 {
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0;
}
.offiice-location-item-2.location-2 {
margin-bottom: -1px;
padding-top: 0;
padding-bottom: 0;
}
.section-203 {
padding: 250px 140px 140px;
display: block;
}
.separation-line-wrap-3 {
background-color: #363636;
width: 100%;
height: 1px;
position: relative;
}
.column-78 {
z-index: 2;
flex-direction: column;
align-items: flex-start;
font-style: normal;
display: flex;
position: relative;
}
._50-margin-2 {
margin-bottom: 50px;
font-family: Poppins, sans-serif;
font-size: 4em;
}
.label-8 {
z-index: 2;
color: #a4a4a4;
letter-spacing: .5px;
text-transform: uppercase;
margin-bottom: 30px;
font-size: 16px;
font-weight: 300;
position: relative;
}
.label-8._15-margin {
font-family: Poppins, sans-serif;
}
.contact-form-2 {
flex-direction: column;
align-items: flex-end;
width: 100%;
display: flex;
position: relative;
}
.error-message-14 {
color: #fff;
background-color: #dd3b00;
border-radius: 30px;
margin-top: 0;
position: absolute;
bottom: 100%;
left: auto;
right: auto;
}
.success-message-17 {
background-color: #363636;
height: 70vh;
padding: 60px;
}
.success-message-text {
flex-direction: column;
justify-content: center;
align-items: center;
height: 100%;
font-size: 1.5vw;
display: flex;
}
.contact-form-block {
flex-direction: column;
align-items: center;
width: 100%;
margin-bottom: 0;
display: flex;
position: relative;
}
.button-68 {
background-color: #0000;
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/654970b7db6404a1318af5ff_White%20Sparrow%20Circle.svg");
background-position: 100%;
background-repeat: no-repeat;
background-size: 25px;
border: 1px #000;
padding: 5px 35px 5px 0;
display: inline-block;
}
.button-68.big-button-link {
background-size: 30px;
padding-right: 50px;
font-size: 20px;
line-height: 2em;
}
.text-area-2 {
color: #fff;
background-color: #0000;
background-image: linear-gradient(#363636, #363636);
border: 1px #000;
border-bottom: 1px solid #fff;
border-radius: 0;
width: 100%;
min-height: 20vh;
margin-bottom: 15px;
padding: 3vh 24px 12px;
font-size: 1.4vw;
}
.text-area-2:focus {
border-bottom-color: #dd3b00;
}
.section-204 {
flex-direction: column;
justify-content: center;
align-items: center;
padding: 12vh 50px;
display: flex;
position: relative;
overflow: hidden;
}
.section-204.page-hero {
justify-content: center;
padding-top: 10vh;
}
.text-field-13 {
color: #fff;
background-color: #363636;
background-image: linear-gradient(#363636, #363636);
border: 1px #000;
border-bottom: 1px solid #fff;
border-radius: 0;
width: 100%;
height: 10vh;
margin-bottom: 15px;
padding: 12px 24px;
font-size: 1.4vw;
}
.text-field-13:focus {
border-bottom-color: #dd3b00;
}
.sticky-column-2 {
flex-direction: column;
align-items: flex-start;
font-style: normal;
display: flex;
position: sticky;
top: 150px;
}
.lightbox-link-17 {
flex-direction: column;
justify-content: flex-start;
width: 100%;
text-decoration: none;
display: flex;
position: relative;
}
.background-video-work-a-2 {
z-index: 0;
background-color: #dad7d412;
border-radius: 14px;
width: 100%;
height: 14vw;
display: block;
}
.heading-project-display-2 {
text-shadow: 0 16px #dad7d4;
margin-bottom: 0;
font-size: 16px;
line-height: 100%;
}
.subheading-project-display-2 {
color: #dad7d470;
text-transform: none;
text-shadow: 0 16px #dad7d470;
margin-bottom: 0;
font-size: 16px;
font-weight: 600;
line-height: 100%;
}
.slider-wrapper-2 {
background-color: #0000;
height: 100%;
}
.section-205 {
padding-top: 250px;
padding-bottom: 250px;
}
.display-27 {
color: #fff;
text-transform: uppercase;
font-size: 38px;
font-weight: 700;
line-height: 1.211em;
}
.slide-item-mg-2 {
margin-right: 28px;
}
.btn-circle-secondary-2 {
opacity: .3;
color: #030303;
transform-style: preserve-3d;
background-color: #fff;
border: 1px solid #dcdcdc;
border-radius: 100%;
justify-content: center;
align-items: center;
width: 64px;
min-width: 64px;
height: 64px;
min-height: 64px;
font-size: 26px;
text-decoration: none;
transition: opacity .3s, border-color .3s, transform .3s;
display: flex;
box-shadow: 0 2px 12px #14142b14;
}
.btn-circle-secondary-2:hover {
opacity: 1;
color: #030303;
border: 1px solid #fff;
transform: scale3d(1.06, 1.06, 1.01);
}
.btn-circle-secondary-2.left-slider-btn {
width: 88px;
min-width: 88px;
height: 88px;
min-height: 88px;
font-size: 40px;
bottom: 200px;
left: -16px;
}
.btn-circle-secondary-2.right-slider-btn {
width: 88px;
min-width: 88px;
height: 88px;
min-height: 88px;
font-size: 40px;
line-height: 1em;
bottom: 200px;
right: -16px;
}
.text-406 {
font-size: 24px;
line-height: 1.083em;
}
.text-406.medium {
font-weight: 500;
}
.color-neutral-810 {
color: #fff;
}
.display-28 {
color: #fff;
letter-spacing: .04em;
text-transform: uppercase;
font-size: 72px;
font-weight: 700;
line-height: 1.167em;
}
.empty-state-11 {
text-align: center;
background-color: #1b1b1b;
border: 1px solid #626262;
border-radius: 11px;
padding: 26px 24px;
box-shadow: 0 2px 12px #14142b14;
}
.container-default-19 {
max-width: 1364px;
padding-left: 24px;
padding-right: 24px;
}
.mg-bottom-17 {
margin-bottom: 0;
}
.subtitle-15 {
margin-top: 100px;
margin-bottom: 200px;
}
.section-206 {
position: relative;
}
.section-206.for-a {
margin-top: 100vh;
}
.bg-team.bg-orange {
z-index: -1;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.heading-small-3 {
letter-spacing: -.055em;
font-size: 4.8em;
font-weight: 500;
line-height: 1;
}
.heading-small-3.align-right {
text-align: right;
}
.second-name {
margin-bottom: -1px;
}
.heading-serif-medium {
letter-spacing: -.06em;
margin-top: 0;
margin-bottom: 0;
font-family: PT Serif, serif;
font-size: 5.4em;
font-style: italic;
font-weight: 400;
line-height: .8;
}
.cover-image {
object-fit: cover;
width: 100%;
height: 100%;
display: block;
overflow: visible;
}
.heading-serif-xsmall {
letter-spacing: -.06em;
white-space: nowrap;
font-family: PT Serif, serif;
font-size: 2em;
font-style: italic;
line-height: 1.1;
}
.main-grid-4 {
background-color: #0000;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
width: 100%;
position: static;
overflow: visible;
}
.container-1343 {
max-width: 1680px;
padding-left: 60px;
padding-right: 60px;
}
.team-wrapper-2 {
flex-direction: column;
min-width: 360px;
height: 580px;
display: flex;
position: relative;
}
.role-name {
margin-top: -30px;
padding-left: 64px;
}
.team-image {
position: absolute;
inset: 0%;
}
.name-team {
justify-content: center;
align-items: center;
display: flex;
position: absolute;
inset: auto auto 0% 0%;
}
.name-team.text-color-white {
grid-column-gap: 4px;
align-items: flex-end;
margin-bottom: 34px;
padding-left: 20px;
position: static;
}
.first-name {
height: 80px;
overflow: hidden;
}
.heading-medium-5 {
letter-spacing: -.055em;
margin-right: 3px;
font-size: 5.8em;
font-weight: 800;
overflow: visible;
transform: translate(0, 1px);
}
.group-team {
padding-bottom: 12px;
position: absolute;
inset: auto auto 0% 0%;
}
.heading-xsmall-3 {
color: #aaa;
letter-spacing: -.055em;
margin-top: 5px;
margin-bottom: 5px;
font-size: 20px;
font-weight: 300;
line-height: 1.2;
}
.video-section-3 {
background-image: linear-gradient(#0000004f, #0000004f);
justify-content: center;
align-items: center;
display: flex;
}
.bg-video {
background-color: #1c1c1c91;
justify-content: center;
align-items: center;
height: 50vh;
display: flex;
}
.bg-video.photo {
background-color: #1c1c1c00;
background-image: linear-gradient(#00000080, #00000080), url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/653028a561678ef5f21181f5_group%20video.gif");
background-position: 0 0, 50% 20%;
background-size: auto, cover;
flex-direction: column;
width: 100vw;
}
.video-heading {
color: #fff;
text-align: center;
text-transform: uppercase;
font-family: Poppins, sans-serif;
font-size: 48px;
line-height: 52px;
}
.bold-text-47 {
font-size: 30px;
font-weight: 400;
}
.link-moving-typo {
color: #fff;
letter-spacing: -.03em;
text-transform: uppercase;
border: 1px #fff0;
border-radius: 100px;
padding: 1rem 3rem;
font-size: 4vw;
font-weight: 500;
line-height: 1;
transition: color .5s, background-color .5s, border-color .6s;
position: relative;
}
.link-moving-typo:hover {
color: #fff;
background-color: #0d0d11;
border-style: none;
border-color: #fff;
}
.line-separator {
background-color: #fff;
width: 5vw;
height: 1px;
margin-left: 2vw;
margin-right: 2vw;
}
.content-576 {
z-index: 2;
flex-direction: column;
align-items: flex-start;
display: flex;
position: relative;
}
.content-576.xs {
max-width: 512px;
}
.content-576.xs.centered-always {
margin-left: auto;
margin-right: auto;
}
.sup {
color: #fff;
letter-spacing: 0;
border-radius: 100px;
font-size: .625rem;
font-weight: 400;
position: absolute;
}
.bg-color-6 {
z-index: 0;
position: absolute;
inset: 0%;
}
.bg-color-6.black {
background-color: #0d0d11;
}
.bg-color-6.grey {
background-color: #121217;
}
.section-207 {
z-index: 2;
width: 100%;
padding: 6rem;
position: relative;
}
.section-207._100vh {
flex-direction: row;
min-height: 100vh;
display: flex;
}
.moving-typo-left {
z-index: 2;
justify-content: center;
align-items: center;
width: 300vw;
margin-top: -3vw;
display: flex;
position: absolute;
left: -100vw;
}
.moving-typo-left.no-top-margin {
margin-top: 0;
}
.grid-7 {
z-index: 1;
grid-column-gap: 2rem;
grid-row-gap: 2rem;
grid-template-rows: auto auto auto auto auto auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
width: 100%;
position: relative;
}
.accordion-2 {
border-top: 2px solid #353535;
margin-top: 2em;
margin-bottom: 2em;
position: relative;
}
.text-block-180 {
color: #fecc2f;
}
.heading-409, .heading-414, .heading-416 {
color: #000;
}
.accordion-body-content {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
padding-top: 2em;
padding-bottom: 2em;
display: grid;
}
.accordion-view-less-panel {
z-index: 1;
cursor: pointer;
display: none;
position: absolute;
inset: 0%;
}
.accordion-title-3 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
padding-right: 20px;
display: flex;
}
.accordion-summary-container {
flex-direction: row;
justify-content: center;
align-items: center;
padding-top: 1em;
display: flex;
}
.opacity-81 {
opacity: .6;
color: #000;
font-family: Poppins, sans-serif;
}
.heading-413, .heading-411, .heading-412 {
color: #000;
}
.container-1344 {
max-width: 1170px;
margin-left: auto;
margin-right: auto;
padding: 3rem 20px;
}
.heading-415, .heading-417 {
color: #000;
}
.accordion-number {
color: #fecc2f;
text-align: left;
flex-direction: row;
justify-content: flex-start;
align-items: center;
min-height: 160px;
padding: 20px;
font-family: Poppins, sans-serif;
font-size: 44px;
font-weight: 200;
display: flex;
}
.text-block-181 {
color: #000;
font-family: Poppins, sans-serif;
}
.heading-display-3 {
color: #fff;
margin-top: 20px;
margin-bottom: 10px;
font-family: Poppins, sans-serif;
font-size: 110px;
font-weight: 500;
}
.heading-display-3.no-margin {
margin-top: 0;
margin-bottom: 0;
}
.text-block-182, .text-block-183 {
color: #000;
font-family: Poppins, sans-serif;
}
.heading-410 {
color: #000;
}
.accordion-header-2 {
cursor: pointer;
flex-direction: row;
grid-template-rows: auto;
grid-template-columns: 2fr 4fr 5.25fr;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: flex-start;
padding-top: 3em;
padding-bottom: 3em;
transition: background-color .2s;
display: grid;
position: relative;
}
.accordion-header-2:hover {
background-color: #00000005;
}
.accordion-body {
overflow: hidden;
}
.content-block-2 {
position: relative;
}
.about-slider-image {
border-radius: 0;
flex-direction: column;
width: 100%;
display: flex;
position: relative;
overflow: hidden;
}
.about-slider-height {
padding-top: 70%;
}
.hide-3 {
display: none;
}
.about-slider {
z-index: 20;
background-color: #ddd0;
justify-content: center;
height: auto;
display: flex;
}
.about-gallery {
background-color: var(--black);
margin-left: 0;
margin-right: 0;
padding: 55px 0 60px;
display: block;
overflow: hidden;
}
.icon-1x1-small-3 {
flex: none;
width: .8rem;
height: .8rem;
}
.image-overlay-2 {
z-index: 10;
-webkit-backdrop-filter: sepia(70%) brightness(95%) grayscale(90%);
backdrop-filter: sepia(70%) brightness(95%) grayscale(90%);
background-color: #0c0c0c00;
border-radius: 0;
position: absolute;
inset: 0%;
overflow: hidden;
}
.container-large-11 {
width: 100%;
max-width: 105rem;
margin-left: auto;
margin-right: auto;
}
.image-fill-3 {
z-index: 1;
object-fit: cover;
border-radius: 0;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
overflow: hidden;
}
.arrow-horizontal {
justify-content: center;
align-items: center;
padding-left: 2px;
padding-right: 2px;
display: flex;
}
.arrow-horizontal.arrow-left {
position: absolute;
left: -100%;
}
.arrow-horizontal.arrow-right {
position: absolute;
right: -100%;
}
.clip-6 {
z-index: 10;
flex-direction: column;
justify-content: center;
align-items: center;
padding-right: 1px;
display: flex;
position: relative;
overflow: hidden;
}
.about-slider-mask {
width: 55%;
overflow: visible;
}
.slider-arrow {
background-color: #fecc2f;
border: 2px solid #000;
border-radius: 100%;
justify-content: center;
align-items: center;
width: 3rem;
height: 3rem;
display: flex;
}
.about-image-slide {
padding-left: 1px;
padding-right: 1px;
}
.item {
position: relative;
overflow: hidden;
}
.item-img {
position: relative;
}
.item-link-wrapper {
background-color: #1515154d;
justify-content: center;
align-items: center;
display: flex;
position: absolute;
inset: 0%;
overflow: hidden;
}
.item-link {
flex-direction: column;
margin-bottom: 0;
text-decoration: none;
display: flex;
overflow: hidden;
}
.item-link-child {
color: #fff;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 0;
font-size: 2em;
line-height: 1.188em;
}
.line-5 {
border: 1px solid #151515;
width: 2.5em;
}
.line-5.link {
border-color: #fff;
width: auto;
position: relative;
left: -100%;
}
.grid-29 {
grid-template-columns: 1fr 1fr 1fr;
}
.gallery-right {
flex-direction: column;
flex: 1;
justify-content: space-between;
width: 31%;
display: flex;
}
.mini-text-4 {
color: #0f0f0f;
letter-spacing: -.8px;
text-transform: uppercase;
font-size: 14px;
font-weight: 600;
line-height: 20px;
text-decoration: none;
}
.gallery-item-2 {
width: 48.5%;
margin-bottom: auto;
position: relative;
overflow: hidden;
}
.content-wrapper-8 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
width: 100%;
max-width: 1225px;
height: 100%;
margin-left: auto;
margin-right: auto;
padding-bottom: 20px;
padding-left: 25px;
padding-right: 25px;
position: relative;
}
.gallery-item {
width: 48.5%;
margin-bottom: 0;
margin-right: 3%;
display: flex;
position: relative;
overflow: hidden;
}
.gallery-item-4 {
width: 100%;
margin-bottom: 5.5%;
position: relative;
overflow: hidden;
}
.gallery-left-column {
flex-direction: column;
justify-content: space-between;
width: 65%;
margin-right: 2%;
display: flex;
}
.gallery-top {
flex-wrap: wrap;
justify-content: flex-start;
align-items: stretch;
margin-bottom: 3%;
display: flex;
position: static;
}
.gallery-item-3 {
width: 100%;
margin-bottom: 0;
position: relative;
overflow: hidden;
}
.gallery {
flex-wrap: wrap;
justify-content: flex-start;
align-items: stretch;
margin-bottom: 3%;
display: flex;
position: static;
}
.gallery-item-5 {
width: 100%;
margin-bottom: auto;
position: relative;
overflow: hidden;
}
.h4-2 {
text-transform: uppercase;
margin-top: 20px;
font-size: 32px;
font-weight: 700;
line-height: 40px;
}
.section-image-text-3 {
justify-content: flex-start;
align-items: stretch;
margin-bottom: 65px;
display: flex;
position: static;
}
.section-image-text-3.last {
margin-bottom: 0;
}
.content-wrapper-9 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
width: 100%;
max-width: 1225px;
height: 100%;
margin-left: auto;
margin-right: auto;
padding-left: 25px;
padding-right: 25px;
position: relative;
}
.relative-5 {
position: relative;
inset: auto auto 0% 0%;
}
.top-margin-3 {
margin-top: 10px;
position: relative;
}
.text-link-block-2 {
color: #0f0f0f;
text-transform: uppercase;
font-size: 14px;
font-weight: 600;
text-decoration: none;
}
.section-image-text-4.reverse {
display: flex;
}
.link-underline-4 {
background-color: #0f0f0f;
width: 100%;
height: 1px;
position: absolute;
inset: auto 0% 0%;
}
.section-209 {
padding-left: 40px;
padding-right: 40px;
}
.section-210 {
padding-top: 140px;
padding-left: 0;
padding-right: 0;
}
.section-210._2, .section-210._2.lp {
margin-top: 0;
padding-top: 0;
}
.content-wrapper-10 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
width: 100%;
max-width: 1225px;
height: 100%;
margin-left: auto;
margin-right: auto;
padding-left: 25px;
padding-right: 25px;
position: relative;
}
.relative-6 {
position: relative;
inset: auto auto 0% 0%;
}
.content-section-6 {
background-color: #fff;
width: 100%;
max-width: 100%;
padding-top: 220px;
position: relative;
overflow: hidden;
}
.subpage-h1 {
max-width: 16ch;
}
.subpage-h1.text-center {
margin-top: 0;
font-family: Poppins, sans-serif;
font-size: 3.2em;
}
.hero-text-wrapper-2 {
flex-direction: column;
align-items: center;
padding-bottom: 40px;
display: flex;
position: relative;
}
.spacer-1em {
width: 0;
height: 1em;
}
.hero-subtext {
text-align: center;
max-width: 24ch;
}
.div-hide-2 {
display: block;
position: relative;
overflow: hidden;
}
.div-hide-2.is--mobile {
display: none;
}
.div-hide-2.hanging-text {
text-align: left;
padding-bottom: .5em;
}
.div-hide-2.inline {
align-self: flex-start;
display: inline-block;
}
.div-hide-2.hanging-text {
padding-bottom: .5em;
font-weight: 400;
}
.div-hide-2.hanging-text.is--always {
padding-bottom: 0;
}
.label-services-wrapper {
position: absolute;
top: -22%;
right: -31%;
transform: rotate(7deg);
}
.container-1345 {
width: 85%;
margin-left: auto;
margin-right: auto;
position: relative;
}
.container-1345.flex-cc-v.is--s-hero {
z-index: 2;
flex-direction: column;
align-items: center;
height: 100%;
display: flex;
}
.spacer-2em {
width: 0;
height: 2em;
}
.btn-7 {
border-radius: 100vw;
justify-content: center;
align-items: center;
padding: 1.32em 2.64em;
display: flex;
}
.btn-7.btn-gradient {
color: #f1f0ef;
}
.btn-7.btn-gradient:hover {
color: #040915;
}
.btn-7.btn-gradient.stagger-text:hover {
color: #f1f0ef;
}
.btn-text-3 {
font-size: 1.32em;
}
.sm-upper {
letter-spacing: .04em;
text-transform: uppercase;
font-size: 1.11em;
font-weight: 700;
line-height: 1.2;
}
.sm-upper.text-light-orange {
color: var(--black);
text-align: center;
font-family: Poppins, sans-serif;
font-size: 1.5em;
}
.sm-upper.footer-12 {
padding: 0;
font-size: 1.32em;
line-height: 1;
}
.label-services {
background-color: #fecc2f;
border-radius: 4px;
justify-content: center;
align-items: center;
padding: .5em .5em .5em .8em;
display: flex;
position: static;
inset: -25% -12% auto auto;
}
.section-211 {
margin-top: 0;
padding-top: 140px;
padding-bottom: 60px;
}
.benefits-heading {
text-align: center;
max-width: 18ch;
font-family: Poppins, sans-serif;
font-size: 3em;
font-weight: 400;
}
.sm-container {
width: 75%;
margin-left: auto;
margin-right: auto;
}
.sm-container.is--benefits {
flex-direction: column;
align-items: center;
display: flex;
}
.sm-container.s-intro {
flex-direction: column;
align-items: flex-start;
padding-left: 5%;
display: flex;
}
.benefit-wrapper {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: max-content 1fr;
grid-auto-columns: 1fr;
place-items: center start;
margin-top: 2em;
display: grid;
}
.benefit-wrapper.is--services-page {
margin-top: 0;
}
.benefits-grid {
grid-column-gap: 4em;
grid-row-gap: 4em;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
place-items: center start;
margin-top: 3.96em;
display: grid;
}
.section-212 {
padding-top: 7em;
padding-bottom: 7em;
}
.paragraph-178 {
font-family: Poppins, sans-serif;
font-size: 1.2em;
}
.paragraph-179 {
font-size: 1.2em;
}
.paragraph-180 {
font-family: Poppins, sans-serif;
font-size: 1.2em;
}
.cta-heading-wrapper {
flex-direction: column;
justify-content: flex-start;
align-self: flex-start;
align-items: flex-start;
width: 100%;
margin-bottom: .5em;
display: flex;
}
.short-heading {
max-width: 12ch;
}
.text-gradient {
-webkit-text-fill-color: transparent;
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/654d71781a550342024da65e_aluce-gradient-text.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
-webkit-background-clip: text;
background-clip: text;
display: inline-block;
}
.testimonial-author-info {
margin-left: 2em;
}
.testimonial {
text-align: left;
max-width: 21ch;
font-size: 3.33em;
line-height: 1.2;
}
.testimonial.is--clutch {
max-width: 20ch;
}
.p-wrapper.s-intro {
position: relative;
left: 10vw;
}
.testimonial-p {
max-width: 45ch;
margin-top: .5em;
}
.benefits-heading-2 {
text-align: center;
max-width: 18ch;
}
.hero-bg-wrapper {
z-index: 1;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
overflow: hidden;
}
.hero-bg-wrapper.cta {
overflow: visible;
}
.btn-wrapper {
align-self: center;
display: inline-block;
}
.btn-wrapper.about-intro {
margin-top: 0;
}
.container-1346 {
width: 85%;
margin-left: auto;
margin-right: auto;
position: relative;
}
.container-1346.flex-cc-v.is--cta {
z-index: 2;
height: 100%;
}
.testimonial-author-img {
object-fit: cover;
object-position: 50% 50%;
border-radius: 100vw;
width: 6.53em;
height: 6.53em;
}
.testimonial-author-img.top {
object-position: 50% 0%;
}
.cta-circle-1 {
z-index: 1;
width: 21.04em;
position: absolute;
inset: 56% auto auto -6.5vw;
}
.heading-line-wrapper {
text-align: left;
}
.heading-line-wrapper.services-h2 {
margin-left: 9vw;
}
.heading-line-wrapper.services-h2._2 {
text-align: left;
margin-top: .5em;
margin-left: 9.5vw;
}
.cta-heading-line-wrapper {
align-self: flex-start;
margin-top: .5em;
margin-left: 5.5vw;
padding-left: 0;
}
.cta-heading-line-wrapper.top {
margin-top: 0;
margin-left: -4vw;
}
.testimonial-author-img-parent {
width: 6.53em;
height: 6.53em;
position: relative;
overflow: visible;
}
.p-rel {
padding-right: 251px;
font-family: Poppins, sans-serif;
font-size: 1.3em;
position: relative;
}
.cta-circle-2 {
z-index: 1;
filter: invert();
width: 23.5em;
position: absolute;
inset: -2% -7% auto auto;
}
.img-parent-2 {
width: 100%;
max-width: 100%;
margin-left: auto;
margin-right: auto;
overflow: hidden;
}
.img-parent-2.services {
width: 9.72em;
position: absolute;
}
.img-parent-2.services._3 {
height: 12.5em;
inset: 490px auto -5% 9%;
}
.img-parent-2.services._4 {
inset: auto 10% 9% 410px;
}
.img-parent-2.services._2 {
inset: 0% 20% auto auto;
}
.img-parent-2.services._1 {
inset: 18% auto auto -2%;
}
.img-parent-2.services._1._2 {
top: -3%;
left: 25%;
}
.img-parent-2.services._1._4 {
top: 51%;
left: 83%;
}
.img-parent-2.aluce-circle {
align-self: flex-end;
width: 44em;
margin-top: -16em;
margin-left: 0;
margin-right: -8em;
}
.img-parent-2.h-services {
width: auto;
max-width: 100%;
margin-left: 0;
margin-right: 0;
display: inline-block;
position: absolute;
inset: auto auto 3% 5vw;
}
.img-parent-2.h-services._4 {
inset: 13% auto auto 7vw;
}
.img-parent-2.h-services._3 {
inset: auto auto 38% 18vw;
}
.img-parent-2.h-services._5 {
inset: 3% 7vw auto auto;
}
.img-parent-2.h-services._2 {
inset: auto 4vw 25% auto;
}
.full-img {
object-fit: cover;
width: 100%;
height: 100%;
}
.super-text {
letter-spacing: -.02em;
text-transform: capitalize;
margin-top: 0;
font-size: 6em;
font-weight: 600;
line-height: 1.32;
}
.super-text.no-break {
white-space: nowrap;
}
.btn-8 {
border-radius: 100vw;
justify-content: center;
align-items: center;
padding: 1.32em 2.64em;
display: flex;
}
.btn-8.bigger {
padding-left: 3.96em;
padding-right: 3.96em;
}
.btn-8.secondary {
color: #040915;
border: 1px solid #040915;
transition: color .4s, background-color .4s;
}
.btn-8.secondary:hover {
color: #f1f0ef;
background-color: #040915;
}
.btn-text-4 {
font-size: 1.32em;
}
.testimonial-author-wrapper {
align-items: center;
margin-top: 3em;
display: flex;
}
.testimonial-wrapper-3 {
flex-direction: column;
justify-content: center;
align-items: flex-start;
display: flex;
}
.s-intro_heading-wrapper {
margin-bottom: 1.25em;
}
.split-section-wrapper {
width: 50%;
}
.text-center-7 {
text-align: center;
}
.section-213 {
padding-top: 7em;
padding-bottom: 7em;
}
.section-213.is--bigger {
padding-top: 14em;
padding-bottom: 14em;
position: relative;
}
.section-213.s-testimonial {
padding-top: 14em;
}
.section-213.is--cta {
padding-top: 11em;
padding-bottom: 12em;
position: relative;
}
.section-213.s-intro {
padding-top: 20em;
padding-bottom: 14em;
display: none;
position: relative;
}
.spacer-0-5em {
width: 0;
height: .5em;
}
.heading-550 {
font-family: Poppins, sans-serif;
font-size: 3.5em;
}
.heading-551 {
font-family: Poppins, sans-serif;
font-size: 3em;
}
.text-wrapper-7 {
justify-content: center;
align-items: center;
width: 90%;
display: flex;
position: relative;
}
.margin-15px-3 {
color: #fff;
margin-top: 15px;
}
.paragraph-181, .div-block-259 {
color: #fff;
}
.container-1347 {
z-index: 1;
flex: 1;
max-width: 1400px;
margin-left: auto;
margin-right: auto;
position: relative;
}
.photo-3 {
filter: grayscale(25%);
object-position: 50% 0%;
width: 100%;
height: 100%;
}
.margin-150px-3 {
margin-top: 150px;
}
.small-uppercase-text-3 {
color: #fecc2f;
letter-spacing: 1px;
text-transform: uppercase;
flex: none;
margin-top: 3px;
margin-right: 5%;
font-size: 13px;
font-weight: 600;
}
.service-title-9 {
color: #fecc2f;
text-transform: uppercase;
margin-top: 25px;
font-size: 22px;
font-style: italic;
font-weight: 600;
}
.section-214 {
background-color: #000;
padding: 100px 5%;
position: relative;
}
.display-29 {
color: #fff;
letter-spacing: 1px;
text-transform: uppercase;
margin-top: 0;
font-family: Poppins, sans-serif;
font-size: 30px;
font-weight: 500;
line-height: 1.15;
}
.absolute-background-4 {
background-color: #171717;
display: none;
position: absolute;
inset: 0%;
}
.lightbox-link-18 {
z-index: 2;
justify-content: center;
align-items: center;
width: 115px;
height: 115px;
display: flex;
position: absolute;
left: 50%;
transform: translate(-50%);
}
.button-69 {
color: #24272c;
background-color: #a1c4e4;
border-radius: 30px;
align-items: center;
padding: 10px 18px;
font-size: 16px;
font-weight: 600;
line-height: 1.4;
text-decoration: none;
transition: all .2s;
position: relative;
}
.button-69:hover {
color: #fff;
background-color: #333;
}
.button-69._2 {
background-color: #fecc2f;
padding: 17px 30px;
}
.button-69._2:hover {
background-color: #121418;
}
.play-icon-10 {
width: 11px;
position: absolute;
}
.rotate-image-3 {
color: #fecc2f;
}
.paragraph-182 {
color: #fff;
font-family: Poppins, sans-serif;
font-size: 1.1em;
}
.grid-2-columns-9 {
grid-column-gap: 70px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: start;
display: grid;
}
.grid-2-columns-9._3 {
grid-template-columns: 2fr 1fr;
}
.grid-2-columns-9._2 {
align-items: center;
}
.decoration-benefits_moneybag {
z-index: 5;
position: absolute;
top: 9%;
left: auto;
right: 26%;
}
.decoration-benefits_cudtomers {
z-index: 6;
position: absolute;
inset: auto auto -14% -6%;
}
.decoration-benefits_lines-on-right {
z-index: 5;
position: absolute;
inset: -16% 0% 0% auto;
}
.features-content_icon {
background-color: #f1f7ff;
border-radius: 100%;
justify-content: center;
align-items: center;
width: 7rem;
height: 7rem;
margin-bottom: 1rem;
margin-left: auto;
margin-right: auto;
display: flex;
}
.home-benefits_product-images {
width: 25rem;
height: 15rem;
position: relative;
}
.button_wrapper-3 {
text-align: center;
padding-left: 350px;
padding-right: 350px;
display: block;
position: relative;
}
.home_cta-component {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
color: #fff;
background-color: #055ffb;
border-radius: 8px;
grid-template-rows: auto;
grid-template-columns: 1.5fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
padding: 4rem;
display: grid;
position: relative;
}
.underline-span {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/6553a45cc61babd9b2ac8957_highlight-underline.svg");
background-position: 50% 110%;
background-repeat: no-repeat;
}
.decoration-benefits-blue-box {
z-index: 2;
max-width: 75%;
position: absolute;
inset: 0% auto 0% 10%;
}
.decoration-benefits_shadow {
max-width: 75%;
position: absolute;
inset: 15% auto 0% 15%;
}
.features_content {
margin-left: auto;
margin-right: auto;
padding-left: 2rem;
padding-right: 2rem;
}
.decoration-header-squiggle {
z-index: 4;
transform-style: preserve-3d;
max-width: 3.5%;
position: absolute;
inset: -15% 3% auto auto;
transform: rotateX(0)rotateY(180deg)rotateZ(40deg);
}
.form_input-field {
background-color: #caddff;
border-style: none;
border-radius: 4px;
height: 100%;
margin-bottom: 0;
padding-left: 1rem;
padding-right: 1rem;
}
.form_input-field:focus {
border: 1px solid #055ffb;
}
.form_input-field::placeholder {
color: #686868;
font-size: 1rem;
font-weight: 600;
}
.features_wrapper {
grid-column-gap: 2rem;
grid-row-gap: 6rem;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.decoration-benefits_sales {
z-index: 2;
position: absolute;
inset: -32% auto 0% -5%;
}
.decoration-cta-lines {
position: absolute;
inset: auto -3% -20% auto;
transform: rotate(103deg);
}
.page-padding-17 {
padding-top: 0;
padding-left: 2.5rem;
padding-right: 2.5rem;
}
.home-header-content_bottom {
margin-top: 4rem;
}
.section-home-header-4 {
text-align: center;
}
.decoration-benefits_squiggle {
z-index: 5;
position: absolute;
inset: auto auto 0% 1%;
}
.text-size-large-8 {
font-size: 1.6rem;
}
.business-logos {
width: 65%;
}
.text-size-medium-7 {
font-size: 1.25rem;
}
.decoration-benefits_lines-on-left {
transform-style: preserve-3d;
position: absolute;
inset: -9% auto 0% -4%;
transform: rotateX(0)rotateY(180deg)rotateZ(0);
}
.margin-bottom-11 {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.margin-bottom-11.margin-large.padding-horizontal {
padding-left: 12rem;
padding-right: 12rem;
}
.margin-bottom-11.margin-small.is-relative {
position: relative;
}
.decoration-testimonial-triangle {
z-index: 5;
position: absolute;
inset: -8% auto auto 6%;
}
.testimonial-content_wrapper {
flex-direction: column;
justify-content: center;
padding-left: 8rem;
padding-right: 8rem;
display: flex;
position: absolute;
inset: 0%;
}
.home-benefits_content {
width: 50ch;
}
.main-wrapper-16 {
overflow: hidden;
}
.circle-highlight {
position: relative;
}
.arrow-decoration-image {
width: 6%;
max-width: none;
margin-left: 1rem;
position: absolute;
top: 10px;
bottom: 10px;
left: 583px;
}
.home-features_component-2 {
flex-direction: column;
display: flex;
}
.highlight-text {
color: #055ffb;
}
.home-process_component {
flex-direction: column;
display: flex;
}
.process-content_images {
max-width: 80%;
}
.text-size-regular-7 {
font-size: 1rem;
}
.decoration-testimonial_sqiggle {
z-index: 5;
position: absolute;
inset: auto 5% -9% auto;
}
.decoration-benefits_churn {
z-index: 4;
position: absolute;
top: 46%;
left: auto;
right: 0%;
}
.container-medium-2 {
width: 100%;
max-width: 70rem;
margin-left: auto;
margin-right: auto;
}
.home-header-content_top {
max-width: 60rem;
margin-left: auto;
margin-right: auto;
padding-left: 1rem;
padding-right: 1rem;
position: relative;
}
.home-process_content {
text-align: center;
flex-direction: column;
align-items: center;
display: flex;
}
.decoration-cta-triangle {
position: absolute;
inset: auto auto -9% 14%;
}
.home-testimonial_component {
position: relative;
}
.home-header_component-3 {
text-align: center;
flex-direction: column;
display: flex;
}
.decoration-cta-squiggle {
position: absolute;
inset: -13% auto auto 4%;
transform: rotate(-11deg);
}
.text-align-center-7 {
text-align: center;
font-family: Poppins, sans-serif;
font-size: 4em;
}
.text-align-center-7.sub {
font-size: 1em;
}
.text-align-center-7.header {
font-weight: 500;
}
.business-logos_wrapper {
grid-column-gap: 0rem;
grid-row-gap: 1rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
place-items: center;
display: grid;
}
.decoration-benefits_trust {
z-index: 5;
max-width: 75%;
position: absolute;
top: 5%;
left: 9%;
right: 0%;
}
.feature-icon_image {
max-width: 40%;
}
.sign-up-form {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
display: grid;
}
.decoration-benefits_crowd {
z-index: 5;
position: absolute;
inset: auto 0% 8% 27%;
}
.home-benefits_component {
flex-direction: column;
display: flex;
}
.testimonial-slider {
color: #1877f2;
background-color: #f2f7ff;
border-radius: 8px;
}
.decoration-benefits_triangle {
z-index: 6;
position: absolute;
inset: auto 16% 0% auto;
}
.home-benefits_wrapper {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.home-benefits_wrapper.margin-top {
margin-top: 10rem;
}
.home-process-content_wrapper {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
margin-bottom: 4rem;
display: grid;
}
.button-70 {
color: #fff;
text-align: center;
background-color: #055ffb;
border-radius: 4px;
justify-content: center;
align-items: center;
margin-bottom: 0;
padding: .75rem 1.75rem;
font-weight: 600;
}
.button-70:hover, .button-70:active {
background-color: #0048c3;
}
.button-70.is-white {
color: #055ffb;
background-color: #fff;
padding: 1.35rem 3.25rem;
}
.button-70.is-white:hover, .button-70.is-white:active {
background-color: #f7f7f7;
}
.text-color-black {
color: #000;
}
.text-color-black.center-nav-text {
line-height: 1;
}
.reach-header {
padding-top: 60px;
padding-bottom: 60px;
}
.paragraph-183, .paragraph-184, .paragraph-185, .paragraph-186, .paragraph-187 {
font-size: 15px;
}
.paragraph-188 {
font-size: 1.6px;
}
.heading-552 {
font-size: 2em;
}
.paragraph-189 {
font-size: 1em;
}
.text-wrapper-8.medium {
max-width: 660px;
}
.text-wrapper-8.medium.center {
text-align: center;
max-width: 620px;
margin-left: auto;
margin-right: auto;
}
.section-215 {
padding: 0 30px;
}
.section-215.grey {
background-color: #f7f7f7;
}
.section-215.grey.section-120 {
background-color: #41262600;
padding: 60px;
}
.wrapper-10 {
max-width: 1020px;
}
.feature-grid {
grid-column-gap: 80px;
grid-row-gap: 80px;
text-align: left;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
}
.highlight {
color: #5221e8;
}
.spacing-80 {
height: 80px;
}
.cell.mobile {
display: none;
}
.heading-553 {
font-family: Poppins, sans-serif;
font-size: 2em;
}
.heading-554 {
margin-bottom: 20px;
font-family: Poppins, sans-serif;
font-size: 1.5em;
}
.paragraph-190 {
margin-bottom: 0;
font-family: Poppins, sans-serif;
font-size: 1.2em;
}
.paragraph-191 {
max-width: 52ch;
}
.paragraph-191._52ch.center {
margin-left: auto;
margin-right: auto;
}
.spacing-60 {
height: 60px;
}
.small {
color: #6b7b8a;
font-size: 14px;
}
.button-71 {
background-color: #5221e8;
border-radius: 12px;
padding: 16px 24px;
font-size: 14px;
font-weight: 500;
}
.button-71.form-btn {
z-index: 1;
height: 56px;
padding-top: 7px;
padding-bottom: 7px;
line-height: 1;
position: absolute;
inset: auto 4px auto auto;
}
.section-216 {
padding: 0 30px;
}
.section-216.hero {
text-align: center;
background-color: #f7f7f700;
height: auto;
min-height: auto;
padding-top: 10px;
}
.spacing-40 {
width: 100%;
height: 40px;
}
.success-message-18 {
color: #131313;
background-color: #c1fa6b;
}
.form-block-5 {
border-radius: 16px;
max-width: 440px;
margin-bottom: 0;
margin-left: auto;
margin-right: auto;
overflow: hidden;
}
.spacing-20 {
height: 20px;
}
.wrapper-11 {
max-width: 1020px;
}
.form-9 {
background-color: #fff;
border-radius: 16px;
align-items: center;
max-width: 380px;
height: auto;
padding: 4px 4px 4px 8px;
display: flex;
}
.form-9.center {
align-items: center;
max-width: 440px;
height: auto;
margin-bottom: 0;
margin-left: auto;
margin-right: auto;
padding: 0;
line-height: 1;
position: relative;
}
.text-field-14 {
color: #131313;
border: 2px solid #fff;
border-radius: 16px;
height: 64px;
margin-bottom: 0;
padding-left: 16px;
padding-right: 120px;
font-weight: 600;
}
.text-field-14:focus {
border-color: #5221e8;
}
.text-field-14::placeholder {
color: #a3aeb8;
font-weight: 400;
}
.hero-mockup {
width: 100%;
height: auto;
}
.section-217 {
padding: 0 30px;
}
.section-217.bottom-hero {
padding-bottom: 64px;
}
.spacing-100 {
height: 100px;
}
.fw-image {
width: 100%;
}
.section-218 {
padding: 0 30px;
}
.section-218.section-64 {
padding: 64px 40px;
}
._2-col-grid-7 {
grid-column-gap: 80px;
grid-row-gap: 80px;
grid-template-rows: auto;
align-items: center;
}
._2-col-grid-7.image-right {
grid-template-columns: .5fr 1fr;
}
._2-col-grid-7.image-left {
grid-template-columns: 1fr .5fr;
}
.spacing-101 {
height: 80px;
}
.heading-555 {
text-align: center;
margin-bottom: 140px;
font-family: Poppins, sans-serif;
font-size: 2em;
}
.heading-556 {
text-align: left;
margin-bottom: 20px;
font-family: Poppins, sans-serif;
font-size: 1.5em;
}
.paragraph-192 {
text-align: left;
font-family: Poppins, sans-serif;
font-size: 1.1em;
}
.heading-557 {
text-align: left;
font-size: 1.5em;
}
.paragraph-193 {
text-align: left;
font-family: Poppins, sans-serif;
font-size: 1.1em;
}
.section-219 {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/64320c12545aff314fe12d12_CX6A4354.jpg");
background-position: 0 0;
background-size: cover;
height: 45vw;
}
.main-3 {
display: block;
}
.section-220 {
padding-top: 60px;
padding-bottom: 60px;
}
.heading-558 {
text-align: center;
font-family: Poppins, sans-serif;
font-size: 2.7em;
line-height: 1.2;
}
.paragraph-194 {
font-family: Poppins, sans-serif;
font-weight: 100;
}
.section-221 {
margin-top: 0;
margin-bottom: 100px;
margin-left: 0;
padding-right: 0;
}
.heading-559 {
text-align: center;
margin-bottom: 40px;
font-family: Poppins, sans-serif;
font-size: 3.75em;
}
.div-block-260 {
margin: 100px;
}
.sub-text {
text-align: center;
font-weight: 400;
}
.bold-text-48 {
font-family: Poppins, sans-serif;
font-weight: 300;
}
.section-problem {
margin-top: 0;
margin-bottom: 0;
position: relative;
}
.container-1348 {
position: relative;
}
.heading-560 {
width: 58.3333%;
margin-top: 0;
margin-bottom: 0;
margin-left: 8.33333%;
font-family: Poppins, sans-serif;
font-size: 2.56563rem;
font-weight: 300;
line-height: 1.125em;
}
.heading-561 {
width: 33.3333%;
margin-top: 3rem;
margin-bottom: 0;
margin-left: 8.33333%;
font-family: Poppins, sans-serif;
font-size: 1.5rem;
font-weight: 300;
line-height: 1.125em;
}
.shape-image-2 {
width: 25%;
display: block;
position: absolute;
top: 0;
right: 0;
}
.shape-image-2.animate-scroll-up {
top: -16vh;
}
.shape-image-2.animate-scroll-up._2 {
top: -49.8vh;
left: 680px;
}
.shape-image-2.animate-scroll-up._3 {
top: 5.5vh;
left: 575px;
}
.section-222 {
margin-top: 60px;
margin-bottom: 60px;
}
.heading-testimonials-section {
color: #fff;
margin-top: 0;
margin-bottom: 30px;
font-family: Poppins, sans-serif;
font-size: 2.4em;
font-weight: 300;
}
.slide-testimonials-slider {
height: auto;
}
.person-wrap-testimonial-slider {
grid-row-gap: 6px;
flex-direction: column;
align-items: flex-start;
display: flex;
}
.section-223 {
padding-top: 140px;
padding-bottom: 140px;
}
.section-223.black {
color: #fefefe;
background-color: #0a0a0a;
}
.arrrow-testimonials-slider {
justify-content: center;
align-items: center;
width: 48px;
height: 48px;
display: flex;
inset: -84px 0% auto auto;
}
.arrrow-testimonials-slider.left-arrow {
right: 48px;
}
.testimonial-testimonials-slider {
color: #fefefe;
margin-bottom: 0;
font-family: Poppins, sans-serif;
font-size: 1em;
}
.top-wrap-testimonial-slider {
grid-column-gap: 16px;
flex: none;
justify-content: flex-start;
align-items: center;
display: flex;
}
.image-arrow-testimonials-slider {
width: 32px;
height: 32px;
}
.tile-testimonial-slider {
grid-row-gap: 24px;
background-color: #fecc2f1c;
border-radius: 9px;
flex-direction: column;
align-items: flex-start;
padding: 24px;
display: flex;
}
.tile-testimonial-slider.testimonial-tile-slider {
grid-row-gap: 24px;
flex-direction: column;
align-items: flex-start;
display: flex;
}
.grid-thirds-3 {
grid-column-gap: 32px;
grid-row-gap: 32px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
}
.slide-nav-hidden {
display: none;
}
.logo-testimonial-slider {
height: 32px;
}
.stars-testimonial-slider {
height: 20px;
}
.slider-testimonials {
background-color: #0000;
height: auto;
}
.image-testimonial-slider {
border-radius: 50%;
width: 72px;
height: 72px;
}
.name-testimonial-slider {
opacity: .8;
color: #fff;
margin-bottom: 0;
font-family: Poppins, sans-serif;
font-size: 16px;
}
.paragraph-big-9 {
font-size: 20px;
}
.tile-template-details {
grid-row-gap: 16px;
background-color: #fecc2f1c;
border-radius: 20px;
flex-direction: column;
padding: 40px;
display: flex;
}
.left-column-template-details {
padding: 0;
}
.section-224 {
padding: 140px 40px;
display: none;
}
.color-2 {
background-color: #faebe3;
border: 1px solid #b8b8b8;
border-radius: 4px;
padding-top: 100%;
}
.color-2.color-three {
background-color: #eff3f5;
}
.color-2.color-one {
background-color: #0a0a0a;
}
.color-2.color-two {
background-color: #fefefe;
}
.underline-link {
text-decoration: underline;
}
.link-template-navigation {
color: #131313b3;
margin-bottom: 0;
font-family: Poppins, sans-serif;
font-size: 24px;
font-weight: 400;
text-decoration: none;
}
.link-template-navigation.w--current {
color: #131313;
font-weight: 500;
}
.divider-typography {
background-color: #0003;
width: 100%;
height: 1px;
}
.grid-colors {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
}
.tile-template-navigation {
grid-row-gap: 16px;
background-color: #fecc2f1c;
border-radius: 2px;
flex-direction: column;
align-items: flex-start;
padding: 24px;
display: flex;
position: sticky;
top: 120px;
}
.icons-grid-template {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
.cta-4 {
color: #0a0a0a;
background-color: #fefefe00;
border: 1px solid #000;
border-radius: 40px;
justify-content: center;
align-items: center;
height: 52px;
padding: 12px 28px;
transition: transform .2s;
display: flex;
}
.cta-4:hover {
transform: scale(1.03);
}
.cta-4.fill {
color: #fefefe;
background-color: #0a0a0a;
}
.cta-4.fill.white {
color: #0a0a0a;
background-color: #fefefe;
}
.color-master {
grid-row-gap: 12px;
flex-direction: column;
display: flex;
}
.big-text-7 {
font-size: 40px;
line-height: 140%;
}
.template-h2 {
margin-top: 0;
font-family: Poppins, sans-serif;
}
.wrap-button {
grid-row-gap: 12px;
background-color: #0000001a;
border-radius: 8px;
flex-direction: column;
align-items: flex-start;
padding: 24px;
display: flex;
}
.columns-template-details {
display: flex;
}
.right-column-template-details {
grid-row-gap: 32px;
flex-direction: column;
padding: 0 0 0 24px;
display: flex;
}
.icon-template {
width: 40px;
}
.subtitle-16 {
font-size: 28px;
line-height: 40px;
}
.section-225 {
padding-top: 140px;
padding-bottom: 140px;
}
.section-225.gallery-home-a {
padding-top: 20px;
padding-bottom: 0;
position: relative;
}
.section-226 {
padding-top: 140px;
padding-bottom: 140px;
}
.section-226.black {
color: #fefefe;
background-color: #000;
padding-top: 60px;
padding-bottom: 60px;
}
.space-145 {
height: 48px;
}
.big-text-8 {
color: #fff;
font-family: Poppins, sans-serif;
font-size: 35px;
font-weight: 700;
line-height: 140%;
}
.big-text-8.body {
font-size: 25px;
font-weight: 300;
}
.limit-1094 {
width: 100%;
max-width: 864px;
}
.line-link-4 {
background-color: #0a0a0a;
width: 30%;
height: 1px;
}
.line-link-4.white-line {
background-color: #fefefe;
}
.heading-testimonials-section-2 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 30px;
font-family: Degular, sans-serif;
font-size: 2em;
}
.section-227 {
padding-top: 140px;
padding-bottom: 140px;
}
.section-227.black {
color: #fefefe;
background-color: #0a0a0a;
}
.section-227.black.testimonials-slider-section {
background-color: #000;
padding-top: 100px;
padding-bottom: 100px;
}
.testimonial-testimonials-slider-2 {
color: #fefefe;
margin-bottom: 0;
font-family: Poppins, sans-serif;
font-size: 1.2em;
}
.name-testimonial-slider-2 {
opacity: .8;
color: #fff;
margin-bottom: 0;
font-family: Poppins, sans-serif;
font-size: 16px;
}
.flex-right-5 {
flex-direction: column;
align-items: flex-end;
display: flex;
}
.service-h3-expandable-4 {
margin-top: 0;
margin-bottom: 0;
margin-right: 24px;
font-family: Poppins, sans-serif;
font-size: 2em;
font-weight: 300;
}
.section-228 {
padding-top: 140px;
padding-bottom: 140px;
}
.section-228.subhero-home-b {
padding-top: 60px;
padding-bottom: 60px;
}
.faq-paragraph-6 {
transform-origin: 50% 0;
margin-bottom: 0;
padding-top: 16px;
padding-bottom: 12px;
font-family: Poppins, sans-serif;
font-size: 1.2em;
font-weight: 300;
}
.limit-1095 {
width: 100%;
max-width: 774px;
}
.expandable-top-2 {
justify-content: space-between;
align-items: center;
display: flex;
}
.big-text-9 {
font-family: Poppins, sans-serif;
font-size: 35px;
font-weight: 300;
line-height: 140%;
}
.space-146 {
height: 64px;
}
.big-text-10 {
font-size: 40px;
line-height: 140%;
}
.big-text-11 {
font-family: Poppins, sans-serif;
font-size: 2em;
font-weight: 300;
line-height: 140%;
}
.no-margins-21 {
color: #000;
margin-top: 0;
margin-bottom: 0;
font-family: Degular, sans-serif;
font-size: 4em;
font-weight: 600;
}
.paragraph-big-10 {
color: #000;
font-family: Degular, sans-serif;
font-size: 23px;
}
.hero-b {
text-align: center;
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
}
.heading-hero-b {
color: #fff;
align-self: flex-start;
margin-top: 0;
margin-bottom: 0;
padding-bottom: 10px;
font-family: Poppins, sans-serif;
font-size: 7vw;
display: inline-block;
}
.text-span-accent-b {
text-transform: none;
font-size: 6vw;
font-style: italic;
font-weight: 400;
line-height: 90%;
}
.block-paragraph-hero-b {
margin-top: 10px;
padding-left: 220px;
padding-right: 220px;
overflow: hidden;
}
.paragraph-hero-b {
color: #fff;
max-width: none;
margin-bottom: 0;
padding-left: 0;
padding-right: 0;
font-family: Poppins, sans-serif;
font-size: 1.3em;
font-weight: 500;
}
.section-229 {
padding-top: 40px;
padding-bottom: 40px;
}
.paragraph-195 {
font-family: Poppins, sans-serif;
font-size: 1.4em;
}
.text-span-62 {
font-weight: 600;
}
.columns-25 {
flex-direction: column;
display: flex;
}
.column-79 {
display: flex;
}
.div-block-37 {
border-radius: 10px;
}
.div-block-53 {
padding-top: 0;
line-height: 28px;
}
.second-para {
max-width: 450px;
margin-left: 0;
margin-right: auto;
padding-top: 40px;
}
.div-block-57 {
font-size: 18px;
}
.header-text-copy {
z-index: 0;
position: relative;
}
.div-block-261 {
font-weight: 500;
}
.main-button {
color: #000;
text-transform: capitalize;
background-color: #fcda69;
border-radius: 5px;
margin-top: 30px;
padding-left: 19px;
font-size: 16px;
font-weight: 400;
line-height: 26px;
transition: all .5s linear;
}
.main-button:hover {
color: #ff7465;
background-color: #fff;
border: 0 solid #ff7465;
font-size: 16px;
line-height: 26px;
}
.div-block-49 {
font-weight: 700;
}
.div-block-103 {
position: relative;
}
.div-block-262 {
font-size: 18px;
}
.paragraph-36 {
color: #666;
padding-bottom: 20px;
font-size: 16px;
font-weight: 400;
line-height: 28px;
}
.div-block-60 {
font-weight: 700;
}
.div-block-35 {
padding-top: 15px;
font-weight: 500;
}
.div-block-58 {
line-height: 28px;
}
.div-block-71 {
font-weight: 700;
}
.service-box-header {
font-size: 26px;
font-weight: 700;
line-height: 36px;
}
.div-block-263, .div-block-47 {
line-height: 28px;
}
.grid-30 {
grid-template-columns: 1fr 1fr 1fr;
padding-top: 60px;
}
.div-block-56 {
border-radius: 10px;
padding-top: 0;
}
.service-btn.pading-top {
padding-top: 30px;
}
.service-btn.pading-top.padding-bottom-30 {
padding-top: 0;
padding-bottom: 0;
}
.service-btn.pading-top.padding-bottom-30:hover {
background-color: #0000;
}
.div-block-2-copy {
z-index: -1;
position: absolute;
inset: 30% auto auto -4%;
}
.container-1350 {
max-width: 1550px;
}
.text-block-184 {
font-size: 22px;
line-height: 32px;
}
.div-block-61, .div-block-51 {
font-weight: 700;
}
.div-block-34 {
font-weight: 500;
}
.div-block-46 {
font-size: 18px;
}
.div-block-54 {
font-weight: 600;
}
.div-block-264 {
font-weight: 700;
}
.image-19 {
text-align: center;
padding-top: 0;
}
.link-12 {
color: #000;
text-decoration: none;
}
.div-block-70 {
font-weight: 700;
}
.second-heading {
padding-bottom: 60px;
font-size: 70px;
font-weight: 600;
line-height: 80px;
}
.div-block-64 {
font-weight: 600;
}
.div-block-265 {
border-radius: 10px;
}
.div-block-63, .div-block-29 {
padding-top: 0;
line-height: 28px;
}
.div-block-266 {
border-radius: 10px;
}
.div-block-267 {
line-height: 28px;
}
.div-block-33 {
font-weight: 600;
}
.div-block-73 {
padding-top: 0;
line-height: 28px;
}
.box-2 {
background-color: #f9f9f9;
border-radius: 10px;
margin-top: 0;
padding: 30px;
position: relative;
}
.div-block-74 {
margin-top: 0;
}
.div-block-48 {
font-weight: 500;
}
.heading-53 {
font-size: 32px;
line-height: 42px;
}
.div-block-50 {
padding-top: 15px;
font-weight: 500;
}
.div-block-268 {
font-size: 18px;
}
.div-block-269 {
font-weight: 700;
}
.div-block-59 {
font-weight: 500;
}
.section-230 {
padding-left: 100px;
padding-right: 100px;
}
.background-video-32 {
z-index: 0;
background-color: #dad7d412;
border-radius: 14px;
width: 100%;
height: 100%;
display: block;
}
.section-231 {
background-color: #000;
flex-direction: column;
flex: 1;
justify-content: center;
padding: 60px 1.7vw;
display: flex;
}
.grid-project-b {
grid-column-gap: 1.2vw;
grid-row-gap: 1.2vw;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
}
.background-video-33 {
z-index: 0;
background-color: #dad7d412;
border-radius: 14px;
width: 100%;
height: 100%;
display: block;
}
.lightbox-link-b {
border-radius: 14px;
flex-direction: column;
justify-content: flex-end;
width: 100%;
height: 17vw;
margin-bottom: auto;
text-decoration: none;
display: flex;
position: relative;
overflow: hidden;
}
.lightbox-link-b.large-b {
height: 100%;
}
.lightbox-link-19 {
margin-bottom: 0;
}
.hero_wrap {
padding-left: 40px;
padding-right: 40px;
}
.container-1351 {
width: 100%;
max-width: 90rem;
margin-left: auto;
margin-right: auto;
padding: 5rem 1.75rem;
}
.container-1351.is-hero {
padding-top: 11rem;
}
.hero_list {
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
grid-template-rows: auto;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
grid-auto-columns: minmax(0, 1fr);
padding-top: 4.5rem;
display: grid;
}
.hero_sub {
letter-spacing: .04em;
text-transform: uppercase;
font-weight: 700;
line-height: 1.3;
}
.hero_text {
opacity: .8;
margin-top: -.2em;
font-family: Poppins, sans-serif;
font-size: 1.88rem;
}
.heading-562 {
font-family: Poppins, sans-serif;
font-size: 5em;
}
.learn-block {
grid-column-gap: 6px;
grid-row-gap: 6px;
opacity: 0;
color: #00a16f;
justify-content: center;
margin-top: 4px;
margin-left: auto;
margin-right: auto;
font-weight: 500;
transition: all .3s;
display: flex;
}
.card-text {
color: #000;
margin-top: 16px;
font-family: Poppins, sans-serif;
font-weight: 500;
transition: all .3s;
}
.card-image-3 {
width: 100%;
max-width: 152px;
margin-left: auto;
margin-right: auto;
transition: all .3s;
}
.feature-main-block {
text-align: center;
width: 100%;
max-width: 896px;
margin-left: auto;
margin-right: auto;
}
.container-1352 {
width: 100%;
max-width: 1208px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px;
}
.heading-tag {
color: #000;
background-color: #fecc2f;
border-radius: 26px;
margin-bottom: 12px;
padding: 3px 12px;
font-family: Poppins, sans-serif;
font-size: 16px;
font-weight: 600;
line-height: 24px;
display: inline-block;
}
.feature-card-wrapper {
grid-column-gap: 32px;
grid-row-gap: 26px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.feature-card {
color: #1a1a1a;
background-color: #fafafa;
border: 1px solid #0000;
border-radius: 12px;
width: 100%;
max-width: 200px;
height: 200px;
margin-bottom: 0;
padding: 20px 16px;
font-size: 16px;
line-height: 24px;
text-decoration: none;
transition: all .3s;
}
.feature-card:hover {
background-color: #fff;
border: 1px solid #e4e4e5;
box-shadow: 0 3px 10px #0000001a;
}
.section-232 {
padding-top: 120px;
padding-bottom: 120px;
}
.heading-block {
width: 100%;
max-width: 720px;
margin-bottom: 50px;
margin-left: auto;
margin-right: auto;
}
.heading-563 {
font-family: Poppins, sans-serif;
font-size: 1.7em;
}
.navigation-link-small {
color: #6b7280;
font-size: 14px;
font-weight: 500;
line-height: 24px;
text-decoration: none;
transition: color .3s;
}
.navigation-link-small:hover {
color: #030711;
}
.icon-small-2 {
justify-content: center;
align-items: center;
width: 20px;
height: 20px;
display: flex;
}
.header-button-wrapper {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-wrap: wrap;
align-items: center;
display: flex;
}
.navigation-main {
grid-column-gap: 24px;
grid-row-gap: 24px;
align-items: center;
display: flex;
}
.header-image-wrapper {
border-radius: 24px;
overflow: hidden;
}
.header-caption-wrapper {
grid-column-gap: 8px;
grid-row-gap: 8px;
align-items: center;
display: flex;
}
.navigation-link-track {
border-top: 1px solid #f3f4f6;
border-bottom: 1px solid #f3f4f6;
padding-left: 3%;
padding-right: 3%;
}
.container-large-12 {
width: 100%;
max-width: 1300px;
margin-left: auto;
margin-right: auto;
position: relative;
}
.submit-button-5 {
background-color: #3898ec00;
position: absolute;
inset: 0%;
}
.header-content-wrapper {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-direction: column;
display: flex;
}
.navigation-main-b {
align-items: center;
display: flex;
}
.action-s {
color: #030711;
font-size: 14px;
font-weight: 500;
line-height: 24px;
}
.caption-5 {
color: #000;
text-align: left;
letter-spacing: .04px;
margin-bottom: 0;
font-family: Poppins, sans-serif;
font-size: 20px;
font-weight: 500;
line-height: 20px;
}
.caption-5.header {
text-align: center;
}
.caption-5._2 {
text-align: center;
font-family: Degular, sans-serif;
font-weight: 600;
}
.navigation-logo {
width: 48px;
}
.display-l {
color: #030711;
letter-spacing: -2.5px;
margin-top: 0;
margin-bottom: 0;
font-family: Poppins, sans-serif;
font-size: 70px;
font-weight: 600;
line-height: 96px;
}
.navigation-search-filed {
border: 1px #000;
margin-bottom: 0;
padding-top: 4px;
padding-bottom: 4px;
padding-right: 32px;
}
.navigation-container-3 {
grid-column-gap: 16px;
justify-content: space-between;
align-items: center;
width: 100%;
max-width: 1300px;
margin-left: auto;
margin-right: auto;
display: flex;
}
.navigation-form-block {
width: 100%;
max-width: 380px;
margin-bottom: 0;
}
.search-success-message {
color: #030711;
background-color: #f3f4f6;
border-radius: 44px;
padding: 14px;
}
.button-primary-l {
grid-column-gap: 4px;
grid-row-gap: 4px;
-webkit-backdrop-filter: blur(64px);
backdrop-filter: blur(64px);
color: #fff;
letter-spacing: -.2px;
background-color: #030711;
border-radius: 44px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 48px;
padding: 8px 24px;
font-size: 16px;
font-weight: 500;
line-height: 32px;
text-decoration: none;
transition: border-color .4s, background-color .4s, color .4s;
display: flex;
}
.button-primary-l.w--current {
background-color: #344256;
border-color: #48566a;
}
.button-language {
grid-column-gap: 8px;
grid-row-gap: 8px;
color: #4b5563;
background-color: #3898ec00;
border: 1px solid #d1d5db;
border-radius: 44px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 48px;
padding: 8px 24px 8px 12px;
font-size: 16px;
font-weight: 500;
line-height: 28px;
text-decoration: none;
transition: border-color .4s, background-color .4s, color .4s;
display: flex;
}
.button-language:hover {
background-color: #f6f7f9;
}
.button-language:active {
color: #454f5f;
background-color: #f6f7f9;
}
.button-language.w--current {
background-color: #344256;
border-color: #48566a;
}
.navigation-2 {
z-index: 9;
background-color: #fff;
align-items: center;
width: 100%;
min-height: 84px;
padding: 20px 3%;
display: flex;
}
.footnote {
color: #030711;
font-family: Poppins, sans-serif;
font-size: 12px;
text-decoration: none;
}
.search-button-wrapper {
background-color: #000;
border-radius: 100px;
justify-content: center;
align-items: center;
width: 32px;
min-width: 32px;
height: 32px;
min-height: 32px;
display: flex;
position: relative;
overflow: hidden;
}
.navigation-button-wrap {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-direction: row;
align-items: center;
display: flex;
}
.paragraph-large-4 {
color: #030711;
letter-spacing: -.3px;
margin-bottom: 0;
font-family: Poppins, sans-serif;
font-size: 20px;
line-height: 32px;
}
.icon-regular {
flex: none;
justify-content: center;
align-items: center;
width: 24px;
height: 24px;
display: flex;
}
.header-section {
padding: 86px 5% 48px;
position: relative;
}
.navigation-link {
color: #030711;
letter-spacing: -.18px;
margin-left: 0;
margin-right: 0;
padding: 8px 24px;
font-size: 16px;
font-weight: 500;
line-height: 28px;
text-decoration: none;
transition: color .3s;
}
.navigation-link:hover {
color: #1f2937;
}
.navigation-link.w--current {
color: #000;
border: 1.5px solid #dcdfe5;
}
.navigation-menu {
align-items: center;
display: flex;
}
.header-grid-top {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-rows: auto;
grid-template-columns: 1.55fr 1fr;
align-items: center;
margin-bottom: 40px;
}
.scrollbar-css {
display: none;
}
.navigation-scroll {
grid-column-gap: 48px;
grid-row-gap: 48px;
white-space: nowrap;
justify-content: space-between;
max-width: 1300px;
margin-left: auto;
margin-right: auto;
padding-top: 8px;
padding-bottom: 8px;
padding-right: 32px;
display: flex;
overflow: auto;
}
.attention-banner {
grid-column-gap: 8px;
grid-row-gap: 8px;
color: #f3f4f6;
background-color: #fecc2f;
justify-content: center;
align-items: center;
height: auto;
padding: 20px 3%;
text-decoration: none;
display: none;
}
.navigation-form {
border: 1px solid #e5e7eb;
border-radius: 44px;
align-items: center;
height: 48px;
padding: 4px 8px;
display: flex;
}
.button-ghost-l {
grid-column-gap: 4px;
grid-row-gap: 4px;
color: #030711;
border-radius: 44px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 48px;
padding: 8px 24px;
font-size: 16px;
font-weight: 500;
line-height: 28px;
text-decoration: none;
transition: border-color .4s, background-color .4s, color .4s;
display: flex;
}
.button-ghost-l:hover {
background-color: #f6f7f9;
}
.button-ghost-l:active {
color: #454f5f;
background-color: #f6f7f9;
}
.button-ghost-l.w--current {
background-color: #344256;
border-color: #48566a;
}
.text-block-185 {
font-family: Poppins, sans-serif;
}
.m-footer-column {
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
display: flex;
}
.m-footer-input-wrapper {
grid-column-gap: 8px;
grid-row-gap: 8px;
align-items: center;
margin-bottom: 8px;
display: flex;
}
.m-footer-link {
color: #ffffffb3;
margin-top: 0;
margin-bottom: 0;
padding-top: 4px;
padding-bottom: 4px;
font-family: Degular, sans-serif;
font-size: 18px;
font-weight: 600;
text-decoration: none;
transition: all .3s, opacity .2s;
display: block;
}
.m-footer-link:hover {
color: #fecc2f;
}
.m-footer-link.w--current {
font-family: Degular, sans-serif;
font-size: 18px;
}
.m-footer-grid-large {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-rows: auto;
grid-template-columns: 3.25fr 1fr 1fr 1fr;
}
.m-footer-section {
z-index: 1;
color: #fff;
background-color: #000;
padding: 60px 5% 40px;
position: relative;
}
.m-text-link {
color: #fff;
-webkit-text-stroke-color: #fecc2f;
text-decoration: underline;
}
.m-footer-logo {
max-width: 130px;
}
.m-footer-title {
color: #fff;
letter-spacing: -.02em;
text-transform: uppercase;
margin-bottom: 32px;
font-family: Degular, sans-serif;
font-size: 18px;
font-weight: 600;
line-height: 24px;
}
.m-paragraph-extra-small {
margin-bottom: 0;
font-size: 12px;
font-weight: 500;
line-height: 16px;
}
.m-footer-form-large {
flex-direction: column;
align-items: flex-start;
display: flex;
}
.m-footer-logo-wrapper {
grid-column-gap: 16px;
align-items: center;
display: block;
}
.m-footer-contact-link {
color: #c8c9d0;
background-color: #fecc2f;
border: 1px solid #22242f;
border-radius: 50px;
justify-content: space-between;
align-items: center;
max-width: 400px;
min-height: 48px;
margin-top: 16px;
margin-bottom: 32px;
padding: 8px 24px;
font-size: 12px;
font-weight: 600;
line-height: 16px;
display: flex;
}
.m-footer-link-block {
grid-column-gap: 16px;
justify-content: flex-start;
align-items: center;
display: flex;
}
.m-error-message {
text-align: center;
background-color: #ed5a5a;
border-radius: 99px;
padding: 20px;
font-size: 16px;
font-weight: 500;
line-height: 24px;
}
.m-container-large {
width: 100%;
max-width: 1280px;
margin-left: auto;
margin-right: auto;
position: relative;
}
.m-footer-checkbox-dark {
background-color: #0000;
border: 2px solid #333647;
border-radius: 8px;
width: 24px;
min-width: 24px;
height: 24px;
min-height: 24px;
margin-top: 0;
margin-left: -32px;
padding: 6px;
overflow: hidden;
}
.m-footer-checkbox-dark.w--redirected-checked {
background-color: #5a6ded;
background-image: none;
background-size: 32px 32px;
border-style: none;
border-width: 0;
border-radius: 8px;
}
.m-footer-checkbox-dark.w--redirected-focus {
box-shadow: none;
}
.m-footer-legal-wrapper {
grid-column-gap: 14px;
grid-row-gap: 14px;
color: #717384;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
display: flex;
}
.m-footer-legal-button {
color: #717384;
margin-bottom: 0;
padding: 8px;
font-family: Poppins, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 16px;
text-decoration: none;
transition: all .3s;
}
.m-footer-legal-button:hover {
color: #fecc2f;
}
.m-footer-submit-button {
color: #fff;
text-transform: uppercase;
background-color: #5a6ded;
border-radius: 50px;
min-height: 48px;
padding: 12px 32px;
font-weight: 600;
transition: background-color .2s;
}
.m-footer-submit-button:hover {
background-color: #7e8ef1;
}
.m-footer-text-field-small {
background-color: #22242f;
border: 1px solid #333647;
border-radius: 24px;
min-height: 48px;
margin-bottom: 0;
padding: 20px 24px;
font-weight: 500;
transition: border-color .3s;
}
.m-footer-text-field-small:focus {
border-color: #94a5a8;
}
.m-footer-text-field-small::placeholder {
color: #b2b3bd;
}
.m-footer-social-small {
grid-column-gap: 12px;
grid-row-gap: 12px;
align-items: center;
display: flex;
}
.m-subheading-large {
font-size: 18px;
font-weight: 600;
line-height: 24px;
}
.m-success-message {
text-align: center;
background-color: #86c1a0;
border-radius: 99px;
font-size: 16px;
font-weight: 500;
line-height: 24px;
}
.m-footer-graphic {
display: flex;
}
.m-footer-checkbox-field {
grid-column-gap: 8px;
grid-row-gap: 8px;
color: #717384;
align-items: center;
margin-bottom: 0;
padding-left: 32px;
display: flex;
}
.m-icon-large {
justify-content: center;
align-items: center;
width: 32px;
height: 32px;
display: flex;
}
.m-paragraph-small {
color: #ffffffb3;
margin-bottom: 0;
font-family: Poppins, sans-serif;
font-size: 14px;
font-weight: 500;
line-height: 16px;
}
.m-paragraph-small.m-text-color-gray-400 {
color: #868898;
}
.m-footer-social-link {
color: #c8c9d0;
border-radius: 100px;
justify-content: center;
align-items: center;
width: 32px;
height: 32px;
margin-bottom: 0;
text-decoration: none;
transition: background-color .3s;
display: flex;
}
.m-footer-social-link:hover {
color: #fff;
background-color: #5a6ded;
overflow: hidden;
}
.m-footer-line {
background-color: #505050;
height: 1px;
margin-top: 20px;
margin-bottom: 32px;
}
.m-footer-top-banner {
justify-content: space-between;
align-items: center;
margin-bottom: 48px;
display: flex;
}
.m-footer-checkbox-wrapper {
margin-left: 24px;
}
.m-footer-form-block {
width: 100%;
max-width: 400px;
margin-bottom: 0;
}
.m-margin-bottom-04 {
z-index: 1;
margin-bottom: 4px;
position: relative;
}
.m-footer-form-input {
grid-column-gap: 8px;
align-items: center;
width: 100%;
}
.footer-link-standard {
color: #ffffffb3;
margin-bottom: 0;
padding-top: 10px;
padding-bottom: 10px;
font-family: Poppins, sans-serif;
font-size: 16px;
text-decoration: none;
display: block;
}
.footer-link-standard:hover {
color: #fecc2f;
}
.footer-social {
align-items: center;
display: flex;
}
.footer-section-3 {
background-color: #000;
padding: 100px 3%;
}
.footer-legal-text {
color: #8687a8;
margin-bottom: 0;
font-size: 16px;
line-height: 1.6;
}
.footer-logo-image {
margin-right: 20px;
}
.display-heading-2 {
color: #fff;
font-size: 36px;
line-height: 36px;
}
.cta-bar {
color: #fff;
background-color: #090c4f;
background-image: none;
background-position: 0 100%;
background-repeat: no-repeat;
background-size: contain;
border-radius: 20px;
justify-content: space-between;
align-items: center;
margin-bottom: 60px;
padding: 80px 38px;
display: flex;
}
.container-footer {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
max-width: 1280px;
margin-left: auto;
margin-right: auto;
}
.social-circle-2 {
background-color: #fa949d;
border-radius: 100px;
justify-content: center;
align-items: center;
width: 44px;
height: 44px;
margin-bottom: 0;
margin-left: 10px;
margin-right: 10px;
padding: 10px;
transition: all .3s;
display: flex;
}
.social-circle-2:hover {
background-color: #fa949d;
}
.footer-grid-extra {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.footer-detail-bar {
background-color: #fecc2f30;
border-radius: 20px;
justify-content: space-between;
align-items: center;
margin-top: 60px;
margin-bottom: 60px;
padding: 40px 32px;
display: flex;
}
.footer-detail {
align-items: center;
display: flex;
}
.footer-title-4 {
color: #fff;
margin-bottom: 20px;
font-family: Poppins, sans-serif;
font-size: 18px;
font-weight: 600;
}
.footer-button-2 {
color: #fff;
text-align: center;
background-color: #e67e87;
border-radius: 10px;
margin-bottom: 0;
padding: 20px 32px;
font-size: 16px;
transition: all .3s;
}
.footer-button-2:hover {
transform: translate(0, -2px);
}
.footer-grid-5 {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 2fr;
}
.footer-column-3 {
flex-direction: column;
align-items: flex-start;
display: flex;
}
.footer-small-grid {
grid-template-rows: auto;
}
.footer-column-short {
flex-direction: column;
align-items: flex-start;
display: flex;
}
.text-block-186 {
color: #000;
font-family: Poppins, sans-serif;
font-size: 16px;
font-weight: 500;
line-height: 25px;
}
.t-navigation-menu {
grid-column-gap: 24px;
align-items: center;
display: flex;
position: static;
}
.t-navigation-left-wrapper {
width: 100%;
}
.t-navigation-link-grid {
grid-column-gap: 20px;
grid-row-gap: 14px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
width: 100%;
}
.t-icon-small {
justify-content: center;
align-items: center;
width: 16px;
height: 16px;
display: flex;
}
.t-navigation-logo-link {
margin-bottom: auto;
}
.t-navigation-arrow-icon {
margin-right: 0;
position: static;
}
.t-navigation-icon-button-border {
color: #2a514c;
border: 1px solid #cbd0c8;
border-radius: 12px;
margin-bottom: 0;
padding: 12px;
transition: all .3s;
}
.t-navigation-icon-button-border:hover {
color: #000;
background-color: #e0e3de;
}
.t-navigation-dropdown-right {
background-color: #f5f6f4;
border-radius: 16px;
flex-direction: column;
align-items: center;
width: 100%;
max-width: 300px;
padding-top: 24px;
padding-bottom: 32px;
display: flex;
}
.t-navigation-container {
justify-content: space-between;
align-items: center;
width: 100%;
max-width: 1280px;
margin-left: auto;
margin-right: auto;
display: flex;
}
.t-navigation-logo {
width: 48px;
height: 48px;
}
.t-navigation-divider {
background-color: #e0e3de;
width: 1px;
height: 24px;
}
.t-paragraph-regular {
letter-spacing: -.02em;
margin-bottom: 0;
font-size: 16px;
line-height: 1.8;
}
.t-navigation-toggle {
grid-column-gap: 4px;
color: #fff;
border-radius: 12px;
justify-content: center;
align-items: center;
height: 100%;
padding: 12px 20px 12px 24px;
font-family: Poppins, sans-serif;
font-size: 16px;
font-weight: 600;
line-height: 24px;
transition: all .2s;
display: flex;
}
.t-navigation-toggle:hover {
color: #000;
background-color: #fff;
border-radius: 12px;
}
.t-navigation-toggle.w--open {
color: #000;
background-color: #fff;
}
.t-navigation-dropdown-grid {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
min-height: 350px;
}
.t-navigation-dropdown-left {
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
padding: 14px;
display: flex;
}
.t-navigation-dropdown-base {
background-color: #fff;
border: 1px solid #f7f7f7;
border-radius: 20px;
max-width: 1280px;
margin-left: auto;
margin-right: auto;
padding: 16px;
overflow: hidden;
box-shadow: 4px 36px 64px -14px #4d4d4d26;
}
.t-navigation-dropdown-list {
z-index: 99;
min-width: 100%;
}
.t-navigation-dropdown-list.w--open {
z-index: 99;
background-color: #0000;
min-width: auto;
max-width: 792px;
margin-left: auto;
margin-right: auto;
padding-top: 20px;
position: absolute;
inset: 90px 0 auto;
}
.t-navigation-dropdown {
height: 100%;
position: static;
}
.t-navigation-button {
color: #2a514c;
background-color: #e0e3de;
border-radius: 12px;
margin-bottom: 0;
padding: 12px 24px;
font-size: 16px;
font-weight: 600;
line-height: 24px;
text-decoration: none;
transition: background-color .3s;
}
.t-navigation-button:hover {
background-color: #cbd0c8;
}
.t-navigation-button:active {
background-color: #b6bdb2;
}
.t-navigation-button-block {
grid-column-gap: 8px;
display: flex;
}
.t-icon-regular {
justify-content: center;
align-items: center;
width: 24px;
height: 24px;
transition: color .2s;
display: flex;
}
.t-navigation-link-button {
grid-column-gap: 8px;
color: #e96e35;
justify-content: center;
align-items: center;
padding: 16px;
text-decoration: none;
transition: all .3s;
display: flex;
}
.t-navigation-link-button:hover {
background-color: #fdf2ed;
border-radius: 12px;
}
.t-navigation-tite-wrapper {
color: #000;
letter-spacing: .03em;
text-transform: uppercase;
padding: 16px;
font-weight: 700;
}
.t-navigation-tite-wrapper.text-color-green-500 {
color: #2a514c;
}
.t-navigation {
background-color: #000;
align-items: center;
width: 100%;
padding: 24px 5%;
display: flex;
}
.t-navigation-icon-button {
color: #2a514c;
border: 1px solid #f7f6f2;
border-radius: 12px;
margin-bottom: 0;
padding: 12px;
transition: all .3s;
}
.t-navigation-icon-button:hover {
color: #000;
background-color: #e0e3de;
border-color: #fff;
}
.t-navigation-featured-book {
max-height: 254px;
margin-top: 16px;
margin-bottom: 16px;
box-shadow: 0 0 32px -16px #000;
}
.t-navigation-right-wrapper {
grid-column-gap: 24px;
justify-content: flex-end;
align-items: center;
width: 100%;
display: flex;
}
.t-navigation-dropdown-link {
color: #3c4238;
border-radius: 8px;
flex-wrap: wrap;
align-items: center;
padding: 16px 24px 16px 16px;
font-size: 16px;
text-decoration: none;
transition: all .3s;
display: flex;
}
.t-navigation-dropdown-link:hover {
color: #000;
background-color: #f5f6f4;
}
.t-navigation-button-wrapper {
grid-column-gap: 24px;
align-items: center;
display: flex;
}
.t-navigation-link {
color: #fff;
letter-spacing: -.01em;
white-space: nowrap;
background-color: #0000;
border-radius: 12px;
flex: none;
margin-bottom: 0;
padding: 12px 24px;
font-family: Poppins, sans-serif;
font-size: 16px;
font-weight: 600;
line-height: 24px;
text-decoration: none;
transition: all .35s;
}
.t-navigation-link:hover {
color: #160042;
background-color: #fff;
}
.t-navigation-link.w--current {
color: #642eff;
}
.banner {
grid-column-gap: 8px;
color: #dedfe3;
background-color: #fecc2f;
justify-content: center;
align-items: center;
min-height: 48px;
padding: 10px 5%;
font-size: 12px;
font-weight: 500;
line-height: 16px;
display: flex;
position: relative;
}
.banner-wrapper-2 {
grid-column-gap: 8px;
justify-content: center;
align-items: center;
width: 100%;
max-width: 1060px;
margin-left: auto;
margin-right: auto;
padding: 8px;
display: flex;
}
.banner-icon {
justify-content: center;
align-items: center;
display: flex;
}
.banner-shape-round {
color: #ed955a;
position: absolute;
inset: 0% auto auto 0%;
}
.banner-close-circle {
color: #dedfe3;
background-color: #000;
border-radius: 100px;
justify-content: center;
align-items: center;
width: 24px;
height: 24px;
margin-bottom: 0;
transition: color .3s;
display: flex;
position: absolute;
inset: auto 10% auto auto;
}
.banner-close-circle:hover {
color: #fff;
}
.banner-close-icon {
justify-content: center;
align-items: center;
display: flex;
}
.text-block-187 {
color: #000;
font-family: Poppins, sans-serif;
font-size: 15px;
}
.content-number-wrap {
color: gray;
font-size: 20px;
line-height: 24px;
}
.content-header-line {
background-color: #fcca30;
border-radius: 3px;
width: 42px;
height: 6px;
margin-bottom: 24px;
}
.content-grid-4 {
grid-column-gap: 140px;
grid-row-gap: 60px;
grid-template-rows: auto;
grid-template-columns: 1.5fr 1fr;
place-items: center start;
margin-bottom: 100px;
}
.content-image-wrap {
flex-direction: column;
position: relative;
}
.content-heading-2 {
color: #000;
margin-top: 0;
margin-bottom: 30px;
font-family: Poppins, sans-serif;
font-size: 36px;
font-weight: 700;
line-height: 46px;
}
.content-section-7 {
background-color: #fff;
padding: 100px 3% 140px;
overflow: hidden;
}
.content-image-3 {
float: right;
object-fit: fill;
border-radius: 20px;
position: relative;
}
.content-wrapper-11 {
flex-direction: column;
align-items: flex-start;
max-width: 700px;
display: flex;
}
.content-number {
color: #000;
font-size: 60px;
font-weight: 700;
line-height: 72px;
}
.content-numbers {
justify-content: space-around;
align-items: flex-start;
display: flex;
}
.content-paragraph {
color: gray;
margin-bottom: 0;
font-family: Poppins, sans-serif;
font-size: 18px;
line-height: 32px;
}
.content-container {
max-width: 1040px;
margin-left: auto;
margin-right: auto;
}
.content-image-card {
z-index: 2;
border-radius: 10px;
position: absolute;
inset: -10% auto auto -20%;
box-shadow: 0 4px 50px #3333330d;
}
.text-span-63 {
text-decoration: underline;
}
.line-6 {
background-color: #000;
height: .5px;
margin-top: 24px;
margin-bottom: 24px;
}
.member-wrap {
text-decoration: none;
}
.team-member-position {
color: #5c5c5c;
font-family: Poppins, sans-serif;
font-size: 20px;
line-height: 24px;
}
.team-section {
padding: 100px 3%;
}
.members-grid {
grid-column-gap: 80px;
grid-row-gap: 60px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
}
.avatar-image-wrap {
background-color: #ecddca;
height: 340px;
margin-bottom: 24px;
overflow: hidden;
}
.team-member-name {
color: #000;
text-transform: uppercase;
margin-bottom: 4px;
font-family: Poppins, sans-serif;
font-size: 20px;
font-weight: 700;
line-height: 24px;
}
.container-1353 {
max-width: 1260px;
margin-left: auto;
margin-right: auto;
}
.avatar-image {
object-fit: cover;
object-position: 50% 0%;
width: 100%;
height: 100%;
}
.teams-title {
color: #e0b47c;
letter-spacing: 1px;
font-size: 18px;
line-height: 30px;
}
.teams-heading {
color: #000;
font-size: 50px;
line-height: 64px;
}
.social-link-8 {
margin-right: 4px;
padding: 5px;
transition: opacity .3s;
}
.social-link-8:hover {
opacity: .4;
}
.teams-paragraph {
color: #5c5c5c;
margin-bottom: 30px;
font-size: 18px;
line-height: 26px;
}
.title-wrap-centre {
text-align: center;
margin-bottom: 108px;
}
.section-233 {
padding-left: 10px;
padding-right: 10px;
}
.button-load {
color: #000;
background-color: #ebb85d;
padding: 16px 32px;
}
.title-heading {
color: #000;
letter-spacing: -1px;
font-size: 60px;
font-weight: 400;
line-height: 1.2;
}
.search-icon {
border: 1px solid #fff;
border-radius: 100px;
justify-content: center;
align-items: center;
width: 42px;
height: 42px;
margin-left: 6px;
margin-right: 6px;
padding: 4px;
display: flex;
}
.share-icon {
background-color: #fff;
border: 1px solid #fff;
border-radius: 100px;
justify-content: center;
align-items: center;
width: 42px;
height: 42px;
margin-left: 6px;
margin-right: 6px;
padding: 4px;
display: flex;
}
.gallery-overlay {
background-color: #0006;
justify-content: center;
align-items: center;
padding: 32px;
display: flex;
position: absolute;
inset: 0%;
}
.gallery-icon-wrapper {
justify-content: center;
align-items: center;
margin-bottom: 20px;
display: flex;
}
.gallery-image-medium {
height: 360px;
margin-bottom: 40px;
position: relative;
}
.gallery-overlay-items {
text-align: center;
flex-direction: column;
display: flex;
}
.gallery-cover {
object-fit: cover;
width: 100%;
height: 100%;
}
.gallery-tab-link {
background-color: #0000;
margin-left: 10px;
margin-right: 10px;
padding: 12px 32px;
font-size: 18px;
line-height: 1.1;
transition: all .3s;
}
.gallery-tab-link:hover, .gallery-tab-link.w--current {
background-color: #ebb85d;
}
.product-price {
color: #fff;
letter-spacing: 2px;
font-weight: 700;
}
.tabs-menu-8 {
justify-content: center;
align-items: center;
margin-bottom: 100px;
display: flex;
}
.gallery-image-large {
height: 432px;
margin-bottom: 40px;
position: relative;
}
.title-wrapper-4 {
text-align: center;
flex-direction: column;
justify-content: center;
align-items: center;
max-width: 520px;
margin-bottom: 80px;
margin-left: auto;
margin-right: auto;
font-size: 24px;
line-height: 1.2;
display: block;
}
.product-name {
color: #fff;
letter-spacing: 1px;
text-transform: uppercase;
margin-bottom: 4px;
}
.blog-section {
background-color: #f9f9f9;
background-image: none;
background-position: 0 0;
background-repeat: no-repeat;
background-size: auto;
padding: 80px 3%;
}
.gallery-image-small {
height: 288px;
margin-bottom: 40px;
position: relative;
}
.button-wrapper-6 {
justify-content: center;
align-items: center;
margin-top: 40px;
display: flex;
}
.gallery-grid {
grid-column-gap: 40px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
}
.container-1354 {
max-width: 1080px;
margin-left: auto;
margin-right: auto;
}
.b-h3-heading {
color: #3e376d;
letter-spacing: -.02em;
margin-top: 0;
margin-bottom: 0;
font-size: 40px;
font-weight: 500;
line-height: 1.2;
}
.b-integration-icon-outline {
border: 1px solid #dce0e5;
border-radius: 24px;
flex: none;
justify-content: center;
align-items: center;
width: 80px;
height: 80px;
margin-bottom: 24px;
display: flex;
}
.b-button-primary {
color: #fff;
background-color: #3e376d;
border-radius: 16px;
justify-content: center;
align-items: center;
min-height: 48px;
padding: 12px 24px;
font-size: 16px;
font-weight: 600;
line-height: 24px;
transition: background-color .3s;
display: inline-block;
}
.b-button-primary:hover {
background-color: #4e4587;
}
.b-integration-button-wrapper {
margin-top: 16px;
display: inline-block;
}
.margin-bottom-24 {
margin-bottom: 24px;
}
.b-paragraph-small {
letter-spacing: -.02em;
margin-bottom: 0;
font-size: 14px;
font-weight: 500;
line-height: 1.8;
}
.b-paragraph-small.b-text-color-gray-700 {
color: #454f5f;
}
.b-badge {
grid-column-gap: 6px;
grid-row-gap: 6px;
align-items: center;
margin-bottom: 12px;
display: flex;
}
.margin-bottom-25 {
margin-bottom: 8px;
}
.b-button-default-icon {
grid-column-gap: 4px;
color: #454f5f;
background-color: #f3f4f6;
border-radius: 16px;
justify-content: center;
align-items: center;
padding: 8px 16px;
font-size: 12px;
font-weight: 600;
line-height: 16px;
text-decoration: none;
transition: all .3s;
display: flex;
}
.b-button-default-icon:hover {
color: #fff;
background-color: #3e376d;
}
.b-integration-grid {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
}
.b-button-wrapper {
grid-column-gap: 8px;
grid-row-gap: 8px;
align-items: center;
margin-top: 32px;
display: flex;
}
.b-span-primary {
color: #e57361;
}
.b-badge-caption {
letter-spacing: .01em;
font-size: 12px;
font-weight: 600;
line-height: 1.8;
}
.b-title-wrapper-center {
text-align: center;
flex-direction: column;
justify-content: center;
align-items: center;
max-width: 620px;
margin-bottom: 64px;
margin-left: auto;
margin-right: auto;
display: flex;
}
.b-container-small {
z-index: 5;
max-width: 1060px;
margin-left: auto;
margin-right: auto;
position: relative;
inset: 0% auto 0% 0%;
}
.b-badge-icon {
justify-content: center;
align-items: center;
width: 12px;
height: 12px;
display: flex;
}
.b-paragraph-large {
letter-spacing: -.02em;
margin-bottom: 0;
font-size: 18px;
font-weight: 500;
line-height: 1.9;
}
.b-paragraph-large.b-text-weight-semibold {
font-weight: 600;
}
.b-icon-xxsmall {
justify-content: center;
align-items: center;
width: 12px;
height: 12px;
display: flex;
}
.b-section-regular {
padding: 92px 5%;
position: relative;
overflow: hidden;
}
.b-integration-card {
grid-column-gap: 24px;
background-color: #fff;
border: 1px solid #c4cad4;
border-radius: 24px;
align-items: flex-start;
padding: 24px;
transition: all .3s;
}
.b-integration-card:hover {
background-color: #f3f4f6;
border-color: #0000;
}
.integration-name {
color: #262626;
font-size: 22px;
font-weight: 700;
line-height: 32px;
}
.integration-title-wrapper {
text-align: center;
justify-content: center;
align-items: center;
display: flex;
}
.title-block {
max-width: 680px;
margin-right: 40px;
}
.integration-card {
background-color: #fff;
border-radius: 20px;
margin-bottom: 20px;
padding: 30px;
font-family: Poppins, sans-serif;
text-decoration: none;
transition: box-shadow .3s;
position: relative;
overflow: hidden;
box-shadow: 10px 2px 32px #f9f6fee6;
}
.integration-card:hover {
box-shadow: 35px 35px 50px #e5e5e5cc;
}
.integration-icon-wrapper {
background-color: #fff;
border: 1px solid #f9f4fd;
border-radius: 100px;
justify-content: center;
align-items: center;
width: 80px;
min-width: 80px;
height: 80px;
min-height: 80px;
margin-right: 20px;
padding: 10px;
display: flex;
}
.large-icon {
width: 128px;
position: absolute;
inset: auto -30px -30px auto;
}
.link-52 {
color: #7e48ea;
text-decoration: none;
}
.integration-title {
color: #000;
letter-spacing: -.03em;
margin-top: 0;
margin-bottom: 16px;
font-family: Degular, sans-serif;
font-size: 50px;
font-weight: 700;
line-height: 1.3;
}
.integration-container {
width: 100%;
max-width: 1240px;
margin-left: auto;
margin-right: auto;
}
.licence-wrapper {
text-align: center;
justify-content: center;
align-items: center;
margin-top: 60px;
font-size: 18px;
display: flex;
}
.integration-link-wrapper {
color: #000;
align-items: center;
margin-top: 32px;
padding-top: 4px;
padding-bottom: 4px;
font-weight: 500;
text-decoration: none;
display: flex;
}
.integration-section {
background-color: #fcfcfc00;
padding: 100px 3%;
}
.line-break {
background-color: #fafafa;
height: 1px;
margin-top: 32px;
margin-bottom: 32px;
}
.large-button {
color: var(--black);
background-color: #fecc2f;
border: 1px #7e48ea;
border-radius: 50px;
justify-content: center;
align-items: center;
min-height: 64px;
margin-bottom: 0;
padding-left: 34px;
padding-right: 34px;
font-family: Poppins, sans-serif;
font-size: 15px;
font-weight: 600;
transition: all .3s;
display: flex;
}
.large-button:hover {
color: #000;
background-color: #fff;
border: 1px solid #fecc2f;
}
.arrow-icon-6 {
margin-left: 10px;
}
.integration-details {
color: #000;
letter-spacing: .05px;
font-size: 14px;
line-height: 24px;
}
.integration-type {
color: #999;
line-height: 24px;
}
.licence-text {
color: #020202;
letter-spacing: -.02em;
font-family: Degular, sans-serif;
font-size: 25px;
font-weight: 600;
}
.title-paragraph {
color: #000;
margin-bottom: 0;
font-family: Degular, sans-serif;
font-size: 20px;
line-height: 25px;
}
.integration-grid {
grid-column-gap: 40px;
grid-row-gap: 32px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
}
.title-wrap-4 {
justify-content: space-between;
align-items: center;
margin-bottom: 72px;
padding-left: 60px;
display: flex;
}
.section-234 {
background-color: #fff0;
padding-left: 40px;
padding-right: 40px;
}
.link-53 {
text-decoration: underline;
}
.tabs-menu-9 {
justify-content: center;
align-items: center;
margin-bottom: 100px;
display: flex;
}
.title-wrapper-5 {
text-align: center;
flex-direction: column;
justify-content: center;
align-items: center;
max-width: 520px;
margin-bottom: 80px;
margin-left: auto;
margin-right: auto;
font-size: 24px;
line-height: 1.2;
display: block;
}
.button-wrapper-7 {
justify-content: center;
align-items: center;
margin-top: 40px;
display: flex;
}
.container-1355 {
max-width: 1080px;
margin-left: auto;
margin-right: auto;
}
.wrap-v-x-small {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-direction: column;
font-family: Poppins, sans-serif;
display: flex;
}
.wrap-v-regular {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-direction: column;
display: flex;
}
.h5-heading {
color: #0a0a0a;
letter-spacing: -1.5px;
margin-top: 0;
margin-bottom: 0;
font-size: 50px;
font-weight: 700;
line-height: 1.2;
}
.content-grid-b {
grid-column-gap: 32px;
grid-row-gap: 32px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
align-items: center;
}
.content-block-3 {
background-color: #fafafa;
border-radius: 19px;
justify-content: center;
align-items: center;
width: 100%;
max-width: 488px;
min-height: 488px;
padding: 0;
display: flex;
}
.content-feature-grid {
grid-column-gap: 32px;
grid-row-gap: 32px;
}
.content-wrapper-12 {
grid-column-gap: 32px;
grid-row-gap: 40px;
flex-direction: column;
display: flex;
}
.paragraph-small-2 {
margin-bottom: 0;
font-size: 14px;
line-height: 20px;
}
.subheading-small {
color: #000;
margin-top: 0;
margin-bottom: 0;
font-family: Poppins, sans-serif;
font-size: 20px;
line-height: 32px;
}
.icon-regular-2 {
flex: none;
justify-content: center;
align-items: center;
width: 24px;
height: 24px;
transition: color .2s;
display: flex;
}
.section-large {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/63016c22c3979ff07d097426_topographic.svg");
background-position: 0 0;
background-size: auto;
padding: 100px 5%;
position: relative;
}
.content-feature-wrap {
grid-column-gap: 8px;
grid-row-gap: 8px;
align-items: flex-start;
display: flex;
}
.text-color-purple-600 {
color: #fecc2f;
}
.caption-uppercase {
letter-spacing: 2px;
text-transform: uppercase;
font-size: 12px;
font-weight: 700;
line-height: 16px;
}
.caption-uppercase.text-weight-medium {
font-weight: 500;
}
.caption-uppercase.text-weight-medium.title {
text-align: center;
font-family: Poppins, sans-serif;
}
.paragraph-large-5 {
letter-spacing: -.02em;
margin-bottom: 0;
font-size: 18px;
line-height: 24px;
}
.paragraph-large-5.text-weight-medium {
font-weight: 500;
}
.container-large-13 {
z-index: 5;
width: 100%;
max-width: 1216px;
margin-left: auto;
margin-right: auto;
position: relative;
}
.h1-heading {
color: #000;
letter-spacing: -.04em;
margin-top: 0;
margin-bottom: 0;
font-size: 72px;
line-height: 1.2;
}
.header-link-wrap {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-wrap: wrap;
align-items: center;
margin-top: 48px;
display: flex;
}
.header-feature-grid {
grid-column-gap: 44px;
grid-row-gap: 24px;
grid-template-rows: auto;
margin-top: 72px;
}
.button-primary-6 {
grid-column-gap: 8px;
grid-row-gap: 8px;
color: #fff;
text-align: center;
letter-spacing: -.02em;
background-color: #131315;
border-radius: 6px;
flex-direction: row;
flex: none;
justify-content: center;
align-items: center;
margin-bottom: 0;
padding: 12px 32px;
font-size: 14px;
font-weight: 500;
line-height: 24px;
display: flex;
}
.section-regular {
padding: 96px 5%;
position: relative;
}
.margin-bottom-26 {
margin-bottom: 8px;
}
.header-icon-wrap {
grid-column-gap: 16px;
grid-row-gap: 16px;
align-items: center;
margin-bottom: 16px;
display: flex;
}
.highlight-2 {
z-index: -1;
position: absolute;
inset: 0%;
}
.header-wrap {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
max-width: 792px;
position: relative;
}
.h4-heading {
letter-spacing: -.04em;
margin-top: 0;
margin-bottom: 0;
font-size: 32px;
line-height: 1.2;
}
.icon-regular-3 {
justify-content: center;
align-items: center;
width: 24px;
height: 24px;
display: flex;
}
.margin-bottom-32 {
margin-bottom: 32px;
}
.container-regular-2 {
z-index: 5;
width: 100%;
max-width: 1140px;
margin-left: auto;
margin-right: auto;
position: relative;
}
.icon-x-large {
justify-content: center;
align-items: center;
width: 40px;
height: 40px;
display: flex;
}
.margin-bottom-16 {
margin-bottom: 16px;
}
.subheading-bold {
letter-spacing: .08em;
text-transform: uppercase;
font-size: 12px;
font-weight: 700;
line-height: 16px;
}
.header-play-button-s {
border: 1px solid #e4e4e7;
border-radius: 6px;
justify-content: center;
align-items: center;
width: 48px;
min-width: 48px;
height: 48px;
min-height: 48px;
margin-bottom: 0;
display: flex;
}
.header-play-button-s:hover {
background-color: #fecc2f;
}
.highlight-wrap {
display: inline-block;
position: relative;
}
.paragraph-regular-2 {
letter-spacing: -.02em;
margin-bottom: 0;
font-size: 16px;
line-height: 1.8;
}
.header-icon-line {
background-color: #e4e4e7;
width: 100%;
height: 1px;
}
.header-grid-d {
grid-column-gap: 52px;
grid-row-gap: 44px;
grid-template-rows: auto;
grid-template-columns: 1.2fr 1fr;
align-items: center;
}
.highlight-span {
background-color: #f4f4f5;
border-radius: 32px;
padding-left: 8px;
padding-right: 8px;
display: inline-block;
}
.process-paragraph {
color: #4f4f4f;
margin-bottom: 5vh;
font-size: 24px;
line-height: 1.5;
}
.step-grid {
grid-column-gap: 22px;
grid-row-gap: 22px;
grid-template-rows: auto auto auto auto;
grid-template-columns: .25fr 1.5fr;
width: 100%;
}
.content-wrap-2 {
flex-direction: column;
justify-content: space-between;
min-height: 150px;
display: flex;
}
.line-wrap {
flex-direction: column;
justify-content: flex-start;
align-items: center;
display: flex;
}
.line-7 {
height: 100%;
}
.process-grid-2 {
grid-column-gap: 30px;
grid-row-gap: 72px;
grid-template-rows: auto;
grid-template-columns: 2.75fr;
}
.empty-div {
height: 0;
}
.heading-large-5 {
color: #000;
text-align: center;
letter-spacing: -.03em;
margin-top: 0;
margin-bottom: 14px;
font-family: Poppins, sans-serif;
font-size: 48px;
line-height: 1.3;
}
.heading-large-5.contact {
margin-bottom: 60px;
font-size: 40px;
}
.check-wrap {
background-color: #fecc2f;
border-radius: 50%;
flex: none;
justify-content: center;
align-items: center;
width: 34px;
height: 34px;
margin-bottom: 22px;
padding: 10px;
display: flex;
}
.large-title {
letter-spacing: -.03em;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 14px;
font-size: 28px;
line-height: 36px;
}
.process-container {
max-width: 1080px;
margin-left: auto;
margin-right: auto;
font-family: Poppins, sans-serif;
}
.step-number {
color: #c4c4c4;
letter-spacing: 1px;
text-transform: uppercase;
font-size: 18px;
}
.step-title-wrapper {
margin-bottom: 32px;
}
.process-section {
padding: 80px 3%;
}
.text-detail {
color: #4f4f4f;
margin-bottom: 0;
font-size: 18px;
line-height: 1.5;
}
.process-title-wrap {
text-align: center;
justify-content: flex-start;
align-items: center;
max-width: 620px;
margin-bottom: 100px;
margin-left: auto;
margin-right: auto;
}
.process-title-wrap._1 {
margin-bottom: 0;
}
.process-heading {
color: #2a323c;
letter-spacing: -.03em;
margin-top: 0;
margin-bottom: 14px;
font-size: 42px;
line-height: 1.3;
}
.process-graphic {
max-width: 80%;
}
.process-step {
color: #000;
background-color: #fecc2f;
border-radius: 100px;
justify-content: center;
align-items: center;
width: 60px;
min-width: 60px;
height: 60px;
min-height: 60px;
margin-right: 70px;
font-size: 24px;
font-weight: 600;
line-height: 32px;
display: flex;
}
.process-content {
max-width: 460px;
}
.process-block {
justify-content: space-between;
align-items: center;
width: 100%;
display: flex;
}
.process-wrapper-2 {
display: flex;
}
.process-sub-heading {
color: #fecc2f;
letter-spacing: 2px;
margin-bottom: 20px;
font-weight: 700;
}
.process-full-wrapper {
flex-direction: column;
justify-content: space-between;
align-items: flex-end;
width: 100%;
display: flex;
position: relative;
}
.line-break-2 {
background-color: #e1e5ea;
width: 100%;
max-width: 80%;
height: 2px;
margin-top: 40px;
margin-bottom: 40px;
}
.process-title {
color: #2a323c;
margin-top: 0;
margin-bottom: 20px;
font-size: 32px;
line-height: 42px;
}
.process-container-2 {
max-width: 1260px;
margin-left: auto;
margin-right: auto;
font-family: Poppins, sans-serif;
}
.text-span-64 {
color: #fecc2f;
}
.process-main-block {
align-items: flex-start;
display: flex;
}
.process-section-2 {
padding: 100px 5%;
}
.process-paragraph-2 {
color: #546478;
margin-bottom: 24px;
font-size: 16px;
line-height: 28px;
}
.process-title-wrap-2 {
text-align: center;
max-width: 680px;
margin-bottom: 100px;
margin-left: auto;
margin-right: auto;
}
.process-line {
z-index: -1;
background-color: #e1e5ea;
width: 2px;
height: 100%;
position: absolute;
left: 30px;
}
.process-button {
color: #4790eb;
background-color: #e3eefc;
border-radius: 8px;
padding: 14px 24px;
transition: background-color .2s, color .2s;
}
.process-button:hover {
color: #fff;
background-color: #4790eb;
}
.text-block-188 {
text-transform: capitalize;
font-family: Degular, sans-serif;
font-size: 20px;
font-weight: 600;
}
.section-regular-2 {
padding: 80px 5% 0;
position: relative;
overflow: hidden;
}
.blog-card-3 {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-direction: column;
padding: 16px;
display: flex;
}
.subheading-small-2 {
color: #0a0a0a;
margin-top: 0;
margin-bottom: 0;
font-size: 20px;
line-height: 32px;
}
.blog-card-wrap {
grid-column-gap: 32px;
grid-row-gap: 32px;
flex-direction: column;
display: flex;
}
.blog-image-wrap {
flex-direction: column;
height: auto;
}
.image-full {
border-radius: 20px;
width: 100%;
height: 100%;
}
.image-full.work-card-image {
object-fit: cover;
border-radius: 0;
height: 100%;
transition: all .2s;
position: absolute;
inset: 0%;
}
.image-full.work-card-image:hover {
transform: scale(1.1);
}
.paragraph-regular-3 {
letter-spacing: -.25px;
margin-bottom: 0;
font-size: 16px;
line-height: 20px;
}
.card-detail {
grid-row-gap: 24px;
flex-direction: column;
align-items: flex-start;
padding: 8px;
display: flex;
}
.subheading-large {
color: #000;
letter-spacing: -.5px;
margin-bottom: 0;
font-size: 32px;
font-weight: 500;
line-height: 40px;
}
.blog-card-b {
grid-column-gap: 32px;
grid-row-gap: 32px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
align-items: stretch;
padding: 16px;
font-family: Poppins, sans-serif;
display: grid;
}
.wrap-v-x-small-2 {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-direction: column;
display: flex;
}
.grid-three-column {
grid-column-gap: 32px;
grid-row-gap: 32px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
}
.text-button-s {
color: #0a0a0a;
font-size: 14px;
font-weight: 500;
line-height: 20px;
}
.text-color-purple-601 {
color: #5c2d5c;
}
.wrap-v-small {
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-direction: column;
display: flex;
}
.wrap-v-large {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-direction: column;
display: flex;
}
.title-wrapper-s {
grid-row-gap: 12px;
text-align: center;
flex-direction: column;
align-items: center;
margin-bottom: 64px;
margin-left: auto;
margin-right: auto;
display: flex;
}
.blog-author-2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
align-items: center;
display: flex;
}
.paragraph-small-3 {
margin-bottom: 0;
font-size: 14px;
line-height: 20px;
}
.text-button-m {
color: #0a0a0a;
font-size: 16px;
font-weight: 500;
line-height: 24px;
}
.blog-card-c {
grid-column-gap: 32px;
grid-row-gap: 32px;
flex-direction: column;
justify-content: space-between;
padding: 24px;
display: flex;
}
.avatar-r {
flex: none;
width: 64px;
height: 64px;
}
.paragraph-large-6 {
letter-spacing: -.02em;
margin-bottom: 0;
font-size: 18px;
line-height: 24px;
}
.container-large-14 {
z-index: 5;
width: 100%;
max-width: 1216px;
margin-left: auto;
margin-right: auto;
position: relative;
}
.container-blog {
max-width: 1280px;
margin-left: auto;
margin-right: auto;
}
.category-2 {
border: 1px dashed #6667ab;
border-radius: 32px;
margin-bottom: 10px;
padding: 6px 10px;
font-size: 12px;
line-height: 14px;
}
.image-blog-2 {
object-fit: cover;
width: 100%;
height: 100%;
}
.blog-heading-wrapper {
text-align: center;
max-width: 500px;
margin-bottom: 100px;
margin-left: auto;
margin-right: auto;
}
.arrow-4 {
margin-left: 4px;
}
.image-block-rounded {
background-color: #6869ac;
border-radius: 20px;
width: 100%;
height: 228px;
overflow: hidden;
}
.arrow-link-3 {
color: #6869ac;
align-items: center;
margin-top: 24px;
font-weight: 500;
text-decoration: none;
display: flex;
}
.blog-content-small {
flex-direction: column;
align-items: flex-start;
padding-top: 20px;
font-family: Poppins, sans-serif;
display: flex;
}
.blog-detail {
color: #2b2c4f;
letter-spacing: -.02em;
max-width: 600px;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
line-height: 24px;
}
.blog-category {
color: #6667ab;
letter-spacing: -.02em;
font-weight: 700;
}
.bg-vector {
z-index: -1;
margin-left: auto;
margin-right: auto;
position: absolute;
inset: 0% 0% auto;
}
.grid-blog {
grid-column-gap: 32px;
grid-row-gap: 40px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
height: 100%;
}
.blog-heading-small {
letter-spacing: -.04em;
margin-bottom: 10px;
font-size: 22px;
font-weight: 500;
line-height: 32px;
}
.section-blog {
background-color: #0000;
padding: 100px 5% 120px;
position: relative;
overflow: hidden;
}
.card-blog-standard {
color: #2b2c4f;
text-decoration: none;
transition: all .3s;
overflow: hidden;
}
.card-blog-standard:hover {
color: #6869ac;
border-color: #6869ac;
}
.heading-large-6 {
color: #2b2c4f;
letter-spacing: -.04em;
font-size: 64px;
font-weight: 700;
line-height: 72px;
}
.text-link-3 {
color: #404040;
text-decoration: underline;
}
.ticker-group-l {
grid-column-gap: 80px;
grid-row-gap: 80px;
flex: none;
align-items: center;
width: 100%;
display: flex;
}
.form-h {
grid-column-gap: 4px;
grid-row-gap: 4px;
align-items: center;
width: 100%;
display: flex;
}
.subheading-small-3 {
color: #0a0a0a;
margin-top: 0;
margin-bottom: 0;
font-size: 20px;
line-height: 32px;
}
.form-detail-wrapper {
grid-column-gap: 4px;
grid-row-gap: 4px;
color: #171717;
flex-direction: row;
justify-content: center;
align-items: center;
display: flex;
}
.h3-heading {
color: #0a0a0a;
letter-spacing: -2.5px;
margin-top: 0;
margin-bottom: 0;
font-size: 64px;
font-weight: 500;
line-height: 1.2;
}
.button-primary-l-2 {
grid-column-gap: 4px;
grid-row-gap: 4px;
-webkit-backdrop-filter: blur(64px);
backdrop-filter: blur(64px);
color: #fff;
letter-spacing: -.25px;
background-color: #0a0a0a;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 16px 24px;
font-size: 18px;
font-weight: 500;
line-height: 24px;
text-decoration: none;
transition: border-color .4s, background-color .4s, color .4s;
display: flex;
}
.button-primary-l-2.w--current {
background-color: #344256;
border-color: #48566a;
}
.header-section-2 {
background-color: #f8f6f6;
padding: 86px 5% 48px;
position: relative;
}
.header-grid-b {
z-index: 0;
grid-column-gap: 40px;
grid-row-gap: 40px;
grid-template-rows: auto;
grid-template-columns: 1fr 2fr 1fr;
align-items: center;
width: 100%;
max-width: 1440px;
margin-left: auto;
margin-right: auto;
position: absolute;
top: 114px;
left: 0%;
right: 0%;
}
.carousel-item {
color: #b8b8b8;
justify-content: center;
align-items: center;
transition: color .5s;
display: flex;
}
.carousel-item:hover {
color: #000;
}
.paragraph-regular-4 {
letter-spacing: -.25px;
margin-bottom: 0;
font-size: 16px;
line-height: 20px;
}
.paragraph-regular-4.text-weight-medium {
font-weight: 500;
}
.button-primary-m {
grid-column-gap: 4px;
grid-row-gap: 4px;
-webkit-backdrop-filter: blur(64px);
backdrop-filter: blur(64px);
color: #f0f0f0;
text-align: center;
letter-spacing: -.25px;
background-color: #0a0a0a;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 12px 20px;
font-size: 16px;
font-weight: 500;
line-height: 24px;
text-decoration: none;
transition: border-color .4s, background-color .4s, color .4s;
display: flex;
}
.button-primary-m:hover {
background-color: #404040;
}
.button-primary-m.w--current {
background-color: #344256;
border-color: #48566a;
}
.button-primary-m.icon-r {
padding-right: 12px;
}
.text-field-icon {
color: #0a0a0a;
background-color: #fff;
border: 1px solid #e6e6e6;
min-height: 56px;
margin-bottom: 0;
padding: 16px 16px 16px 48px;
font-size: 18px;
line-height: 24px;
}
.text-field-icon::placeholder {
color: #737373;
}
.header-form-wrap-c {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-direction: column;
width: 100%;
max-width: 480px;
margin-top: 32px;
margin-left: auto;
margin-right: auto;
display: flex;
}
.banner-2 {
grid-column-gap: 8px;
grid-row-gap: 8px;
color: #fff;
background-color: #000;
justify-content: center;
align-items: center;
padding: 12px 32px;
display: flex;
position: relative;
}
.nav-button-group {
grid-column-gap: 8px;
align-items: center;
display: flex;
}
.gradient-l {
z-index: 5;
background-image: linear-gradient(89deg, #f8f6f6, #f8f6f6b8 48%, #0000);
width: 240px;
position: absolute;
inset: 0% auto 0% 0%;
}
.gradient-r {
z-index: 5;
background-image: linear-gradient(93deg, #0000, #f8f6f6b5 60%, #f8f6f6);
width: 240px;
position: absolute;
inset: 0% 0% 0% auto;
}
.nav-wrapper-4 {
grid-column-gap: 32px;
align-items: center;
display: flex;
}
.icon-small-3 {
justify-content: center;
align-items: center;
width: 18px;
height: 18px;
display: flex;
}
.header-title-wrap {
text-align: center;
width: 100%;
max-width: 592px;
margin-left: auto;
margin-right: auto;
}
.ticker-l {
grid-column-gap: 80px;
grid-row-gap: 80px;
flex: none;
display: flex;
}
.nav-button-wrap {
grid-column-gap: 8px;
grid-row-gap: 8px;
display: flex;
}
.nav-container {
justify-content: space-between;
align-items: center;
width: 100%;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
display: flex;
}
.form-block-6 {
width: 100%;
margin-bottom: 0;
}
.nav-link-7 {
color: #0a0a0a;
padding: 8px 4px;
font-size: 16px;
line-height: 24px;
text-decoration: none;
transition: color .3s;
}
.nav-link-7:hover {
color: #525252;
}
.nav-link-7.w--current {
color: #642eff;
}
.ticker-wrapper-b {
align-items: center;
width: 100%;
max-width: 1600px;
height: 40px;
margin-left: auto;
margin-right: auto;
display: flex;
position: relative;
overflow: hidden;
}
.form-icon {
color: #737373;
justify-content: center;
align-items: center;
width: 24px;
height: 24px;
transition: color .2s;
display: flex;
position: absolute;
top: 16px;
bottom: 16px;
left: 16px;
}
.input-icon {
align-items: center;
width: 100%;
display: flex;
position: relative;
}
.nav-menu-11 {
grid-column-gap: 32px;
grid-row-gap: 32px;
align-items: center;
display: flex;
position: static;
}
.paragraph-small-4 {
margin-bottom: 0;
font-size: 14px;
line-height: 20px;
}
.button-outline-m {
grid-column-gap: 4px;
grid-row-gap: 4px;
-webkit-backdrop-filter: blur(32px);
backdrop-filter: blur(32px);
color: #0a0a0a;
background-color: #0000;
border: 1px solid #d4d4d4;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 12px 20px;
font-size: 16px;
font-weight: 500;
line-height: 24px;
text-decoration: none;
transition: border-color .4s, background-color .4s, color .4s;
display: flex;
position: relative;
}
.button-outline-m:hover {
border-color: #a3a3a3;
}
.button-outline-m.w--current {
background-color: #344256;
border-color: #48566a;
}
.button-outline-m.icon-l {
padding-left: 12px;
}
.caption-6 {
font-size: 12px;
font-weight: 500;
line-height: 16px;
}
.caption-6.text-color-white {
color: #fff;
}
.navigation-3 {
z-index: 999;
background-color: #f8f6f6;
border-bottom: 1px solid #d4d4d4;
align-items: center;
width: 100%;
height: 96px;
padding: 10px 5%;
display: flex;
}
.trusted-wrapper {
grid-column-gap: 32px;
grid-row-gap: 32px;
flex-direction: column;
align-items: center;
margin-top: 86px;
display: flex;
}
.container-large-15 {
z-index: 5;
width: 100%;
max-width: 1216px;
margin-left: auto;
margin-right: auto;
position: relative;
}
.text-span-67 {
color: #fecc2f;
}
.h6-heading {
color: #000;
letter-spacing: -.02em;
margin-top: 0;
margin-bottom: 0;
font-size: 18px;
font-weight: 500;
line-height: 1.4;
}
.header-avatar-l {
border: 4px solid #fff;
border-radius: 100px;
width: 56px;
min-width: 56px;
height: 56px;
min-height: 56px;
overflow: hidden;
box-shadow: 0 1px #e4e4e7;
}
.header-avatar-l.move {
margin-left: -12px;
}
.button-primary-7 {
grid-column-gap: 8px;
grid-row-gap: 8px;
color: #fff;
text-align: center;
letter-spacing: -.02em;
background-color: #131315;
border-radius: 6px;
flex-direction: row;
flex: none;
justify-content: center;
align-items: center;
padding: 12px 32px;
font-size: 14px;
font-weight: 500;
line-height: 24px;
display: flex;
}
.paragraph-regular-5 {
letter-spacing: -.02em;
margin-bottom: 0;
font-size: 16px;
line-height: 2;
}
.header-grid-b-2 {
grid-column-gap: 52px;
grid-row-gap: 44px;
grid-template-rows: auto;
grid-template-columns: 1.2fr 1fr;
align-items: center;
margin-bottom: 140px;
}
.grid-three-column-2 {
grid-column-gap: 40px;
grid-row-gap: 40px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.header-feature-wrap {
grid-column-gap: 12px;
grid-row-gap: 12px;
align-items: center;
margin-bottom: 12px;
display: flex;
}
.icon-regular-4 {
justify-content: center;
align-items: center;
width: 24px;
height: 24px;
display: flex;
}
.avatar-wrap {
align-items: center;
display: flex;
}
.margin-bottom-33 {
margin-bottom: 32px;
}
.container-regular-3 {
z-index: 5;
width: 100%;
max-width: 1140px;
margin-left: auto;
margin-right: auto;
position: relative;
}
.margin-bottom-34 {
margin-bottom: 16px;
}
.header-play-button-s-2 {
border: 1px solid #e4e4e7;
border-radius: 6px;
justify-content: center;
align-items: center;
width: 48px;
min-width: 48px;
height: 48px;
min-height: 48px;
display: flex;
}
.header-avatar-wrap {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-wrap: wrap;
align-items: center;
display: flex;
}
.icon-large-2 {
flex: none;
justify-content: center;
align-items: center;
width: 32px;
height: 32px;
display: flex;
}
.header-bg {
z-index: -1;
object-fit: cover;
height: 65%;
margin-left: auto;
margin-right: auto;
position: absolute;
inset: auto 0% 0%;
}
.h1-heading-2 {
color: #000;
letter-spacing: -.04em;
margin-top: 0;
margin-bottom: 0;
font-size: 64px;
font-weight: 700;
line-height: 1.2;
}
.header-divider {
background-color: #000;
width: 1px;
height: 200px;
margin: 40px auto 32px;
}
.button-secondary-right-icon {
grid-column-gap: 8px;
color: #141414;
letter-spacing: -.02em;
background-color: #fff;
border-radius: 99px;
flex: none;
justify-content: center;
align-items: center;
padding: 16px 24px;
font-size: 18px;
font-weight: 700;
line-height: 1.4;
text-decoration: none;
display: flex;
}
.icon-small-4 {
justify-content: center;
align-items: center;
width: 16px;
height: 16px;
display: flex;
}
.container-large-16 {
width: 100%;
max-width: 1280px;
margin-left: auto;
margin-right: auto;
position: relative;
}
.header-wrap-centre {
text-align: center;
flex-direction: column;
align-items: center;
width: 100%;
max-width: 780px;
margin-left: auto;
margin-right: auto;
display: flex;
}
.header-bottom-nav {
grid-column-gap: 24px;
grid-row-gap: 24px;
justify-content: space-between;
align-items: flex-end;
margin-top: 72px;
display: flex;
}
.paragraph-small-5 {
letter-spacing: -.02em;
margin-bottom: 0;
font-size: 14px;
line-height: 1.8;
}
.overline-l {
color: #000;
letter-spacing: .16em;
text-transform: uppercase;
margin-bottom: 16px;
font-size: 12px;
font-weight: 700;
line-height: 1.4;
}
.section-header-3 {
padding: 120px 5% 52px;
font-family: Poppins, sans-serif;
position: relative;
}
.scroll-link {
grid-column-gap: 4px;
color: #3d3d3d;
letter-spacing: -.02em;
justify-content: center;
align-items: center;
padding: 4px;
font-size: 14px;
line-height: 1.2;
text-decoration: none;
display: flex;
}
.image-511 {
text-align: center;
}
.text-span-68, .text-span-69 {
color: #fecc2f;
}
.text-block-189 {
color: #fecc2f;
font-weight: 600;
line-height: 24px;
position: absolute;
inset: 0% auto auto -30px;
}
.process-heading-2 {
color: #fecc2f;
letter-spacing: -.03em;
margin-top: 0;
margin-bottom: 14px;
font-size: 56px;
line-height: 1.3;
}
.feature-card-primary {
text-align: center;
border-radius: 30px;
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
position: relative;
}
.feature-circle {
background-color: #fafafa;
border-radius: 100px;
width: 160px;
height: 160px;
position: absolute;
inset: 10% auto auto -10%;
}
.image-wrapper-4 {
justify-content: center;
align-items: center;
min-width: 200px;
min-height: 200px;
margin-bottom: 32px;
display: flex;
position: relative;
}
.process-container-3 {
max-width: 1260px;
margin-left: auto;
margin-right: auto;
font-family: Poppins, sans-serif;
}
.feature-paragraph {
color: #fff;
letter-spacing: -.02em;
font-size: 18px;
line-height: 32px;
}
.process-title-wrap-3 {
text-align: center;
max-width: 860px;
margin-bottom: 140px;
margin-left: auto;
margin-right: auto;
}
.feature-title-3 {
color: #fecc2f;
letter-spacing: -.03em;
margin-top: 0;
margin-bottom: 20px;
font-size: 22px;
line-height: 1.2;
}
.process-section-3 {
background-color: #000;
padding: 100px 3%;
}
.process-subheading {
color: #fff;
font-size: 22px;
line-height: 1.5;
}
.line-break-3 {
border: 1px dashed #e5e5e5;
width: 100%;
height: 1px;
}
.process-grid-3 {
grid-column-gap: 0px;
grid-row-gap: 100px;
grid-template-rows: auto;
grid-template-columns: 1fr 140px 1fr 140px 1fr;
}
.card-ui {
z-index: 5;
position: relative;
}
.text-span-70 {
color: #fecc2f;
}
.wrap-v-x-small-3 {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-direction: column;
font-family: Poppins, sans-serif;
display: flex;
}
.content-block-4 {
background-color: #fafafa;
border-radius: 19px;
justify-content: center;
align-items: center;
width: 100%;
max-width: 488px;
min-height: 488px;
padding: 0;
display: flex;
}
.white-text-4 {
color: #fff;
font-family: Poppins, sans-serif;
font-size: 18px;
font-weight: 600;
}
.icon-regular-5 {
justify-content: center;
align-items: center;
width: 24px;
height: 24px;
display: flex;
}
.container-large-17 {
z-index: 5;
width: 100%;
max-width: 1216px;
margin-left: auto;
margin-right: auto;
position: relative;
}
.content-wrapper-13 {
grid-column-gap: 32px;
grid-row-gap: 40px;
flex-direction: column;
display: flex;
}
.arrow-icon-7 {
width: 30px;
display: inline-block;
}
.header-play-button-s-3 {
border: 1px solid #e4e4e7;
border-radius: 6px;
justify-content: center;
align-items: center;
width: 48px;
min-width: 48px;
height: 48px;
min-height: 48px;
margin-bottom: 0;
display: flex;
}
.header-play-button-s-3:hover {
background-color: #fecc2f;
}
.text-span-71, .text-span-72 {
color: #fecc2f;
}
.background-video-34 {
width: 100%;
height: 100%;
}
.hero-banner-3 {
text-align: center;
flex-direction: column;
justify-content: center;
align-items: center;
height: 50vh;
padding-top: 0;
display: flex;
}
.background-video-35 {
width: 100%;
height: 100%;
}
.hero-banner-4 {
text-align: center;
flex-direction: column;
justify-content: center;
align-items: center;
height: 50vh;
padding-top: 0;
display: flex;
}
.content-section-8 {
background-color: #000;
padding: 60px 20px;
font-family: Poppins, sans-serif;
position: relative;
overflow: hidden;
}
.faq-wrapper-4 {
margin-left: auto;
margin-right: auto;
}
.title-wrap-5 {
color: #7b88a8;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
margin-bottom: 60px;
display: flex;
position: relative;
}
.container-1356 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
max-width: 1140px;
display: flex;
}
.div-block-270 {
width: 100%;
height: 1px;
}
.faq-paragraph-7 {
color: #fff;
letter-spacing: -.03em;
margin-bottom: 0;
padding-top: 14px;
padding-bottom: 14px;
font-family: Poppins, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 1.6;
}
.question-title-2 {
color: #fff;
letter-spacing: -.03em;
margin-bottom: 20px;
font-size: 20px;
font-weight: 600;
line-height: 32px;
}
.faq-section-4 {
background-color: #000;
padding: 100px 3%;
font-family: Poppins, sans-serif;
}
.faq-section-4.animation {
display: none;
}
.title-8 {
color: #fecc2f;
letter-spacing: 1.5px;
text-transform: uppercase;
margin-bottom: 10px;
font-size: 14px;
font-weight: 600;
}
.faq-title {
text-align: left;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
margin-bottom: 60px;
display: flex;
}
.faq-grid-3 {
grid-column-gap: 32px;
grid-row-gap: 44px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr;
}
.faq-button {
color: var(--black);
background-color: #fecc2f;
border: 1px solid #61728317;
border-radius: 12px;
margin-top: 24px;
margin-left: 0;
margin-right: 10px;
padding: 14px 35px;
font-size: 15px;
font-weight: 600;
}
.faq-button.w--current {
color: #fff;
background-color: #007bfc;
}
.faq-paragraph-8 {
color: #a7a7a7;
font-size: 16px;
line-height: 32px;
}
.heading-large-7 {
color: #fff;
letter-spacing: -.03em;
margin-top: 0;
font-size: 48px;
font-weight: 500;
line-height: 52px;
}
.faq-container-2 {
z-index: 5;
background-color: #000;
width: 100%;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
position: relative;
}
.section-regular-3 {
object-fit: none;
padding: 0 0%;
position: relative;
overflow: hidden;
}
.logo-carousel-wrap-r {
flex: none;
justify-content: flex-end;
align-items: center;
display: flex;
}
.logo-12 {
flex: none;
margin-left: 16px;
margin-right: 16px;
padding: 16px 56px;
}
.logo-12.case-study {
margin-left: 0;
padding-left: 0;
display: flex;
}
.logo-carousel-wrap-l {
flex: none;
justify-content: flex-start;
align-items: center;
display: flex;
}
.subheading-small-4 {
color: #0a0a0a;
margin-top: 0;
margin-bottom: 0;
font-size: 20px;
line-height: 32px;
}
.logo-carousel-l {
flex: none;
justify-content: flex-start;
align-items: center;
display: flex;
}
.content-l {
grid-column-gap: 32px;
grid-row-gap: 32px;
text-align: center;
flex-direction: column;
align-items: center;
max-width: 592px;
margin-left: auto;
margin-right: auto;
display: flex;
}
.logo-carousel-r {
flex: none;
justify-content: flex-end;
align-items: center;
display: flex;
}
.h5-heading-2 {
color: #0a0a0a;
letter-spacing: -1.5px;
margin-top: 0;
margin-bottom: 0;
font-size: 48px;
font-weight: 500;
line-height: 1.4;
}
.logo-wrap-2 {
grid-column-gap: 32px;
grid-row-gap: 32px;
flex-direction: column;
margin-bottom: 20px;
display: flex;
}
.logo-carousel-group {
flex: none;
justify-content: flex-start;
align-items: center;
display: flex;
}
.grid-31 {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
}
.padding-top-2 {
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
}
.image-noise {
z-index: 2;
opacity: .5;
background-color: #0000;
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/659f10506a59a3f52402975b_noise.png");
background-repeat: repeat;
background-size: auto;
background-attachment: scroll;
position: absolute;
inset: 0%;
}
.image-noise.home {
display: none;
}
.button-72 {
-webkit-backdrop-filter: blur(2rem);
backdrop-filter: blur(2rem);
color: #1e1e21;
text-align: center;
background-color: #0000;
border: 2px solid #1e1e21;
border-radius: 500px;
justify-content: center;
margin: 0;
padding: 1rem 1.75rem;
font-size: 1.125rem;
font-weight: 600;
line-height: 110%;
text-decoration: none;
transition: border-color .2s, color .2s, background-color .2s;
position: relative;
overflow: hidden;
}
.button-72.w--current {
color: #fff;
background-color: #111;
}
.button-72.inverse-primary {
-webkit-backdrop-filter: none;
backdrop-filter: none;
color: #111;
background-color: #fff;
border-width: 1px;
border-color: #0000;
}
.flex-horizontal-stretch {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-direction: row;
justify-content: space-between;
align-items: center;
display: flex;
}
.projects-work-item {
position: relative;
overflow: hidden;
}
.marquee-3 {
overflow: hidden;
transform: translate(0);
}
.image-wrapper-parallax-zoom {
width: 100%;
height: 100%;
}
.badge-link {
-webkit-backdrop-filter: blur(2rem);
backdrop-filter: blur(2rem);
text-align: center;
background-color: #0000;
border: 2px solid #1e1e21;
border-radius: 50%;
justify-content: center;
align-items: center;
width: 36px;
height: 36px;
line-height: 100%;
transition: color .2s, background-color .2s, border .2s;
display: flex;
}
.badge-link.primary {
-webkit-backdrop-filter: none;
backdrop-filter: none;
color: #fff;
background-color: #1e1e21;
border-color: #0000;
}
.badge-link.primary.large {
margin-bottom: 0;
}
.main-wrapper-17 {
z-index: 1;
background-color: #f5f3ef;
position: relative;
}
.home-hero-grid {
justify-content: space-between;
align-items: center;
margin-top: 20px;
display: flex;
}
.button-inner-text-hover {
justify-content: center;
align-items: center;
position: absolute;
top: 100%;
}
.subnav-2 {
grid-column-gap: 2rem;
grid-row-gap: 1rem;
flex-wrap: wrap;
align-items: flex-start;
padding-left: 0;
list-style-type: none;
display: flex;
}
.subnav-2.small {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
}
.home-services-grid {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
grid-template-rows: auto;
grid-template-columns: .5fr 2px 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.home-services-grid-inner {
grid-column-gap: 4rem;
grid-row-gap: 4rem;
flex-direction: column;
flex: 0 auto;
order: 0;
grid-template-rows: auto;
grid-template-columns: 1fr 2px 1fr;
grid-auto-columns: 1fr;
justify-content: space-around;
display: flex;
}
.text-color-muted {
color: #1e1e21b3;
}
.text-meta-2 {
font-size: 1.125rem;
font-weight: 600;
line-height: 140%;
}
.home-clients-item-author {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-rows: auto;
grid-template-columns: auto 1fr;
grid-auto-columns: 1fr;
align-items: center;
display: grid;
}
.button-inner-2 {
z-index: 6;
grid-column-gap: .5rem;
grid-row-gap: .5rem;
flex-direction: row;
justify-content: center;
align-items: center;
height: 18px;
display: flex;
position: relative;
overflow: hidden;
}
.heading-style-h2-2 {
letter-spacing: -1px;
font-size: 3vw;
font-weight: 600;
line-height: 110%;
}
.home-about-grid {
grid-column-gap: 4rem;
grid-row-gap: 4rem;
grid-template-rows: auto;
grid-template-columns: 1fr 2px .5fr;
grid-auto-columns: 1fr;
display: grid;
}
.marquee-heading {
letter-spacing: -7px;
font-size: 11vw;
font-weight: 600;
line-height: 90%;
}
.image-wrapper-5 {
position: relative;
overflow: hidden;
transform: translate(0);
}
.section-home-hero-2 {
padding-top: 20px;
padding-bottom: 20px;
}
.scroll-down-icon-wrapper {
width: 40px;
height: 40px;
overflow: hidden;
}
.line-vertical {
perspective-origin: 50%;
transform-origin: 50%;
background-color: #1e1e21;
width: 2px;
height: 100%;
}
.home-clients-grid-right {
grid-column-gap: 4rem;
grid-row-gap: 4rem;
flex-direction: column;
justify-content: space-between;
display: flex;
}
.heading-style-xlarge {
letter-spacing: -7px;
font-family: Poppins, sans-serif;
font-size: 10vw;
font-weight: 600;
line-height: 100%;
}
.line-8 {
perspective-origin: 50%;
transform-origin: 50%;
background-color: #1e1e21;
width: 100%;
height: 2px;
}
.icon-1x1-default {
width: 24px;
height: 24px;
line-height: 100%;
}
.heading-style-medium {
letter-spacing: -2px;
font-size: 5vw;
font-weight: 600;
line-height: 100%;
}
.scroll-down-icon {
width: 40px;
height: 40px;
line-height: 100%;
}
.home-clients-grid-left {
position: sticky;
top: 2rem;
}
.padding-global-9 {
padding-left: 4rem;
padding-right: 4rem;
font-family: Poppins, sans-serif;
}
.margin-bottom-35 {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.home-clients-grid {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
grid-template-rows: auto;
grid-template-columns: .5fr 2px 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.scroll-down-5 {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
flex-wrap: nowrap;
align-items: center;
margin-bottom: auto;
padding-left: 0;
text-decoration: none;
list-style-type: none;
display: flex;
}
.home-services-grid-left {
position: sticky;
top: 2rem;
}
.home-services-grid-right {
grid-column-gap: 4rem;
grid-row-gap: 4rem;
flex-direction: column;
justify-content: space-between;
display: flex;
}
.heading-style-h3-2 {
color: var(--black);
letter-spacing: -.5px;
font-size: 2vw;
font-weight: 600;
line-height: 120%;
}
.marquee-inner-2 {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
justify-content: center;
align-items: center;
display: flex;
}
.section-projects-hero {
padding-top: 20px;
padding-bottom: 20px;
}
.home-clients-grid-inner {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
grid-template-rows: auto;
grid-template-columns: 1fr 2px 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.icon-1x1-large {
width: 40px;
height: 40px;
line-height: 100%;
}
.section-cta-contact-2 {
color: #f5f3ef;
text-align: center;
background-color: #1e1e21;
}
.section-home-hero-image {
height: 90vh;
max-height: 75vw;
position: relative;
overflow: hidden;
}
.flex-vertical-stretch {
flex-direction: column;
justify-content: space-between;
align-items: stretch;
display: flex;
}
.div-block-271 {
max-width: 120rem;
margin-left: auto;
margin-right: auto;
position: relative;
}
.project-work-image-wrapper {
height: 90vh;
max-height: 75vw;
margin-bottom: 0;
display: block;
position: relative;
overflow: hidden;
transform: translate(0);
}
.view-button-wrapper {
z-index: 10;
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/659f10506a59a3f52402975b_noise.png"), url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/659830c5675797e8edbb8ad6_ilo.png");
background-position: 0 0, 50%;
background-size: 150px, cover;
background-attachment: scroll, scroll;
justify-content: center;
align-items: center;
display: flex;
position: absolute;
inset: 0%;
}
.view-button-2 {
z-index: 10;
background-color: #1e1e21;
border-radius: 50%;
justify-content: center;
align-items: center;
width: 64px;
height: 64px;
transition: transform .1s linear;
display: flex;
overflow: hidden;
transform: translate(0);
}
.view-button-2.large {
width: 80px;
height: 80px;
}
.view-button-icon {
color: #f5f3ef;
width: 32px;
height: 32px;
line-height: 100%;
}
.subnav-3 {
grid-column-gap: 2rem;
grid-row-gap: 1rem;
flex-wrap: wrap;
align-items: flex-start;
padding-left: 0;
list-style-type: none;
display: flex;
}
.subnav-3.xsmall {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
}
.projects-work-item-content {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
grid-template-rows: auto;
grid-template-columns: 1fr .75fr;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: start;
padding: 3rem 4rem;
display: grid;
}
.text-size-medium-8 {
font-size: 1.25rem;
line-height: 160%;
}
.heading-style-xlarge-2 {
letter-spacing: -7px;
margin-bottom: 0;
font-size: 9vw;
font-weight: 600;
line-height: 100%;
}
.projects-work-item-link {
margin-bottom: auto;
text-decoration: none;
}
.label-9 {
-webkit-backdrop-filter: blur(2rem);
backdrop-filter: blur(2rem);
color: #1e1e21;
background-color: #0000;
border: 2px solid #1e1e21;
border-radius: 100px;
align-items: center;
padding: .5rem .75rem;
font-size: 14px;
font-weight: 600;
line-height: 100%;
text-decoration: none;
position: relative;
overflow: hidden;
}
.label-9.primary {
-webkit-backdrop-filter: none;
backdrop-filter: none;
color: #fff;
background-color: #1e1e21;
border-color: #0000;
}
.margin-bottom-36 {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.projects-work-item-hover {
z-index: 1;
grid-column-gap: 1rem;
grid-row-gap: 1rem;
color: #f5f3ef;
background-color: #1e1e21;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
padding-top: 2rem;
padding-bottom: 2rem;
font-size: 4.5vw;
font-weight: 600;
line-height: 110%;
display: none;
position: absolute;
inset: 0%;
overflow: hidden;
}
.heading-style-h1-2 {
letter-spacing: -1.5px;
font-size: 3vw;
font-weight: 600;
line-height: 125%;
}
.home-work-item-hover-image-wrapper {
border-radius: 50%;
flex: none;
width: 80px;
height: 80px;
position: relative;
overflow: hidden;
transform: translate(0);
}
.home-services-grid-inner-2 {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
grid-template: ". . Area"
/ 1fr 2px 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.line-9 {
perspective-origin: 50%;
transform-origin: 50%;
background-color: #1e1e21;
width: 100%;
height: 2px;
}
.padding-global-10 {
padding-left: 4rem;
padding-right: 4rem;
}
.margin-bottom-37 {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.heading-style-h3-3 {
letter-spacing: -.5px;
font-size: 2vw;
font-weight: 600;
line-height: 120%;
}
.line-10 {
perspective-origin: 50%;
transform-origin: 50%;
background-color: #1e1e21;
width: 100%;
height: 2px;
}
.padding-global-11 {
padding-left: 4rem;
padding-right: 4rem;
}
.margin-bottom-38 {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.heading-style-h3-4 {
letter-spacing: -.5px;
font-size: 2vw;
font-weight: 600;
line-height: 120%;
}
.subnav-4 {
grid-column-gap: 2rem;
grid-row-gap: 1rem;
flex-wrap: wrap;
align-items: flex-start;
padding-left: 0;
list-style-type: none;
display: flex;
}
.subnav-4.small {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
}
.heading-style-medium-2 {
letter-spacing: 0;
margin-bottom: 40px;
font-family: Poppins, sans-serif;
font-size: 2.3vw;
font-weight: 400;
line-height: 3vw;
}
.padding-global-12 {
padding-left: 4rem;
padding-right: 4rem;
}
.margin-bottom-39 {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.heading-style-h3-5 {
letter-spacing: -.5px;
font-size: 2vw;
font-weight: 600;
line-height: 120%;
}
.button-73 {
-webkit-backdrop-filter: blur(2rem);
backdrop-filter: blur(2rem);
color: #1e1e21;
text-align: center;
background-color: #0000;
border: 2px solid #1e1e21;
border-radius: 500px;
justify-content: center;
margin: 0;
padding: 1rem 1.75rem;
font-size: 1.125rem;
font-weight: 600;
line-height: 110%;
text-decoration: none;
transition: border-color .2s, color .2s, background-color .2s;
position: relative;
overflow: hidden;
}
.button-73.w--current {
color: #fff;
background-color: #111;
}
.button-73.inverse-primary {
-webkit-backdrop-filter: none;
backdrop-filter: none;
color: #111;
background-color: #fff;
border-width: 1px;
border-color: #0000;
}
.image-cover-4 {
object-fit: cover;
width: 100%;
height: 100%;
}
.main-wrapper-18 {
z-index: 1;
background-color: #f5f3ef;
position: relative;
}
.home-hero-grid-2 {
justify-content: space-between;
align-items: center;
display: flex;
}
.subnav-5 {
grid-column-gap: 2rem;
grid-row-gap: 1rem;
flex-wrap: wrap;
align-items: flex-start;
padding-left: 0;
list-style-type: none;
display: flex;
}
.subnav-5.small {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
}
.image-wrapper-6 {
position: relative;
overflow: hidden;
transform: translate(0);
}
.line-11 {
perspective-origin: 50%;
transform-origin: 50%;
background-color: #1e1e21;
width: 100%;
height: 2px;
}
.padding-global-13 {
padding-left: 4rem;
padding-right: 4rem;
font-family: Poppins, sans-serif;
}
.scroll-down-6 {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
color: var(--black);
flex-wrap: nowrap;
align-items: center;
margin-bottom: auto;
padding-left: 0;
text-decoration: none;
list-style-type: none;
display: flex;
}
.section-cta-contact-3 {
color: #f5f3ef;
text-align: center;
background-color: #1e1e21;
}
.button-74 {
-webkit-backdrop-filter: blur(2rem);
backdrop-filter: blur(2rem);
color: #1e1e21;
text-align: center;
background-color: #0000;
border: 2px solid #1e1e21;
border-radius: 500px;
justify-content: center;
margin: 0;
padding: 1rem 1.75rem;
font-size: 1.125rem;
font-weight: 600;
line-height: 110%;
text-decoration: none;
transition: border-color .2s, color .2s, background-color .2s;
position: relative;
overflow: hidden;
}
.button-74.w--current {
color: #fff;
background-color: #111;
}
.button-74.inverse-primary {
-webkit-backdrop-filter: none;
backdrop-filter: none;
color: #111;
background-color: #fff;
border-width: 1px;
border-color: #0000;
}
.image-cover-5 {
object-fit: cover;
width: 100%;
height: 100%;
}
.main-wrapper-19 {
z-index: 1;
background-color: #f5f3ef;
position: relative;
}
.home-hero-grid-3 {
justify-content: space-between;
align-items: center;
margin-top: 20px;
display: flex;
}
.home-services-grid-inner-3 {
grid-column-gap: 4rem;
grid-row-gap: 4rem;
grid-template-rows: auto;
grid-template-columns: 1fr 2px 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.line-12 {
perspective-origin: 50%;
transform-origin: 50%;
background-color: #1e1e21;
width: 100%;
height: 2px;
}
.padding-global-14 {
padding: 20px 4rem;
font-family: Poppins, sans-serif;
}
.section-cta-contact-4 {
color: #f5f3ef;
text-align: center;
background-color: #1e1e21;
}
.background-video-36 {
width: 100px;
max-width: 100px;
height: 100px;
}
.background-video-37 {
width: 100vw;
max-width: 100rem;
height: 75%;
}
.max-width-xlarge-2 {
width: 100%;
max-width: 50rem;
}
.padding-global-15 {
padding-left: 4rem;
padding-right: 4rem;
font-family: Poppins, sans-serif;
}
.projects-hero-grid {
justify-content: space-between;
align-items: flex-end;
display: flex;
}
.scroll-down-7 {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
flex-wrap: nowrap;
align-items: center;
margin-bottom: 0;
padding-left: 0;
text-decoration: none;
list-style-type: none;
display: flex;
}
.button-75 {
-webkit-backdrop-filter: blur(2rem);
backdrop-filter: blur(2rem);
color: #1e1e21;
text-align: center;
background-color: #0000;
border: 2px solid #1e1e21;
border-radius: 500px;
justify-content: center;
margin: 0;
padding: 1rem 1.75rem;
font-size: 1.125rem;
font-weight: 600;
line-height: 110%;
text-decoration: none;
transition: border-color .2s, color .2s, background-color .2s;
position: relative;
overflow: hidden;
}
.button-75.w--current {
color: #fff;
background-color: #111;
}
.button-75.inverse-primary {
-webkit-backdrop-filter: none;
backdrop-filter: none;
color: #111;
background-color: #fff;
border-width: 1px;
border-color: #0000;
}
.main-wrapper-20 {
z-index: 1;
background-color: #f5f3ef;
position: relative;
}
.padding-global-16 {
padding-left: 4rem;
padding-right: 4rem;
}
.scroll-down-8 {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
flex-wrap: nowrap;
align-items: center;
padding-left: 0;
text-decoration: none;
list-style-type: none;
display: flex;
}
.section-cta-contact-5 {
color: #f5f3ef;
text-align: center;
background-color: #1e1e21;
}
.menu-8 {
z-index: 1000;
justify-content: center;
display: flex;
position: fixed;
top: 0;
left: 0;
right: 0;
}
.menu-container {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
justify-content: flex-end;
width: 100%;
max-width: 120rem;
margin-left: auto;
margin-right: auto;
padding-top: 2rem;
padding-right: 2rem;
display: flex;
position: relative;
}
.menu-toggle {
color: #f5f3ef;
text-align: center;
cursor: pointer;
background-color: #1e1e21;
border: 2px solid #1e1e21;
border-radius: 500px;
justify-content: center;
margin: 0;
padding: 1rem 1.5rem;
font-size: 1.25rem;
font-weight: 600;
line-height: 110%;
text-decoration: none;
transition: border-color .2s, color .2s, background-color .2s;
}
.menu-toggle.w--current {
color: #fff;
background-color: #111;
}
.menu-toggle-text-inner {
height: 22px;
overflow: hidden;
}
.menu-toggle-text, .menu-toggle-text-hover {
justify-content: center;
align-items: center;
}
.menu-toggle-icon {
display: none;
}
.image-wrapper-link {
align-items: flex-start;
margin-bottom: 0;
display: block;
position: relative;
overflow: hidden;
transform: translate(0);
}
.view-button-wrapper-2 {
z-index: 10;
justify-content: center;
align-items: center;
display: flex;
position: absolute;
inset: 0%;
}
.image-wrapper-parallax {
width: 100%;
height: 100%;
}
.image-noise-2 {
z-index: 2;
opacity: .5;
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/659f10506a59a3f52402975b_noise.png");
background-position: 0 0;
background-size: 150px 150px;
position: absolute;
inset: 0%;
}
.image-cover-6 {
object-fit: cover;
width: 100%;
height: 100%;
}
.collection-item-16 {
padding-left: 0;
padding-right: 0;
}
.section_img_grid {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex: 0 auto;
grid-template-rows: auto;
grid-template-columns: 2fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.section_img_grid.reverse {
grid-template-columns: .75fr 2fr;
}
.team_list-3 {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
grid-template-rows: auto auto;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
grid-auto-columns: 1fr;
width: 100%;
height: 100%;
display: grid;
}
.img_wrapper {
width: 100%;
height: 100%;
margin-bottom: 0;
position: relative;
overflow: hidden;
}
.team_social {
width: 1rem;
}
.team_member {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-direction: column;
line-height: 1.125;
display: flex;
}
.section_title_grid {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: 1fr 2fr;
grid-auto-columns: 1fr;
display: grid;
}
.section_title_grid.terms {
grid-template-columns: 2fr .95fr;
}
.content_wrapper-2 {
grid-column-gap: 3.5rem;
grid-row-gap: 3.5rem;
flex-direction: column;
display: flex;
}
.line-13 {
background-color: #222;
width: 100%;
height: 100%;
position: absolute;
inset: 0% auto auto 0%;
}
.line_wrapper {
width: 100%;
height: 1px;
position: relative;
overflow: hidden;
}
.line_wrapper.service_line {
position: absolute;
inset: 0% auto auto 0%;
}
.container-1357 {
width: 100%;
height: 100%;
margin-left: auto;
margin-right: auto;
}
.div_hide {
position: relative;
overflow: hidden;
}
.div_hide.negative_margin_top._2rem {
margin-top: -.2rem;
}
.team_list_wrap {
width: 100%;
height: 100%;
}
.dot_index_wrapper {
grid-column-gap: 10px;
grid-row-gap: 10px;
align-items: flex-start;
display: flex;
}
.whipe {
z-index: 1;
background-color: #f8fafc;
width: 100%;
height: 100%;
display: block;
position: absolute;
inset: auto 0% 0%;
}
.whipe.hero_top {
inset: 0% 0% auto;
}
.padding_global {
height: 100%;
padding-left: 2.5%;
padding-right: 2.5%;
font-family: Poppins, sans-serif;
}
.padding_global.no_padding {
height: 100%;
padding-left: 0%;
padding-right: 0%;
}
.negative_margin_top.small {
margin-top: -1.6rem;
overflow: hidden;
}
.team_name_txt {
letter-spacing: -.05rem;
font-size: 2rem;
font-weight: 400;
line-height: 1.2;
}
.num_index_txt {
color: #f8fafc;
letter-spacing: 1px;
text-transform: uppercase;
font-size: .7rem;
}
.num_index_txt.text_color_black {
color: #222;
}
.team_info {
grid-column-gap: .35rem;
grid-row-gap: .35rem;
flex-direction: column;
display: flex;
}
.num_index_wrapper {
justify-content: center;
align-items: center;
display: flex;
}
.page_dots {
background-color: #000;
border-radius: 1000rem;
width: 5px;
height: 5px;
margin-top: 5px;
overflow: hidden;
}
.page_dots.black {
background-color: #222;
}
.index_txt {
color: #000;
line-height: 1.3;
}
.index_txt.black {
color: #222;
font-size: 20px;
line-height: 25px;
}
.team_role_txt {
font-weight: 300;
}
.img-2 {
object-fit: cover;
width: 100%;
height: 100%;
}
.team_info_wrap {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
justify-content: space-between;
align-items: flex-end;
width: 100%;
display: flex;
}
.num_index {
border: 1px solid #f8fafc;
border-radius: 1000rem;
width: 1.5rem;
height: 1.5rem;
position: relative;
inset: 0% 0% auto auto;
}
.num_index.black {
border-color: #222;
justify-content: center;
align-items: center;
display: flex;
}
.num_index.abs {
justify-content: center;
align-items: center;
display: flex;
position: absolute;
}
.section-235 {
width: 100%;
height: 100%;
position: relative;
}
.section-235.studio_team {
padding-top: 6rem;
padding-bottom: 6rem;
display: none;
}
.title_wrapper {
flex-direction: row;
justify-content: space-between;
display: flex;
}
.span {
display: inline-block;
}
.span.h-move-2, .span.h-move {
font-size: 10vh;
}
.line-14 {
background-color: #222;
width: 100%;
height: 100%;
position: absolute;
inset: 0% auto auto 0%;
}
.grid-32 {
grid-template-rows: auto minmax(0, 1fr);
}
.text-block-190 {
font-family: Poppins, sans-serif;
font-size: 50px;
}
.text-block-190.head {
font-size: 6vh;
font-weight: 600;
}
.section_num_grid {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex: 0 auto;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: row;
justify-content: space-between;
margin-top: 5rem;
display: flex;
overflow: hidden;
}
.stats_num_wrap {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
padding-top: 0;
display: flex;
}
.big_num_wrap {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
display: flex;
}
.horizontal_line {
background-color: #222;
width: 1px;
height: 100%;
}
.big_num {
color: var(--white);
letter-spacing: -.5rem;
font-family: Poppins, sans-serif;
font-size: 6rem;
line-height: .8;
position: relative;
}
.stats_p_flex {
justify-content: center;
align-items: flex-start;
max-width: 10rem;
display: flex;
}
.text-block-191, .text-block-192, .text-block-193 {
color: #fff;
font-family: Poppins, sans-serif;
}
.quotes_wrapper {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
flex-direction: row;
align-items: flex-start;
max-width: 12rem;
display: flex;
}
.founder_signature {
color: #f8fafc;
font-size: 2rem;
}
.hero_city_txt {
letter-spacing: .01rem;
text-transform: uppercase;
font-weight: 300;
}
.hero_heading_wrap {
z-index: 2;
width: 100%;
position: relative;
}
.quotes_content_wrapper {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-direction: column;
display: flex;
}
.quote_mark {
flex: none;
width: 1.2rem;
}
.container-1358 {
width: 100%;
height: 100%;
margin-left: auto;
margin-right: auto;
}
.hero_city {
justify-content: flex-end;
display: flex;
overflow: hidden;
}
.hero_heading-5 {
text-transform: uppercase;
margin-left: -.6rem;
display: flex;
}
.hero_dot_wrap {
position: absolute;
inset: 5% 0% auto auto;
}
.text_light {
font-weight: 200;
}
.quotes_parent {
z-index: 1;
width: auto;
height: auto;
margin-left: auto;
position: absolute;
bottom: 15%;
right: 2.5%;
}
.hero_img_content {
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
position: relative;
}
.hero_heading_flex {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
display: flex;
overflow: hidden;
}
.dot-6 {
background-color: #222;
width: 100%;
height: 100%;
}
.hero_top_wrapper {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
flex-direction: column;
margin-bottom: 1.5rem;
padding-left: 2.5%;
padding-right: 2.5%;
display: flex;
}
.quote_txt {
color: #f8fafc;
letter-spacing: .01rem;
text-transform: none;
font-size: .7rem;
font-style: italic;
font-weight: 400;
line-height: 1.2;
}
.hero_dot_parent {
background-color: #f8fafc;
border-radius: 1000rem;
justify-content: center;
align-items: center;
width: 1rem;
height: 1rem;
margin-top: 2rem;
display: flex;
overflow: hidden;
}
.top_anchor {
width: 0;
height: 0;
position: absolute;
inset: 0% 0% auto;
}
.section-236 {
width: 100%;
height: 100%;
position: relative;
}
.section-236.home_hero {
padding-top: 17.5rem;
}
.terms_list_wrap {
flex-direction: column;
width: 85%;
margin-left: auto;
display: flex;
}
.footer_bg_vid {
z-index: 0;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.p_wrapper {
max-width: 40rem;
}
.p_wrapper.small {
max-width: 30rem;
}
.p_wrapper.studio_itro {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-direction: column;
max-width: 35rem;
display: flex;
}
.footer_logo_mask {
z-index: 2;
mix-blend-mode: darken;
background-color: #222;
width: 100%;
height: 100%;
position: relative;
}
.grid_btm {
grid-column-gap: 7.5rem;
grid-row-gap: 7.5rem;
flex-direction: row;
grid-template-rows: auto;
grid-template-columns: .5fr .6fr;
grid-auto-columns: 1fr;
grid-auto-flow: column;
justify-content: flex-start;
width: 100%;
display: flex;
overflow: hidden;
}
.grid_btm.right {
justify-content: space-between;
}
.footer_logo_wrap {
justify-content: flex-end;
width: 100%;
max-width: 47.75vw;
display: flex;
position: relative;
overflow: hidden;
}
.btt_arrow {
width: .75rem;
font-size: 0;
position: relative;
}
.footer_big_logo {
z-index: 2;
width: 100%;
height: 100%;
line-height: .6;
display: block;
position: relative;
}
.content_wrapper-3 {
grid-column-gap: 3.5rem;
grid-row-gap: 3.5rem;
flex-direction: column;
display: flex;
}
.footer_item_wrap {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
display: flex;
}
.footer_main_wrap {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
flex-flow: column wrap;
display: flex;
}
.terms_item_grid {
grid-column-gap: 5rem;
grid-row-gap: 5rem;
flex-direction: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 2fr;
grid-auto-columns: 1fr;
padding-top: 2rem;
display: flex;
position: relative;
}
.line-15 {
background-color: #222;
width: 100%;
height: 100%;
position: absolute;
inset: 0% auto auto 0%;
}
.line-15.bg_white {
background-color: #f8fafc;
}
.footer_btm_flex {
justify-content: flex-start;
padding-bottom: 1.5px;
display: flex;
}
.terms_item_title {
letter-spacing: -.08rem;
font-size: 1.5rem;
line-height: 1.2;
}
.container-1359 {
width: 100%;
height: 100%;
margin-left: auto;
margin-right: auto;
}
.footer_credit {
color: #f8fafc;
letter-spacing: .02rem;
text-transform: none;
font-size: .75rem;
font-weight: 200;
text-decoration: none;
}
.footer_credit.uppercase {
text-transform: uppercase;
}
.footer_item_txt {
color: #f8fafc;
font-size: 1.5rem;
line-height: 1.2;
}
.service_item_flex {
flex-direction: column;
justify-content: space-between;
display: flex;
}
.footer_content_wrap {
grid-column-gap: 5rem;
grid-row-gap: 5rem;
flex-direction: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.footer_link_wrap {
grid-column-gap: .2rem;
grid-row-gap: .2rem;
flex-direction: column;
display: flex;
}
.footer_link-3 {
color: #f8fafc;
text-transform: capitalize;
justify-content: flex-start;
align-items: center;
width: auto;
padding-bottom: 0;
font-size: .8rem;
font-weight: 200;
line-height: 1.2;
text-decoration: none;
display: flex;
}
.footer_link-3.margin_top {
margin-top: 1rem;
}
.terms_title_flex {
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
max-width: 40%;
display: flex;
}
.footer_num_txt {
color: #fff;
font-size: 1rem;
}
.terms_num {
font-size: 1rem;
line-height: 1.2;
}
.footer_item {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
flex-direction: column;
margin-top: -.25rem;
display: flex;
}
.btt_link {
cursor: pointer;
margin-bottom: 0;
}
.p_small {
font-size: 1rem;
line-height: 1.2;
}
.footer-10 {
background-color: #222;
padding-top: 4rem;
padding-bottom: 4rem;
}
.footer_grid {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
grid-template-rows: auto;
grid-template-columns: 1.75fr;
grid-auto-flow: row dense;
width: 100%;
}
.footer_grid.btm {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
grid-template-columns: .5fr 1fr;
grid-auto-flow: row;
display: flex;
}
.terms_item_wrap {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: .25fr 1fr .75fr;
grid-auto-columns: 1fr;
display: grid;
}
.section-237 {
width: 100%;
height: 100%;
position: relative;
}
.section-237.terms {
padding-top: 16rem;
padding-bottom: 1rem;
}
.section-237.service_list {
padding-top: 6rem;
padding-bottom: 6rem;
}
.divider_line {
width: 100%;
height: 10px;
position: relative;
}
.btt_wrap {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
background-color: #efefef00;
flex-direction: row;
height: auto;
padding-left: 0;
display: flex;
}
.flex_wrap {
z-index: 2;
display: flex;
position: relative;
}
.flex_wrap.max_width_med {
max-width: 65%;
}
.paragraph-196, .paragraph-197 {
font-size: 1rem;
}
.line-16 {
background-color: #222;
width: 100%;
height: 50%;
position: absolute;
inset: 0% auto auto 0%;
}
.line-16.bg_white {
background-color: #f8fafc;
}
.page_index_dot {
justify-content: flex-start;
}
.text_link {
color: #222;
text-transform: uppercase;
text-decoration: none;
}
.text_link.text_color_white {
margin-bottom: 0;
}
.intro_grid {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: .5fr 1fr;
grid-auto-columns: 1fr;
display: grid;
position: relative;
}
.container-1360 {
width: 100%;
height: 100%;
margin-left: auto;
margin-right: auto;
}
.intro_p_wrap {
justify-content: space-between;
align-items: flex-end;
width: 100%;
display: flex;
}
.intro_p_wrap.service {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-direction: column;
align-items: flex-start;
}
.intro_content {
grid-column-gap: 2.5rem;
grid-row-gap: 2.5rem;
flex-direction: column;
align-items: flex-start;
display: flex;
}
.p_x-large {
letter-spacing: -.04rem;
font-size: 3rem;
line-height: 1.05;
}
.p_x-large.text_color_white, .text_color_white {
color: #000;
}
.section-238 {
width: 100%;
height: 100%;
position: relative;
}
.section-238.intro {
background-color: #f5f3ef;
padding-top: 6rem;
padding-bottom: 6rem;
font-family: Poppins, sans-serif;
overflow: hidden;
}
.container-1361 {
width: 100%;
height: 100%;
margin-left: auto;
margin-right: auto;
}
.footer_link-4 {
color: #f8fafc;
text-transform: capitalize;
justify-content: flex-start;
align-items: center;
width: auto;
margin-bottom: 0;
padding-bottom: 0;
font-size: .8rem;
font-weight: 200;
line-height: 1.2;
text-decoration: none;
display: flex;
}
.footer_link-4.margin_top {
margin-top: 1rem;
}
.footer-11 {
background-color: #000;
padding-top: 4rem;
padding-bottom: 4rem;
}
.service_list_main {
grid-column-gap: 12rem;
grid-row-gap: 12rem;
flex-direction: column;
display: flex;
}
.service_item_grid {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-rows: auto auto;
grid-template-columns: 1fr 2fr;
grid-auto-columns: 1fr;
padding-top: 2rem;
display: grid;
position: relative;
}
.content_wrapper-4 {
grid-column-gap: 3.5rem;
grid-row-gap: 3.5rem;
flex-direction: column;
display: flex;
}
.service_item_wrap {
grid-column-gap: 3px;
grid-row-gap: 3px;
grid-template-rows: auto;
grid-template-columns: .25fr 1.5fr;
grid-auto-columns: 1fr;
display: grid;
}
.container-1362 {
width: 100%;
height: 100%;
margin-left: auto;
margin-right: auto;
}
.service_lottie {
width: 7.75rem;
}
.p_large {
letter-spacing: -.05rem;
font-size: 1.5rem;
line-height: 1.2;
}
.p_large.text_color_white {
color: #000;
}
.service_item_title {
letter-spacing: -.08rem;
font-size: 2rem;
}
.service_content_wrap {
grid-column-gap: 6rem;
grid-row-gap: 6rem;
flex-direction: column;
display: flex;
}
.page_dots-2 {
background-color: #f8fafc;
border-radius: 1000rem;
width: 5px;
height: 5px;
margin-top: 5px;
overflow: hidden;
}
.page_dots-2.black {
background-color: #222;
}
.index_txt-2 {
color: #f8fafc;
line-height: 1.3;
}
.index_txt-2.black {
color: #222;
}
.slanted_cap {
text-transform: none;
font-style: italic;
font-weight: 400;
line-height: 1.2;
}
.section-239 {
width: 100%;
height: 100%;
position: relative;
}
.section-239.service_list {
padding-top: 6rem;
padding-bottom: 6rem;
}
.down_arrow {
color: #f8fafc;
width: 1rem;
position: relative;
}
.capabilities_btn_wrap {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
color: #000;
display: flex;
}
.container-1363 {
width: 100%;
height: 100%;
margin-left: auto;
margin-right: auto;
}
.down_arrow_abs {
color: #000;
width: 1rem;
position: absolute;
inset: 0%;
}
.page_dots-3 {
background-color: #000;
border-radius: 1000rem;
width: 5px;
height: 5px;
margin-top: 5px;
overflow: hidden;
}
.index_txt-3 {
color: #000;
line-height: 1.3;
}
.section-240 {
width: 100%;
height: 100%;
position: relative;
}
.section-240.intro {
background-color: #2220;
padding-top: 6rem;
padding-bottom: 6rem;
font-family: Poppins, sans-serif;
}
.body-12 {
background-color: #fff;
}
.body-12.gap {
padding-top: 0;
}
.text-block-194 {
font-size: 45px;
}
.grid-33 {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
}
.cell-2 {
align-items: center;
}
.div-block-272 {
justify-content: center;
display: flex;
}
.text-block-195 {
color: #ffffffb3;
}
.subheading-project-2 {
color: #fff;
text-transform: none;
margin-bottom: 0;
font-family: Poppins, sans-serif;
font-style: normal;
font-weight: 200;
}
.section-241 {
background-color: #000;
flex-direction: column;
flex: 1;
justify-content: center;
padding: 60px 5vw;
display: flex;
overflow: visible;
}
.section-241.lp {
background-color: #fff;
padding-top: 60px;
padding-left: 140px;
padding-right: 140px;
}
.section-241.lp.ss {
background-color: #fecc2f40;
padding-bottom: 0;
}
.section-241.homepage {
z-index: 1;
padding-left: 5vw;
padding-right: 5vw;
position: relative;
}
.section-241._2 {
padding-left: 5vw;
padding-right: 5vw;
}
.heading-project-2 {
color: #fff;
margin-bottom: 0;
font-family: Poppins, sans-serif;
}
.background-video-38 {
z-index: 0;
background-color: #dad7d412;
border-radius: 14px;
width: 100%;
height: 100%;
display: block;
}
.background-video-38.cpr {
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
background-position: 0 0;
background-size: auto;
}
.hero-c {
grid-column-gap: 1.2vw;
text-align: center;
flex-direction: row;
justify-content: center;
align-items: center;
margin-bottom: 40px;
display: flex;
}
.hero-c.header {
margin-bottom: auto;
}
.hero-c.header._1 {
display: none;
}
.heading-hero-c {
color: #000;
margin-bottom: 0;
font-family: Degular, sans-serif;
font-size: 4vw;
display: inline-block;
}
.heading-hero-c.h {
font-size: 6vw;
}
.heading-hero-c.faq {
color: #fff;
font-size: 3.5vw;
}
.heading-accent-c {
text-transform: none;
margin-bottom: .7vw;
font-size: 3vw;
font-style: italic;
font-weight: 400;
line-height: 120%;
display: inline-block;
}
.link-54 {
color: var(--black);
font-family: Poppins, sans-serif;
font-size: 20px;
text-decoration: underline;
}
.div-block-273 {
text-align: center;
padding-top: 40px;
padding-bottom: 20px;
}
.container-1364 {
z-index: 9;
flex: 1;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
max-width: none;
display: block;
position: relative;
}
.secondary-button-4 {
color: #2d332f;
background-color: #0000;
border: 1px solid #2d332f;
border-radius: 17px;
justify-content: center;
align-items: center;
padding: 15px 40px;
font-size: 16px;
font-weight: 500;
transition: color .8s, background-color .6s;
display: inline-block;
}
.secondary-button-4:hover {
color: #fff;
background-color: #2d332f;
}
.secondary-button-4.top-margin-30px {
margin-top: 30px;
}
.hero-heading-7 {
margin-bottom: 0;
font-family: Poppins, sans-serif;
font-size: 82px;
font-weight: 400;
line-height: 1.2em;
}
.hero-section-11 {
justify-content: center;
align-items: center;
padding: 80px 3%;
display: flex;
position: relative;
overflow: hidden;
}
.hero-intro-container {
text-align: center;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
min-width: 75vw;
max-width: 95vw;
margin-left: auto;
margin-right: auto;
display: flex;
}
.image-cover-7 {
width: 100%;
}
.hero-image-wrapper-6 {
object-fit: cover;
object-position: 50% 50%;
border-radius: 300px;
justify-content: center;
align-items: center;
width: 160px;
height: 62px;
margin-right: 25px;
display: flex;
overflow: hidden;
}
.heading-wrapper-4 {
align-items: center;
display: flex;
}
.hero-content-wrapper {
flex-direction: row;
justify-content: space-between;
align-items: flex-start;
width: 100%;
display: flex;
}
.intro-logos-overflow {
grid-column-gap: 4rem;
grid-row-gap: 4rem;
opacity: .5;
width: 100%;
padding-top: 6rem;
display: flex;
}
.intro-logos-wrapper {
grid-column-gap: 4rem;
grid-row-gap: 4rem;
flex: none;
justify-content: space-between;
align-items: center;
display: flex;
}
.intro-logos_logo {
display: block;
}
.paragraph-198 {
width: 100%;
}
.grid-34 {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.card-content-bottom {
align-items: flex-end;
display: flex;
}
.section-heading-wrapper {
justify-content: space-between;
align-items: flex-end;
margin-bottom: 3rem;
display: flex;
}
.container-1365 {
width: 90%;
max-width: 90rem;
margin-left: auto;
margin-right: auto;
}
.card-illustration-embed {
width: 100%;
}
.h3-8 {
font-size: 2rem;
}
.section-242 {
padding-top: 5rem;
padding-bottom: 5rem;
}
.icon-arrow-right {
display: flex;
}
.card-11 {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
color: #1a3e35;
background-color: #efffef;
border-radius: 1.5rem;
flex-direction: column;
justify-content: space-between;
padding: 2rem;
display: flex;
position: relative;
box-shadow: 0 3px 2px #00000005, 0 8px 7px #00000008, 0 20px 14px #0000000a, 0 100px 80px #00000012, 0 64px 46px #0000000f;
}
.card-11.bg-color-accent-1 {
color: #0c1e1b;
background-color: #6fff90;
}
.card-11.bg-color-primary {
color: #0c1e1b;
background-color: #efffef;
}
.card-11.bg-color-accent-2 {
color: #6fff90;
background-color: #0c1e1b;
}
.button-76 {
white-space: nowrap;
background-color: #efffef;
border-radius: .5rem;
align-items: center;
padding: 12px 20px;
font-weight: 500;
transition: background-color .3s cubic-bezier(.165, .84, .44, 1);
display: flex;
}
.button-76:hover {
background-color: #33ce56;
}
.button-76.text-only {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
background-color: #0000;
margin-bottom: -.25rem;
padding: 0;
transition: opacity .3s cubic-bezier(.165, .84, .44, 1), color .3s cubic-bezier(.165, .84, .44, 1), background-color .3s cubic-bezier(.165, .84, .44, 1);
}
.button-76.text-only:hover {
opacity: .6;
}
.h4-3 {
font-size: 1.5rem;
line-height: 1.1;
}
.container-1366 {
z-index: 9;
flex: 1;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
max-width: none;
display: block;
position: relative;
}
.secondary-button-5 {
color: #2d332f;
background-color: #0000;
border: 1px solid #2d332f;
border-radius: 17px;
justify-content: center;
align-items: center;
padding: 15px 40px;
font-size: 16px;
font-weight: 500;
transition: color .8s, background-color .6s;
display: inline-block;
}
.secondary-button-5:hover {
color: #fff;
background-color: #2d332f;
}
.secondary-button-5.top-margin-30px {
margin-top: 30px;
}
.hero-heading-8 {
margin-bottom: 0;
font-family: Poppins, sans-serif;
font-size: 82px;
font-weight: 500;
line-height: 1.2em;
}
.hero-section-12 {
flex-direction: column;
justify-content: center;
align-items: center;
padding: 80px 5%;
display: flex;
position: relative;
overflow: hidden;
}
.image-cover-8 {
width: 100%;
}
.heading-wrapper-5 {
align-items: center;
display: flex;
}
.logos-container2 {
display: flex;
position: relative;
}
.logos-row2 {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
flex: none;
align-items: center;
padding-left: 3rem;
display: flex;
}
.logos-gradient {
background-image: linear-gradient(to right, #0e0c15, #0e0c1500);
width: 5rem;
position: absolute;
inset: 0% auto 0% 0%;
}
.logos-gradient.is-inverted {
inset: 0% 0% 0% auto;
transform: rotate(180deg);
}
.home-logo-left-gradient {
background-image: linear-gradient(to right, #f3f3f3, #fff0);
width: 10%;
position: absolute;
inset: 0% auto 0% 0%;
}
.home-logo-left-gradient.right {
background-image: linear-gradient(270deg, #f3f3f3, #fff0);
inset: 0% 0% 0% auto;
}
.embed {
display: none;
}
.overline {
color: #72767d;
text-align: center;
letter-spacing: .08rem;
text-transform: uppercase;
font-family: Poppins, sans-serif;
font-size: .7rem;
font-weight: 500;
}
.clients-grid {
grid-column-gap: 30px;
grid-row-gap: 0px;
opacity: 1;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
place-items: center;
margin-top: 20px;
margin-left: auto;
margin-right: auto;
display: grid;
}
.clients-grid.logo-animate-alt {
grid-column-gap: 3rem;
flex: none;
width: 100rem;
margin-top: 0;
margin-left: 0;
margin-right: auto;
display: flex;
}
.clients-grid.logo-animate {
grid-column-gap: 3rem;
opacity: 1;
flex: none;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
width: 100rem;
margin-top: 0;
margin-bottom: 0;
margin-right: 0;
display: flex;
}
.home-logo-wrapper {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
justify-content: flex-start;
align-items: center;
margin-top: 1rem;
padding-bottom: 20px;
display: flex;
position: relative;
overflow: hidden;
}
.home-logo-wrapper.bottom {
margin-top: -2rem;
}
.home-logo-wrapper.ex {
margin-top: 0;
}
.client-logo-3 {
aspect-ratio: auto;
opacity: .8;
object-fit: cover;
width: 50%;
max-width: 100%;
min-height: 7rem;
max-height: 1rem;
transition: opacity .4s;
}
.client-logo-3:hover {
opacity: 1;
}
.home-logo-left-gradient-2 {
background-image: linear-gradient(90deg, #000, #fff0);
width: 10%;
position: absolute;
inset: 0% auto 0% 0%;
}
.home-logo-left-gradient-2.right {
background-image: linear-gradient(270deg, #000, #fff0);
inset: 0% 0% 0% auto;
}
.logo-14 {
border-radius: 0;
flex: 1;
}
.brand-nav-wrapper {
justify-content: center;
align-items: center;
max-width: none;
margin-left: auto;
margin-right: auto;
transition: transform .4s;
display: flex;
}
.brand-nav-wrapper:hover {
transform: scale(1.05);
}
.brand-nav-wrapper.w--current {
justify-content: flex-start;
}
.title-wrapper-6 {
flex-direction: column;
justify-content: center;
align-items: center;
max-width: 85ch;
margin-bottom: 0;
margin-left: auto;
margin-right: auto;
display: flex;
}
.wrapper-12 {
width: 100%;
padding-top: 60px;
}
.heading-564 {
font-size: 3em;
}
.paragraph-199 {
text-align: justify;
font-family: Poppins, sans-serif;
font-size: 1.7em;
font-weight: 400;
}
.section-243 {
padding-top: 40px;
padding-bottom: 40px;
}
.section-244 {
padding-top: 100px;
padding-left: 40px;
padding-right: 40px;
}
.app_user-cursor-img-1 {
position: absolute;
inset: -2.5rem 0% auto 18rem;
}
.margin-bottom-40 {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.margin-bottom-40.margin-xxhuge {
margin-bottom: 10rem;
}
.app_content-top-wrapper {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
grid-template-rows: auto;
grid-template-columns: minmax(auto, .75fr) minmax(auto, 1fr);
grid-auto-columns: 1fr;
display: grid;
}
.app_para {
letter-spacing: -2px;
font-family: Poppins, sans-serif;
font-size: 2rem;
font-weight: 500;
line-height: 1.3;
position: relative;
}
.app_content {
grid-column-gap: 10rem;
grid-row-gap: 10rem;
flex-direction: column;
display: flex;
}
.app_user-cursor-img-3 {
position: absolute;
inset: auto 0% 0% auto;
}
.max-width-medium-5 {
width: 100%;
max-width: 32rem;
}
.heading-565 {
font-family: Poppins, sans-serif;
font-size: 4em;
}
.app_custom-element-para {
letter-spacing: -2px;
font-size: 2.25rem;
font-weight: 700;
line-height: 1.3;
position: relative;
}
.features_span {
color: #ff5c00;
}
.features_span._03 {
color: #7437f6;
}
.features_span._02 {
color: #e01d68;
}
.app_user-cursor-img-2 {
position: absolute;
inset: auto auto 1.5rem -4.5rem;
}
.section-245 {
padding: 0 60px 20px;
}
.background-video-39 {
border-radius: 20px;
width: 100%;
height: 707px;
}
.text-block-196 {
padding-bottom: 20px;
font-family: Poppins, sans-serif;
}
.background-video-40 {
border-radius: 20px;
min-width: 100%;
min-height: 100%;
}
.cell-3 {
background-color: #ffd555;
border: 0 #000;
border-radius: 20px;
justify-content: center;
align-items: flex-start;
padding: 60px 40px;
}
.main-header-text {
margin-bottom: 0;
padding-top: 10px;
font-family: Poppins, sans-serif;
font-size: 1.2em;
font-weight: 300;
}
.main-header-text.header {
text-align: left;
margin-bottom: 0;
padding: 0 0 20px;
font-family: Degular, sans-serif;
font-size: 2.3em;
font-weight: 600;
line-height: 1;
}
.main-header-text._1 {
margin-bottom: 2vh;
}
.quick-stack {
padding-left: 0;
}
.maincard-3 {
background-color: #fff0;
border-radius: 24px;
justify-content: center;
align-items: center;
display: flex;
}
.service-category-card {
grid-column-gap: 0px;
grid-row-gap: 0px;
background-color: var(--black);
border: 1px #000;
border-radius: 24px;
flex-flow: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
justify-items: start;
margin-bottom: 0;
transition: background-color .2s;
display: flex;
position: relative;
overflow: hidden;
}
.service-category-card:hover {
background-color: var(--medium-slate-blue);
color: #000;
border-color: #fff;
}
.service-category-card.single {
grid-column-gap: 100px;
grid-row-gap: 24px;
grid-template-rows: auto auto;
grid-template-columns: 1fr .5fr;
}
.h3_subtitle.white {
color: #fff;
}
.number-4 {
font-size: 14px;
font-weight: 400;
}
.number-4.yellow {
color: #ffd8c2;
text-align: right;
width: 24px;
}
.sucessinfo-2 {
grid-row-gap: 8px;
background-color: #ffd8c2;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
padding: 24px 10%;
font-size: 32px;
display: flex;
}
.service-category-card-wrap {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
display: grid;
position: relative;
}
.paragraph_large-2 {
font-size: 20px;
font-weight: 400;
line-height: 150%;
}
.service-category-card-info {
grid-row-gap: 12px;
text-align: center;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 20px 12px;
font-size: 24px;
line-height: 110%;
display: flex;
}
.inthebox {
grid-column-gap: 0px;
grid-row-gap: 64px;
grid-template-rows: auto auto auto auto auto;
grid-template-columns: 1fr;
max-width: 660px;
}
.fulltitle-2 {
text-align: center;
border: 1px solid #000;
border-radius: 24px;
width: 100%;
padding: 24px;
}
.form-10 {
z-index: 2;
text-transform: uppercase;
margin-bottom: 0;
font-size: 16px;
position: relative;
}
.formerror-2 {
color: #ff5e00;
text-align: center;
background-color: #0000;
border: 2px dashed #ff5e00;
border-radius: 24px;
}
.label-10 {
margin-bottom: 0;
font-weight: 400;
line-height: 100%;
}
.sectiontitle-2 {
width: 32%;
font-size: 72px;
}
.sectiontitle-2.white {
color: #fff;
width: 36%;
}
.sectiontitle-2.inside {
z-index: 2;
width: 100%;
position: relative;
}
.sectiontitle-2.bigger {
width: 100%;
}
.boxcombo {
grid-column-gap: 16px;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.faq_unit-2 {
border-bottom: 1px solid #ffd8c2;
padding-top: 20px;
padding-bottom: 16px;
overflow: hidden;
}
.insidecard-4 {
background-color: #ffd8c2;
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/649cc7d3d55e502ff015aa3f_WhiteCircle.svg");
background-position: 50% -20%;
background-repeat: no-repeat;
background-size: 1080px;
border-radius: 24px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
padding: 64px;
position: relative;
}
.insidecard-4.white {
background-color: #fff;
background-image: none;
border: 1px solid #000;
justify-content: center;
display: flex;
overflow: hidden;
}
.insidecard-4.blackrelative {
background-color: #000;
background-image: none;
display: flex;
overflow: hidden;
}
.buttonprimary-2 {
color: #fff;
text-align: center;
background-color: #000;
border-radius: 16px;
margin-top: 0;
margin-bottom: 0;
padding: 24px 32px;
font-size: 18px;
font-weight: 400;
text-decoration: none;
transition: all .2s;
display: block;
}
.buttonprimary-2:hover {
color: #000;
background-color: #fff;
}
.buttonprimary-2.pink {
border: 1px solid #000;
}
.buttonprimary-2.pink:hover {
background-color: #ffd8c2;
}
.price-3 {
justify-content: space-between;
align-items: flex-start;
display: flex;
}
.checkbutton-2 {
background-color: #fff;
border-color: #000;
border-radius: 8px;
width: 100%;
height: 100%;
margin-top: 0;
margin-left: 0;
}
.checkbutton-2.w--redirected-checked {
background-color: #ffd8c2;
background-image: none;
border-color: #000;
}
.select-field-2 {
text-transform: uppercase;
background-color: #fff;
border: 1px solid #000;
border-radius: 8px;
height: 64px;
margin-bottom: 0;
}
.select-field-2:active {
background-color: #ffd8c2;
}
.h2_middletext-2 {
z-index: 1;
color: #000;
text-align: center;
max-width: 1280px;
margin: 0 auto;
font-size: 96px;
position: relative;
}
.paragraph-200 {
font-family: Poppins, sans-serif;
font-size: 15px;
}
.paragraph-201, .paragraph-202 {
font-size: 15px;
}
.section-246 {
padding-top: 40px;
}
.h3_pricing-2 {
font-size: 32px;
}
.pu_info-3 {
grid-column-gap: 0px;
grid-row-gap: 48px;
background-color: #fff;
border: 1px solid #000;
border-radius: 24px;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
padding: 42px;
display: grid;
position: relative;
}
.pu_info-3:hover {
background-color: #ffd8c2;
border-color: #fff;
}
.pu_info-3.single {
grid-column-gap: 100px;
grid-row-gap: 24px;
border-style: none;
grid-template-rows: auto;
grid-template-columns: 1fr .5fr;
align-content: center;
align-items: center;
font-family: Poppins, sans-serif;
}
.pu_info-3.single:hover {
background-color: #fce499;
}
.cardlabel-2 {
color: #0009;
text-transform: uppercase;
font-size: 12px;
font-weight: 400;
line-height: 100%;
}
.paragraph-203 {
font-size: 15px;
}
.paragraph-204 {
text-align: center;
margin-bottom: 0;
padding-bottom: 5px;
font-size: 1em;
}
.background-video-41 {
border-radius: 0;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 400px;
margin-top: 78px;
display: flex;
}
.background-video-41._1 {
background-image: none;
border-radius: 20px;
}
.cell-4 {
justify-content: flex-end;
align-items: flex-end;
}
.cell-6 {
border-radius: 20px;
}
.logo-15 {
object-fit: cover;
max-width: 15%;
}
.overline-2 {
color: #72767d;
text-align: center;
letter-spacing: .08rem;
text-transform: uppercase;
font-size: .7rem;
font-weight: 500;
}
.client-logo-4 {
opacity: .8;
object-fit: contain;
width: 100%;
min-height: 7rem;
max-height: 7rem;
transition: opacity .4s;
}
.client-logo-4:hover {
opacity: 1;
}
.header-12 {
z-index: 99;
justify-content: space-between;
align-items: center;
height: 12vh;
padding-left: 5vw;
padding-right: 5vw;
display: flex;
position: fixed;
inset: 0% 0% auto;
}
.menu-project-thumb-overlay {
z-index: 1;
background-color: #fff;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.menu-link-icon {
z-index: 1;
transform-origin: 0 100%;
width: 15px;
margin-top: 45px;
margin-right: 20px;
position: relative;
}
.menu-block-right {
flex-direction: column;
justify-content: center;
width: 60vw;
display: flex;
}
.menu-9 {
z-index: 9;
min-height: 100vh;
display: none;
position: fixed;
inset: 0%;
}
.menu-copyright-text {
color: #fff;
font-size: 20px;
font-weight: 400;
line-height: 24px;
}
.menu-copyright-text.text-color {
color: #fff9;
font-weight: 400;
}
.menu-project-heading {
color: #fff9;
margin-bottom: 5px;
}
.menu-project-name {
font-size: 22px;
line-height: 30px;
}
.logo-16 {
width: 130px;
margin-right: 5px;
}
.menu-link-underline {
background-color: #fff;
height: 1px;
}
.menu-project-video-wrapper {
margin-bottom: 15px;
position: relative;
overflow: hidden;
}
.menu-close-link {
z-index: 0;
color: #fff;
flex-direction: column;
justify-content: space-between;
margin-top: 8px;
padding-top: 5px;
padding-bottom: 5px;
font-size: 24px;
font-weight: 500;
line-height: 26px;
text-decoration: none;
display: flex;
position: absolute;
inset: 3.5vh 5vw auto auto;
overflow: hidden;
}
.menu-social-block {
grid-column-gap: 30px;
flex-direction: row;
justify-content: flex-start;
align-items: center;
margin-bottom: 15px;
display: flex;
}
.menu-project-details {
justify-content: space-between;
align-items: flex-start;
display: flex;
}
.page-wrapper-7 {
background-color: #060709;
min-height: 10vw;
position: relative;
}
.menu-link-text {
z-index: 1;
position: relative;
}
.brand-8 {
color: #fff;
font-family: Poppins, sans-serif;
font-size: 32px;
font-weight: 300;
line-height: 32px;
text-decoration: none;
display: flex;
}
.brand-8.w--current {
position: relative;
}
.menu-block-left {
border-right: 1px solid #ffffff1a;
flex-direction: column;
justify-content: space-between;
width: 40vw;
padding-bottom: 11.8vh;
padding-left: 5vw;
padding-right: 5vw;
display: flex;
}
.hero-paragraph-wrapper-2 {
grid-column-gap: 40px;
justify-content: flex-start;
align-items: flex-end;
text-decoration: none;
display: flex;
}
.hero-content-wrapper-2 {
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
width: 100%;
max-width: 100%;
height: 100vh;
margin-left: auto;
margin-right: auto;
padding-top: 18vh;
padding-bottom: 8vh;
display: flex;
position: relative;
}
.menu-project-bg-video {
width: 100%;
max-width: 100%;
height: 300px;
}
.menu-link-bg {
z-index: 0;
transform-origin: 50%;
transform-style: preserve-3d;
background-color: #fff;
position: absolute;
inset: 0%;
transform: scale3d(1, 0, 0);
}
.menu-project-image {
object-fit: cover;
width: 100%;
height: 300px;
display: none;
}
.menu-wrapper {
transform-origin: 50% 0;
transform-style: preserve-3d;
background-color: #060709;
flex-direction: column;
justify-content: flex-end;
align-items: stretch;
width: 100vw;
height: 100vh;
display: flex;
position: relative;
transform: scale3d(1, 0, 1);
}
.hero-paragraph-5 {
color: #fff;
flex: none;
width: 1000px;
margin-bottom: 11px;
font-size: 20px;
line-height: 30px;
}
.hero-heading-h1 {
color: #fff;
text-align: left;
letter-spacing: -5px;
text-transform: uppercase;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(#8e9eab, #eef2f3);
-webkit-background-clip: text;
background-clip: text;
margin-top: 0;
margin-bottom: 0;
margin-left: -10px;
font-family: Poppins, sans-serif;
font-size: 150px;
font-weight: 600;
line-height: 130px;
}
.menu-social-icon {
width: 22px;
}
.menu-open-link {
z-index: 1;
color: #fff;
flex-direction: column;
justify-content: space-between;
margin-top: 8px;
margin-bottom: 0;
padding-top: 5px;
padding-bottom: 5px;
font-size: 24px;
font-weight: 500;
line-height: 26px;
text-decoration: none;
display: flex;
position: relative;
overflow: hidden;
}
.menu-copyright-block {
grid-row-gap: 5px;
flex-direction: column;
align-items: flex-start;
display: flex;
}
.menu-social-link {
opacity: .6;
transition: opacity .25s;
}
.menu-social-link:hover {
opacity: 1;
}
.menu-project-name-underline {
background-color: #ffffffb3;
height: 1px;
}
.menu-link {
color: #fff;
letter-spacing: -3px;
text-transform: uppercase;
flex-direction: row;
justify-content: flex-start;
align-items: center;
width: 100%;
padding-left: 5vw;
padding-right: 5vw;
font-size: 100px;
font-weight: 700;
line-height: 130px;
text-decoration: none;
display: flex;
position: relative;
overflow: hidden;
}
.menu-project-link {
color: #fff;
width: 100%;
font-size: 16px;
font-weight: 500;
line-height: 24px;
text-decoration: none;
}
.menu-inner-wrapper {
border-top: 1px solid #ffffff1a;
justify-content: space-between;
align-items: stretch;
min-height: 88vh;
display: flex;
}
.hero-section-13 {
justify-content: center;
align-items: center;
min-height: 100vh;
padding-left: 5vw;
padding-right: 5vw;
text-decoration: none;
display: flex;
position: relative;
overflow: hidden;
}
.menu-project-details-block {
overflow: hidden;
}
.header-13 {
z-index: 99;
justify-content: space-between;
align-items: center;
height: 17vh;
padding-left: 5vw;
padding-right: 5vw;
display: flex;
position: fixed;
inset: 0% 0% auto;
}
.menu-10 {
z-index: 9;
min-height: 100vh;
display: block;
position: fixed;
inset: 0%;
}
.logo-17 {
width: auto;
max-width: 30%;
margin-right: 5px;
}
.brand-9 {
color: #fff;
font-family: Poppins, sans-serif;
font-size: 32px;
font-weight: 300;
line-height: 32px;
text-decoration: none;
display: flex;
}
.brand-9.w--current {
position: relative;
}
.hero-paragraph-6 {
color: #fff;
flex: none;
width: 1000px;
margin-bottom: 11px;
font-size: 20px;
line-height: 30px;
}
.hero-section-14 {
justify-content: center;
align-items: center;
min-height: 100vh;
padding-left: 5vw;
padding-right: 5vw;
text-decoration: none;
display: flex;
position: relative;
overflow: hidden;
}
.section-247 {
background-image: linear-gradient(#00000080, #00000080), url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/65be78d5e9f7d9a74b94b313_Behind%20the%20Camera.jpg");
background-position: 0 0, 0%;
background-size: auto, cover;
justify-content: center;
align-items: center;
height: auto;
padding-top: 140px;
padding-bottom: 140px;
display: flex;
}
.section-247.middle {
background-image: linear-gradient(#000000ab, #000000ab), url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/6435e1cf3721b127422d9d92_IMG_0928.jpg");
height: auto;
}
.section-247.middle.photo._2 {
background-image: linear-gradient(#0000006e, #0000006e), url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/61d26b8c6abf4ba67183ab7b_6168d66ca809f1d5d317d6fc_IMG_3829-p-2600.jpeg");
background-position: 0 0, 50% 30%;
}
.section-247.middle.commercial {
background-image: linear-gradient(#000000a6, #000000a6), url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/65cd42cba6df9f08c8598140_Think%20Raven-9.jpg");
}
.section-247.bottom {
height: auto;
}
.section-247.photo {
background-image: linear-gradient(#00000080, #00000080), url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/659757e838f178f6885a5c7d_IMG_1399.jpg");
padding-top: 140px;
padding-bottom: 140px;
}
.section-247.animation {
background-image: linear-gradient(#000c, #000c), url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/65e22444e0fe9b0e1f98d833_animation%20background.gif");
background-position: 0 0, 0%;
background-size: auto, cover;
}
.section-247.animation._2 {
background-image: linear-gradient(#000000b3, #000000b3), url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/659860d7be4bce0c6f302d19_google.gif");
margin-top: 80px;
}
.section-247.corporate {
background-image: linear-gradient(#000000b3, #000000b3), url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/65d4f38e148a90141dd916f1_Screen%20Shot%202024-02-20%20at%2012.45.55%20PM.png");
background-position: 0 0, 0 60%;
padding-top: 140px;
padding-bottom: 140px;
}
.section-247.crowdfunding {
background-image: linear-gradient(#0000009e, #0000009e), url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/6435e1cf3721b127422d9d92_IMG_0928.jpg");
padding-top: 140px;
padding-bottom: 140px;
}
.section-247.atx {
background-image: linear-gradient(#0000008a, #0000008a), url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/65d29a6f1cb16abd2e3aec02_skyline_one.jpeg");
}
.section-247.lv {
background-image: linear-gradient(#00000080, #00000080), url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/65d29d639cb7c96fa5a04da3_05_las_vegas.jpeg");
}
.section-247.about {
background-image: linear-gradient(#00000094, #00000094), url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/6699a78ef9283d5a5029140b_0V7A4599.jpg");
margin-top: 0;
margin-bottom: 0;
}
.section-247.work {
background-image: linear-gradient(#0009, #0009), url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/61da16cdcfc38610502d7319_IMG_8402.jpg");
padding-top: 222px;
}
.section-247.video-production {
background-image: none;
padding-top: 20px;
padding-bottom: 20px;
}
.section-247.home.mobile {
background-image: none;
display: none;
}
.section-247.ss {
background-image: linear-gradient(#0009, #0009), url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/6435e1cf3721b127422d9d92_IMG_0928.jpg");
}
.section-247.retainer {
margin-top: 80px;
}
.section-247.new {
grid-column-gap: 16px;
grid-row-gap: 16px;
background-color: #fff;
background-image: none;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
padding: 40px;
display: grid;
}
.container-1367 {
max-width: none;
padding-left: 350px;
padding-right: 350px;
position: static;
}
.container-1367.test {
padding-left: 0;
padding-right: 0;
}
.section-248 {
justify-content: center;
align-items: center;
min-height: 30vh;
padding: 100px 60px;
display: flex;
}
.section-248.ss-1 {
background-color: #fecc2f40;
}
.grid-35 {
grid-template-rows: auto;
}
.text-block-199 {
text-align: left;
font-family: Poppins, sans-serif;
font-size: 40px;
font-weight: 700;
}
.text-block-199.lp-header {
text-align: center;
padding-bottom: 20px;
}
.text-block-200 {
padding-top: 20px;
font-family: Poppins, sans-serif;
font-size: 20px;
line-height: 1.5;
}
.div-block-274 {
padding-right: 60px;
}
.div-block-275 {
border-radius: 15px;
padding-left: 20px;
padding-right: 20px;
}
.section-249 {
justify-content: center;
align-items: center;
padding-top: 20px;
padding-bottom: 60px;
display: flex;
}
.text-block-201 {
font-family: Poppins, sans-serif;
font-size: 20px;
font-weight: 500;
}
.div-block-277 {
padding-left: 140px;
padding-right: 140px;
}
.section-250 {
background-color: #000;
padding-top: 100px;
padding-bottom: 40px;
}
.text-span-73, .text-span-74, .text-span-75 {
color: #fecc2f;
}
.image-512 {
border-radius: 15px;
}
.bold-text-49, .bold-text-50 {
font-weight: 600;
}
.text-span-76, .text-span-77 {
color: #fecc2f;
}
.section-251 {
justify-content: center;
align-items: center;
height: 40vw;
padding-left: 60px;
padding-right: 60px;
display: flex;
}
.paragraph-205 {
text-align: center;
padding-top: 20px;
font-size: 15px;
}
.section-252 {
justify-content: center;
align-items: center;
height: auto;
padding: 0 60px 40px;
display: flex;
}
.paragraph-206 {
text-align: center;
margin-bottom: 10vh;
font-family: Poppins, sans-serif;
font-size: 1.3em;
}
.youtube-2 {
padding-left: 0;
}
.div-block-278 {
padding-left: 100px;
padding-right: 100px;
}
.text-span-78, .text-span-79, .text-span-80, .text-span-81, .text-span-82, .text-span-83 {
font-weight: 700;
}
.text-align-center-8 {
text-align: center;
margin-bottom: 3rem;
}
.margin-bottom-41 {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.page-padding-18 {
padding-left: 2rem;
padding-right: 2rem;
}
.white-text-5 {
color: #fff;
font-family: Poppins, sans-serif;
font-size: 18px;
font-weight: 600;
}
.white-text-5.lp {
color: #000;
}
.container-1368 {
max-width: none;
padding-left: 290px;
padding-right: 290px;
}
.paragraph-207 {
font-family: Poppins, sans-serif;
font-size: 1.3em;
}
.paragraph-207.lp {
color: #fff;
margin-bottom: 1vh;
}
.section-253 {
background-image: linear-gradient(#00000080, #00000080), url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/65be78d5e9f7d9a74b94b313_Behind%20the%20Camera.jpg");
background-position: 0 0, 0%;
background-size: auto, cover;
justify-content: center;
align-items: center;
height: 50vh;
display: flex;
}
.text-align-center-9 {
text-align: center;
margin-bottom: 3rem;
}
.margin-bottom-42 {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.page-padding-19 {
padding-left: 2rem;
padding-right: 2rem;
}
.white-text-6 {
color: #fff;
font-family: Poppins, sans-serif;
font-size: 18px;
font-weight: 600;
}
.white-text-6.lp {
color: #000;
}
.container-1369 {
max-width: none;
padding-left: 290px;
padding-right: 290px;
}
.paragraph-208 {
font-family: Poppins, sans-serif;
font-size: 1.3em;
}
.paragraph-208.lp {
color: #fff;
margin-bottom: 1vh;
}
.section-254 {
background-image: linear-gradient(#00000080, #00000080), url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/65be78d5e9f7d9a74b94b313_Behind%20the%20Camera.jpg");
background-position: 0 0, 0%;
background-size: auto, cover;
justify-content: center;
align-items: center;
height: 50vh;
display: flex;
}
.text-span-84, .text-span-85 {
color: #fecc2f;
}
.navbar-logo-left-container {
z-index: 5;
background-color: #0000;
width: 1030px;
max-width: 100%;
margin-left: auto;
margin-right: auto;
padding: 15px 20px;
}
.navbar-logo-left-container.shadow-three {
width: 100%;
max-width: 1140px;
margin-bottom: 0;
padding-top: 20px;
padding-bottom: 20px;
}
.container-1370 {
width: 100%;
max-width: 940px;
margin-left: auto;
margin-right: auto;
}
.navbar-wrapper {
justify-content: space-between;
align-items: center;
display: flex;
}
.navbar-brand {
margin-bottom: 0;
}
.nav-menu-two {
justify-content: space-between;
align-items: center;
margin-bottom: 0;
display: flex;
}
.nav-link-8 {
color: #1a1b1f;
letter-spacing: .25px;
margin-left: 5px;
margin-right: 5px;
padding: 5px 10px;
font-size: 14px;
line-height: 20px;
text-decoration: none;
}
.nav-link-8:hover {
color: #1a1b1fbf;
}
.nav-link-8:focus-visible, .nav-link-8[data-wf-focus-visible] {
outline-offset: 0px;
color: #0050bd;
border-radius: 4px;
outline: 2px solid #0050bd;
}
.nav-dropdown-2 {
margin-left: 5px;
margin-right: 5px;
}
.nav-dropdown-toggle {
letter-spacing: .25px;
padding: 5px 30px 5px 10px;
font-size: 14px;
line-height: 20px;
}
.nav-dropdown-toggle:hover {
color: #1a1b1fbf;
}
.nav-dropdown-toggle:focus-visible, .nav-dropdown-toggle[data-wf-focus-visible] {
outline-offset: 0px;
color: #0050bd;
border-radius: 5px;
outline: 2px solid #0050bd;
}
.nav-dropdown-icon {
margin-right: 10px;
}
.nav-dropdown-list {
background-color: #fff;
border-radius: 12px;
}
.nav-dropdown-list.w--open {
padding-top: 10px;
padding-bottom: 10px;
}
.nav-dropdown-link {
padding-top: 5px;
padding-bottom: 5px;
font-size: 14px;
}
.nav-dropdown-link:focus-visible, .nav-dropdown-link[data-wf-focus-visible] {
outline-offset: 0px;
color: #0050bd;
border-radius: 5px;
outline: 2px solid #0050bd;
}
.nav-divider {
background-color: #e4ebf3;
width: 1px;
height: 22px;
margin-left: 15px;
margin-right: 15px;
}
.nav-link-accent {
color: #1a1b1f;
letter-spacing: .25px;
margin-left: 5px;
margin-right: 20px;
padding: 5px 10px;
font-size: 14px;
font-weight: 700;
line-height: 20px;
text-decoration: none;
}
.nav-link-accent:hover {
color: #1a1b1fbf;
}
.button-primary-8 {
color: #fff;
letter-spacing: 2px;
text-transform: uppercase;
background-color: #1a1b1f;
margin-bottom: 0;
padding: 12px 25px;
font-size: 12px;
line-height: 20px;
transition: all .2s;
}
.button-primary-8:hover {
color: #fff;
background-color: #32343a;
}
.button-primary-8:active {
background-color: #43464d;
}
.section-255 {
background-color: #000;
background-image: linear-gradient(#000, #36282800);
padding-top: 20px;
padding-bottom: 20px;
padding-left: 20px;
}
.section-256 {
padding-top: 40px;
padding-bottom: 40px;
}
.text-span-86 {
text-decoration: underline;
}
.text-span-87 {
font-weight: 600;
}
.text-span-87._1 {
font-size: 50px;
}
.section-257 {
background-color: #e2e2e200;
padding: 20px 40px 140px;
}
.grid-36 {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.div-block-279 {
background-color: #e9e9e9;
border-radius: 13px;
padding: 20px;
}
.heading-566 {
text-align: center;
margin-top: 0;
font-family: Poppins, sans-serif;
font-size: 1.2em;
}
.div-block-280 {
justify-content: center;
align-items: center;
display: flex;
}
.paragraph-209 {
text-align: center;
margin-bottom: 0;
font-family: Poppins, sans-serif;
font-size: 1em;
}
.div-block-281 {
justify-content: center;
align-items: center;
display: flex;
}
.text-span-88, .text-span-89, .link-55 {
text-decoration: underline;
}
.section-258 {
justify-content: center;
align-items: center;
display: flex;
}
.hero-without-image {
background-color: #797979;
background-image: linear-gradient(#00000080, #00000080), url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/65f361bf26dc98f55923d96c_mask_group%20(8).webp");
background-position: 0 0, 0 0;
background-size: auto, auto;
border-bottom: 1px #e4ebf3;
padding: 80px 30px;
font-family: Poppins, sans-serif;
position: relative;
}
.container-1371 {
width: 100%;
max-width: 940px;
margin-left: auto;
margin-right: auto;
}
.hero-wrapper-two-2 {
text-align: center;
flex-direction: column;
justify-content: flex-start;
align-items: center;
max-width: 750px;
margin-left: auto;
margin-right: auto;
display: flex;
}
.margin-bottom-24px {
color: #fff;
margin-bottom: 24px;
font-size: 1.3em;
font-weight: 200;
}
.button-primary-9 {
color: #fff;
letter-spacing: 2px;
text-transform: uppercase;
background-color: #1a1b1f;
padding: 12px 25px;
font-size: 12px;
line-height: 20px;
transition: all .2s;
}
.button-primary-9:hover {
color: #fff;
background-color: #32343a;
}
.button-primary-9:active {
background-color: #43464d;
}
.heading-567 {
color: #fff;
margin-top: 0;
font-size: 3.2em;
font-weight: 300;
line-height: 1.2;
}
.text-span-90 {
font-weight: 600;
text-decoration: underline;
}
.text-span-91 {
font-weight: 500;
}
.image-513 {
display: block;
position: absolute;
bottom: 128.875px;
left: 666.5px;
}
.image-514, .image-515 {
border-radius: 15px;
}
.pricing-comparison {
border-bottom: 1px solid #e4ebf3;
padding: 80px 30px;
display: none;
position: relative;
}
.container-1372 {
width: 100%;
max-width: 940px;
margin-left: auto;
margin-right: auto;
}
.pricing-wrapper {
grid-column-gap: 40px;
grid-row-gap: 50px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
display: grid;
}
.pricing-card {
background-color: #fff;
flex-direction: column;
justify-content: flex-start;
align-items: center;
padding: 32px 24px;
font-family: Poppins, sans-serif;
display: flex;
position: relative;
box-shadow: 0 4px 130px #96a3b51f;
}
.pricing-card.featured-pricing {
z-index: 2;
box-shadow: 0 4px 130px #96a3b54d;
}
.pricing-image {
object-fit: cover;
width: 80px;
height: 80px;
margin-bottom: 16px;
}
.pricing-title-2 {
margin-top: 10px;
margin-bottom: 8px;
font-size: 40px;
font-weight: 500;
line-height: 48px;
}
.pricing-subtitle {
margin-bottom: 12px;
font-size: 14px;
line-height: 20px;
}
.pricing-price {
margin-bottom: 8px;
font-size: 24px;
font-weight: 700;
line-height: 32px;
}
.paragraph-regular-6 {
font-size: 14px;
line-height: 20px;
}
.paragraph-regular-6.margin-bottom-20 {
margin-bottom: 20px;
}
.button-primary-10 {
color: #fff;
letter-spacing: 2px;
text-transform: uppercase;
background-color: #1a1b1f;
padding: 12px 25px;
font-size: 12px;
line-height: 20px;
transition: all .2s;
}
.button-primary-10:hover {
color: #fff;
background-color: #32343a;
}
.button-primary-10:active {
background-color: #43464d;
}
.button-primary-10.outline-button {
color: #1a1b1f;
background-color: #0000;
box-shadow: inset 0 0 0 1px #1a1b1f;
}
.button-primary-10.outline-button:hover {
color: #fff;
background-color: #1a1b1f;
}
.pricing-divider {
background-color: #76879d1a;
align-self: stretch;
height: 1px;
margin: 56px -24px 16px;
}
.pricing-feature-list {
align-self: stretch;
}
.pricing-feature {
background-image: url("https://cdn.prod.website-files.com/62434fa732124a0fb112aab4/62434fa732124a700a12aad4_check%20circle.svg");
background-position: 0 0;
background-repeat: no-repeat;
background-size: auto;
align-self: stretch;
margin-top: 16px;
padding-left: 32px;
font-size: 14px;
line-height: 24px;
}
.pricing-tag {
color: #3a4554;
background-color: #fff;
border-radius: 24px;
padding: 7px 16px;
position: absolute;
top: -19px;
box-shadow: 0 3px 10px #96a3b533;
}
.testimonial-column-dark {
border-bottom: 1px solid #e4ebf3;
padding: 80px 30px;
position: relative;
}
.centered-heading {
text-align: center;
margin-bottom: 16px;
}
.testimonial-grid {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-rows: auto;
grid-template-columns: 2.25fr 1fr 1fr;
grid-auto-columns: 1fr;
margin-top: 40px;
display: grid;
}
.testimonial-block-main {
background-color: #f5f7fa;
justify-content: space-between;
padding: 32px 24px;
display: flex;
}
.testimonial-main-image {
object-fit: cover;
width: 200px;
height: 280px;
margin-right: 24px;
}
.testimonial-main-content {
flex-direction: column;
justify-content: space-between;
display: flex;
}
.margin-bottom-24px-2 {
margin-bottom: 24px;
}
.testimonial-main-heading {
margin-bottom: 2px;
font-weight: 600;
}
.testimonial-block {
background-color: #f5f7fa;
flex-direction: column;
justify-content: space-between;
padding: 32px 24px;
display: flex;
}
.testimonial-info-two {
align-items: center;
display: flex;
}
.testimonial-image-2 {
object-fit: cover;
border-radius: 50%;
width: 60px;
height: 60px;
margin-right: 16px;
}
.testimonial-author-name {
font-weight: 700;
}
.section-259 {
background-color: #000;
padding-top: 40px;
padding-bottom: 40px;
}
.paragraph-210 {
color: #4f4f4f;
text-align: center;
margin-bottom: 0;
font-size: 1em;
font-style: italic;
}
.paragraph-210._2 {
padding-top: 40px;
}
.image-516 {
padding-top: 40px;
padding-left: 40px;
position: fixed;
inset: 0% auto -43px 0%;
}
.image-517, .image-518 {
border-radius: 15px;
}
.text-span-92 {
color: #fecc2f;
}
.hero-stack {
background-color: #f5f7fa00;
border-bottom: 1px solid #e4ebf3;
padding: 80px 30px;
position: relative;
}
.container-1373 {
width: 100%;
max-width: 940px;
margin-left: auto;
margin-right: auto;
font-family: Poppins, sans-serif;
}
.hero-wrapper-two-3 {
text-align: center;
flex-direction: column;
justify-content: flex-start;
align-items: center;
max-width: 750px;
margin-left: auto;
margin-right: auto;
display: flex;
}
.margin-bottom-24px-3 {
margin-bottom: 24px;
padding-top: 40px;
font-size: 20px;
}
.button-primary-11 {
color: #fff;
letter-spacing: 2px;
text-transform: uppercase;
background-color: #1a1b1f;
padding: 12px 25px;
font-size: 12px;
line-height: 20px;
transition: all .2s;
}
.button-primary-11:hover {
color: #fff;
background-color: #32343a;
}
.button-primary-11:active {
background-color: #43464d;
}
.hero-image-7 {
width: 100%;
margin-top: 50px;
}
.heading-568 {
font-size: 40px;
}
.text-span-93 {
color: #fecc2f;
}
.image-519, .image-520, .image-521, .image-522 {
border-radius: 15px;
}
.image-524, .image-525, .image-526, .image-527, .image-528, .image-529, .image-530, .image-531, .image-532 {
border-radius: 0;
}
.text-span-94, .text-span-95, .text-span-96 {
color: #fecc2f;
}
.image-533, .image-534, .image-535 {
border-radius: 0;
}
.text-span-97, .text-span-98, .text-span-99 {
text-decoration: underline;
}
.html-embed-9 {
border-radius: 5px;
width: 100%;
display: block;
}
.html-embed-9.strategy {
border-radius: 14px;
margin-bottom: 0;
}
.html-embed-10 {
width: auto;
}
.paragraph-211 {
color: #616161;
font-family: Poppins, sans-serif;
font-size: 1.2em;
font-weight: 300;
}
.paragraph-211._1 {
text-align: center;
font-style: normal;
font-weight: 400;
}
.paragraph-211._1._2 {
color: silver;
margin-top: 100px;
margin-bottom: 0;
font-size: 1.5em;
}
.html-embed-11 {
width: 100%;
}
.image-536 {
padding-top: 40px;
}
.section-260 {
background-image: linear-gradient(#00000080, #00000080), url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/65be78d5e9f7d9a74b94b313_Behind%20the%20Camera.jpg");
background-position: 0 0, 0%;
background-size: auto, cover;
justify-content: center;
align-items: center;
height: auto;
padding-top: 40px;
padding-bottom: 40px;
display: flex;
}
.section-260.lv {
background-image: linear-gradient(#00000080, #00000080), url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/65d29d639cb7c96fa5a04da3_05_las_vegas.jpeg");
}
.section-260.mx {
background-image: linear-gradient(#00000080, #00000080), url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/65d29f13e241c3952b05ce6b_MexicoCity-BellasArtes.jpeg");
margin-top: 60px;
padding-top: 80px;
padding-bottom: 80px;
}
.section-260.la {
background-image: linear-gradient(#00000080, #00000080), url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/65d29fb10e91536442e0d39c_Screen%20Shot%202024-02-18%20at%206.24.04%20PM.png");
background-position: 0 0, 50%;
padding-top: 80px;
padding-bottom: 80px;
}
.section-260.sd {
background-image: linear-gradient(#00000080, #00000080), url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/65d2b2cf1352ce5c4f7b3a51_best-suburbs-san-diego-ca.webp");
padding-top: 220px;
padding-bottom: 80px;
}
.section-260.hk {
background-image: linear-gradient(#00000080, #00000080), url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/65d2b3b7a85e4ba8c8aa6104_Screen%20Shot%202024-02-18%20at%207.49.31%20PM.png");
padding-top: 80px;
padding-bottom: 80px;
}
.section-260.venezuela {
background-image: linear-gradient(#00000080, #00000080), url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/65d2b4a24572c78530743f09_istockphoto-500750930-612x612.jpeg");
padding-top: 80px;
padding-bottom: 80px;
}
.text-align-center-10 {
text-align: center;
margin-bottom: 3rem;
}
.margin-bottom-43 {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.white-text-7 {
color: #fff;
font-family: Poppins, sans-serif;
font-size: 18px;
font-weight: 600;
}
.white-text-7.lp {
color: #000;
}
.page-padding-20 {
padding-left: 2rem;
padding-right: 2rem;
}
.paragraph-212 {
font-family: Poppins, sans-serif;
font-size: 1.3em;
}
.paragraph-212.lp {
color: #fff;
margin-bottom: 1vh;
}
.container-1374 {
max-width: none;
padding-left: 290px;
padding-right: 290px;
position: static;
}
.text-span-100, .text-span-101, .text-span-102 {
color: #fecc2f;
}
.image-537, .image-538 {
border-radius: 15px;
}
.text-align-center-11 {
text-align: center;
margin-bottom: 3rem;
}
.margin-bottom-44 {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.section-261 {
background-image: linear-gradient(#00000080, #00000080), url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/65be78d5e9f7d9a74b94b313_Behind%20the%20Camera.jpg");
background-position: 0 0, 0%;
background-size: auto, cover;
justify-content: center;
align-items: center;
height: auto;
padding-top: 40px;
padding-bottom: 40px;
display: flex;
}
.section-261.about {
margin-bottom: 0;
}
.section-261.insights {
background-image: linear-gradient(#0009, #0009), url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/654d612163b7ee9877fbdd3c_Venture%20004.webp");
padding-top: 140px;
}
.page-padding-21 {
padding-left: 2rem;
padding-right: 2rem;
}
.paragraph-213 {
font-family: Poppins, sans-serif;
font-size: 1.3em;
}
.paragraph-213.lp {
color: #fff;
margin-bottom: 1vh;
}
.text-span-103, .text-span-104 {
font-weight: 600;
}
.form-block-7 {
width: 65%;
}
.form-block-7.lp {
margin-bottom: 40px;
}
.form-11 {
font-family: Poppins, sans-serif;
}
.submit-button-6 {
background-color: #000;
border-radius: 20px;
margin-top: 20px;
font-weight: 600;
}
.text-field-15, .text-field-16, .textarea-3 {
border-radius: 20px;
margin-bottom: 20px;
}
.recaptcha {
margin-bottom: 20px;
}
.success-message-19 {
border-radius: 20px;
font-family: Poppins, sans-serif;
font-weight: 500;
}
.error-message-15 {
border-radius: 20px;
font-family: Poppins, sans-serif;
}
.text-field-17 {
border-radius: 20px;
margin-bottom: 20px;
}
.text-span-105 {
font-style: italic;
font-weight: 200;
}
.link-56 {
text-decoration: underline;
}
.text-span-106 {
font-size: .8em;
font-style: italic;
font-weight: 200;
}
.text-span-107, .text-span-108 {
font-weight: 100;
}
.section-262 {
align-items: center;
height: auto;
display: block;
}
.column-80 {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/65d4e7659597a921da36758d_Screen%20Shot%202024-02-20%20at%2011.53.34%20AM.png");
background-position: 50%;
background-size: cover;
}
.section-263 {
height: 1%;
padding: 20px;
}
.columns-26 {
justify-content: center;
align-items: center;
display: flex;
}
.heading-569 {
font-family: Poppins, sans-serif;
font-size: 2.5em;
}
.paragraph-214 {
font-family: Poppins, sans-serif;
font-size: 1.2em;
}
.grid-37 {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
}
.text-block-202 {
text-align: center;
padding-top: 10px;
padding-bottom: 10px;
font-family: Poppins, sans-serif;
font-size: 25px;
font-weight: 600;
}
.div-block-282 {
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
}
.paragraph-215 {
text-align: center;
font-family: Poppins, sans-serif;
font-size: 1em;
}
.section-264 {
padding: 40px;
}
.heading-570 {
text-align: center;
margin-bottom: 60px;
font-family: Poppins, sans-serif;
font-size: 2.5em;
line-height: 1.2;
}
.text-span-109 {
color: #fecc2f;
}
.div-block-283 {
padding: 20px 200px;
}
.text-block-203 {
padding-bottom: 15px;
font-family: Poppins, sans-serif;
font-size: 1.2rem;
font-weight: 600;
}
.paragraph-216 {
font-family: Poppins, sans-serif;
font-size: .9em;
}
.image-539 {
padding-top: 10px;
padding-bottom: 10px;
display: inline-block;
}
.section-265 {
background-color: var(--black);
justify-content: space-between;
align-items: center;
padding-top: 10px;
padding-bottom: 10px;
padding-right: 40px;
display: flex;
}
.div-block-284 {
padding-left: 40px;
}
.link-block-29 {
margin-bottom: 0;
}
.lp.header {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: center;
padding: 0;
font-size: 1em;
display: grid;
}
.div-block-285 {
border-radius: 20px;
}
.text-block-204 {
color: var(--black);
background-color: #fecc2f;
border-radius: 20px;
padding: 10px 20px;
font-family: Poppins, sans-serif;
font-size: 18px;
font-weight: 600;
text-decoration: none;
}
.text-block-204:hover {
color: var(--medium-slate-blue);
background-color: #000;
text-decoration: none;
}
.lightbox-link-20 {
margin-bottom: 0;
}
.text-block-205 {
color: var(--white);
padding-left: 10px;
}
.text-block-205:hover {
color: var(--white);
}
.text-block-205.home {
color: var(--black);
text-transform: capitalize;
font-family: Poppins, sans-serif;
}
.text-block-205.home:hover {
color: var(--black);
}
.image-540 {
border-radius: 20px;
}
.section-266 {
background-color: #000;
justify-content: space-between;
padding-top: 10px;
padding-bottom: 10px;
padding-right: 40px;
display: flex;
}
.lp-heder {
align-items: center;
display: flex;
}
.text-block-206 {
color: #fff;
font-family: Poppins, sans-serif;
font-weight: 600;
}
.text-block-206._2 {
padding-left: 20px;
}
.lp-about {
color: var(--white);
font-size: 20px;
}
.lp-about:hover {
color: var(--medium-slate-blue);
}
.div-block-286 {
padding-right: 200px;
}
.div-block-286.ss {
padding-top: 20px;
}
.text-span-110 {
font-weight: 400;
text-decoration: underline;
}
.contact-text-wrapper {
flex: 0 auto;
font-family: Poppins, sans-serif;
}
.social-media-link-block {
grid-column-gap: 24px;
grid-row-gap: 24px;
margin-top: 14px;
display: flex;
}
.contact-01-container {
justify-content: space-between;
align-items: center;
max-width: 1160px;
margin-top: 0;
margin-left: auto;
margin-right: auto;
padding-left: 40px;
padding-right: 40px;
display: flex;
}
.contact-01-container.strategy {
flex-flow: column;
}
.social-media-block {
margin-top: 36px;
}
.contact-social-link-block:hover {
opacity: .7;
}
.mobile-margin-top-11 {
display: none;
}
.nav-link-9 {
color: #fff;
letter-spacing: .25px;
margin-left: 5px;
margin-right: 5px;
padding: 5px 10px;
font-size: 16px;
font-weight: 400;
line-height: 24px;
text-decoration: none;
}
.nav-link-9:hover {
color: #fffc;
}
.nav-link-9:focus-visible, .nav-link-9[data-wf-focus-visible] {
outline-offset: 0px;
color: #0050bd;
border-radius: 4px;
outline: 2px solid #0050bd;
}
.form-group-2 {
align-items: flex-start;
display: flex;
position: relative;
}
.text-field-icon-2 {
margin-left: 16px;
position: absolute;
}
.office-location-block {
margin-top: 40px;
}
.container-regular-4 {
width: 100%;
max-width: 1344px;
min-height: 30px;
margin-left: auto;
margin-right: auto;
}
.contact-1-subtext {
color: #fff;
max-width: 460px;
margin-top: 10px;
}
.contact-1-subtext.body-1 {
color: #fff;
font-size: 18px;
line-height: 28px;
}
.contact-1-subtext.body-1._1 {
color: #fff;
}
.navbar-no-shadow-container {
z-index: 5;
background-color: #0000;
width: 100%;
max-width: 1400px;
margin-left: auto;
margin-right: auto;
padding-top: 24px;
padding-left: 28px;
padding-right: 28px;
}
.social-media-head {
color: #fff;
font-size: 24px;
font-weight: 700;
line-height: 32px;
}
.office-location {
color: #101010;
max-width: 260px;
}
.office-location.body-2 {
color: #fff;
margin-top: 12px;
}
.form-group {
align-items: center;
margin-bottom: 16px;
display: flex;
position: relative;
}
.form-group._2 {
width: 222px;
}
.contact-form-block-2 {
background-color: #202020;
border-radius: 12px;
flex: 0 auto;
width: 540px;
padding: 40px;
font-family: Poppins, sans-serif;
}
.contact-form-block-2.strategy {
width: 1000px;
padding: 20px;
}
.office-location-head {
color: #fff;
font-size: 24px;
font-weight: 700;
line-height: 32px;
}
.sub-heading-2 {
color: #141414;
letter-spacing: -.01em;
margin-top: 0;
margin-bottom: 0;
font-size: 26px;
font-weight: 700;
line-height: 34px;
}
.sub-heading-2.form-title {
color: #fff;
}
.sub-heading-2.office-branch-location {
margin-top: 30px;
}
.sub-heading-2.content-2-item-head {
color: #141414;
}
.sub-heading-2.content-1-services-list-head {
color: #fff;
}
.contact-1-textarea {
color: #fff;
background-color: #292929;
border: 1px solid #292929;
border-radius: 6px;
min-height: 170px;
margin-bottom: 0;
padding-top: 14px;
padding-left: 52px;
}
.contact-1-textarea::placeholder {
color: #515151;
font-size: 16px;
line-height: 24px;
}
.c-form-btn {
width: 100%;
margin-top: 32px;
}
.c-form-btn.button-2 {
font-size: 20px;
}
.contact-1-form-block {
margin-top: 18px;
margin-bottom: 0;
}
.contact {
background-color: #000;
margin-top: 0;
padding-top: 120px;
padding-bottom: 100px;
}
.contact.strategy {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: column;
align-items: center;
padding-bottom: 60px;
padding-left: 60px;
padding-right: 60px;
display: flex;
}
.contact-field-icon {
margin-top: 14px;
margin-left: 16px;
position: absolute;
}
.contact-1-text-filed {
color: #fff;
background-color: #292929;
border: 1px solid #292929;
border-radius: 6px;
min-height: 52px;
margin-bottom: 0;
padding-left: 52px;
}
.contact-1-text-filed::placeholder {
color: #515151;
font-size: 16px;
line-height: 24px;
}
.contact-1-heading {
color: #101010;
max-width: 490px;
}
.contact-1-heading.heading-1 {
color: #fff;
}
.contact-1-heading.heading-1.strategy {
margin-bottom: 40px;
font-size: 31px;
}
.nav-menu-12 {
justify-content: space-between;
align-items: center;
margin-bottom: 0;
padding-bottom: 0;
padding-left: 0;
display: flex;
}
.form-row {
justify-content: space-between;
display: flex;
}
.nav-button-3 {
color: #141414;
background-color: #fff;
border-radius: 10px;
padding: 6px 20px;
font-size: 16px;
font-weight: 500;
line-height: 24px;
transition: all .2s;
}
.nav-button-3:hover {
background-color: #ffffffd9;
}
.bold-text-51 {
font-size: 68px;
line-height: 76px;
}
.bold-text-51.strategy {
font-family: Poppins, sans-serif;
font-size: 60px;
}
.text-span-111 {
color: #fecc2f;
}
.success-message-20 {
border-radius: 20px;
}
.text-block-207 {
font-weight: 600;
}
.error-message-16 {
border-radius: 20px;
}
.office-wrap {
grid-column-gap: 32px;
grid-row-gap: 32px;
margin-top: 64px;
display: flex;
}
.heading-571 {
color: #141414;
letter-spacing: -.02em;
margin-top: 0;
margin-bottom: 0;
font-size: 64px;
font-weight: 700;
line-height: 72px;
}
.heading-571.location-heading {
text-align: center;
max-width: 700px;
margin: 60px auto 100px;
padding-bottom: 0;
font-family: Lato, sans-serif;
}
.learn-more-link {
text-decoration: none;
display: inline-block;
overflow: hidden;
}
.location {
margin-top: 160px;
}
.learn-more-link-underline {
background-color: #141414;
height: 1px;
transform: translate(0%);
}
.location-container {
max-width: 1160px;
margin-left: auto;
margin-right: auto;
}
.office-branch-wrap {
border: 1px solid #141414;
border-radius: 12px;
padding: 32px;
}
.body-1 {
color: #141414;
font-size: 18px;
font-weight: 400;
line-height: 28px;
}
.body-1.office-branch-address {
margin-top: 10px;
margin-bottom: 32px;
}
.learn-more {
color: #141414;
font-size: 18px;
font-weight: 600;
}
.bold-text-52 {
font-family: Poppins, sans-serif;
font-size: 40px;
}
.text-span-112 {
color: #fecc2f;
}
.brand-logos {
margin-top: -21px;
}
.brand-logos-container {
max-width: 1160px;
margin-left: auto;
margin-right: auto;
}
.brand-logos-top-wrap {
align-items: center;
padding-top: 60px;
display: flex;
}
.brand-logos-top-border {
border-top: 1px solid #141414;
flex: 1;
width: 100%;
}
.brand-logos-top-title-box {
background-color: #141414;
border-radius: 8px;
padding: 5px 20px;
}
.brand-logos-top-title {
color: #fff;
letter-spacing: .04px;
text-transform: uppercase;
font-weight: 600;
line-height: 22px;
}
.brand-logos-bottom-wrap {
justify-content: space-between;
align-items: center;
margin-top: 38px;
display: flex;
}
.heading-572 {
color: #141414;
letter-spacing: -.02em;
margin-top: 0;
margin-bottom: 0;
font-size: 64px;
font-weight: 700;
line-height: 72px;
}
.heading-572.content-2-heading {
text-align: center;
max-width: 732px;
margin-left: auto;
margin-right: auto;
}
.content-2-item-wrap {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 64px;
display: flex;
}
.content-2-item-head-wrap {
grid-column-gap: 16px;
grid-row-gap: 16px;
align-items: center;
display: flex;
}
.content-2-item-image-box {
margin-top: 32px;
}
.content-578 {
margin-top: 160px;
}
.body-13 {
color: #141414;
font-size: 18px;
font-weight: 400;
line-height: 28px;
}
.body-13.content-2-item-subtext {
color: #141414;
max-width: 228px;
margin-top: 24px;
}
.content-2-container {
max-width: 1160px;
margin-left: auto;
margin-right: auto;
}
.content-2-item-image {
width: 150px;
}
.cta-btn-wrap {
margin-top: 40px;
margin-right: 315px;
}
.heading-573 {
color: #141414;
letter-spacing: -.02em;
margin-top: 0;
margin-bottom: 0;
font-size: 68px;
font-weight: 700;
line-height: 76px;
}
.heading-573.cta-heading {
color: #141414;
max-width: 640px;
}
.cta-image-2 {
width: 100%;
}
.cta-container-3 {
justify-content: space-between;
align-items: center;
max-width: 1160px;
margin-left: auto;
margin-right: auto;
display: flex;
}
.cta-text-wrap {
font-family: Poppins, sans-serif;
}
.body-14 {
color: #141414;
font-size: 18px;
font-weight: 400;
line-height: 28px;
}
.body-14.cta-subtext {
color: #141414;
max-width: 500px;
margin-top: 24px;
}
.button-1 {
color: #fff;
background-color: #141414;
border-radius: 10px;
padding: 12px 24px;
font-size: 16px;
font-weight: 500;
line-height: 24px;
transition: opacity .2s;
}
.button-1:hover {
background-color: #141414e6;
}
.cta-5 {
background-image: none;
background-repeat: repeat;
margin-top: 0;
padding: 80px 40px;
}
.cta-image-box {
width: 500px;
}
.content-1-services-list {
cursor: pointer;
border-top: 1px solid #222;
justify-content: space-between;
align-items: center;
padding-top: 30px;
padding-bottom: 30px;
display: flex;
}
.content-1-services-list.bottom-border {
border-bottom: 1px solid #222;
}
.content-1-services-list._2 {
flex-flow: row;
justify-content: space-between;
}
.body-15 {
color: #141414;
font-size: 16px;
font-weight: 400;
line-height: 24px;
}
.body-15.c-1-services-list-subtext {
color: #9d9d9d;
max-width: 280px;
}
.body-15.c-1-services-list-subtext._2 {
max-width: none;
}
.heading-574 {
color: #141414;
letter-spacing: -.02em;
margin-top: 0;
margin-bottom: 0;
font-size: 64px;
font-weight: 700;
line-height: 72px;
}
.heading-574.content-1-heading {
color: #fff;
max-width: 625px;
font-family: Poppins, sans-serif;
font-size: 40px;
line-height: 55px;
}
.view-full-list {
color: #fff;
text-align: center;
margin-top: 48px;
font-size: 18px;
font-weight: 600;
line-height: 28px;
text-decoration: underline;
}
.c-1-list-arrow-box {
background-color: #222;
border-radius: 50px;
flex: 0 auto;
justify-content: center;
align-items: center;
width: 40px;
height: 40px;
display: flex;
}
.content-1 {
background-color: #000;
margin-top: 0;
padding: 140px 40px 40px;
overflow: hidden;
}
.content-1._2 {
padding-top: 0;
}
.content-1-heading-wrap {
justify-content: space-between;
align-items: flex-end;
display: flex;
}
.services-provide-tag {
background-color: #202020;
border-radius: 50px;
padding: 10px;
}
.services-provide-tag:hover {
background-color: var(--medium-slate-blue);
}
.button-77 {
color: #141414;
background-color: #fff;
border-radius: 10px;
padding: 12px 24px;
font-size: 16px;
font-weight: 500;
line-height: 24px;
transition: opacity .3s;
}
.button-77:hover {
background-color: #ffffffd9;
}
.content-1-services-wrap {
flex-flow: column;
justify-content: space-between;
align-items: center;
margin-top: 100px;
display: flex;
position: relative;
}
.content-1-services-wrap._2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: wrap;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: row dense;
display: grid;
}
.services-provide-wrap {
background-color: #000;
max-width: 1202px;
margin-top: 0;
margin-left: auto;
margin-right: auto;
padding: 60px 10px;
}
.body-m-1 {
color: #141414;
font-size: 18px;
font-weight: 500;
line-height: 28px;
}
.body-m-1.services-tag {
color: #fff;
font-family: Poppins, sans-serif;
font-size: 15px;
}
.content-1-image {
max-width: 75%;
margin-left: -92px;
padding-left: 0;
display: block;
}
.services-provide-tag-box {
grid-column-gap: 16px;
grid-row-gap: 16px;
justify-content: center;
display: flex;
}
.services-provide-tag-box._2 {
margin-top: 16px;
}
.content-1-image-box {
align-items: center;
position: absolute;
inset: 5% -8% 0% auto;
}
.c-1-services-list-text-wrap {
grid-column-gap: 40px;
grid-row-gap: 40px;
justify-content: space-between;
width: 465px;
display: flex;
}
.c-1-services-list-text-wrap._2 {
width: auto;
}
.heading-575 {
color: #141414;
letter-spacing: -.01em;
margin-top: 0;
margin-bottom: 0;
font-size: 48px;
font-weight: 700;
line-height: 56px;
}
.heading-575.services-provide-head {
color: #fff;
text-align: center;
max-width: 800px;
margin-left: auto;
margin-right: auto;
}
.content-1-services {
width: 610px;
font-family: Poppins, sans-serif;
}
.content-1-services._2 {
width: 1000px;
}
.content-1-container {
max-width: 1160px;
margin-left: auto;
margin-right: auto;
}
.services-provide-tag-wrap {
margin-top: 48px;
}
.link-block-30 {
display: block;
}
.text-span-113 {
color: #fecc2f;
}
.faq-plus {
background-color: #fecc2f;
border-radius: 3px;
width: 100%;
height: 5px;
}
.faq-answer-text {
color: #fff;
margin-bottom: 30px;
font-size: 16px;
}
.link-57 {
color: #2aa8ff;
font-weight: 600;
}
.faq-plus-l {
background-color: #fecc2f;
border-radius: 3px;
width: 5px;
height: 100%;
position: absolute;
}
.full-texture {
z-index: 0;
opacity: .2;
position: absolute;
inset: 0;
}
.faq-question-2 {
cursor: pointer;
align-items: center;
height: 90px;
font-size: 22px;
font-weight: 800;
display: flex;
}
.container-1375 {
z-index: 2;
width: 100%;
max-width: 1400px;
margin-left: auto;
margin-right: auto;
padding-left: 5vw;
padding-right: 5vw;
display: block;
position: relative;
}
.container-1375.faq-container {
background-color: #202020;
border-radius: 17px;
max-width: 900px;
margin-bottom: 0;
padding-top: 60px;
padding-bottom: 80px;
font-family: Poppins, sans-serif;
box-shadow: 0 0 50px #2d3e500f;
}
.faq-plus-wrap {
justify-content: center;
align-items: center;
width: 20px;
height: 20px;
margin-right: 25px;
display: flex;
position: relative;
}
.pricing-h1 {
text-align: center;
}
.pricing-h1.faq-h2 {
color: #fff;
margin-bottom: 50px;
font-size: 2.5em;
}
.faq-q-text-2 {
color: #fff;
font-weight: 700;
}
.faq-section-5 {
padding-top: 100px;
padding-bottom: 100px;
position: relative;
}
.faq-answer-2 {
border-bottom: 1px solid #2d3e501f;
padding-left: 45px;
overflow: hidden;
}
.faq-answer-2.last-faq-answer {
border-bottom-width: 0;
}
.link-58 {
color: var(--medium-slate-blue);
font-weight: 700;
}
.text-span-114 {
color: #fecc2f;
font-weight: 600;
}
.link-59, .link-60, .link-61, .text-span-115, .link-62, .link-63 {
color: var(--medium-slate-blue);
font-weight: 600;
}
.text-span-116 {
text-decoration: underline;
}
.text-span-117, .link-64 {
color: var(--medium-slate-blue);
font-weight: 600;
}
.lightbox-link-21 {
flex-direction: column;
justify-content: flex-start;
width: 100%;
text-decoration: none;
display: flex;
position: relative;
}
.background-video-work-a-3 {
z-index: 0;
background-color: #dad7d412;
border-radius: 14px;
width: 100%;
height: 14vw;
display: block;
}
.overflow-4 {
flex-direction: row;
justify-content: center;
align-items: center;
display: flex;
overflow: hidden;
}
.heading-project-display-3 {
text-shadow: 0 16px #dad7d4;
margin-bottom: 0;
font-size: 16px;
line-height: 100%;
}
.subheading-project-display-3 {
color: #dad7d470;
text-transform: none;
text-shadow: 0 16px #dad7d470;
margin-bottom: 0;
font-size: 16px;
font-weight: 600;
line-height: 100%;
}
.work-box {
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
}
.image-542 {
border-radius: 20px;
}
.collection-list-12 {
padding-left: 40px;
padding-right: 40px;
}
.lightbox-link-22 {
margin-bottom: 0;
}
.heading-576 {
font-family: Poppins, sans-serif;
font-size: 1em;
}
.heading-576.client {
font-weight: 200;
}
.div-block-287 {
background-color: #0000;
border-radius: 0;
width: 100%;
padding: 0;
position: relative;
transform: rotate(0);
}
.lightbox-link-23 {
opacity: 1;
background-color: #0e121c;
border-radius: 16px;
display: block;
}
.image-543 {
opacity: .85;
border-radius: 16px;
width: 100%;
transform: rotate(0);
}
.div-block-288 {
padding-bottom: 10px;
padding-left: 10px;
display: flex;
position: absolute;
inset: auto 0% 0%;
}
.video-client-2 {
color: #fff;
font-family: Poppins, sans-serif;
font-size: 1vw;
font-weight: 700;
display: inline-block;
position: static;
inset: auto 0% 0%;
}
.video-title-2 {
color: #fff;
flex: 0 auto;
padding-left: 4px;
font-family: Poppins, sans-serif;
font-size: 1vw;
font-weight: 400;
display: inline-block;
position: static;
inset: auto 0% 0%;
}
.section-267 {
display: none;
}
.navlink-nb1 {
color: #333;
}
.navbar-1 {
color: #333;
background-color: #0000;
font-size: 20px;
font-weight: 500;
}
.heading-577 {
color: #fff;
text-align: center;
font-size: 6em;
}
.paragraph-217 {
color: #fff;
text-align: center;
font-family: Poppins, sans-serif;
font-size: 1.3em;
}
.paragraph-218 {
color: var(--black);
margin-top: 40px;
margin-bottom: 0;
font-family: Poppins, sans-serif;
font-size: 1em;
font-weight: 300;
}
.paragraph-218._2 {
color: var(--black);
text-align: center;
}
.youtube-3 {
border-radius: 9px;
}
.licences {
background-color: #101010;
padding-bottom: 170px;
}
.nav-link-10 {
color: #fff;
letter-spacing: .25px;
margin-left: 5px;
margin-right: 5px;
padding: 5px 10px;
font-size: 16px;
font-weight: 400;
line-height: 24px;
text-decoration: none;
}
.nav-link-10:hover {
color: #fffc;
}
.nav-link-10:focus-visible, .nav-link-10[data-wf-focus-visible] {
outline-offset: 0px;
color: #0050bd;
border-radius: 4px;
outline: 2px solid #0050bd;
}
.licences-container {
max-width: 700px;
margin-top: 124px;
margin-left: auto;
margin-right: auto;
font-family: Poppins, sans-serif;
}
.container-regular-5 {
width: 100%;
max-width: 1344px;
min-height: 30px;
margin-left: auto;
margin-right: auto;
}
.heading-578 {
color: #141414;
letter-spacing: -.02em;
margin-top: 0;
margin-bottom: 0;
font-size: 68px;
font-weight: 700;
line-height: 76px;
}
.heading-578.licences-head {
color: #fff;
text-align: center;
font-family: Poppins, sans-serif;
}
.body-16 {
color: #141414;
font-size: 18px;
font-weight: 400;
line-height: 28px;
}
.body-16.licences-subtext {
color: #fff;
text-align: center;
max-width: 700px;
margin-top: 24px;
margin-left: auto;
margin-right: auto;
}
.nav-menu-13 {
justify-content: space-between;
align-items: center;
margin-bottom: 0;
padding-bottom: 0;
padding-left: 0;
display: flex;
}
.nav-button-4 {
color: #141414;
background-color: #fff;
border-radius: 10px;
padding: 6px 20px;
font-size: 16px;
font-weight: 500;
line-height: 24px;
transition: all .2s;
}
.nav-button-4:hover {
background-color: #ffffffd9;
}
.how_it_work_wrapper {
grid-column-gap: 64px;
grid-row-gap: 64px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: row;
place-items: start stretch;
display: grid;
}
.primary_button-2 {
color: #000;
text-transform: none;
background-color: #ffd602;
border-radius: 8px;
flex-flow: row;
justify-content: center;
align-items: center;
height: 59px;
padding: 6px 36px 0;
font-size: 18px;
font-weight: 700;
line-height: 100%;
display: flex;
box-shadow: 0 18px 24px -10px #00000026, 0 6px #daa521, inset 0 0 0 2px #ffe785;
}
.primary_button-2:hover {
box-shadow: 0 18px 24px -10px #00000026, 0 6px #b8860b, inset 0 0 0 2px #ffe785;
}
.primary_button-2:active {
background-color: #ffd602;
transform: translate(0, 4px);
box-shadow: 0 18px 24px -10px #00000026, 0 2px #daa521, inset 0 0 0 2px #ffe785;
}
.big_paragraph {
white-space: normal;
word-break: normal;
overflow-wrap: normal;
margin-bottom: 0;
font-size: 24px;
font-weight: 500;
line-height: 116%;
}
.big_paragraph.slide_in_bottom_200 {
color: #fff;
text-align: center;
padding-top: 20px;
font-family: Poppins, sans-serif;
font-size: 20px;
}
.container_1100 {
max-width: 1204px;
padding-left: 54px;
padding-right: 54px;
font-family: Poppins, sans-serif;
}
.how_it_work_box-icon {
height: auto;
}
.text_h4-black {
color: #000;
margin-top: 0;
margin-bottom: 0;
font-size: 26px;
font-weight: 700;
line-height: 114%;
}
.section_title_wrapper {
text-align: center;
max-width: 870px;
margin-bottom: 66px;
margin-left: auto;
margin-right: auto;
}
.global_paragraph {
margin-bottom: 0;
font-size: 18px;
font-weight: 500;
line-height: 132%;
}
.how_it_work_box-title {
margin-top: 46px;
margin-bottom: 12px;
}
.section_title-paragraph {
max-width: 600px;
margin: 24px auto 0;
}
.section_title-black {
color: #000;
margin-top: 0;
margin-bottom: 0;
font-size: 74px;
font-weight: 700;
line-height: 108%;
text-decoration: none;
}
.section_title-black.slide_in_bottom_100 {
font-family: PT Sans, sans-serif;
font-size: 56px;
}
.button_box_section {
justify-content: center;
align-items: center;
margin-top: 50px;
display: flex;
}
.padding-block-bottom {
margin-top: 0;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 76px;
}
.how_it_work_box {
text-align: center;
}
.small_paragraph-black {
color: #000;
flex: none;
margin-bottom: 0;
padding-top: 20px;
font-family: Poppins, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 120%;
text-decoration: none;
display: block;
}
.small_paragraph-black._2 {
font-weight: 700;
}
.small_paragraph-black._2.wht {
color: #fff;
}
.small_paragraph-black._1 {
padding-top: 0;
font-weight: 600;
}
.benefits_box_left-name {
color: #000;
margin-bottom: 0;
font-size: 16px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
display: block;
}
.benefits_wrapper-2 {
grid-column-gap: 64px;
grid-row-gap: 64px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
place-items: center stretch;
display: grid;
}
.padding-block-2 {
margin-top: 0;
margin-bottom: 0;
padding: 76px 20px;
}
.benefits_box_right {
flex-flow: column;
justify-content: space-between;
align-items: stretch;
height: 100%;
display: flex;
}
.benefits_box_left {
background-color: #fff;
border-radius: 8px;
flex-flow: column;
justify-content: space-between;
align-items: stretch;
width: 100%;
min-height: 382px;
padding: 52px;
display: flex;
box-shadow: 0 24px 24px -10px #0000000d;
}
.benefits_box_left-item {
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-flow: column;
display: flex;
}
.benefits_box_left-wrap {
grid-column-gap: 32px;
grid-row-gap: 32px;
justify-content: space-between;
align-items: flex-end;
display: flex;
}
.text_h4-black-secondary {
color: #000;
margin-top: 0;
margin-bottom: 0;
font-size: 26px;
font-weight: 500;
line-height: 114%;
}
.benefits_box_left-testimonial {
width: 100%;
max-width: 206px;
}
.membership_right-buttons-box {
margin-top: 28px;
margin-bottom: 46px;
padding-top: 0;
display: inline-block;
}
.small_paragraph-white {
color: #fff;
margin-bottom: 0;
font-family: Poppins, sans-serif;
font-size: 14px;
font-weight: 500;
line-height: 120%;
display: block;
}
.small_paragraph-white:hover {
color: #fff;
}
.plans_label_box-dot-2 {
z-index: 98;
background-color: #0009;
border-radius: 100vmax;
flex: none;
width: 11px;
height: 11px;
position: absolute;
top: 0;
left: 0;
}
.section_title-white {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-family: Poppins, sans-serif;
font-size: 60px;
font-weight: 700;
line-height: 108%;
}
.membership_right-button-pro {
grid-column-gap: 8px;
grid-row-gap: 8px;
cursor: pointer;
background-color: #0000;
border-radius: 100vmax;
justify-content: center;
align-items: center;
height: 40px;
padding-top: 1px;
padding-left: 36px;
padding-right: 36px;
display: flex;
}
.primary_button-3 {
background-color: var(--medium-slate-blue);
color: #000;
text-transform: none;
border-radius: 20px;
flex-flow: row;
justify-content: center;
align-items: center;
height: 59px;
margin-bottom: auto;
padding: 0 36px;
font-size: 18px;
font-weight: 700;
line-height: 100%;
display: flex;
}
.primary_button-3:hover {
box-shadow: 0 18px 24px -10px #00000026, 0 6px #b8860b, inset 0 0 0 2px #ffe785;
}
.primary_button-3:active {
background-color: #ffd602;
transform: translate(0, 4px);
box-shadow: 0 18px 24px -10px #00000026, 0 2px #daa521, inset 0 0 0 2px #ffe785;
}
.plans_label_box {
grid-column-gap: 8px;
grid-row-gap: 8px;
justify-content: center;
align-items: center;
width: 11px;
height: 11px;
margin-top: 0;
display: block;
position: relative;
}
.membership_left-available-text {
padding-top: 0;
}
.membership_section {
background-color: #000;
}
.membership_section._1 {
background-color: #0000;
}
.membership_right-button-standard-text {
color: #000;
margin-bottom: 0;
font-size: 16px;
font-weight: 600;
line-height: 120%;
text-decoration: none;
display: block;
}
.membership_right-button-pro-text {
color: #fff;
margin-bottom: 0;
font-size: 16px;
font-weight: 600;
line-height: 120%;
text-decoration: none;
display: block;
}
.membership_right-buttons {
grid-column-gap: 4px;
grid-row-gap: 4px;
background-color: #000;
border-radius: 100vmax;
justify-content: flex-start;
align-items: center;
width: auto;
padding: 4px;
display: flex;
}
.membership_left-down {
grid-column-gap: 42px;
grid-row-gap: 42px;
flex-flow: column;
justify-content: center;
align-items: flex-start;
display: flex;
}
.membership_box_right {
background-color: #fff;
border-radius: 8px;
width: 100%;
padding: 52px;
box-shadow: 0 24px 24px -10px #0000000d;
}
.membership_box_right.slide_in_right_100 {
box-shadow: none;
font-family: Poppins, sans-serif;
}
.text_h4-white {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-family: Poppins, sans-serif;
font-size: 26px;
font-weight: 700;
line-height: 114%;
}
.text_h4-white:hover {
color: #fff;
}
.membershi_right_item {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-flow: row;
justify-content: flex-start;
align-items: center;
list-style-type: none;
display: flex;
}
.html-embed-12 {
justify-content: center;
align-items: center;
display: flex;
}
.membership_right-icon {
justify-content: center;
align-items: center;
padding-right: 10px;
display: flex;
}
.membership_left_link-text {
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-flow: column;
justify-content: center;
align-items: flex-start;
display: flex;
}
.membership_left-up {
grid-column-gap: 28px;
grid-row-gap: 28px;
flex-flow: column;
justify-content: center;
align-items: flex-start;
margin-bottom: 132px;
display: flex;
}
.small_paragraph-black-underline {
text-decoration: underline;
}
.text_h3 {
margin-top: 0;
margin-bottom: 0;
font-size: 42px;
font-weight: 700;
line-height: 108%;
}
.membership_box_plan-2 {
display: none;
}
.membershi_right_list {
grid-column-gap: 32px;
grid-row-gap: 10px;
grid-template-rows: auto auto auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
margin-top: 24px;
margin-bottom: 0;
padding-left: 0;
list-style-type: none;
display: grid;
}
.plans_label_box-dot-1 {
z-index: 99;
background-color: #00a732;
border-radius: 100vmax;
flex: none;
width: 11px;
height: 11px;
position: absolute;
top: 0;
left: 0;
}
.membership_box_left {
background-color: #000;
border-radius: 8px;
min-width: 480px;
max-width: 480px;
padding: 52px;
box-shadow: 0 24px 24px -10px #00000026;
}
.membership_box_left.slide_in_left_100 {
background-color: #000;
padding-left: 40px;
padding-right: 40px;
}
.membership_right-links {
grid-column-gap: 24px;
grid-row-gap: 24px;
justify-content: flex-start;
align-items: center;
display: flex;
}
.membership_left-available {
grid-column-gap: 18px;
grid-row-gap: 18px;
background-color: var(--medium-slate-blue);
border-radius: 100vmax;
flex-flow: row;
justify-content: center;
align-items: center;
height: 42px;
padding-left: 18px;
padding-right: 18px;
display: flex;
}
.membershi_right_price-month {
padding-bottom: 10px;
padding-left: 2px;
}
.membershi_right_price {
justify-content: flex-start;
align-items: flex-end;
margin-bottom: 4px;
display: flex;
}
.membership_wrapper {
grid-column-gap: 32px;
grid-row-gap: 32px;
justify-content: space-between;
align-items: stretch;
display: flex;
}
.membershi_right_dot {
background-color: #000;
border-radius: 100vmax;
width: 5px;
height: 5px;
margin-bottom: 3px;
}
.membership_right-button-standard {
background-color: var(--medium-slate-blue);
cursor: pointer;
border-radius: 100vmax;
justify-content: center;
align-items: center;
height: 40px;
padding-top: 1px;
padding-left: 36px;
padding-right: 36px;
display: flex;
}
.membership_left_link {
grid-column-gap: 32px;
grid-row-gap: 32px;
background-color: #202020;
border-radius: 20px;
justify-content: space-between;
align-items: center;
margin-bottom: auto;
padding: 20px;
text-decoration: none;
display: flex;
}
.membership_left_link:hover {
background-color: var(--black);
color: #000;
}
.membershi_right_list-box {
border-top: 1px solid #000;
margin-top: 42px;
margin-bottom: 42px;
padding-top: 32px;
}
.text-span-118 {
color: #fff;
}
.paragraph-219 {
margin-bottom: 0;
padding-top: 20px;
font-size: 1em;
}
.image-544 {
border-radius: 20px;
}
.services_box {
background-color: #0000;
border-bottom: 1px solid #000;
justify-content: flex-start;
align-items: center;
height: 82px;
display: flex;
}
.services_wrapper {
grid-column-gap: 32px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.services_section {
padding-left: 20px;
padding-right: 20px;
}
.heading-579 {
color: #141414;
letter-spacing: -.01em;
margin-top: 0;
margin-bottom: 0;
font-size: 48px;
font-weight: 700;
line-height: 56px;
}
.heading-579.services-provide-head {
color: #fff;
text-align: center;
max-width: 800px;
margin-left: auto;
margin-right: auto;
font-family: Poppins, sans-serif;
}
.link-block-31 {
display: block;
}
.text-span-119 {
color: var(--medium-slate-blue);
}
.padding-global-17 {
background-color: #f2f2f200;
padding-left: 5%;
padding-right: 5%;
overflow: visible;
}
.text-style-highlight {
color: var(--medium-slate-blue);
font-family: Poppins, sans-serif;
font-weight: 600;
}
.link-block-32 {
justify-content: flex-start;
align-items: center;
margin-bottom: 0;
display: flex;
}
.features-bottom_content {
width: 50%;
display: flex;
position: relative;
}
.padding-section-large-4 {
padding-top: 4rem;
padding-bottom: 4rem;
display: block;
}
.arrow-icon-link {
margin-left: 1rem;
}
.features_item-list {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
padding-top: .5rem;
padding-bottom: .5rem;
display: grid;
}
.icon-1x1-medium {
width: 2.75rem;
height: 2.75rem;
}
.features-top_content {
max-width: 46.875rem;
}
.section_features {
display: block;
position: relative;
overflow: hidden;
}
.text-size-medium-9 {
padding-top: 20px;
font-family: Poppins, sans-serif;
font-size: 1.125rem;
}
.margin-bottom-45, .margin-bottom-45.margin-xxsmall {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.heading-11 {
text-transform: capitalize;
margin-bottom: 10px;
font-family: Poppins, sans-serif;
font-size: 2.7em;
font-weight: 700;
}
.text-span-15 {
font-weight: 700;
}
.text-size-regular-8 {
font-size: 1rem;
}
.text-size-regular-8.is_dark-grey {
color: #475467;
margin-bottom: 0;
font-family: Poppins, sans-serif;
}
.features_component {
grid-column-gap: 5rem;
grid-row-gap: 4rem;
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: flex-start;
display: flex;
position: relative;
}
.features-image-wrapper {
width: 70rem;
max-width: none;
min-height: 50rem;
margin-left: 50%;
display: block;
position: absolute;
inset: auto -5rem -5rem 10rem;
overflow: visible;
}
.features_item-icon-wrapper {
flex: none;
align-self: flex-start;
margin-right: 1rem;
}
.features_item {
background-color: #f2f2f200;
border-radius: 8px;
padding: .6rem;
display: flex;
}
.heading-580 {
font-family: Poppins, sans-serif;
font-size: 1.5rem;
}
.text-link-4.is_pink {
color: #8e1bf5;
font-family: Open Sans, sans-serif;
font-weight: 700;
}
.focus-block {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
max-width: 420px;
margin: 50px 55px 28px;
display: flex;
}
.section-2 {
flex-direction: column;
justify-content: flex-start;
align-items: center;
padding: 40px 25px 85px;
display: flex;
}
.grid-focus {
grid-column-gap: 34px;
grid-row-gap: 34px;
grid-template-rows: auto;
align-items: start;
width: 100%;
margin-bottom: 48px;
}
.white-2 {
color: #fff;
}
.white-2.black {
color: #000;
}
.paragraph-focus {
color: #0f0d0db3;
text-align: center;
font-family: Poppins, sans-serif;
font-size: 16px;
line-height: 170%;
}
.heading-focus {
color: #0f0d0d;
font-size: 38px;
line-height: 121%;
}
.heading-focus.cylie {
color: #000;
text-align: center;
text-transform: none;
font-family: Poppins, sans-serif;
font-size: 38px;
}
.content-579 {
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1240px;
display: flex;
}
.focus {
background-color: #fff;
border-radius: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
overflow: hidden;
box-shadow: 0 13px 23px #00000008;
}
.focus.cylie {
background-image: radial-gradient(circle at 62% 31%, #7f56d95e, #fff0 30%);
}
.image-focus {
border-top-right-radius: 10px;
width: 90%;
margin-top: auto;
}
.block-page {
text-align: center;
flex-direction: column;
justify-content: center;
align-items: center;
padding-left: 15px;
padding-right: 15px;
display: flex;
}
.overflow-5 {
flex-direction: column;
justify-content: flex-start;
align-items: stretch;
min-height: 100vh;
display: flex;
overflow: hidden;
}
.heading-9 {
color: #070707;
letter-spacing: -.5px;
max-width: 630px;
font-size: 48px;
line-height: 1.3em;
}
.heading-9.feature-heading {
max-width: 662px;
font-family: Open Sans, sans-serif;
font-size: 58px;
}
.heading-9.features {
letter-spacing: normal;
column-count: auto;
max-width: none;
margin-top: 0;
margin-bottom: 20px;
font-family: Degular, sans-serif;
font-size: 40px;
font-weight: 600;
line-height: 1.2em;
}
.heading-9.features.top {
color: #04c998;
margin-bottom: 0;
font-size: 20px;
}
.heading-9.features._3 {
color: #fff;
text-align: center;
margin-bottom: 60px;
padding-left: 100px;
padding-right: 100px;
font-size: 45px;
line-height: 1em;
}
.heading-9.features._3._1-2-grid {
color: #000;
margin-bottom: 10px;
}
.heading-9.features._3.lp {
color: var(--black);
}
.image-feature-right {
border-top: 1px solid #bdbdbd1a;
border-bottom: 1px solid #bcbcbc33;
border-left: 1px solid #b5b5b524;
border-radius: 20px;
width: 100%;
margin-top: 55px;
margin-bottom: 55px;
}
.grid-feature-large {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-rows: auto;
grid-template-columns: 1fr;
width: 100%;
}
.text-span-6 {
color: #fb5012;
}
.text-span-6.cylie {
color: #7f56d9;
}
.sub-header {
color: #000;
text-transform: capitalize;
max-width: 600px;
margin-bottom: 0;
font-family: Poppins, sans-serif;
font-size: 1.4em;
line-height: 172%;
}
.section-268 {
flex-direction: column;
justify-content: flex-start;
align-items: center;
padding: 40px 0 0;
display: flex;
}
.section-268._2 {
padding-top: 0;
padding-bottom: 0;
}
.feature-block-2 {
z-index: 100;
flex-direction: column;
justify-content: center;
align-items: flex-start;
padding: 40px 5% 40px 10%;
display: flex;
position: relative;
}
.section-page-copy {
flex-direction: column;
justify-content: flex-start;
align-items: center;
margin-top: 116px;
padding: 0 25px;
display: flex;
}
.section-page-copy.no-padding {
margin-top: 40px;
}
.landing-cta {
color: #fff;
text-align: center;
background-color: #e7752b;
background-image: linear-gradient(320deg, #0ab7ff, #4190ff);
border-radius: 50px;
margin-left: 10px;
padding: 19px 36px;
font-size: 16px;
font-weight: 500;
line-height: 106%;
transition: box-shadow .3s cubic-bezier(.25, .46, .45, .94), filter .3s cubic-bezier(.25, .46, .45, .94);
}
.landing-cta:hover {
filter: brightness(118%);
box-shadow: 0 15px 30px #e7752b66;
}
.landing-cta.cylie {
background-color: #7f56d9;
background-image: none;
border-radius: 4px;
margin-top: 0;
}
.image-feature-left {
border-top: 1px solid #c8c8c859;
border-bottom: 1px solid #c1c1c138;
border-right: 1px solid #c6c6c645;
border-radius: 20px;
width: 100%;
margin-top: 55px;
margin-bottom: 55px;
}
.tags-2 {
opacity: 1;
color: #fff;
background-color: #3a65fe;
border-radius: 20px;
margin-bottom: 29px;
padding-bottom: 0;
padding-left: 10px;
padding-right: 10px;
font-size: 12px;
}
.tags-2:hover {
opacity: 1;
}
.tags-2.cylie {
background-color: #7f56d9;
padding-left: 20px;
padding-right: 20px;
font-family: Open Sans, sans-serif;
}
.feature-large {
grid-column-gap: 0px;
grid-row-gap: 0px;
background-color: #fff0;
border-radius: 16px;
grid-template-rows: auto;
place-items: center stretch;
width: auto;
padding-top: 40px;
padding-bottom: 40px;
overflow: hidden;
}
.content-580 {
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1240px;
display: flex;
}
.content-580.add-botto {
margin-bottom: 74px;
}
.text-span-11 {
color: #8056da;
}
.paragraph-220 {
max-width: 560px;
margin-bottom: 0;
padding-top: 10px;
font-family: Poppins, sans-serif;
font-size: 1em;
}
.paragraph-220._2 {
text-align: center;
padding-top: 0;
font-family: Degular, sans-serif;
font-weight: 100;
}
.text-span-120 {
font-weight: 700;
}
.body-17 {
background-color: #fff;
}
.link-65, .link-66, .link-67, .link-68 {
color: var(--medium-slate-blue);
font-weight: 700;
}
.container-1376 {
padding-top: 40px;
padding-bottom: 0;
}
.heading-581 {
color: #070707;
letter-spacing: -.5px;
max-width: 630px;
font-size: 48px;
line-height: 1.3em;
}
.heading-581.feature-heading {
max-width: 662px;
font-family: Poppins, sans-serif;
font-size: 58px;
}
.content-581 {
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1240px;
display: flex;
}
.content-581.add-botto {
margin-bottom: 74px;
}
.text-span-121 {
color: #8056da;
}
.section-269 {
flex-direction: column;
justify-content: flex-start;
align-items: center;
padding: 40px 25px 85px;
display: flex;
}
.white-3 {
color: #fff;
}
.white-3.black {
color: #000;
}
.content-582 {
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1240px;
display: flex;
}
.margin-bottom-46 {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.container-medium-3 {
width: 100%;
max-width: 70rem;
margin-left: auto;
margin-right: auto;
}
.page-padding-22 {
padding-left: 2.5rem;
padding-right: 2.5rem;
}
.heading-582, .heading-583 {
font-size: 3em;
}
.recaptcha-2 {
margin-top: 10px;
}
.home-a-video {
z-index: 1;
border-bottom-right-radius: 200px;
width: 100%;
height: 707px;
margin-bottom: 64px;
}
.hide-4 {
overflow: hidden;
}
.home-a-description {
grid-column-gap: 24px;
grid-row-gap: 24px;
justify-content: space-between;
align-items: flex-start;
display: flex;
}
.text-h0 {
letter-spacing: -.02em;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 0;
font-family: Poppins, sans-serif;
font-size: 125px;
font-weight: 700;
line-height: 93%;
}
.block-relative {
z-index: 1;
position: relative;
}
.main-container-10 {
width: 100%;
max-width: 1800px;
margin-left: auto;
margin-right: auto;
padding-left: 24px;
padding-right: 24px;
}
.limit-778 {
max-width: 778px;
}
.home-a-umbrella {
z-index: 1;
width: 369px;
position: absolute;
top: -31%;
left: 40%;
}
.text-h4 {
letter-spacing: -.02em;
font-size: 40px;
font-weight: 400;
line-height: 120%;
}
.section-270 {
background-color: #f8f7f5;
padding-top: 80px;
padding-bottom: 80px;
position: relative;
}
.section-270.hero-home-a {
justify-content: flex-start;
align-items: flex-end;
padding-top: 120px;
padding-bottom: 120px;
}
.home-a-hero-wrap {
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
margin-bottom: 64px;
position: relative;
}
.label-11 {
letter-spacing: .7px;
text-transform: uppercase;
font-size: 14px;
font-weight: 500;
line-height: 16px;
}
.homee_header {
background-color: #f7f6f4;
}
.work-3 {
width: 421px;
}
.hide-5 {
overflow: hidden;
}
.main-container-11 {
width: 100%;
max-width: 1800px;
margin-left: auto;
margin-right: auto;
padding-left: 24px;
padding-right: 24px;
}
.headline-home-a-work {
margin-bottom: 80px;
}
.home-a-work-halves {
grid-template-rows: auto;
margin-top: 80px;
margin-bottom: 80px;
}
.text-h1-2 {
letter-spacing: -.02em;
text-transform: uppercase;
font-size: 13vh;
font-weight: 400;
line-height: 93%;
}
.section-271 {
background-color: #f8f7f5;
padding-top: 80px;
padding-bottom: 80px;
position: relative;
}
.section-271.home-a-projects-section {
padding-top: 200px;
}
.hide-6 {
overflow: hidden;
}
.home-a-service-item {
cursor: pointer;
border-bottom: 1px solid #17181c33;
padding-top: 8px;
padding-bottom: 8px;
position: relative;
}
.home-a-service-image {
z-index: 1;
pointer-events: none;
width: 400px;
height: 400px;
margin-top: auto;
margin-bottom: auto;
position: absolute;
inset: 0% 20% 0% auto;
}
.section-272 {
background-color: #f8f7f5;
padding-top: 80px;
padding-bottom: 80px;
position: relative;
}
.section-272.home-a-services {
justify-content: flex-start;
align-items: center;
min-height: 100vh;
padding-top: 140px;
padding-bottom: 140px;
display: flex;
}
.headline-home-a-services {
margin-bottom: 40px;
}
.home-a-services-list {
flex-flow: column;
display: flex;
}
.menu-button-14 {
letter-spacing: -.01em;
cursor: pointer;
background-color: #b9a2e5;
border-radius: 100vw;
padding: 8px 20px;
font-size: 16px;
font-weight: 500;
}
.brand-navbar-2 {
height: 25px;
}
.navbar-9 {
z-index: 99;
background-color: #0000;
justify-content: center;
width: 100%;
padding-top: 30px;
padding-bottom: 30px;
display: flex;
position: fixed;
inset: 0% 0% auto;
}
.navbar-inner-2 {
justify-content: space-between;
align-items: center;
padding-top: 30px;
padding-bottom: 30px;
display: block;
}
.right-navbar-2 {
grid-column-gap: 32px;
grid-row-gap: 32px;
justify-content: center;
align-items: center;
display: flex;
}
.nav-cta-circle {
background-color: #b9a2e5;
border-radius: 100vw;
width: 8px;
height: 8px;
}
.brand-navbar-logo {
height: 100%;
display: block;
}
.nav-cta-2 {
grid-column-gap: 8px;
grid-row-gap: 8px;
justify-content: flex-start;
align-items: center;
font-size: 16px;
font-weight: 500;
display: flex;
}
.navbar-10 {
z-index: 99;
background-color: #0000;
width: 100%;
padding-top: 30px;
padding-bottom: 30px;
position: fixed;
inset: 0% 0% auto;
}
.navbar-inner-3 {
justify-content: space-between;
align-items: center;
display: flex;
}
.right-navbar-3 {
grid-column-gap: 32px;
grid-row-gap: 32px;
justify-content: flex-start;
align-items: center;
display: flex;
}
.menu-link-2 {
overflow: hidden;
}
.menu-link-2:hover {
color: #f8f7f5;
}
.menu-link-wrap {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.menu-info-block {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: column;
display: flex;
}
.menu-master {
z-index: 98;
background-color: #b9a2e5;
width: 100%;
height: 0;
position: fixed;
inset: 0%;
overflow: hidden;
}
.menu-inner {
justify-content: space-between;
align-items: flex-start;
width: 100%;
min-height: 100vh;
padding-top: 120px;
display: flex;
position: relative;
overflow: hidden;
}
.body-18 {
letter-spacing: -.02em;
margin-top: 0;
margin-bottom: 0;
font-size: 20px;
font-weight: 400;
line-height: 140%;
}
.menu-info-master {
grid-column-gap: 40px;
grid-row-gap: 40px;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
margin-right: 80px;
display: flex;
}
.hero-section-15 {
z-index: 1;
padding-top: 80px;
position: relative;
overflow: hidden;
}
.hero-section-15.pd-bottom-140px {
padding-bottom: 140px;
}
.stats-content {
padding-top: 40px;
padding-bottom: 40px;
}
.item---wave {
z-index: -1;
max-width: 278px;
position: absolute;
}
.item---wave.about-wave-left-v2 {
inset: 80px auto auto -12%;
}
.item---wave.about-wave-left-v2.left {
width: 24%;
left: -12%;
}
.item---wave.about-wave-right-v2 {
z-index: -1;
inset: 120px -4% auto auto;
}
.item---wave.about-wave-left-v3 {
inset: 56px auto auto -130px;
}
.item---wave.about-wave-right-v1 {
inset: auto -10% -84px auto;
}
.color-secondary {
color: var(--medium-slate-blue);
}
.stats-grid-2 {
z-index: 1;
grid-column-gap: 40px;
grid-template-rows: auto;
grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
place-items: start center;
display: grid;
position: relative;
}
.text-407 {
font-size: 24px;
font-weight: 400;
line-height: 1.083em;
}
.text-407.bold {
font-weight: 700;
}
.color-secondary-4 {
color: var(--medium-slate-blue);
}
.heading-flex {
grid-column-gap: 20px;
grid-row-gap: 32px;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-end;
display: flex;
}
.heading-flex.align-bottom {
align-items: flex-end;
}
.heading-flex.align-bottom.alt {
flex-wrap: nowrap;
}
.btn-secondary-4 {
color: #080603;
text-align: center;
transform-style: preserve-3d;
background-color: #0000;
border: 1px solid #080603;
border-radius: 96px;
padding: 22px 38px;
font-size: 18px;
font-weight: 500;
line-height: 1.111em;
transition: border-color .3s, transform .3s, background-color .3s, color .3s;
}
.btn-secondary-4:hover {
color: #fff;
background-color: #080603;
border-color: #080603;
transform: translate3d(0, -3px, .01px);
}
.color-secondary-3 {
color: var(--medium-slate-blue);
}
.btn-primary-5 {
-webkit-backdrop-filter: blur(4px);
backdrop-filter: blur(4px);
color: #fff;
text-align: center;
transform-style: preserve-3d;
background-color: #080603;
border: 1px solid #080603;
border-radius: 96px;
padding: 22px 38px;
font-size: 18px;
font-weight: 500;
line-height: 1.111em;
text-decoration: none;
transition: border-color .3s, background-color .3s, transform .3s, color .3s;
}
.btn-primary-5:hover {
color: #fff;
background-color: #2c2b2a;
border-color: #2c2b2a;
transform: translate3d(0, -3px, .01px);
}
.btn-primary-5.button-row {
margin-right: 20px;
}
.border-radius-24px-2 {
border-radius: 24px;
transform: translate(0);
}
.border-radius-24px-2.overflow-hidden.values-image {
max-width: 572px;
}
.display-30 {
color: #080603;
font-size: 70px;
font-weight: 700;
line-height: 1.143em;
}
.container-default-20 {
max-width: 1268px;
padding-left: 24px;
padding-right: 24px;
}
.container-default-20.z-index-1 {
z-index: 1;
position: relative;
}
.mg-bottom-88px {
margin-bottom: 88px;
}
.grid-2-columns-10 {
grid-column-gap: 28px;
grid-row-gap: 28px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
display: grid;
}
.grid-2-columns-10.about-grid {
grid-column-gap: 44px;
grid-template-columns: 1fr .6fr;
align-items: stretch;
margin-bottom: 88px;
}
.divider-vertical {
opacity: .5;
background-color: #727272;
align-self: stretch;
min-width: 1px;
max-width: 1px;
margin-left: 24px;
margin-right: 24px;
}
.divider-vertical.stats-divider {
margin-left: 0;
margin-right: 0;
}
.z-index-1 {
z-index: 1;
position: relative;
}
.mg-bottom-64px {
margin-bottom: 64px;
font-family: Poppins, sans-serif;
font-size: 18px;
}
.full-width-right-image-wrapper {
border-top-left-radius: 20px;
border-bottom-left-radius: 20px;
width: 54vw;
max-height: 720px;
margin-right: -40vw;
overflow: hidden;
}
.full-width-right-image-wrapper.v2 {
width: 51vw;
max-height: 534px;
}
.image-item {
object-fit: cover;
width: 100%;
height: 100%;
}
.color-secondary-5 {
color: #c5aaff;
}
.text-right-container {
max-width: 568px;
margin-left: auto;
padding-left: 48px;
}
.section-273 {
padding-top: 240px;
padding-bottom: 240px;
}
.section-273.top-240px---bottom-120px {
padding-top: 240px;
padding-bottom: 120px;
}
.section-273.top-240px---bottom-120px.position-relative {
padding-top: 100px;
overflow: hidden;
}
.btn-primary-6 {
-webkit-backdrop-filter: blur(4px);
backdrop-filter: blur(4px);
color: #fff;
text-align: center;
transform-style: preserve-3d;
background-color: #080603;
border: 1px solid #080603;
border-radius: 96px;
padding: 22px 38px;
font-size: 18px;
font-weight: 500;
line-height: 1.111em;
text-decoration: none;
transition: border-color .3s, background-color .3s, transform .3s, color .3s;
}
.btn-primary-6:hover {
color: #fff;
background-color: #2c2b2a;
border-color: #2c2b2a;
transform: translate3d(0, -3px, .01px);
}
.bg-floating-content {
z-index: -1;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
overflow: hidden;
}
.bg-floating-content.our-story-bg-top {
background-color: var(--medium-slate-blue);
height: 74%;
inset: 0% 0% auto;
}
.mg-bottom-32px-2 {
margin-bottom: 32px;
font-family: Poppins, sans-serif;
font-size: 18px;
}
.container-default-21 {
max-width: 1268px;
padding-left: 24px;
padding-right: 24px;
}
.display-31 {
color: #080603;
font-size: 50px;
font-weight: 700;
line-height: 1.24em;
}
.display-31.mg-bottom-48px.mg-bottom-24px-mbl {
font-family: Poppins, sans-serif;
font-size: 20px;
}
.grid-2-columns-11 {
grid-column-gap: 28px;
grid-row-gap: 28px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
display: grid;
}
.grid-2-columns-11.our-story-grid-2-col-v1 {
grid-row-gap: 48px;
align-items: start;
}
.text-no-wrap {
white-space: nowrap;
}
.display-32 {
color: #080603;
font-size: 28px;
font-weight: 700;
line-height: 1.429em;
}
.mg-bottom-56px-2 {
margin-bottom: 56px;
}
.color-secondary-6 {
color: #6fbb9f;
}
.mg-bottom-18 {
margin-bottom: 0;
}
.grid-4-columns {
grid-column-gap: 28px;
grid-row-gap: 28px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.grid-4-columns.values-grid {
margin-bottom: 52px;
}
.image-size._100px {
width: 100px;
max-width: 100px;
}
.section-274 {
padding-top: 240px;
padding-bottom: 240px;
}
.section-274.pd-top-120px---bottom-180px {
padding-top: 120px;
padding-bottom: 180px;
}
.container-default-22 {
max-width: 1268px;
padding-left: 24px;
padding-right: 24px;
}
.container-default-22.z-index-1 {
z-index: 1;
position: relative;
}
.display-33 {
color: #080603;
font-size: 50px;
font-weight: 700;
line-height: 1.24em;
}
.grid-2-columns-12 {
grid-column-gap: 28px;
grid-row-gap: 28px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
display: grid;
}
.grid-2-columns-12.value-inner-grid {
align-items: start;
max-width: 596px;
}
.grid-2-columns-12.values-grid {
grid-column-gap: 28px;
grid-row-gap: 28px;
align-items: start;
}
.body-19 {
font-family: Degular, sans-serif;
}
.section-275 {
padding-left: 40px;
padding-right: 40px;
}
.text-span-122 {
text-decoration: none;
}
.footer-12 {
border-radius: 12px;
justify-content: space-between;
align-items: flex-end;
padding: 2em;
display: flex;
}
.overflow-6 {
width: 100%;
overflow: hidden;
}
.hero-circle-2 {
z-index: 1;
filter: saturate(120%) invert();
width: 30em;
position: absolute;
inset: 16% -5% auto auto;
}
.label-3 {
width: 12.01em;
position: static;
}
.label-3.is--h-about {
position: static;
inset: auto 8% 25% auto;
transform: none;
}
.footer-section-4 {
padding-top: 4.5em;
padding-bottom: 4.5em;
}
.btn-9 {
border-radius: 100vw;
justify-content: center;
align-items: center;
padding: 1.32em 2.64em;
display: flex;
}
.btn-9.secondary {
color: #040915;
border: 1px solid #040915;
transition: color .4s, background-color .4s;
}
.btn-9.secondary:hover {
color: #f1f0ef;
background-color: #040915;
}
.btn-9.bigger {
padding-left: 3.96em;
padding-right: 3.96em;
}
.btn-9.btn-gradient {
color: #f1f0ef;
}
.btn-9.btn-gradient:hover {
color: #040915;
}
.btn-9.btn-gradient.stagger-text:hover {
color: #f1f0ef;
}
.footer-link-6 {
color: #f1f0ef;
letter-spacing: -.01em;
font-size: 1.32em;
transition: color .4s;
}
.footer-link-6:hover, .footer-link-6.w--current {
color: #fe7505;
}
.hero-heading-wrapper-2 {
text-align: left;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
margin-bottom: 2em;
display: flex;
}
.rel {
position: relative;
}
.label-3-wrapper {
position: absolute;
bottom: 25%;
right: 8%;
transform: rotate(-6.34deg);
}
.footer-link-grid-2 {
grid-column-gap: 2em;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: max-content max-content max-content max-content max-content 1fr;
grid-auto-columns: 1fr;
place-items: center end;
display: grid;
}
.footer-link-grid-2.btm {
grid-column-gap: 2em;
grid-template-columns: max-content max-content max-content max-content max-content;
place-items: center end;
margin-top: 2em;
}
.h-services-person {
width: 9.72em;
}
.label-4 {
width: 12.92em;
position: static;
}
.label-4.is--h-about {
position: static;
inset: auto auto 20% 11%;
transform: none;
}
.h-about-star {
width: 3.4em;
position: absolute;
inset: 15% auto auto -10%;
}
.h-about-star._2 {
width: 2em;
top: 10%;
left: -14%;
}
.h-about-star._4 {
width: 1.32em;
inset: auto 0% 31% auto;
}
.h-about-star._3 {
width: 2em;
inset: auto -8% 36% auto;
}
.project-info-wrapper {
align-items: flex-end;
margin-top: 2.5em;
margin-left: 5%;
margin-right: 5%;
display: flex;
}
.hero-blur {
z-index: 2;
background-color: #00000003;
width: 100%;
height: 100%;
position: absolute;
}
.h-services-bg {
align-items: center;
width: 50%;
height: 100%;
padding-left: 7.5%;
padding-right: 2%;
display: flex;
}
.h-services-bg.bg-dark-gradient {
background-size: 720px;
}
.h-services-bg.bg-dark-gradient.round {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/66f5df33c5b30b03d60bb4f6_Aluce-Light-Grainy-Gradient.jpg");
background-size: cover;
border-top-left-radius: 12px;
border-bottom-left-radius: 12px;
position: relative;
}
.m-project-site-img {
display: none;
}
.hero-heading-move {
display: inline-block;
}
.auto {
margin-left: auto;
margin-right: auto;
position: relative;
}
.social-arrow {
width: 1em;
height: 1em;
margin-left: .5em;
}
.hero-circle-1 {
z-index: 1;
width: 25vw;
position: absolute;
inset: 39% auto auto -1.5vw;
}
.half {
width: 100%;
}
.container-1378 {
width: 85%;
margin-left: auto;
margin-right: auto;
position: relative;
}
.container-1378.flex-cc-v.is--cta, .container-1378.flex-cc-v.is--hero {
z-index: 2;
height: 100%;
}
.container-1378.flex-v {
flex-direction: column;
display: flex;
}
.logo-tag {
letter-spacing: -.01em;
font-size: 1.32em;
line-height: 1.35;
}
.label-2 {
width: 10.82em;
position: static;
}
.label-2.is--h-about {
position: static;
inset: 25% 16vw auto auto;
transform: none;
}
.social-link-9 {
align-items: center;
transition: color .4s;
display: flex;
}
.social-link-9:hover {
color: #fe7505;
}
.project-title {
color: #040915;
align-items: flex-end;
display: flex;
}
.p-full {
max-width: none;
}
.benefits-wrapper {
margin-bottom: 4em;
padding-top: 0;
}
.footer-link-wrapper {
flex-direction: column;
align-items: flex-end;
display: flex;
}
.recent-project-label {
font-weight: 700;
display: inline-block;
position: absolute;
inset: 14% auto auto -3vw;
transform: rotate(-90deg);
}
.project-sticker {
width: 3.75em;
height: 3.75em;
position: absolute;
inset: auto auto 12% 21%;
}
.poster-img {
height: 22.08em;
position: absolute;
inset: auto 0% 0% auto;
}
.poster-img._2 {
width: 15.9em;
bottom: 11%;
right: -.5%;
}
.poster-img._1 {
width: 16.2em;
height: 17em;
bottom: -9%;
right: -5%;
}
.poster-img._3 {
z-index: 2;
height: 23em;
bottom: -15%;
right: 11%;
}
.label-2-wrapper {
position: absolute;
top: 25%;
right: 16vw;
transform: rotate(10deg);
}
.label-4-wrapper {
position: absolute;
bottom: 20%;
left: 11%;
transform: rotate(4.5deg);
}
.hero-8 {
height: 100vh;
position: relative;
}
.hero-8.is--home {
padding-top: 10em;
padding-bottom: 7em;
}
.project-category {
margin-bottom: 0;
margin-left: 1.5em;
padding-bottom: .8em;
}
.hero-heading-line-wrapper {
align-self: auto;
margin-top: .5em;
}
.hero-heading-line-wrapper.top {
margin-top: 0;
}
.m-hero-container {
display: none;
}
.section-276 {
padding-top: 7em;
padding-bottom: 7em;
}
.section-276.is--bigger {
padding-top: 14em;
padding-bottom: 14em;
position: relative;
}
.section-276.is--services {
justify-content: center;
align-items: center;
height: 62em;
padding-top: 0;
padding-bottom: 0;
display: flex;
position: relative;
}
.section-276.is--cta {
padding-top: 11em;
padding-bottom: 12em;
position: relative;
}
.project-arrow-3 {
width: 1.11em;
height: 1.1em;
margin-bottom: 1em;
margin-left: .83em;
}
.label-1 {
width: 10.3em;
position: static;
}
.label-1.is--h-about {
position: static;
top: 16%;
left: 16vw;
transform: none;
}
.btn-text-5 {
font-size: 1.32em;
}
.h-services-bg-wrapper {
justify-content: space-between;
align-items: stretch;
height: 100%;
display: flex;
position: absolute;
inset: 0%;
}
.project-card-bg {
width: 100%;
height: 100%;
position: absolute;
inset: 0% auto 0% 0%;
}
.project-card-bg.bg-thats-clutch {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/66f5df32c5b30b03d60bb46e_thats-clutch-bg.jpg");
background-position: 0 0;
background-size: cover;
}
.footer-logo-3 {
margin-bottom: 1.53em;
}
.project-img-1.thats-clutch-app {
width: 20.3em;
height: 34.7em;
position: absolute;
inset: auto auto -29% 0;
}
.label-1-wrapper {
position: absolute;
top: 16%;
left: 16vw;
transform: rotate(-9.5deg);
}
.project-card-wrapper {
border-radius: 20px;
justify-content: center;
align-items: center;
width: 77.36em;
height: 38.19em;
margin-top: 4em;
margin-left: auto;
margin-right: auto;
display: flex;
position: relative;
overflow: hidden;
}
.testimonial-wrapper-4 {
flex-direction: column;
justify-content: center;
align-items: flex-start;
display: flex;
}
.project-site-img {
width: 43.47em;
margin-top: -3%;
position: absolute;
}
.hero-heading-wrapper-3 {
text-align: left;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
margin-bottom: 2em;
display: flex;
}
.container-1379 {
width: 85%;
margin-left: auto;
margin-right: auto;
position: relative;
}
.container-1379.is--intro {
z-index: 2;
}
.intro-bg {
z-index: 1;
width: 100%;
height: 100%;
position: absolute;
inset: 0% auto auto 0%;
}
.intro-parent-2 {
z-index: 999;
justify-content: center;
align-items: center;
width: 100%;
height: 100vh;
padding-top: 10em;
display: none;
position: fixed;
inset: 0% auto auto 0%;
overflow: hidden;
}
.footer-13 {
border-radius: 12px;
justify-content: space-between;
align-items: flex-end;
padding: 2em;
display: flex;
}
.footer-section-5 {
padding-top: 4.5em;
padding-bottom: 4.5em;
}
.btn-10 {
border-radius: 100vw;
justify-content: center;
align-items: center;
padding: 1.32em 2.64em;
display: flex;
}
.btn-10.secondary {
color: #040915;
border: 1px solid #040915;
transition: color .4s, background-color .4s;
}
.btn-10.secondary:hover {
color: #f1f0ef;
background-color: #040915;
}
.btn-10.bigger {
padding-left: 3.96em;
padding-right: 3.96em;
}
.btn-10.btn-gradient {
color: #f1f0ef;
}
.btn-10.btn-gradient:hover {
color: #040915;
}
.btn-10.btn-gradient.stagger-text:hover {
color: #f1f0ef;
}
.footer-link-7 {
color: #f1f0ef;
letter-spacing: -.01em;
font-size: 1.32em;
transition: color .4s;
}
.footer-link-7:hover, .footer-link-7.w--current {
color: #fe7505;
}
.hero-heading-wrapper-4 {
text-align: left;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
margin-bottom: 2em;
display: flex;
}
.footer-link-grid-3 {
grid-column-gap: 2em;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: max-content max-content max-content max-content max-content 1fr;
grid-auto-columns: 1fr;
place-items: center end;
display: grid;
}
.footer-link-grid-3.btm {
grid-column-gap: 2em;
grid-template-columns: max-content max-content max-content max-content max-content;
place-items: center end;
margin-top: 2em;
}
.container-1381 {
width: 85%;
margin-left: auto;
margin-right: auto;
position: relative;
}
.container-1381.flex-cc-v.is--cta, .container-1381.flex-cc-v.is--hero {
z-index: 2;
height: 100%;
}
.container-1381.flex-v {
flex-direction: column;
display: flex;
}
.hero-9 {
height: 100vh;
position: relative;
}
.hero-9.is--home {
height: auto;
padding-top: 20px;
padding-bottom: 7em;
}
.section-277 {
padding-top: 7em;
padding-bottom: 7em;
}
.section-277.is--bigger {
padding-top: 14em;
padding-bottom: 14em;
position: relative;
}
.section-277.is--services {
justify-content: center;
align-items: center;
height: 62em;
padding-top: 0;
padding-bottom: 0;
display: flex;
position: relative;
}
.section-277.is--cta {
padding-top: 11em;
padding-bottom: 12em;
position: relative;
}
.btn-text-6 {
font-size: 1.32em;
}
.testimonial-wrapper-5 {
flex-direction: column;
justify-content: center;
align-items: flex-start;
display: flex;
}
.section-278 {
width: 100vw;
height: 65vh;
}
.spacer-xxlarge {
width: 100%;
padding-top: 5rem;
}
.text-size-regular-9 {
color: #919191;
text-align: center;
font-family: Degular, sans-serif;
font-size: 1.3rem;
}
.max-width-large-2 {
width: 100%;
max-width: 47rem;
margin-left: auto;
margin-right: auto;
}
.spacer-medium {
width: 100%;
padding-top: 2rem;
}
.heading-584 {
letter-spacing: -5px;
font-family: Degular, sans-serif;
font-size: 6rem;
font-weight: 600;
}
.max-width-medium-6 {
width: 100%;
max-width: 28rem;
margin-left: auto;
margin-right: auto;
}
.max-width-medium-6._2 {
max-width: 55rem;
}
.hero-img-2 {
width: 499px;
}
.flex-align-center {
flex-flow: column;
justify-content: flex-start;
align-items: center;
display: flex;
}
.padding-section-large-5 {
padding-top: 8.5rem;
padding-bottom: 8.5rem;
}
.padding-section-large-5.bottom-5 {
padding-bottom: 5rem;
}
.button-78 {
color: #000;
text-align: center;
background-color: #b3ff16;
border-radius: 8rem;
flex: 0 auto;
order: 0;
align-self: auto;
height: 48px;
padding: .75rem 1.25rem;
font-weight: 600;
}
.button-78:hover {
background-color: #e5daff;
box-shadow: 0 2px 5px #0003;
}
.container-large-18 {
width: 88vw;
margin-left: auto;
margin-right: auto;
}
.error-msg {
background-color: #ff7171;
}
.section_hero-2 {
color: #000;
flex-direction: column;
justify-content: center;
position: relative;
}
.text-field-18 {
background-color: #fffdf9;
border-radius: 60px;
flex: 0 auto;
min-width: 300px;
max-width: 300px;
height: 48px;
margin-right: 8px;
padding-top: .563px;
padding-bottom: .563px;
padding-left: 20px;
font-size: 1.1rem;
font-weight: 500;
}
.spacer-24-2 {
padding-top: 1.5rem;
}
.heading-style-h3-6 {
text-align: center;
letter-spacing: -.3rem;
margin-top: 0;
margin-bottom: 0;
font-size: 5rem;
font-weight: 500;
line-height: 1;
}
.success-message-21 {
color: #5337c2;
background-color: #baaee3;
border-radius: 20px;
}
.form-12 {
justify-content: center;
align-items: flex-start;
padding-right: 0;
display: flex;
}
.text-span-123 {
font-weight: 700;
}
.hide-7 {
margin-bottom: -15px;
padding-bottom: 15px;
overflow: hidden;
}
.wrap-subtitle-home {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-flow: wrap;
justify-content: flex-start;
align-items: center;
display: flex;
}
.wrap-subtitle-home.home {
white-space: nowrap;
}
.video-hero-home {
z-index: 20;
border-radius: 240px 32px;
height: 680px;
position: relative;
}
.new-hero-container {
z-index: 0;
justify-content: center;
align-items: center;
width: 100%;
max-width: none;
min-height: 100vh;
padding-top: 100px;
padding-left: 24px;
padding-right: 24px;
display: flex;
position: sticky;
top: 0;
}
.icon-subtitle {
height: 28px;
}
.section-279 {
padding-top: 120px;
padding-bottom: 120px;
}
.section-279.hero-home {
padding-top: 72px;
padding-bottom: 0;
}
.section-279.hero-home.is-no-padding {
padding-top: 0;
}
.subtitle-17 {
text-align: center;
max-width: 760px;
font-size: 20px;
line-height: 140%;
}
.master-hero-home {
grid-column-gap: 52px;
grid-row-gap: 52px;
flex-flow: column;
justify-content: flex-start;
align-items: center;
margin-bottom: 100px;
display: flex;
}
.master-hero-home.is-max-width {
grid-column-gap: 24px;
grid-row-gap: 24px;
margin-bottom: 100px;
}
.title-wrap-home {
grid-column-gap: 24px;
grid-row-gap: 0px;
flex-flow: wrap;
justify-content: center;
align-items: center;
max-width: 1100px;
margin-bottom: 28px;
margin-left: auto;
margin-right: auto;
display: flex;
}
.title-wrap-home.mobile-show {
display: none;
}
.heading-585 {
text-align: center;
font-size: 8em;
}
.heading-586, .heading-587 {
font-size: 8em;
}
.hide-8 {
margin-bottom: -15px;
padding-bottom: 15px;
overflow: hidden;
}
.gradient-moving-logo-right {
background-image: linear-gradient(90deg, #15151500, #000);
width: 180px;
position: absolute;
inset: 0% 0% 0% auto;
}
.text-big-text {
letter-spacing: -.02em;
font-size: 50px;
font-weight: 400;
line-height: 100%;
}
.marquee-logo {
max-width: 200px;
height: 60px;
}
.move-moving-logos {
grid-column-gap: 128px;
grid-row-gap: 128px;
align-items: center;
display: flex;
}
.gradient-moving-logo-left {
background-image: linear-gradient(90deg, #000, #15151500);
width: 180px;
position: absolute;
inset: 0% auto 0% 0%;
}
.single-moving-logo {
grid-column-gap: 128px;
grid-row-gap: 128px;
flex: none;
align-items: center;
display: flex;
}
.pill-about-message {
object-fit: cover;
border-radius: 60px;
width: 112px;
height: 56px;
}
.main-container-13 {
width: 100%;
max-width: 1800px;
padding-left: 24px;
padding-right: 24px;
}
.section-280 {
padding-top: 120px;
padding-bottom: 120px;
}
.section-280.rounded-black {
color: #fff;
background-color: #151515;
border-top-left-radius: 80px;
border-top-right-radius: 80px;
padding-bottom: 180px;
}
.section-280.rounded-black.under-hero-home {
z-index: 1;
background-color: #000;
margin-top: -220px;
padding-top: 236px;
position: relative;
}
.master-moving-logos {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-direction: column;
padding-top: 16px;
padding-bottom: 16px;
display: block;
position: relative;
overflow: hidden;
}
.about-message {
z-index: 1;
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-flow: wrap;
justify-content: center;
align-items: center;
max-width: 1000px;
margin-bottom: 100px;
margin-left: auto;
margin-right: auto;
display: flex;
position: relative;
}
.list-projects-home-b {
grid-column-gap: 64px;
grid-row-gap: 64px;
flex-flow: column;
display: flex;
}
.container-medium-4 {
width: 100%;
max-width: 1170px;
padding-left: 24px;
padding-right: 24px;
}
.center-heading {
grid-column-gap: 24px;
grid-row-gap: 24px;
text-align: center;
flex-flow: column;
justify-content: flex-start;
align-items: center;
display: flex;
overflow: clip;
}
.center-heading.mg-bottom-48 {
margin-bottom: 0;
}
.no-margins-22 {
margin-top: 0;
margin-bottom: 0;
}
.push-down-projects-home {
height: 180px;
}
.section-281 {
padding-top: 120px;
padding-bottom: 120px;
}
.section-281.rounded-white {
z-index: 1;
background-color: #fff;
border-top-left-radius: 80px;
border-top-right-radius: 80px;
margin-top: -80px;
padding-top: 10px;
position: relative;
}
.section-281.rounded-white.video-page {
margin-top: 0;
padding-top: 60px;
}
.wrap-projects-home {
direction: ltr;
column-count: 2;
column-gap: 64px;
}
.no-margins-23 {
margin-top: 0;
margin-bottom: 0;
font-size: 4em;
}
.no-margins-23.featured {
color: #fff;
}
.no-margins-23.featured-work {
color: #fff;
font-size: 3em;
}
.no-margins-23.featured-work.services {
color: var(--black);
}
.no-margins-23.featured-work.thank-you {
color: #000;
font-family: Degular, sans-serif;
}
.master-testimonials-moving {
grid-column-gap: 32px;
flex-direction: row;
align-items: center;
width: 100vw;
margin-top: 120px;
display: flex;
overflow: hidden;
}
.text-subname-moving-testimonial {
color: #fff9;
font-size: 18px;
line-height: 130%;
}
.tile-testimonials-moving {
grid-column-gap: 100px;
grid-row-gap: 100px;
background-color: #1e1e1e;
border-radius: 24px;
flex-direction: column;
align-items: flex-start;
max-width: 660px;
padding: 56px;
display: flex;
}
.logo-testimonial-moving {
height: 32px;
}
.single-testimonials-moving {
grid-column-gap: 24px;
flex: none;
justify-content: flex-start;
align-items: center;
display: flex;
}
.image-testimonial-moving {
border-radius: 50%;
width: 72px;
height: 72px;
}
.bottom-testimonial-tile {
grid-row-gap: 24px;
flex-direction: column;
align-items: flex-start;
display: flex;
}
.text-testimonials-moving {
font-size: 24px;
line-height: 130%;
}
.right-person-testimonial-moving {
grid-row-gap: 4px;
flex-direction: column;
align-items: flex-start;
display: flex;
}
.wrap-person-testimonial-moving {
grid-column-gap: 24px;
flex-direction: row;
align-items: center;
display: flex;
}
.inside-testimonials-moving {
grid-column-gap: 32px;
flex-direction: row;
flex: none;
justify-content: flex-start;
align-items: center;
display: flex;
}
.video-home-2 {
z-index: 1;
border-radius: 8px;
justify-content: center;
align-items: center;
width: 100%;
max-width: 1024px;
min-height: 600px;
margin: 64px 24px;
display: flex;
position: relative;
overflow: hidden;
}
.video-home-2.lp {
width: auto;
min-height: auto;
margin-bottom: 100px;
margin-left: 100px;
margin-right: 100px;
}
.video-home-2.lp._1 {
background-color: #00000069;
background-image: linear-gradient(#00000080, #00000080);
border-radius: 0;
flex-flow: column;
max-width: none;
margin: 0;
}
.overlay-image-general {
z-index: 1;
mix-blend-mode: color;
background-color: #fc5071b3;
position: absolute;
inset: 0%;
}
.lightbox-home-video {
z-index: 40;
cursor: pointer;
justify-content: center;
align-items: center;
display: flex;
position: absolute;
inset: 0%;
}
.icon-play {
z-index: 30;
object-fit: contain;
width: 120px;
height: 120px;
position: relative;
}
.main-container-center {
z-index: 2;
justify-content: center;
align-items: center;
width: 100%;
max-width: 1600px;
padding-left: 24px;
padding-right: 24px;
display: flex;
position: relative;
}
.single-title-home {
grid-column-gap: 16px;
grid-row-gap: 0px;
flex-flow: wrap;
justify-content: flex-start;
align-items: center;
display: flex;
overflow: clip;
}
.hide-9 {
overflow: clip;
}
.flex-bottom-hero-home {
justify-content: space-between;
align-items: center;
display: flex;
}
.span-accent {
color: #fc5071;
}
.image-logo {
max-width: 20%;
max-height: 35px;
}
.master-title-home {
flex-flow: wrap;
justify-content: flex-start;
align-items: flex-start;
max-width: 1020px;
margin-bottom: 40px;
display: flex;
}
.flex-logos {
justify-content: space-between;
align-items: center;
display: flex;
}
.subtitle-home {
font-size: 22px;
line-height: 130%;
}
.subtitle-home.scroll-text {
color: #0000008c;
font-size: 18px;
}
.main-container-15 {
width: 100%;
max-width: 1600px;
padding-left: 24px;
padding-right: 24px;
}
.hide-10 {
overflow: clip;
}
.logo-hero-studio {
width: 100%;
}
.moving-images-bottom-fill {
width: 102vw;
max-width: none;
margin-left: -1vw;
position: absolute;
inset: auto 0% -2px;
}
.master-moving-studio-hero {
width: 100vw;
margin-top: 64px;
position: relative;
overflow: hidden;
}
.image-hero-studio {
width: 32%;
}
.limit-sutitle-hero-about {
grid-column-gap: 24px;
grid-row-gap: 24px;
justify-content: flex-start;
align-items: center;
max-width: 704px;
display: flex;
overflow: clip;
}
.inside-moving-hero-studio {
justify-content: space-between;
align-items: center;
width: 160vw;
display: flex;
}
.section-282 {
padding-top: 140px;
padding-bottom: 140px;
}
.section-282.hero-studio {
padding-top: 80px;
padding-bottom: 0;
}
.icon-brand-hero-about {
width: 64px;
height: 64px;
}
.moving-images-top-fill {
width: 102vw;
position: absolute;
inset: -1% 0% auto;
}
.flex-hero-studio {
justify-content: flex-end;
align-items: flex-start;
margin-top: 56px;
display: flex;
}
.subtitle-18 {
font-size: 28px;
font-weight: 400;
line-height: 130%;
}
.nav-container-2 {
justify-content: center;
align-items: center;
width: 100%;
max-width: none;
margin-left: auto;
margin-right: auto;
padding-left: 24px;
padding-right: 24px;
display: flex;
position: relative;
}
.nav-link-11 {
color: #fff;
text-align: center;
letter-spacing: -.01em;
text-transform: uppercase;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
padding: 0;
font-size: 16px;
font-weight: 600;
line-height: 150%;
}
.nav-link-11:hover {
text-decoration: underline;
}
.nav-link-11.w--current {
color: #0e0e0e;
}
.navbar-11 {
z-index: 99;
background-color: #000;
justify-content: center;
align-items: center;
width: 100%;
height: 84px;
margin-left: auto;
margin-right: auto;
display: flex;
}
.text-dropdown {
color: #fff;
text-transform: uppercase;
font-weight: 600;
}
.link-dropdown-3 {
color: #151515;
text-align: left;
margin-bottom: 0;
padding: 8px 32px 8px 12px;
font-size: 14px;
font-weight: 500;
}
.link-dropdown-3:hover {
background-color: #0101010a;
}
.link-dropdown-3.w--current {
color: #010101;
font-weight: 700;
}
.menu-cta-wrap {
grid-column-gap: 24px;
grid-row-gap: 24px;
justify-content: flex-start;
align-items: center;
display: flex;
}
.menu-cta-wrap.mobile {
display: none;
}
.dropdown-list-7 {
text-transform: uppercase;
background-color: #fff;
}
.dropdown-list-7.w--open {
background-color: #ededed;
border-radius: 6px;
overflow: clip;
}
.text-cta {
z-index: 3;
color: #000;
text-transform: uppercase;
font-weight: 600;
position: relative;
}
.text-cta.is-small {
text-transform: capitalize;
font-size: 18px;
}
.fill-cta {
z-index: 1;
background-color: #fc5071;
border-radius: 100px;
width: 100%;
height: 100%;
position: absolute;
inset: 0% 0% auto;
transform: translate(0, 101%);
}
.dropdown-4 {
margin-left: 0;
margin-right: 0;
font-size: 16px;
font-weight: 400;
}
.brand-link-2 {
justify-content: center;
align-items: center;
height: 30px;
margin-bottom: 0;
display: flex;
}
.nav-menu-14 {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-flow: wrap;
align-items: center;
width: 40%;
margin-right: auto;
display: flex;
}
.nav-mid {
grid-column-gap: 64px;
grid-row-gap: 64px;
justify-content: flex-start;
align-items: center;
display: flex;
position: absolute;
}
.link-cta {
color: #fff;
background-color: #fff;
border-radius: 60px;
justify-content: center;
align-items: center;
height: 36px;
margin-bottom: 0;
padding: 1px 20px;
font-size: 18px;
line-height: 120%;
text-decoration: none;
display: flex;
position: relative;
overflow: clip;
}
.link-cta.is-yellow {
background-color: #fecc2f;
}
.link-cta.is-yellow.is-small {
height: auto;
padding-top: 16px;
padding-bottom: 16px;
font-size: 16px;
transition: background-color .3s, color .2s;
}
.link-cta.is-yellow.is-small:hover {
background-color: #fff;
}
.dropdown-toggle-8 {
grid-column-gap: 6px;
justify-content: center;
align-items: center;
padding: 12px 0;
display: flex;
}
.nav-right-3 {
grid-column-gap: 24px;
grid-row-gap: 24px;
align-items: center;
display: flex;
}
.brand-navbar-3 {
height: 100%;
}
.nav-link-12, .nav-link-13, .nav-link-14, .brand-10 {
margin-bottom: 0;
}
.image-545 {
max-width: none;
}
.navbar-12 {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: wrap;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: stretch;
display: flex;
}
.container-1382 {
flex-flow: row;
justify-content: center;
align-items: center;
display: flex;
}
.center-navbar {
flex: 1;
justify-content: flex-start;
align-items: center;
display: flex;
position: relative;
}
.center-nav-link {
z-index: 2;
grid-column-gap: 8px;
grid-row-gap: 8px;
color: var(--white);
justify-content: center;
align-items: center;
margin-bottom: 0;
padding: 16px 20px;
font-size: 20px;
transition-duration: .3s;
transition-timing-function: linear;
display: flex;
position: relative;
}
.center-nav-link:hover {
color: var(--black);
}
.svg-icon {
flex: none;
justify-content: center;
align-items: center;
display: flex;
}
.svg-icon._24 {
width: 24px;
height: 24px;
}
.svg-icon._16 {
aspect-ratio: auto;
width: 16px;
height: 16px;
}
.center-navbar-bg {
z-index: 1;
background-color: #fecc2f;
border-radius: 100px;
position: absolute;
left: 0;
}
.home-new-h1 {
text-align: center;
letter-spacing: -.03em;
margin-top: 0;
margin-bottom: 0;
font-size: 120px;
line-height: 1;
}
.home-new-description {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: wrap;
justify-content: center;
align-items: center;
font-size: 24px;
line-height: 1.1;
display: flex;
position: relative;
}
.hero-cta {
justify-content: flex-start;
align-items: center;
display: flex;
}
.dropdown-list-8.w--open {
background-color: #ffffff7d;
border: 2px solid #000;
border-radius: 0;
top: 100%;
}
.dropdown-list-8.is-rounded {
border-radius: 12px;
overflow: hidden;
}
.dropdown-list-8.is-rounded.w--open {
background-color: #fff;
}
.link-dropdown-4 {
color: #000;
text-align: left;
background-color: #fff;
margin-bottom: 0;
font-size: 20px;
font-weight: 500;
}
.link-dropdown-4:hover {
color: #000;
background-color: #fecc2f;
font-weight: 500;
}
.link-dropdown-4.w--current {
color: #0a0a0a;
font-weight: 700;
}
.link-dropdown-4.is-small {
font-size: 16px;
}
.dropdown-5.center-nav-link.is-dropdown {
padding: 0;
}
.dropdown-toggle-9 {
grid-column-gap: 6px;
color: #fff;
justify-content: center;
align-items: center;
padding: 16px 10px;
font-size: 22px;
font-weight: 600;
display: flex;
}
.dropdown-toggle-9.is-small, .dropdown-toggle-9.is-small.w--open {
padding: 16px 20px;
font-size: 20px;
font-weight: 400;
}
.nav-right-dropdown {
justify-content: flex-end;
align-items: flex-start;
display: none;
}
.nav-right-dropdown-toggle {
background-color: var(--white);
border-radius: 100%;
padding: 12px;
}
.nav-right-dropdown-content {
background-color: #fff;
border: 1px solid #000;
border-radius: 12px;
flex-flow: column;
overflow: hidden;
}
.nav-right-dropdown-content.w--open {
background-color: #fff;
border-width: 2px;
border-radius: 12px;
margin-top: 12px;
top: 100%;
}
.nav-right-dropdown-link {
grid-column-gap: 8px;
grid-row-gap: 8px;
justify-content: flex-start;
align-items: center;
margin-bottom: 0;
padding: 10px 20px;
display: flex;
}
.nav-right-dropdown-link-wrap {
flex-flow: column;
display: flex;
}
.navbar-mobile-overlay {
display: none;
}
.nav-right-dropdown-box-content {
grid-column-gap: 4px;
grid-row-gap: 4px;
flex-flow: column;
padding-bottom: 20px;
padding-left: 44px;
padding-right: 20px;
display: flex;
}
.nav-right-dropdown-box-link {
color: var(--black);
margin-bottom: 0;
font-size: 16px;
}
.text-color-white.center-nav-text {
line-height: 1.1;
}
.center-nav-text {
color: inherit;
font-family: Degular, sans-serif;
font-size: 18px;
font-weight: 600;
line-height: 1.1;
}
.dropdown-spacer {
width: 100%;
height: 4px;
position: absolute;
inset: 100% 0% auto;
}
.rotating-animation-text {
text-align: left;
width: 96px;
position: relative;
}
.typing-animation-cursor {
background-color: var(--black);
width: 2px;
height: 24px;
}
.light-box-button {
z-index: 1000;
position: absolute;
}
.light-box-overlay {
background-color: #0003;
position: absolute;
inset: 0%;
}
.work-filter {
grid-column-gap: 16px;
grid-row-gap: 16px;
background-color: var(--white);
border: 1px solid #e3e3e3;
border-radius: 16px;
width: 100%;
padding: 36px;
display: none;
box-shadow: 0 5px 16px #0000000f;
}
.work-filter-field {
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.work-filter-button {
flex-flow: column;
display: flex;
}
.work-filter-label {
color: var(--black);
margin-bottom: 16px;
font-family: Poppins, sans-serif;
font-size: 18px;
font-weight: 600;
line-height: 1.1;
}
.work-filter-input {
background-color: var(--white);
color: var(--black);
-webkit-appearance: none;
appearance: none;
border: 1px solid #e3e3e3;
border-radius: 99px;
min-height: 56px;
margin-bottom: 0;
padding: 16px 24px;
font-family: Poppins, sans-serif;
font-weight: 500;
line-height: 1;
display: none;
}
.work-filter-input:focus {
border: 1px solid #e3e3e3;
}
.work-filter-input:focus-visible, .work-filter-input[data-wf-focus-visible] {
border-style: solid;
border-color: #e3e3e3;
}
.work-filter-form {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
place-items: end stretch;
width: 100%;
display: grid;
}
.work-filter-form-block {
flex: 1;
margin-bottom: 0;
}
.work-popup {
z-index: 2000;
aspect-ratio: auto;
cursor: auto;
flex: 1;
justify-content: center;
align-self: auto;
align-items: center;
width: 100vw;
height: 100vh;
display: none;
position: fixed;
inset: 0%;
overflow: auto;
}
.work-popup-card {
z-index: 1;
box-sizing: border-box;
grid-column-gap: 32px;
grid-row-gap: 32px;
aspect-ratio: auto;
object-fit: fill;
background-color: #000c;
border-radius: 16px;
flex-flow: column;
width: 100%;
max-width: 768px;
height: auto;
margin-left: 24px;
margin-right: 24px;
padding: 48px 48px 32px;
transition: opacity .3s;
display: flex;
position: relative;
}
.work-popup-overlay {
z-index: 1000;
cursor: auto;
background-color: #0000007a;
transition: opacity .3s;
display: none;
position: fixed;
inset: 0%;
}
.work-popup-card-left {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 380px;
display: flex;
}
.work-popup-card-right {
flex: 1;
}
.work-popup-title {
color: var(--white);
text-align: left;
margin-top: 0;
margin-bottom: 0;
font-size: 36px;
font-weight: 700;
}
.line-horizontal {
background-color: var(--white);
width: 164px;
height: 1px;
}
.work-popup-description-title {
text-align: left;
}
.work-popup-description-text {
color: var(--white);
text-align: left;
font-size: 14px;
line-height: 1.4;
}
.work-popup-card-close {
z-index: 1;
color: var(--white);
cursor: pointer;
position: absolute;
inset: 16px 16px auto auto;
}
.grow-item {
flex: 1;
}
.work-popup-card-video {
aspect-ratio: 16 / 9;
object-fit: cover;
border-radius: 16px;
flex: none;
align-self: auto;
width: 100%;
overflow: hidden;
}
.scale-thumb-content-copy {
z-index: 10;
color: #fff;
text-align: center;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
margin-bottom: 0;
padding: 24px;
display: flex;
position: relative;
}
.work-filter-wrap {
grid-column-gap: 48px;
grid-row-gap: 48px;
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
}
.work-filter-content {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: wrap;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: center;
width: 100%;
display: flex;
}
.work-filter-content.mobile-show {
display: none;
}
._wf-dropdown {
width: 100%;
margin: 0;
}
._wf-dropdown-toggle {
border: 1px solid #e3e3e3;
border-radius: 99px;
width: 100%;
height: 56px;
padding-top: 16px;
padding-bottom: 16px;
padding-left: 24px;
}
._wf-dropdown-list {
border-radius: 16px;
box-shadow: 0 3px 10px #9a9a9a3b;
}
._wf-dropdown-list.w--open {
grid-column-gap: 12px;
grid-row-gap: 12px;
text-align: left;
background-color: #fff;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
margin-top: 8px;
padding-top: 12px;
padding-bottom: 12px;
display: flex;
}
._wf-dropdown-item {
width: 100%;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
padding: 0 24px;
transition: opacity .2s, color .2s;
}
.margin-top-auto {
align-self: flex-start;
margin-top: auto;
}
.work-popup-info {
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.work-popup-content {
justify-content: space-between;
align-items: center;
display: flex;
}
.work-popup-category {
color: var(--medium-slate-blue);
margin-top: 0;
margin-bottom: 0;
}
.work-card {
grid-row-gap: 12px;
flex-flow: column;
display: block;
}
.work-card-thumbnail {
border-radius: 8px;
width: 100%;
padding-bottom: 56.2%;
position: relative;
overflow: hidden;
}
.work-card-info {
grid-column-gap: 8px;
grid-row-gap: 8px;
text-align: left;
flex-flow: column;
display: flex;
}
.work-card-info-top {
grid-column-gap: 12px;
grid-row-gap: 12px;
justify-content: space-between;
align-items: center;
display: flex;
}
.text-color-grey {
color: #bdbcbc;
margin: 0;
}
.text-color-grey.font-weight-400 {
font-family: Degular, sans-serif;
font-weight: 400;
}
.work-collection-list {
grid-template-columns: 1fr 1fr 1fr;
}
.work-collection-list.grid-tab {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
flex-flow: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
max-width: 1140px;
display: grid;
}
.width-100 {
width: 100%;
}
.tabs-background {
z-index: -1;
background-color: var(--medium-slate-blue);
border-radius: 12px;
position: absolute;
top: 0;
left: 0;
}
.hero-load-background {
z-index: -1;
background-color: var(--medium-slate-blue);
opacity: 0;
justify-content: center;
align-items: center;
display: flex;
position: absolute;
inset: 0%;
overflow: hidden;
}
.hero-load-background-inner {
background-color: var(--black);
border-radius: 48px;
width: 96%;
height: 96%;
position: absolute;
}
.hero-load-background-logo {
width: 84px;
height: 84px;
position: absolute;
inset: 4% 4% auto auto;
}
.home-new-h1-yellow {
color: var(--medium-slate-blue);
}
.home-new-description-text {
grid-column-gap: 0px;
grid-row-gap: 0px;
justify-content: flex-start;
align-items: center;
font-size: 24px;
line-height: 1.1;
display: flex;
}
.typing-animation-wrap {
display: flex;
position: static;
right: 0%;
}
.service-category-card-thumbnail {
height: 160px;
}
.service-category-card-image {
object-fit: cover;
width: 100%;
height: 100%;
}
.no-margin {
font-family: Degular, sans-serif;
}
.no-margin:hover {
color: #fff;
}
.no-margin.video-page {
font-family: Degular, sans-serif;
}
.text-size-small {
text-transform: none;
font-size: 16px;
}
.text-size-regular {
font-size: 1rem;
line-height: 1em;
}
.text-size-xl {
font-size: 15px;
line-height: 1.1;
}
.text-size-xl.text-weight-bold {
font-size: 15px;
}
.text-size-l {
font-family: Degular, sans-serif;
font-size: 18px;
}
.text-size-l:hover {
color: #fff;
}
.section.section-featured {
z-index: 1;
background-color: var(--white);
padding-top: 0;
padding-bottom: 0;
}
.featured-card {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: column;
display: flex;
}
.featured-card-section {
grid-column-gap: 48px;
grid-row-gap: 48px;
background-color: var(--black);
border-radius: 24px;
flex-flow: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1148px;
margin-left: auto;
margin-right: auto;
padding: 0 68px 68px;
display: flex;
}
.featured-card-thumbnail {
aspect-ratio: auto;
cursor: pointer;
object-fit: cover;
border-radius: 6px;
overflow: hidden;
}
.featured-card-info {
grid-column-gap: 8px;
grid-row-gap: 8px;
text-align: left;
justify-content: center;
align-items: center;
display: flex;
}
.featured-card-info.lp {
color: var(--black);
}
.featured-card-image {
aspect-ratio: auto;
object-fit: fill;
width: 100%;
height: 100%;
transition: transform .2s;
}
.featured-card-image:hover {
transform: scale(1.2);
}
.featured-vertical-line {
background-color: var(--white);
width: 2px;
height: 16px;
}
.featured-vertical-line.blk {
background-color: var(--black);
}
.featured-card-wrap {
grid-column-gap: 32px;
grid-row-gap: 32px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
align-self: stretch;
display: grid;
}
.new-cta {
padding-top: 80px;
padding-bottom: 80px;
}
.new-cta-inner {
grid-column-gap: 48px;
grid-row-gap: 48px;
text-align: center;
flex-flow: column;
justify-content: center;
align-items: center;
max-width: 1120px;
margin-left: auto;
margin-right: auto;
display: flex;
}
.new-cta-heading {
color: var(--black);
flex-flow: wrap;
justify-content: center;
align-items: flex-end;
display: flex;
}
.new-cta-icon {
width: 48px;
height: 48px;
}
.heading-588, .text-block-208 {
font-family: Degular, sans-serif;
}
.hero-title-wrap {
flex-flow: wrap;
justify-content: center;
align-items: center;
display: flex;
}
.body-20 {
background-color: #fff;
}
.background-video-42 {
border-radius: 13px;
height: 110%;
position: absolute;
inset: 0% 0% auto;
}
.background-video-43 {
border-radius: 0;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 400px;
margin-top: 0;
display: flex;
}
.text-color-green-2 {
color: #fecc2f;
font-family: Degular, sans-serif;
font-weight: 600;
}
.margin-bottom-47 {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.text-align-center-12 {
grid-column-gap: 0px;
grid-row-gap: 0px;
text-align: center;
flex-flow: column;
justify-content: center;
margin-bottom: 2rem;
display: flex;
}
.section-283 {
background-image: linear-gradient(#00000080, #00000080), url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/65be78d5e9f7d9a74b94b313_Behind%20the%20Camera.jpg");
background-position: 0 0, 0%;
background-size: auto, cover;
justify-content: center;
align-items: center;
height: auto;
padding-top: 140px;
padding-bottom: 140px;
display: flex;
}
.section-283.video-production {
background-image: none;
padding-top: 20px;
padding-bottom: 20px;
}
.paragraph-221 {
font-family: Poppins, sans-serif;
font-size: 1.3em;
}
.paragraph-221.lp {
color: #fff;
margin-bottom: 1vh;
font-size: 1.2em;
font-weight: 300;
}
.page-padding-23 {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: column;
align-items: stretch;
padding-bottom: 0;
padding-left: 2rem;
padding-right: 2rem;
display: flex;
}
.link-69 {
text-decoration: underline;
}
.icon-small-5 {
justify-content: center;
align-items: center;
width: 20px;
height: 20px;
display: flex;
}
.caption-7 {
color: #000;
text-align: left;
letter-spacing: .04px;
margin-bottom: 0;
font-family: Poppins, sans-serif;
font-size: 20px;
font-weight: 500;
line-height: 20px;
}
.caption-7._2 {
text-align: center;
font-family: Degular, sans-serif;
font-size: 15px;
font-weight: 400;
}
.text-span-124 {
color: red;
font-weight: 600;
}
.product-section-2.section-spacing-bottom {
padding-top: 100px;
}
.container-1383 {
max-width: 1520px;
margin-left: auto;
margin-right: auto;
padding-left: 30px;
padding-right: 30px;
}
.section-title-16 {
margin-bottom: 40px;
}
.product-list {
grid-column-gap: 30px;
grid-row-gap: 30px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.empty-state-12 {
color: #1246ff;
text-align: center;
background-color: #e7ecff;
border: 1px solid #1246ff;
padding: 10px;
}
.product-title {
font-size: 18px;
}
.product-price-2 {
color: #000;
font-weight: 500;
}
.product-compare-price {
color: #999;
font-size: 14px;
text-decoration: line-through;
}
.product-image-wrap {
flex: none;
position: relative;
overflow: hidden;
}
.product-hover-image {
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.product-info-wrap {
text-align: center;
flex-direction: column;
align-items: center;
height: 100%;
margin-top: 10px;
display: flex;
}
.product-price-wrap {
grid-column-gap: 10px;
grid-row-gap: 10px;
justify-content: center;
margin-top: 0;
display: flex;
}
.product-image-3 {
object-fit: cover;
width: 100%;
height: 100%;
}
.product-item {
flex-direction: column;
height: 100%;
text-decoration: none;
display: flex;
}
.body-21 {
background-color: #fff;
}
.link-70 {
color: var(--medium-slate-blue);
}
.hero-spacer {
z-index: -2;
height: 100vh;
display: none;
position: relative;
}
.hero_cta-arrow {
width: 5rem;
position: absolute;
inset: auto 20% 28% auto;
transform: rotate(-10deg);
}
.section_hero-3 {
text-align: center;
background-color: #000;
position: relative;
}
.sero_scroll-down-text {
color: #e7e7e7;
letter-spacing: 4px;
margin-top: 60px;
font-size: .85rem;
}
.home-hero_h1 {
color: #fff;
text-transform: capitalize;
max-width: 58rem;
margin-left: auto;
margin-right: auto;
font-family: Degular, sans-serif;
font-size: 4em;
}
.padding-section-small-2 {
padding-top: 2rem;
padding-bottom: 2rem;
}
.padding-section-small-2.is-relative {
position: relative;
}
.text-color-yellow {
color: var(--medium-slate-blue);
-webkit-text-stroke-color: var(--medium-slate-blue);
}
.heading-style-h5-3 {
font-size: 1.25rem;
font-weight: 700;
line-height: 1.5;
}
.heading-style-h5-3.text-color-white {
color: #fff;
font-family: Degular, sans-serif;
}
.hero_animated-arrow {
width: 2.5rem;
height: 2.5rem;
margin-left: -1.25rem;
position: absolute;
bottom: 1.5rem;
}
.cta-button-4 {
background-color: var(--medium-slate-blue);
color: #000;
text-transform: uppercase;
text-shadow: 0 1px #fff;
border-radius: 12px;
align-self: center;
margin-top: 40px;
font-family: Degular, sans-serif;
font-size: 1.8rem;
font-weight: 700;
box-shadow: 0 1px 1px #fff;
}
.padding-global-18 {
padding-left: 2.5rem;
padding-right: 2.5rem;
}
.hero_highlight-text {
background-color: #151857;
border-radius: 20px;
padding: .5rem 1rem;
display: inline-block;
}
.image-546 {
padding-bottom: 20px;
}
.section_hero-4 {
text-align: center;
background-color: #000;
position: relative;
}
.sero_scroll-down-text-2 {
color: #e7e7e7;
letter-spacing: 4px;
margin-top: 60px;
font-family: Degular, sans-serif;
font-size: .85rem;
}
.home-hero_h1-2 {
color: #fff;
text-transform: capitalize;
max-width: 58rem;
margin-left: auto;
margin-right: auto;
font-family: Degular, sans-serif;
font-size: 4em;
}
.text-color-yellow-2 {
color: var(--medium-slate-blue);
-webkit-text-stroke-color: var(--grey);
}
.cta-button-5 {
background-color: var(--medium-slate-blue);
color: #000;
-webkit-text-stroke-color: var(--medium-slate-blue);
text-transform: uppercase;
text-shadow: 0 1px #fff;
border-radius: 12px;
align-self: center;
font-size: 1.8rem;
font-weight: 700;
box-shadow: 0 1px 1px #fff;
}
.padding-global-19 {
padding-left: 2.5rem;
padding-right: 2.5rem;
}
.link-71 {
color: var(--white);
text-decoration: underline;
}
.section_hero-5 {
text-align: center;
background-color: #000;
position: relative;
}
.home-hero_h1-3 {
color: #fff;
text-transform: capitalize;
max-width: 58rem;
margin-left: auto;
margin-right: auto;
font-family: Degular, sans-serif;
font-size: 4em;
}
.text-color-yellow-3 {
color: var(--medium-slate-blue);
}
.cta-button-6 {
background-color: var(--medium-slate-blue);
color: #000;
text-transform: capitalize;
border-radius: 12px;
align-self: center;
margin-top: 40px;
font-family: Degular, sans-serif;
font-size: 1.8rem;
font-weight: 700;
}
.icon-1x1-large-2 {
width: 2.5rem;
height: 2.5rem;
}
.strategy-call_list {
padding-left: 0;
list-style: none;
}
.calendly-container {
background-color: #fff;
border-radius: 20px;
width: 32rem;
height: 46rem;
padding: 1rem;
}
.text-align-left {
text-align: left;
}
.max-width-medium-7 {
width: 100%;
max-width: 32rem;
}
.max-width-medium-7.text-align-center {
color: #fff;
}
.calendly-embed {
height: 40rem;
box-shadow: 0 2px 5px #0003;
}
.flex-5 {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
display: flex;
}
.flex-5.space-around {
justify-content: space-around;
}
.text-color-yellow-4 {
color: #ffe500;
font-family: Degular, sans-serif;
font-size: 1em;
}
.text-color-yellow-4.text-style-underline {
text-decoration: underline;
}
.strategy-call_border-text {
color: #faef8e;
letter-spacing: 1px;
text-transform: uppercase;
border: 1px solid #faef8e;
padding: .25rem .5rem;
font-size: 1.5rem;
display: inline-block;
}
.section_strategy-call {
color: #fff;
}
.text-color-white-3 {
color: #fff;
align-self: center;
font-family: Degular, sans-serif;
font-size: 14px;
}
.padding-section-medium {
padding-top: 5rem;
padding-bottom: 5rem;
}
.text-align-center-13 {
text-align: center;
}
.text-align-center-13.max-width-large.align-center {
font-family: Degular, sans-serif;
font-size: 2em;
}
.text-color-yellow-5 {
color: #ffe500;
}
.text-color-yellow-5.text-style-underline {
text-decoration: underline;
}
.section_strategy-call-2 {
color: #fff;
background-image: linear-gradient(#10102480, #10102480), url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/6810f13ef2832b2e4f02a727_stable-diffusion-xl.jpg");
background-position: 0 0, 0 0;
background-repeat: repeat, no-repeat;
background-size: auto, cover;
}
.columns-27 {
display: flex;
}
.heading-589 {
font-family: Degular, sans-serif;
}
.background-video-44 {
width: 500px;
}
.section-284 {
background-image: linear-gradient(#0009, #0009);
flex-flow: column;
justify-content: center;
align-items: baseline;
width: 100%;
height: 100%;
display: flex;
}
.past-clients {
grid-column-gap: 16px;
grid-row-gap: 16px;
background-color: #fecc2f;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
height: 275px;
display: flex;
}
.accomplishments {
grid-column-gap: 0px;
grid-row-gap: 0px;
background-color: #fecc2f66;
flex-flow: column;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: center;
height: 375px;
display: flex;
}
.text-span-125, .bold-text-53, .bold-text-54 {
color: var(--medium-slate-blue);
}
.bold-text-55 {
font-size: 1.3em;
font-weight: 100;
}
.margin-bottom-48 {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.text-size-small-9 {
font-size: .875rem;
line-height: 1.15;
}
.page-padding-24 {
padding-left: 7%;
padding-right: 7%;
}
.banner-small-container-2 {
background-image: linear-gradient(#fff, #f3efec);
border-radius: 9999px;
margin-bottom: 16px;
padding: 1px;
display: none;
position: relative;
overflow: visible;
}
.clients {
text-align: center;
background-color: #fff;
padding: 50px 7%;
}
.clients.link-en {
background-color: #fff0;
padding-left: 0%;
padding-right: 0%;
}
.container-1384 {
z-index: 3;
width: 100%;
max-width: 1228px;
margin-left: auto;
margin-right: auto;
position: relative;
}
.client-block-2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
place-items: center;
margin-top: 40px;
display: grid;
}
.client-logo-5 {
width: 100%;
max-width: 9rem;
max-height: 4rem;
}
.header_content-2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
position: static;
}
.header_text-paragraph {
font-family: Degular, sans-serif;
font-size: 1.2em;
}
.header_text-heading {
font-family: Degular, sans-serif;
font-size: 4em;
}
.button-79 {
color: #fff;
text-align: center;
background-color: #7644f2;
border-radius: 60px;
flex: none;
padding: 1rem 2.5rem;
font-size: .875rem;
font-weight: 500;
line-height: 1.375rem;
transition: box-shadow .2s, transform .2s, border-color .2s, color .2s, background-color .2s;
box-shadow: 0 2px #2020200d;
}
.button-79:hover {
background-color: #33383f;
}
.button-79:active {
background-color: #626a72;
transform: translate(0, 2px);
box-shadow: 0 0 #20202000;
}
.button-79.is-icon {
grid-column-gap: 13px;
grid-row-gap: 13px;
justify-content: center;
align-items: center;
min-width: 200px;
text-decoration: none;
display: inline-block;
}
.header_text-wrapper {
grid-column-gap: 10px;
grid-row-gap: 10px;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: row;
place-items: center start;
display: grid;
}
.text-block-209 {
text-decoration: none;
}
.spacer-4 {
background-color: #e7ecf0;
height: 48px;
}
.spacer-4._16 {
background-color: #0000;
flex: none;
width: 16px;
height: 16px;
}
.container-1385 {
max-width: 1380px;
padding-left: 30px;
padding-right: 30px;
}
.header-image-wrapper-2 {
max-width: 650px;
}
.text-highlight-2 {
color: #7644f2;
}
.hero_img_wrap {
flex: none;
justify-content: center;
align-items: center;
max-width: 40em;
display: flex;
position: relative;
}
.container-1386 {
flex-flow: column;
margin-left: auto;
margin-right: auto;
padding-left: 8.125em;
padding-right: 8.125em;
display: flex;
}
.container-1386.is_hero {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-flow: row;
justify-content: space-between;
align-items: center;
height: auto;
padding: 0 4em;
}
.hero_btns {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
justify-content: flex-start;
align-items: center;
display: flex;
}
.hero_para-2 {
font-family: Degular, sans-serif;
font-size: 1.4em;
}
.hero_content-2 {
max-width: 29rem;
margin-top: 100px;
}
.hero_float3 {
z-index: 2;
position: absolute;
inset: auto 33% 9% auto;
}
.btn_secondary_text {
color: #fff;
flex: none;
padding-top: 2px;
font-size: 1.125em;
font-weight: 500;
line-height: 122%;
}
.primary_icon {
color: #000;
flex-direction: column;
flex: none;
justify-content: center;
align-items: center;
width: 1rem;
height: 1rem;
display: flex;
}
.secondary_icon {
color: #fff;
flex-direction: column;
justify-content: center;
align-items: center;
width: 1rem;
height: 1rem;
display: flex;
}
.hero_img_m {
display: none;
}
.hero_span {
color: #b9ff81;
}
.hero_m_img {
width: 100%;
}
.hero_m_hading {
margin-top: 0;
margin-bottom: 0;
font-family: Degular, sans-serif;
font-size: 3em;
display: block;
}
.btn_primary {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
background-color: #b9ff81;
border: 1px solid #b9ff81;
border-radius: 4px;
flex: none;
justify-content: center;
align-items: center;
padding: 1.125rem 1.5rem;
text-decoration: none;
display: flex;
}
.btn_primary_text {
color: #000;
flex: none;
padding-top: 2px;
font-size: 1.125em;
font-weight: 500;
line-height: 122%;
}
.hero_float2 {
position: absolute;
inset: -4% 6% auto auto;
}
.hero_float1 {
z-index: 1;
position: absolute;
inset: auto auto 20% -13%;
}
.hero_bg_img {
width: 100%;
height: 100%;
}
.div_hide-2 {
margin-top: .75rem;
margin-bottom: 2.5rem;
overflow: hidden;
}
.btn_seconary {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
background-color: #0000;
border: 1px solid #fff;
border-radius: 4px;
justify-content: center;
align-items: center;
padding: 1.125rem 1.5rem;
text-decoration: none;
display: flex;
}
.padding-section-large-6 {
margin-top: 40px;
margin-bottom: 20px;
padding-top: 5rem;
padding-bottom: 2rem;
}
.text-custom-gray-2 {
color: #636262;
}
.faq_question-2 {
cursor: pointer;
justify-content: space-between;
align-items: flex-start;
display: flex;
}
.heading-container-centered {
text-align: center;
max-width: 60rem;
margin-left: auto;
margin-right: auto;
font-size: 5px;
}
.faq_explander-vertical {
background-color: #0b0b1f;
width: .125rem;
height: 1.25rem;
position: absolute;
}
.faq_icon-expander {
justify-content: center;
align-items: center;
width: 1.25rem;
height: 1.25rem;
margin-top: .25rem;
margin-left: 2.5rem;
display: flex;
position: relative;
}
.section_faq-grid {
background-color: #f7f6f2;
}
.faq_explander-horizontal {
background-color: #0b0b1f;
width: 1.25rem;
height: .125rem;
}
.faq-grid_container {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
text-align: left;
flex-flow: wrap;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
place-items: flex-start stretch;
display: flex;
overflow: hidden;
}
.padding-global-20 {
padding-left: 2.5rem;
padding-right: 2.5rem;
}
.faq-grid_item {
background-color: #fff;
border: 1px #c4c4c4;
border-radius: 12px;
width: 100%;
height: 100%;
margin-bottom: 1.5rem;
padding: 2rem;
overflow: auto;
}
.faq-grid_col {
flex-direction: column;
flex: 500px;
height: 100%;
display: flex;
}
.faq_answer-2 {
overflow: hidden;
}
.hero-paragraph-padding {
max-width: 33rem;
}
.hero-paragraph-padding.center {
margin-left: auto;
margin-right: auto;
}
.logo-div {
justify-content: flex-start;
align-items: center;
display: flex;
}
.logo-div.center {
justify-content: center;
}
.button-wrap-3 {
align-items: center;
display: flex;
}
.button-wrap-3.center {
justify-content: center;
align-items: stretch;
}
.hero-largev2_logo-cloud {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
max-width: 65rem;
margin-top: 4rem;
margin-left: auto;
margin-right: auto;
padding-top: 5rem;
padding-bottom: 5rem;
display: grid;
}
.text-size-medium-10 {
font-size: 1.25rem;
}
.text-size-medium-10.text-custom-gray {
color: #fff;
margin-bottom: 20px;
font-family: Degular, sans-serif;
}
.text-color-white-4 {
color: #fff;
margin-bottom: 20px;
font-family: Degular, sans-serif;
font-size: 4rem;
}
.button-80 {
color: #000;
text-align: center;
background-color: #c9fd02;
border: 1px solid #c9fd02;
border-radius: 60px;
padding: 1rem 1.5rem;
font-weight: 700;
transition: border .2s, background-color .2s;
}
.button-80:hover {
background-color: #fff;
border: 1px solid #000;
}
.button-80.is-large {
margin-bottom: 0;
padding: 1rem 2rem;
}
.div-block-289 {
background-image: linear-gradient(#00000080, #00000080);
}
.div-block-289.overlay {
display: block;
}
.body-22 {
overflow: visible;
}
.workpopup {
z-index: 2000;
cursor: auto;
justify-content: center;
align-items: center;
width: 100vw;
height: 100vh;
display: none;
position: fixed;
inset: 0%;
overflow: auto;
}
.link-72 {
color: var(--medium-slate-blue);
}
.subheading-6 {
color: #000;
letter-spacing: -.025em;
margin-bottom: 48px;
font-size: 21px;
font-weight: 400;
line-height: 1.3;
}
.subheading-6.subheading--hero {
max-width: 580px;
}
.subheading-6.subheading--hero.text {
color: #fff;
max-width: 800px;
}
.subheading-6.subheading--hero.text._1 {
color: var(--medium-slate-blue);
margin-bottom: 0;
}
.header-14 {
height: auto;
margin-top: 20px;
margin-bottom: 0;
}
.container-1387 {
width: 100%;
max-width: 129%;
margin-left: auto;
margin-right: auto;
}
.main-5 {
margin-bottom: 0;
}
.section-customers {
margin-top: 220px;
padding-bottom: 0;
position: relative;
}
.hero-10 {
margin-bottom: 0;
padding-top: 60px;
}
.hero-header-2 {
text-align: center;
flex-direction: column;
align-items: center;
max-width: 100%;
margin-left: auto;
margin-right: auto;
display: flex;
}
.hero-heading-9 {
letter-spacing: -.05em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(156deg, #fff 30%, #ffffff61);
-webkit-background-clip: text;
background-clip: text;
margin-bottom: 24px;
padding-bottom: .13em;
padding-left: .13em;
padding-right: .13em;
font-size: 80px;
font-weight: 600;
line-height: 1;
}
.page-padding-25 {
padding-left: 10px;
padding-right: 10px;
}
.hero-img-wrap {
perspective: 2000px;
padding-bottom: 0;
}
.body-23 {
background-color: var(--black);
}
.section-285 {
margin-top: -202px;
padding-left: 140px;
padding-right: 140px;
}
.video-9 {
border-radius: 20px;
}
.div-block-290 {
padding: 40px 300px;
}
.primary_button_big {
background-color: var(--medium-slate-blue);
color: #000;
border-radius: 4px;
justify-content: center;
align-items: center;
width: 100%;
max-width: none;
height: 60px;
margin-bottom: 0;
padding: 0 0 1px;
font-family: Open Sans, sans-serif;
font-weight: 600;
transition: background-color .25s;
display: flex;
}
.primary_button_big:hover {
background-color: #fff;
}
.section-286 {
background-color: #fff;
padding: 40px 20px;
}
.logo-18.cc-getaround {
width: 110px;
}
.logo-18.cc-upwork {
width: 90px;
}
.logo-18.cc-hellosign {
width: 124px;
}
.logo-18.cc-zendesk {
width: 100px;
}
.logo-18.cc-lattice {
width: 120px;
}
.logo-18.cc-petal {
width: 100px;
}
.logo-18.cc-rakuten {
width: 80px;
}
.logo-18.cc-dell {
width: 70px;
}
.container-1388 {
z-index: 3;
width: 100%;
max-width: 1228px;
margin-left: auto;
margin-right: auto;
position: relative;
}
.testimonials_section {
background-color: #fff;
}
.text-16-green-3 {
color: #000;
text-align: left;
margin-bottom: 0;
font-family: Open Sans, sans-serif;
font-size: 16px;
font-weight: 300;
line-height: 24px;
text-decoration: none;
}
.text-16-green-3.sub {
text-align: center;
}
.text-16-green-3.sub.wht, .text-16-green-3.wht {
color: #fff;
}
.testimonials_arrow_lright {
justify-content: center;
align-items: center;
width: 14px;
height: 24px;
margin-top: 0;
margin-bottom: 0;
display: flex;
top: 50%;
right: 0;
transform: translate(0, -50%)rotate(0);
}
.container_1192 {
width: auto;
min-width: 0;
max-width: 1320px;
padding-left: 64px;
padding-right: 64px;
}
.testimonials_wrapper {
overflow: hidden;
}
.testimonials_slider {
background-color: #0000;
height: 342px;
}
.testimonials_gradient_right {
z-index: 1;
background-color: #0000;
background-image: linear-gradient(270deg, #fff, #fff0);
width: 64px;
height: 100%;
position: absolute;
top: 0;
left: auto;
right: 0;
}
.testimonials_arrow_left {
justify-content: center;
align-items: center;
width: 14px;
height: 24px;
margin-top: 0;
margin-bottom: 0;
display: flex;
top: 50%;
transform: translate(0, -50%)rotate(180deg);
}
.text-24-green-bold {
color: #000;
letter-spacing: -.5px;
margin-top: 0;
margin-bottom: 0;
font-family: PT Sans, sans-serif;
font-size: 24px;
font-weight: 400;
line-height: 30px;
}
.text-24-green-bold.wht {
color: var(--medium-slate-blue);
font-weight: 700;
}
.testimonials_arrow_icon {
display: block;
}
.section_title_box {
text-align: center;
margin-bottom: 88px;
}
.title_span_green {
color: #000;
-webkit-text-stroke-color: #000;
text-transform: uppercase;
margin-bottom: 6px;
font-family: PT Sans, sans-serif;
font-size: 14px;
font-weight: 500;
line-height: 1;
}
.display_none {
display: none;
}
.padding_block_regular {
padding-top: 60px;
padding-bottom: 100px;
}
.container_988 {
width: auto;
min-width: 0;
max-width: 1116px;
padding-left: 64px;
padding-right: 64px;
}
.testimonials_gradient_left {
z-index: 1;
background-color: #0000;
background-image: linear-gradient(90deg, #fff, #fff0);
width: 64px;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.testimonials_slide-2 {
background-color: var(--black);
border-radius: 8px;
width: 100%;
max-width: none;
margin-right: 32px;
padding: 38px 32px 0;
}
.testimonials_mask {
width: 376px;
max-width: none;
height: 342px;
overflow: visible;
}
.text-36-green {
color: #042d24;
letter-spacing: -1.2px;
margin-top: 0;
margin-bottom: 0;
font-size: 36px;
font-weight: 400;
line-height: 46px;
}
.padding_block_regular-4 {
padding: 60px;
}
.features_box {
background-color: #fff;
border-radius: 10px;
padding: 32px;
}
.features_box_2 {
grid-column-gap: 96px;
grid-row-gap: 96px;
background-color: #fff;
border-radius: 10px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
place-items: center stretch;
height: 520px;
padding: 32px 64px;
display: grid;
}
.features_box_image {
border-radius: 8px;
width: 100%;
max-width: none;
height: 100%;
margin-bottom: 0;
padding-bottom: 0;
display: block;
}
.features_section {
background-color: var(--black);
}
.features_box_2-title {
padding-bottom: 16px;
padding-right: 0;
}
.text_56_green {
color: #000;
text-align: center;
letter-spacing: -1.2px;
margin-top: 0;
margin-bottom: 0;
font-size: 56px;
font-weight: 700;
line-height: 118%;
}
.text_56_green.wht {
color: #fff;
}
.features_box-image {
border-radius: 4px;
width: 100%;
max-width: none;
margin-top: 50px;
display: block;
}
.paragraph_container {
max-width: 580px;
margin-left: auto;
margin-right: auto;
}
.features_box-title {
margin-bottom: 6px;
}
.title_span_green-7 {
color: #042d24;
text-transform: uppercase;
margin-bottom: 6px;
font-size: 14px;
font-weight: 500;
line-height: 1;
}
.section_title {
margin-bottom: 16px;
font-family: PT Sans, sans-serif;
font-weight: 700;
}
.features_wrapper-2 {
grid-column-gap: 32px;
grid-row-gap: 32px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.features_box_2-right {
background-color: #0000;
flex-flow: column;
justify-content: center;
align-items: center;
width: 100%;
height: auto;
margin-bottom: 0;
padding-bottom: 0;
display: block;
}
.three_row_section {
background-color: #fff;
}
.div-block-291 {
padding: 100px 300px 40px;
}
.three_row_box {
grid-column-gap: 6px;
grid-row-gap: 6px;
background-color: var(--black);
border-radius: 8px;
flex-flow: column;
padding: 32px;
display: flex;
}
.imade_full_width {
border-radius: 4px;
width: 100%;
max-width: none;
margin-top: 32px;
display: block;
}
.three_row_wrapper {
grid-column-gap: 32px;
grid-row-gap: 32px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.download_box {
text-align: left;
background-color: #0000;
width: 100%;
max-width: none;
margin-bottom: 0;
}
.html-embed-13 {
border-radius: 5px;
width: 100%;
display: block;
}
.html-embed-13.strategy {
border-radius: 14px;
margin-top: 60px;
margin-bottom: 0;
}
.text_16_white {
color: #fff;
text-align: center;
margin-bottom: 0;
font-size: 16px;
font-weight: 400;
line-height: 24px;
}
.title_span_white {
color: #fff;
text-align: center;
text-transform: uppercase;
margin-bottom: 6px;
font-size: 14px;
font-weight: 500;
line-height: 1;
}
.download_box-buttons {
grid-column-gap: 18px;
grid-row-gap: 18px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
margin-top: 50px;
display: grid;
}
.text_italic {
color: #643b80;
font-family: Merriweather, serif;
font-weight: 700;
}
.download_box-title {
margin-bottom: 16px;
}
.download-wrapper {
grid-column-gap: 64px;
grid-row-gap: 64px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.text_56_white {
color: var(--medium-slate-blue);
text-align: center;
letter-spacing: -1.2px;
margin-top: 0;
margin-bottom: 0;
font-size: 50px;
font-weight: 600;
line-height: 66px;
}
.faq_wrapper {
background-color: #fff;
padding-top: 60px;
}
.div-block-292 {
padding: 40px 300px;
}
.faq_title {
color: #383534;
font-size: 1.6em;
font-weight: 600;
line-height: 159%;
}
.bottom_border {
background-color: #e2deeacc;
width: 100%;
height: 1px;
}
.faq_ans {
color: #383534;
padding-bottom: 1.5rem;
padding-left: 1.5rem;
padding-right: 1.5rem;
font-size: 1.3em;
font-weight: 500;
line-height: 145%;
}
.faq_ques {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
justify-content: space-between;
align-items: center;
width: 100%;
padding: 24px;
display: flex;
}
.faq_icon_wrap {
flex: none;
justify-content: center;
align-items: center;
width: 2rem;
height: 2rem;
display: flex;
position: relative;
}
.container-1389 {
flex-flow: column;
max-width: 1440px;
margin-left: auto;
margin-right: auto;
padding-left: 1.5rem;
padding-right: 1.5rem;
display: flex;
}
.container-1389.is_faq {
justify-content: flex-start;
align-items: center;
}
.section_title_wrapper-2 {
text-align: center;
max-width: 870px;
margin-bottom: 60px;
margin-left: auto;
margin-right: auto;
}
.faq_card {
cursor: pointer;
border-radius: 8px;
overflow: hidden;
}
.faq-line1 {
background-color: #000;
border-radius: 100px;
width: 1rem;
height: 3px;
}
.faq_content {
flex-flow: column;
width: 100%;
max-width: 840px;
margin-top: 54px;
display: flex;
}
.faq-line2 {
background-color: #000;
border-radius: 100px;
width: 1rem;
height: 3px;
position: absolute;
transform: rotate(90deg);
}
.button-hover-bg {
z-index: -1;
background-color: #442b3d;
width: 100%;
height: 100%;
position: absolute;
}
.button-hover-bg.main {
background-color: #ff6854;
}
.enage-thumbnail-wrap {
z-index: 0;
background-color: #f6e186;
border-radius: 10px;
padding-left: 80px;
padding-right: 40px;
display: inline-block;
position: relative;
}
.is-magnetic {
display: inline-block;
}
.section-title-17 {
text-transform: capitalize;
margin-top: 0;
margin-bottom: 24px;
}
.section-paragraph.engage-paragraph {
max-width: 498px;
}
.button-content {
display: flex;
}
.engage-right-image {
z-index: 3;
border-radius: 10px;
position: absolute;
inset: auto auto 24px -40px;
box-shadow: 5px 0 50px 5px #00000014;
}
.primary-button-6 {
z-index: 0;
background-color: #ff6854;
border: 1px solid #ff6854;
border-radius: 100px;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 18px 38px;
text-decoration: none;
display: flex;
position: relative;
overflow: hidden;
}
.primary-button-6.blank {
background-color: #0000;
border-color: #fff;
}
.primary-button-6.blank.two {
border-color: #ff6854;
}
.engage-left-image {
z-index: 2;
border-radius: 10px;
position: absolute;
inset: -31px -41px auto auto;
box-shadow: 5px 0 50px 5px #00000014;
}
.btn-wrapper-2 {
justify-content: center;
align-items: center;
display: inline-block;
}
.button-text-8 {
color: #fff;
font-weight: 600;
line-height: 18px;
text-decoration: none;
}
.button-text-8.main-color {
color: #ff6854;
}
.container-1390 {
width: 100%;
max-width: 1304px;
margin-left: auto;
margin-right: auto;
padding-left: 40px;
padding-right: 40px;
overflow: hidden;
}
.engage-area {
z-index: 1;
width: 100%;
}
.engage-content-wrap {
grid-column-gap: 40px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
padding-top: 120px;
display: grid;
}
.process_overlay-top {
z-index: 2;
background-image: linear-gradient(#fff, #0000);
height: 8rem;
position: absolute;
inset: 0% 0% auto;
}
.process_item-image_container {
grid-row-gap: 0rem;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
position: absolute;
}
.process_item-image_container.step-3 {
width: 80%;
height: auto;
}
.container-medium-5 {
width: 100%;
max-width: 64rem;
margin-left: auto;
margin-right: auto;
}
.text-style-callout {
text-transform: uppercase;
font-weight: 500;
line-height: 1;
}
.text-style-callout.text-weight-medium {
font-weight: 500;
}
.section-home-process-2 {
background-color: #fff;
padding-top: 60px;
padding-bottom: 60px;
position: relative;
}
.page-padding-26 {
z-index: 1;
padding-left: 2.5rem;
padding-right: 2.5rem;
}
.process_container {
position: relative;
}
.process_item-container {
z-index: 5;
background-color: #000;
background-image: linear-gradient(#1f1f1f, #0b0d01);
border-radius: 2rem;
justify-content: center;
align-items: center;
width: 100%;
height: 20rem;
display: flex;
position: relative;
overflow: hidden;
}
.process_step {
grid-column-gap: 2rem;
border-radius: 2rem;
flex-direction: row;
grid-template-rows: auto;
grid-template-columns: 1fr 4rem 1fr;
grid-auto-columns: 1fr;
place-items: center;
padding-top: 2rem;
padding-bottom: 2rem;
display: grid;
position: relative;
}
.process_item-description {
z-index: 3;
position: relative;
}
.text-color-secondary {
color: #0b0d01a3;
}
.process_item-indicator {
z-index: 2;
background-color: var(--medium-slate-blue);
border-radius: 128rem;
justify-content: center;
align-items: center;
width: 4rem;
height: 4rem;
display: flex;
position: relative;
box-shadow: 0 0 0 1.5rem #fff;
}
.process_timeline-progress {
z-index: -1;
background-color: var(--medium-slate-blue);
width: .1875rem;
height: 0;
}
.process_overlay-bottom {
z-index: 2;
background-image: linear-gradient(to top, #fff, #0000);
height: 8rem;
position: absolute;
inset: auto 0% 0%;
}
.process_wrapper {
z-index: 5;
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 40% 10% 40%;
grid-auto-columns: 1fr;
justify-content: center;
align-items: center;
max-width: 80rem;
margin-left: auto;
margin-right: auto;
display: flex;
overflow: hidden;
}
.process_item-image {
width: 100%;
height: auto;
}
.process_item-image.step-1 {
inset: 0%;
transform: scale(1)translate(0, -3rem)rotate(-15deg);
}
.process_item-image.step-3-1 {
transform: translate(0, 10%)scale(.8);
}
.process_item-image.step-3-3 {
top: 10%;
transform: translate(0, -10%)scale(.8);
}
.process_item-image.step-3-2 {
top: 5%;
transform: translate(0)scale(.8);
}
.process_item-image.step-2-arrow {
max-width: 40%;
}
.process_timeline {
z-index: 1;
background-color: #0b0d011f;
width: .1875rem;
height: 100%;
position: absolute;
box-shadow: inset 0 -3px 3px -8px #fff;
}
.margin-bottom-49 {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.max-width-large-3 {
width: 100%;
max-width: 48rem;
}
.heading-590 {
font-size: 1em;
}
.page-padding-27 {
z-index: 1;
padding-left: 2.5rem;
padding-right: 2.5rem;
}
.benefits_section-2 {
grid-column-gap: 2rem;
grid-row-gap: 4rem;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.icon-1x1-small-4 {
width: 1.5rem;
height: 1.5rem;
line-height: 1;
}
.plan_features-icon {
border-radius: .75rem;
justify-content: center;
align-items: center;
padding: .5rem;
display: flex;
}
.plan_features-icon.white {
background-color: #dbfe52;
}
.plan_features-icon.green {
color: #dbfe52;
}
.plan_features-icon.black {
color: #dbfe52;
background-color: #ffffff29;
}
.text-size-medium-11 {
font-size: 1.25rem;
line-height: 1.3;
}
.benefits_section-item {
grid-row-gap: 1rem;
flex-flow: column wrap;
flex: 1;
align-items: flex-start;
display: flex;
}
.section-home-benefits-2 {
background-color: #fafafa;
}
.margin-bottom-50 {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.max-width-large-4 {
width: 100%;
max-width: 48rem;
}
.list-item-3 {
grid-column-gap: .75rem;
align-self: flex-start;
align-items: center;
display: flex;
}
.plan_right {
grid-row-gap: 3rem;
background-color: #0b0d01;
background-image: linear-gradient(#343434, #141414);
border-radius: 2rem;
flex-direction: column;
justify-content: space-between;
width: 50%;
display: flex;
overflow: hidden;
}
.plan_right.shadow-card {
background-image: linear-gradient(#343434, #141414);
}
.page-padding-28 {
z-index: 1;
padding-left: 2.5rem;
padding-right: 2.5rem;
}
.text_eyebrow {
color: #9353ff;
text-transform: uppercase;
font-weight: 500;
}
.plan_left {
grid-row-gap: 3rem;
background-color: #fff;
border-radius: 2rem;
flex-direction: column;
justify-content: space-between;
width: 50%;
display: flex;
overflow: hidden;
}
.plan_name-container {
grid-row-gap: .5rem;
text-align: center;
border-bottom: .0625rem solid #ffffff29;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 2rem 3rem;
display: flex;
}
.plan_name-container.left {
border-bottom-color: #0b0d011f;
}
.plan_price-container {
grid-row-gap: 1rem;
flex-direction: column;
justify-content: center;
align-items: center;
padding-left: 20px;
padding-right: 20px;
display: flex;
}
.plans_container {
grid-column-gap: 2rem;
align-items: flex-start;
width: 100%;
display: flex;
}
.button-plans {
color: #0b0d01;
text-align: center;
background-color: #fafafa;
justify-content: center;
padding: 2rem 3rem;
font-size: 1.25rem;
font-weight: 500;
line-height: 1;
transition: background-color .3s ease-in-out;
}
.button-plans:hover {
background-color: #e0e0e0;
}
.button-plans.green {
background-color: #dbfe52;
}
.button-plans.green:hover {
background-color: #c1e049;
}
.icon-1x1-small-5 {
width: 1.5rem;
height: 1.5rem;
line-height: 1;
}
.text-size-medium-12 {
font-size: 1.25rem;
line-height: 1.3;
}
.text-size-medium-12.text-color-secondary {
text-align: center;
}
.plan_features-list {
align-self: center;
padding-left: 2rem;
padding-right: 2rem;
display: flex;
}
.plan_price-text {
grid-column-gap: .25rem;
color: #fff;
justify-content: center;
align-items: center;
font-size: 2rem;
font-weight: 500;
line-height: 1;
display: flex;
}
.plan_price-text.left {
color: #0b0d01;
font-size: 2rem;
}
.text-color-white-secondary {
color: #ffffffb3;
}
.text-color-white-secondary.text-size-medium-12 {
text-align: center;
}
.text-color-white-5 {
color: #fff;
font-size: 4em;
}
.margin-bottom-51 {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.max-width-large-5 {
width: 100%;
max-width: 48rem;
}
.section-home-plans {
background-color: #fff;
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/687c3281c0455a56ea3ba08c_gr_purple-circles.svg"), linear-gradient(#fafafa, #fff);
background-position: 50%, 0 0;
background-repeat: no-repeat, repeat;
background-size: auto, auto;
position: relative;
}
.section-header-4 {
grid-row-gap: 1rem;
flex-direction: column;
align-items: center;
display: flex;
}
.heading-591 {
font-size: 2em;
}
.section-287 {
padding-top: 100px;
padding-left: 0;
padding-right: 0;
}
.animations-css {
display: none;
}
.main-6 {
margin-bottom: 0;
}
.hero-heading-10 {
letter-spacing: -.05em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(156deg, #fff 30%, #ffffff61);
-webkit-background-clip: text;
background-clip: text;
margin-bottom: 24px;
padding-bottom: .13em;
padding-left: .13em;
padding-right: .13em;
font-size: 75px;
font-weight: 600;
line-height: 1;
}
.custom-css-2 {
display: none;
}
.page-padding-29 {
padding-left: 32px;
padding-right: 32px;
}
.hero-header-3 {
text-align: center;
flex-direction: column;
align-items: center;
max-width: 760px;
margin-left: auto;
margin-right: auto;
display: flex;
}
.cta-button-7 {
grid-column-gap: 8px;
color: #fff;
text-align: center;
text-shadow: 0 3px 8px #00000040;
background-image: linear-gradient(#000, #000);
border-radius: 100px;
justify-content: center;
align-items: center;
height: 48px;
padding-left: 24px;
padding-right: 24px;
font-weight: 500;
text-decoration: none;
transition: text-shadow .12s, box-shadow .12s;
display: flex;
}
.cta-button-7:hover {
text-shadow: 0 3px 12px #0000008f;
background-image: linear-gradient(#464646, #464646);
box-shadow: 0 1px 40px #503fcd80;
}
.cta-button-7.top {
color: #000;
background-image: linear-gradient(#fff, #fff);
font-family: PT Sans, sans-serif;
font-weight: 700;
}
.cta-button-7.top:hover {
color: #fff;
background-image: linear-gradient(#000, #000);
}
.header-15 {
height: 100%;
margin-bottom: 0;
}
.subheading-7 {
color: #000;
letter-spacing: -.025em;
margin-bottom: 48px;
font-size: 21px;
font-weight: 400;
line-height: 1.3;
}
.subheading-7.subheading--hero {
max-width: 580px;
}
.subheading-7.subheading--hero.text {
color: #fff;
}
.subheading-7.subheading--hero.text._1 {
color: #77797961;
margin-bottom: 0;
}
.svg-embed {
justify-content: center;
align-items: center;
display: flex;
}
.container-1391 {
width: 100%;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
}
.page-wrapper-8 {
margin-bottom: 0;
padding-bottom: 0;
overflow: hidden;
}
.hero-11 {
margin-bottom: 0;
padding-top: 176px;
}
.list-3 {
text-align: left;
}
.list-3.wht {
color: var(--white);
}
.heading-592 {
font-size: 4em;
}
.heading-593 {
font-size: 2.5em;
}
@media screen and (min-width: 1280px) {
.button-47:hover {
background-color: var(--black);
color: #fecc2f;
}
.product-list {
grid-column-gap: 50px;
grid-row-gap: 50px;
}
.product-title {
font-size: 20px;
}
.calendly-embed {
border-radius: 5px;
}
.banner-small-container-2 {
display: inline-block;
}
.container-1384 {
max-width: 80rem;
}
}
@media screen and (min-width: 1440px) {
.service-card:hover {
background-image: linear-gradient(#292930, #d3d3d412);
}
.icn-social-small.instagram:hover {
background-size: 12px, auto;
}
}
@media screen and (min-width: 1920px) {
.scroll-banner-3-link:hover {
opacity: 1;
}
.image-full {
border-radius: 0;
}
.text-size-regular-9 {
font-size: 1.5rem;
}
.max-width-large-2 {
max-width: 1375px;
}
.heading-584 {
font-size: 7rem;
}
.max-width-medium-6 {
max-width: 45rem;
}
.max-width-medium-6._2 {
max-width: 60rem;
}
.button-78 {
height: 60px;
font-size: 1.2rem;
}
.container-large-18 {
margin-left: auto;
}
.section_hero-2 {
justify-content: space-between;
align-items: center;
height: auto;
display: block;
}
.text-field-18 {
max-width: 400px;
height: 60px;
font-size: 1.2vh;
}
.spacer-24-2 {
padding-top: 1rem;
}
.heading-style-h3-6 {
letter-spacing: -.3rem;
font-size: 5.25rem;
}
.home-title-image {
width: 54px;
height: 54px;
}
.home-new-h1 {
font-size: 104px;
}
.home-title-image-no-interaction {
width: 54px;
height: 54px;
}
}
@media screen and (max-width: 991px) {
h1 {
font-size: 50px;
}
h4 {
font-size: 1em;
line-height: 1.35;
}
p {
margin-bottom: 2.5vh;
}
.nav-link {
text-transform: capitalize;
align-items: flex-start;
margin-left: 0;
margin-right: 0;
padding-top: 10px;
padding-bottom: 10px;
font-size: 36px;
line-height: 1.8;
}
.nav-link.social {
font-size: 22px;
}
.hover-underline {
display: none;
}
.wrap-work-title {
justify-content: space-between;
height: auto;
padding-top: 2vh;
padding-bottom: 2vh;
}
.hero-grid {
grid-template-rows: 20vh auto auto auto auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
height: auto;
min-height: 100vh;
}
.inner-heading-wrapper {
padding-top: 0;
padding-bottom: 5vh;
}
.work-image-mobile {
width: 100%;
height: auto;
display: block;
overflow: hidden;
}
.container.no-padding-mobile {
padding-left: 0;
padding-right: 0;
}
.text-small {
text-align: right;
}
.inner-footer-nav {
flex-direction: column;
}
.heading-wrapper {
justify-content: flex-start;
}
.text-copyright-icon {
font-size: 2em;
}
.ui-bullet {
order: 0;
align-self: center;
width: .5vw;
height: .5vw;
margin-right: 0;
display: none;
}
.work-title-details {
flex-flow: row;
flex: none;
align-items: center;
width: auto;
}
.work-title-details.mobile {
display: block;
}
.rich-text {
margin-top: 0;
padding-bottom: 2vh;
font-size: 2em;
}
.rich-text p {
margin-bottom: 5vh;
font-size: 1.65rem;
}
.hero-image-wrapper {
z-index: 1;
}
.container-nav {
flex-direction: column;
padding: 1vh 30px;
}
.nav-menu {
background-color: #e7e7e7;
flex: none;
order: 0;
width: 100%;
max-width: none;
position: relative;
}
.nav-menu.social-mobile {
order: 1;
max-width: none;
}
.nav-menu.last {
order: 0;
justify-content: flex-start;
}
.brand {
background-color: #0000;
flex: 1;
order: -1;
align-items: flex-start;
max-width: 200px;
padding-left: 0;
display: flex;
}
.menu-button {
order: 1;
padding-right: 0;
}
.menu-button.w--open {
background-color: #0000;
order: 0;
}
.wrap-logo {
order: -1;
justify-content: space-between;
align-items: center;
display: flex;
}
.navbar {
position: relative;
}
.nav-background {
z-index: 2;
background-color: #e7e7e7;
width: 100%;
height: 100%;
padding-right: 0;
display: none;
position: fixed;
inset: 0% auto auto 0%;
}
.nav-wrapper {
z-index: 3;
}
.inline-link {
align-items: flex-start;
margin-left: 0;
margin-right: 0;
line-height: 1.8;
}
.lottie-animation {
width: 4vw;
height: auto;
}
.navigation-wrapper {
z-index: 9000;
height: 90px;
position: fixed;
inset: 0% auto auto 0%;
}
.work-inner-content {
max-width: none;
padding-left: 30px;
padding-right: 30px;
}
.text-navlink {
text-transform: capitalize;
}
.nav-shadow {
width: 100%;
height: 100%;
display: flex;
position: absolute;
inset: 0% auto auto 0%;
box-shadow: 0 0 20px #0000001a;
}
.link-next {
flex-flow: column wrap;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
}
.thumb-hover-next {
order: -1;
width: 100%;
height: 50vh;
position: relative;
inset: 0% 0% auto auto;
}
.link-view-all {
justify-content: center;
width: 100%;
padding-top: 2vh;
display: flex;
}
.section.selected-works {
padding-left: 0;
padding-right: 0;
}
.image-thumb-works {
height: 50vh;
}
.link-wrapper {
width: 100%;
}
.link-wrapper.top-row, .link-wrapper.middle-row {
height: 50vh;
}
.next-wrapper {
max-width: 90vw;
margin-left: auto;
margin-right: auto;
}
.icon-arrow {
height: 7vh;
}
.wrap-article {
width: auto;
padding-top: 5vh;
}
.link-list-feed {
flex-direction: column;
padding-bottom: 5vh;
padding-right: 0;
}
.assets-grid {
grid-column-gap: 16px;
grid-row-gap: 16px;
}
.assets-image-link {
height: 100%;
margin-bottom: 0;
}
.assets-image {
max-height: 200px;
}
.full-page {
z-index: 3;
padding-top: 10vh;
}
.dropdown-toggle {
text-transform: capitalize;
padding-left: 0;
padding-right: 0;
font-size: 28px;
line-height: 1.8;
}
.icon-dropdown {
margin-right: 0;
font-size: 16px;
font-weight: 100;
}
.dropdown-link {
color: #000;
text-transform: capitalize;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 0;
font-size: 18px;
}
.dropdown-list {
padding-top: 0;
padding-bottom: 0;
padding-left: 10px;
}
.dropdown-list.w--open {
background-color: #0000;
border-style: none none solid;
border-bottom-width: 2px;
border-radius: 0;
margin-bottom: 15px;
padding-top: 5px;
padding-bottom: 15px;
padding-left: 0;
}
.style-guide-container {
width: 100%;
max-width: none;
margin-top: 20px;
padding-top: 10px;
padding-bottom: 50px;
}
.grid-templates {
grid-column-gap: 16px;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
margin-bottom: 5vh;
}
.link-templates {
min-height: auto;
}
.link-templates:hover {
border-color: #3a3939;
}
.heading-hero {
font-size: 20vh;
}
.hero-wrapper.nav {
z-index: 1;
width: 100%;
height: 90px;
display: block;
position: absolute;
inset: 0% auto auto 0%;
}
.paragraph-wrapper {
flex-direction: column;
}
.main-paragraph.text-large {
font-size: 40px;
}
.main-paragraph.text-gray.text-small {
text-align: left;
}
.work-header {
padding-bottom: 10vh;
}
.main-grid {
grid-row-gap: 3vh;
grid-template-columns: 5fr 5.25fr;
}
.main-grid.collage {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
padding-top: 10vh;
}
.main-grid.no-gap-mobile {
grid-row-gap: 0vh;
align-content: space-between;
}
.main-grid.hero {
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.main-grid.padding-bottom-large {
grid-column-gap: 91vw;
grid-template-columns: 8fr 7.25fr;
}
.main-grid.no-gap {
grid-template-columns: 5fr 10fr;
grid-auto-columns: .25fr;
}
.main-grid.flipping {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
padding-top: 10vh;
}
.collection-list {
grid-template-columns: 1fr 1fr;
}
.collection-list._3-columns {
grid-template-columns: 1fr;
}
.heading-xlarge.hero-size {
flex-direction: column;
align-items: flex-start;
font-size: 150px;
}
.heading-xlarge.no-wrap {
font-size: 10vh;
}
.heading-xlarge.text-bold {
font-size: 6vh;
}
.heading-large {
font-size: 65px;
}
.grid-gallery {
min-width: 250vw;
min-height: 30vh;
}
.frame-flip-wrapper {
min-height: auto;
}
.flip-frame {
height: 40vh;
}
.flip-frame-horizontal {
width: 100%;
}
.grid-work-list {
padding-bottom: 5vh;
}
.hover-image-wrapper {
display: none;
}
.track {
min-height: auto;
}
.sticky-wrapper {
position: relative;
}
.grid-about {
min-height: 50vh;
}
.frame-grid {
min-height: auto;
}
.sticky-wrapper-heading {
position: relative;
}
.list-works-wrapper {
min-height: auto;
}
.arrow-cta.blog {
margin-top: 0;
display: none;
}
.about-frame-image {
min-height: auto;
}
.margin-bottom-medium {
margin-bottom: 3vh;
}
.image-logo-footer {
width: 45%;
}
.flip-frame-home {
width: 100%;
height: 38vh;
min-height: 650px;
}
.collection-list-grid {
grid-row-gap: 0vh;
grid-template-columns: 1fr;
}
.content-image-wrapper {
border: 1px solid #000;
height: 45vh;
display: block;
overflow: hidden;
}
.full-image-wrapper {
height: 35vh;
}
.flex-horizontal.top-align-copy {
padding-bottom: 4vh;
padding-left: 30px;
padding-right: 30px;
position: relative;
}
.flex-horizontal.works.inner-padding-medium {
padding-left: 30px;
padding-right: 30px;
}
.bubble-wrapper {
align-items: center;
min-height: auto;
}
.bubble-image {
width: 30vw;
height: 30vw;
}
.bubble-image.small {
width: 20vw;
height: 20vw;
}
.bubble-image.medium {
width: 15vw;
height: 15vw;
}
.work-wrapper {
margin-bottom: 4vh;
padding-bottom: 4vh;
}
.hovering {
display: none;
}
.work-detail-wrapper {
padding-left: 30px;
padding-right: 30px;
}
.hero-image-frame, .hero-image-frame.medium {
height: auto;
}
.inner-grid {
grid-template-columns: 1fr 1fr;
}
.blog-post-info-wrapper {
justify-content: space-between;
padding-top: 0;
display: flex;
}
.city-image-wrapper {
width: 100%;
}
.sidebar-blog {
display: none;
}
.collection-home-wrapper {
width: 100%;
}
.main-nav-wrapper {
z-index: 25;
background-color: #f3f3f3;
width: 100%;
height: 90px;
position: fixed;
}
.heading-display-1-copy-copy.no-margin {
font-size: 70px;
}
.main-header, .main-header.start {
padding-left: 20px;
padding-right: 20px;
}
.section-8.full-width {
grid-template-columns: 1fr;
}
.text-navlink-copy {
text-transform: capitalize;
}
.process-tabs-horizontal-menu {
align-items: center;
margin-bottom: 56px;
margin-left: auto;
margin-right: auto;
}
.process-tab-horizontal {
width: 100%;
}
.process-tabs-horizontal {
flex-direction: column;
align-items: stretch;
}
.extra-large-text {
font-size: 32px;
font-weight: 600;
line-height: 40px;
}
.video-background {
height: 440px;
}
.grid-thirds {
grid-template-columns: 1fr;
max-width: 469px;
margin-left: auto;
margin-right: auto;
}
.grid-halves {
grid-template-columns: 1fr;
}
.pricing-grid-thirds {
grid-template-columns: 1fr;
max-width: 469px;
margin-left: auto;
margin-right: auto;
}
.pop-up {
width: 95vw;
}
.modal-link {
text-align: center;
width: 100%;
}
.close-icon {
justify-content: center;
align-items: center;
max-height: none;
transition: all .3s;
display: flex;
position: absolute;
inset: 0%;
}
.button-9 {
padding-left: 35px;
padding-right: 35px;
}
.title-wrap {
padding-left: 20px;
padding-right: 20px;
}
.title-wrap.policy {
padding-left: 0;
padding-right: 0;
}
.content-567-copy {
margin-bottom: 0;
}
.container-1060 {
padding-top: 20px;
}
.privacy-cookie-policy {
padding-top: 130px;
padding-bottom: 60px;
}
.container-1061 {
padding-left: 15px;
padding-right: 15px;
}
.container-10 {
margin-top: 106px;
}
.heading-56 {
font-size: 5vw;
}
.nav-menu-2 {
z-index: 1;
background-color: #363636;
flex-direction: row;
padding-top: 0;
padding-left: 50px;
padding-right: 50px;
position: fixed;
inset: 0%;
}
.space-around {
flex-direction: column;
justify-content: space-around;
height: 100%;
padding-top: 80px;
}
.menu-button-items {
flex-direction: row;
justify-content: space-around;
align-items: center;
width: 40px;
height: 40px;
display: flex;
}
.nav-link-2 {
text-align: left;
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/61d9f744a992296ae7593819_Group%20(3).svg");
background-position: 100%;
background-repeat: no-repeat;
background-size: 20px;
margin: 0;
padding: 20px 60px 20px 0;
font-size: 30px;
line-height: 2em;
}
.nav-link-2.w--current {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/61d9f744a9922955f559381e_White%20Sparrow.svg");
}
.reel-nav-link {
text-align: left;
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/61d9f744a992296ae7593819_Group%20(3).svg");
background-position: 100%;
background-repeat: no-repeat;
background-size: 20px;
margin: 0;
padding: 20px 60px 20px 0;
font-size: 30px;
line-height: 2em;
}
.reel-nav-link.w--current {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/61d9f744a9922955f559381e_White%20Sparrow.svg");
}
.menu-dots {
background-color: #fff;
border-radius: 10px;
width: 6px;
height: 6px;
padding-bottom: 0;
padding-right: 0;
}
.menu-button-2 {
z-index: 2;
align-items: center;
width: 40px;
height: 40px;
padding: 0;
display: flex;
}
.menu-button-2.w--open {
z-index: 2;
background-color: #0000;
}
.brand-2 {
z-index: 2;
}
.nav_link-list {
margin-right: 0;
}
.nav_menu-button {
color: #ebf0f9;
background-color: #1d2130;
border-radius: .25rem;
width: 2.5rem;
height: 2.5rem;
padding: 0;
transition: background-color .3s, color .3s;
}
.nav_menu-button.w--open {
color: #eff7f2;
background-color: #70c174;
}
.button-nav {
text-align: left;
padding: 1rem 2.5rem;
transition: background-color .2s;
}
.button-nav:hover {
transform: none;
}
.nav_link {
padding-left: 2.5rem;
padding-right: 2.5rem;
}
.nav_menu {
background-color: #fff;
border-bottom: 1px solid #fff;
}
.nav_button-wrapper {
background-color: #1d2130;
flex-direction: column;
display: flex;
}
.nav_menu-button-icon {
justify-content: center;
align-items: center;
width: 2.5rem;
height: 2.5rem;
display: flex;
}
.menu-button-3 {
border-radius: 5px;
margin-top: 2px;
padding-top: 10px;
padding-bottom: 13px;
transition: background-color .2s;
position: absolute;
inset: 13px 20px auto auto;
}
.menu-button-3.w--open {
background-color: #353535;
}
.nav-social-links {
text-align: left;
justify-content: center;
padding-left: 20px;
}
.container-1062 {
padding-left: 15px;
padding-right: 15px;
}
.container-1062.nav-container {
height: 80px;
padding-top: 0;
padding-bottom: 0;
}
.nav-menu-3 {
background-color: #0d0d0d;
flex-direction: column;
justify-content: center;
align-items: center;
padding-bottom: 20px;
top: 80px;
}
.nav-link-3 {
text-align: left;
margin-bottom: 5px;
margin-left: 10px;
padding-bottom: 12px;
font-size: 18px;
}
.nav-link-3.w--current {
background-position: 5px 100%;
background-size: 80px;
}
.nav-link-3._3, .nav-link-3._1 {
align-items: center;
}
.navbar-2 {
padding: 10px;
}
.lottie-animation-3 {
display: none;
}
.right-block {
padding-left: 0%;
}
.name {
font-size: 104px;
}
.block-about-image {
margin-bottom: 69px;
}
.block-name {
top: 295px;
left: 55px;
}
.container-copy {
padding-left: 15px;
padding-right: 15px;
}
.about-image {
height: 662px;
}
.grid-7 {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
place-items: center;
display: grid;
}
.grid-9 {
flex-direction: column;
display: flex;
}
.pricing-icon {
margin-top: -55%;
}
.pricing-plan-2 {
max-width: 400px;
margin-top: 90px;
margin-left: auto;
margin-right: auto;
}
.pricing-plan-grid {
grid-template-columns: 1fr;
}
.heading-xlarge-copy.hero-size {
flex-direction: column;
align-items: flex-start;
font-size: 80px;
}
.heading-xlarge-copy.no-wrap, .heading-xlarge-copy.text-bold {
font-size: 10vh;
}
.submit-button {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.input {
width: 100%;
margin-bottom: 0;
}
.split-content.hero-left {
flex-direction: column;
justify-content: center;
align-items: center;
margin-bottom: 60px;
margin-right: 0;
display: flex;
}
.scroll-down-wrapper {
margin-top: 0;
position: absolute;
inset: 250px 0% auto auto;
}
.header {
text-align: center;
padding: 30px;
font-size: 1.5em;
}
.calender-pop-up {
display: none;
}
.paragraph-4.hero {
max-width: 288px;
margin-bottom: 32px;
}
.html-embed {
width: 500px;
min-width: 300px;
}
.container-1064.hero {
padding-bottom: 3em;
padding-left: 2em;
padding-right: 2em;
}
.container-1064.is--final-text {
padding: 4em 5em;
}
.container-1064._2 {
padding: 3em 5em;
}
.container-1064.is--portfolio {
padding-bottom: 6em;
padding-left: 5em;
padding-right: 5em;
}
.grid-item.hero-heading {
width: 100%;
}
.grid-item.column2-footer-responsivness {
width: 50%;
padding-left: 0;
}
.grid-item._2 {
justify-content: flex-start;
align-items: flex-start;
width: 100%;
font-size: 2vw;
}
.grid-item.columns {
width: 40%;
margin-bottom: 6em;
}
.grid-item.heading {
width: 100%;
}
.grid-item.column2-footer {
width: 33%;
}
.grid-item.awards {
width: 60%;
}
.grid-item.awards2-responsivness {
align-items: flex-start;
width: 50%;
}
.grid-item.deserved-awards {
width: 39%;
}
.grid-item.awards2 {
align-items: flex-start;
width: 50%;
}
.grid-item._1 {
width: 100%;
display: flex;
}
.grid {
align-items: flex-start;
}
.grid.vertical-responsivness {
flex-direction: column;
justify-content: center;
align-items: flex-start;
}
.grid._3 {
flex-direction: column;
align-items: flex-start;
}
.video-hero-mask {
display: flex;
}
.is-hover-zoom._3 {
width: 40em;
height: 26em;
}
.is-hover-zoom._2 {
width: 37.2em;
}
.line {
width: 87.5em;
margin-top: .8em;
}
._70 {
padding-right: 1em;
}
.wrapper-circle-text {
justify-content: flex-start;
align-items: center;
}
.p.is--slider-paragraph {
margin-bottom: 1.5em;
font-size: 2em;
}
.is--footer-text {
font-size: 2em;
}
.heading-5 {
display: none;
}
.heading-latest-work {
font-size: 1.8em;
}
.is--text-circle-last {
margin-left: 0;
}
.div-grid-item-wrapper {
width: 100%;
}
.is--footer-text-column3 {
font-size: 2em;
}
.heading-responsivness {
margin-top: 0;
margin-bottom: 1.5em;
font-size: 4.5em;
font-weight: 400;
line-height: 1.2;
display: flex;
}
.is--footer-moto {
font-size: 2em;
display: none;
}
.footer-line {
margin-top: 1em;
}
.grid-item-test.deserved-awards-test, .grid-item-test.what-people-are-saying {
width: 80%;
}
.image-454 {
width: 12em;
}
.headline-tittle-project {
font-size: 2.5em;
}
.circle {
width: 3.5em;
height: 3.5em;
}
.text-block-8 {
font-size: 2em;
}
.heading-tablet {
margin-bottom: 1.5em;
font-size: 4em;
display: none;
}
.heading-year, .heading-year-last {
margin-left: 1em;
font-size: 1.8em;
}
._40 {
padding-right: 1em;
}
.container-test.slider {
padding-bottom: 3em;
padding-left: 5em;
padding-right: 5em;
}
.headline-category {
font-size: 1.5em;
}
.liner-wrapper {
width: 100%;
margin-top: 3em;
margin-bottom: 3em;
}
.heading-button {
width: 100%;
}
.is--text-circle {
margin-left: 0;
}
.is--heading-with-year {
margin-top: .2em;
margin-left: 1em;
font-size: 2.5em;
}
.is--heading-with-year.second-line {
margin-top: .2em;
margin-left: 1em;
}
.is--heading-with-year.first-line {
margin-top: .2em;
margin-left: 1em;
font-size: 2.5em;
}
.is--heading-with-year.third-line {
margin-top: .2em;
margin-left: 1em;
}
.div-block-6 {
margin-right: 14.8em;
}
.grid-test {
flex-direction: column;
margin-top: 0;
overflow: visible;
}
.liner-wrapper-footer {
margin-bottom: 9em;
}
.is--footer-moto-responsivness {
margin-top: 3em;
margin-bottom: 1.5em;
font-size: 2em;
display: flex;
}
.container-full-width {
padding-bottom: 6.5em;
}
.splide.slider3.collection {
height: 20em;
padding-left: 5em;
padding-right: 5em;
}
.splide.slider1.team {
width: 100%;
height: 39em;
}
.splide.slider2.testimonial {
width: 100%;
height: 20em;
}
.is--text-circle-middle {
margin-left: 0;
}
._30 {
width: 45%;
}
.heading-year-middle {
margin-left: 1em;
font-size: 1.8em;
}
.c-large-header {
height: 6em;
margin-left: -5vw;
}
.c-mission_photo {
width: 32vw;
min-width: 32vw;
height: 45vw;
}
.c-button:hover {
background-image: linear-gradient(#0000, #0000);
}
.is--display {
font-size: 5em;
}
.c-section {
padding: 2em 5vw;
}
.c-section.is--mission {
padding-top: 2em;
}
.c-mission_content {
width: 52vw;
padding-left: 0;
}
.project-child.project_text {
flex: none;
}
.p-2 {
font-size: 18px;
}
.project_parent {
padding-left: 50px;
padding-right: 50px;
}
.work-collection-list {
grid-row-gap: 64px;
}
.formatting {
padding-top: 60px;
}
.formatting__wrapper {
flex-direction: column-reverse;
justify-content: center;
align-items: center;
}
.formatting__lottie {
width: 90vw;
margin-left: 0;
position: static;
}
.formatting__text {
width: 100%;
margin-left: 0;
margin-right: 0;
padding-bottom: 0;
}
.formatting__heading, .formatting__paragraph, .formatting__paragraph.formatting__paragraph--space {
text-align: center;
}
.h2 {
font-size: 40px;
line-height: 1.2;
}
.how_wrap {
padding-top: 80px;
padding-bottom: 80px;
}
.h3-2 {
font-size: 28px;
line-height: 1.2;
}
.how_text {
margin-bottom: auto;
}
.container-1065 {
width: 90%;
}
.section-15 {
padding-left: 0;
padding-right: 0;
}
.how_grid {
grid-column-gap: 24px;
}
.tabs-menu-2 {
flex-flow: wrap;
margin-bottom: 20px;
display: flex;
}
.tabs {
text-align: center;
margin-bottom: auto;
padding-left: 20px;
padding-right: 20px;
}
.collection-item {
width: 50%;
padding: 5px;
}
.div-block-27 {
background-color: #0000;
width: 90%;
padding-top: 0;
padding-left: 20px;
padding-right: 20px;
}
.text-block-16 {
font-family: Poppins, sans-serif;
}
.featured-work-header {
margin-top: 10px;
margin-bottom: 10px;
padding-top: 40px;
font-size: 5vw;
line-height: 4vw;
}
.featured-work {
width: 100%;
margin-left: 0%;
}
.video-title, .video-client {
font-size: 1.4vw;
}
.image-113 {
border-radius: 20px;
}
.div-block-30 {
padding-bottom: 5px;
}
.lightbox-link-2 {
border-radius: 20px;
}
.columns {
border-top-left-radius: 40px;
border-top-right-radius: 40px;
border-bottom-left-radius: 40px;
flex: 1;
}
.banner-header-ccopy-mobile, .banner-header {
align-self: flex-start;
margin-bottom: 20px;
font-size: 5vw;
line-height: 5.5vw;
}
.column-3 {
z-index: 10;
border-radius: 0;
height: 90vh;
padding-right: 20px;
}
.paragraph-large-top {
flex: 0 auto;
align-self: flex-start;
font-size: 2.2vw;
line-height: 3vw;
}
.div-block-22 {
height: 100%;
}
.column-2 {
height: 90vh;
}
.top-section.center {
border-radius: 60px;
flex-direction: column;
width: 100%;
height: 90vh;
margin-top: 0;
margin-left: 0%;
padding-top: 7vh;
padding-left: 0;
}
.contact-section {
width: 100%;
height: auto;
margin-left: 0%;
padding-left: 20px;
padding-right: 20px;
}
.header-on-black {
padding-left: 0;
font-size: 4vh;
}
.html-embed-2 {
margin-top: 60px;
}
.paragraph-large-on-black, .send-us-a-text {
font-size: 2.5vw;
line-height: 3vw;
}
.columns-3 {
margin-top: 40px;
}
.container-content {
padding-left: 20px;
padding-right: 20px;
overflow: hidden;
}
.container-1066 {
grid-template-columns: 1fr;
}
.card-2 {
max-width: none;
margin-left: 0;
}
.navigation-items {
background-color: #fff;
}
.logo-link.w--current {
flex: 1;
}
.navigation-item {
text-align: center;
padding: 15px 30px;
transition: background-color .4s, opacity .4s, color .4s;
}
.navigation-item:hover {
background-color: #f7f8f9;
}
.navigation-item:active {
background-color: #eef0f3;
}
.menu-button-4 {
padding: 0;
}
.menu-button-4.w--open {
background-color: #0000;
}
.menu-icon {
display: block;
}
.button-5 {
margin-top: 40px;
}
.div-block-32 {
flex-direction: column;
}
.heading-20 {
font-size: 40px;
line-height: 45px;
}
.paragraph-15 {
font-size: 20px;
line-height: 24px;
}
.div-block-42 {
margin-top: 40px;
}
.home-wwd-section {
margin-top: 120px;
padding-left: 60px;
padding-right: 60px;
}
.div-block-7 {
margin-top: 5px;
}
.wrapper-hover.social {
height: 15vh;
}
.wrapper-text {
padding-left: 2vw;
display: block;
}
.c-offset-heading {
width: 95vw;
margin-top: .5em;
margin-left: 5vw;
padding-right: 5vw;
}
.c-homepage_item {
width: 44vw;
min-height: 30vw;
margin-bottom: 2vw;
}
.c-homepage_fill {
padding: 1.2em;
}
.c-homepage_list {
margin-top: 4em;
}
.container-1067 {
padding-left: 3em;
padding-right: 3em;
}
.header-3 {
min-width: 100%;
max-width: 100%;
margin-bottom: 31px;
}
.cases-grid {
grid-template-columns: 1fr;
}
.o-home-sections-cases {
min-height: 100vh;
padding: 80px;
}
.link-subwrapper-f6 {
margin-right: 20px;
}
.footer-wrapper {
width: auto;
margin-left: auto;
margin-right: auto;
}
.navigation-container, .nav-menu-4 {
display: none;
}
.dropdown-title.colour-1, .dropdown-title.colour-2, .dropdown-title.colour-4, .dropdown-title.colour-3 {
color: #000;
font-size: 20px;
}
.navigation-left {
display: flex;
}
.button-menu._4 {
margin-top: 40px;
}
.mobile-nav-link {
width: 100%;
margin-bottom: auto;
font-family: Poppins, sans-serif;
font-size: 20px;
font-weight: 500;
}
.navigation-container-mob {
justify-content: space-between;
display: block;
}
.menu-mob {
color: #000;
background-color: #fecc2f;
border-radius: 100px;
font-size: 22px;
}
.menu-mob.w--open {
background-color: #b1b1b1;
}
.mobile-dropdown {
width: 100%;
}
.nav-content-wrap-2 {
color: #ededed;
}
.mobile-nav {
background-color: #fff;
padding-top: 15px;
box-shadow: 42px 42px 55px #20355a17;
}
.flowbase-logo-2 {
min-width: 30px;
}
.dropdown-list-3 {
background-color: #fff;
}
.dropdown-link-mob {
color: #fff;
width: 100%;
margin-bottom: auto;
padding-top: 14px;
padding-bottom: 14px;
font-family: Poppins, sans-serif;
font-size: 20px;
font-weight: 500;
}
.dropdown-link-mob:hover {
box-shadow: none;
transform: none;
}
.mobile-toggle {
width: 100%;
font-family: Poppins, sans-serif;
font-size: 20px;
font-weight: 500;
}
.brand-5 {
margin-top: 13px;
margin-bottom: 0;
}
.brand-5.w--current {
margin-top: 10px;
}
.page-padding-2 {
padding-left: 2.5rem;
padding-right: 2.5rem;
}
.section-home-grid_sm-image {
max-width: 10rem;
top: -2rem;
}
.section-home-grid_text {
padding-top: 4rem;
padding-bottom: 6rem;
}
.section-home-grid_med-image {
max-width: 40vw;
inset: auto 2% 8% auto;
}
.section-home-grid_image {
height: 30rem;
}
.content-stacked {
grid-row-gap: 80px;
}
.content-stacked.large {
grid-row-gap: 120px;
}
.dual-grid {
grid-column-gap: 60px;
grid-row-gap: 60px;
grid-template-columns: 1fr;
max-width: 700px;
}
.intro-box {
min-height: auto;
}
.content-box {
max-width: 600px;
}
.grid-wrapper-2 {
grid-row-gap: 48px;
}
.rotating-box {
width: 35vw;
max-width: 350px;
height: 35vw;
max-height: 350px;
}
.section-18 {
padding-top: 120px;
padding-bottom: 120px;
}
.phone-process-wrapper {
display: none;
}
.process_steps {
line-height: 1.3;
}
.process-grid {
grid-template-columns: 1fr 100px 1fr;
padding-bottom: 120px;
}
.step-description, .service-description {
font-size: 14px;
}
.services-section {
margin-bottom: 0;
}
.heading-wrapper-2.vertical-flex {
margin-bottom: 45px;
}
.div-block-43 {
grid-column-gap: 25px;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
margin-top: 70px;
}
.heading.grey-heading {
font-size: 6vw;
line-height: 1.3;
}
.section-19.less_padding {
border: 1px #000;
}
.service-wrapper {
max-width: 350px;
margin-bottom: 5vw;
}
.heading-2 {
margin-bottom: 5px;
font-size: 25px;
}
.image-13 {
display: none;
}
.webflow-intro {
flex-direction: column;
display: flex;
}
.div-block-13 {
justify-content: center;
display: flex;
}
.image-6 {
margin-top: 30px;
}
.webflow-description-wrapper {
flex-direction: column;
align-items: center;
max-width: none;
margin: 0 auto -30px;
padding-top: 0;
display: flex;
}
.webflow-section {
height: auto;
padding-top: 60px;
}
.about-me-wrapper {
max-width: 600px;
margin-bottom: 30px;
}
.about {
margin-bottom: 30px;
padding-top: 60px;
}
.about-me {
grid-template-rows: auto auto auto;
margin-bottom: 0;
}
.grey-text-block {
font-size: 17px;
line-height: 30px;
}
.webflow-update-caption {
background-color: #e9e9e991;
margin-top: 20px;
padding-left: 20px;
padding-right: 20px;
}
.grey-paragraph {
margin-bottom: 0;
font-size: 17px;
line-height: 30px;
}
.paragraph-wrapper-2 {
justify-content: center;
width: 90%;
max-width: none;
display: flex;
}
.text-wrapper {
align-items: center;
width: 90%;
margin-top: 20px;
display: flex;
}
.webflow-mockup-wrapper {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
max-width: none;
display: grid;
}
.grey-text-link {
font-size: 17px;
line-height: 30px;
display: block;
}
.content-wrapper-2 {
grid-row-gap: 60px;
grid-template-columns: 1fr 1fr 1fr;
}
.stacked-title-2 {
grid-row-gap: 24px;
}
.stacked-content.large {
grid-row-gap: 80px;
}
.heading-424.large {
font-size: 46px;
}
.about-photos {
grid-row-gap: 20px;
grid-template-rows: 1fr;
}
.heading-12 {
font-size: 40px;
line-height: 40px;
}
.container-25 {
max-width: 95%;
}
.section-74 {
margin-top: 0;
}
.container-1070 {
text-align: left;
}
.container-1070.centered {
max-width: 90%;
}
.container-1070.get-in-touch {
max-width: 80%;
}
.large-hero-title {
width: 90%;
}
.hero-description-title {
width: 70%;
font-size: 20px;
line-height: 24px;
}
.features-row {
margin-top: 30px;
}
.section-title-2 {
margin-bottom: 4px;
font-size: 40px;
line-height: 40px;
}
.section-54 {
padding-left: 10px;
padding-right: 10px;
}
.section-title-wrapper {
width: 85%;
margin-bottom: 40px;
}
.feature-block {
width: 90%;
}
.feature-block.wide {
text-align: center;
}
.image-2.values {
margin-left: 0;
}
.thumb-port {
width: 50%;
}
.cobertura-port {
opacity: 1;
}
.container-16 {
padding-left: 10px;
padding-right: 10px;
}
.columns-14 {
flex-direction: row;
align-items: center;
}
.heading-425 {
text-align: center;
padding-left: 10px;
padding-right: 10px;
}
.button-16.cta-button {
width: 30%;
margin-top: 15px;
}
.button-16.cta-button.yellow {
width: 100%;
margin-top: 0;
}
.column-28 {
flex-direction: row;
justify-content: center;
align-items: flex-start;
display: flex;
}
.services-intro {
width: 100%;
margin-bottom: 60px;
}
.features-title {
line-height: 40px;
}
.services-container {
flex-direction: column;
padding-left: 80px;
padding-right: 80px;
}
.services {
margin-left: 0;
}
.section-101 {
padding-top: 60px;
padding-bottom: 60px;
}
.container-1071 {
padding-left: 20px;
padding-right: 20px;
}
.section-title-3 {
font-size: 32px;
line-height: 42px;
}
.section-title-3.slide-bottom {
font-size: 28px;
line-height: 36px;
}
._2-col-grid {
grid-row-gap: 60px;
grid-template-columns: 1fr;
}
.section-img {
max-width: 70%;
margin-left: auto;
margin-right: auto;
}
.align-center-mobile {
text-align: center;
flex-direction: column;
align-items: center;
display: flex;
}
.section-title-4 {
font-size: 36px;
line-height: 42px;
}
.section-subtitle-2 {
font-size: 20px;
line-height: 28px;
}
.button-wrap.flex {
flex-direction: column;
}
.section-title-5 {
font-size: 36px;
line-height: 42px;
}
.process-item {
width: 80%;
margin-left: auto;
margin-right: auto;
}
.section-102 {
padding-top: 60px;
padding-bottom: 60px;
}
.process-wrap {
flex-direction: column;
}
.container-1072 {
padding-left: 30px;
padding-right: 30px;
}
.content34-grid {
grid-column-gap: 24px;
grid-row-gap: 30px;
flex-direction: column;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
width: 100%;
max-width: 738px;
}
.logo-container {
justify-content: center;
display: flex;
}
.section-4.light-grey.half-padding {
display: none;
}
.logos-div {
padding-left: 30px;
padding-right: 30px;
}
.content-2 {
max-width: 738px;
}
.partner-logo {
margin-top: 30px;
margin-bottom: 30px;
}
.heading-428 {
font-size: 56px;
}
.margin-vertical {
margin-left: 0;
margin-right: 0;
}
.padding-vertical {
padding-left: 0;
padding-right: 0;
}
.padding-vertical.padding-custom1 {
padding-top: 4rem;
padding-bottom: 4rem;
}
.padding-bottom {
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.padding-bottom.padding-xxhuge.extra-padding-desktop {
padding-bottom: 7.5rem;
}
.margin-top {
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
}
.section-services {
grid-template-columns: 1fr minmax(min-content, 1fr);
}
.padding-horizontal {
padding-top: 0;
padding-bottom: 0;
}
.padding-horizontal.padding-huge.is-mobile-small {
padding-left: 3rem;
padding-right: 3rem;
}
.margin-bottom {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.grid-4-col {
grid-template-columns: 1fr 1fr;
}
.c-title-1 {
font-size: 41px;
}
.c-grey_rectangle {
background-color: #f8f8f8;
width: 100%;
height: 100%;
display: block;
}
.c-badge {
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
}
.c-grid_item.cc-title {
border-right-style: none;
order: 1;
min-width: 100%;
height: auto;
padding-top: 46px;
padding-bottom: 46px;
}
.c-grid_item.cc-badge_spacer-bottom {
min-width: auto;
display: none;
}
.c-grid_item.cc-twitter_tile {
border-left-style: none;
border-right-style: none;
order: 9;
width: 50vw;
min-width: auto;
max-width: none;
height: 50vw;
min-height: auto;
max-height: none;
}
.c-grid_item.cc-webflowent {
border-right: 1px solid #d8d8d8;
order: 2;
align-items: center;
width: 50vw;
height: 50vw;
display: flex;
}
.c-grid_item.cc-middle_space_large {
order: 6;
min-width: 100%;
max-width: none;
height: auto;
min-height: 33vw;
max-height: none;
display: flex;
}
.c-grid_item.cc-grey_circle {
border-right-style: none;
order: 8;
width: 50vw;
min-width: auto;
height: 50vw;
min-height: auto;
max-height: none;
}
.c-grid_item.cc-facebook {
border-style: none;
order: 11;
min-width: 100%;
max-width: none;
height: auto;
min-height: 50vw;
max-height: none;
}
.c-grid_item.cc-middle_spacer {
min-width: auto;
display: none;
}
.c-grid_item.cc-top_spacer {
min-width: auto;
}
.c-grid_item.cc-top_spacer.cc-mobile_hide {
display: none;
}
.c-grid_item.cc-mobile_rectangle {
order: 3;
width: 50vw;
height: 50vw;
padding: 16px;
}
.c-grid_item.cc-badge_spacer {
min-width: auto;
display: none;
}
.c-grid_item.cc-bottom_spacer {
display: none;
}
.c-grid_item.cc-linkedin {
order: 5;
width: 100%;
min-width: 100%;
height: auto;
min-height: 50vw;
padding: 16px;
}
.c-grid_item.cc-copylink {
border-left-style: none;
border-right-style: none;
order: 7;
width: 50vw;
min-width: auto;
height: 50vw;
min-height: auto;
max-height: none;
}
.c-social_text.cc-copylink {
display: none;
}
.c-hero_grid {
display: flex;
transform: scale(1);
}
.c-refokus_logo {
width: 10vw;
height: 10vw;
}
.c-hero_logo.cc-copylink {
width: 40px;
height: 40px;
}
.c-tile_linkedin {
width: 100%;
height: auto;
min-height: 50vw;
padding-top: 20vw;
padding-bottom: 20vw;
}
.c-section-3 {
padding-top: 60px;
padding-bottom: 60px;
}
.c-section-3.cc-hero {
height: auto;
}
.grid_line.cc-secondrow {
order: 1;
width: 100%;
margin-left: 16px;
margin-right: 16px;
}
.grid_line.cc-mobile_split {
order: 7;
width: 100%;
margin-left: 16px;
margin-right: 16px;
display: none;
}
.grid_line.cc-final_row {
margin-left: 16px;
margin-right: 16px;
}
.grid_line.cc-mobile_split_second {
order: 10;
width: 100%;
margin-left: 16px;
margin-right: 16px;
display: block;
}
.grid_line.cc-third-row {
order: 4;
width: 100%;
margin-left: 16px;
margin-right: 16px;
}
.grid_line.cc-mobile_third {
order: 6;
width: 100%;
margin-left: 16px;
margin-right: 16px;
display: block;
}
.grid_line.cc-component {
flex: 0 auto;
order: 5;
width: 100%;
margin-left: 16px;
margin-right: 16px;
}
.c-badge_text {
padding: 0;
}
.c-tile_facebook {
min-height: 50vw;
}
.c-hero_grid-2 {
display: flex;
transform: scale(1);
}
.video-cover-wrapper {
width: 100%;
margin-bottom: 80px;
}
.features-text-wrapper {
width: 80%;
}
.feature-left-image-right {
flex-wrap: wrap-reverse;
}
.text-block-hero {
margin-left: 0;
}
.header-4 {
min-width: 100%;
max-width: 100%;
margin-bottom: 31px;
}
.youtube-thread {
min-height: 100vh;
padding: 80px;
}
.play-button.left.purple {
float: left;
}
.video_overlay {
background-color: #0000;
}
.icon--large {
justify-content: center;
align-items: center;
width: 24px;
height: 24px;
}
.card_video {
justify-content: center;
margin-bottom: 16px;
display: flex;
}
.section_row {
flex-wrap: wrap;
align-content: flex-start;
}
.tag {
margin-bottom: 8px;
}
.section-105 {
padding-top: 40px;
padding-bottom: 40px;
}
.container-1075 {
max-width: 768px;
}
.section_col {
min-width: 480px;
max-width: 800px;
margin-left: auto;
margin-right: auto;
}
.card--highlight {
justify-content: center;
}
.floater {
width: 20%;
}
.case-block {
height: 450px;
padding: 20px;
}
.case-block.w--current {
height: auto;
padding: 20px;
}
._60-2 {
width: 100%;
}
.casestudy-list {
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}
.casestudy-list-wrapper-mobile, .casestudy-list-wrapper {
display: block;
}
.casestudy-list-wrapper.hidden {
display: none;
}
.logo-2 {
top: 20px;
right: 20px;
}
.display, .display-2 {
font-size: 80px;
line-height: 90px;
}
.works-heading-block {
width: 100%;
}
.casestudy-list-casepage {
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}
.navbutton {
letter-spacing: 1px;
white-space: nowrap;
margin-left: 5px;
margin-right: 5px;
padding-left: 10px;
padding-right: 10px;
font-size: 14px;
}
.navbutton.w--current {
letter-spacing: 0;
white-space: nowrap;
}
.hero {
height: 70vh;
}
.icon-4 {
margin-right: 0;
}
.hero_tagline {
font-size: 62px;
line-height: 60px;
}
.text-block-6 {
margin-right: 10px;
}
.hero_cta {
width: 90%;
margin-left: 20px;
}
.logo-3.hover {
margin-right: 10px;
}
.content-section {
overflow: hidden;
}
.blue-circle-bg {
width: 20%;
}
.body-text {
font-size: 18px;
}
.heading-432 {
font-size: 20px;
}
.heading-1 {
font-size: 48px;
}
.pink-circle-bg {
width: 30%;
}
.heading-434 {
color: #e2e2e2;
}
.header-block {
width: 100%;
}
.text-block-135 {
font-size: 2em;
}
.image-4 {
width: 40em;
height: 25em;
}
.name-test {
font-size: 2.5em;
}
.paragraph-97 {
font-size: 16px;
}
.paragraph-97._400w {
width: 90%;
}
.about-uss.grey-half-background-copy {
padding-left: 40px;
padding-right: 40px;
}
.div-standard-2 {
width: 95%;
}
.column-54 {
padding-left: 20px;
padding-right: 0;
}
.column-64 {
padding-left: 0;
padding-right: 0;
}
.heading-105 {
font-size: 30px;
}
.heading-105._450w {
width: auto;
font-size: 30px;
}
.wrapper-4 {
width: 90%;
}
.heading-112, .heading-113 {
margin-left: 40px;
}
.hero-description-title-2 {
width: 70%;
font-size: 20px;
line-height: 24px;
}
.content-02-title-div {
text-align: center;
}
.team-div-02 {
flex: 0 auto;
grid-template-columns: 1fr 1fr;
justify-content: center;
justify-items: center;
}
.team-section-02 {
padding-left: 20px;
padding-right: 20px;
}
.team-collection-item:nth-child(2n) {
margin-top: 0%;
}
.blog-item-collection:nth-child(2n) {
padding-top: 100px;
}
.link-39.blog-category-link {
margin-right: 20px;
}
.link-39.footer-link {
margin-bottom: 10px;
margin-left: 0;
}
.journal-category-label {
margin-bottom: 10px;
padding-top: 0;
}
.sticky.post-details-sticky-container {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
margin-top: 0;
display: grid;
}
.categories-links-list {
flex-flow: wrap;
}
.blog-items-grid {
grid-column-gap: 15px;
grid-row-gap: 15px;
}
.grid-journal {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}
.section-109 {
padding: 3rem;
}
.show_opacity-on_load.align-right {
align-items: flex-start;
}
.grid-no-gap-columns {
grid-row-gap: 5rem;
}
.grid-no-gap-columns._3x, .grid-no-gap-column-rows._3x {
grid-template-columns: 1fr 1fr;
}
.category-holder {
margin-bottom: .5rem;
}
.serif {
font-weight: 400;
}
.display-2 {
font-size: 2.25rem;
}
.img-wrapper, .img-wrapper.medium, .img-wrapper.small, .img-wrapper.small.stretch, .img-wrapper.big, .img-wrapper.stretch {
height: auto;
min-height: 512px;
}
.html-embed-5 {
width: 700px;
}
.main-grid-2 {
grid-template-columns: 1fr 1fr;
}
.body-text-2 {
grid-template-rows: auto auto auto auto;
grid-template-columns: 1fr 1fr;
padding: 8rem 3rem 3rem;
}
.body-text-2._75vh {
min-height: auto;
}
.c-cms-tabs-list {
object-fit: fill;
}
.c-title-3 {
font-size: 28px;
}
.c-container-2, .c-container-2.cc-10cols {
max-width: 768px;
}
.c-title-3-2 {
font-size: 28px;
}
.demo-wrapper {
flex-direction: column-reverse;
flex: 0 auto;
align-items: center;
margin-top: 100px;
margin-bottom: 140px;
margin-right: 0%;
}
.content-567 {
grid-row-gap: 2rem;
grid-template-columns: minmax(300px, 1fr) minmax(300px, 1fr);
}
.paragraph-100 {
font-size: 1.2em;
}
.collection-item-6 {
max-width: 49%;
}
.image-462 {
border-radius: 13px;
height: auto;
}
.bottom-text {
padding: 22px;
}
.pagination {
padding-bottom: 0;
}
.paragraph-100-copy {
font-size: 1.2em;
}
.category__card-arrow {
top: 16px;
}
.section-114 {
padding-left: 24px;
padding-right: 24px;
}
.category__col {
flex-direction: column;
align-items: center;
width: 50%;
margin-bottom: 40px;
display: flex;
position: relative;
top: auto;
}
.category__columns {
flex-wrap: wrap;
max-width: 800px;
margin-bottom: -40px;
margin-left: auto;
margin-right: auto;
}
.collection-list-6 {
column-count: 2;
}
.heading-439.middle {
padding: 22px;
}
.image-465 {
width: 250px;
height: 200px;
}
.collection-item-9 {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: center;
display: flex;
}
.columns-19 {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.vh-p2 {
padding-top: 0;
}
.div-block-68 {
margin-left: 0;
}
.portfolio-section {
margin-top: 100px;
margin-left: 0;
}
.column-40 {
padding-left: 0;
padding-right: 40px;
}
.column-41 {
padding-left: 40px;
padding-right: 0;
}
.div-block-66 {
margin-left: 0;
overflow: visible;
}
.container-23 {
max-width: 90%;
padding-top: 0;
}
.vh-p1 {
margin-top: 10px;
margin-bottom: 4px;
}
.div-block-69, .div-block-67 {
margin-left: 0;
}
.vh-h4 {
max-width: 620px;
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
padding-left: 0;
padding-right: 0;
position: relative;
}
.architectural__item {
min-height: 46vw;
}
.post-card-v5-heading {
font-size: 20px;
line-height: 28px;
}
.architectural__services {
grid-template-rows: auto auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
}
.header-block-2 {
padding: 24px;
}
.header-block-2.mod--fixed {
display: none;
}
.header-block-2.mod--absolute {
background-color: #fff;
}
.btn-border {
box-shadow: none;
color: #1e1e2f;
background-color: #0000;
border: 1px solid #1e1e2f33;
}
.btn-border.mod--menu {
margin-right: 16px;
}
.nav__link.mod--login {
margin-right: 24px;
}
.nav__link-2 {
text-align: left;
border-bottom: 1px solid #1e1e2f1a;
margin-bottom: -1px;
margin-right: 0;
padding-top: 24px;
padding-bottom: 24px;
}
.nav__link-2:hover {
box-shadow: none;
}
.menu__btns {
border-top: 1px solid #1e1e2f1a;
width: 100%;
padding-top: 24px;
display: flex;
}
.menu {
z-index: -1;
background-color: #fff;
height: 0%;
padding-left: 24px;
padding-right: 24px;
display: block;
position: fixed;
inset: 0%;
overflow: hidden;
}
.menu__content {
flex-direction: column;
justify-content: space-between;
width: 100%;
height: 100%;
padding-top: 115px;
padding-bottom: 24px;
display: flex;
}
.header__col.col--1 {
min-width: auto;
}
.header__col.col--3, .header__col.col--2 {
display: none;
}
.header-5 {
position: fixed;
}
.nav {
flex-direction: column;
align-items: stretch;
width: 100%;
display: flex;
overflow: hidden;
}
.hero__person {
width: 240px;
height: 376px;
padding-left: 0;
padding-right: 0;
}
.skills__video-wrap {
align-items: stretch;
max-width: 50vw;
height: 26.5vw;
min-height: auto;
}
.footer__nav-list {
margin-bottom: 0;
margin-right: auto;
}
.form-block {
width: 100%;
max-width: 300px;
}
.form-block.mod--hero {
width: 100%;
max-width: 450px;
}
.skills__achieve-desc {
font-size: 12px;
line-height: 1.2em;
}
.hero__columns {
display: block;
}
.footer__col {
width: 100%;
margin-bottom: 40px;
}
.hero__person-title {
font-size: 22px;
}
.reviews__card-author {
margin-top: 32px;
}
.footer__nav-link-2 {
text-align: left;
}
.footer__nav-link-2:hover {
box-shadow: none;
}
.skills__top {
margin-bottom: 30px;
display: block;
}
.hero__person-count-title {
font-size: 32px;
}
.footer__nav-list-item {
margin-bottom: 24px;
}
.skills__video {
height: 29vw;
margin-bottom: -5px;
}
.reviews__card {
width: 240px;
}
.footer-2 {
padding-left: 24px;
padding-right: 24px;
}
.skills__video-nav {
bottom: 20px;
right: 20px;
}
.swiper__nav {
margin-top: 32px;
}
.skills__achieve-txt-wrap {
margin-top: 0;
margin-bottom: 0;
position: absolute;
transform: translate(0, -60px);
}
.skills__achieve-txt-wrap.active {
opacity: 1;
transition: all .3s;
transform: none;
}
.skills__achieve-txt-wrap.active.done {
transform: translate(0, 60px);
}
.skills__achieve.mod--desctop {
display: none;
}
.skills__achieve.mob--mob {
z-index: 3;
width: 162px;
height: 70px;
margin-top: 0;
margin-bottom: 0;
display: flex;
position: absolute;
inset: -35px 16px auto auto;
}
.hero__person-count-span {
font-size: 12px;
}
.skills__txt-desc {
margin-top: -14px;
}
.footer__columns {
flex-wrap: wrap;
padding-bottom: 16px;
}
.hero__person-txt-more {
opacity: 1;
padding-left: 16px;
padding-right: 16px;
bottom: 20px;
}
.hero__person-txt-more.mod--1 {
padding-left: 16px;
}
.skills__achieve-title {
margin-right: 8px;
font-size: 28px;
}
.swiper__nav-arrow:hover {
border-color: #0000;
}
.swiper__nav-arrow.mod--active {
border-color: #1e1e2f26;
}
.swiper-slide.slide--persons, .swiper-slide.slide--reviews {
width: auto;
}
.footer__subs-title {
margin-bottom: 16px;
}
.input-2.mod--hero {
width: 100%;
}
.skills__achieve-line {
display: none;
}
.swiper.swiper--persons {
margin-bottom: 40px;
display: block;
overflow: visible;
}
.hero__person-txt-less {
display: none;
}
.header__btn-menu {
cursor: pointer;
background-color: #1e1e2f;
width: 32px;
height: 32px;
padding: 0;
transition: all .2s;
display: flex;
}
.skills__col {
flex: none;
}
.skills__col.mod--video {
position: relative;
}
.hero__col.col--2 {
display: none;
}
.hero__h1 {
margin-bottom: 30px;
}
.thumb-overlay {
background-color: #1b1b1b80;
}
.thumb-overlay.none-mobile, .bg-video-overlay {
display: none;
}
.card-headline {
font-size: 24px;
}
.scale-thumb, .scale-thumb:hover {
box-shadow: none;
}
.post-description {
display: none;
}
.display-1 {
letter-spacing: -.04em;
font-size: 80px;
}
.section-homme-full-image_inner {
height: 30rem;
}
.page-padding-custom-2 {
padding-left: 0;
}
.button-arrow {
width: 2rem;
height: 2rem;
}
.text-size-small {
font-size: .875rem;
}
.section-home-cta_right {
object-position: 50% 100%;
background-position: 50% 40%;
width: 100%;
min-height: 30rem;
}
.section-home-cta_left.padding-bottom.padding-medium {
width: 100%;
padding-bottom: 2.5rem;
padding-left: 2.5rem;
padding-right: 2.5rem;
}
.section-home-cta_inner {
flex-direction: column-reverse;
min-height: 30rem;
}
.section-home-cta_image {
max-width: 100%;
height: 25rem;
}
.text-style-link {
font-size: .875rem;
}
.section-home-cta_content.margin-top.margin-xhuge.max-width-80 {
max-width: 80%;
}
.section-title-8 {
padding-bottom: 1.75rem;
font-size: 48px;
line-height: 54px;
}
.section-118 {
padding-top: 60px;
padding-bottom: 60px;
}
._2-col-grid-2 {
grid-row-gap: 45px;
grid-template-columns: 1fr;
}
.section-title-9 {
padding-bottom: 1.75rem;
font-size: 48px;
line-height: 54px;
}
.content-block.padding-top {
padding-top: 0;
}
.hero-bg-img {
width: 300px;
height: 360px;
bottom: -80px;
left: 10%;
}
.hero-bg-img._2 {
width: 250px;
height: 300px;
top: 0;
}
.hero-bg-img._3 {
width: 250px;
height: 350px;
right: -10%;
}
.hover-line {
display: none;
}
.grid-6 {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-columns: 1fr 1fr;
}
.display-0 {
line-height: .9;
}
.margin-bottom-2 {
margin-bottom: 3rem;
}
.line-bottom-mobile {
background-color: #fff;
width: 100%;
height: 1px;
margin-top: 1rem;
margin-bottom: 3rem;
}
.grid-gap-columns {
grid-column-gap: 1rem;
grid-row-gap: 5rem;
}
.paragraph-104 {
font-size: 30px;
line-height: 60px;
}
.grid-2-columns {
grid-row-gap: 50px;
grid-template-columns: 1fr;
}
.services-grid {
grid-column-gap: 30px;
grid-row-gap: 30px;
grid-template-columns: 1fr 1fr;
max-width: 100%;
}
.project-wrapper {
max-width: 100%;
}
.featrues-flex {
align-items: center;
}
.ipad {
margin-left: 0;
}
.features-wrapper {
font-size: 10px;
}
.logo-client {
flex: 0 25%;
}
.project-grid {
grid-column-gap: 30px;
grid-row-gap: 30px;
}
.logo-client-wrapper {
width: 100%;
max-width: 80%;
}
.section-subtitle {
text-align: center;
}
.service-card-area {
grid-template-columns: 1fr 1fr;
}
.content-569 {
max-width: none;
padding-left: 5%;
padding-right: 5%;
}
.title-3 {
font-size: 4rem;
line-height: 1.25;
}
.section-120 {
padding-left: 40px;
padding-right: 40px;
}
._2-col-grid-3, ._2-col-grid-3.reverse {
grid-column-gap: 60px;
grid-template-columns: .75fr .75fr;
}
.container-1084 {
width: 100%;
}
.play-icon-3 {
width: 8rem;
}
.learning {
padding-top: 80px;
padding-bottom: 80px;
}
.tabs-menu-3 {
flex-direction: column;
align-items: center;
}
.tab-link {
margin-bottom: 12px;
}
.tab-link._3 {
justify-content: center;
display: flex;
}
.grid-4-col-2 {
grid-template-columns: 1fr 1fr 1fr;
}
.social-media-icon-container {
margin-left: 6px;
margin-right: 6px;
}
.hero-background-video._01 {
width: 50vw;
}
.hero-text {
font-size: 60px;
}
.hero-paragraph {
padding-right: 0;
font-size: 16px;
}
.grid-6-col-2 {
grid-template-columns: 1fr 1fr 1fr;
}
.hero-paragraph-2 {
padding-right: 0;
font-size: 16px;
}
.hero-2 {
min-height: auto;
padding-top: 65px;
padding-bottom: 126px;
}
.remove-circe-mobile {
background-color: #c6100f;
border-radius: 100%;
justify-content: center;
align-items: center;
width: 50px;
height: 50px;
display: flex;
position: absolute;
inset: 20px 20px auto auto;
}
.remove {
width: 24px;
}
.page-content-2 {
padding-left: 0;
}
.copyright {
margin-bottom: 0;
}
.logo-grid {
margin-top: 30px;
}
.fun-wrapper {
grid-column-gap: 30px;
grid-row-gap: 30px;
grid-template-columns: 1fr 1fr;
}
.down-arrow {
width: 20px;
}
.navigation-wrapper-2 {
min-height: auto;
}
.navigation-grid {
grid-template-columns: 1fr .5fr 1fr;
}
.photo-animation-main._2 {
width: 500px;
}
.photo-animation-main._2.first-mobile {
width: 700px;
margin-bottom: 30px;
}
.photo-animation-main._2.left.first-mobile {
width: 690px;
}
.display-4 {
font-size: 60px;
}
.section-121 {
padding-top: 50px;
padding-bottom: 50px;
}
.section-121.overflow._2 {
padding-bottom: 50px;
}
.blog-grid {
grid-column-gap: 30px;
grid-row-gap: 30px;
grid-template-columns: 1fr 1fr;
}
.grid-2-columns-2._5 {
flex-direction: column;
align-items: stretch;
display: flex;
}
.grid-2-columns-2._2 {
max-width: 100%;
}
.grid-2-columns-2._4 {
flex-direction: column-reverse;
grid-template-columns: 1fr;
align-items: stretch;
display: flex;
}
.grid-2-columns-2._3 {
max-width: 100%;
}
.menu-overlay {
cursor: auto;
}
.nav-text {
height: auto;
}
.footer-grid {
grid-column-gap: 20px;
grid-template-columns: 1fr;
max-width: 100%;
}
.menu-content {
flex-direction: column;
top: 0;
}
.algin-right {
text-align: left;
}
.navlinks-wrapper {
border-right-style: none;
}
.services-grid-2 {
grid-column-gap: 30px;
grid-row-gap: 30px;
grid-template-columns: 1fr 1fr;
max-width: 100%;
}
.scroll-down-wrapper-2 {
padding-left: 5%;
}
.fun-facts-wrapper {
justify-content: center;
}
.logo-link-2 {
height: auto;
}
.display-6 {
font-size: 80px;
}
.learning-2 {
padding-top: 80px;
padding-bottom: 80px;
}
.home-header_grid {
grid-column-gap: 4rem;
grid-row-gap: 4rem;
grid-template-columns: 1fr;
}
.heading-3 {
font-size: 40px;
line-height: 140%;
}
.link-block-16 {
padding: 18px 28px;
}
.home-header_component {
margin-top: 0;
}
.heading-444 {
font-size: 56px;
line-height: 130%;
}
.home-header_content-left {
padding-top: 0;
}
.section-home-features {
margin-top: -454px;
}
.features2-grid {
grid-template-columns: 1fr;
}
.page-padding-3 {
padding-left: 2.5rem;
padding-right: 2.5rem;
}
.features-grid {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
grid-template-columns: 1fr;
}
.heading-446 {
font-size: 64px;
}
.features1-grid {
grid-column-gap: 4rem;
grid-row-gap: 4rem;
grid-template-columns: 1fr;
}
.paragraph-big {
font-size: 50px;
line-height: 68px;
}
.content-wrapper-3 {
max-width: 100%;
}
.past-client {
width: 70%;
}
.intro-figure-2 {
width: 55px;
height: 55px;
}
.past-clients-slider {
height: 600px;
}
.intro-figure {
background-size: 23px;
width: 55px;
height: 55px;
}
.content-section-2 {
padding-top: 180px;
}
.content-section-2.double {
padding-bottom: 180px;
}
.content-section-2.big-words {
padding-top: 180px;
}
.content-section-2.about-intro {
padding-top: 40px;
}
.subtitle-box.more-margin {
margin-bottom: 180px;
}
.h4 {
font-size: 28px;
line-height: 36px;
}
.column-text {
padding-bottom: 15px;
padding-left: 3%;
padding-right: 3%;
}
.text-link-block {
font-size: 14.5px;
line-height: 23px;
}
.h3-5 {
font-size: 48px;
line-height: 58px;
}
.heading-horizontal {
margin-bottom: 25px;
}
.picture-item {
margin-bottom: 60px;
}
.h3-big {
font-size: 60px;
line-height: 70px;
}
.pictures-container {
margin-top: 16px;
}
.title-4 {
font-size: 22px;
line-height: 28px;
}
.absolute-heading {
width: 74%;
}
.absolute-heading.medium {
width: 70%;
}
.intro-arrow-right, .intro-arrow-left {
width: 50px;
height: 65px;
margin-top: 44.172px;
}
.h5 {
font-size: 22px;
line-height: 32px;
}
.heading-horizontal-2 {
margin-bottom: 25px;
}
.big-words-guy {
width: 11.8vw;
bottom: -14px;
}
.big-words._2 {
margin-right: 0;
}
.big-words-blue {
width: 28vw;
height: 12vw;
}
.big-row {
margin-bottom: 10px;
}
.big-words-computer {
width: 18vw;
}
.big-words-container._2 {
margin-left: 10px;
}
.big-words-figure {
width: 240px;
margin-right: 0;
}
.big-row-3 {
margin-bottom: 0;
}
.big-words-yellow {
width: 28vw;
height: 12vw;
margin-bottom: 0%;
}
.big-words-purple {
width: 28vw;
height: 12vw;
}
.big-words-girl {
width: 12vw;
}
.big-row-2 {
margin-bottom: 10px;
}
.paragraph-regular {
font-size: 45px;
line-height: 61px;
}
.paragraph-big-2 {
font-size: 50px;
line-height: 68px;
}
.signature {
margin-top: 40px;
}
.h3-small {
font-size: 50px;
line-height: 56px;
}
.paragraph-small {
font-size: 38px;
line-height: 51px;
}
.h3-6 {
font-size: 48px;
line-height: 58px;
}
.heading-box-small {
width: 52%;
}
.title-5 {
font-size: 22px;
line-height: 28px;
}
.hero-text-4, .hero-text-2 {
font-size: 8vw;
line-height: 8vw;
}
.hero-title {
font-size: 22px;
line-height: 28px;
}
.hero-text-box {
max-width: 100%;
margin-bottom: 160px;
padding-top: 160px;
}
.hero-gradient-section {
max-width: 100%;
min-height: 170px;
}
.hero-text-3 {
margin-top: 20px;
}
.text-number {
font-size: 48px;
line-height: 48px;
}
.story-text-last, .story-text {
min-height: 500px;
}
.content-section-3 {
padding-top: 180px;
}
.story-text-2 {
min-height: 500px;
}
.story-mini-title.last {
margin-top: 50px;
}
.story-text-box {
margin-top: 20px;
margin-right: 0%;
}
.paragraph-micro {
font-size: 32px;
line-height: 44px;
}
.featured-video {
max-width: 528px;
max-height: 297px;
}
.nav-menu-button {
color: #fff;
}
.nav-menu-button.w--open {
background-color: #0a2640;
}
.nav-menu-5 {
background-color: #0a2640;
padding-top: 30px;
padding-bottom: 30px;
}
.nav-link-4 {
margin-top: 0;
margin-bottom: 0;
padding-top: 18px;
padding-bottom: 18px;
padding-right: 0;
display: block;
}
.hero-info {
text-align: center;
align-items: center;
max-width: none;
}
.hero-image-wrapper-3 {
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
position: static;
}
.hero-container.cc {
flex-direction: column;
justify-content: center;
align-items: center;
padding-bottom: 0;
padding-left: 20px;
padding-right: 20px;
display: flex;
}
.hero-image {
max-width: none;
min-height: auto;
margin-right: -244px;
display: none;
}
.hero-logos {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.grid-halves-2 {
grid-template-columns: 1fr;
}
.container-1091 {
padding-left: 50px;
padding-right: 50px;
}
.hero-4 {
padding-top: 70px;
padding-bottom: 45px;
}
.video-5 {
margin-top: 40px;
margin-bottom: 40px;
}
.work_card {
font-size: 1.4em;
}
.container-2 {
padding-left: 6vw;
padding-right: 6vw;
}
.section-123 {
padding: 60px 30px;
}
.section-123.video {
padding-bottom: 40px;
}
.gif-wrapper {
bottom: -40%;
right: -2%;
transform: scale(.6);
}
.play-btn {
transform: scale(.9);
}
.services-wrapper-2 {
grid-row-gap: 60px;
grid-template-columns: 1fr;
}
.about-grid {
grid-row-gap: 50px;
text-align: center;
grid-template: "."
"."
/ 1fr;
}
.about-grid.cc-about-2 {
grid-template-columns: 1fr;
grid-template-areas: "."
".";
}
.button-40 {
justify-content: center;
}
.text-block-144 {
font-size: 3.5em;
line-height: 1.2;
}
.left-arrow-2 {
height: 2em;
inset: -30% auto 0% -8%;
}
.home-projects_project-wrapper {
height: 15em;
}
.text-size-regular {
font-size: 16px;
display: block;
}
.nav_brand.w--current {
z-index: 2;
position: relative;
}
.link-mask {
overflow: hidden;
}
.testimonial_text-wrapper {
width: 30em;
}
.services_link {
height: 3em;
}
.mouse-hand {
display: none;
}
.footer_link-2 {
padding-left: .5em;
padding-right: .5em;
}
.footer-mask {
display: none;
}
.footer_top {
padding-top: 10em;
padding-bottom: 10em;
}
.section-home-services {
display: none;
}
.margin-bottom-4 {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.partners-heading {
font-size: 26px;
}
.about_slider_image-wrapper {
width: 15em;
height: 15em;
margin-left: 10px;
margin-right: 10px;
}
.about_slider_image-wrapper.hide-mobile-landscape {
display: none;
}
.hamburger_lottie {
object-fit: fill;
width: 2em;
height: 2em;
display: block;
position: relative;
}
.nav_link-2 {
padding-bottom: 1em;
padding-left: 0;
font-size: 46px;
display: block;
transform: skew(0deg);
}
.text-size-small-2 {
max-width: 750px;
font-size: 14px;
}
.text-size-small-2.text-align-center {
max-width: none;
}
.home-about_slider-wrapper {
width: auto;
padding-top: 0;
padding-bottom: 0;
}
.slide {
padding-top: 0;
}
.mask {
height: 20em;
}
.footer_bottom_link-wrapper {
font-size: 14px;
}
.footer_bottom_link-wrapper.text-size-regular {
width: 100%;
min-width: 0;
max-width: none;
display: flex;
}
.services-link_text {
font-size: 16px;
}
.about_slider {
height: auto;
}
.home-services_stickers-wrapper {
display: none;
}
.video-play-button {
width: 6em;
height: 6em;
display: none;
position: absolute;
inset: auto 20% -5% auto;
transform: rotate(25deg);
}
.text-size-large {
font-size: 26px;
}
.padding-vertical-3 {
padding-left: 0;
padding-right: 0;
}
.home-about-sticky-wrapper.clickable-off {
padding-left: 5em;
padding-right: 5em;
}
.slider_image {
width: 100%;
}
.page-padding-4 {
padding-left: 5em;
padding-right: 5em;
}
.right-arrow-2 {
height: 2em;
inset: -30% -8% 0% auto;
}
.nav_menu-2 {
z-index: 1;
background-color: #feffee;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100vh;
display: none;
position: fixed;
inset: 0%;
}
.home-header_content-wrapper {
padding-top: 12em;
padding-bottom: 12em;
}
.nav_component {
align-items: stretch;
padding: 3em 50px;
}
.nav_hamburger {
z-index: 2;
flex: 0 auto;
display: block;
position: relative;
}
.home-header_video-component {
height: 100vh;
}
.services-link_id {
font-size: 16px;
}
.container-1095 {
padding-left: 6vw;
padding-right: 6vw;
}
.cursor {
display: none;
}
.service-wrapper-content-marketing {
background-color: #f0a746fc;
min-height: 25rem;
}
.link-indicator {
width: 3rem;
}
.team_item-2 {
transform: skew(0deg);
}
.heading-xxlarge {
font-size: 7rem;
}
.story-text-3 {
font-size: 2.25rem;
}
.header-lottie-wrap {
top: -9%;
}
.menu-icon-2 {
background-color: #312d55;
border-radius: 100%;
flex-direction: column;
justify-content: center;
align-items: center;
width: 48px;
height: 48px;
margin-right: -.5rem;
padding-bottom: 0;
padding-right: 0;
display: flex;
position: relative;
}
._2-col-component {
grid-column-gap: 2rem;
}
.team_list {
grid-column-gap: 1rem;
grid-template-columns: 50% 50%;
}
.services_content-left {
margin-top: 0;
}
.section-about {
overflow: hidden;
}
.heading-large-2 {
font-size: 2.25rem;
}
.services-wrapper-3 {
padding-left: 1.7rem;
padding-right: 1.7rem;
position: sticky;
top: 0;
}
.services-wrapper-3.hide-desktop.show-mobile {
display: flex;
}
.cta_content {
margin-right: 3rem;
}
.menu-icon_line-middle-base {
background-color: #f0a746;
justify-content: center;
align-items: center;
width: 24px;
height: 2px;
padding-bottom: 0;
padding-right: 0;
display: flex;
position: absolute;
}
.job-title-2 {
font-size: 2rem;
}
.cta_button-row {
flex: none;
}
.contact-modal_content-wrapper {
padding: 4rem 5%;
}
.testimonial-text {
text-align: left;
font-size: 1.4rem;
}
.cta_component {
grid-column-gap: 1.25rem;
grid-template-columns: 1fr;
justify-items: start;
}
.header_lottie {
height: 65vh;
transform: scale(1.8)rotate(90deg);
}
.logo_list {
grid-template-columns: 1fr 1fr;
}
.header-text {
margin-top: 6rem;
font-size: 7rem;
}
.margin-left {
margin-top: 0;
margin-bottom: 0;
margin-right: 0;
}
.margin-left.margin-large.is-mobile-0 {
margin-left: 0;
}
.header-80vh {
align-items: flex-start;
min-height: 90vh;
}
.menu-icon_line-top {
background-color: #f0a746;
width: 24px;
height: 2px;
padding-bottom: 0;
padding-right: 0;
}
.contact-modal_component {
display: none;
}
.testimonial_wrapper {
opacity: 1;
display: flex;
position: static;
overflow: hidden;
transform: translate(0);
}
.navbar_container {
grid-auto-columns: 1fr;
}
.menu-icon_line-middle {
background-color: #f0a746;
justify-content: center;
align-items: center;
width: 24px;
height: 2px;
margin-top: 6px;
margin-bottom: 6px;
padding-bottom: 0;
padding-right: 0;
display: flex;
position: static;
}
.section-header-2 {
object-fit: contain;
overflow: hidden;
}
.navbar_link {
margin-top: 0;
margin-bottom: 0;
padding: 1rem 0;
font-size: 4rem;
position: static;
}
.footer_top-wrapper {
grid-row-gap: 4rem;
grid-template-columns: 1fr;
}
.menu-icon_line-middle-top {
z-index: 2;
width: 24px;
height: 2px;
padding-bottom: 0;
padding-right: 0;
position: absolute;
inset: 0;
}
.menu-icon_line-bottom {
background-color: #f0a746;
width: 24px;
height: 2px;
padding-bottom: 0;
padding-right: 0;
}
.navbar_menu {
z-index: 1;
-webkit-text-fill-color: inherit;
background-color: #312d55;
background-clip: border-box;
flex-direction: column;
justify-content: center;
margin-left: 0;
display: block;
}
.logo_wrapper {
flex-direction: column;
padding-top: 2rem;
padding-bottom: 2rem;
}
.section-team {
overflow: hidden;
}
.service-text.is--dark {
color: #312d55;
font-weight: 400;
}
.menu-icon_wrapper {
flex-direction: column;
justify-content: flex-start;
align-items: center;
display: flex;
}
.service-wrapper-smm {
min-height: 25rem;
max-height: 25rem;
padding-top: 2.9rem;
}
.service-wrapper-cs {
min-height: 25rem;
max-height: 25rem;
}
.services_layout {
grid-template-columns: 1fr;
}
.services_content-right {
padding-top: 0;
}
.heading-medium-2 {
font-size: 1.75rem;
line-height: 1.1;
}
.team_image-2 {
transform: scale(1.2);
}
.bg-wrap-skew {
width: 50%;
max-width: 50%;
height: 35rem;
}
.navbar_menu-button {
margin-left: -.5rem;
padding: 0;
}
.navbar_menu-button.w--open {
background-color: #0000;
}
.service-title-5.is--dark {
color: #312d55;
}
.contact_component {
grid-column-gap: 3rem;
grid-auto-flow: row;
min-height: auto;
}
.section-in-base {
padding-top: 5rem;
padding-bottom: 5rem;
}
.nav-link-5 {
font-size: 1rem;
}
.nav-4 {
margin-top: 0;
margin-bottom: 0;
padding-left: 20px;
padding-right: 20px;
}
.intro-parent {
display: flex;
}
.cursor-parent {
display: none;
}
.centered {
text-align: center;
font-size: 5em;
}
.paragraph-118 {
font-size: 27px;
line-height: 37px;
}
.button-42 {
margin-top: 30px;
}
.text-bg-wrapper {
width: 180px;
right: 1%;
}
.hero-paragraph-wrapper {
margin-bottom: 0;
}
.paragraph-span {
font-size: 27px;
}
.section-126 {
padding: 80px 5%;
}
.video-wrapper-3 {
min-height: 550px;
}
.play-icon-7 {
width: 130px;
}
.no-margin-3 {
margin-top: 0;
margin-bottom: 0;
}
.video-line {
width: 250px;
height: 20px;
margin-left: 10px;
margin-right: 10px;
}
.accordion-text {
font-size: 30px;
}
.accordian-block {
max-width: 350px;
padding-left: 0;
padding-right: 0;
}
.accordian-block.right {
max-width: none;
padding-right: 0;
}
.accordion-toggle {
font-size: 24px;
line-height: 34px;
}
.accordion-item {
z-index: 1;
}
.logo-wrapper-2 {
grid-template-columns: 1fr 1fr 1fr;
}
.button-43 {
margin-top: 30px;
}
.section-127 {
padding: 60px 35px;
}
.section-127.l3 {
padding-left: 35px;
padding-right: 35px;
}
.container-1282 {
width: 100%;
}
.logo-grid-2 {
grid-column-gap: 80px;
grid-row-gap: 30px;
grid-template-columns: 1fr 1fr 1fr;
}
.text-column._500px-max-width._40px-padding {
padding-top: 0;
padding-bottom: 0;
}
.text {
font-size: 17px;
}
.h2-title {
font-size: 48px;
}
.image-wrap.l2 {
padding-top: 60px;
}
.large-text-3 {
font-size: 17px;
}
.content-grid {
grid-column-gap: 50px;
grid-template-columns: 1fr;
}
.title-wrap-2 {
width: 100%;
}
.about-column {
padding: 25px;
}
.contain {
display: block;
}
.heading-wrapper-3.homepage-hero {
flex-direction: column;
align-items: center;
display: flex;
}
.hero-heading-2.bottom {
text-align: center;
display: inline-block;
right: 0%;
}
.hero-heading-2.top {
text-align: center;
font-size: 82px;
display: block;
left: 0%;
}
.hero-paragraph-3 {
width: 53%;
}
.tagline-container {
margin-bottom: 10px;
}
.partners-image._5, .partners-image._1 {
margin-top: 15px;
margin-bottom: 15px;
}
.partners-image._4 {
margin-top: 15px;
margin-bottom: 15px;
margin-right: 30px;
}
.partners-image._3 {
margin: 15px 30px;
}
.partners-image._2 {
margin-top: 15px;
margin-bottom: 15px;
}
.partners-container {
margin-top: 80px;
}
.hero-section-wrapper {
flex-direction: column;
max-width: 650px;
padding-bottom: 100px;
}
.partners-logo {
display: flex;
}
.partners-logo.homepage {
flex-wrap: wrap;
place-content: space-around center;
}
.testimonial-wrapper {
flex-direction: column;
max-width: 650px;
padding-top: 100px;
padding-bottom: 100px;
}
.slider-testimonial-2 {
min-width: 500px;
max-width: 500px;
}
.testimonial-text-block {
text-align: center;
width: 80%;
margin-right: 0%;
}
.projects-wrapper {
flex-direction: column;
max-width: 650px;
padding-top: 120px;
padding-bottom: 120px;
}
.right-arrow-4 {
left: 10%;
}
.projects-paragraph {
max-width: 300px;
margin-left: 60px;
}
.projects-heading {
width: 50%;
}
.projects-slider {
height: auto;
margin-bottom: 40px;
}
.project-mask {
max-width: 460px;
}
.project-slide {
width: 80%;
}
.why-us-text-container, .why-us-points {
width: 100%;
max-width: none;
}
.why-us-wrapper {
flex-direction: column;
max-width: 650px;
padding-top: 100px;
}
.why-us-image {
display: none;
}
.why-us-right-container {
width: 100%;
}
.why-us-text-block {
margin-bottom: 40px;
margin-right: 0%;
}
.about-hero-wrapper {
flex-direction: column;
max-width: 650px;
padding-bottom: 0;
}
.about-hero-tagline {
width: 70%;
margin-top: 40px;
padding-bottom: 0;
}
.about-top-wrapper {
flex-direction: column;
align-items: flex-start;
margin-bottom: 60px;
}
.play-button-3 {
bottom: 35%;
left: 42%;
}
.the-people-wrapper {
flex-direction: column;
max-width: 600px;
}
.the-people-paragraph {
width: 90%;
}
.the-people-grid {
grid-column-gap: 50px;
max-width: 650px;
}
.our-team-wrapper {
flex-direction: column;
max-width: 650px;
}
.footer-grid-2 {
grid-column-gap: 16px;
grid-template-columns: 5fr .25fr 2fr 2fr 3fr;
}
.footer-paragraph {
margin-top: 30px;
}
.footer-bottom-wrapper {
margin-top: 100px;
margin-bottom: 100px;
}
.makeshift-footer-link {
margin-bottom: 15px;
font-size: 17px;
}
.makeshift-footer-wrapper {
flex-direction: column;
max-width: 650px;
}
.copyright-wrapper {
max-width: 650px;
}
.our-work-hero {
flex-direction: column;
max-width: 650px;
}
.collection-list-7 {
justify-content: center;
}
.work-top-wrapper {
flex-direction: column;
align-items: flex-start;
margin-bottom: 60px;
}
.work-hero-tagline {
width: 90%;
margin-top: 40px;
}
.our-work-item {
width: 80%;
margin-left: 1%;
margin-right: 1%;
display: flex;
}
.work-hero-heading {
width: 100%;
}
.faq-wrapper {
width: 100%;
min-width: auto;
max-width: none;
}
.faq-question {
font-size: 22px;
}
.faq-hero-heading {
width: 100%;
}
.faq-page-wrapper {
flex-direction: column;
max-width: 650px;
padding-top: 80px;
}
.faq-top-wrapper {
flex-direction: column;
align-items: flex-start;
margin-bottom: 60px;
}
.faq-main-heading {
text-align: center;
width: 100%;
}
.faq-hero-tagline {
width: 100%;
margin-top: 40px;
}
.margin-150px-2 {
margin-top: 120px;
}
.footer-5 {
padding-top: 50px;
}
.testimonials-wrapper-2 {
max-width: 100%;
}
.hero-grid-2 {
grid-template-columns: 1fr;
}
.footer-grid-3 {
grid-column-gap: 20px;
grid-template-columns: 1.4fr 1fr;
max-width: 100%;
}
.grid-2-columns-3 {
grid-column-gap: 70px;
grid-row-gap: 40px;
grid-template-columns: 1fr;
}
.grid-2-columns-3._2 {
grid-column-gap: 70px;
grid-row-gap: 50px;
}
.grid-2-columns-3._3 {
grid-template-columns: 1fr;
}
.hamburger-menu-2 {
width: 60px;
margin-left: 10px;
}
.title-1 {
font-size: 55px;
}
.display-7 {
font-size: 40px;
}
.service-grid {
grid-column-gap: 30px;
grid-row-gap: 30px;
grid-template-columns: 1fr 1fr;
}
.hero-5 {
min-height: auto;
padding-top: 100px;
padding-bottom: 160px;
}
.hero-5._2 {
min-height: auto;
padding-top: 150px;
padding-bottom: 150px;
}
.copyright-3 {
margin-bottom: 0;
}
.project-grid-2 {
grid-column-gap: 20px;
grid-row-gap: 16px;
}
.menu-overlay-2 {
cursor: auto;
}
.nav-paragraph {
margin-bottom: 0;
}
.text-wrapper-4 {
width: 100%;
}
.blog-grid-2 {
grid-column-gap: 30px;
grid-row-gap: 30px;
grid-template-columns: 1fr 1fr;
}
.title-flex._2 {
max-width: 70%;
}
.project-list-2 {
grid-column-gap: 16px;
grid-row-gap: 20px;
}
.page-content-3 {
padding-left: 0;
}
.section-129 {
padding-top: 50px;
padding-bottom: 50px;
}
.menu-grid {
background-color: #0000;
}
.testimonials-quote {
margin-top: 60px;
}
.display-8, .display-9 {
font-size: 40px;
}
.section-130 {
padding-top: 50px;
padding-bottom: 50px;
}
.display-10 {
font-size: 40px;
}
.blog-title {
font-size: 26px;
}
.small-title-white.small-title-dark.title-left, .feat-head {
text-align: center;
}
.grid-20 {
padding-left: 0;
}
.display-11 {
font-size: 40px;
}
.author-block {
flex-direction: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: flex-start;
display: flex;
}
.temp-top-wrapper {
flex-direction: column;
align-items: flex-start;
width: 100%;
margin-bottom: 60px;
}
.footer-paragraph-2 {
margin-top: 30px;
}
.more-blogs-list {
flex-direction: column;
align-items: center;
display: flex;
}
.read-more-heading {
margin-right: 0;
font-size: 40px;
}
.share-links-contain {
justify-content: space-between;
}
.menu-navigation {
opacity: 0;
padding-bottom: 100px;
padding-left: 100px;
padding-right: 85px;
display: none;
}
.blog-template-wrapper {
flex-direction: column;
max-width: 650px;
padding-bottom: 0;
}
.blog-about-grid {
grid-column-gap: 16px;
grid-row-gap: 0px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.close-contain {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/62c7788bad3d460c777e16c1_cross%20icon.svg");
background-position: 50%;
background-size: auto;
}
.close-button-2 {
top: 52px;
right: 85px;
}
.nav-links-container {
margin-left: 0;
}
.blog-info-container {
width: 100%;
}
.blog-info-container.share-now {
align-items: stretch;
width: 30%;
margin-top: 0;
position: static;
}
.makeshift-footer-link-2 {
margin-bottom: 15px;
font-size: 17px;
}
.connect-wrapper {
margin-top: 100px;
}
.author-image-wrapper {
object-fit: contain;
}
.collection-item-12 {
width: 60%;
}
.nav-links-left-container {
margin-right: 140px;
}
.author-left-contain {
align-items: flex-start;
width: 100%;
margin-bottom: 40px;
}
.main-heading-project {
margin-right: 5px;
}
.blog-info-headings {
font-size: 24px;
}
.heading-wrapper-author {
flex-direction: column;
align-items: center;
margin-bottom: 60px;
}
.navigation-container-2 {
max-width: 650px;
}
.makeshift-footer-wrapper-2 {
flex-direction: column;
max-width: 650px;
}
.blog-card-grid {
grid-template-columns: 1fr 1fr;
}
.section-131 {
margin-top: 120px;
margin-bottom: 60px;
padding-left: 40px;
padding-right: 40px;
}
.button-group {
align-items: center;
}
.collection {
padding-top: 40px;
}
._4-column-grid {
grid-template-columns: 1fr 1fr;
grid-auto-columns: 33vw;
}
.blog-page-wrapper {
flex-direction: column;
max-width: 650px;
padding-top: 80px;
}
.blog-top-wrapper {
flex-direction: column;
align-items: flex-start;
margin-bottom: 60px;
}
.blog-tab-wrapper {
padding-top: 80px;
}
.blog-hero-heading {
width: 100%;
}
.blog-item {
width: 60%;
margin-bottom: 60px;
margin-right: 0%;
}
.preview-item-post {
margin-bottom: 100px;
}
.content-section-4 {
padding-top: 180px;
}
.content-section-4.blog-posts, .content-section-4.inner-pages {
padding-top: 50px;
padding-bottom: 50px;
}
.max-290-pixels {
max-width: 210px;
}
.hero-inner-box {
max-width: 100%;
}
.hero-heading-post {
margin-top: 40px;
margin-bottom: 30px;
}
.h1-post {
font-size: 5vw;
line-height: 6vw;
}
.post-summary {
width: 80%;
}
.footer-expand {
justify-content: flex-start;
width: 100%;
margin-top: 30px;
}
.footer-expand.middle {
width: 54%;
margin-top: 0;
}
.footer-6 {
max-width: 100%;
padding-top: 60px;
}
.mini-arrow {
margin-top: 20px;
}
.footer-column {
width: 42%;
margin-right: 4%;
}
.buy-template-container {
justify-content: flex-start;
height: 50px;
padding-left: 20px;
}
.go-up-button {
background-size: 20px;
width: 45px;
height: 45px;
}
.footer-submit-button {
min-width: auto;
}
.footer-newsletter {
width: 50%;
margin-left: 0%;
}
.nav-menu-6 {
background-color: #fff;
padding-bottom: 20px;
}
.h1-post-2 {
font-size: 5vw;
line-height: 6vw;
}
.inner-hero-section {
max-width: 100%;
min-height: 280px;
}
.navlink {
color: #0f0f0f;
text-align: left;
width: 100%;
height: 50px;
margin-right: 0;
padding-top: 12px;
padding-left: 20px;
transition: background-color .2s;
display: flex;
}
.navlink:hover {
background-color: #e0e7e9;
}
.navlink.w--current {
color: #7b9199;
}
.nav-dropdown {
width: 100%;
height: 50px;
margin-right: 0;
padding-left: 20px;
}
.dropdown-toggle-5 {
color: #000;
justify-content: flex-start;
width: 100%;
height: 50px;
padding-top: 12px;
padding-bottom: 0;
padding-left: 0;
}
.dropdown-list-5, .dropdown-list-5.w--open {
background-color: #d4e0e9;
}
.dropdown-link-4 {
padding-left: 30px;
}
.button-rounded-outline {
min-width: auto;
padding-top: 15px;
padding-left: 25px;
}
.menu-5 {
width: 50%;
}
.menu-5._44-percent {
width: 46%;
}
.menu-button-6 {
height: 80px;
padding-top: 30px;
}
.menu-button-6.w--open {
color: #7b9199;
background-color: #fff;
}
.post-hero-image {
margin-bottom: 60px;
}
.footer-box {
flex-wrap: wrap;
}
.section-hero-2 {
grid-template-rows: auto auto auto auto;
grid-template-columns: 1fr 1fr;
padding: 8rem 3rem 3rem;
}
.section-hero-2._75vh {
min-height: auto;
}
.grid-6-footer-meta {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
text-align: center;
grid-template-columns: 1fr 1fr;
justify-items: center;
}
.nav-menu-horiz {
flex-direction: column;
align-items: stretch;
display: flex;
}
.nav-link-invert {
margin-left: 0;
}
.menu-button-7 {
padding: 0;
position: absolute;
}
.menu-button-7.w--open {
background-color: #333333f2;
}
.menu-button-7.black {
color: #fff;
background-color: #121217;
}
.grid-6-2 {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-columns: 1fr 1fr;
justify-items: center;
}
.menu-icon-4 {
justify-content: center;
align-items: center;
width: 5rem;
height: 5rem;
display: flex;
}
.content-571.horiz-bottom.width-100.align-right {
justify-content: center;
}
.main-grid-3 {
grid-template-columns: 1fr 1fr;
}
.navbar-6 {
justify-content: flex-end;
width: 100%;
max-width: none;
height: 5rem;
display: flex;
top: 0;
left: 0;
right: 0;
}
.btn-6 {
padding: 16px 30px;
}
.brand-7 {
width: 100px;
margin-left: 3rem;
position: absolute;
inset: 0% auto 0% 0%;
}
.brand-7.white {
background-size: 100%;
}
.brand-7.white.middle-absolute {
margin-left: 3rem;
}
.grid-6-footer {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
text-align: center;
grid-template-columns: 1fr 1fr;
justify-items: center;
}
.nav-menu-7 {
background-color: #0d0d11;
height: auto;
padding-top: 32px;
padding-bottom: 32px;
position: absolute;
top: 5rem;
}
.nav-menu-7.space-between {
display: block;
}
.line-left {
border-top: 1px solid #0d0d11;
border-left-style: none;
inset: 0% 3rem auto;
}
.icn-social-small {
width: 40px;
height: 40px;
}
.icn-social-small.twitter, .icn-social-small.instagram, .icn-social-small.facebook {
background-size: 16px;
}
.line-top {
left: 3rem;
right: 3rem;
}
.services-holder {
margin-bottom: .5rem;
}
.nav-social-links-2 {
text-align: left;
justify-content: flex-start;
padding-left: 20px;
}
.heading-display-2 {
font-size: 50px;
}
.footer-flex-first {
flex-direction: column;
margin-bottom: 10px;
}
.grid-10cols {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}
.footer-heading-3 {
margin-bottom: 5px;
}
.footer-flex-container {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
}
.footer-flex-container.bottom {
margin-top: 20px;
padding-top: 20px;
}
.footer-flex-content {
margin-bottom: 10px;
padding-right: 0;
}
.social-icons-2 {
flex-direction: row;
}
.footer-social-links {
text-align: left;
justify-content: flex-start;
margin-bottom: 20px;
padding-left: 0;
}
.footer-social-link {
margin-top: 5px;
}
.nav-menu-8 {
background-color: #0d0d0d;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
padding-bottom: 20px;
top: 80px;
}
.cursor-2 {
opacity: 0;
}
.box {
margin-bottom: 30px;
margin-right: 0;
padding-left: 0;
}
.about-us {
flex-direction: column;
align-items: flex-start;
margin-top: 40px;
}
.image-479 {
margin-top: -20px;
padding-left: 0;
}
.tabs-content-2 {
justify-content: center;
width: 100%;
display: flex;
}
.tab-link-2 {
margin-left: 8px;
margin-right: 8px;
padding-right: 0;
}
.tabs-3 {
flex-direction: column;
}
.services-content {
margin-left: 0;
}
.tab-pane-content-2 {
flex-direction: column;
padding-left: 0;
}
.tabs-menu-5 {
flex-direction: row;
width: 100%;
margin-bottom: 40px;
margin-left: -8px;
margin-right: -8px;
}
.tab-line-nav {
perspective-origin: 0 0;
transform-origin: 0 0;
height: 90vw;
top: 0%;
left: 0;
transform: rotate(-90deg)translate(0%);
}
.services-3 {
padding-top: 30px;
padding-bottom: 30px;
}
.services-header {
margin-bottom: 80px;
}
.tab-link-title {
font-size: 20px;
line-height: 26px;
}
.subheading-4 {
font-family: Poppins, sans-serif;
}
.hero-heading-3 {
font-family: Poppins, sans-serif;
font-size: 55px;
}
.feature-title-2 {
margin-top: 0;
margin-bottom: 12px;
}
.three-info {
grid-column-gap: 24px;
grid-row-gap: 24px;
background-color: #dfc0ac4d;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
max-width: none;
padding: 32px;
}
.three-section-title {
width: 215px;
height: 167px;
}
.three-heading {
font-size: 60px;
}
.home-container._1 {
max-width: 842px;
}
.feature-text {
max-width: 320px;
margin-bottom: 0;
font-size: 14px;
}
.home-section.cc {
width: 100vw;
padding-left: 64px;
padding-right: 64px;
}
.three-left {
justify-content: space-between;
min-width: auto;
max-width: 215px;
}
.three-grid._1 {
max-width: 643px;
margin-left: auto;
margin-right: auto;
}
.three-visual {
max-width: 251px;
}
.quote-wrapper {
background-color: #0000;
padding: 0;
}
.cta-container-2 {
flex-direction: column;
display: flex;
}
.link-block-23 {
margin-bottom: 0;
}
.home-about_top-row {
grid-column-gap: 3rem;
grid-template-columns: 1fr 1fr;
}
.padding-left {
padding-top: 0;
padding-bottom: 0;
padding-right: 0;
}
.padding-left.padding-huge.is-tablet-0 {
padding-left: 0;
}
.grid-3-columns {
grid-template-columns: 1fr 1fr;
}
.grid-3-columns._1-col-tablet {
grid-template-columns: 1fr;
}
.grid-3-columns._3-col-tablet {
grid-template-columns: 1fr 1fr 1fr;
}
.grid-2-columns-4._1-col-tablet, .grid-2-columns-4.title-and-categories, .grid-2-columns-4._1fr---1-5fr._1-col-tablet, .grid-2-columns-4.gap-column-40px.gap-row-56px.col-1-tablet {
grid-template-columns: 1fr;
}
.grid-2-columns-4.text-right-default, .grid-2-columns-4.text-left-default {
grid-row-gap: 48px;
grid-template-columns: 1fr;
}
.grid-2-columns-4.cta-v4 {
grid-row-gap: 60px;
grid-template-columns: 1fr;
}
.section-134 {
padding-top: 118px;
padding-bottom: 118px;
}
.section-134.pd-top-80px {
padding-top: 72px;
}
.btn-primary {
padding-top: 24px;
padding-bottom: 24px;
}
.card-5.contact-form {
min-height: 680px;
margin-top: 48px;
margin-left: auto;
margin-right: auto;
padding: 64px 40px;
}
.card-5.accordion-v3 {
padding: 64px 48px;
}
.card-5.services-link-large {
padding-left: 32px;
padding-right: 32px;
}
.card-5.contact-services {
max-width: 382px;
}
.card-5.testimonial-slider {
grid-template-columns: 340px 1fr;
}
.inner-container.heading-flex-alt---title {
max-width: 100%;
margin-right: 0%;
}
.slider-mask {
position: static;
}
.buttons-row.right.left-tablet {
justify-content: flex-start;
}
.blog-featured-text-container {
padding-left: 40px;
padding-right: 40px;
}
.blog-featured-image-container {
width: auto;
max-width: 340px;
}
.badge-secondary.category-badges {
margin-left: 0;
margin-right: 24px;
}
.categories-badges-wrapper {
justify-content: flex-start;
}
.blog-card-image {
width: 100%;
}
.top-section-2 {
margin-top: -106px;
}
.top-section-2.bg-blue-5 {
background-size: auto;
padding-top: 140px;
}
.divider-3 {
margin-top: 64px;
margin-bottom: 64px;
}
.heading-h1-size {
font-size: 48px;
}
.mg-bottom-80px {
margin-bottom: 64px;
}
.heading-h4-size {
font-size: 20px;
}
.display-12 {
font-size: 32px;
}
.floating-item.contact-form-bottom-left {
bottom: -116px;
}
.floating-item.cta-v4-02 {
display: none;
}
.accordion-item-wrapper {
padding-left: 40px;
padding-right: 40px;
}
.accordion-item-wrapper.v3:hover {
transform: translate(6px);
}
.accordion-spacer {
min-height: 12px;
}
.heading-h3-size {
font-size: 22px;
}
.mg-bottom-48px-2.mg-bottom-24px-tablet {
margin-bottom: 24px;
}
.btn-primary-2 {
padding-top: 24px;
padding-bottom: 24px;
}
.quote-cta-image {
right: 40px;
}
.quote-cta-container {
padding: 48px 40px;
}
.large-image-left {
margin-left: -280px;
margin-right: 40px;
}
.large-image-right {
margin-right: -200px;
}
.display-13 {
font-size: 28px;
}
.btn-primary-3 {
padding-top: 24px;
padding-bottom: 24px;
}
.save-money-label {
margin-bottom: .75rem;
margin-left: 0;
}
.libraries-usecases_card3 {
padding: 3rem 2.5rem;
}
.libraries-why_text-overlay.clickable-off {
display: block;
}
.hide-tablet {
display: none;
}
.libraries-featured_component {
background-position: 50% 100%;
grid-template-columns: 1fr;
padding-left: 0;
}
.heading-huge {
font-size: 3.25rem;
}
.libraries-header_text-underline {
background-position: 50%;
background-size: 22.5rem;
}
.libraries-why_text-underline {
background-position: 50% 70%;
background-size: 11.25rem;
}
.libraries-header_image {
width: 40rem;
}
.libraries-faq_layout {
grid-column-gap: 2rem;
grid-row-gap: 0rem;
}
.libraries-why_text {
font-size: 1.75rem;
}
.libraries-header_image-inner-wrapper {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
margin-left: -50%;
}
.heading-medium-3 {
font-size: 1.75rem;
}
.libraries-faq_extension-button-row {
display: flex;
}
.libraries-usecases_component {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
}
.libraries-usecases_heading-wrapper {
text-align: center;
flex-direction: column;
}
.libraries-pricing_callout {
padding: 2.5rem 2rem;
}
.libraries-howitworks_content-right {
height: 27.1875rem;
}
.libraries-faq_expand-overlay.clickable-off {
display: block;
}
.libraries-usecases_card1 {
padding: 2.5rem;
}
.libraries-why_button-row {
display: flex;
}
.libraries-pricing_layout {
grid-template-columns: 1fr;
}
.libraries-featured_text-wrapper {
padding: 3rem 2.5rem 0;
}
.heading-xhuge {
font-size: 3.5rem;
}
.libraries-pricing_component {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
}
.libraries-webflow_callout {
padding: 2.5rem 2rem;
}
.heading-large-3 {
font-size: 2.25rem;
}
.libraries-usecases_card2 {
padding: 2.5rem;
}
.libraries-featured_image {
margin-top: 0;
}
.libraries-howitworks_video-wrapper {
width: 33.75rem;
height: 21.0938rem;
}
.libraries-header_heading {
font-size: 3.75rem;
}
.libraries-usecases_typed-text {
font-size: 3.5rem;
}
.libraries-howitworks_component {
grid-column-gap: 3rem;
grid-template-columns: 1fr 1fr;
grid-auto-flow: row;
}
.booking-input__field {
margin-top: -.5rem;
font-size: 1rem;
}
.booking-content__wrapper {
padding: .5rem 1rem;
}
.page-padding-8 {
padding-left: 2rem;
padding-right: 2rem;
}
.booking-panel__wrapper {
border-radius: .5rem;
}
.button-47 {
min-height: 4rem;
}
.text-align-center-4 {
margin-bottom: 3rem;
}
.heading-desktop {
font-size: 3.5rem;
}
.heading-xlarge-2 {
font-size: 3rem;
}
.video__wrapper {
margin-top: -4rem;
padding: 4rem 2rem 2rem;
}
.video-section-2 {
padding-bottom: 5rem;
}
.image__wrapper {
height: 32rem;
}
.content-image-2 {
height: 100%;
}
.explore__grid {
grid-column-gap: 2rem;
grid-template-columns: 1fr 1fr;
}
.explore__grid.lp {
grid-column-gap: 2.5rem;
grid-template-columns: 16.7rem 1fr;
}
.whoweare-section {
padding-top: 5rem;
padding-bottom: 5rem;
}
.whoweare-section.lp {
padding-left: 10px;
padding-right: 10px;
}
.text-size-large-3 {
font-size: 1rem;
}
.blur-shadow__wrapper {
filter: blur(1rem);
}
.heading-469.lp {
text-align: center;
}
.text-size-medium-2.text-style-allcaps.text-style-letterspacing {
letter-spacing: .4rem;
}
.faq-grid-2 {
grid-template-columns: 1fr 4fr;
}
.faq-question-wrap {
padding-left: 20px;
padding-right: 20px;
}
.accordion-paragraph---brix {
max-width: 100%;
}
.accordion-item---brix.accordion-1---brix {
margin-bottom: 20px;
}
.accordion-item-title---brix {
max-width: 88%;
}
.accordion-item-wrapper---brix.tabs-accordion---brix {
padding: 32px 64px;
}
.accordion-paragraph---brix-2 {
max-width: 100%;
}
.accordion-item-title---brix-2 {
max-width: 88%;
}
.achievement-number---brix.stats-v1---brix {
margin-bottom: 24px;
margin-right: 0;
}
.card---brix.stats-card-v1---brix {
flex-direction: column;
padding-left: 40px;
padding-right: 40px;
}
.stats-v3-grid---brix {
grid-column-gap: 32px;
grid-row-gap: 32px;
grid-template-rows: auto auto;
}
.grid-block.cta-border {
border-left-style: none;
padding-left: 0;
}
.grid-block.cta {
padding-right: 125px;
}
.button-secondary-4.cta {
width: auto;
}
.section-137.header {
padding-top: 120px;
}
._2-col-grid-4 {
grid-column-gap: 50px;
grid-template-columns: 1fr 1fr;
}
._2-col-grid-4.cta {
grid-column-gap: 50px;
grid-row-gap: 50px;
grid-template-columns: 1fr;
}
.blog-trending_item-link {
grid-template-columns: 1fr;
}
.padding-top {
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
}
.price-hero_header {
text-align: center;
font-size: 3rem;
}
.blogs_list {
grid-row-gap: 3rem;
grid-template-columns: 1fr 1fr;
}
.main-wrapper-5 {
margin-top: 4.5rem;
}
.container-1291 {
flex-flow: column;
align-items: center;
}
.h1-3 {
font-size: 36px;
line-height: 42px;
}
.text-container {
width: 100%;
}
.hero-section-6, .blog-image-section {
padding-left: 20px;
padding-right: 20px;
}
.webflowbanner {
width: 100%;
max-width: 600px;
margin-top: 40px;
position: static;
}
.article-cta-wrap {
flex-direction: column;
align-items: center;
}
.article-wrapper {
max-width: 700px;
padding-left: 0;
padding-right: 0;
}
.related-article, .related-articles {
padding-left: 20px;
padding-right: 20px;
}
.header-image {
height: 357px;
}
.header-container {
padding-top: 241px;
}
.wrapper-8.gallery {
flex-direction: column;
display: none;
}
.image-group {
flex-direction: column;
}
.menu_top-drag {
display: none;
}
.nav_logo-2 {
margin-left: 0;
margin-right: 0;
position: relative;
}
.menu_content {
background-color: #1f1f1f;
border: 2px solid #f2e8de;
width: 11em;
max-width: 80vw;
margin-top: 2.9em;
display: none;
position: absolute;
inset: 0% 0% auto auto;
}
.menu-6 {
border-width: 0;
position: relative;
}
.marquee_wrapper {
font-size: 1.3vw;
}
.menu_top-show {
color: #f2e8de;
background-color: #1f1f1f;
border: 2px solid #f2e8de;
width: 3em;
height: 3em;
}
.hero_heading-3 {
font-size: 10px;
}
.about_content {
max-width: 100%;
padding-bottom: 3.4em;
}
.gallery-photo_wrapper {
width: 100%;
max-width: 33em;
}
.crew_layout {
display: block;
}
.about_layout {
padding-right: 0%;
display: block;
}
.crew_content {
width: 100%;
margin-top: 34px;
padding-top: 2em;
padding-left: 0%;
}
.cursor-3, .hiring_text {
display: none;
}
.menu_link:hover {
padding-left: 0;
}
.image-482 {
width: 15%;
max-width: none;
height: auto;
margin-top: -128px;
}
.text-block-162 {
text-align: center;
}
.image-483 {
width: 15%;
max-width: none;
margin-top: -84px;
}
.hero-heading-4 {
margin-top: 8px;
font-size: 70px;
line-height: 80px;
}
.div-block-244 {
margin-top: 2px;
}
.latest-work-image {
height: 150px;
}
.section-139.section-under-hero {
padding-top: 2rem;
}
.container-1295 {
padding-left: 2rem;
padding-right: 2rem;
}
.content-wrapper-m.vertical {
grid-row-gap: 1.5rem;
}
.content-wrapper-m.vertical._50 {
width: 75%;
max-width: 75%;
}
.faq-section-2 {
justify-content: flex-start;
}
._3-grid {
grid-template-columns: 1fr 1fr;
}
.rich-text-content-wrapper {
width: 100%;
}
.section-hero-a {
min-height: 170vh;
}
.block-project {
padding: 85px 30px 25px;
}
.block-project.small {
padding: 50px 20px 20px;
}
.paragraph-hero-a {
display: none;
}
.grid-work-a {
grid-template-columns: 1fr 1fr 1fr;
}
.background-video-work-a {
height: 17vw;
}
.main-section {
padding-left: 15%;
padding-right: 15%;
}
.content-wrap {
align-items: center;
}
._1-2-grid {
flex-direction: column;
align-items: center;
display: flex;
}
.h1-4, .paragraph-136 {
text-align: center;
}
.heading-475 {
font-size: 26px;
}
.summary-text {
font-size: 16px;
}
.image-485 {
max-width: 370px;
max-height: 280px;
}
.padding-section-large {
padding-top: 6rem;
padding-bottom: 6rem;
}
.btn-primary-4 {
padding-top: 24px;
padding-bottom: 24px;
}
.section-144 {
padding-top: 118px;
padding-bottom: 118px;
}
.play-button-large {
max-width: 50%;
}
.tabs-content-3.card {
padding: 40px 32px 48px;
}
.tabs-menu-6.tabs-vertical.width-348px {
max-width: 280px;
}
.mg-bottom-48px-3 {
margin-bottom: 40px;
}
.display-14 {
font-size: 22px;
line-height: 38px;
}
.tab-left-icon {
padding-left: 18px;
padding-right: 18px;
}
.brix---divider-64px {
margin-top: 48px;
margin-bottom: 48px;
}
.brix---display-3 {
font-size: 32px;
line-height: 44px;
}
.brix---grid-2-columns---pricing-v9 {
grid-row-gap: 80px;
grid-template-columns: 1fr;
}
.brix---display-4 {
font-size: 22px;
line-height: 38px;
}
.brix---heading-h1-size {
font-size: 48px;
line-height: 60px;
}
.brix---grid-logo-strip-pricing-v9 {
grid-template-columns: auto auto auto;
place-content: center;
justify-items: center;
}
.section-145 {
padding-top: 118px;
padding-bottom: 118px;
}
.cta-section-2 {
padding-top: 112px;
padding-bottom: 112px;
}
.card-7.form {
padding: 54px 32px;
}
.showcase_component {
grid-row-gap: 4rem;
grid-template-columns: 1fr;
grid-auto-flow: row;
min-height: auto;
padding-top: 6rem;
}
.showcase_content-right {
height: auto;
}
.cancel-label {
max-width: 8rem;
inset: -5% 0% auto auto;
}
.background-video-25 {
position: static;
}
.services-tablet_content-item {
padding-bottom: 3.5rem;
position: relative;
}
.services-tablet_content-item.content-item-3 {
margin-top: 0;
margin-bottom: 0;
top: 0;
}
.services-tablet_content-item.first-content-item {
margin-bottom: 0;
}
.services-tablet_content-item.content-item-2 {
margin-top: 0;
margin-bottom: 0;
top: 0;
}
.blog_heading-wrapper {
grid-column-gap: 3rem;
}
.section_services-tablet.hide-desktop {
display: block;
}
.logo_logo-list {
grid-column-gap: 1rem;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.services_link-text {
font-size: 3.25rem;
}
.logo_content-left {
max-width: 16rem;
}
.services_link-image {
width: auto;
}
.heading-style-h2 {
font-size: 2.75rem;
}
.blog_heading {
margin-right: 3rem;
}
.services-tablet_image {
height: 30rem;
}
.logo_component {
grid-column-gap: 3rem;
}
.services_link-image-wrapper {
z-index: -1;
}
.services_link-image-wrapper.clickable-off {
z-index: 2;
width: 30rem;
height: 30rem;
position: static;
}
.services-tablet_content-layout {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
grid-template-columns: 1fr;
grid-auto-flow: row;
min-height: auto;
}
.padding-section-large-2 {
padding-top: 6rem;
padding-bottom: 6rem;
}
.services_link-block {
flex-direction: column;
align-items: flex-start;
}
.margin-right {
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
}
.showcase_content-left {
margin-left: 5%;
margin-right: 5%;
}
.how-it-works_date-text {
text-align: right;
}
.pricing_component {
grid-row-gap: 8rem;
grid-template-columns: 1fr;
}
.testimonial_component {
column-count: 2;
}
.statistics_item {
margin-left: 0;
margin-right: 0;
}
.blog_component {
padding-left: 0;
padding-right: 0;
}
.slide_arrow {
border-width: 3px;
border-color: #010d3c;
}
.how-it-works_item {
grid-template-columns: 1fr 10rem 1fr;
}
.heading-style-h4 {
font-size: 1.75rem;
}
.heading-style-h1 {
font-size: 3.25rem;
}
.statistics_component {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
grid-template-columns: 1fr 1fr;
}
.blog_button-row {
flex: none;
}
.header_component {
grid-row-gap: 4rem;
grid-template-columns: 1fr;
grid-auto-flow: row;
min-height: auto;
}
.blog_mask {
width: 50%;
}
._3-col-grid {
grid-column-gap: 25px;
}
._3-col-grid.pricing {
grid-template-columns: 1fr 1fr 1fr;
}
.container-1296.feature-top, .container-1296.header {
flex-direction: column;
}
._2-col-grid-5 {
grid-column-gap: 50px;
grid-template-columns: 1fr 1fr;
}
._2-col-grid-5.header {
grid-template-columns: 1fr;
}
.header-c-right {
flex-direction: row;
justify-content: flex-start;
}
.container-1297 {
padding-left: 5%;
padding-right: 5%;
}
.text-size-h2 {
text-align: center;
}
.home-product_content {
flex-direction: column;
display: flex;
}
.home-product_layout {
flex-direction: column;
justify-content: flex-start;
align-items: center;
}
.home-product_layout.is-alt {
flex-direction: column-reverse;
justify-content: flex-start;
align-items: center;
}
.paragraph-137 {
text-align: center;
}
.nav-overlay {
z-index: 999;
background-color: #fff8f6;
justify-content: center;
align-items: center;
height: 100%;
display: none;
position: fixed;
inset: 0%;
}
.nav_mobile-wrap {
grid-row-gap: 2rem;
flex-direction: column;
display: flex;
}
.center {
text-align: center;
}
.nav-hamburger {
display: flex;
}
.nav-links_wrap {
display: none;
}
.nav-btn {
display: flex;
}
.nav-btn_wrap {
display: none;
}
.image-487 {
object-fit: cover;
height: 100%;
}
.skew-up {
font-size: 3rem;
}
.container-1298 {
padding-left: 5vw;
padding-right: 5vw;
}
.container_1200 {
max-width: 728px;
}
.head_name {
width: 80%;
margin-left: auto;
margin-right: auto;
}
.item-portfolio {
border-radius: 20px;
}
.raise-engagement__content {
padding: 3rem 4rem;
}
.raise-engagement__form, .about-us_information {
max-width: 100%;
}
.about-us_content {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
}
.digital-service__content.mb-60 {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
}
.brand-success__image {
order: -1;
margin-bottom: 3rem;
}
.digital-service__list.background-color-green {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-flow: row;
padding-top: 3rem;
}
.brand-success__copy {
max-width: 100%;
}
.client-count__card.is-last {
margin-left: 3rem;
}
.heading-display {
font-size: 3rem;
}
.about-us_image {
margin-bottom: 3rem;
}
.client-counts {
align-items: flex-start;
margin-top: 2rem;
}
.before-container {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.brand-success__content {
flex-direction: column;
align-items: flex-start;
}
.raise-engagement__foot {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
margin-top: 2.5rem;
}
.recent-project__text.text-size-18.mb-60 {
max-width: 100%;
}
.services__list {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
grid-template-columns: 1fr;
}
.button-55.button-large {
grid-column-gap: 8px;
grid-row-gap: 8px;
}
.about-us__list {
grid-template-columns: 1fr 1fr 1fr;
}
.brand-success__line.mb-60 {
margin-bottom: 1.25rem;
}
.heading-section.digital-service__heading {
max-width: 100%;
}
.div-block-247 {
margin-top: 0;
}
.welcome {
display: block;
}
.welcome.mobile {
display: flex;
}
.lottie-animation-7 {
width: 4%;
}
.container-1300 {
padding-left: 3em;
padding-right: 3em;
}
.menu-7 {
height: 100vh;
}
.background__lottie {
z-index: 2;
flex: none;
position: relative;
}
.background__fill {
z-index: 1;
position: relative;
}
.global-2 {
position: sticky;
}
.content-heading-wrapper {
margin-bottom: 25px;
}
.image-489 {
margin-bottom: 0;
}
.home-section-text {
flex-direction: column;
align-items: center;
padding-left: 70px;
padding-right: 70px;
}
.section-p {
text-align: left;
max-width: none;
}
.home-section-heading {
max-width: none;
font-size: 5em;
}
.lottie-animation-9 {
display: none;
}
.link-text-2, .link-text-3, .link-text-4 {
flex: none;
width: 100%;
}
.arrow-button-2.header {
padding-top: 10px;
padding-bottom: 10px;
}
.heading-482 {
font-size: 5em;
}
._2-col-grid-6 {
grid-column-gap: 50px;
grid-row-gap: 55px;
grid-template-columns: 1fr;
}
.blob-img {
width: 30%;
bottom: -8%;
left: -2%;
}
.section-149.bottom-margin {
margin-bottom: 7rem;
}
.middle-heading {
font-size: 2rem;
}
.div-block-248 {
padding-left: 0;
}
.black-shadow {
height: 1rem;
}
.paragraph-140._40-widht {
max-width: 60%;
}
.paragraph-140.card {
max-width: 70%;
}
.paragraph-140._70-widht {
max-width: 90%;
}
.card-shoe {
max-width: 70%;
}
.shoe-card {
justify-content: flex-start;
}
.grid-24 {
grid-column-gap: 1rem;
grid-row-gap: 3rem;
grid-template-columns: 1fr 1fr;
}
.grid-24.shoe-cards {
grid-row-gap: 10rem;
grid-template-rows: 328px;
grid-auto-rows: 385px;
justify-content: center;
justify-items: center;
}
.card-content-wrap {
flex-wrap: nowrap;
flex: 0 auto;
align-items: center;
max-width: 20rem;
padding-left: 10px;
padding-right: 10px;
}
.card-image-wrap {
flex: 0 auto;
}
.container-85rem {
padding-left: 1rem;
padding-right: 1rem;
}
.image-490 {
max-width: 96%;
}
.content-wrapper-6.mobile {
margin-top: 0;
}
.middle-section-heading, .middle-section-heading-2 {
margin-top: 5px;
}
.logo-9 {
margin-bottom: 19px;
}
.footer-social-block-three {
margin-top: 40px;
}
.footer-wrapper-three {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
}
.footer-form-container-two {
flex-wrap: wrap;
}
.footer-form-input {
width: 400px;
padding-right: 180px;
}
.footer-form-title {
margin-right: 15px;
}
.div-block-249 {
margin-bottom: 20px;
}
.footer-form-two {
padding: 40px 40px 40px 0;
}
.footer-link-three {
font-size: 1.1rem;
}
.text-extra-large {
font-size: 28px;
}
.text-medium-2 {
font-size: 16px;
}
.home-hero-subheading {
font-size: 3vw;
}
.view-button {
display: none;
}
.link-item {
cursor: auto;
}
.link-item:hover {
border-style: none;
border-width: 0;
}
.card-wrapper-2 {
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
}
.link-block-26 {
margin-bottom: 0;
}
.contact-image {
max-width: 100%;
}
.contact-hero {
padding-top: 3rem;
padding-bottom: 3rem;
}
.contact-image-wrapper {
padding-left: 0;
}
.contact-heading {
font-size: 3rem;
}
.contact-grid {
grid-column-gap: 1.5rem;
grid-template-columns: 1fr;
}
.form-6 {
padding-right: 3rem;
}
.hero-sub-head {
font-size: 1.8rem;
}
.hero-image-wrap {
margin-top: 5rem;
margin-bottom: 5rem;
}
.menu-button-8 {
width: 48px;
height: 48px;
padding: 0;
}
.menu-button-8.w--open {
background-color: #0a0a0a;
}
.line-menu {
background-color: #000;
width: 32px;
height: 2px;
padding: 0;
}
.line-menu.first-line.white-line {
background-color: #fefefe;
}
.line-menu.second-line {
width: 20px;
}
.line-menu.second-line.white-line {
background-color: #fefefe;
}
.wrap-menu-button {
grid-row-gap: 7px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
padding: 0;
display: flex;
}
.container-navbar {
padding-left: 16px;
padding-right: 16px;
}
.dropdown-3 {
display: block;
}
.nav-menu-9 {
background-color: #eff3f5;
flex-direction: column;
max-height: 90vh;
padding: 40px;
overflow: scroll;
}
.nav-menu-9.transparent-nav-menu {
background-color: #0a0a0a;
}
.right-navbar {
grid-column-gap: 32px;
grid-row-gap: 32px;
justify-content: flex-end;
align-items: center;
display: flex;
}
.section-153 {
padding-top: 120px;
padding-bottom: 120px;
}
.section-153.hero-home-b {
height: 98vh;
min-height: 400px;
max-height: 620px;
padding-bottom: 80px;
}
.section-153.hero-home-a {
padding-top: 200px;
}
.container-navbar-2 {
padding-left: 16px;
padding-right: 16px;
}
.big-text {
font-size: 36px;
line-height: 142%;
}
.center-tablet {
text-align: center;
}
.tabs-menu-testimonials {
grid-column-gap: 22px;
grid-row-gap: 22px;
flex-wrap: wrap;
justify-content: center;
}
.testimonial-tab-content {
text-align: center;
flex-direction: column;
align-items: center;
margin-left: 0;
display: flex;
}
.tab-content-wrap-testimonials {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
width: 100%;
max-width: 530px;
margin-left: auto;
margin-right: auto;
}
.testimonial-image {
max-width: none;
}
.wrap-video-background {
padding: 32px;
}
.subtitle-7 {
font-size: 26px;
line-height: 37px;
}
.logos-grid-studio-a {
grid-template-columns: 1fr 1fr 1fr;
}
.section-154 {
padding-top: 0;
padding-bottom: 0;
}
.section-154.hero-studio-b {
padding-top: 320px;
}
.section-154.hero-home-c {
padding-top: 140px;
}
.section-154.hero-home-a {
padding-top: 200px;
}
.image-project-general.home-c-projects-general {
max-height: 510px;
}
.master-footer, .master-footer-2 {
grid-row-gap: 80px;
flex-direction: column;
}
.big-email {
font-size: 7vw;
line-height: 140%;
}
.grid-thirds-2.included-grid {
grid-column-gap: 16px;
grid-row-gap: 16px;
}
.grid-contact-b {
grid-column-gap: 32px;
grid-row-gap: 80px;
grid-template-columns: 1fr;
}
.mega-h1 {
font-size: 80px;
}
.subtitle-8 {
font-size: 26px;
line-height: 37px;
}
.divider-studio-c {
width: 100%;
height: 1px;
}
.grid-stuido-c {
grid-row-gap: 80px;
grid-template-rows: auto 1px auto;
grid-template-columns: 1fr;
}
.section-157 {
padding-top: 120px;
padding-bottom: 120px;
}
.section-157.hero-sales {
padding-top: 200px;
}
.section-157.black {
padding-left: 0;
}
.section-157.hero-blog-template {
padding-top: 160px;
}
.grid-project-template-hero {
grid-row-gap: 40px;
grid-template-columns: 1fr .8fr;
}
.subtitle-9 {
font-size: 26px;
line-height: 37px;
}
.navbar-right {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
}
.page-padding-11 {
padding-left: 2rem;
padding-right: 2rem;
}
.footer-grid-4 {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
grid-template-columns: 1fr;
}
.mobile-menu-nav {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-direction: column;
display: flex;
}
.mobile-menu {
padding-top: 1rem;
position: absolute;
left: 0;
right: 0;
}
.heading-medium-4 {
font-size: 4rem;
}
.navbar-menu {
display: none;
}
.footer-grid-right-inner {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
}
.mobile-menu-toggle {
cursor: pointer;
width: 30px;
height: 20px;
display: block;
position: relative;
}
.navbar-inner {
padding-top: 1.5rem;
}
.margin-bottom-6 {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.footer-bottom-3 {
flex-direction: column-reverse;
}
.margin-top-2 {
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
}
.banner-circle {
bottom: 1rem;
right: 3rem;
}
.mobile-menu-wrapper {
color: #fff;
background-color: #000;
padding: 1.5rem 2rem;
}
.padding-bottom-2 {
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.banner-circle-image {
width: 100px;
}
.heading-large-4 {
font-size: 5rem;
}
.mobile-menu-toggle-line {
transform-origin: 100%;
background-color: #191919;
width: 30px;
height: 1.5px;
padding-bottom: 0;
padding-right: 0;
position: absolute;
right: 0;
}
.mobile-menu-toggle-line._01 {
top: 0;
}
.mobile-menu-toggle-line._02 {
top: 50%;
}
.padding-vertical-4 {
padding-left: 0;
padding-right: 0;
}
.mobile-menu-nav-link {
letter-spacing: 1.5px;
text-transform: uppercase;
font-size: 13px;
font-weight: 500;
}
.page-padding-12 {
max-width: none;
padding-left: 3rem;
padding-right: 3rem;
}
.subtitle-10 {
font-size: 26px;
line-height: 37px;
}
.center-tablet-2 {
text-align: center;
}
.grid-thirds-sales-page {
grid-template-columns: 1fr;
width: 100%;
max-width: 400px;
margin-left: auto;
margin-right: auto;
}
.sales-card {
padding: 16px;
}
.big-text-2 {
font-size: 36px;
line-height: 142%;
}
.center-tablet-3 {
text-align: center;
}
.grid-gallery-home-a {
grid-template-columns: 1fr 1fr;
}
.image-home-gallery.image-one {
background-position: 0%;
}
.big-text-3 {
font-size: 25px;
line-height: 142%;
}
.grid-fourths-sales-fourths {
grid-template-columns: 1fr 1fr;
}
.included-card {
min-height: 260px;
}
.menu-button-9 {
background-color: #0000;
font-size: 40px;
}
.menu-button-9.w--open {
background-color: #0000;
}
.menu-button-9.navbar-right-button {
color: var(--black);
padding: 0;
}
.icon-8 {
color: #fff;
}
.container-1305 {
max-width: 728px;
}
.footer-content {
grid-column-gap: 60px;
}
.footer-wrapper-two {
flex-wrap: wrap;
}
.footer-form-2 {
width: 100%;
margin-top: 40px;
}
.footer-form-container {
max-width: 350px;
}
.list-blog-thirds {
grid-row-gap: 64px;
grid-template-columns: 1fr 1fr;
}
.columns-blog-template-hero {
flex-direction: column;
}
.image-blog {
min-height: 450px;
margin-top: 40px;
}
.main-container-9 {
padding-left: 40px;
padding-right: 40px;
}
.heading-498.large {
font-size: 48px;
}
.hero-top-content.tall {
padding-top: 80px;
padding-bottom: 140px;
}
.content-grid-2 {
grid-row-gap: 0px;
grid-template-columns: 1fr 1fr 1fr;
}
.subtitle-11.sub {
text-align: center;
}
.project-hero-banner {
min-height: 675px;
}
.body-display-2 {
text-align: center;
}
.project-meta {
grid-column-gap: 48px;
grid-row-gap: 48px;
grid-template-columns: auto auto;
grid-auto-flow: row;
justify-content: center;
}
.heading-503, .anchor-link {
text-align: center;
}
.section-158 {
padding-top: 120px;
padding-bottom: 120px;
}
.hover-cover {
display: none;
}
.stages-sidebar {
max-width: none;
padding-right: 0;
position: relative;
top: 0;
}
.client-quote-wrapper {
grid-row-gap: 80px;
}
.project-stage-list {
grid-row-gap: 120px;
}
.project-stage {
grid-row-gap: 48px;
}
.anchor-list {
grid-column-gap: 24px;
border-top-style: none;
border-bottom: 1px #ffffff1a;
grid-template-columns: 1fr 1fr;
}
.stage-banner {
height: 65vw;
}
.section-159 {
padding-top: 120px;
padding-bottom: 120px;
}
.gallery-image-2 {
height: 40vw;
}
.gallery-image-grid {
grid-row-gap: 36px;
}
.subtitle-wrapper {
padding-bottom: 36px;
}
.heading-504, .heading-505, .heading-506 {
text-align: center;
}
.section-title-11 {
padding-bottom: 120px;
}
.section-160 {
padding-top: 120px;
padding-bottom: 120px;
}
.testimonial-text-2.large {
font-size: 40px;
}
.looping-heading {
font-size: 48px;
}
.content-grid-3 {
grid-row-gap: 0px;
grid-template-columns: 1fr 1fr 1fr;
}
.section-161 {
padding-top: 120px;
padding-bottom: 120px;
}
.grid-wrapper-3 {
grid-row-gap: 48px;
}
.nav_button {
margin-right: -.8em;
padding: .8em;
}
.nav_button.w--open {
color: #000;
background-color: #0000;
}
.nav_logo-3 {
padding-left: 0;
}
.work-grid_item {
width: 50%;
}
.nav_menu-link, .container-1306 {
padding-left: 1.69em;
padding-right: 1.69em;
}
.nav_menu-3 {
background-color: #fff;
margin-right: 0;
padding-top: 1em;
padding-bottom: 2em;
}
.container-1308 {
padding-left: 15px;
padding-right: 15px;
}
.section-163, .section-164 {
padding-top: 120px;
padding-bottom: 120px;
}
.grid-wrapper-4 {
grid-row-gap: 20px;
grid-template-rows: 1fr;
}
.projects-grid.dual {
grid-column-gap: 36px;
grid-row-gap: 80px;
}
.text-block-172 {
font-size: 40px;
line-height: 50px;
}
.container-1309 {
padding-top: 60px;
}
.text-block-22, .text-block-23 {
font-size: 24px;
}
.subscribe {
margin-top: 0;
}
.destina-grid, .team-grid {
grid-template-columns: 1fr 1fr;
}
.headerlinks {
display: none;
}
.buttonprimary:hover {
transform: none;
}
.buttonprimary.header {
font-size: 14px;
font-weight: 400;
line-height: 100%;
}
.buttonprimary.header:hover {
padding-left: 24px;
padding-right: 24px;
transform: none;
}
.gridcontainer {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
}
.circlespin {
width: 100%;
height: 100%;
}
.heroingo {
justify-items: stretch;
width: 100%;
}
.maincard {
border-radius: 16px;
flex-direction: column;
justify-content: center;
height: auto;
overflow: hidden;
}
.sectiontitle {
width: 100%;
margin-top: 18px;
}
.sectiontitle.bigger {
width: 100%;
}
.ag_unit {
border-radius: 8px;
padding: 24px;
}
.whoooolegrid {
grid-row-gap: 64px;
}
.h1_hero {
width: 100%;
max-width: none;
font-size: 110px;
}
.insidecard {
border-radius: 16px;
padding: 24px;
}
.insidecard.white {
border-radius: 16px;
}
.sectionlabel.white {
font-size: 8px;
top: 32px;
left: 32px;
}
.audiencegrid {
width: 100%;
}
.circlew {
width: 80px;
}
.gridcontainer-2 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
}
.insidecard-2 {
border-radius: 16px;
padding: 24px;
}
.insidecard-2.white {
border-radius: 16px;
}
.h2_middletext {
width: 100%;
max-width: none;
}
.portfoliocontainer {
grid-template-columns: 1fr;
width: 100%;
margin-bottom: 0;
}
.pricinggrid {
grid-column-gap: 0px;
grid-row-gap: 24px;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
}
.h_leftcard {
border-radius: 16px;
}
.sucessinfo {
padding-left: 5%;
padding-right: 5%;
}
.imputcombo {
grid-template-columns: 1fr;
}
.duo_card {
grid-column-gap: 0px;
grid-row-gap: 24px;
grid-template-columns: 1fr;
}
.pl_text {
color: #fff;
}
.portfoliolist {
border-radius: 16px;
width: 100%;
}
.sucessicon {
margin-bottom: 16px;
}
.prints {
display: none;
}
.formfields {
padding: 24px;
}
.pu_info {
grid-row-gap: 24px;
background-color: #ffd8c2;
border-style: none;
padding: 24px;
}
.pu_info.single {
grid-column-gap: 0px;
grid-row-gap: 32px;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
}
.gridcontainer-3 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
}
.maincard-2 {
border-radius: 16px;
flex-direction: column;
justify-content: center;
height: auto;
overflow: hidden;
}
.faqcontainer {
width: 100%;
margin-top: 0;
}
.insidecard-3 {
border-radius: 16px;
padding: 24px;
}
.insidecard-3.white {
border-radius: 16px;
}
.grid_3-1 {
grid-template-columns: 1fr 1fr;
}
.grid_2-1 {
flex-direction: column;
align-items: flex-start;
display: flex;
}
.grid_2-1.tablet-reverse {
flex-direction: column-reverse;
}
.navbar-8 {
text-align: left;
}
.section-170 {
padding: 3rem;
}
.fv2--about-grid {
grid-column-gap: 60px;
grid-template-columns: 48vw minmax(280px, 350px);
margin-bottom: 80px;
}
.h2-fv {
font-size: 4.8vw;
}
.fv2--interest-section {
padding: 60px 5vw 80px;
}
.fv2--interest-grid {
grid-column-gap: 5vw;
grid-template-columns: repeat(auto-fit, minmax(160px, 230px));
justify-items: start;
}
.grid-27 {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
place-items: center;
display: grid;
}
.accordion-pane-2 {
width: 100%;
}
.name-4 {
font-size: 104px;
}
.about-image-3 {
height: 662px;
}
.accordion-item-wrapper-white-3 {
margin-bottom: 20px;
}
.padding-horizontal-2 {
padding-top: 0;
padding-bottom: 0;
}
.hero-rotate-base {
width: 30%;
}
.home-hero-block {
min-height: 80vw;
padding-bottom: 8rem;
}
.grid-large {
grid-template-columns: minmax(1rem, 1fr) minmax(auto, 104rem) minmax(1rem, 1fr);
}
.home-about-intro {
max-width: 35rem;
}
.row-title-bottom {
padding-bottom: 3rem;
}
.padding-vertical-5 {
padding-left: 0;
padding-right: 0;
}
.collection-list-10 {
flex-direction: column;
display: flex;
}
.padding-section-large-3 {
padding-top: 6rem;
padding-bottom: 6rem;
}
.text-size-small-6.text-custom-gray.spacing {
display: none;
}
.blog-horozontal_text-wrapper {
flex-direction: column;
align-items: flex-start;
}
.blog-horozontalv2_item {
text-align: left;
}
.heading-537 {
text-align: center;
}
.section-177 {
padding-top: 200px;
padding-bottom: 200px;
}
.display-15 {
font-size: 72px;
}
.display-15.mg-bottom--36px {
margin-bottom: -24px;
}
.display-16 {
font-size: 30px;
}
.portfolio-link-section {
padding-top: 100px;
padding-bottom: 100px;
}
.portfolio-section-gradient-left {
right: 20%;
}
.portfolio-section-arrow-top-right {
max-width: 40px;
}
.section-178 {
padding-top: 200px;
padding-bottom: 200px;
}
.line-square-icon.diagonal-arrow-right.icon-size-24px {
margin-left: 20px;
}
.text-400 {
font-size: 22px;
}
.top-section-bg-video {
min-height: 740px;
}
.display-17 {
font-size: 54px;
}
.top-section-3.bg-video-top-section {
margin-top: -80px;
}
.mg-left-104px {
margin-left: 88px;
}
.title-large---bottom-line.v3 {
margin-left: 32px;
}
.top-section-bg-video-right {
width: 60%;
min-width: auto;
min-height: auto;
max-height: 320px;
bottom: -80px;
}
.display-large {
font-size: 90px;
}
.text-402 {
font-size: 22px;
}
.top-section-4.bg-video-right {
padding-top: 100px;
padding-bottom: 80px;
}
.section-179 {
padding-top: 200px;
padding-bottom: 200px;
}
.display-18 {
font-size: 30px;
}
.display-19 {
font-size: 54px;
}
.display-20 {
font-size: 30px;
}
.link-item-image-wrapper.mg-bottom-64px.mg-bottom-48px-tablet {
margin-bottom: 48px;
}
.black-and-white-sibling-item.mg-top-80px.mg-top-0-mbl {
margin-top: 64px;
}
.section-180 {
padding-top: 200px;
padding-bottom: 200px;
}
.display-21 {
font-size: 54px;
}
.section-181 {
padding-top: 200px;
padding-bottom: 200px;
}
.display-22 {
font-size: 54px;
}
.price-card {
width: 100%;
}
.footer-right-column {
text-align: left;
width: 100%;
}
.hero-heading-5.is-smaller {
font-size: 7em;
}
.price-card-heading {
font-size: 2.6em;
}
.price-card-heading.small {
font-size: 1.1em;
}
.small-p {
font-size: 1.4em;
}
.price-card-options-list {
grid-column-gap: 1.11em;
grid-row-gap: 1.11em;
}
.two-column-wrapper {
grid-column-gap: 3.75em;
grid-row-gap: 3.75em;
flex-direction: column;
}
.three-column-wrapper {
flex-wrap: wrap;
margin-top: 4.44em;
}
.section-182.works {
padding-top: 5em;
}
.section-182.prices {
padding-bottom: 11.11em;
}
.section-182.hero {
height: auto;
padding-bottom: 11.11em;
position: relative;
}
.footer-button {
width: 9em;
height: 9em;
font-size: 2vw;
}
.work-item-mob {
grid-column-gap: 3em;
grid-row-gap: 3em;
flex-direction: column;
display: flex;
}
.footer-content-wrapper {
grid-column-gap: 2em;
grid-row-gap: 2em;
flex-direction: column;
align-items: flex-start;
}
.circle-button-wrapper.prices {
flex-direction: column;
align-items: center;
margin-top: 4em;
display: flex;
transform: none;
}
.price-card-option-text {
font-size: 1.2em;
}
.circle-button {
font-size: 1.4vw;
}
.circle-button.larger-mob {
font-size: 1.6vw;
}
.marqee-wrapper.top {
flex-flow: wrap;
width: 100%;
transform: none;
}
.marqee-wrapper.bottom {
display: none;
}
._60--column {
width: 100%;
}
._20--column {
grid-column-gap: 9em;
grid-row-gap: 9em;
flex-direction: row;
max-width: 100%;
}
._20--column.quiz-hero {
max-width: 17em;
}
.works-wrapper-mob {
margin-top: 4.44em;
display: block;
}
.small-heading-wrapper.works {
padding-left: 0;
padding-right: 0;
}
.instrument-card {
flex: 0 auto;
width: 48%;
}
.footer-section-overlay {
display: none;
}
.circle-button-text {
font-size: 1.7em;
}
.container-1321 {
max-width: 100%;
padding-left: 4em;
padding-right: 4em;
}
.container-1321.is-larger {
padding-left: 4em;
padding-right: 4em;
}
.container-1321.hero {
grid-column-gap: 9em;
grid-row-gap: 9em;
}
.socials-wrapper {
grid-column-gap: 3.5em;
grid-row-gap: 3.5em;
text-align: left;
flex-direction: row;
align-items: center;
margin-top: 3.34em;
display: flex;
}
.nav-11 {
padding-left: 4em;
padding-right: 4em;
}
.footer-section {
height: auto;
padding-top: 11.11em;
padding-bottom: 11.11em;
position: relative;
}
._70--column {
width: 100%;
}
._70--column.negative-margin-top {
margin-top: 0;
}
.works-wrapper-desktop {
display: none;
}
.marqee-layout {
padding-left: 4em;
padding-right: 4em;
}
.cursor-layout {
display: none;
}
.social-link-wrapper-2, .social-link-wrapper-2.second {
margin-top: 0;
}
.hero-description-2 {
font-size: 1.4em;
}
.skill-column {
width: 47%;
}
.footer-spacer {
display: none;
}
.prices-wrapper {
flex-wrap: wrap;
}
.works-list-mob {
grid-column-gap: 6em;
grid-row-gap: 6em;
flex-direction: column;
display: flex;
}
._2-col {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
grid-template-columns: 1fr;
}
.line-syle {
width: 7rem;
}
.logo-img-2 {
width: auto;
height: 60px;
}
.main_text {
text-align: center;
}
.logo-wrapper-4 {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: wrap;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
place-content: stretch center;
align-items: stretch;
display: grid;
}
.collection-list-11 {
grid-template-columns: 1fr 1fr;
}
.margin-bottom-7 {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.collection-item-15 {
filter: none;
}
._4-rows {
grid-column-gap: 2.5rem;
grid-row-gap: 2.5rem;
grid-template-columns: 1fr 1fr;
}
.display-23 {
font-size: 30px;
}
.text-404 {
font-size: 22px;
}
.top-section-5.bg-video-right {
padding-top: 100px;
padding-bottom: 80px;
}
.top-section-6.bg-video-top-section {
margin-top: -80px;
}
.display-24 {
font-size: 72px;
}
.top-section-video {
min-height: 520px;
max-height: 520px;
}
.top-section-7.pd-bottom-250px {
padding-bottom: 200px;
}
.container-1322.is-e-features {
padding-top: 3rem;
padding-bottom: 3rem;
}
.card-text_heading {
font-size: 2.608vw;
}
.request-button {
font-size: 1.423vw;
}
.cards-left {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
width: 50vw;
}
.e-features_cards {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
justify-content: space-between;
}
.cards-right {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
width: 50vw;
}
.page-padding-15 {
padding-left: 3rem;
padding-right: 3rem;
}
.e-features_subheading {
font-size: 1.423vw;
}
.e-features_heading {
font-size: 6.004vw;
}
.card-text_p {
font-size: 1.423vw;
}
.arrow-styles {
font-size: 1.186vw;
}
.content-link-grid {
grid-row-gap: 0px;
grid-template-columns: 1fr 1fr 1fr;
}
.hero-slider-banner {
background-position: 0 0;
width: 100%;
height: 107vh;
max-height: 100%;
}
.flex-about-us-wrap {
text-align: center;
flex-direction: column;
display: flex;
}
.about-description {
text-align: center;
width: 80%;
}
.hero-content {
margin-top: 60px;
padding-top: 80px;
padding-bottom: 120px;
}
.grid-circle-link-wrapper {
grid-row-gap: 48px;
}
.overlay-about-us-banner {
background-image: linear-gradient(#0000, #00000080);
}
.scroll-banner-3-link {
display: none;
}
.banner-2-title-mobile {
font-size: 60px;
}
.bg-video-border-wrapper {
border-top-width: 13vw;
border-bottom-width: 13vw;
}
.banner-2-title {
font-size: 60px;
}
.four-column {
grid-column-gap: 0px;
grid-row-gap: 10px;
flex-direction: column;
display: flex;
}
.left-info {
width: 90%;
}
.methods-text {
color: #fff;
text-align: right;
}
.methods-container {
align-self: center;
padding: 40px;
}
.video-services {
background-image: linear-gradient(#0009, #0009);
}
.metods-content-card {
grid-row-gap: 50px;
}
.advantages-list {
grid-template-columns: 1fr;
}
.service-h3-expandable-3 {
font-size: 36px;
}
.section-185 {
padding-top: 120px;
padding-bottom: 120px;
}
.big-text-4 {
font-size: 36px;
line-height: 142%;
}
.section-186 {
padding-top: 120px;
padding-bottom: 120px;
}
.big-text-5 {
font-size: 36px;
line-height: 142%;
}
.section-187 {
padding-top: 120px;
padding-bottom: 120px;
}
.inside-moving-logos {
min-width: 2000px;
}
.navbar3_menu {
z-index: 1;
-webkit-text-fill-color: inherit;
background-color: #191919;
background-clip: border-box;
border-right: 1px solid #000;
flex-direction: column;
justify-content: center;
width: 80vw;
height: 100dvh;
margin-left: 0;
padding: 5vw 5vw 6.5rem;
transition: height .5s;
display: block;
position: absolute;
inset: 0% auto 0% 0%;
overflow: auto;
}
.layout1_component {
grid-column-gap: 3rem;
grid-template-columns: 1fr;
grid-auto-flow: row;
min-height: auto;
}
.menu-icon3_line-top {
background-color: #191919;
width: 24px;
height: 2px;
padding-bottom: 0;
padding-right: 0;
}
.navbar3_logo-link-menu {
float: none;
color: #fff;
margin-top: 2.5rem;
margin-bottom: 2rem;
display: none;
position: static;
}
.cta38_link-image-wrapper {
z-index: -1;
}
.navbar3_menu-button {
margin-left: -.5rem;
padding: 0;
}
.navbar3_menu-button.w--open {
background-color: #0000;
}
.padding-section-xlarge-2 {
padding-top: 6rem;
padding-bottom: 6rem;
}
.navbar3_link {
padding: .75rem 0;
font-size: 2rem;
position: static;
}
.menu-icon3 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 48px;
height: 48px;
margin-right: -.5px;
padding-bottom: 0;
padding-right: 0;
display: flex;
}
.footer4_top-wrapper {
grid-row-gap: 3rem;
grid-template-columns: 1fr;
justify-content: center;
justify-items: center;
}
.navbar3_container {
grid-auto-columns: 1fr;
display: grid;
}
.lightbox_background-video.is-showreel {
height: 400px;
}
.slider3_component {
padding-left: 0;
padding-right: 0;
}
.menu-icon3_line-middle {
color: #191919;
background-color: #191919;
justify-content: center;
align-items: center;
width: 24px;
height: 2px;
margin-top: 6px;
margin-bottom: 6px;
padding-bottom: 0;
padding-right: 0;
display: flex;
}
.dropdown-icon {
margin-top: 0;
margin-bottom: 0;
margin-right: 0;
inset: auto 0% auto auto;
}
.navbar3_tablet-menu-button {
color: #191919;
text-transform: uppercase;
background-color: #fff;
flex-direction: row;
justify-content: center;
align-items: center;
width: 100%;
height: 3.5rem;
margin-top: 1.5rem;
margin-left: 0;
margin-right: 0;
font-size: 1rem;
font-weight: 500;
display: flex;
}
.navbar3_menu-background {
z-index: 0;
background-color: #00000080;
width: 100vw;
height: 100vh;
padding-bottom: 0;
padding-right: 0;
display: none;
position: absolute;
inset: 0%;
}
.cta38_link-text {
font-size: 3.25rem;
}
.navbar3_menu-dropdown {
flex-direction: column;
justify-content: center;
align-items: center;
font-size: 1.125rem;
display: block;
position: relative;
}
.navbar3_menu-dropdown.display-none {
display: none;
}
.menu-icon3_line-bottom {
color: #fff;
background-color: #191919;
width: 24px;
height: 2px;
padding-bottom: 0;
padding-right: 0;
}
.banner14_component {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.content17_component {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
grid-template-columns: 1fr;
}
.portfolio11_list {
grid-column-gap: 2rem;
grid-template-columns: 1fr 1fr;
}
.navbar3_dropdown-toggle {
width: 100%;
margin-left: 0;
margin-right: 0;
padding: .75rem 2rem .75rem 0;
position: relative;
}
.navbar3_dropdown-link {
padding: .75rem 0 .75rem 5%;
}
.slider3_mask {
width: 100%;
}
.navbar3_dropdown-list {
position: static;
overflow: hidden;
}
.navbar3_dropdown-list.w--open {
border-style: none;
padding: 0;
position: static;
}
.lightbox_image {
width: auto;
height: auto;
}
.portfolio15_item {
grid-column-gap: 3rem;
padding-top: 2rem;
padding-bottom: 2rem;
}
.slider3_slide {
padding-left: 4rem;
padding-right: 4rem;
}
.margin-bottom-8 {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.heading-style-h3 {
font-size: 2.25rem;
}
.container-1323 {
margin-right: 0;
padding-right: 442px;
}
.bottom-row-side__image-wrapper {
width: 14em;
height: 14em;
}
.middle-row-center__image-wrap {
width: 25em;
height: 18em;
}
.section_dicovery-zoom-effect {
height: auto;
}
.middle-row-side__image-wrapper {
width: 12em;
height: 14em;
}
.top-row__image-wrap {
width: 30em;
height: 20em;
}
.bottom-row-center__image-wrap {
width: 28em;
height: 18em;
}
.container-1324, .container-1325 {
max-width: 100%;
padding-left: 4em;
padding-right: 4em;
}
.page-section-2 {
padding-bottom: 50px;
}
.button-63 {
position: relative;
}
.grid_section-img_right {
grid-column-gap: 40px;
grid-row-gap: 40px;
grid-template-rows: auto auto;
grid-template-columns: 1.75fr;
justify-items: center;
}
.grid_section-image-wrapper {
max-width: 350px;
}
.button-64 {
text-align: center;
}
.heading-542 {
font-size: 6rem;
line-height: 1.15;
}
.heading-542.all-caps.text-weight-semibold {
font-size: 16vw;
}
.main-wrapper-11 {
margin-top: -5.8rem;
}
.home-about-component {
margin-top: 20rem;
}
.heading-6 {
font-size: 2.5rem;
}
.home-hero-images {
min-width: 44%;
height: 40vh;
min-height: auto;
}
.about-hero-component-3 {
grid-row-gap: 2rem;
padding-top: 18vh;
}
.about-hero-image-component {
margin-top: 5.2rem;
}
.main-wrapper-12 {
margin-top: -5.8rem;
}
.text-size-xhuge {
font-size: 5rem;
}
.text-size-xhuge.hero {
font-size: 17vw;
}
.about-hero-paragraph {
width: 100%;
}
.text-size-large-6 {
font-size: 2.3rem;
line-height: 1.4;
}
.text-size-xlarge-2 {
font-size: 2.5rem;
}
.cta-card._02, .cta-card._01 {
width: 70%;
}
.button-65 {
text-align: center;
}
.cta-content-2 {
text-align: center;
align-items: stretch;
width: 100%;
padding-left: 3.1rem;
padding-right: 3.1rem;
}
.about-cards-components {
grid-template-columns: 1fr;
margin-top: 5.7rem;
margin-bottom: 2.8rem;
}
.about-card-bottom {
flex-direction: column;
padding-top: 3.2rem;
padding-left: 0;
padding-right: 0;
}
.about-card {
grid-row-gap: 5rem;
min-height: auto;
}
.cta-card-wrapper {
width: 100%;
padding-top: 15%;
padding-left: 0;
position: relative;
}
.home-marquee-image {
width: 27rem;
height: 29rem;
}
.margin-bottom-9 {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.menu-icon-5 {
justify-content: center;
align-items: center;
width: 5rem;
height: 5rem;
display: flex;
}
.navbar-10vh {
height: 5rem;
}
.grid-6-footer-b {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-columns: 1fr 1fr;
}
.nav-menu-10 {
background-color: #0d0d11;
height: auto;
padding-top: 32px;
padding-bottom: 32px;
position: absolute;
top: 5rem;
}
.nav-menu-10.space-between {
display: block;
}
.section-191 {
padding: 3rem;
}
.section-191.no-top-bottom, .section-191.no-top-bottom.lp {
display: none;
}
.menu-button-10 {
padding: 0;
position: absolute;
}
.menu-button-10.w--open {
background-color: #333333f2;
}
.menu-button-10.black {
color: #fff;
background-color: #121217;
}
.nav-container-horiz {
justify-content: flex-end;
align-items: center;
padding-left: 3rem;
padding-right: 0;
display: flex;
}
.nav-link-invert-2 {
margin-left: 0;
}
.section-192 {
padding: 3rem;
}
.grid-2-columns-8._2 {
max-width: 100%;
}
.display-25 {
font-size: 80px;
}
.section-193 {
padding-top: 50px;
padding-bottom: 50px;
}
.section-193.overflow._2 {
padding-bottom: 50px;
}
.team-grid-2 {
grid-row-gap: 100px;
grid-template-columns: 1fr 1fr;
}
.display-26 {
font-size: 35px;
}
.container-1332 {
padding-left: 10px;
padding-right: 10px;
}
.accordion-text-4 {
font-size: 30px;
}
.accordion-toggle-2 {
font-size: 24px;
line-height: 34px;
display: block;
}
.heading-2-homepage {
font-size: 3.2rem;
}
.heading-2-homepage.text-weight-medium.all-caps {
font-size: 4.4rem;
}
.button-66 {
text-align: center;
}
.no-wrap {
white-space: nowrap;
}
.homepage-pages {
padding-top: 3.7rem;
}
.pages-grid {
grid-template-columns: 1fr;
}
.heading-546.text-weight-medium.homepage {
font-size: 3rem;
}
.section-195 {
padding-top: 120px;
padding-bottom: 120px;
}
.big-text-6 {
font-size: 36px;
line-height: 142%;
}
.section-196.is-hero {
padding-top: 12rem;
padding-bottom: 6em;
}
.image-wood {
max-width: 80vw;
}
.column-74.footer-right {
flex-direction: column;
}
.column-74.is-explore-info {
max-width: 20rem;
bottom: 2.5rem;
}
.column-74.product-teaser-right {
padding-left: 2rem;
}
.wrapper-9.is-wood-image {
min-height: 40vh;
}
.wrapper-9.is-wood-intro {
padding-top: 14rem;
padding-bottom: 4rem;
}
.social-author {
max-width: none;
}
.image-hero {
object-fit: cover;
}
.explore-info-text {
min-height: 11rem;
}
.credit-component-image-wrapper {
display: none;
}
.grid-28.is-product {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-columns: .55fr 1fr;
}
.grid-28.is-awards {
grid-column-gap: 6rem;
grid-row-gap: 6rem;
}
.grid-28.is-hero, .grid-28.is-wood {
grid-template-columns: .55fr 1fr;
}
.hero-grid-3 {
flex-direction: column;
grid-template-rows: 1fr 1fr 1fr;
grid-template-columns: 1fr;
padding-top: 40px;
padding-bottom: 40px;
display: flex;
}
.section_hero {
height: auto;
}
.hero-paragraph-wrap {
width: 100%;
}
.hero-grid_cell {
padding-top: 0;
padding-bottom: 0;
}
.hero-grid-block {
height: 350px;
}
.hero_inner-grid {
flex-direction: row;
}
.hero-stack_image-wrap {
height: 350px;
}
.hero-stack_image-wrap.is-half-size {
width: 50%;
height: 350px;
}
.hero_para {
font-size: 1.5em;
}
.button_wrapper {
margin-top: 3em;
}
.primary_text {
font-size: 2em;
}
.primary_text.gerstarted {
flex: none;
font-size: 2em;
display: block;
}
.primary_button {
padding: 2em 4em;
}
.hero_cont-text {
padding-top: 12em;
}
.secondary_button {
padding: 2em 4em;
}
.h1-5 {
font-size: 3em;
}
.secondary_text {
flex: none;
font-size: 2em;
}
.div-block-257 {
padding-bottom: 61px;
}
.div-block-258 {
padding-top: 228px;
}
.home-hero_component {
grid-row-gap: 4rem;
grid-template-columns: 1fr;
grid-auto-flow: row;
min-height: auto;
padding-top: 2rem;
}
.margin-bottom-10 {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.primary-button-2 {
background-color: #e96558;
}
.home-hero_content {
padding-right: 10rem;
}
.client-block {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-columns: 1fr 1fr 1fr;
margin-top: 30px;
}
.client-logo-2 {
padding-left: 5%;
padding-right: 5%;
}
.section-home-header-3.vertical-spacing {
padding-top: 40px;
padding-bottom: 40px;
}
.text-medium-3 {
font-size: 1.75rem;
}
.section-199.padding-top-large {
padding-left: .75rem;
padding-right: .75rem;
}
._12-column-grid {
grid-column-gap: 1.5rem;
grid-row-gap: 4rem;
grid-template-columns: minmax(16px, 1fr) 1fr;
}
._12-column-grid.intro-grid {
grid-row-gap: 4rem;
}
.text-large {
font-size: 2.5rem;
line-height: 100%;
}
.container-1338 {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.logo-grid-3 {
grid-template-columns: 1fr 1fr 1fr;
}
.container-1339 {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.banner-section {
padding-left: 0;
padding-right: 0;
}
.banner-text, .banner-text.homepage {
font-size: 60px;
}
.banner-area-content {
font-size: 22px;
}
.hero-section-9 {
padding-top: 60px;
padding-bottom: 60px;
}
.slider-overlay {
height: 91%;
}
.banner-vector-top {
top: 35px;
}
.image-slider-container {
width: 450vw;
height: 500px;
}
.scroll-down-first-wrap {
min-width: 155px;
min-height: 155px;
}
.scroll-down-image {
width: 136px;
}
.scroll-down-second-wrap {
min-width: 100px;
min-height: 100px;
}
.what-we-do-grid {
grid-template-columns: 1fr;
}
.portfolio-link-3 {
justify-content: center;
}
.portfolio-grid {
grid-row-gap: 50px;
text-align: center;
grid-template-columns: 1fr;
justify-items: center;
}
.section-title-14.text-white {
font-size: 35px;
line-height: 1.5;
}
.revenue-section {
padding-top: 100px;
padding-bottom: 110px;
}
.portfolio-card {
width: 80%;
}
.banner-area-content-2 {
font-size: 22px;
}
.faq-section-3 {
padding-top: 100px;
padding-bottom: 100px;
}
.accordion-item-2 {
width: auto;
}
.accordion-paragraph {
max-width: 100%;
}
.accordion-item-title {
max-width: 88%;
}
.team_list-2 {
grid-column-gap: 1em;
grid-row-gap: 1.5em;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
padding: 1em;
display: grid;
}
.team_item-3 {
border-bottom-width: 0;
padding: 0;
display: block;
}
.team_visual {
height: auto;
position: relative;
}
.team_image-3 {
opacity: 1;
width: 100%;
margin-left: 0%;
}
.team_name-2 {
text-align: left;
width: auto;
}
.team_title {
width: auto;
}
.tab-link-3.w--current {
width: 100%;
margin-left: 0;
}
.logo-11 {
max-width: 180px;
}
.tab-link-text-2 {
font-size: 36px;
}
.logo-wrapper-6 {
padding-top: 18px;
padding-bottom: 18px;
}
.tab-content-heading {
font-size: 30px;
}
.tabs-menu-7 {
grid-column-gap: 20px;
grid-row-gap: 40px;
flex-direction: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
place-items: center;
margin-bottom: 30px;
padding-left: 0;
display: grid;
}
.footer-section-2 {
padding-left: 20px;
padding-right: 20px;
}
.tab-content-wrapper {
margin-left: 0;
}
.main-wrapper-14 {
padding-bottom: 30px;
}
.tabs-wrapper-2 {
display: block;
}
.hero-section-10 {
padding-left: 20px;
padding-right: 20px;
}
.hero-text-5 {
font-size: 40px;
line-height: 1.5;
}
.arrow-wrapper-2 {
width: 80px;
height: 80px;
}
.hero-image-wrapper-5 {
justify-content: center;
position: relative;
bottom: 0%;
right: 0;
}
.rotate-text {
width: 140px;
}
.arrow-icon-5 {
width: 55px;
}
.rotate-circle {
width: 150px;
height: 150px;
}
.big-paragraph {
font-size: 18px;
}
.text-area-2, .text-field-13 {
font-size: 2vw;
}
.background-video-work-a-2 {
height: 17vw;
}
.section-205 {
padding-top: 200px;
padding-bottom: 200px;
}
.display-27 {
font-size: 30px;
}
.btn-circle-secondary-2.left-slider-btn, .btn-circle-secondary-2.right-slider-btn {
width: 80px;
min-width: 80px;
height: 80px;
min-height: 80px;
font-size: 36px;
bottom: 80px;
}
.text-406 {
font-size: 22px;
}
.display-28 {
font-size: 54px;
}
.subtitle-15 {
margin-top: 0;
margin-bottom: 0;
}
.subtitle-15.space {
margin-bottom: 0;
}
.section-206.for-a {
margin-top: 180vh;
}
.heading-serif-xsmall {
padding-bottom: 4px;
font-size: 1.2em;
}
.heading-serif-xsmall.text-color-orange.bigger {
font-size: 2em;
}
.main-grid-4 {
grid-template-columns: 1fr;
}
.container-1343 {
padding-left: 30px;
padding-right: 30px;
}
.heading-medium-5.rotate {
transform: rotate(5deg)translate(0, 15px);
}
.link-moving-typo {
margin-top: .5rem;
margin-bottom: .5rem;
padding: 1rem 0;
font-size: 1.75rem;
line-height: 1.3;
}
.link-moving-typo:hover {
background-color: #0000;
}
.line-separator {
width: 2rem;
margin-left: 1rem;
margin-right: 1rem;
display: none;
}
.section-207 {
padding: 3rem;
}
.moving-typo-left {
flex-flow: column wrap;
width: 100%;
margin-top: 0;
display: flex;
position: relative;
left: 0;
}
.grid-7 {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-columns: 1fr 1fr;
}
.container-1344 {
padding-left: 15px;
padding-right: 15px;
}
.accordion-number {
min-height: auto;
padding-top: 50px;
}
.accordion-header-2 {
padding-top: 2em;
padding-bottom: 2em;
}
.about-slider-mask {
width: 95%;
}
.content-wrapper-8 {
max-width: 100%;
}
.h4-2 {
font-size: 28px;
line-height: 36px;
}
.content-wrapper-9 {
max-width: 100%;
}
.text-link-block-2 {
font-size: 14.5px;
line-height: 23px;
}
.section-210 {
padding-bottom: 60px;
}
.content-wrapper-10 {
max-width: 100%;
}
.content-section-6 {
padding-top: 180px;
}
.subpage-h1 {
line-height: 1.2;
}
.hero-subtext {
margin-top: 1vw;
}
.label-services-wrapper {
top: -35%;
left: -5%;
right: auto;
transform: rotate(-7deg);
}
.btn-7 {
padding: 2.5vw 5vw;
}
.btn-text-3 {
font-size: 2.5vw;
}
.sm-upper {
font-size: 16px;
}
.sm-upper.footer-12 {
font-size: 19px;
}
.sm-container.is--benefits {
flex-direction: column;
align-items: center;
width: 85%;
display: flex;
}
.sm-container.flex-split.is--s-section {
flex-direction: column;
}
.sm-container.s-intro {
padding-left: 0%;
}
.section-212 {
padding-top: 5vw;
padding-bottom: 5vw;
}
.section-212.is--project {
padding-bottom: 10vw;
}
.cta-heading-wrapper {
text-align: center;
margin-bottom: 1vw;
}
.cta-circle-1 {
width: 26vw;
top: 62%;
left: -6vw;
}
.heading-line-wrapper.services-h2._2 {
margin-left: 0;
}
.cta-heading-line-wrapper {
margin-top: 0;
margin-left: 0;
}
.cta-circle-2 {
width: 28vw;
top: -7%;
}
.img-parent-2.services._3 {
top: 176px;
bottom: 0%;
left: 64%;
}
.img-parent-2.services._4 {
right: 7%;
}
.img-parent-2.services._2 {
right: -4%;
}
.img-parent-2.services._1 {
top: 10%;
left: -6%;
}
.img-parent-2.aluce-circle {
width: 60vw;
margin-top: -2vw;
}
.img-parent-2.h-services {
flex: none;
margin-right: 5em;
position: static;
}
.img-parent-2.h-services._4 {
display: none;
}
.super-text {
font-size: 7.7vw;
}
.super-text.no-break.cta {
font-size: 7.5vw;
}
.btn-8 {
padding: 2.5vw 5vw;
}
.btn-text-4 {
font-size: 2.5vw;
}
.split-section-wrapper {
width: 100%;
}
.section-213 {
padding-top: 5vw;
padding-bottom: 5vw;
}
.section-213.is--project {
padding-bottom: 10vw;
}
.section-213.is--bigger {
padding-top: 15vw;
padding-bottom: 15vw;
}
.section-213.is--bigger.about {
padding-bottom: 20vw;
}
.section-213.s-testimonial {
padding-top: 16vw;
padding-bottom: 10vw;
}
.section-213.is--cta {
justify-content: center;
align-items: center;
padding-top: 20vw;
padding-bottom: 20vw;
display: flex;
}
.section-213.s-intro {
overflow: hidden;
}
.text-wrapper-7 {
width: 100%;
}
.margin-150px-3 {
margin-top: 120px;
}
.section-214 {
padding-top: 50px;
padding-bottom: 50px;
}
.display-29 {
font-size: 40px;
}
.grid-2-columns-9 {
grid-column-gap: 70px;
grid-row-gap: 40px;
grid-template-columns: 1fr;
}
.grid-2-columns-9._3 {
grid-template-columns: 1fr;
}
.grid-2-columns-9._2 {
grid-column-gap: 70px;
grid-row-gap: 50px;
}
.features-content_icon {
width: 6rem;
height: 6rem;
}
.button_wrapper-3 {
padding-left: 220px;
padding-right: 220px;
}
.home_cta-component {
grid-row-gap: 2rem;
text-align: center;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
.decoration-header-squiggle {
max-width: 5%;
}
.features_wrapper {
grid-row-gap: 4rem;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr 1fr;
}
.margin-bottom-11 {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.margin-bottom-11.margin-medium {
padding-left: 100px;
padding-right: 100px;
}
.margin-bottom-11.margin-large.padding-horizontal {
padding-left: 6rem;
padding-right: 6rem;
}
.testimonial-content_wrapper {
padding-left: 4rem;
padding-right: 4rem;
}
.home-benefits_content {
text-align: center;
width: 60ch;
}
.arrow-decoration-image {
width: 6%;
}
.decoration-benefits_churn {
top: 40%;
right: -5%;
}
.home-process_content {
padding-left: 3rem;
padding-right: 3rem;
}
.text-align-center-7.header {
font-size: 2.5em;
}
.business-logos_wrapper {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr;
}
.home-benefits_wrapper {
grid-row-gap: 4rem;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
.home-benefits_wrapper.margin-top {
grid-row-gap: 4rem;
}
.home-process-content_wrapper {
grid-row-gap: 2rem;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
padding-left: 4rem;
padding-right: 4rem;
}
.text-color-black.mobile-color-white {
color: var(--white);
}
.feature-grid {
grid-column-gap: 40px;
grid-row-gap: 40px;
}
.spacing-80 {
height: 40px;
}
.section-216.hero {
height: auto;
min-height: auto;
}
._2-col-grid-7.image-right, ._2-col-grid-7.image-left {
grid-column-gap: 60px;
grid-row-gap: 60px;
}
.spacing-101 {
height: 40px;
}
.div-block-260 {
margin-left: 60px;
margin-right: 60px;
}
.heading-561 {
width: 66.667%;
margin-left: 16.6667%;
}
.shape-image-2 {
margin-top: 10vw;
}
.section-223 {
padding-top: 120px;
padding-bottom: 120px;
}
.left-column-template-details {
display: none;
}
.section-224 {
padding-top: 120px;
padding-bottom: 120px;
}
.big-text-7 {
font-size: 36px;
line-height: 142%;
}
.columns-template-details {
flex-direction: column;
}
.right-column-template-details {
padding: 0;
}
.subtitle-16 {
font-size: 26px;
line-height: 37px;
}
.section-225, .section-226 {
padding-top: 120px;
padding-bottom: 120px;
}
.big-text-8 {
font-size: 36px;
line-height: 142%;
}
.section-227 {
padding-top: 120px;
padding-bottom: 120px;
}
.testimonial-testimonials-slider-2 {
font-size: 1em;
}
.section-228 {
padding-top: 120px;
padding-bottom: 120px;
}
.big-text-9, .big-text-10, .big-text-11 {
font-size: 36px;
line-height: 142%;
}
.image-510 {
display: none;
}
.grid-30 {
grid-template-columns: 1fr;
}
.div-block-74 {
margin-top: 60px;
padding-left: 30px;
}
.lightbox-link-b {
height: 25vw;
}
.container-1351 {
padding-top: 2.5rem;
padding-bottom: 2.5rem;
}
.hero_text {
font-size: 1.7rem;
}
.learn-block {
opacity: 1;
}
.feature-card-wrapper {
grid-column-gap: 24px;
flex-wrap: wrap;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr 1fr 1fr;
justify-content: center;
display: flex;
}
.feature-card {
height: auto;
}
.section-232 {
padding-top: 80px;
padding-bottom: 80px;
}
.heading-block {
margin-bottom: 20px;
}
.header-button-wrapper {
justify-content: center;
}
.header-content-wrapper {
align-items: center;
}
.navigation-main-b {
grid-column-gap: 8px;
grid-row-gap: 8px;
display: flex;
}
.display-l {
font-size: 72px;
line-height: 82px;
}
.navigation-form-block {
max-width: none;
}
.button-language {
display: none;
}
.navigation-2 {
position: relative;
}
.navigation-mobile {
color: #fff;
background-color: #030711;
border-radius: 44px;
justify-content: center;
align-items: center;
width: 48px;
height: 48px;
padding: 12px;
display: flex;
}
.navigation-mobile.w--open {
color: #fff;
background-color: #030711;
border-color: #0000;
}
.navigation-logo-link {
margin-right: 0;
}
.header-section {
padding-top: 64px;
}
.navigation-link {
width: 100%;
margin-top: 8px;
margin-bottom: 8px;
}
.navigation-menu {
background-color: #fff;
border-bottom: 1px solid #e5e7eb;
padding: 12px;
}
.navigation-menu.w--open {
background-color: #282556;
border-color: #fff;
}
.header-grid-top {
text-align: center;
grid-template-columns: 1.3fr;
}
.attention-banner {
height: auto;
padding-top: 20px;
padding-bottom: 20px;
}
.m-footer-grid-large {
grid-template-columns: 1fr 1fr;
}
.m-footer-contact-link {
max-width: none;
margin-left: 8px;
margin-right: 8px;
}
.footer-grid-5 {
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.t-navigation-menu {
color: #393b6a;
background-color: #fff;
border-radius: 8px;
padding: 12px;
position: absolute;
}
.t-navigation-menu.w--open {
background-color: #282556;
border-color: #fff;
}
.t-navigation-logo-link {
margin-right: 0;
}
.t-navigation-menu-button {
background-color: #fff;
border: 1px solid #f3f5fb;
border-radius: 8px;
padding: 12px;
}
.t-navigation-menu-button.w--open {
background-color: #2a514c;
border-color: #fff;
}
.t-navigation-dropdown-right {
max-width: 100%;
}
.t-navigation-toggle {
color: #060606;
}
.t-navigation-toggle.w--open {
background-color: #f7f6f2;
width: 100%;
}
.t-navigation-dropdown-grid {
grid-template-columns: 1fr 1fr;
}
.t-navigation-dropdown-base {
box-shadow: none;
}
.t-navigation-dropdown-list.w--open {
position: static;
overflow: auto;
}
.t-navigation-dropdown {
width: 100%;
}
.t-navigation {
position: relative;
}
.t-navigation-right-wrapper {
align-items: center;
width: auto;
display: flex;
}
.t-navigation-button-wrapper {
grid-column-gap: 24px;
align-items: center;
display: flex;
}
.t-navigation-link {
width: 100%;
}
.banner-close-circle {
right: 3%;
}
.content-number-wrap {
margin-right: 30px;
}
.content-grid-4 {
grid-template-columns: 1fr;
}
.content-number {
font-size: 55px;
line-height: 65px;
}
.content-numbers {
justify-content: space-between;
}
.content-image-card {
inset: -50px -20% auto auto;
}
.members-grid {
grid-column-gap: 40px;
}
.teams-heading {
margin-bottom: 40px;
}
.tabs-menu-8 {
flex-wrap: wrap;
}
.b-integration-grid {
grid-template-columns: 1fr 1fr;
}
.b-section-regular {
padding-top: 60px;
padding-bottom: 60px;
}
.title-block {
margin-bottom: 40px;
margin-right: 0;
}
.integration-card {
margin-bottom: 10px;
}
.integration-grid {
grid-template-columns: 1fr 1fr;
}
.title-wrap-4 {
flex-direction: column;
align-items: flex-start;
}
.tabs-menu-9 {
flex-wrap: wrap;
}
.content-grid-b {
grid-template-columns: 1fr;
}
.content-block-3 {
max-width: none;
}
.content-wrapper-12 {
align-items: flex-start;
}
.button-primary-6 {
display: flex;
}
.header-grid-d {
grid-template-columns: 1fr;
}
.step-grid {
display: none;
}
.process-grid-2 {
grid-template-columns: 1.2fr;
}
.process-graphic {
margin-left: auto;
margin-right: auto;
}
.process-block {
flex-direction: column;
align-items: flex-start;
}
.blog-card-b {
grid-row-gap: 24px;
grid-template-columns: 1fr;
}
.grid-three-column, .grid-blog {
grid-template-columns: 1fr 1fr;
}
.section-blog {
padding-top: 60px;
}
.nav-menu-button-2 {
color: #000;
border: 1px solid #d4d4d4;
padding: 12px;
}
.nav-menu-button-2.w--open {
background-color: #4b264b;
}
.nav-logo-link {
margin-right: 0;
}
.header-section-2 {
padding-top: 64px;
}
.header-grid-b {
display: none;
}
.nav-button-group, .nav-wrapper-4 {
align-items: center;
width: auto;
display: flex;
}
.nav-link-7 {
width: 100%;
margin-top: 14px;
margin-bottom: 14px;
}
.ticker-wrapper-b {
width: 95%;
}
.nav-menu-11 {
background-color: #fff;
padding: 12px;
position: absolute;
left: 10px;
right: 10px;
}
.nav-menu-11.w--open {
background-color: #282556;
border-color: #fff;
}
.button-primary-7 {
display: flex;
}
.header-grid-b-2 {
grid-template-columns: 1fr;
}
.grid-three-column-2 {
grid-template-columns: 1fr 1fr;
}
.process-title-wrap-3 {
max-width: 600px;
margin-bottom: 100px;
}
.line-break-3 {
display: none;
}
.process-grid-3 {
grid-column-gap: 32px;
grid-row-gap: 32px;
background-image: none;
background-repeat: repeat;
background-size: auto;
grid-template-columns: 1fr;
max-width: 450px;
margin-left: auto;
margin-right: auto;
}
.content-block-4 {
max-width: none;
}
.content-wrapper-13 {
align-items: flex-start;
}
.content-section-8 {
overflow: hidden;
}
.faq-grid-3 {
grid-template-columns: 1fr 1fr;
}
.faq-block-2 {
padding-right: 25px;
}
.logo-12.case-study.l {
justify-content: center;
margin: 0;
padding: 0;
}
.padding-top-2 {
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
}
.badge-link {
flex: none;
}
.subnav-2 {
grid-row-gap: .5rem;
}
.subnav-2.small {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
}
.home-services-grid {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
grid-template-columns: 1fr;
}
.home-services-grid-inner {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
}
.button-inner-2 {
justify-content: center;
}
.heading-style-h2-2 {
font-size: 2.5rem;
}
.home-about-grid {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-direction: column-reverse;
grid-template-columns: 1fr;
display: flex;
}
.marquee-heading {
letter-spacing: -2px;
font-size: 5rem;
}
.home-clients-grid-right {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
}
.heading-style-xlarge {
letter-spacing: -3px;
font-size: 5rem;
}
.heading-style-medium {
letter-spacing: -1px;
font-size: 4rem;
}
.home-clients-grid-left {
position: static;
}
.padding-global-9 {
padding-left: 3rem;
padding-right: 3rem;
}
.margin-bottom-35 {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.home-clients-grid {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
grid-template-columns: 1fr;
}
.home-services-grid-left {
position: static;
}
.home-services-grid-right {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
}
.heading-style-h3-2 {
font-size: 1.75rem;
}
.marquee-inner-2 {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
}
.home-clients-grid-inner {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
}
.section-home-hero-image, .project-work-image-wrapper {
height: 75vw;
}
.view-button-2 {
display: none;
}
.subnav-3 {
grid-row-gap: .5rem;
}
.projects-work-item-content {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
flex-direction: column;
padding: 2rem 3rem;
display: flex;
}
.heading-style-xlarge-2 {
letter-spacing: -3px;
font-size: 5rem;
}
.margin-bottom-36 {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.heading-style-h1-2 {
letter-spacing: -1px;
font-size: 3rem;
}
.home-services-grid-inner-2 {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
}
.padding-global-10 {
padding-left: 3rem;
padding-right: 3rem;
}
.margin-bottom-37 {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.heading-style-h3-3 {
font-size: 1.75rem;
}
.padding-global-11 {
padding-left: 3rem;
padding-right: 3rem;
}
.margin-bottom-38 {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.heading-style-h3-4 {
font-size: 1.75rem;
}
.subnav-4 {
grid-row-gap: .5rem;
}
.subnav-4.small {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
}
.heading-style-medium-2 {
letter-spacing: -1px;
font-size: 4rem;
}
.padding-global-12 {
padding-left: 3rem;
padding-right: 3rem;
}
.margin-bottom-39 {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.heading-style-h3-5 {
font-size: 1.75rem;
}
.subnav-5 {
grid-row-gap: .5rem;
}
.subnav-5.small {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
}
.padding-global-13 {
padding-left: 3rem;
padding-right: 3rem;
}
.home-services-grid-inner-3 {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
}
.padding-global-14 {
padding-left: 3rem;
padding-right: 3rem;
}
.hide-tablet-2 {
display: none;
}
.padding-global-15 {
padding-left: 3rem;
padding-right: 3rem;
}
.projects-hero-grid {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-direction: column;
align-items: flex-start;
}
.padding-global-16 {
padding-left: 3rem;
padding-right: 3rem;
}
.menu-container {
padding-top: 1.5rem;
padding-right: 1.5rem;
}
.menu-toggle {
padding: .75rem 1.25rem;
top: 1.5rem;
right: 1.5rem;
}
.negative_margin_top.small {
margin-top: -.5rem;
}
.team_name_txt {
font-size: 1.8rem;
}
.stats_num_wrap {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
}
.big_num {
font-size: 15svw;
}
.hero_dot_parent {
margin-top: 1rem;
}
.terms_list_wrap {
width: 90%;
}
.grid_btm {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
justify-content: space-between;
}
.terms_num {
font-size: 1rem;
}
.footer_grid.btm {
grid-column-gap: 5rem;
grid-row-gap: 5rem;
grid-template-columns: 1fr 1fr;
}
.section-237.service_list {
padding-top: 4rem;
padding-bottom: 4rem;
}
.intro_p_wrap {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-direction: column;
align-items: flex-start;
}
.p_x-large {
font-size: 2.25rem;
}
.section-239.service_list {
padding-top: 4rem;
padding-bottom: 4rem;
}
.section-241 {
padding-left: 5vw;
padding-right: 5vw;
}
.hero-c.header._1 {
display: none;
}
.secondary-button-4 {
text-align: center;
min-width: 250px;
}
.hero-heading-7 {
font-size: 60px;
}
.hero-section-11 {
padding-left: 5%;
padding-right: 5%;
}
.hero-intro-container {
max-width: 100vw;
}
.hero-content-wrapper {
width: 100%;
}
.grid-34 {
grid-template-columns: 1fr;
}
.section-heading-wrapper {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-direction: column;
align-items: flex-start;
}
.secondary-button-5 {
text-align: center;
min-width: 250px;
}
.hero-heading-8 {
font-size: 60px;
}
.hero-section-12 {
padding-left: 5%;
padding-right: 5%;
}
.brand-nav-wrapper.w--current {
justify-content: flex-start;
width: 26%;
}
.margin-bottom-40 {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.app_user-cursor-img-3 {
bottom: -3rem;
}
.cell-3 {
padding-bottom: 40px;
}
.main-header-text {
font-size: 1.1em;
}
.main-header-text.header {
font-size: 1.5em;
}
.maincard-3 {
border-radius: 16px;
flex-direction: column;
justify-content: center;
height: auto;
overflow: hidden;
}
.service-category-card {
border-style: none;
grid-template-columns: .75fr;
justify-content: center;
justify-items: center;
}
.service-category-card.single {
grid-column-gap: 0px;
grid-row-gap: 32px;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
}
.number-4.yellow {
text-align: left;
width: 24px;
}
.sucessinfo-2 {
padding-left: 5%;
padding-right: 5%;
}
.service-category-card-wrap {
grid-column-gap: 0px;
grid-row-gap: 24px;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
}
.service-category-card-info {
align-items: center;
}
.inthebox {
width: 100%;
max-width: none;
}
.sectiontitle-2 {
width: 100%;
margin-top: 18px;
}
.sectiontitle-2.white, .sectiontitle-2.bigger {
width: 100%;
}
.insidecard-4 {
border-radius: 16px;
padding: 24px;
}
.insidecard-4.white {
border-radius: 16px;
}
.buttonprimary-2:hover {
transform: none;
}
.h2_middletext-2 {
width: 100%;
max-width: none;
}
.paragraph-200 {
text-align: center;
}
.pu_info-3 {
grid-row-gap: 24px;
background-color: #ffd8c2;
border-style: none;
padding: 24px;
}
.pu_info-3.single {
grid-column-gap: 0px;
grid-row-gap: 32px;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
}
.paragraph-203 {
text-align: center;
}
.section-247.about {
background-position: 0 0, 50%;
}
.container-1367 {
padding-left: 250px;
padding-right: 250px;
}
.grid-35._1 {
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
}
.grid-35._2 {
flex-direction: column-reverse;
display: flex;
}
.grid-35._3 {
flex-direction: column;
display: flex;
}
.text-block-199 {
text-align: center;
}
.div-block-274 {
text-align: center;
padding: 0;
}
.image-512.ss {
display: none;
}
.div-block-278 {
padding: 20px;
}
.text-align-center-8 {
margin-bottom: 3rem;
}
.margin-bottom-41 {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.page-padding-18 {
padding-left: 2rem;
padding-right: 2rem;
}
.container-1368 {
padding-left: 250px;
padding-right: 250px;
}
.text-align-center-9 {
margin-bottom: 3rem;
}
.margin-bottom-42 {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.page-padding-19 {
padding-left: 2rem;
padding-right: 2rem;
}
.container-1369 {
padding-left: 250px;
padding-right: 250px;
}
.container-1370 {
max-width: 728px;
}
.nav-menu-wrapper {
background-color: #0000;
}
.nav-menu-two {
background-color: #fff;
border-radius: 50px;
flex-wrap: wrap;
justify-content: space-around;
align-items: center;
margin-top: 10px;
padding: 20px;
display: flex;
box-shadow: 0 8px 50px #0000000d;
}
.nav-link-8 {
padding-left: 5px;
padding-right: 5px;
}
.nav-dropdown-list.shadow-three.w--open {
position: absolute;
}
.menu-button-11 {
padding: 12px;
}
.menu-button-11.w--open {
color: #fff;
background-color: #a6b1bf;
}
.grid-36 {
grid-template-columns: 1fr 1fr;
}
.container-1371, .container-1372 {
max-width: 728px;
}
.pricing-wrapper {
grid-template-columns: 1fr;
justify-items: center;
}
.pricing-card {
width: 350px;
}
.testimonial-grid {
grid-template-columns: 1fr 1fr;
}
.testimonial-main-image {
width: 300px;
height: 350px;
}
.container-1373 {
max-width: 728px;
}
.image-521.ss, .image-522.ss, .image-523.ss {
display: none;
}
.text-align-center-10 {
margin-bottom: 3rem;
}
.margin-bottom-43 {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.page-padding-20 {
padding-left: 2rem;
padding-right: 2rem;
}
.container-1374 {
padding-left: 250px;
padding-right: 250px;
}
.text-align-center-11 {
margin-bottom: 3rem;
}
.margin-bottom-44 {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.page-padding-21 {
padding-left: 2rem;
padding-right: 2rem;
}
.div-block-286 {
padding-right: 60px;
}
.div-block-286.ss {
justify-content: center;
padding-right: 0;
display: flex;
}
.contact-text-wrapper {
flex-flow: column;
display: flex;
}
.social-media-link-block {
grid-column-gap: 24px;
grid-row-gap: 24px;
text-align: center;
flex-flow: row;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
display: flex;
}
.contact-01-container {
grid-column-gap: 80px;
grid-row-gap: 80px;
flex-direction: column;
align-items: center;
margin-left: 60px;
margin-right: 60px;
padding-left: 0;
padding-right: 0;
}
.contact-social-link-block {
margin-bottom: 0;
}
.mobile-margin-top-11 {
display: block;
}
.nav-link-9 {
padding-left: 5px;
padding-right: 5px;
}
.menu-button-12 {
padding: 12px;
}
.menu-button-12.w--open {
color: #fff;
background-color: #101010;
}
.nav-button-wrapper {
width: 100%;
margin-left: 0;
}
.office-location-block {
text-align: center;
flex-flow: column;
align-items: center;
display: flex;
}
.contact-1-subtext.body-1 {
text-align: center;
}
.navbar-no-shadow-container {
padding-top: 20px;
padding-left: 20px;
padding-right: 20px;
}
.social-media-head {
text-align: center;
}
.form-group._2, .contact-form-block-2 {
width: 100%;
}
.contact-form-block-2.strategy {
width: 700px;
}
.sub-heading-2 {
font-size: 24px;
line-height: 32px;
}
.contact {
padding-bottom: 100px;
}
.contact-1-heading.heading-1 {
text-align: center;
}
.nav-right-2 {
display: none;
}
.nav-menu-12 {
grid-column-gap: 24px;
grid-row-gap: 24px;
background-color: #101010;
flex-flow: column wrap;
justify-content: space-around;
align-items: center;
padding-top: 30px;
padding-bottom: 40px;
padding-left: 0;
display: flex;
}
.form-row {
flex-direction: column;
}
.office-wrap {
flex-direction: column;
margin-top: 60px;
}
.heading-571 {
font-size: 56px;
line-height: 64px;
}
.location {
margin-top: 100px;
}
.location-container {
margin-left: 60px;
margin-right: 60px;
}
.brand-logos {
margin-top: 100px;
}
.brand-logos-container {
margin-left: 60px;
margin-right: 60px;
}
.brand-logos-bottom-wrap {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.heading-572 {
font-size: 56px;
line-height: 64px;
}
.content-2-item-wrap {
grid-column-gap: 40px;
grid-row-gap: 40px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
margin-top: 60px;
display: grid;
}
.content-578 {
margin-top: 100px;
}
.body-13.content-2-item-subtext {
max-width: 95%;
}
.content-2-container {
margin-left: 60px;
margin-right: 60px;
}
.heading-573 {
font-size: 60px;
line-height: 68px;
}
.cta-container-3 {
grid-column-gap: 40px;
grid-row-gap: 40px;
flex-direction: column;
align-items: flex-start;
margin-left: 60px;
margin-right: 60px;
}
.cta-5 {
margin-top: 100px;
}
.cta-image-box {
width: 100%;
}
.heading-574 {
font-size: 56px;
line-height: 64px;
}
.content-1 {
margin-top: 100px;
padding-top: 100px;
padding-bottom: 100px;
}
.content-1-heading-wrap {
grid-column-gap: 40px;
grid-row-gap: 40px;
flex-direction: column;
align-items: flex-start;
}
.services-provide-tag {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: center;
padding-left: 20px;
padding-right: 20px;
display: flex;
}
.content-1-services-wrap {
grid-column-gap: 40px;
grid-row-gap: 40px;
flex-direction: column;
align-items: flex-start;
margin-top: 80px;
position: static;
}
.services-provide-wrap {
margin-top: 100px;
margin-left: 60px;
margin-right: 60px;
}
.body-m-1.services-tag {
text-align: center;
font-size: 16px;
line-height: 20px;
}
.services-provide-tag-box {
grid-column-gap: 4px;
grid-row-gap: 4px;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.content-1-image-box {
position: static;
}
.c-1-services-list-text-wrap {
width: 80%;
}
.heading-575 {
font-size: 46px;
line-height: 54px;
}
.content-1-services {
width: 100%;
}
.content-1-container {
margin-left: 60px;
margin-right: 60px;
}
.container-1375.faq-container {
padding-bottom: 60px;
}
.background-video-work-a-3 {
height: 17vw;
}
.lightbox-link-23, .image-543 {
border-radius: 20px;
}
.div-block-288 {
padding-bottom: 5px;
}
.video-client-2, .video-title-2 {
font-size: 1.4vw;
}
.nav-menu-nb1, .hamburger-menu-nb1.w--open {
background-color: #0000;
}
.licences {
padding-bottom: 100px;
}
.nav-link-10 {
padding-left: 5px;
padding-right: 5px;
}
.menu-button-13 {
padding: 12px;
}
.menu-button-13.w--open {
color: #fff;
background-color: #101010;
}
.licences-container {
margin-top: 80px;
margin-left: 60px;
margin-right: 60px;
}
.heading-578 {
font-size: 60px;
line-height: 68px;
}
.nav-menu-13 {
grid-column-gap: 24px;
grid-row-gap: 24px;
background-color: #101010;
flex-flow: column wrap;
justify-content: space-around;
align-items: center;
padding-top: 30px;
padding-bottom: 40px;
padding-left: 0;
display: flex;
}
.how_it_work_wrapper {
grid-column-gap: 76px;
grid-row-gap: 76px;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
max-width: 290px;
margin-left: auto;
margin-right: auto;
}
.big_paragraph {
font-size: 20px;
}
.container_1100 {
max-width: 1204px;
padding-left: 24px;
padding-right: 24px;
}
.text_h4-black {
font-size: 24px;
}
.how_it_work_box-title {
margin-top: 24px;
}
.section_title-black {
font-size: 68px;
}
.padding-block-bottom {
margin-bottom: 0;
padding-bottom: 64px;
}
.benefits_wrapper-2 {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
.padding-block-2 {
margin-bottom: 0;
padding-top: 64px;
padding-bottom: 64px;
}
.benefits_box_right {
grid-column-gap: 56px;
grid-row-gap: 56px;
}
.benefits_box_left {
min-height: 342px;
padding: 32px;
}
.text_h4-black-secondary {
font-size: 24px;
}
.section_title-white {
font-size: 68px;
}
.membership_section {
display: none;
}
.text_h4-white {
font-size: 24px;
}
.membership_left-up {
margin-bottom: 112px;
}
.text_h3 {
font-size: 38px;
}
.membership_box_left {
width: 100%;
min-width: 0;
max-width: none;
}
.membership_wrapper {
flex-flow: column;
}
.services_wrapper {
grid-template-columns: 1fr 1fr;
}
.heading-579 {
font-size: 46px;
line-height: 54px;
}
.padding-global-17 {
position: relative;
}
.features-bottom_content {
width: auto;
}
.padding-section-large-4 {
padding-top: 6rem;
padding-bottom: 6rem;
}
.margin-bottom-45 {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.features_component {
grid-column-gap: 3rem;
grid-template-columns: 1fr 1fr;
grid-auto-flow: row;
min-height: auto;
}
.features-image-wrapper {
width: auto;
min-height: auto;
margin-top: -2rem;
margin-bottom: -5rem;
margin-left: 0;
position: relative;
inset: auto;
}
.section-2 {
padding-top: 70px;
padding-bottom: 70px;
}
.grid-focus {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-direction: column;
align-items: center;
display: flex;
}
.overflow-5 {
min-height: 100vh;
overflow: hidden;
}
.grid-feature-large {
grid-column-gap: 20px;
grid-row-gap: 20px;
}
.section-268 {
padding-top: 70px;
padding-bottom: 70px;
}
.feature-block-2 {
padding-top: 60px;
padding-bottom: 60px;
}
.section-page-copy {
padding-top: 20px;
}
.section-269 {
padding-top: 70px;
padding-bottom: 70px;
}
.margin-bottom-46 {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.home-a-video {
height: 450px;
}
.home-a-description {
flex-flow: column;
}
.text-h0 {
font-size: 80px;
}
.home-a-umbrella {
width: 200px;
top: -25%;
}
.section-270 {
padding-top: 64px;
padding-bottom: 64px;
}
.home-a-hero-wrap {
margin-bottom: 48px;
}
.text-h1-2 {
font-size: 72px;
}
.section-271 {
padding-top: 64px;
padding-bottom: 64px;
}
.section-271.home-a-projects-section {
padding-top: 120px;
}
.home-a-service-image {
display: none;
}
.section-272 {
padding-top: 64px;
padding-bottom: 64px;
}
.section-272.home-a-services {
height: auto;
padding-top: 80px;
padding-bottom: 80px;
}
.hero-section-15 {
padding-top: 72px;
}
.hero-section-15.pd-bottom-140px {
padding-bottom: 120px;
}
.item---wave.about-wave-left-v2 {
top: 44px;
left: -28%;
}
.item---wave.about-wave-right-v2 {
top: -3%;
right: -18%;
}
.item---wave.about-wave-left-v3.left {
z-index: -1;
}
.stats-grid-2 {
grid-column-gap: 20px;
}
.text-407 {
font-size: 22px;
}
.heading-flex.align-bottom.alt {
grid-row-gap: 24px;
flex-direction: column;
align-items: stretch;
}
.border-radius-24px-2.overflow-hidden.values-image {
max-width: 100%;
}
.display-30 {
font-size: 56px;
}
.mg-bottom-88px.mg-bottom-64px-tablet {
margin-bottom: 64px;
}
.grid-2-columns-10.about-grid {
grid-column-gap: 24px;
grid-row-gap: 24px;
margin-bottom: 64px;
}
.full-width-right-image-wrapper {
width: auto;
max-height: none;
margin-right: -24px;
}
.full-width-right-image-wrapper.v2 {
max-height: none;
}
.text-right-container {
padding-left: 24px;
}
.section-273 {
padding-top: 200px;
padding-bottom: 200px;
}
.section-273.top-240px---bottom-120px {
padding-top: 200px;
padding-bottom: 100px;
}
.bg-floating-content.our-story-bg-top {
height: 86%;
}
.display-31 {
font-size: 40px;
}
.display-32 {
font-size: 24px;
}
.grid-4-columns {
grid-template-columns: 1fr 1fr;
}
.grid-4-columns.values-grid {
grid-row-gap: 56px;
margin-bottom: 64px;
}
.image-size._100px {
width: 80px;
max-width: 80px;
}
.section-274 {
padding-top: 200px;
padding-bottom: 200px;
}
.section-274.pd-top-120px---bottom-180px {
padding-top: 100px;
padding-bottom: 140px;
}
.display-33 {
font-size: 40px;
}
.grid-2-columns-12.value-inner-grid {
grid-column-gap: 40px;
grid-row-gap: 40px;
grid-template-columns: 1fr 1fr;
max-width: 100%;
}
.grid-2-columns-12.values-grid {
grid-row-gap: 56px;
grid-template-columns: 1fr;
}
.footer-12 {
flex-direction: column;
align-items: flex-start;
}
.hero-circle-2 {
width: 45vw;
}
.label-3 {
width: 20vw;
}
.label-3.is--h-about {
right: 8%;
}
.btn-9 {
padding: 2.5vw 5vw;
}
.footer-link-6 {
font-size: 19px;
}
.hero-heading-wrapper-2 {
z-index: 2;
text-align: left;
position: relative;
}
.label-3-wrapper {
transform: none;
}
.footer-link-grid-2.btm {
margin-top: 4vw;
}
.h-services-person, .label-4 {
width: 20vw;
}
.label-4.is--h-about {
bottom: 12%;
left: 3%;
}
.h-about-star {
left: -11%;
}
.h-about-star._2 {
left: -15%;
}
.h-about-star._4 {
right: -10%;
}
.h-about-star._3 {
right: -5%;
}
.project-info-wrapper {
margin-top: 3vw;
margin-left: 0%;
margin-right: 0%;
}
.h-services-bg {
width: 100%;
}
.h-services-bg.bg-dark-gradient.round {
background-image: none;
margin-top: 5vw;
padding-top: 5vw;
padding-bottom: 5vw;
overflow: hidden;
}
.hero-circle-1 {
width: 28vw;
top: 50%;
}
.half {
width: 100%;
}
.logo-tag {
font-size: 19px;
}
.label-2 {
width: 18vw;
}
.label-2.is--h-about {
top: 20%;
right: 13.4vw;
}
.footer-link-wrapper {
align-items: flex-start;
margin-top: 10vw;
}
.recent-project-label {
top: 15%;
left: -10.8vw;
}
.project-sticker {
width: 7vw;
height: 7vw;
}
.services-img-wrapper {
justify-content: space-between;
margin-left: -73px;
display: flex;
}
.poster-img._2 {
width: 15.9vw;
height: auto;
}
.poster-img._1 {
width: 20vw;
height: auto;
}
.poster-img._3 {
height: 26vw;
bottom: -10%;
}
.label-2-wrapper {
top: 13%;
right: 13.4vw;
}
.label-4-wrapper {
bottom: 12%;
left: 3%;
}
.hero-8 {
height: 80vh;
}
.hero-8.is--home {
justify-content: center;
align-items: center;
height: auto;
min-height: 80vh;
padding-top: 20vw;
padding-bottom: 20vw;
display: flex;
}
.hero-heading-line-wrapper {
align-self: center;
margin-top: 1vw;
}
.hero-heading-line-wrapper.btm {
align-self: center;
margin-top: 1vw;
margin-left: 0;
}
.section-276 {
padding-top: 5vw;
padding-bottom: 5vw;
}
.section-276.is--bigger {
padding-top: 15vw;
padding-bottom: 15vw;
}
.section-276.is--services {
height: auto;
padding-top: 5vw;
padding-bottom: 5vw;
}
.section-276.is--cta {
justify-content: center;
align-items: center;
padding-top: 20vw;
padding-bottom: 20vw;
display: flex;
}
.section-276.is--project {
padding-bottom: 10vw;
}
.label-1 {
width: 18vw;
}
.label-1.is--h-about {
left: 5.7vw;
}
.btn-text-5 {
font-size: 2.5vw;
}
.btn-text-5.text-white {
font-size: 19px;
}
.h-services-bg-wrapper {
flex-direction: column;
position: relative;
}
.project-img-1.thats-clutch-app {
width: 28vw;
height: auto;
}
.label-1-wrapper {
top: 10%;
left: 5.5vw;
}
.project-card-wrapper {
width: 100%;
height: 55vw;
}
.project-site-img {
width: 65vw;
margin-top: -3%;
}
.hero-heading-wrapper-3 {
z-index: 2;
text-align: left;
position: relative;
}
.footer-13 {
flex-direction: column;
align-items: flex-start;
}
.btn-10 {
padding: 2.5vw 5vw;
}
.footer-link-7 {
font-size: 19px;
}
.hero-heading-wrapper-4 {
z-index: 2;
text-align: left;
position: relative;
}
.footer-link-grid-3.btm {
margin-top: 4vw;
}
.hero-9 {
height: 80vh;
}
.hero-9.is--home {
justify-content: center;
align-items: center;
height: auto;
min-height: 80vh;
padding-top: 20vw;
padding-bottom: 20vw;
display: flex;
}
.section-277 {
padding-top: 5vw;
padding-bottom: 5vw;
}
.section-277.is--bigger {
padding-top: 15vw;
padding-bottom: 15vw;
}
.section-277.is--services {
height: auto;
padding-top: 5vw;
padding-bottom: 5vw;
}
.section-277.is--cta {
justify-content: center;
align-items: center;
padding-top: 20vw;
padding-bottom: 20vw;
display: flex;
}
.section-277.is--project {
padding-bottom: 10vw;
}
.btn-text-6 {
font-size: 2.5vw;
}
.btn-text-6.text-white {
font-size: 19px;
}
.spacer-xxlarge {
padding-top: 4rem;
}
.spacer-medium {
padding-top: 1.5rem;
}
.padding-section-large-5 {
padding-top: 6rem;
padding-bottom: 6rem;
}
.container-large-18 {
width: 94vw;
}
.heading-style-h3-6 {
letter-spacing: -1.5px;
font-size: 2.375rem;
}
.video-hero-home {
height: 56vw;
}
.subtitle-17 {
font-size: 26px;
}
.title-wrap-home {
max-width: 710px;
}
.text-big-text {
font-size: 52px;
}
.container-medium-4 {
padding-left: 140px;
padding-right: 140px;
}
.wrap-projects-home {
column-gap: 40px;
}
.master-testimonials-moving {
margin-top: 80px;
}
.video-home-2 {
height: 60vw;
min-height: 0;
max-height: none;
margin-top: 40px;
margin-bottom: 40px;
}
.video-home-2.lp._1 {
overflow: hidden;
}
.icon-play {
width: 100px;
height: 100px;
}
.flex-bottom-hero-home {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
}
.image-logo {
width: 30%;
max-width: 25%;
max-height: 33px;
}
.flex-logos {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-wrap: wrap;
justify-content: center;
}
.subtitle-home.scroll-text {
font-size: 16px;
}
.limit-sutitle-hero-about {
max-width: 580px;
}
.inside-moving-hero-studio {
width: 180vw;
}
.subtitle-18 {
font-size: 26px;
}
.nav-container-2 {
text-align: center;
padding-left: 24px;
padding-right: 24px;
}
.nav-link-11 {
padding: 12px 16px;
font-size: 22px;
}
.nav-link-11.w--current {
background-color: #0000;
}
.navbar-11 {
border-radius: 0;
}
.brand-menu-wrap {
grid-column-gap: 16px;
grid-row-gap: 16px;
display: flex;
position: static;
}
.link-dropdown-3 {
text-align: center;
padding-right: 12px;
font-size: 20px;
line-height: 130%;
}
.menu-cta-wrap {
grid-column-gap: 16px;
grid-row-gap: 16px;
}
.menu-cta-wrap.mobile {
justify-content: center;
align-items: center;
margin-top: 24px;
display: flex;
}
.menu-cta-wrap.desktop {
display: none;
}
.dropdown-list-7.w--open {
margin-bottom: 24px;
padding-top: 12px;
padding-bottom: 12px;
position: static;
}
.menu-button-15 {
padding: 0;
}
.menu-button-15.w--open {
color: #0e0e0e;
background-color: #0000;
}
.dropdown-4 {
display: block;
}
.brand-link-2 {
justify-content: center;
align-items: center;
}
.nav-menu-14 {
z-index: 11;
background-color: #fff;
border-top: 1px solid #1515151a;
width: 100%;
max-height: 80vh;
margin-top: 0;
margin-right: 0;
padding: 24px 24px 32px;
display: block;
overflow: scroll;
}
.nav-mid {
justify-content: center;
align-items: center;
position: absolute;
}
.menu-hamburger-icon {
width: 20px;
}
.menu-close-icon {
width: 20px;
display: none;
}
.link-cta {
height: 48px;
}
.dropdown-toggle-8 {
color: #ff3128;
font-size: 22px;
}
.nav-right-3 {
grid-column-gap: 16px;
grid-row-gap: 16px;
justify-content: space-between;
margin-left: auto;
display: flex;
position: static;
}
.center-navbar, .svg-icon._16.mobile-hidden {
display: none;
}
.home-new-h1 {
font-size: 104px;
}
.dropdown-5 {
display: block;
}
.nav-right-dropdown {
z-index: 1000;
margin: 0;
display: flex;
}
.nav-right-dropdown-toggle {
color: var(--black);
justify-content: center;
align-items: center;
width: 48px;
height: 48px;
display: flex;
}
.nav-right-dropdown-content.w--open {
background-color: var(--black);
border-style: none;
border-radius: 0;
justify-content: center;
align-items: center;
width: 100vw;
margin-top: 5.125rem;
display: flex;
position: fixed;
inset: 0%;
}
.nav-right-dropdown-link {
text-align: center;
justify-content: center;
align-items: center;
font-size: 32px;
}
.navbar-mobile-overlay {
z-index: 1000;
opacity: 1;
background-color: #0000004d;
min-width: 100vw;
min-height: 100vh;
display: none;
position: fixed;
inset: 0%;
}
.nav-right-dropdown-box-content {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
justify-content: center;
align-items: center;
padding-left: 20px;
}
.nav-right-dropdown-box-link {
color: #fff9;
text-align: center;
font-size: 32px;
}
.nav-right-dropdown-box-link:hover {
color: var(--white);
}
.open-icon {
justify-content: center;
align-items: center;
transition: all .3s;
display: flex;
position: absolute;
}
.work-popup-card {
flex-flow: column;
padding: 48px;
}
.work-popup-card-left {
max-width: none;
}
.work-collection-list.grid-tab {
grid-template-columns: 1fr 1fr;
}
.no-margin {
font-size: 1.5em;
}
.featured-card-section {
padding: 0 48px 48px;
}
.featured-card-wrap {
grid-template-columns: 1fr 1fr;
}
.margin-bottom-47 {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.text-align-center-12 {
margin-bottom: 3rem;
}
.page-padding-23 {
padding-left: 2rem;
padding-right: 2rem;
}
.product-list {
grid-column-gap: 30px;
grid-row-gap: 30px;
grid-template-columns: 1fr 1fr;
}
.product-title {
margin-bottom: 5px;
}
.hero_cta-arrow {
right: 15%;
transform: rotate(-20deg);
}
.home-hero_h1, .home-hero_h1-2, .home-hero_h1-3 {
font-size: 3.5rem;
}
.calendly-container, .max-width-medium-7.text-align-center {
margin-left: auto;
margin-right: auto;
}
.flex-5.space-around.tablet-vertical {
flex-direction: column;
}
.padding-section-medium {
padding-top: 4rem;
padding-bottom: 4rem;
}
.margin-bottom-48 {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.client-block-2 {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-columns: 1fr 1fr 1fr;
margin-top: 30px;
}
.client-logo-5 {
padding-left: 5%;
padding-right: 5%;
}
.header_content-2 {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
.button-79 {
position: relative;
}
.header_text-wrapper {
text-align: center;
justify-items: center;
}
.header-image-wrapper-2 {
max-width: 600px;
}
.hero_img_wrap {
max-width: 100%;
display: none;
}
.container-1386 {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.container-1386.is_hero {
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
height: auto;
padding-top: 5rem;
padding-bottom: 5rem;
}
.hero_content-2 {
max-width: 100%;
}
.hero_img_m, .hero_m_hading {
display: block;
}
.hero_float1 {
bottom: -13%;
left: 22%;
}
.padding-section-large-6 {
padding-top: 6rem;
padding-bottom: 6rem;
}
.faq-grid_container {
grid-template-columns: 1fr;
}
.hero-header-2 {
max-width: 690px;
}
.hero-heading-9 {
font-size: 68px;
}
.section-285, .div-block-290 {
padding-left: 100px;
padding-right: 100px;
}
.testimonials_gradient_right {
width: 32px;
}
.text-24-green-bold {
font-size: 20px;
}
.padding_block_regular {
padding-top: 132px;
padding-bottom: 132px;
}
.testimonials_gradient_left {
width: 32px;
}
.testimonials_mask {
width: 282px;
}
.padding_block_regular-4 {
padding-top: 132px;
padding-bottom: 132px;
}
.features_box_2 {
grid-column-gap: 50px;
grid-row-gap: 50px;
flex-flow: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
height: auto;
padding-left: 32px;
padding-right: 32px;
display: flex;
}
.text_56_green {
font-size: 44px;
}
.features_wrapper-2 {
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
}
.features_box_2-right {
width: 100%;
}
.div-block-291 {
padding-left: 100px;
padding-right: 100px;
}
.three_row_wrapper {
grid-template-columns: 1fr 1fr;
}
.download_box {
width: 100%;
}
.download-wrapper {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
.div-block-292 {
padding-left: 100px;
padding-right: 100px;
}
.container-1389 {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.primary-button-6 {
padding: 12px 35px;
}
.section-thumbnail-block {
padding-bottom: 30px;
}
.container-1390 {
padding-left: 20px;
padding-right: 20px;
}
.engage-area {
position: static;
}
.engage-content-wrap {
grid-template-columns: 1fr;
padding-top: 100px;
}
.process_item-image_container {
width: 100%;
height: auto;
}
.process_item-image_container.step-3 {
width: auto;
height: 100%;
}
.process_item-container {
height: 20rem;
display: flex;
}
.process_step {
justify-items: stretch;
}
.process_item-image.step-1 {
transform: scale(1)translate(0, .6rem)rotate(-15deg);
}
.process_item-image.step-3-1 {
height: 22%;
top: 16%;
transform: scale(.8);
}
.process_item-image.step-3-3 {
max-width: 100%;
height: 22%;
top: 58%;
transform: scale(.8);
}
.process_item-image.step-3-2 {
height: 22%;
top: 37%;
transform: scale(.8);
}
.process_item-image.step-2-arrow {
max-width: 35%;
}
.margin-bottom-49 {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.benefits_section-2 {
grid-template-columns: 1fr 1fr;
}
.margin-bottom-50 {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.plans_container {
grid-column-gap: 1rem;
}
.margin-bottom-51 {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.hero-heading-10 {
font-size: 68px;
}
.hero-header-3 {
max-width: 690px;
}
}
@media screen and (max-width: 767px) {
h3 {
font-size: 3em;
}
p {
font-size: 2em;
}
blockquote {
margin-top: 35px;
margin-bottom: 35px;
font-size: 24px;
}
.wrap-work-title {
padding-bottom: 4vh;
}
.hero-grid {
grid-template-columns: 5vw 1fr 1fr 5vw;
}
.container.max-1440 {
overflow: visible;
}
.text-small {
text-align: left;
white-space: nowrap;
font-size: 13px;
}
.rich-text p {
font-size: 18px;
}
.inner-hero-image {
background-size: cover;
min-height: 50vh;
}
.inline-link.footer {
font-size: 2em;
}
.work-inner-content {
padding-left: 0;
padding-right: 0;
}
.section.hero {
object-fit: cover;
}
.section.hero.edited {
height: auto;
min-height: auto;
padding-bottom: 10vh;
}
.image-thumb-works {
min-height: 500px;
}
.next-wrapper {
align-items: flex-start;
}
.assets-grid {
grid-template-columns: 1fr 1fr;
}
.assets-image {
height: 150px;
max-height: none;
}
.split {
column-count: 1;
}
.paragraph-wrapper {
flex-direction: column;
}
.main-grid {
grid-row-gap: 1.5vh;
grid-template-columns: 9fr 5.75fr;
}
.main-grid.no-gap {
object-fit: contain;
overflow: hidden;
}
.collection-list {
flex-direction: column;
display: flex;
}
.collection-list._2-columns {
grid-column-gap: 4vw;
grid-row-gap: 8vh;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.heading-xlarge {
font-size: 60px;
}
.heading-xlarge.hero-size {
font-size: 100px;
}
.heading-xlarge.text-bold {
font-size: 4vh;
}
.flex-horizontal.works.inner-padding-medium {
font-size: 15px;
}
.work-wrapper {
margin-bottom: 0;
padding-bottom: 0;
}
.heading-display-1-copy-copy {
font-size: 60px;
}
.hero-text-container-copy.center {
flex-wrap: wrap;
}
.section-8 {
margin-left: 15px;
margin-right: 15px;
}
.container-1058.increased-width {
max-width: 469px;
}
.section-9 {
padding-top: 84px;
padding-bottom: 84px;
}
.main-container._2 {
justify-content: center;
padding-left: 22px;
padding-right: 95px;
display: flex;
}
.extra-large-text {
letter-spacing: 0;
font-size: 24px;
line-height: 32px;
}
.section-title {
margin-bottom: 35px;
}
.section-title.increased-margin {
margin-bottom: 56px;
}
.video-background {
height: 330px;
}
.large-heading {
margin-bottom: 21px;
font-size: 40px;
line-height: 48px;
}
.grid-thirds {
max-width: 364px;
}
.large-text {
font-size: 18px;
line-height: 28px;
}
.large-text.subtitle {
margin-bottom: 28px;
}
.vertical-grid.increased-gaps {
grid-row-gap: 35px;
}
.display-heading {
font-size: 40px;
line-height: 48px;
}
.display-heading.metric-heading {
margin-bottom: 7px;
}
.highlighted-heading-container {
margin-bottom: 21px;
}
.grid-halves {
grid-row-gap: 56px;
}
.highlighted-heading-container-copy {
margin-bottom: 21px;
}
.medium-heading {
margin-bottom: 14px;
font-size: 32px;
line-height: 42px;
}
.pop-up {
padding-left: 10px;
padding-right: 10px;
}
.grid-8 {
grid-template-rows: auto auto;
grid-template-columns: 1fr auto 1fr;
}
.modal-link {
text-align: center;
}
.close-link {
align-items: flex-start;
padding-right: 0;
}
.section-11 {
padding: 50px 25px;
}
.section-11.page-hero {
text-align: center;
padding-top: 24vh;
padding-left: 20px;
padding-right: 20px;
}
.sticky-column {
grid-column-gap: 6vw;
grid-row-gap: 6vw;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.label {
margin-bottom: 15px;
}
.container-13.contact-grid {
grid-template-columns: 2fr;
}
.column {
align-items: center;
}
.location-link-wrap.spaced-locations {
margin-bottom: 0;
}
.email-icon {
height: 50px;
}
.title-wrap.policy {
padding-left: 0;
padding-right: 0;
}
.content-567-copy {
font-size: 48px;
}
.container-1060 {
padding-top: 20px;
}
.privacy-cookie-policy {
padding-bottom: 40px;
}
.container-1061 {
padding-top: 2rem;
padding-bottom: 2rem;
}
.heading-display-1-copy {
font-size: 60px;
}
.container-10 {
padding-left: 20px;
padding-right: 20px;
}
.heading-56 {
font-size: 35px;
}
.nav-menu-2 {
padding-left: 20px;
padding-right: 20px;
overflow: hidden;
}
.button-nav, .nav_link, .page-padding {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.menu-button-3 {
line-height: 1;
}
.menu-button-3.w--open {
color: #000;
}
.nav-social-links {
padding-top: 10px;
padding-bottom: 0;
}
.container-1062 {
padding-top: 2rem;
padding-bottom: 2rem;
}
.nav-menu-3 {
flex-direction: column;
display: flex;
}
.right-block {
padding-left: 0;
}
.name {
font-size: 70px;
}
.block-name {
top: 319px;
left: 33px;
}
.container-copy {
padding-top: 2rem;
padding-bottom: 2rem;
}
.about-image {
height: 610px;
}
.grid-7 {
grid-row-gap: 40px;
grid-template-columns: 1fr;
width: 100%;
}
.container-1063, .heading-419._1 {
padding-left: 10px;
padding-right: 10px;
}
.heading-xlarge-copy {
font-size: 60px;
}
.input {
width: 100%;
}
.title.home-hero {
font-size: 2.188em;
line-height: 1.111em;
}
.title.stats-v3-main-title---brix {
font-size: 32px;
}
.button-primary.no-margin {
margin-top: 60px;
}
.button-primary.no-margin.header {
font-size: 1.3em;
}
.button-secondary {
flex: none;
}
.scroll-down-wrapper {
display: none;
}
.paragraph-4.stats-v3-paragraph---brix {
line-height: 1.5;
}
.html-embed {
width: 400px;
}
.container-1064._2 {
padding-bottom: 3em;
}
.container-1064.is--portfolio {
padding-bottom: 6em;
padding-left: 5em;
padding-right: 5em;
}
.grid-item.column2-footer-responsivness {
flex-direction: row;
width: 100%;
margin-bottom: 3em;
padding-left: 6.5em;
font-size: 1.5vw;
}
.grid-item._2 {
flex-direction: row;
width: 50%;
font-size: 2.5vw;
}
.grid-item.columns {
width: 30%;
margin-bottom: 8.5em;
}
.grid-item.heading {
margin-bottom: 0;
padding-top: 3em;
}
.grid-item.column2-footer {
width: 50%;
margin-bottom: 4em;
padding-left: 0;
font-size: 1.5vw;
}
.grid {
flex-direction: row;
}
.grid.portfolio {
padding-top: 4em;
}
.is-hover-zoom._3 {
width: 40em;
height: 27em;
}
.is-hover-zoom._2 {
width: 37em;
}
.line {
width: 87em;
}
.p.is--slider-paragraph {
margin-top: 0;
margin-bottom: .5em;
padding-top: 0;
font-size: 2em;
}
.liner-wrapper2 {
padding-top: 3em;
}
.is--footer-text {
display: none;
}
.heading-latest-work {
font-size: 1.4em;
}
.heading-responsivness {
font-size: 4.5em;
}
.overflow-hidden {
width: 100%;
overflow: hidden;
}
.image-grow {
overflow: visible;
}
.footer-line {
margin-top: 1em;
}
.grid-item-test.deserved-awards-test {
width: 48%;
}
.grid-item-test.what-people-are-saying {
width: 70%;
}
.image-454 {
width: 200%;
max-width: 200%;
}
.circle {
width: 3.5em;
height: 3.5em;
}
.text-block-8 {
font-size: 2em;
}
.text-down {
display: block;
}
.heading-tablet {
margin-bottom: 1em;
display: none;
}
.heading-year {
margin-left: .5em;
font-size: 1.8em;
}
.heading-year-last {
margin-left: .6em;
font-size: 1.8em;
}
.container-test.slider {
padding-bottom: 3em;
padding-left: 5em;
padding-right: 5em;
}
.headline-category {
font-size: 2em;
}
.text-up {
flex-direction: row;
width: 100%;
margin-right: 0;
}
.text-up.no-margin {
margin-left: 1.5em;
}
.text-block-125 {
font-size: .7em;
}
.is--heading-with-year {
font-size: 2.5em;
}
.is--heading-with-year.second-line {
margin-left: .9em;
}
.is--heading-with-year.first-line {
margin-left: .8em;
}
.div-block-6 {
margin-right: 3.6em;
}
.grid-test {
flex-direction: column;
}
.is--footer-moto-responsivness {
font-size: 3em;
}
.container-full-width {
padding-bottom: 9em;
}
._30 {
width: 45%;
}
.number {
margin-right: .5em;
}
.heading-year-middle {
margin-left: .4em;
font-size: 1.8em;
}
.c-large-header {
height: 5em;
}
.c-mission_photo {
width: 100%;
min-width: 100%;
margin-bottom: 3em;
}
.is--display {
font-size: 4em;
}
.c-circle {
width: 90%;
height: auto;
}
.c-mission_content {
width: 100%;
}
.c-mission {
flex-direction: column-reverse;
display: flex;
}
.is--display-line {
width: 8em;
min-width: 8em;
margin-left: 2em;
margin-right: 2em;
}
.project-child.project_img.project_img_myocum {
width: 100%;
height: 60vh;
}
.project-child.project_img.project_img_afends {
width: 100%;
height: 40vh;
}
.project-child.project_img.project_img_unison, .project-child.project_text {
width: 100%;
height: 60vh;
}
.project-text-container {
padding: 50px 25px;
}
.project-text-h3 {
line-height: 1.5em;
}
.h3 {
margin-top: 0;
margin-bottom: 0;
font-size: 40px;
}
.project_parent {
flex-direction: column;
height: 100vh;
}
.project_parent.project_parent_switched {
flex-direction: column;
}
.work-collection-list {
grid-row-gap: 64px;
grid-template-columns: 1fr;
}
.formatting__heading {
font-size: 2.6em;
}
.create__feature {
width: 63%;
margin-bottom: 9vw;
margin-left: 0%;
}
.create__features-wrapper {
flex-direction: column;
margin-top: 48vw;
}
.create__feature-heading {
font-size: 4.3vw;
}
.create__coin2-wrapper {
width: 55vw;
top: 148vw;
left: 5%;
}
.create__coin2 {
transform: scale(1);
}
.create__text-wrapper1 {
flex-flow: wrap;
justify-content: center;
width: 87%;
margin-top: 16vw;
}
.create__coin1 {
transform: scale(1);
}
.create__heading-wrapper {
margin-top: 42vw;
}
.create__heading {
opacity: 1;
font-size: 15vw;
transform: scale(1);
}
.create__coin3-wrapper {
display: none;
}
.create__text {
margin-right: 1vw;
font-size: 3.8vw;
}
.create__feature-text {
margin-top: 5vw;
font-size: 3.3vw;
}
.create__coin1-wrapper {
width: 55vw;
top: 25vw;
left: 40%;
}
.create__text-wrapper2 {
flex-wrap: wrap;
justify-content: center;
width: 87%;
}
.payment {
background-color: #fff;
}
.payment__wrapper {
margin-bottom: 20vw;
}
.payment__heading {
width: 83%;
font-size: 13vw;
line-height: 1.1em;
}
.payment__text {
width: 88%;
margin-top: 5vw;
font-size: 4vw;
}
.payment__methods {
width: 100%;
}
.payment__image {
width: 200vw;
}
.how_wrap {
padding-top: 80px;
padding-bottom: 80px;
}
.container-1065 {
width: 90%;
}
.how_block {
max-width: 300px;
}
.work-image {
margin-bottom: 24px;
}
.section-15 {
padding-left: 0;
padding-right: 0;
}
.how_grid {
grid-row-gap: 48px;
grid-template-columns: 1fr;
justify-items: center;
margin-top: 48px;
}
.tabs-menu-2 {
flex-direction: column;
display: none;
}
.tabs {
margin-bottom: 14px;
}
.collection-item {
width: 50%;
}
.featured-work._5 {
margin-top: 0;
position: relative;
}
.video-title, .video-client {
font-size: 1.8vw;
}
.columns {
border-top-right-radius: 20px;
border-bottom-right-radius: 20px;
}
.column-3 {
border-top-left-radius: 20px;
border-bottom-left-radius: 20px;
}
.contact-section {
padding: 40px 20px;
}
.content.full-height {
height: auto;
}
.heading-24 {
font-size: 35px;
}
.form-2 {
flex-direction: column;
}
.grid-10 {
justify-items: start;
display: flex;
}
.image-455 {
margin-top: 8px;
}
.container-1066 {
text-align: center;
}
.list-item {
align-items: flex-start;
}
.p20, .h2-2, .l20 {
text-align: left;
}
.logo-link {
padding-left: 0;
}
.section_4_grid_block {
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
}
.section_4_grid {
flex-direction: column;
display: flex;
}
.section_4 {
height: auto;
padding-top: 76px;
padding-bottom: 76px;
}
.button-5 {
margin-top: 40px;
}
.div-block-32 {
flex-direction: column;
}
.heading-20 {
font-size: 40px;
line-height: 45px;
}
.paragraph-15 {
width: auto;
max-width: 318px;
margin-bottom: 0;
font-size: 20px;
line-height: 24px;
}
.results-title.wwd {
margin-top: 0;
}
.home-wwd-section {
margin-top: 120px;
padding-left: 30px;
padding-right: 30px;
overflow: hidden;
}
.wrapper-hover.social {
height: 10vh;
}
.c-homepage_item {
width: 100%;
min-height: 40vw;
margin-bottom: 1em;
}
.o-home-sections-cases {
background-color: #3c3cbc;
padding-left: 40px;
padding-right: 40px;
}
.address-f6 {
padding-right: 20px;
}
.link-wrapper-f6 {
flex-wrap: wrap;
font-size: 16px;
}
.link-subwrapper-f6 {
margin-bottom: 20px;
padding-right: 20px;
}
.top-right-wrapper-f6 {
flex: none;
}
.footer-f6 {
padding-left: 10px;
padding-right: 10px;
}
.footer-wrapper {
margin-left: auto;
margin-right: auto;
}
.button-menu._4 {
margin-top: 40px;
}
.flowbase-logo-2 {
min-width: 30px;
}
.brand-5 {
margin-top: 13px;
}
.brand-5.w--current {
margin-top: 9px;
}
.page-padding-2 {
padding-left: 1rem;
padding-right: 1rem;
}
.section-home-grid_sm-image {
top: -5rem;
left: -1rem;
}
.section-home-grid_text {
padding-top: 3rem;
padding-bottom: 3rem;
}
.section-home-grid_med-image {
max-width: 45vw;
bottom: 20%;
}
.text-weight-normal.section-home-grid_title {
max-width: 65%;
}
.content-stacked {
grid-row-gap: 80px;
}
.content-stacked.large {
grid-row-gap: 100px;
}
.stacked-intro {
grid-row-gap: 36px;
}
.dual-grid {
grid-row-gap: 48px;
}
.rotating-banner-wrapper {
margin-left: -5vw;
margin-right: -5vw;
}
.rotating-box {
width: 50vw;
height: 50vw;
}
.section-18 {
padding-top: 100px;
padding-bottom: 100px;
}
.phone-process-wrapper {
flex-direction: column;
display: flex;
}
.vertical-divider {
background-color: #e9e9e957;
width: 1px;
padding-bottom: 0;
padding-right: 0;
}
.phone-process-grid {
border: 2px solid #e9e9e9;
border-radius: 10px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
justify-content: center;
margin-bottom: 45px;
padding: 30px;
display: flex;
}
.process_steps {
text-align: left;
line-height: 1.2;
}
.process-bar-progress-2 {
display: none;
}
.process-bar-line-2 {
background-color: #e9e9e9;
width: 2px;
}
.process-center {
justify-content: center;
display: none;
}
.process-left {
width: 60%;
margin-top: 0;
margin-left: 0;
margin-right: 5px;
}
.process-wrapper {
display: none;
}
.process-right {
width: 40%;
margin-left: 5px;
padding-right: 0;
}
.step-sub-heading {
text-align: left;
}
.container-1068 {
flex-direction: column;
align-items: center;
display: flex;
}
.process_circle {
width: 25px;
height: 25px;
}
.baby-text-block {
margin-left: 10px;
}
.step-description {
max-width: 200px;
margin-left: 10px;
line-height: 1.5;
}
.heading-wrapper-2 {
text-align: center;
justify-content: center;
}
.heading {
font-size: 7vw;
}
.heading.grey-heading {
width: auto;
font-size: 7vw;
line-height: 1.4;
}
.section-19.less_padding {
padding-bottom: 60px;
}
.section-19.webflow-section {
padding-bottom: 30px;
padding-left: 0;
padding-right: 0;
}
.webflow-users {
margin-top: 100px;
}
.webflow-intro {
grid-column-gap: 16px;
grid-row-gap: 0px;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
width: 90vw;
display: grid;
}
.image-6 {
display: none;
}
.webflow-description-wrapper {
margin-top: 30px;
margin-bottom: 45px;
}
.webflow-section {
margin-left: auto;
margin-right: auto;
}
.about {
padding-top: 60px;
padding-left: 15px;
padding-right: 15px;
}
.webflow-mockup {
max-height: 380px;
}
.grey-text-block.center-alignment {
text-align: center;
}
.webflow-update-caption {
margin-top: 10px;
}
.image-12 {
margin-top: 10px;
display: block;
}
.webflow-mockup-wrapper {
display: block;
}
.content-wrapper-2 {
grid-row-gap: 48px;
grid-template-columns: 1fr;
}
.large-growing-images {
height: 65vw;
min-height: 300px;
}
.stacked-content.large {
grid-row-gap: 60px;
}
.heading-424.large {
font-size: 40px;
}
.grezer-2 {
display: none;
}
.text-block-51 {
text-align: center;
font-size: 15px;
}
.text-block-54 {
font-size: 15px;
}
.grid-4 {
grid-template-columns: 1fr 1fr;
}
.text-block-50, .text-block-55 {
text-align: center;
font-size: 15px;
}
.section-74 {
margin-top: 0;
}
.container-1070 {
text-align: center;
}
.container-1070.centered {
max-width: 90%;
}
.large-hero-title {
width: 100%;
margin-bottom: 20px;
font-size: 28px;
line-height: 36px;
}
.large-hero-title-bold {
width: 80%;
margin-left: auto;
margin-right: auto;
display: block;
}
.hero-description-title {
opacity: .95;
width: 80%;
margin-top: 20px;
font-size: 18px;
line-height: 20px;
}
.features-row {
flex-direction: column;
margin-top: 0;
}
.feature-title {
margin-bottom: 10px;
}
.section-title-2 {
margin-bottom: 10px;
font-size: 40px;
line-height: 40px;
}
.section-title-wrapper {
width: 95%;
margin-bottom: 40px;
}
.feature-block, .feature-block.wide, .thumb-port {
width: 100%;
}
.column-29 {
text-align: left;
}
.heading-425 {
text-align: center;
margin-left: 85px;
margin-right: auto;
display: block;
}
.heading-425.get-in-touch {
margin-left: auto;
}
.button-16.cta-button {
float: none;
width: 50%;
}
.section-title-3 {
font-size: 22px;
line-height: 32px;
}
.section-title-4 {
font-size: 24px;
line-height: 32px;
}
.section-subtitle-2 {
font-size: 16px;
line-height: 24px;
}
.section-title-5 {
font-size: 24px;
line-height: 32px;
}
.process-item {
width: auto;
}
.container-1072.center-align {
min-height: 0;
}
.content34-grid {
grid-column-gap: 20px;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
align-items: flex-start;
max-width: none;
}
.logo-container {
width: 150px;
}
.section-4 {
padding-top: 60px;
padding-bottom: 60px;
}
.section-4.light-grey.half-padding {
width: 100%;
display: none;
overflow: hidden;
}
.partner-logo {
flex: 0 auto;
margin-top: 20px;
margin-bottom: 20px;
}
.circle-text-section {
font-size: 16px;
}
.card-3 {
width: 400px;
margin-bottom: 80px;
}
.card-3.other-side {
width: 400px;
}
.section-103 {
overflow: hidden;
}
._2-boxes-hero-wrapper {
flex-direction: row;
}
.box-wrapper-hero.left {
margin-right: 16px;
}
.heading-427 {
font-size: 18px;
}
.paragraph-72 {
font-size: 12px;
}
.grid-11 {
grid-template: ". ."
"Area Area"
/ 1fr 1fr;
}
.margin-vertical {
margin-left: 0;
margin-right: 0;
}
.margin-vertical.margin-medium {
margin-top: 1.95rem;
margin-bottom: 1.95rem;
}
.testimonials_component {
grid-template-columns: 1fr;
}
.padding-vertical {
padding-left: 0;
padding-right: 0;
}
.services_content {
margin-bottom: 2rem;
}
.padding-bottom {
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.padding-bottom.padding-xxhuge.extra-padding-desktop {
padding-bottom: 5rem;
}
.benefits_wrapper {
justify-content: center;
display: flex;
}
.margin-top {
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
}
.section-services {
grid-template-columns: 1fr;
}
.padding-horizontal {
padding-top: 0;
padding-bottom: 0;
}
.benefits_content {
align-items: center;
}
.margin-bottom {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.section-gallery {
grid-template-columns: 1fr 1fr;
}
.hero_heading {
font-size: 4rem;
}
.grid-4-col {
grid-template-columns: 1fr;
}
.c-grid_item.cc-title {
padding-bottom: 24px;
padding-left: 24px;
padding-right: 24px;
}
.c-hero_logo.cc-copylink {
width: 40px;
height: 40px;
}
.c-section-3 {
padding-top: 40px;
padding-bottom: 40px;
}
.c-badge_text {
width: 75%;
height: 75%;
}
.features-text-wrapper {
width: 100%;
margin-right: 0%;
}
.text-block-hero {
width: 90%;
margin-left: auto;
margin-right: auto;
}
.button-hero {
justify-content: flex-start;
margin-left: 30px;
padding-left: 0;
}
.video-block-light {
width: 100%;
}
.container-hero {
flex-direction: column;
align-items: flex-start;
}
.youtube-thread {
background-color: #0000;
padding-left: 40px;
padding-right: 40px;
}
.icon--large {
width: 16px;
height: 16px;
font-size: 16px;
line-height: 16px;
}
.card_video {
height: 320px;
margin-bottom: 16px;
}
.section_row {
flex-direction: column;
}
.video_playbutton {
width: 64px;
height: 64px;
}
.tag {
font-size: 14px;
line-height: 18px;
}
.card-4 {
padding: 20px;
}
.section-105 {
padding: 16px;
}
.container-1075 {
max-width: 600px;
}
.section_col {
width: 100%;
min-width: 0;
padding-left: 0;
padding-right: 0;
}
.card--highlight {
margin-bottom: 16px;
padding: 20px;
}
.case-block {
height: auto;
}
.case-block.w--current {
min-height: auto;
}
._60-2 {
width: 100%;
}
.casestudy-list {
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}
.casestudy-list-wrapper.hidden {
display: none;
}
.div-block-2 {
flex-direction: column;
justify-content: center;
align-items: center;
height: 400px;
display: flex;
}
.display, .display-2 {
font-size: 56px;
line-height: 60px;
}
.text-block-7 {
color: #fff;
}
.navbutton {
display: none;
}
.navbutton.mobile {
margin-left: 40px;
display: flex;
}
.dropdown-link-3.mobile {
padding-top: 10px;
padding-bottom: 10px;
}
.dropdown-link-3.hidefrommenu {
display: none;
}
.icon-3 {
color: #fff;
}
.text-block-132 {
padding-left: 20px;
font-weight: 700;
}
.dropdown-toggle-4 {
border: 1px solid #ffffff80;
border-radius: 10px;
min-width: 150px;
padding-top: 10px;
padding-bottom: 10px;
}
.dropdown-toggle-4.w--open {
border-radius: 10px;
}
.mobilemenu_services {
padding-left: 20px;
}
.hero_cta {
width: 90%;
margin-left: 20px;
}
.logo-3 {
margin-right: 100%;
}
.dropdown-list-4.w--open {
margin-top: 48px;
}
.stats-grid {
grid-template-columns: 1fr 1fr;
}
.faq-grid {
grid-template-columns: 1fr;
}
.tab-link-tab-5 {
text-align: center;
}
.header-block {
width: 100%;
}
.text-block-135 {
font-size: 2em;
}
.name-test {
font-size: 2.5em;
}
.card-item-content {
align-self: auto;
}
.card-item {
flex-direction: column;
}
.job-position-icon-holder {
align-items: flex-end;
}
.job-position-content {
grid-template-columns: 1fr;
}
.paragraph-97._400w {
font-size: 15px;
}
.paragraph-97._400w.mixpanel {
font-size: 16px;
}
.about-uss {
padding-top: 40px;
padding-bottom: 40px;
}
.column-54 {
padding-left: 0;
}
.standard-columns-2.vcentre-aligned {
display: block;
}
.heading-105, .heading-105._450w {
font-size: 25px;
}
.heading-112 {
margin-left: 40px;
font-size: 80px;
}
.heading-113 {
margin-left: 40px;
font-size: 75px;
}
.hero-description-title-2 {
opacity: .95;
width: 80%;
margin-top: 20px;
font-size: 18px;
line-height: 20px;
}
.grid-13, .members_grid {
grid-template-columns: 1fr 1fr;
}
.content-02-title-div {
text-align: center;
}
.team-div-02 {
grid-template-columns: 1fr;
}
.team-collection-grid {
grid-column-gap: 20px;
grid-row-gap: 20px;
grid-template-columns: 1fr 1fr;
margin-top: 1em;
}
.blog-item-collection {
padding-left: 0;
padding-right: 0;
}
.blog-item-collection:nth-child(2n) {
padding-top: 0;
}
.subscribe-form-flex {
flex-direction: column;
align-items: stretch;
}
.heading-display-1 {
font-size: 60px;
}
.link-39.footer-link {
margin-top: 10px;
margin-left: 0;
}
.subscribe-form {
padding-top: 20px;
padding-bottom: 60px;
}
.grid-6-col {
grid-template-columns: 1fr 1fr;
}
.blog-items-grid {
grid-template-columns: 1fr;
}
.grid-journal {
grid-template-columns: 1fr 1fr;
}
.button-23 {
margin-bottom: 5px;
}
.button-23.btn-subscribe {
margin-right: 0;
}
.section-109 {
padding: 2rem;
}
.section-109.centered {
display: flex;
}
.grid-no-gap-columns {
grid-row-gap: 3rem;
grid-template-columns: 1fr;
}
.grid-no-gap-column-rows {
grid-template-columns: 1fr;
}
.category-holder.centered {
display: flex;
}
.serif {
font-weight: 400;
}
.display-2 {
font-size: 2rem;
line-height: 1.2;
}
.bg-image.fade-in.studio_a-about_2 {
background-position: 50% 15%;
}
.img-wrapper {
min-height: 320px;
}
.img-wrapper.medium {
min-height: 256px;
}
.img-wrapper.small {
min-height: 320px;
}
.img-wrapper.small.stretch, .img-wrapper.big, .img-wrapper.stretch {
min-height: 256px;
}
.subscribe-btn {
text-align: center;
min-width: 380px;
}
.input-wrap {
margin-bottom: 10px;
margin-right: 0;
}
.form {
flex-direction: column;
}
.standard-section {
padding-top: 40px;
padding-bottom: 40px;
}
.html-embed-5 {
width: 500px;
}
.body-text-2 {
padding: 6rem 2rem 2rem;
}
.c-title-3 {
font-size: 24px;
line-height: 38px;
}
.c-hero-paragraph.cc-hidden-mobile {
display: none;
}
.c-container-2 {
max-width: 100%;
}
.c-container-2.cc-10cols {
max-width: 100%;
padding-left: 24px;
padding-right: 24px;
}
.c-cms-tabs {
padding-top: 32px;
}
.c-text-1 {
font-size: 16px;
line-height: 28px;
}
.c-cms-content-wrapper {
padding-top: 48px;
}
.c-cms-tabs-2 {
padding-top: 32px;
}
.c-cms-content-wrapper-2 {
padding-top: 48px;
}
.c-title-3-2 {
font-size: 24px;
line-height: 38px;
}
.c-cms-content-wrapper-3 {
padding-top: 48px;
}
.c-cms-tabs-3, .c-cms-tabs-4 {
padding-top: 32px;
}
.c-tab-content-link {
align-items: flex-start;
left: 0;
}
.c-lottie-link {
margin-left: 0;
}
.demo-wrapper {
margin-top: 100px;
padding-bottom: 100px;
padding-left: 0;
padding-right: 0;
}
.c-cms-tabs-5 {
padding-top: 32px;
}
.container-1078 {
padding-left: 20px;
padding-right: 20px;
}
.content-567 {
grid-column-gap: 0rem;
grid-template-columns: minmax(300px, 1fr);
}
.image-462 {
height: auto;
}
.category__tabs-menu {
margin-bottom: 32px;
margin-left: -24px;
margin-right: -24px;
padding-bottom: 6px;
padding-left: 24px;
display: flex;
overflow: auto;
}
.category__card-img {
object-fit: cover;
width: 100%;
height: 42vw;
margin-bottom: 20px;
}
.category__card-title {
font-size: 22px;
}
.section-114 {
padding-top: 36px;
padding-bottom: 36px;
}
.section-114.section--hero {
padding-top: 100px;
}
.category__col {
width: 50%;
position: static;
top: auto;
}
.category__columns {
flex-wrap: wrap;
}
.category__tab-link {
flex: none;
margin-left: 0;
margin-right: 32px;
}
.category__card {
width: 100%;
}
.collection-list-6 {
column-count: 2;
}
.collection-item-8 {
padding-top: 15px;
}
.cover {
margin-top: 15px;
}
.button-27 {
top: 30px;
}
.tab-link-creative.w--current {
text-align: center;
margin-top: -85px;
margin-bottom: auto;
}
.work-collection {
flex-wrap: wrap;
justify-content: center;
display: flex;
}
.collection-item-9 {
justify-content: center;
display: flex;
}
.columns-19 {
margin-top: 40px;
}
.vh-p2 {
padding-top: 7px;
}
.div-block-68 {
width: 460px;
height: 120px;
display: none;
}
.portfolio-section {
margin-top: 100px;
margin-left: 0;
margin-right: 0;
}
.column-40 {
padding-left: 0;
padding-right: 0;
}
.column-41 {
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.div-block-72 {
width: 100%;
height: 120px;
margin-top: 0;
margin-left: 0;
}
.div-block-66 {
width: 460px;
display: none;
}
.container-23 {
padding-left: 20px;
padding-right: 20px;
}
.vh-p1 {
margin-top: 18px;
margin-bottom: 0;
}
.div-block-69, .div-block-67 {
width: 460px;
display: none;
}
.vh-h4 {
max-width: none;
font-size: 48px;
line-height: 55px;
}
.grid-18, .lightbox-link-9, .grid-19 {
flex-direction: column;
display: flex;
}
.architectural__item {
margin-left: 0;
margin-right: 0;
}
.row-2 {
flex-direction: column;
}
.divider-2 {
width: 100%;
height: 2vw;
}
.row-1 {
flex-direction: column;
width: 100%;
}
.architectural__services {
flex-direction: column;
}
.hero__content {
padding-left: 60px;
padding-right: 60px;
}
.clip-text-hero {
margin-bottom: 20px;
overflow: hidden;
}
.img {
border-radius: 15px;
}
.tabs-2 {
display: flex;
}
.tabs-2.mobile-hidden {
display: none;
}
.header-block-2 {
padding-top: 20px;
padding-bottom: 20px;
}
.menu__content {
padding-top: 100px;
}
.footer__bottom {
flex-direction: column-reverse;
}
.skills__video-wrap {
max-width: none;
height: 48vw;
}
.footer__nav-list {
max-width: 310px;
margin-bottom: -14px;
}
.category__card-img-2 {
object-fit: cover;
width: 100%;
height: 42vw;
margin-bottom: 20px;
}
.form-block.mod--hero {
max-width: 340px;
}
.hero__columns {
display: block;
}
.footer__col {
margin-bottom: 40px;
}
.footer__col.col--nav {
margin-top: -8px;
}
.skills__top {
margin-bottom: 68px;
}
.skills__list {
margin-right: 0;
}
.skills__video {
height: 52vw;
}
.reviews__card {
border-radius: 20px;
padding: 16px;
transform: none;
}
.footer-2 {
padding-bottom: 24px;
}
.skills__columns {
flex-direction: column-reverse;
align-items: stretch;
}
.btn-submit.mod--hero {
width: 86px;
font-size: 24px;
}
.footer__social {
margin-bottom: 24px;
}
.footer__soc-link {
margin-left: 10px;
margin-right: 10px;
}
.footer__copyright {
justify-content: center;
}
.footer__copyright-logo {
width: 30px;
}
.reviews__card-ava {
width: 48px;
height: 48px;
}
.footer__columns {
margin-bottom: 24px;
padding-top: 40px;
padding-bottom: 0;
}
.swiper-slide {
width: 100%;
}
.footer__subs-title {
font-size: 16px;
}
.input-2.mod--hero {
height: 86px;
padding-left: 32px;
font-size: 16px;
box-shadow: 0 32px 36px #00000008;
}
.input-2.mod--hero:hover, .input-2.mod--hero:focus {
box-shadow: 0 32px 36px #0000001a;
}
.hero__col.col--1 {
padding-bottom: 20px;
}
.scale-thumb-grid {
grid-template-columns: 1fr;
}
.scale-thumb {
height: 56.25vw;
}
._1st-section {
padding-top: 200px;
}
.display-1 {
letter-spacing: -.03em;
font-size: 64px;
}
.page-padding-custom-2 {
padding-left: 0;
}
.button-arrow {
width: 1.8rem;
height: 1.8rem;
}
.section-home-cta_right {
min-height: 30rem;
}
.section-home-cta_left.padding-bottom.padding-medium {
padding-bottom: 1rem;
padding-left: 1rem;
padding-right: 1rem;
}
.section-home-cta_image {
height: 20rem;
}
.section-title-8, .section-title-9 {
font-size: 36px;
line-height: 42px;
}
.hero-bg-img {
width: 220px;
height: 300px;
display: none;
left: auto;
right: 10%;
}
.hero-bg-img._2 {
right: -10%;
}
.hero-bg-img._3 {
display: none;
}
.section-mini-subtitle {
font-size: 16px;
line-height: 20px;
}
.hero-section {
padding-top: 140px;
padding-bottom: 60px;
}
.image-469 {
max-width: 75%;
display: none;
}
.hero-banner {
display: flex;
}
.grid-banner {
grid-template-columns: 1fr;
height: auto;
}
.slogan-wrapper {
text-align: center;
}
.home-heading {
font-size: 3em;
}
.grid-banner-2 {
grid-template-columns: 1fr;
height: auto;
}
.slogan-wrapper-2 {
text-align: left;
}
.display-0 {
letter-spacing: -.05em;
font-size: 3rem;
line-height: 1.1;
}
.margin-bottom-2, .line-bottom-mobile {
margin-bottom: 2rem;
}
.grid-gap-columns {
grid-column-gap: 0rem;
grid-row-gap: 3rem;
grid-template-columns: 1fr;
}
.paragraph-104 {
font-size: 22px;
line-height: 40px;
}
.section-home-body {
margin-top: 0;
}
.featrues-flex {
flex-direction: column;
}
.display-3 {
font-size: 40px;
line-height: 40px;
}
.subhead {
font-size: 23px;
line-height: 26px;
}
.ipad {
width: 500px;
max-width: none;
}
.rounded-block {
height: 300px;
}
.box-padding {
padding-left: 0;
padding-right: 0;
}
.logo-client {
flex-basis: 33.3333%;
}
.project-grid {
grid-template-columns: 1fr;
}
.logo-client-wrapper {
width: 100%;
}
.service-card-area {
grid-template-columns: 1fr;
}
.section-heading {
text-align: center;
}
.title-3 {
font-size: 3rem;
}
._4-col-grid {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
width: 93%;
}
.logo-wrapper {
width: 26vw;
}
.section-120 {
padding: 60px 20px;
}
.vector-block {
top: -15%;
}
.text-wrapper-2 {
margin-top: 30px;
margin-bottom: 10px;
}
.image-wrapper {
width: 400px;
height: auto;
}
.team-wrapper {
width: 100%;
}
._2-col-grid-3 {
flex-direction: column-reverse;
align-items: center;
display: flex;
}
.play-icon-3 {
width: 5rem;
}
.web-content {
overflow: hidden;
}
.tab-pane-content {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
.learning-heading {
margin-bottom: 30px;
}
.learning {
padding-top: 60px;
padding-bottom: 60px;
}
.container-1085 {
padding-left: 16px;
padding-right: 16px;
}
.tabs-menu-3 {
flex-direction: column;
align-items: center;
display: flex;
}
.footer-3 {
height: 150vh;
}
.button-34 {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.circle-infinite-container {
width: 100px;
height: 100px;
}
.circle-logo-container {
width: 40px;
}
.philosophy-image-container {
height: 500px;
min-height: 0;
max-height: none;
}
.philosophy-image-container._01 {
transform: none;
}
.philosophy-image-container._02, .philosophy-image-container._03 {
margin-top: 0;
transform: none;
}
.top-margin-l {
margin-top: 2.3em;
}
.grid-8-col {
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.grid-4-col-2 {
grid-template-columns: 1fr 1fr;
}
.overflow-hidden-mask {
height: 100%;
}
.hero-social-media-container {
margin-top: 34px;
}
.hero-background-video {
width: 40vw;
}
.hero-background-video._02 {
display: block;
}
.hero-text {
font-size: 55px;
}
.social-media-container {
justify-content: flex-start;
}
.hero-line-container {
display: none;
}
.hero-paragraph {
padding-right: 21px;
}
.hero-section-2 {
height: auto;
}
.hero-paragraph-2 {
padding-right: 21px;
}
.button-primary-2 {
padding-left: 45px;
padding-right: 45px;
}
.logo-grid {
max-width: 100%;
}
.hide {
display: none;
}
.photo-animation-main._2, .photo-animation-main._2.first-mobile, .photo-animation-main._2.left.first-mobile {
width: auto;
}
.copyright-flex {
justify-content: flex-start;
}
.navlinks {
height: auto;
margin-top: 2px;
margin-bottom: 2px;
font-size: 50px;
line-height: 70px;
}
.blog-grid {
grid-template-columns: 1fr;
}
.testimonials-wrapper, .max-w-width-2 {
max-width: 100%;
}
.grid-2-columns-2 {
grid-template-columns: 1fr;
}
.footer-grid {
grid-row-gap: 20px;
grid-template-columns: 1fr;
}
.social-wrapper {
display: none;
}
.algin-right {
text-align: left;
}
.remove-circle {
top: 15px;
right: 15px;
}
.project-list {
grid-row-gap: 0px;
grid-template-columns: 1fr 1fr;
}
.display-5 {
margin-bottom: 0;
font-size: 60px;
}
.cart-container {
max-width: 480px;
}
.skills-grid {
width: 100%;
}
.text-rotator-wrapper {
padding-top: 35px;
padding-bottom: 35px;
}
.display-6 {
font-size: 65px;
}
.margin-150px {
margin-top: 100px;
}
.auto-scroll-grid-content {
height: auto;
}
.arrow-container {
display: none;
}
.learning-heading-2 {
margin-bottom: 30px;
}
.learning-2 {
padding-top: 60px;
padding-bottom: 60px;
}
.home-cta_component {
padding-left: 40px;
padding-right: 40px;
}
.text-field-8 {
width: 394px;
}
.section-home-features {
margin-top: -338px;
position: relative;
}
.cta-form {
margin-top: 0;
}
.paragraph-big {
font-size: 40px;
line-height: 58px;
}
.intro-figure-2 {
background-size: 21px;
width: 50px;
height: 50px;
}
.past-clients-slider {
height: 500px;
}
.intro-figure {
background-size: 21px;
width: 50px;
height: 50px;
margin-left: 10px;
margin-right: 10px;
}
.content-section-2 {
padding-top: 140px;
}
.content-section-2.double {
padding-bottom: 140px;
}
.content-section-2.big-words {
padding-top: 140px;
}
.subtitle-box.more-margin {
margin-bottom: 140px;
}
.h4 {
font-size: 24px;
line-height: 32px;
}
.max-280-pixles {
max-width: 211px;
}
.column-text {
padding-bottom: 10px;
}
.h3-5 {
font-size: 42px;
line-height: 52px;
}
.heading-horizontal {
margin-bottom: 20px;
}
.pictures-right {
padding-top: 50px;
}
.picture-item {
margin-bottom: 40px;
}
.h3-big {
font-size: 50px;
line-height: 60px;
}
.pictures-container {
align-items: flex-start;
height: 730px;
margin-top: 0;
}
.absolute-heading {
width: 90%;
margin-bottom: 40px;
}
.absolute-heading.medium {
width: 90%;
}
.intro-arrow-right, .intro-arrow-left {
margin-top: 55.172px;
}
.intro-slide {
width: 48%;
}
.intro-slider {
max-width: 100%;
margin-left: 0%;
}
.max-1288-pixels {
margin-left: 3%;
}
.h5 {
font-size: 17px;
line-height: 28px;
}
.heading-horizontal-2 {
margin-bottom: 20px;
}
.big-words {
font-size: 13vw;
}
.button-fill-black {
min-width: 100px;
padding-left: 22px;
padding-right: 22px;
}
.big-words-figure {
width: 180px;
height: 150px;
margin-right: 10px;
}
.big-words-figure._2 {
width: 180px;
height: 129px;
}
.big-row-3 {
justify-content: flex-end;
display: flex;
}
.big-words-yellow {
width: 31vw;
height: 12vw;
}
.big-words-girl {
width: 13vw;
}
.big-row-2 {
display: flex;
}
.figures-box {
justify-content: flex-start;
width: 100%;
margin-bottom: 30px;
margin-right: 0%;
}
.preview-link-copy {
flex-wrap: wrap;
}
.paragraph-regular {
font-size: 40px;
line-height: 56px;
}
.paragraph-big-2 {
font-size: 40px;
line-height: 58px;
}
.signature {
margin-top: 30px;
}
.h3-small {
font-size: 40px;
line-height: 50px;
}
.paragraph-small {
font-size: 36px;
line-height: 48px;
}
.h3-6 {
font-size: 42px;
line-height: 52px;
}
.heading-box-small {
width: 70%;
}
.figure {
background-size: 7vw;
margin-left: 10px;
margin-right: 10px;
}
.hero-text-4, .hero-text-2 {
font-size: 9vw;
line-height: 9vw;
}
.hero-text-1 {
font-size: 7.5vw;
line-height: 7.5vw;
}
.hero-text-box {
margin-bottom: 140px;
padding-top: 140px;
}
.figure-2 {
background-size: 19vw;
margin-left: 10px;
margin-right: 10px;
}
.hero-gradient-section {
min-height: 230px;
}
.hero-text-3 {
font-size: 7.5vw;
line-height: 7.5vw;
}
.text-number {
font-size: 42px;
line-height: 42px;
}
.content-section-3 {
padding-top: 140px;
}
.story-mini-title.last {
margin-top: 40px;
}
.story-text-box {
margin-top: 15px;
}
.paragraph-micro {
font-size: 36px;
line-height: 48px;
}
.paragraph-115, .paragraph-116, .paragraph-117 {
font-size: 1.5em;
}
.play-icon-6 {
width: 50px;
}
.featured-video {
max-width: 400px;
max-height: 225px;
}
.headline.xl {
font-size: 35px;
}
.column-67.half {
width: 100%;
}
.nav-menu-button {
margin-top: -10px;
}
.button---small {
width: 100%;
padding-left: 20px;
padding-right: 20px;
}
.nav-menu-5 {
padding-top: 15px;
padding-bottom: 15px;
}
.text-s {
font-size: 14px;
}
.button-37 {
width: 100%;
padding-left: 20px;
padding-right: 20px;
}
.nav-link-4 {
padding-left: 3.571vw;
padding-right: 3.571vw;
font-size: 30px;
line-height: 100%;
display: block;
}
.nav-link-4:active {
color: #0351d4;
}
.nav-link-4.w--current {
color: #65e4a3;
}
.hero-info {
max-width: 770px;
}
.hero-image-wrapper-3 {
min-height: auto;
}
.hero-section-3.cc {
padding-left: 40px;
padding-right: 40px;
}
.hero-container.cc.mobile {
grid-column-gap: 16px;
grid-row-gap: 60px;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.hero-container.cc {
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
display: none;
}
.hero-container.cc.mobile {
grid-column-gap: 16px;
grid-row-gap: 60px;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
padding-left: 20px;
padding-right: 20px;
display: grid;
}
.hero-image.mobile {
max-width: 100%;
min-height: auto;
margin-right: 0;
}
.uppercase-2 {
letter-spacing: 2px;
font-size: 12px;
}
.large-text-2 {
font-size: 16px;
line-height: 26px;
}
.container-small-2, .container-small-2.align-center, .container-small-2.align-center.dark {
text-align: center;
align-items: center;
}
.icon-row-three {
grid-template-columns: 1fr;
}
.container-1091 {
padding-bottom: 0;
padding-left: 32px;
padding-right: 32px;
}
.hero-4 {
padding-top: 50px;
padding-bottom: 40px;
}
.image-473 {
object-fit: cover;
}
.confetti {
width: 35vw;
top: -21%;
}
.confetti-2 {
width: 35vw;
bottom: 19%;
}
.video-5 {
margin-top: 25px;
margin-bottom: 25px;
}
.work_card {
margin-bottom: 9vw;
}
.work-section-2, .hero-section-4 {
position: relative;
}
.sticky_spacer {
display: none;
}
.work_wrap {
grid-column-gap: 5vw;
grid-row-gap: 5vw;
}
.section-123 {
padding: 40px 24px;
}
.section-123.header {
padding-bottom: 0;
}
.gif-wrapper {
display: none;
}
.play-btn {
transform: scale(.7);
}
.section-124, .section-124.cc-store-home-wrap {
margin-left: 15px;
margin-right: 15px;
}
.container-1094 {
text-align: center;
}
.text-block-144 {
font-size: 3em;
}
.left-arrow-2 {
top: 0%;
left: -7%;
}
.home-faq_link-wrapper {
height: 3.8em;
}
.nav_brand.w--current {
font-size: 16px;
}
.about_flying-image.is--4 {
width: 10em;
height: 11em;
}
.about_flying-image.is--3 {
width: 17em;
height: 10em;
}
.about_flying-image.is--2 {
width: 9.79em;
height: 12.605em;
}
.about_flying-image.is--1 {
width: 18.54em;
height: 6.77em;
}
.link-mask {
overflow: hidden;
}
.testimonial_text-wrapper {
width: 21em;
}
.margin-bottom-4 {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.footer_bottom_social-links {
display: none;
}
.hamburger_lottie {
z-index: 2;
width: 100%;
height: 100%;
margin-top: 0;
margin-bottom: 0;
}
.nav_link-2 {
padding-bottom: 1.5em;
font-size: 40px;
}
.partners_heading-wrapper {
text-align: center;
}
.mask {
width: 100%;
height: 33em;
}
.faq-link-visible.margin-top {
margin-top: 1em;
}
.loader_lottie-wrapper {
width: 70%;
}
.home-header_heading {
font-size: 46px;
}
.text-size-large {
font-size: 1.25rem;
}
.padding-vertical-3 {
padding-left: 0;
padding-right: 0;
}
.page-padding-4 {
padding-left: 30px;
padding-right: 30px;
}
.right-arrow-2 {
top: 0%;
right: -7%;
}
.nav_menu-2 {
background-color: #fff;
display: none;
}
.home-header_content-wrapper {
padding-top: 10em;
padding-bottom: 5em;
}
.nav_component {
padding-top: 2em;
padding-bottom: 2em;
}
.nav_hamburger {
justify-content: center;
align-items: center;
width: 1.3em;
height: auto;
display: flex;
}
.popup_name {
font-size: 4em;
}
.popup_rich {
font-size: .9em;
}
.popup_flex {
flex-direction: column;
justify-content: flex-end;
}
.team_grid {
grid-template-columns: 1fr 1fr;
}
.popup_content {
flex: none;
width: 100%;
height: auto;
}
.popup_visual {
flex: 0 auto;
width: 100%;
height: 100%;
}
.popup_contain {
max-width: 49em;
}
.cta_background-lottie {
transform: scale(1.5);
}
.navbar_component {
min-height: 4rem;
}
.service-wrapper-content-marketing {
padding-left: 3.3rem;
padding-right: 1.5rem;
}
.heading-xxlarge {
font-size: 2.5rem;
}
.heading-xxlarge.gradient-text-span {
font-size: 5rem;
}
.header-lottie-wrap {
width: 30rem;
height: 30rem;
top: -5%;
}
._2-col-component {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
.text-size-large-2 {
font-size: 1.125rem;
}
.team_list {
grid-row-gap: 3rem;
grid-template-columns: minmax(50%, 1fr) 50%;
}
.services_content-left {
margin-top: 0;
}
.section-cta-2 {
overflow: hidden;
}
.heading-large-2 {
font-size: 2.25rem;
}
.services-wrapper-3 {
height: auto;
padding: 3.9rem;
top: 40px;
}
.services-wrapper-3.hide-desktop.show-mobile {
top: 5rem;
}
.cta_content {
margin-right: 0;
}
.team_image-wrapper {
height: 100%;
}
.job-title-2 {
margin-left: .5rem;
font-size: 1.6rem;
}
.cta_button-row {
justify-content: flex-start;
width: 100%;
}
.contact-modal_content-wrapper {
padding-bottom: 7rem;
}
.cta_component {
grid-row-gap: 2rem;
flex-direction: column;
grid-template-columns: 1fr;
justify-content: flex-start;
align-items: flex-start;
}
.header_lottie {
transform: scale(1.8)rotate(90deg);
}
.logo_list {
grid-template-columns: 1fr 1fr;
}
.cta_button-wrapper {
margin-left: 0;
margin-right: 1rem;
}
.header-text {
font-size: 5rem;
}
.margin-left {
margin-top: 0;
margin-bottom: 0;
margin-right: 0;
}
.header-80vh {
min-height: 50vh;
}
.team-name {
font-size: 3rem;
}
.button-41 {
padding-left: 3rem;
padding-right: 3rem;
}
.testimonial_wrapper {
padding-bottom: 1rem;
padding-left: 1rem;
padding-right: 1rem;
}
.navbar_link {
font-size: 3rem;
}
.footer_top-wrapper {
grid-row-gap: 3rem;
}
.footer_menu-wrapper {
grid-column-gap: 1.5rem;
}
.logo_wrapper {
padding-bottom: 1rem;
padding-left: 1rem;
padding-right: 1rem;
}
.logo_img {
max-height: 3rem;
}
.service-text {
font-size: 1rem;
transform: skew(9deg);
}
.service-text.is--dark {
color: #312d55;
font-weight: 400;
}
.service-wrapper-smm {
min-height: 27rem;
max-height: 27rem;
padding-top: 4rem;
padding-left: 3rem;
padding-right: 2rem;
}
.service-wrapper-cs {
min-height: 22rem;
max-height: 22rem;
padding-left: 3rem;
padding-right: 2rem;
}
.services_layout {
grid-template-columns: 1fr;
padding-bottom: 2rem;
}
.services_content-right {
padding-top: 0;
}
.heading-medium-2 {
font-size: 1.5rem;
line-height: 1.4;
}
.bg-wrap-skew {
background-image: linear-gradient(#1a182ebd, #1a182ebd), url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/62953f34c2886372008121b0_creatus1.png");
background-position: 0 0, 0 0;
background-repeat: repeat, no-repeat;
background-size: auto, cover;
width: 65%;
max-width: 70%;
height: 30rem;
top: 25%;
}
.footer_credit-text {
margin-top: 2rem;
}
.service-title-5.is--dark {
color: #312d55;
}
.contact_component {
grid-row-gap: 3rem;
grid-template-columns: 1fr;
}
.section-in-base {
padding-top: 4rem;
padding-bottom: 4rem;
}
.text-medium {
font-size: 1.125rem;
}
.margin-bottom-5 {
margin-bottom: .375rem;
}
.nav-logo-2 {
width: 6rem;
}
.nav-link-5 {
font-size: .8rem;
}
.intro-parent {
display: flex;
}
.centered {
font-size: 4em;
}
.paragraph-118 {
font-size: 21px;
line-height: 31px;
}
.text-bg-wrapper {
width: 132px;
height: 25px;
}
.hero-paragraph-wrapper {
margin-top: 14px;
}
.paragraph-span {
font-size: 21px;
}
.section-126 {
padding: 50px 5%;
}
.section-126.hero {
padding-top: 50px;
padding-bottom: 50px;
}
.section-126.no-padding-top {
padding-bottom: 0;
}
.container-1281.accordion {
flex-direction: column;
}
.video-wrapper-3 {
min-height: 400px;
transition-property: none;
}
.video-wrapper-3:hover {
transform: none;
}
.play-icon-7 {
width: 100px;
}
.video-line {
width: 200px;
}
.accordion-text {
font-size: 24px;
}
.accordian-block {
max-width: 100%;
}
.accordian-block.right {
max-width: 100%;
margin-top: 24px;
padding-left: 0;
}
.accordion-toggle {
font-size: 18px;
line-height: 28px;
}
.accordion-content {
font-size: 16px;
line-height: 28px;
}
.logo-wrapper-2 {
grid-template-columns: 1fr 1fr;
margin-top: 50px;
}
.button-wrapper-3 {
margin-top: 60px;
}
.section-127 {
padding: 45px 30px;
}
.section-127.l3 {
padding-left: 30px;
padding-right: 30px;
}
.logo-grid-2 {
grid-column-gap: 40px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr;
}
.text-column {
max-width: 90%;
}
.text {
font-size: 16px;
}
.checkmark-grid.no-margin {
margin-bottom: 0;
}
.h2-title {
font-size: 42px;
}
.image-wrap.l2 {
padding-left: 60px;
padding-right: 60px;
}
.large-text-3 {
font-size: 16px;
}
.content-grid {
grid-template-columns: 1fr;
}
.about-3-columns {
grid-row-gap: 25px;
grid-template-columns: 1fr;
margin-top: 30px;
}
.about-grid-2 {
grid-template-columns: 1fr;
}
.video-tab-menu {
flex-direction: row;
justify-content: space-around;
width: 100%;
}
.video-tab-component {
flex-direction: column-reverse;
}
.video-tab-link {
width: 20%;
height: 80px;
}
.paragraph-and-button-container {
flex-direction: column;
align-items: center;
margin-top: 60px;
}
.hero-heading-2.bottom {
right: 0%;
}
.hero-heading-2.top {
font-size: 56px;
}
.hero-paragraph-3 {
text-align: center;
width: 90%;
margin-bottom: 40px;
font-size: 16px;
}
.partners-image._5 {
width: 160px;
max-width: 120%;
margin-top: 15px;
margin-left: 20px;
margin-right: 20px;
}
.partners-image._1 {
margin-bottom: 15px;
margin-left: 20px;
margin-right: 20px;
}
.partners-image._4 {
width: 160px;
max-width: 100%;
margin: 15px 20px;
}
.partners-image._3, .partners-image._2 {
margin-bottom: 15px;
margin-left: 20px;
margin-right: 20px;
}
.tagline-text {
font-size: 18px;
}
.hero-section-wrapper {
max-width: 550px;
padding-top: 60px;
}
.partners-logo {
flex-flow: column wrap;
justify-content: space-between;
width: 100%;
margin-top: 40px;
}
.partners-logo.homepage {
flex-direction: row;
align-content: space-between;
align-items: center;
width: 100%;
}
.testimonial-wrapper {
max-width: 550px;
padding-top: 80px;
padding-bottom: 80px;
}
.slider-testimonial-2 {
margin-top: 80px;
}
.projects-wrapper {
max-width: 550px;
padding-top: 80px;
padding-bottom: 80px;
}
.projects-top-wrapper {
flex-direction: column;
align-items: flex-start;
}
.right-arrow-4 {
left: 12%;
}
.projects-paragraph {
text-align: left;
max-width: 400px;
margin-bottom: 40px;
margin-left: 0;
}
.projects-heading {
width: auto;
}
.projects-slider {
height: auto;
}
.projects-bottom-container {
text-align: left;
flex-direction: column-reverse;
align-items: flex-start;
width: 100%;
}
.project-slide {
width: 70%;
margin-right: 40px;
}
.why-us-wrapper {
max-width: 550px;
padding-top: 80px;
padding-bottom: 80px;
}
.data-container {
margin-right: 40px;
}
.about-hero-wrapper {
max-width: 550px;
padding-top: 60px;
}
.about-hero-tagline {
width: 80%;
}
.tagline-hero-paragraph {
font-size: 16px;
}
.play-button-3 {
width: 15%;
}
.why-us-contain {
flex-direction: column;
max-width: none;
margin-bottom: 30px;
display: flex;
}
.subheads-container {
width: 100%;
margin-top: 40px;
}
.the-people-paragraph {
font-size: 16px;
}
.the-people-brown-section {
padding-top: 80px;
padding-bottom: 80px;
}
.tagline-text-2 {
font-size: 18px;
}
.the-people-grid {
flex-direction: column;
width: 70%;
max-width: 500px;
display: flex;
}
.team-members-grid {
grid-column-gap: 23px;
}
.our-team-wrapper {
max-width: 550px;
}
.our-team-paragraph {
width: 60%;
}
.member-name {
font-size: 24px;
}
.tagline-text-3 {
font-size: 18px;
}
.our-team-paragraph-2 {
width: 60%;
}
.member-name-2 {
font-size: 24px;
}
.tagline-text-4 {
font-size: 18px;
}
.footer-grid-2 {
flex-wrap: wrap;
justify-content: space-between;
max-width: 550px;
display: flex;
}
.footer-paragraph {
width: 85%;
}
.footer-containers {
width: 30%;
}
.logos-social.open-nav-middle, .logos-social.open-nav {
width: 60px;
height: 60px;
}
.center-logo.open-nav {
width: 22px;
}
.center-logo.open-nav.facebook {
width: 15px;
}
.footer-bottom-wrapper {
margin-top: 80px;
margin-bottom: 80px;
}
.footer-left-container {
max-width: none;
margin-bottom: 40px;
}
.makeshift-footer-link {
font-size: 16px;
}
.makeshift-footer-wrapper {
max-width: 550px;
}
.our-work-hero {
max-width: 550px;
padding-top: 60px;
}
.tagline-hero-paragraph-2 {
font-size: 16px;
}
.work-hero-tagline {
width: 80%;
}
.our-work-item {
width: 90%;
}
.faq-wrapper {
min-width: 400px;
}
.faq-question {
line-height: 130%;
}
.faq-container {
margin-bottom: 100px;
}
.faq-page-wrapper {
max-width: 550px;
padding-top: 60px;
}
.faq-hero-tagline {
width: 100%;
}
.faq-hero-paragraph {
font-size: 16px;
}
.nav-wrapper-3 {
padding-bottom: 20px;
}
.container-1283._60 {
max-width: 90%;
}
.footer-grid-3 {
grid-row-gap: 20px;
grid-template-columns: 1fr;
}
.part-2 {
margin-top: 0;
}
.hamburger-menu-2 {
width: 50px;
}
.display-7 {
margin-bottom: 0;
font-size: 30px;
}
.hero-5 {
padding-top: 70px;
padding-bottom: 130px;
}
.hero-5._2 {
padding-top: 100px;
padding-bottom: 80px;
}
.project-grid-2 {
grid-template-columns: 1fr;
}
.nav-paragraph {
display: none;
}
.blog-grid-2 {
grid-template-columns: 1fr;
}
.title-flex._2, .title-flex._2._70, .title-flex._2, .title-flex._2._70 {
max-width: 100%;
}
.cart-container-2 {
min-width: 320px;
}
.algin-right-2 {
text-align: left;
}
.nav-text-2 {
font-size: 40px;
}
.display-8, .display-9, .display-10 {
margin-bottom: 0;
font-size: 30px;
}
.txt-xxl.header-title {
text-align: center;
font-size: 2.375em;
line-height: 1.4em;
}
.header-content-2 {
padding-top: 2.25em;
}
.header-content-2.bg-green {
padding-bottom: 3.75em;
}
.div-wrapper.mt-16 {
margin-top: 0;
}
.small-title-white.small-title-dark.title-left, .feat-head.feat-head-dark {
text-align: left;
}
.image-477 {
width: 50%;
margin-left: auto;
margin-right: auto;
display: block;
}
.featured-head {
align-items: center;
padding-top: 34px;
padding-bottom: 34px;
}
.display-11 {
margin-bottom: 0;
font-size: 30px;
}
.block-quote, .block-quote-2, .block-quote-3 {
font-size: 20px;
}
.description-project {
font-size: 16px;
}
.footer-paragraph-2 {
width: 85%;
}
.nav-links-right-container {
align-items: center;
width: auto;
}
.social-icons {
margin-right: 20px;
display: none;
}
.social-icons.open-navigation {
display: flex;
}
.read-more-heading {
font-size: 36px;
}
.menu-navigation {
opacity: 0;
padding-left: 60px;
padding-right: 60px;
display: none;
}
.blog-template-wrapper {
max-width: 550px;
padding-top: 60px;
}
.link-text-navbar {
font-size: 26px;
}
.author-heading {
margin-bottom: 5px;
font-size: 16px;
}
.blog-about-grid {
grid-column-gap: 20px;
}
.close-contain {
background-image: url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/62c7788bad3d460c777e16c1_cross%20icon.svg");
background-position: 50%;
background-size: auto;
margin-right: 0;
}
.close-button-2 {
border-radius: 100px;
padding: 16px;
top: 52px;
right: 60px;
}
.brand-logo-nav-menu {
padding-left: 0;
top: 52px;
left: 60px;
}
.brand-logo-nav-menu.w--current {
left: 60px;
}
.nav-links-container {
flex-direction: column;
justify-content: center;
align-items: center;
margin-top: 650px;
}
.blog-info-container.share-now {
width: 40%;
margin-top: 0;
}
.makeshift-footer-link-2 {
font-size: 16px;
}
.connect-wrapper {
margin-left: 20px;
}
.author-description {
margin-bottom: 5px;
font-size: 16px;
}
.nav-links-left-container {
align-items: center;
width: auto;
margin-right: 20px;
}
.author-name {
margin-bottom: 5px;
font-size: 20px;
}
.main-heading-project {
margin-right: 0;
}
.blog-info-headings {
font-size: 20px;
}
.close-text {
display: none;
}
.blog-info-content {
font-size: 16px;
}
.navigation-container-2 {
width: 90%;
max-width: 550px;
}
.makeshift-footer-wrapper-2 {
max-width: 550px;
}
.medium-heading-2 {
font-size: 2rem;
line-height: 2.5rem;
}
.blog-card-grid {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.blog-rich-text {
padding-top: 80px;
}
.blog-hero {
flex-wrap: wrap;
}
.blog-hero-content {
width: 100%;
}
.blog-hero-image {
width: 100%;
margin-top: 40px;
}
.text-h1 {
font-size: 44px;
line-height: 112.5%;
}
.button-group {
grid-template-rows: auto;
grid-template-columns: auto 1fr;
}
._4-column-grid {
grid-column-gap: 7vw;
grid-auto-columns: 50vw;
}
.blog-hero-paragraph {
max-width: 300px;
font-size: 16px;
}
.blog-page-wrapper {
max-width: 550px;
padding-top: 60px;
}
.blog-tabs {
padding-left: 20px;
padding-right: 20px;
}
.tabs-menu-4 {
padding-top: 40px;
padding-bottom: 40px;
}
.tagline-text-5 {
font-size: 18px;
}
.blog-item {
width: 80%;
}
.preview-item-post {
margin-bottom: 80px;
}
.content-section-4 {
padding-top: 140px;
}
.content-section-4.blog-posts, .content-section-4.inner-pages {
padding-top: 39px;
padding-bottom: 39px;
}
.preview-text-box {
flex-wrap: wrap;
}
.max-290-pixels {
max-width: 100%;
margin-top: 10px;
}
.hero-heading-post {
max-width: 100%;
margin-top: 20px;
}
.h1-post {
font-size: 6vw;
line-height: 7vw;
}
.footer-expand {
flex-direction: row;
justify-content: flex-start;
}
.footer-column {
width: 46%;
margin-bottom: 10px;
margin-right: 0%;
}
.go-up-button {
background-size: 18px;
width: 40px;
height: 40px;
}
.navigation {
z-index: 9;
}
.footer-submit-button {
margin-top: 0;
}
.footer-newsletter {
width: 50%;
}
.h1-post-2 {
font-size: 6vw;
line-height: 7vw;
}
.inner-hero-section {
min-height: 230px;
}
.footer-left {
margin-bottom: 20px;
}
.button-outline-blue {
padding-left: 20px;
padding-right: 20px;
}
.footer-about-left {
margin-right: 15px;
}
.button-rounded-outline {
padding-left: 28px;
padding-right: 33px;
}
.notice {
margin-top: 0;
}
.footer-form {
margin-left: 0;
}
.menu-5 {
width: 50%;
margin-bottom: 20px;
}
.footer-1440-pixels {
padding-left: 5%;
padding-right: 5%;
}
.underline-hover {
display: none;
}
.button-fill-black-2 {
min-width: 100px;
padding-left: 22px;
padding-right: 22px;
}
.post-hero-image {
margin-bottom: 50px;
}
.section-hero-2 {
padding: 6rem 2rem 2rem;
}
.grid-6-footer-meta {
text-align: center;
justify-items: center;
}
.menu-button-7 {
right: 0;
}
.grid-6-2.no-gap {
grid-row-gap: 0px;
}
.menu-icon-4 {
justify-content: center;
align-items: center;
width: 4rem;
height: 4rem;
}
.content-571.horiz-bottom {
display: block;
}
.horizontal {
overflow: auto;
}
.navbar-6 {
height: 4rem;
display: block;
}
.brand-7, .brand-7.white.middle-absolute {
margin-left: 2rem;
}
.grid-6-footer {
text-align: center;
justify-items: center;
}
.nav-menu-7 {
top: 4rem;
}
.line-left {
left: 2rem;
right: 2rem;
}
.padding {
padding: 2rem;
}
.line-top {
left: 2rem;
right: 2rem;
}
.blog-featured-grid {
grid-template-columns: 1fr 1fr;
}
.post-item.anim-on-scroll-in-view {
padding-bottom: 3em;
}
.nav-social-links-2 {
padding-top: 10px;
padding-bottom: 0;
}
.heading-display-2 {
font-size: 50px;
}
.heading-display-2.streched-link-text {
font-size: 40px;
}
.footer-top {
margin-bottom: 3em;
}
.footer-flex-first {
padding-right: 0;
}
.grid-10cols {
grid-template-columns: 1fr 1fr;
}
.streched-line-link {
width: auto;
padding-bottom: 10px;
}
.footer-heading-3 {
margin-bottom: 5px;
}
.footer-flex-container {
flex-direction: column;
}
.footer-flex-content {
margin-bottom: 20px;
}
.streched-line-lottie {
bottom: 0;
}
.footer-social-links {
padding-left: 0;
}
.nav-menu-8 {
flex-direction: column;
display: flex;
}
.about-us-title {
margin-right: 0;
font-size: 32px;
line-height: 38px;
}
.image-478 {
perspective-origin: 50%;
transform-origin: 50%;
display: block;
bottom: 0;
left: 0;
right: auto;
transform: rotate(75deg)translate(10%, 115%);
}
.box {
justify-content: center;
width: 200px;
height: 100px;
margin-bottom: 69px;
}
.about-us {
align-items: center;
}
.tab-link-2 {
padding-bottom: 24px;
}
.tab-link-text.hide-mobile {
display: none;
}
.tab-link-text.hide-desktop {
text-align: center;
margin-bottom: 37px;
display: block;
}
.tabs-menu-5 {
justify-content: space-between;
}
.services-header {
margin-bottom: 70px;
}
.services-image-2 {
transform: translate(0);
}
.tab-link-title {
margin-bottom: 0;
font-size: 18px;
line-height: 24px;
}
.secondary-button-2 {
font-weight: 300;
}
.hero-heading-3 {
font-size: 40px;
}
.three-section-title {
width: auto;
}
.home-container._1 {
width: 100vw;
max-width: none;
margin-left: 0;
margin-right: 0;
}
.feature-text {
max-width: none;
}
.home-section.cc {
margin-bottom: 32px;
padding-left: 0;
padding-right: 0;
overflow: hidden;
}
.three-left {
max-width: none;
}
.three-grid {
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
}
.three-grid._1 {
grid-template-columns: 1fr;
max-width: none;
padding-left: 40px;
padding-right: 40px;
}
.quote, .three-visual {
max-width: none;
}
.page-padding-6 {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.home-about_top-row {
grid-template-columns: 1fr;
}
.padding-left {
padding-top: 0;
padding-bottom: 0;
padding-right: 0;
}
.button-copy {
margin-bottom: 5px;
}
.grid-3-columns, .grid-3-columns._3-col-tablet, .grid-2-columns-4 {
grid-template-columns: 1fr;
}
.grid-2-columns-4.title-and-categories {
justify-items: center;
margin-bottom: 40px;
}
.grid-2-columns-4._2-col-mbl {
grid-template-columns: 1fr 1fr;
}
.grid-2-columns-4._1fr---1-5fr {
grid-template-columns: 1fr;
}
.grid-2-columns-4.services-details-grid {
margin-bottom: 24px;
}
.grid-2-columns-4.gap-row-16px.mg-bottom-56px {
text-align: center;
}
.grid-2-columns-4.form {
grid-row-gap: 20px;
}
.text-200 {
font-size: 16px;
}
.section-134 {
padding-top: 100px;
padding-bottom: 100px;
}
.section-134.pd-top-80px {
padding-top: 64px;
}
.btn-primary {
padding: 20px 32px;
}
.btn-primary.button-row {
margin-right: 16px;
}
.card-5.testimonials {
padding-left: 32px;
padding-right: 32px;
}
.card-5.services-link {
min-height: 430px;
padding: 40px 32px 64px;
}
.card-5.blog-featured-main-link {
flex-direction: column;
}
.card-5.contact-form {
max-width: none;
min-height: 588px;
padding: 56px 32px;
}
.card-5.accordion-v3 {
margin-left: 10px;
margin-right: 10px;
padding: 40px 32px;
}
.card-5.services-link-large {
padding: 40px 32px 48px;
}
.card-5.contact-services {
padding-left: 32px;
padding-right: 32px;
}
.card-5.testimonial-slider {
grid-template-columns: 1fr;
}
.card-5.our-perks {
padding-top: 40px;
padding-bottom: 48px;
}
.avatar-circle._03 {
width: 56px;
max-width: 56px;
height: 56px;
max-height: 56px;
}
.avatar-circle._04 {
width: 64px;
max-width: 64px;
height: 64px;
max-height: 64px;
}
.line-rounded-icon.success-message-check.top {
margin-bottom: 16px;
font-size: 48px;
}
.line-rounded-icon.success-message-check.large {
font-size: 68px;
line-height: 73px;
}
.mg-bottom-32px {
margin-bottom: 24px;
}
.btn-secondary {
padding-top: 20px;
padding-bottom: 20px;
}
.btn-circle-secondary {
width: 56px;
min-width: 56px;
height: 56px;
min-height: 56px;
font-size: 22px;
line-height: 24px;
}
.btn-circle-secondary.slider-arrow.right---center-center, .btn-circle-secondary.slider-arrow.left---center-center {
top: 40%;
}
.mg-bottom-48px {
margin-bottom: 40px;
}
.blog-featured-text-container {
border-style: none solid solid;
border-top-right-radius: 0;
border-bottom-left-radius: 20px;
padding: 40px 32px 48px;
}
.blog-featured-image-container {
width: 100%;
max-width: 100%;
min-height: 400px;
}
.badge-secondary {
padding-top: 16px;
padding-bottom: 16px;
}
.badge-secondary.small {
padding-top: 12px;
padding-bottom: 12px;
}
.badge-secondary.category-badges {
margin-top: 6px;
margin-bottom: 6px;
margin-right: 12px;
}
.categories-badges-wrapper, .categories-badges-item-wrapper {
flex-wrap: wrap;
}
.blog-card-text-container {
padding: 40px 32px;
}
.top-section-2 {
margin-top: -92px;
}
.top-section-2.bg-blue-5 {
background-position: 30% 100%;
padding-top: 156px;
}
.text-300 {
font-size: 18px;
}
.divider-3 {
margin-top: 48px;
margin-bottom: 48px;
}
.divider-3.top-50px---bottom-100px {
margin-top: 32px;
margin-bottom: 64px;
}
.heading-h1-size {
font-size: 38px;
}
.mg-bottom-80px {
margin-bottom: 48px;
}
.heading-h4-size {
font-size: 20px;
}
.input-3 {
min-height: 60px;
padding-left: 17px;
padding-right: 17px;
}
.display-12 {
font-size: 26px;
}
.floating-item.contact-form-top-right {
top: -18px;
}
.floating-item.contact-form-bottom-left {
bottom: -90px;
}
.floating-item.cta-v4-02 {
max-width: 50%;
}
.accordion-item-wrapper {
padding: 40px 24px;
}
.accordion-item-wrapper.v3 {
padding-top: 48px;
padding-bottom: 48px;
}
.accordion-side {
margin-right: 16px;
}
.accordion-side.right-side {
margin-left: 16px;
}
.accordion-title {
font-size: 20px;
line-height: 30px;
}
.text-center-3.mg-bottom-64px {
margin-bottom: 48px;
}
.testimonial-slider-text-container {
padding: 48px 32px;
}
.mg-bottom-48px-2 {
margin-bottom: 40px;
}
.mg-bottom-56px {
margin-bottom: 48px;
}
.btn-primary-2 {
padding: 20px 32px;
}
.btn-primary-2.button-row {
margin-right: 16px;
}
.quote-cta-image {
width: 100%;
max-width: 117%;
position: static;
right: 0;
}
.quote-cta-container {
background-position: 8%;
flex-direction: column;
padding-left: 32px;
padding-right: 32px;
}
.btn-secondary-2 {
padding-top: 20px;
padding-bottom: 20px;
}
.large-image-left-container {
flex-direction: column-reverse;
}
.large-image-left {
width: 100%;
margin-top: 64px;
margin-left: -30%;
margin-right: 0;
}
.large-image-right-container {
flex-direction: column;
}
.large-image-right {
width: 100%;
margin-top: 64px;
margin-right: 0;
}
.accordion-title-2 {
font-size: 20px;
line-height: 30px;
}
.display-13 {
font-size: 22px;
}
.mg-bottom-40px {
margin-bottom: 32px;
}
.heading-h5-size {
font-size: 16px;
}
.btn-primary-3 {
padding: 20px 32px;
}
.libraries-faq_question {
padding-top: 1rem;
padding-bottom: 1rem;
}
.libraries-usecases_card3 {
grid-column-gap: 2.5rem;
grid-row-gap: 2.5rem;
grid-template-columns: 1fr;
padding: 2.5rem 2rem;
}
.libraries-featured_component {
background-position: 75% 200%;
}
.heading-huge {
font-size: 2.125rem;
}
.testimonials_quote-icon-top {
width: 3.5rem;
}
.libraries-header_text-underline {
background-position: 50%;
background-size: 15rem;
}
.libraries-why_text-underline {
background-position: 50% 35%;
background-size: 8rem;
}
.libraries-pricing_tab-link {
text-align: center;
flex: 1;
}
.libraries-header_image {
width: 25rem;
}
.libraries-faq_layout {
grid-template-columns: 1fr;
}
.libraries-why_text {
font-size: 1.5rem;
line-height: 1.4;
}
.libraries-pricing_tabs-menu {
justify-content: center;
width: 100%;
margin-bottom: 2rem;
display: flex;
}
.text-size-medium {
font-size: 1rem;
}
.heading-medium-3 {
font-size: 1.5rem;
line-height: 1.4;
}
.libraries-howitworks_content {
height: auto;
padding-top: 2rem;
padding-bottom: 2rem;
}
.testimonials_quote-icon-bottom {
width: 3.5rem;
}
.heading-xxlarge-2 {
font-size: 2.5rem;
}
.libraries-usecases_component {
grid-template-columns: 1fr;
}
.libraries-howitworks_tab-link {
padding-left: 1rem;
padding-right: 1rem;
font-size: .875rem;
}
.libraries-pricing_callout {
padding: 2rem 1.5rem;
}
.libraries-howitworks_content-right {
background-position: 0 0, 50% 75%;
background-size: 18.75rem, 50rem;
background-attachment: scroll, scroll;
padding: 2rem;
}
.libraries-howitworks_content-right.is-item1 {
height: auto;
position: relative;
}
.libraries-usecases_card1 {
padding-top: 2.5rem;
padding-left: 2rem;
padding-right: 2rem;
}
.libraries-pricing_browser-icon {
width: 2.5rem;
}
.libraries-howitworks_desktop-content-wrapper {
display: none;
}
.libraries-faq_list.top {
border-bottom-style: none;
}
.libraries-header_image-wrapper {
padding-top: 2rem;
padding-bottom: 2rem;
}
.libraries-pricing_layout {
grid-template-columns: 1fr;
}
.libraries-featured_text-wrapper {
padding-top: 2.5rem;
padding-left: 2rem;
padding-right: 2rem;
}
.libraries-pricing_plan {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.libraries-pricing_plan.starter-plan {
padding-left: 1.3125rem;
padding-right: 1.3125rem;
}
.libraries-howitworks_mobile-image-wrapper {
width: 100%;
height: 100%;
margin-top: 2rem;
display: block;
}
.heading-xhuge {
font-size: 2.25rem;
}
.libraries-pricing_component {
grid-template-columns: 1fr;
}
.libraries-howitworks_tabs-menu {
display: none;
position: relative;
top: 0;
}
.page-padding-7 {
padding-left: 5vw;
padding-right: 5vw;
}
.testimonials_component-2 {
padding-top: 5rem;
padding-bottom: 6rem;
}
.libraries-faq_icon {
width: 1.75rem;
}
.heading-small-2 {
font-size: 1.25rem;
}
.heading-large-3 {
font-size: 1.875rem;
}
.heading-xsmall-2 {
font-size: 1.125rem;
}
.libraries-usecases_card2 {
padding-left: 2rem;
padding-right: 2rem;
}
.libraries-howitworks_video-wrapper {
width: 100%;
height: auto;
margin-left: auto;
padding-top: 62.5%;
position: relative;
}
.libraries-header_heading {
font-size: 2.5rem;
}
.libraries-usecases_typed-text {
font-size: 2.25rem;
}
.libraries-why_text-wrapper {
padding-bottom: 2.5rem;
}
.libraries-pricing_callout-wrapper {
grid-column-gap: 1rem;
grid-row-gap: 1.5rem;
}
.libraries-howitworks_component {
grid-row-gap: 3rem;
grid-template-columns: 1fr;
}
.booking-content__wrapper {
display: none;
}
.text-color-green {
font-size: 3rem;
}
.text-color-green.home {
color: #000;
}
.page-padding-8 {
padding-left: 1rem;
padding-right: 1rem;
}
.page-padding-8.lp {
flex-wrap: wrap;
display: flex;
}
.separator.vertical {
width: 100%;
height: 2px;
margin: 0 auto;
inset: 0% 0% auto;
}
.button-47 {
width: 100%;
}
.button-47.explore {
border-top-left-radius: 0;
border-top-right-radius: 0;
border-bottom-left-radius: .5rem;
}
.heading-mobile {
color: #fff;
font-family: Poppins, sans-serif;
font-size: 2.8rem;
font-weight: 600;
display: block;
}
.heading-mobile.home {
color: #000;
}
.hero-section-5 {
height: 60vh;
min-height: 40rem;
overflow: hidden;
}
.booking-panel__grid {
grid-template-columns: 1fr;
}
.text-align-center-4 {
margin-bottom: 2rem;
}
.heading-desktop {
display: none;
}
.paragraph-131.lp {
font-size: 1em;
}
.heading-xlarge-2 {
font-size: 2.5rem;
}
.video__wrapper {
padding-bottom: 1rem;
padding-left: 1rem;
padding-right: 1rem;
}
.video__container {
justify-content: center;
align-items: center;
margin-left: auto;
margin-right: auto;
}
.video-section-2 {
padding-bottom: 3rem;
}
.image__wrapper {
height: 24rem;
}
.content-image-2 {
object-fit: cover;
padding-top: 0;
}
.explore__grid {
grid-row-gap: 2rem;
flex-direction: column;
grid-template-columns: 1fr;
display: flex;
}
.explore__grid.lp {
flex-flow: column-reverse wrap-reverse;
display: flex;
}
.explore__grid.lp._2 {
flex-flow: column wrap-reverse;
}
.whoweare-section {
padding-top: 3rem;
padding-bottom: 3rem;
overflow: hidden;
}
.image-content__wrapper._2 {
display: none;
}
.text-size-large-3 {
font-size: 1rem;
}
.text-size-medium-2 {
font-size: 1.2rem;
}
.text-size-medium-2.text-style-allcaps.text-style-letterspacing {
letter-spacing: .45rem;
}
.faq-grid-2 {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
.content-h1 {
font-size: 55px;
}
.accordion-paragraph---brix {
max-width: 100%;
font-size: 16px;
line-height: 1.6;
}
.accordion-item---brix.accordion-1---brix {
margin-bottom: 16px;
padding: 32px;
}
.accordion-item-title---brix {
max-width: 80%;
font-size: 18px;
}
.accordion-arrow-wrap---brix {
width: 40px;
min-height: 40px;
}
.accordion-item-wrapper---brix.tabs-accordion---brix {
width: 100%;
max-width: 100%;
padding: 0 32px;
}
.cloneable-container-default {
padding: 80px 24px;
}
.accordion-paragraph---brix-2 {
max-width: 100%;
font-size: 16px;
line-height: 1.6;
}
.accordion-item-title---brix-2 {
max-width: 80%;
font-size: 18px;
}
.achievement-number---brix.stats-v1---brix {
margin-bottom: 8px;
font-size: 42px;
}
.card---brix.stats-card-v1---brix {
border-radius: 12px;
padding: 32px 24px;
}
.stats-v3-grid---brix {
grid-row-gap: 56px;
}
.grid-block.cta {
padding-right: 0;
}
.grid-block.pricing-card.wizard {
flex-direction: column;
}
.section-137 {
padding-top: 100px;
padding-bottom: 100px;
}
._2-col-grid-4 {
grid-column-gap: 50px;
grid-row-gap: 50px;
grid-template-columns: 1fr;
}
.blog-trending_para {
font-size: .875rem;
}
.blog-trending_header {
font-size: 1.5rem;
}
.blog-trending_para-2 {
font-size: .875rem;
}
.blog_header-text {
font-size: 1.25rem;
}
.blogs_image-wrapper {
height: 12rem;
margin-bottom: 1.5rem;
}
.cta_sketch._4 {
width: 4rem;
bottom: -6%;
right: -16%;
}
.cta_sketch._3 {
width: 3.5rem;
top: -17%;
right: 4%;
}
.cta_sketch._1 {
width: 4rem;
top: -13%;
left: -1%;
}
.cta_sketch._2 {
width: 3rem;
bottom: -6%;
left: -15%;
}
.feature_btn-wrapper {
flex-direction: column;
}
.padding-top {
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
}
.feature-cta_para-wrap {
margin-top: 1rem;
}
.price-hero_header {
font-size: 2rem;
}
.blogs_list {
grid-column-gap: 1.5rem;
grid-row-gap: 2.5rem;
}
.feature-cta_para {
font-size: 1rem;
}
.blog_header {
font-size: 2rem;
}
.page-padding-9 {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.title-section {
padding-top: 150px;
padding-bottom: 60px;
}
.h1-3 {
font-size: 30px;
line-height: 36px;
}
._2-collection-item {
width: 100%;
}
.hero-section-6, .blog-image-section, .article-section {
padding-left: 20px;
padding-right: 20px;
}
.article-wrapper {
max-width: 500px;
}
.related-title-div {
padding-left: 20px;
padding-right: 20px;
}
.header-image {
height: 117px;
padding-top: 0;
}
.header-container {
padding-top: 66px;
padding-left: 10px;
padding-right: 10px;
}
.credits {
top: 5px;
right: 10px;
}
.thumbnail-2 {
margin-bottom: 10px;
}
.author-column {
text-align: left;
padding-left: 10px;
padding-right: 10px;
}
.author-image-2 {
float: left;
margin-top: 16px;
margin-left: 0;
margin-right: 15px;
}
.about-text-2 {
margin-bottom: 16px;
}
.social-link-5 {
margin-left: 0;
margin-right: 19px;
}
.author-connect {
margin-bottom: 10px;
}
.content-section-5 {
padding-top: 27px;
padding-bottom: 27px;
}
.author-social-links {
margin-top: 19px;
margin-bottom: 0;
padding-top: 15px;
}
.wrap-2 {
flex-flow: column wrap;
justify-content: center;
align-items: center;
width: 100%;
max-width: none;
padding-left: 15vw;
padding-right: 15vw;
display: flex;
}
.wrapper-8.gallery {
display: none;
}
.join-us_text {
font-size: 1.8em;
}
.join-us_content {
width: 100%;
padding-bottom: 3.3em;
}
.join-us_visual {
width: 100%;
max-width: 26em;
margin-left: auto;
margin-right: auto;
}
.join-us_layout {
display: block;
}
.hero_heading-3 {
font-size: 1.6vw;
}
.crew_layout {
padding-top: 5.2em;
}
.section-139 {
grid-row-gap: 6rem;
padding-top: 3rem;
padding-bottom: 3rem;
}
.content-wrapper-m {
flex-direction: column;
}
.content-wrapper-m.vertical {
text-align: left;
align-items: flex-start;
}
.content-wrapper-m.vertical._50 {
width: 100%;
max-width: 100%;
}
.display-xxl {
font-size: 2.75rem;
}
.paragraph-large {
font-size: 1rem;
}
._2-grid {
grid-template-columns: 1fr;
}
._2-grid.content-heading-grid {
grid-row-gap: 1.5rem;
}
.content-wrapper-xl {
flex-direction: column;
}
.content-wrapper-xl.vertical {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
}
.display-s {
font-size: 1.25rem;
}
._3-grid {
grid-template-columns: 1fr;
}
._3-grid.grid-large-vertical-spacing {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
}
.content-wrapper-xs {
flex-direction: column;
}
.blog-card-info {
margin-top: 0;
}
.display-xxs {
font-size: 1.1rem;
}
.blog-card-image-wrapper {
min-height: 20rem;
}
.content-wrapper-s {
flex-direction: column;
}
.content-wrapper-s.blog-card-info {
grid-row-gap: .25rem;
}
.blog-card-2 {
grid-row-gap: 1rem;
}
.display-xl {
font-size: 2.25rem;
}
.content-wrapper-centered {
justify-content: flex-start;
}
.paragraph-large-2 {
font-size: 1rem;
}
.image-wrapper-large {
min-height: 30rem;
padding: 2rem;
}
.display-xxl-2 {
font-size: 2.75rem;
}
.paragraph-large-3 {
font-size: 1rem;
}
.cloneable-header-grid {
grid-template-columns: 1fr;
}
.button-circle-arrow {
font-size: 16px;
line-height: 18px;
}
.container-default-5 {
padding-left: 20px;
padding-right: 20px;
}
.arrow-button-wrapper---brix {
width: 44px;
height: 44px;
}
.section-hero-a, .hero-project, .section-141 {
padding-left: 2.7vw;
padding-right: 2.7vw;
}
.grid-project-a {
grid-template-columns: 1fr;
}
.lightbox-link-a {
height: 54vw;
}
.grid-work-a {
grid-row-gap: 4vw;
grid-template-columns: 1fr;
}
.background-video-work-a {
height: 54vw;
}
.main-section {
padding-left: 10%;
padding-right: 10%;
}
.image-17.shadow, .image-18.shadow, .image-485.shadow {
max-width: 80%;
}
.grid-21 {
grid-column-gap: 0px;
}
.hero-wrapper-two.cta-body {
padding-left: 5px;
padding-right: 5px;
}
.home-faq_question {
padding: 1rem 1.25rem;
}
.home-faq_answer {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.padding-section-large {
padding-top: 4rem;
padding-bottom: 4rem;
}
.home-faq_icon {
width: 1.75rem;
}
.btn-primary-4 {
padding: 20px 32px;
}
.btn-secondary-3 {
padding-top: 20px;
padding-bottom: 20px;
}
.section-144 {
padding-top: 100px;
padding-bottom: 100px;
}
.section-144.hero-half-bg-color {
background-image: linear-gradient(#4a3aff 72% 72%, #fff 72%);
padding-top: 120px;
}
.mg-top-80px {
margin-top: 64px;
}
.tabs-wrapper.tabs-left {
flex-direction: column;
}
.tabs-menu-6 {
flex-direction: column;
align-items: stretch;
}
.tabs-menu-6.tabs-vertical.width-348px {
max-width: 100%;
margin-bottom: 40px;
margin-right: 0;
}
.square-icon {
border-radius: 12px;
max-width: 56px;
}
.mg-bottom-48px-3 {
margin-bottom: 32px;
}
.display-14 {
font-size: 20px;
line-height: 32px;
}
.tab-left-icon {
margin-top: 8px;
margin-bottom: 8px;
}
.mg-bottom-40px-2 {
margin-bottom: 24px;
}
.brix---divider-64px {
margin-top: 48px;
margin-bottom: 48px;
}
.brix---square-icon-64px {
border-radius: 12px;
max-width: 56px;
}
.brix---subtitle {
font-size: 17px;
line-height: 19px;
}
.brix---pricing-content-v9 {
padding-bottom: 40px;
padding-left: 24px;
padding-right: 24px;
}
.brix---text-300-medium {
font-size: 18px;
line-height: 20px;
}
.brix---grid-2-columns---pricing-v9 {
grid-template-columns: 1fr;
}
.brix---mg-bottom-16px {
margin-bottom: 8px;
}
.brix---display-4 {
font-size: 20px;
line-height: 32px;
}
.brix---heading-h1-size {
margin-bottom: 12px;
font-size: 38px;
line-height: 46px;
}
.brix---btn-primary-small {
padding: 20px 32px;
}
.brix---grid-logo-strip-pricing-v9 {
grid-column-gap: 72px;
grid-template-columns: auto auto;
}
.section-145 {
padding-top: 100px;
padding-bottom: 100px;
}
.cta-section-2 {
padding-top: 96px;
padding-bottom: 96px;
}
.card-7.form {
padding: 56px 32px;
}
.text-301 {
font-size: 16px;
line-height: 18px;
}
.input-4 {
min-height: 60px;
padding-top: 16px;
padding-bottom: 16px;
}
.showcase_component {
padding-top: 4rem;
}
.showcase_content-right {
padding-top: 2rem;
padding-bottom: 2rem;
}
.testimonial_content {
padding: 1.5rem;
}
.heading-style-h6 {
font-size: 1.125rem;
}
.heading-style-h5 {
font-size: 1.25rem;
}
.services-tablet_content-item {
padding-bottom: 2rem;
}
.logo_logo {
max-height: 3rem;
}
.blog_heading-wrapper {
grid-row-gap: 2rem;
flex-direction: column;
grid-template-columns: 1fr;
justify-content: flex-start;
align-items: flex-start;
}
.logo_logo-list {
grid-column-gap: 1rem;
padding-top: 1rem;
}
.services_link-text {
font-size: 2.25rem;
}
.blog_slide {
padding-right: 1.5rem;
}
.logo_content-left {
max-width: none;
}
.padding-section-small {
padding-top: 2rem;
padding-bottom: 2rem;
}
.pricing_plan {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.heading-style-h2 {
font-size: 2.25rem;
}
.how-it-works_centre {
justify-content: flex-start;
}
.blog_heading {
margin-right: 0;
}
.logo_component {
grid-row-gap: 2rem;
flex-direction: column;
grid-template-columns: 1fr;
justify-content: flex-start;
align-items: flex-start;
}
.text-style-subheading {
font-size: 1.5rem;
}
.services_link-text-small {
margin-right: 1.5rem;
font-size: 1.25rem;
left: 1.5rem;
}
.services-tablet_content-layout {
grid-row-gap: 3rem;
grid-template-columns: 1fr;
}
.padding-section-large-2 {
padding-top: 4rem;
padding-bottom: 4rem;
}
.testimonial_client {
flex-direction: column;
align-items: flex-start;
width: 100%;
}
.how-it-works_progress {
left: .375rem;
}
.services_link-block {
padding-top: 1.25rem;
padding-bottom: 1.25rem;
}
.margin-right {
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
}
.how-it-works_date-text {
text-align: left;
}
.pricing_component {
grid-template-columns: 1fr;
}
.testimonial_component {
column-count: 1;
}
.blog_component {
padding-bottom: 6rem;
}
.slide_arrow.left {
right: 3.5rem;
}
.how-it-works_item {
grid-row-gap: 1.5rem;
grid-template-rows: auto auto;
grid-template-columns: 4rem 1fr;
width: 100%;
}
.heading-style-h4 {
font-size: 1.5rem;
line-height: 1.4;
}
.heading-style-h1 {
font-size: 2.5rem;
}
.statistics_component {
grid-row-gap: 3rem;
grid-template-columns: 1fr;
}
.cta_logo {
max-height: 3rem;
}
.blog_button-row {
justify-content: flex-start;
width: 100%;
}
.blog_button-row.show-mobile-landscape {
margin-top: 2.5rem;
display: flex;
}
.logo_wrapper-2 {
padding: .75rem 1rem;
}
.header_component {
grid-row-gap: 3rem;
}
.blog_mask {
width: 80%;
}
.padding-section-xlarge {
padding-top: 8rem;
padding-bottom: 8rem;
}
.showcase_image-wrapper {
width: 18rem;
}
.testimonial_client-image-wrapper {
margin-bottom: 1rem;
margin-right: 0;
}
._3-col-grid {
grid-row-gap: 51px;
grid-template-columns: 1fr;
}
._3-col-grid.pricing {
grid-template-columns: 1fr 1fr;
}
.stats-wrapper {
grid-column-gap: 30px;
grid-row-gap: 30px;
flex-direction: column;
align-items: center;
}
._2-col-grid-5 {
grid-column-gap: 50px;
grid-row-gap: 50px;
grid-template-columns: 1fr;
}
.nav-links_wrap {
display: none;
}
.image-487 {
object-fit: cover;
height: 100%;
}
.skew-up {
font-size: 3rem;
}
.heading-479 {
font-size: 32px;
}
.grid-22 {
grid-column-gap: 20px;
grid-row-gap: 20px;
}
.digital-service__list.background-color-green {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
grid-template-columns: 1fr;
padding: 2rem;
}
.recent-project__list {
grid-template-columns: 1fr;
}
.form-field {
height: 48px;
}
.hero__link-icon {
width: 1.4rem;
}
.hero__link {
font-size: 1rem;
}
.button-55.raise-engagement__form-button {
height: 48px;
}
.heading-section.mb-20 {
margin-bottom: 1rem;
}
.welcome {
font-size: 2.5em;
}
.welcome.mobile {
display: flex;
}
.lottie-animation-7 {
width: 3%;
margin-bottom: 10px;
}
.container-1300 {
padding-left: 4.9em;
padding-right: 4.9em;
}
.container-1300.is--nav {
justify-content: flex-start;
padding-top: 22px;
padding-bottom: 22px;
padding-left: 2em;
}
.nav-bar, .sublink__line {
display: none;
}
.trigger-2 {
font-size: 8px;
}
.menu__icon {
font-size: 10px;
}
.sublink {
font-size: 7px;
}
.nav__logo {
width: 12em;
font-size: 10px;
}
.nav__logo.w--current {
width: 12em;
margin-left: 0%;
position: absolute;
inset: 25% auto auto;
}
.global-2 {
position: relative;
top: 0;
}
.image-489 {
margin-bottom: 0;
}
.home-section-text {
padding-left: 30px;
padding-right: 30px;
}
.section-p {
text-align: left;
max-width: none;
}
.home-section-heading {
max-width: none;
font-size: 3em;
}
.img-slide {
height: 27em;
padding-left: .375em;
padding-right: .375em;
}
.head-line {
width: 5.3em;
}
.head-line.line-2 {
width: 1.25em;
}
.head-line.line-3 {
width: 3.25em;
}
.head-line.line-6 {
width: 4.5em;
}
.head-line.line-4 {
width: 7.938em;
}
.container-1302 {
width: 95%;
}
.container-1302.sc-1 {
padding-top: 4.813em;
}
.container-1302.sc-2 {
padding-top: 4.188em;
padding-bottom: 0;
}
.container-1302.sc-5 {
padding-top: 0;
padding-bottom: 0;
}
.container-1302.sc-3 {
grid-column-gap: 2.5em;
grid-row-gap: 2.5em;
flex-direction: column;
padding-top: 0;
padding-bottom: 0;
}
.header-wrapper.horizontal {
grid-column-gap: 1.5em;
grid-row-gap: 1.5em;
}
.header-wrapper.horizontal.head-pc {
flex-direction: column;
align-items: flex-start;
}
.head-8em {
font-size: 3em;
}
.slide-img {
object-fit: cover;
height: 100%;
}
.hero-img {
justify-content: center;
width: 21.188em;
height: 20.375em;
margin-top: 5em;
margin-left: auto;
margin-right: auto;
display: flex;
}
.header-child {
grid-column-gap: 1.5em;
grid-row-gap: 1.5em;
width: 100%;
}
.hero-img-child {
width: 100%;
max-width: none;
position: relative;
}
.head-3em {
font-size: 2em;
font-weight: 700;
line-height: 1.188em;
}
.head-5em {
font-size: 2.5em;
}
.head-5em.pc {
flex-direction: column;
display: flex;
}
.item-parent {
padding-left: 0;
padding-right: 0;
}
.head-img {
font-size: .875em;
}
.head-img.head-2 {
font-size: .75em;
}
.img-describe {
grid-column-gap: .625em;
grid-row-gap: .625em;
}
.content-wrapper-5.first {
grid-column-gap: 1.25em;
grid-row-gap: 1.25em;
margin-right: 0;
}
.describe-link {
font-size: .875em;
}
.head-2em {
font-size: 1.75em;
}
.head-2em.describe {
font-size: 1.5em;
}
.img-content {
padding: .75em;
}
.content-head-wrapper.horizontal {
grid-column-gap: 1.5em;
grid-row-gap: 1.5em;
}
.img-wrapper-2 {
width: 100%;
height: 20.75em;
}
.footer-bottom {
justify-content: space-between;
}
._2-col-grid-6 {
grid-column-gap: 50px;
grid-row-gap: 50px;
grid-template-columns: 1fr;
}
.blob-img {
bottom: -4%;
}
.banner-paragraph-wrap {
padding-right: 50px;
}
.paragraph-140 {
font-size: 1.1rem;
}
.paragraph-140._40-widht {
text-align: left;
max-width: 80%;
}
.paragraph-140.footer {
width: auto;
}
.card-shoe {
max-width: 50%;
}
.grid-24 {
grid-row-gap: 3rem;
grid-template-columns: 1fr;
}
.grid-24.shoe-cards {
grid-row-gap: 12rem;
}
.section_middle-wrapper._3rem-padding {
align-items: flex-start;
}
.image-490 {
text-align: left;
max-width: 100%;
margin-left: 0;
display: block;
}
._2col-grid {
grid-row-gap: 3rem;
grid-template-columns: 1fr;
padding-top: 0;
}
.footer-legal-block {
margin-top: 15px;
margin-left: -24px;
}
.footer-bottom-2 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
}
.footer-social-block-three {
margin-top: 10px;
}
.footer-form-container-two {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
}
.footer-form-input {
width: 100%;
}
.footer-form-title {
margin-right: 0;
}
.footer-copyright, .footer-legal-link {
font-size: 14px;
line-height: 20px;
}
.footer-link-three {
margin-bottom: 10px;
}
.footer-form-block-two {
width: 100%;
margin-top: 20px;
}
.footer-block-three {
flex-flow: column wrap;
justify-content: flex-start;
align-items: flex-start;
}
.text-extra-large {
font-size: 24px;
}
.home-hero-subheading {
font-size: 3.5vw;
}
.card-wrapper-2 {
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
}
.contact-image-wrapper {
padding-left: 0;
}
.contact-heading {
font-size: 2rem;
}
.form-title {
font-size: 1.2rem;
}
.form-6 {
margin-top: 2rem;
padding-bottom: 2rem;
}
.container-1304 {
padding-left: 20px;
padding-right: 20px;
}
.grid-contact {
grid-template-columns: 1fr;
}
.hero-heading-middle {
text-align: center;
margin-top: 3rem;
}
.hero-image-wrap {
margin-top: 2rem;
margin-bottom: 2rem;
}
.nav-menu-9 {
background-color: #858687;
align-items: flex-start;
}
.section-153 {
padding-top: 80px;
padding-bottom: 80px;
}
.paragraph-mega {
font-size: 20px;
}
.paragraph-mega.video-home-c-text {
font-size: 24px;
}
.opening-grid-left, .opening-grid-right {
grid-template-columns: 1fr;
}
.opening-image-right-one {
display: none;
}
.limit-580.home-three-video-limit {
width: 80%;
max-width: none;
}
.opening-image-left-one {
display: none;
}
.service-h3-expandable {
font-size: 22px;
line-height: 28px;
}
.faq-paragraph-2 {
font-size: 16px;
line-height: 140%;
}
.big-text {
font-size: 28px;
}
.wrap-hero-home-a {
grid-row-gap: 24px;
flex-direction: column;
}
.video-reel {
min-height: 0;
max-height: 300px;
}
.wrap-single-service.first-in-second-column {
border-top-style: none;
}
.grid-halves-3 {
grid-template-columns: 1fr;
}
.grid-halves-3.services-halves {
grid-row-gap: 0px;
}
.grid-halves-3.studio-c-numbers {
grid-template-columns: 1fr 1fr;
}
.right-vertical-text-blocks {
max-width: none;
}
.bottom-wrap-office-a {
grid-row-gap: 24px;
flex-direction: column;
align-items: flex-start;
}
.grid-halves-space-left {
grid-template-columns: 1fr;
}
.section-154 {
padding-top: 0;
padding-bottom: 80px;
}
.section-154.hero-studio-a {
padding-top: 160px;
}
.section-154.hero-studio-c {
padding-top: 140px;
}
.list-halves-projects-grid {
grid-template-columns: 1fr;
}
.wrap-heading-with-link {
grid-row-gap: 32px;
flex-direction: column;
align-items: flex-start;
}
.image-project-general.home-c-projects-general {
height: 370px;
min-height: 0;
max-height: none;
}
.left-footer {
max-width: 330px;
}
.grid-footer-links {
grid-row-gap: 64px;
grid-template-columns: 1fr 1fr;
}
.grid-thirds-2 {
grid-template-columns: 1fr;
}
.faq-h3 {
font-size: 18px;
line-height: 28px;
}
.paragraph-mega-2 {
font-size: 20px;
}
.paragraph-mega-2.video-home-c-text {
font-size: 24px;
}
.grid-fourths {
grid-template-columns: 1fr 1fr;
}
.grid-fourths.numbers-grid {
grid-row-gap: 80px;
grid-row-gap: 80px;
}
.mega-h1 {
font-size: 64px;
}
.top-project-template-hero {
grid-row-gap: 16px;
flex-direction: column;
align-items: center;
}
.master-project-template-hero {
grid-row-gap: 40px;
}
.section-157 {
padding-top: 80px;
padding-bottom: 80px;
}
.section-157.project-template-hero {
padding-top: 160px;
}
.right-project-template-hero {
text-align: center;
}
.grid-halves-space-left-extra {
grid-template-columns: 1fr;
}
.navbar-right {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
}
.page-padding-11 {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.footer-grid-4 {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
}
.mobile-menu {
z-index: 5;
}
.heading-medium-4 {
font-size: 3.5rem;
}
.navbar-7 {
z-index: 10;
position: relative;
}
.footer-grid-right-inner {
grid-template-columns: 1fr 1fr;
}
.mobile-menu-toggle {
cursor: pointer;
width: 30px;
height: 20px;
display: block;
position: relative;
}
.navbar-inner {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
}
.margin-bottom-6 {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.footer-bottom-3 {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
}
.work-projects-grid {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
grid-template-columns: 1fr;
}
.margin-top-2 {
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
}
.banner-circle {
right: 2.5rem;
}
.padding-bottom-2 {
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.banner-circle-image {
width: 90px;
}
.heading-large-4 {
font-size: 4rem;
}
.navbar-menu-item-link {
padding-left: .5rem;
padding-right: .5rem;
}
.padding-vertical-4 {
padding-left: 0;
padding-right: 0;
}
.mobile-menu-nav-link {
justify-content: space-between;
align-items: center;
text-decoration: none;
display: flex;
}
.text-block-165 {
color: #000;
}
.link-48 {
color: #fff;
}
.page-padding-12 {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.logo-icon {
width: 10rem;
min-width: 10rem;
}
.right-hero-sales {
order: -1;
}
.wrap-hero-sales {
grid-row-gap: 24px;
flex-direction: column;
}
.service-h3-expandable-2 {
font-size: 22px;
line-height: 28px;
}
.faq-paragraph-3 {
font-size: 16px;
line-height: 140%;
}
.big-text-2 {
font-size: 28px;
}
.grid-gallery-home-a {
grid-template-columns: 1fr;
}
.image-home-gallery {
min-height: 360px;
}
.image-home-gallery.image-two {
background-position: 50% 0;
min-height: 500px;
}
.big-text-3 {
font-size: 20px;
}
.included-card.figma-card {
text-align: center;
flex-direction: column;
}
.wrap-figma-content {
text-align: center;
align-items: center;
}
.menu-button-9 {
background-color: #0000;
font-size: 30px;
}
.icon-8 {
color: #fff;
}
.footer-dark {
padding-left: 15px;
padding-right: 15px;
}
.footer-wrapper-2 {
flex-direction: column;
align-items: center;
}
.footer-content {
grid-template-columns: 1fr;
margin-top: 40px;
}
.footer-block {
align-items: center;
}
.footer-link-5:hover {
color: #1a1b1fbf;
}
.footer-social-block {
margin-top: 20px;
margin-left: -20px;
}
.footer-social-link-2 {
margin-left: 20px;
}
.footer-divider {
margin-top: 60px;
}
.footer-light {
padding-left: 15px;
padding-right: 15px;
}
.footer-bottom-4 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
}
.footer-copyright-2 {
font-size: 14px;
line-height: 20px;
}
.footer-social-block-two {
margin-top: 20px;
}
.faq-paragraph-4 {
font-size: 16px;
line-height: 140%;
}
.faq-h3-2 {
font-size: 18px;
line-height: 28px;
}
.list-blog-thirds {
grid-template-columns: 1fr;
}
.heading-498.large {
font-size: 42px;
}
.hero-top-content.tall {
padding-top: 60px;
padding-bottom: 140px;
}
.project-hero-banner {
min-height: 600px;
}
.project-meta {
grid-column-gap: 36px;
grid-row-gap: 36px;
grid-template-columns: auto;
padding-top: 140px;
}
.section-158 {
padding-top: 100px;
padding-bottom: 100px;
}
.stages-sidebar {
padding-right: 0;
}
.project-stage-list {
grid-row-gap: 100px;
}
.anchor-list {
grid-template-columns: 1fr;
}
.section-159 {
padding-top: 100px;
padding-bottom: 100px;
}
.gallery-image-2 {
height: 83vw;
}
.gallery-image-grid {
grid-template-columns: 1fr;
}
.subtitle-wrapper {
padding-bottom: 24px;
}
.section-title-11 {
padding-bottom: 80px;
}
.section-160 {
padding-top: 100px;
padding-bottom: 100px;
}
.testimonial-text-2.large {
font-size: 32px;
}
.client-quote {
padding-top: 18px;
padding-bottom: 18px;
}
.looping-heading {
font-size: 42px;
}
.section-161 {
padding-top: 100px;
padding-bottom: 100px;
}
.container-1308 {
padding-top: 2rem;
padding-bottom: 2rem;
}
.project-collection-item {
margin-bottom: 60px;
}
.project-collection-item:last-child {
margin-bottom: 0;
}
.section-163 {
padding-top: 80px;
padding-bottom: 80px;
}
.section-164 {
padding-top: 100px;
padding-bottom: 100px;
}
.projects-grid {
grid-row-gap: 60px;
}
.projects-grid.dual {
grid-row-gap: 60px;
grid-template-columns: 1fr;
}
.project-image {
height: auto;
min-height: 400px;
}
.section-165 {
margin-top: 60px;
}
.rich-text-block-5 {
font-size: 10px;
}
.article-section-2 {
padding-left: 20px;
padding-right: 20px;
}
.photo-item, .desc__item {
max-width: 100%;
padding-left: 0;
padding-right: 0;
}
.product__inner {
flex-direction: column;
}
.product__inner.reverse {
flex-direction: column-reverse;
}
.subscribe--child-2 {
padding-left: 15px;
padding-right: 15px;
}
.heading-517 {
font-size: 2.2rem;
line-height: 1.3;
}
.heading-517.bold.hide-in-mobile {
display: none;
}
.heading-517.bold.show-in-mobile {
display: block;
}
.destina-grid {
grid-template-columns: 1fr;
}
.destina-sec-header {
min-height: 0;
margin-bottom: 40px;
}
.card-item-big-margin {
grid-template-columns: 1fr;
}
.headerbar {
height: 56px;
padding-left: 16px;
}
.brandlink.w--current {
width: 64px;
}
.buttonprimary {
font-size: 18px;
line-height: 100%;
}
.buttonprimary.header {
height: auto;
padding: 14px 16px;
font-size: 12px;
}
.buttonprimary.header:hover {
padding-left: 12px;
padding-right: 12px;
}
.gridcontainer {
grid-row-gap: 24px;
}
.h2_hero {
font-size: 20px;
}
.circlespin {
width: 100%;
height: 100%;
}
.heroingo {
grid-row-gap: 24px;
}
.bigelement.diamond {
width: 180%;
}
.bigelement.bigdiamond {
width: 720px;
height: 720px;
}
.sectiontitle {
margin-top: 16px;
font-size: 32px;
}
.sectiontitle.bigger {
width: 100%;
margin-top: 0;
}
.whoooolegrid.hero {
margin-top: 88px;
}
.h1_hero {
font-size: 60px;
}
.insidecard {
background-position: 50% -40%;
background-size: 720px;
}
.sectionlabel {
font-size: 8px;
}
.sectionlabel.white {
top: 24px;
left: 24px;
}
.audiencegrid {
grid-column-gap: 0px;
grid-row-gap: 16px;
grid-template-rows: auto auto auto auto;
grid-template-columns: 1fr;
}
.circlew {
width: 60px;
}
.herospin {
width: 160px;
height: 160px;
margin-left: auto;
margin-right: auto;
}
.gridcontainer-2 {
grid-row-gap: 24px;
}
.insidecard-2 {
background-position: 50% -40%;
background-size: 720px;
}
.h3_pricing {
font-size: 24px;
}
.h2_middletext {
font-size: 56px;
}
.h3_small {
font-size: 18px;
}
.h_leftcard {
justify-content: flex-start;
padding-left: 24px;
padding-right: 24px;
}
.cardtitle {
grid-row-gap: 8px;
}
.cardlabel {
font-size: 8px;
}
.sucessinfo {
grid-row-gap: 0px;
padding-left: 24px;
padding-right: 24px;
font-size: 24px;
}
.pl_unit {
align-items: flex-start;
}
.imputcombo.options {
grid-column-gap: 0px;
grid-row-gap: 8px;
}
.duo_card {
grid-row-gap: 32px;
}
.productinfo {
font-size: 18px;
}
.formfields {
grid-row-gap: 24px;
}
.pricecombo {
grid-row-gap: 6px;
width: auto;
}
.best {
width: 104px;
height: 40px;
padding-left: 7px;
padding-right: 7px;
font-size: 14px;
line-height: 100%;
}
.select-field {
height: 48px;
}
.arrow-3 {
width: 24px;
}
.gridcontainer-3 {
grid-row-gap: 24px;
}
.paragraph_large {
font-size: 16px;
line-height: 140%;
}
.faqcontainer {
margin-top: 0;
}
.insidecard-3 {
background-position: 50% -40%;
background-size: 720px;
}
.flex-vertical {
text-align: center;
align-items: center;
}
.container-1316.light {
padding-left: 20px;
padding-right: 20px;
}
.section-170 {
padding: 2rem;
}
.fv2--about-grid {
grid-column-gap: 40px;
grid-template-columns: repeat(auto-fit, minmax(250px, 709px));
margin-bottom: 60px;
}
.fv2--bgno-txt {
font-size: 48px;
}
.h2-fv {
font-size: 40px;
}
.fv2--interest-section {
padding-top: 50px;
}
.fv2--interest-grid {
grid-column-gap: 3vw;
}
.container-1319.location-grid {
grid-template-columns: 1fr;
}
.location-image-wrap {
width: 100px;
height: 100px;
}
.location-image-wrap.location-3 {
inset: auto 0 auto auto;
margin-top: 0;
inset: auto 0 auto auto;
}
.location-image-wrap.location-2 {
bottom: auto;
left: auto;
right: 0;
}
.location-image-wrap.location-1 {
position: absolute;
top: auto;
left: auto;
right: 0;
}
.location-image-wrap.location-3 {
margin-top: 0;
inset: auto 0 auto auto;
}
.container-1320.location-grid {
grid-template-columns: 1fr;
}
.grid-27 {
grid-row-gap: 40px;
grid-template-columns: 1fr;
width: 100%;
}
.name-4 {
font-size: 70px;
}
.about-image-3 {
height: 610px;
}
.accordion-question-header-3 {
font-size: 1.4em;
}
.accordion-tab-button-dark {
width: 90vw;
}
.padding-horizontal-2 {
padding-top: 0;
padding-bottom: 0;
}
.hero-rotate-base {
width: 40%;
}
.home-hero-block {
min-height: 120vw;
padding-top: 10rem;
padding-bottom: 10rem;
}
.home-about-intro {
max-width: 28rem;
}
.row-title-bottom {
padding-bottom: 3rem;
}
.padding-vertical-5 {
padding-left: 0;
padding-right: 0;
}
.letter-animation {
width: 100%;
overflow: hidden;
}
.padding-global-2 {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.padding-section-large-3 {
padding-top: 4rem;
padding-bottom: 4rem;
}
.blog-horozontalv2_item {
text-align: left;
align-items: center;
padding: 2rem 1rem;
}
.text-size-large-5 {
font-size: 1.25rem;
}
.heading-537 {
text-align: left;
}
.section-177 {
padding-top: 140px;
padding-bottom: 140px;
}
.display-15 {
font-size: 56px;
}
.display-16 {
font-size: 28px;
}
.portfolio-link-section {
padding-top: 200px;
padding-bottom: 80px;
}
.portfolio-section-arrow-top-right {
max-width: 32px;
}
.container-default-8 {
padding-left: 20px;
padding-right: 20px;
}
.portfolio-section-bg-image.fit-origin-left-80-mbl {
object-position: 80% 50%;
}
.text-100 {
font-size: 14px;
}
.section-178 {
padding-top: 140px;
padding-bottom: 140px;
}
.section-178.template-pages-hero {
padding-top: 116px;
padding-bottom: 116px;
}
.mg-bottom-40px-3 {
margin-bottom: 34px;
}
.line-square-icon.diagonal-arrow-right.icon-size-24px {
margin-left: 16px;
font-size: 20px;
}
.text-400 {
font-size: 20px;
}
.container-default-9 {
padding-left: 20px;
padding-right: 20px;
}
.top-section-bg-video {
min-height: 640px;
}
.grid-2-columns-5, .grid-2-columns-5._1fr---auto {
grid-template-columns: 1fr;
}
.portfolio-details-container {
grid-column-gap: 48px;
grid-row-gap: 20px;
flex-flow: wrap;
}
.display-17 {
font-size: 40px;
}
.container-default-10 {
padding-left: 20px;
padding-right: 20px;
}
.top-section-3 {
padding-top: 64px;
}
.text-401 {
font-size: 14px;
}
.mg-left-104px {
margin-left: 64px;
}
.mg-left-104px.mg-left-24px-mbl {
margin-left: 24px;
}
.title-large---bottom-line {
margin-left: 0;
}
.title-large---bottom-line.v3 {
margin-left: 24px;
}
.top-section-bg-video-right {
border-radius: 16px;
width: 100%;
margin-top: 48px;
position: relative;
bottom: auto;
right: auto;
}
.display-large {
font-size: 64px;
}
.text-402 {
font-size: 20px;
}
.container-default-11 {
padding-left: 20px;
padding-right: 20px;
}
.top-section-4, .top-section-4.bg-video-right {
padding-top: 64px;
}
.section-179 {
padding-top: 140px;
padding-bottom: 140px;
}
.display-18 {
font-size: 28px;
}
.display-18.mg-bottom-16px.mg-bottom-20px-mbl {
margin-bottom: 20px;
}
.border-radius-20px {
border-radius: 16px;
}
.grid-2-columns-6 {
grid-template-columns: 1fr;
}
.display-19 {
font-size: 40px;
}
.container-default-12 {
padding-left: 20px;
padding-right: 20px;
}
.display-20 {
font-size: 28px;
}
.grid-2-columns-7 {
grid-template-columns: 1fr;
}
.grid-2-columns-7.gap-row-0.gap-row-64px-mbl {
grid-row-gap: 64px;
}
.grid-2-columns-7._1fr---auto {
grid-template-columns: 1fr;
}
.grid-2-columns-7.text-and-link-grid {
grid-row-gap: 20px;
grid-template-columns: 1fr;
margin-bottom: 40px;
}
.badge-wrapper-top-right {
top: 24px;
right: 24px;
}
.link-item-image-wrapper {
border-radius: 16px;
}
.link-item-image-wrapper.mg-bottom-64px.mg-bottom-48px-tablet {
margin-bottom: 40px;
}
.text-403 {
font-size: 16px;
}
.container-default-13 {
padding-left: 20px;
padding-right: 20px;
}
.black-and-white-sibling-item.mg-top-80px.mg-top-0-mbl {
margin-top: 0;
}
.badge-secondary-2 {
padding-top: 16px;
padding-bottom: 16px;
font-size: 16px;
}
.badge-secondary-2.small {
padding-top: 12px;
padding-bottom: 12px;
}
.section-180 {
padding-top: 140px;
padding-bottom: 140px;
}
.display-21 {
font-size: 40px;
}
.container-default-14 {
padding-left: 20px;
padding-right: 20px;
}
.section-181 {
padding-top: 140px;
padding-bottom: 140px;
}
.display-22 {
font-size: 40px;
}
.container-default-15 {
padding-left: 20px;
padding-right: 20px;
}
.hero-heading-5 {
font-size: 8em;
}
.hero-heading-5.is-smaller {
font-size: 6em;
}
.two-column-wrapper {
grid-column-gap: 2.5em;
grid-row-gap: 2.5em;
}
.hero-line {
width: 3px;
}
.section-182.works {
padding-top: 8em;
}
.section-182.hero {
padding-bottom: 8em;
}
.footer-button {
font-size: 2.5vw;
}
.hero-heading-container.quiz-page {
width: 100%;
}
.circle-button {
font-size: 1.6vw;
}
.circle-button.larger-mob {
font-size: 2vw;
}
._20--column {
grid-column-gap: 5.75em;
grid-row-gap: 5.75em;
max-width: 100%;
}
.container-1321, .container-1321.is-larger {
padding-left: 2em;
padding-right: 2em;
}
.socials-wrapper {
margin-top: 2em;
}
.nav-11 {
padding-left: 2em;
padding-right: 2em;
}
.small-heading {
padding-left: 3em;
}
.marqee-layout {
padding-left: 2em;
padding-right: 2em;
}
.split-text {
font-size: 2.3em;
}
.hero-heading-wrapper.quiz-page {
grid-column-gap: 3em;
grid-row-gap: 3em;
flex-direction: column;
align-items: flex-start;
}
.skill-column {
width: 100%;
}
.footer-heading-4 {
font-size: 5.5em;
}
.typed-words {
font-size: 8em;
}
.margin-bottom-7 {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.display-23 {
font-size: 28px;
}
.display-23.mg-bottom-16px.mg-bottom-20px-mbl {
margin-bottom: 20px;
}
.text-404 {
font-size: 20px;
}
.container-default-16 {
padding-left: 20px;
padding-right: 20px;
}
.top-section-5, .top-section-5.bg-video-right {
padding-top: 64px;
}
.container-default-17 {
padding-left: 20px;
padding-right: 20px;
}
.top-section-6 {
padding-top: 64px;
}
.text-405 {
font-size: 14px;
}
.btn-circle-primary {
width: 56px;
min-width: 56px;
height: 56px;
min-height: 56px;
font-size: 22px;
line-height: 24px;
}
.display-24 {
font-size: 56px;
}
.input-5 {
border-radius: 16px;
min-height: 64px;
padding-top: 16px;
padding-bottom: 16px;
font-size: 14px;
}
.input-5::placeholder {
font-size: 14px;
}
.input-single-success-message {
min-height: 64px;
}
.top-section-video {
border-radius: 16px;
min-height: 400px;
max-height: 400px;
margin-bottom: -80px;
}
.container-default-18 {
padding-left: 20px;
padding-right: 20px;
}
.top-section-7 {
padding-top: 64px;
}
.top-section-7.pd-bottom-250px {
padding-bottom: 140px;
}
.team-title {
font-size: 70px;
}
.about-description {
width: 90%;
}
.slider-background-wrap {
flex-direction: row;
}
.banner-2-title-mobile {
text-align: center;
font-size: 55px;
}
.bg-video-border-wrapper {
border-top-width: 20vw;
border-bottom-width: 20vw;
}
.banner-2-title {
text-align: center;
font-size: 55px;
}
.four-column {
grid-template-columns: 1fr;
align-items: stretch;
}
.right-arrow-wrap {
display: none;
}
.left-info {
width: 100%;
}
.h6-subtitle {
margin-bottom: 15px;
}
.methods-container {
padding-left: 30px;
padding-right: 30px;
}
.section-184 {
padding-top: 60px;
padding-bottom: 60px;
}
.service-h3-expandable-3 {
font-size: 22px;
line-height: 28px;
}
.section-185 {
padding-top: 80px;
padding-bottom: 80px;
}
.faq-paragraph-5 {
font-size: 16px;
line-height: 140%;
}
.big-text-4 {
font-size: 28px;
}
.section-186 {
padding-top: 80px;
padding-bottom: 80px;
}
.big-text-5 {
font-size: 28px;
}
.section-187 {
padding-top: 80px;
padding-bottom: 80px;
}
.image-home-gallery-2 {
min-height: 360px;
}
.image-home-gallery-2.image-two {
background-position: 50% 0;
min-height: 500px;
}
.inside-moving-logos {
min-width: 2270px;
}
.navbar3_menu {
width: 90vw;
padding-bottom: 5rem;
}
.layout1_component {
grid-row-gap: 3rem;
grid-template-columns: 1fr;
}
.portfolio15_list {
grid-template-columns: 1fr;
}
.navbar3_component {
min-height: 4rem;
}
.padding-section-xlarge-2 {
padding-top: 4rem;
padding-bottom: 4rem;
}
.footer4_link-list {
grid-column-gap: 0px;
grid-row-gap: 1.5rem;
grid-auto-flow: row;
justify-items: center;
}
.lightbox_text-wrapper {
width: 100%;
}
.slider3_component {
padding-bottom: 3rem;
}
.button-62.is-navbar3-button {
padding: .25rem 1rem;
}
.cta38_link-text-small {
margin-right: 1.5rem;
font-size: 1.25rem;
left: 1.5rem;
}
.header83_h1 {
font-size: 4rem;
}
.text-size-medium-4 {
font-size: 1rem;
}
.cta38_link-text {
font-size: 2.25rem;
}
.cta38_link-block {
padding-top: 1.25rem;
padding-bottom: 1.25rem;
}
.portfolio15_title-wrapper {
flex-direction: column;
grid-template-columns: 1fr;
justify-items: start;
}
.banner14_component {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.content17_component {
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
grid-template-columns: 1fr;
}
.heading-style-h5-2 {
font-size: 1.25rem;
}
.portfolio11_list {
grid-row-gap: 3rem;
grid-template-columns: 1fr;
}
.footer4_bottom-wrapper {
grid-column-gap: 0rem;
grid-row-gap: 1rem;
grid-auto-flow: row;
justify-items: center;
padding-bottom: 1rem;
}
.header83_images-layout {
grid-template-columns: 1fr;
}
.portfolio15_item {
grid-row-gap: 1.5rem;
grid-template-columns: 1fr;
}
.slider3_slide {
padding-left: 0;
padding-right: 0;
}
.margin-bottom-8 {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.lightbox_video-wrapper {
width: 80%;
}
.footer4_credit-text {
margin-top: 1rem;
}
.header83_content {
background-image: linear-gradient(#00000080, #00000080);
}
.heading-style-h3 {
font-size: 2rem;
}
.container-1323 {
padding-right: 270px;
}
.arrow-icon-3 {
align-self: flex-end;
margin-bottom: 0;
}
.container-1324, .container-1325 {
padding-left: 2em;
padding-right: 2em;
}
.spacer-3 {
height: 32px;
}
.eyebrow-text-block {
font-size: .875rem;
}
.button-icon_wrapper {
align-items: center;
}
.button-63 {
font-size: .75rem;
}
.heading-540.h3 {
font-size: 1.25rem;
line-height: 2.25em;
}
.feature_card-content {
flex-direction: column;
}
.feature_card-wrapper {
grid-template-rows: auto auto;
grid-template-columns: 1.75fr;
}
.heading-542 {
font-size: 5rem;
}
.padding-global-5 {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.heading-6 {
line-height: 1.3;
}
.mask-frame {
inset: 0%;
}
.text-size-large-6 {
font-size: 1.5rem;
}
.text-size-xlarge-2 {
font-size: 2rem;
}
.cta-content-2 {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.heading-543 {
font-size: 3.5rem;
}
.margin-bottom-9 {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.text-size-medium-5 {
font-size: 1rem;
}
.menu-icon-5 {
justify-content: center;
align-items: center;
width: 4rem;
height: 4rem;
}
.introduction {
font-size: 1.5rem;
}
.navbar-10vh {
height: 4rem;
}
.nav-menu-10 {
top: 4rem;
}
.section-191 {
padding: 2rem;
}
.menu-button-10 {
right: 0;
}
.nav-container-horiz {
padding-left: 2rem;
padding-right: 2rem;
}
.section-192 {
padding: 2rem;
}
.grid-2-columns-8 {
grid-template-columns: 1fr;
}
.display-25 {
font-size: 65px;
}
.social-image-2 {
width: 14px;
}
.team-grid-2 {
grid-template-columns: 1fr;
}
.display-26 {
text-align: center;
}
.accordion-text-4 {
font-size: 24px;
}
.accordion-toggle-2 {
font-size: 18px;
line-height: 28px;
}
.container-1333.accordion {
flex-direction: column;
}
.heading-2-homepage {
font-size: 3rem;
}
.heading-2-homepage.text-weight-medium.all-caps {
font-size: 3.6rem;
}
.homepage-header-marquee {
width: 20rem;
}
.project-arrow-2 {
display: none;
}
.homepage-pages {
padding-top: 1.3rem;
}
.heading-546 {
font-size: 3.5rem;
}
.heading-546.text-weight-medium.homepage {
font-size: 2rem;
line-height: 1.3;
}
.section-195 {
padding-top: 80px;
padding-bottom: 80px;
}
.big-text-6 {
font-size: 28px;
}
.text-size-large-7 {
font-size: 1.25rem;
}
.spacer-huge {
padding-top: 4rem;
}
.section-196.is-hero {
padding-top: 8rem;
padding-bottom: 4em;
}
.section-196.case-study {
padding-top: 8rem;
padding-bottom: 4rem;
}
.spacer-footer {
padding-top: 8rem;
}
.image-wrapper-3.wood {
max-width: 12rem;
}
.social-wrapper-2 {
align-items: flex-start;
}
.social-wrapper-2.left-aligned {
align-items: center;
}
.column-74.footer-right {
flex-direction: column;
justify-content: flex-start;
}
.column-74.wood-right {
padding-left: 0;
}
.column-74.is-explore-info {
left: 1rem;
}
.column-74.product-teaser-right {
order: 1;
width: 100%;
}
.wood-component-title {
align-items: center;
margin-bottom: .5rem;
}
.wrapper-9.is-awards {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
}
.wrapper-9.is-wood-image {
min-height: 30vh;
}
.wrapper-9.is-wood-intro {
padding-top: 8rem;
}
.wrapper-9.is-product-teaser {
flex-direction: column;
}
.social-author {
max-width: none;
}
.link-51.is-product-teaser {
width: 100%;
}
.padding-global-7 {
padding-left: 1rem;
padding-right: 1rem;
}
.padding-global-7.nospace-right {
padding-right: 1rem;
}
.wood-component-item {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
}
.grid-28.is-product {
grid-template-columns: 1fr;
}
.grid-28.is-credit {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
grid-template-columns: 24px .25fr 1fr 24px;
}
.grid-28.is-casestudy {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-columns: 1.2fr;
}
.grid-28.is-intro {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
grid-template-columns: 1fr;
}
.grid-28.is-awards {
grid-column-gap: 5rem;
grid-row-gap: 5rem;
}
.grid-28.is-wood {
grid-template-columns: 1fr;
}
.button-arrow-3.small {
min-width: 100px;
height: 34px;
font-size: 14px;
}
.hero-grid_unlocks-shoe {
width: 150px;
margin-left: -10px;
}
.hero-paragraph-wrap {
grid-column-gap: 20px;
grid-row-gap: 20px;
}
.hero-grid-block {
flex: 1;
padding: 20px;
}
.hero-heading-6 {
margin-bottom: 20px;
font-size: 50px;
}
.hero-logo {
width: 180px;
}
.hero-h2-heading {
font-size: 42px;
}
.hero-h3-heading {
font-size: 18px;
}
.hero_para {
text-align: center;
}
.hero_content {
flex-direction: column;
display: flex;
}
.button_wrapper {
justify-content: center;
}
.global_padding {
padding-left: 0;
}
.primary_text.gerstarted {
flex: none;
margin-left: 1em;
margin-right: 1em;
}
.primary_button {
padding-left: 2em;
padding-right: 2em;
}
.hero_cont-text {
padding-top: 4em;
padding-bottom: 0;
}
.secondary_button {
padding-left: 2em;
padding-right: 2em;
}
.h1-5 {
text-align: center;
font-size: 4em;
}
.secondary_text {
flex: none;
margin-left: 1em;
margin-right: 1em;
}
.home-hero_component {
grid-row-gap: 3rem;
}
.margin-bottom-10 {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.banner-small-container {
display: none;
}
.primary-button-2 {
font-size: 15px;
line-height: 20px;
}
.container-button-gradient {
display: block;
}
.heading-xlarge-3 {
font-size: 2.5rem;
}
.home-hero_content {
padding-right: 0;
}
.home-hero_image-wrapper-left {
max-height: 20rem;
}
.page-padding-16 {
padding-left: 5%;
padding-right: 5%;
}
.sub-title {
font-size: 16px;
line-height: 23px;
}
.client-logo-2 {
padding-left: 7%;
padding-right: 7%;
}
.display-text.home-header {
width: auto;
font-size: 72px;
}
.card-10 {
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
}
.columns-24 {
padding-left: 30px;
padding-right: 30px;
}
.arrivals-section {
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
}
.text-medium-3 {
font-size: 1.5rem;
}
._12-column-grid {
grid-row-gap: 3rem;
}
.text-large {
font-size: 2rem;
line-height: 100%;
}
.container-1338 {
padding-left: 1rem;
padding-right: 1rem;
}
.section-heading-container {
max-width: none;
}
.logo-grid-3 {
grid-template-columns: 1fr 1fr;
}
.logo-wrapper-5 {
padding-left: 12%;
padding-right: 12%;
}
.container-1339 {
padding-left: 1rem;
padding-right: 1rem;
}
.banner-section {
padding-top: 80px;
display: none;
}
.home-banner-title-wrap {
margin-bottom: 20px;
}
.section-title-wrap-2, .section-title-wrap-2.center {
width: auto;
}
.banner-text-star {
width: 26px;
margin-top: 10px;
display: none;
}
.home-banner-title {
flex-direction: column;
}
.home-banner-title.flex {
flex-direction: row;
}
.banner-text {
font-size: 50px;
}
.banner-text.homepage {
font-size: 65px;
font-weight: 700;
}
.banner-area-content {
font-size: 20px;
}
.slider-overlay {
height: 91%;
}
.banner-vector-top {
top: 43px;
}
.image-slider-container {
width: 600vw;
height: 400px;
}
.what-we-do-section {
padding-top: 80px;
}
.section-title-13 {
font-size: 33px;
line-height: 1.5;
}
.portfolio-link-3 {
justify-content: center;
}
.portfolio-grid {
grid-row-gap: 50px;
grid-template-columns: 1fr;
}
.portfolio-card-image-wrap {
padding-bottom: 20px;
}
.section-title-14 {
font-size: 33px;
line-height: 1.5;
}
.section-title-14.text-white {
font-size: 30px;
}
.revenue-section {
padding-top: 80px;
padding-bottom: 80px;
}
.portfolio-card {
text-align: center;
}
.banner-section-2 {
padding-top: 80px;
}
.banner-area-content-2 {
font-size: 20px;
}
.faq-section-3 {
padding-top: 80px;
padding-bottom: 80px;
}
.accordion-item-2 {
padding-left: 20px;
padding-right: 20px;
}
.accordion-paragraph {
max-width: 100%;
font-size: 16px;
line-height: 1.6;
}
.section-title-15 {
font-size: 33px;
line-height: 1.5;
}
.faq-whole-wrap {
padding-top: 40px;
}
.accordion-item-title {
max-width: 80%;
font-size: 25px;
}
.tab-link-3.w--current {
text-align: center;
}
.tab-item-content {
max-width: 100%;
}
.tab-link-text-2 {
font-size: 24px;
}
.page-wrapper-6 {
height: auto;
}
.tabs-menu-7 {
text-align: center;
justify-items: center;
}
.main-wrapper-14 {
padding-top: 30px;
padding-bottom: 60px;
}
.tab-item {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-direction: column;
}
.tab-item-image._01 {
max-width: 500px;
}
.hero-section-10 {
padding-left: 10px;
padding-right: 10px;
}
.hero-image-item {
width: 50px;
height: 50px;
}
.hero-text-5 {
font-size: 34px;
}
.hero-image-6 {
box-shadow: 2px 2px #000;
}
.arrow-icon-5 {
width: 50px;
}
.app-text {
display: none;
}
.label-6 {
margin-bottom: 15px;
}
.container-1342.grid-two-spaced {
grid-template-columns: 1fr;
}
.container-1342.team-grid {
grid-template-columns: 1fr 1fr 1fr;
}
.container-1342.location-grid {
grid-template-columns: 1fr;
}
.container-1342.contact-grid {
grid-template-columns: 2fr;
}
.team-member-item.spaced-member {
margin-top: 0;
}
.team-member-image-wrap {
height: 70vw;
}
.section-201 {
padding: 50px 25px;
}
.label-7 {
margin-bottom: 15px;
}
.section-202 {
padding: 50px 25px;
}
.label-8 {
margin-bottom: 15px;
}
.text-area-2 {
font-size: 3vw;
}
.section-204 {
padding: 50px 25px;
}
.section-204.page-hero {
padding-top: 24vh;
}
.text-field-13 {
font-size: 3vw;
}
.sticky-column-2 {
grid-column-gap: 6vw;
grid-row-gap: 6vw;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.background-video-work-a-2 {
height: 54vw;
}
.slider-wrapper-2 {
padding-bottom: 88px;
}
.section-205 {
padding-top: 140px;
padding-bottom: 140px;
}
.display-27 {
font-size: 28px;
}
.btn-circle-secondary-2 {
width: 56px;
min-width: 56px;
height: 56px;
min-height: 56px;
font-size: 22px;
line-height: 24px;
}
.btn-circle-secondary-2.left-slider-btn {
width: 56px;
min-width: 56px;
height: 56px;
min-height: 56px;
font-size: 26px;
inset: auto 72px 0% 0%;
}
.btn-circle-secondary-2.right-slider-btn {
width: 56px;
min-width: 56px;
height: 56px;
min-height: 56px;
font-size: 26px;
inset: auto 0% 0% 72px;
}
.text-406 {
font-size: 20px;
}
.display-28 {
font-size: 40px;
}
.container-default-19 {
padding-left: 20px;
padding-right: 20px;
}
.heading-small-3 {
font-size: 3em;
}
.bg-video {
height: 50vh;
}
.video-heading {
font-size: 18px;
line-height: 26px;
}
.link-moving-typo {
font-size: 1.5rem;
}
.section-207 {
padding: 2rem;
}
.accordion-body-content {
grid-template-columns: 1fr 1fr;
}
.accordion-title-3 {
padding-right: 0;
}
.accordion-summary-container {
padding-top: .5em;
}
.container-1344 {
padding-top: 2rem;
padding-bottom: 2rem;
}
.accordion-number {
padding-top: 15px;
padding-bottom: 10px;
padding-left: 0;
}
.heading-display-3 {
font-size: 60px;
}
.accordion-header-2 {
grid-template-columns: 1fr 5fr;
}
.accordion-body {
padding-left: 0%;
padding-right: 0%;
}
.about-slider-mask {
width: 100%;
}
.slider-arrow {
width: 3rem;
height: 3rem;
}
.item {
width: 100%;
height: 14em;
}
.line-5 {
width: 1.125em;
}
.h4-2 {
font-size: 24px;
line-height: 32px;
}
.section-210 {
padding-bottom: 60px;
padding-left: 10px;
padding-right: 10px;
}
.content-section-6 {
padding-top: 140px;
}
.hero-subtext {
text-align: left;
max-width: 32ch;
}
.div-hide-2 {
display: none;
}
.div-hide-2.is--mobile, .div-hide-2.is--always {
display: block;
}
.div-hide-2.is--project-title {
margin-bottom: 2vw;
display: block;
}
.label-services-wrapper {
top: -14%;
}
.container-1345.flex-cc-v.is--s-hero {
align-items: flex-start;
}
.hero-h1 {
z-index: 10000;
font-size: 12vw;
}
.btn-7 {
padding: 3.5vw 7vw;
}
.benefit-wrapper {
margin-top: 4vw;
}
.benefits-grid {
grid-row-gap: 6vw;
grid-template-columns: 1fr;
}
.section-212 {
padding-top: 15vw;
padding-bottom: 15vw;
}
.text-gradient {
display: inline-block;
}
.p-wrapper.s-intro {
left: 0;
}
.testimonial-author-img.top {
width: 16vw;
height: 16vw;
}
.heading-line-wrapper.services-h2._2 {
margin-top: 0;
}
.testimonial-author-img-parent {
width: 16vw;
height: 16vw;
}
.p-rel {
padding-right: 0;
}
.img-parent-2.services._3 {
display: none;
left: 3%;
}
.img-parent-2.services._4 {
display: none;
right: 0%;
}
.img-parent-2.services._2, .img-parent-2.services._1 {
display: none;
}
.img-parent-2.aluce-circle {
width: 70vw;
margin-top: 10vw;
}
.img-parent-2.h-services {
margin-top: 8%;
margin-right: 18vw;
}
.img-parent-2.h-services._4 {
margin-top: 0%;
}
.img-parent-2.h-services._3 {
margin-top: -1%;
}
.img-parent-2.h-services._5 {
margin-top: -2%;
}
.img-parent-2.h-services._2 {
margin-top: 6%;
}
.super-text {
flex: none;
font-size: 20vw;
}
.btn-8 {
padding: 3.5vw 7vw;
}
.btn-8.bigger.btn-gradient {
padding-left: 9vw;
padding-right: 9vw;
}
.split-section-wrapper {
margin-top: 2vw;
}
.section-213 {
padding-top: 15vw;
padding-bottom: 15vw;
}
.section-213.is--bigger {
padding-top: 20vw;
padding-bottom: 20vw;
}
.section-213.s-intro {
padding-top: 8em;
padding-bottom: 0;
}
.display-29 {
margin-bottom: 0;
font-size: 30px;
}
.features-content_icon {
width: 5rem;
height: 5rem;
}
.button_wrapper-3 {
padding-left: 140px;
padding-right: 140px;
}
.home_cta-component {
padding: 3rem;
}
.features_content.text-align-center {
width: auto;
padding-left: 1rem;
padding-right: 1rem;
}
.decoration-header-squiggle {
max-width: 5%;
}
.form_input-field {
padding-top: 1rem;
padding-bottom: 1rem;
}
.page-padding-17 {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.text-size-large-8 {
font-size: 1.25rem;
}
.margin-bottom-11 {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.home-benefits_content {
width: 50ch;
}
.arrow-decoration-image {
width: 10%;
}
.process-content_images {
max-width: 70%;
}
.feature-icon_image {
max-width: 35%;
}
.sign-up-form {
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
padding-left: 4rem;
padding-right: 4rem;
}
.home-benefits_wrapper {
margin-top: 4rem;
}
.home-benefits_wrapper.margin-top {
grid-row-gap: 5rem;
}
.home-process-content_wrapper {
padding-left: 0;
padding-right: 0;
}
.button-70.is-white {
padding-top: 1rem;
padding-bottom: 1rem;
}
.feature-grid {
grid-template-columns: 1fr 1fr;
}
.cell.desktop {
display: none;
}
.cell.text-center {
text-align: center;
}
.cell.mobile {
display: block;
}
.spacing-60 {
height: 40px;
}
.spacing-100 {
height: 70px;
}
.fw-image {
max-width: 80%;
margin-left: auto;
margin-right: auto;
}
._2-col-grid-7.image-right {
grid-column-gap: 40px;
grid-row-gap: 40px;
text-align: center;
grid-template-columns: 1fr;
}
._2-col-grid-7.image-left {
grid-column-gap: 40px;
grid-row-gap: 40px;
text-align: center;
grid-template-columns: 1.75fr;
}
.div-block-260 {
margin-left: 40px;
margin-right: 40px;
}
.bold-text-48 {
font-size: 1em;
}
.heading-560 {
font-size: 1.80188rem;
}
.heading-561 {
font-size: 1.25rem;
}
.section-223 {
padding-top: 80px;
padding-bottom: 80px;
}
.section-223.black.testimonials-slider-section {
padding-bottom: 140px;
}
.arrrow-testimonials-slider {
inset: auto 0 -64px auto;
}
.grid-thirds-3 {
grid-template-columns: 1fr;
}
.tile-template-details {
padding: 24px;
}
.left-column-template-details {
display: none;
}
.section-224 {
padding-top: 80px;
padding-bottom: 80px;
}
.grid-colors {
grid-template-columns: 1fr 1fr;
}
.icons-grid-template {
grid-template-columns: 1fr 1fr 1fr;
}
.big-text-7 {
font-size: 28px;
}
.columns-template-details {
flex-direction: column;
}
.right-column-template-details {
padding: 0;
}
.container-1349 {
padding-left: 20px;
padding-right: 20px;
}
.section-225, .section-226 {
padding-top: 80px;
padding-bottom: 80px;
}
.big-text-8 {
font-size: 28px;
}
.section-227 {
padding-top: 80px;
padding-bottom: 80px;
}
.section-227.black.testimonials-slider-section {
padding-bottom: 140px;
}
.service-h3-expandable-4 {
font-size: 22px;
line-height: 28px;
}
.section-228 {
padding-top: 80px;
padding-bottom: 80px;
}
.faq-paragraph-6 {
font-size: 16px;
line-height: 140%;
}
.big-text-9, .big-text-10, .big-text-11 {
font-size: 28px;
}
.heading-hero-b {
font-size: 9vw;
}
.block-paragraph-hero-b {
margin-top: 20px;
padding-left: 10px;
padding-right: 10px;
}
.paragraph-hero-b {
max-width: 410px;
}
.paragraph-36 {
font-size: 16px;
}
.service-box-header {
font-size: 26px;
}
.grid-30 {
grid-template-columns: 1fr;
}
.second-heading {
font-size: 38px;
line-height: 48px;
}
.heading-53 {
font-size: 20px;
}
.section-231 {
padding-left: 2.7vw;
padding-right: 2.7vw;
}
.grid-project-b {
grid-template-columns: 1fr;
}
.lightbox-link-b, .lightbox-link-b.large-b {
height: 54vw;
}
.hero_list {
padding-top: 3rem;
}
.hero_text {
font-size: 1.4rem;
}
.learn-block {
margin-top: 6px;
font-size: 14px;
font-weight: 700;
line-height: 16px;
}
.card-text {
margin-top: 12px;
font-size: 14px;
line-height: 18px;
}
.card-image-3 {
max-width: 94px;
}
.heading-tag {
color: #000;
background-color: #fecc2f;
font-size: 14px;
line-height: 18px;
}
.feature-card-wrapper {
grid-column-gap: 17px;
grid-row-gap: 17px;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
}
.feature-card {
padding: 12px 12px 16px;
}
.display-l {
font-size: 52px;
line-height: 72px;
}
.navigation-scroll {
grid-column-gap: 24px;
grid-row-gap: 24px;
}
.m-footer-grid-large {
grid-template-columns: 1fr 1fr;
}
.m-footer-legal-wrapper {
text-align: center;
flex-direction: column;
}
.m-footer-top-banner {
grid-row-gap: 24px;
flex-direction: column;
align-items: flex-start;
}
.cta-bar {
text-align: center;
flex-direction: column;
}
.footer-grid-extra {
grid-column-gap: 42px;
grid-row-gap: 42px;
grid-template-columns: 1fr 1fr;
}
.footer-detail-bar {
flex-flow: column wrap;
align-items: center;
}
.footer-detail {
margin-bottom: 40px;
}
.footer-button-2 {
margin-top: 20px;
}
.footer-grid-5 {
grid-template-columns: 1fr 1fr;
}
.t-navigation-dropdown-grid {
grid-template-columns: 1fr;
}
.t-navigation-dropdown-left {
padding: 0;
}
.t-navigation-dropdown-base {
height: 450px;
overflow: scroll;
}
.t-navigation-button {
display: none;
}
.t-navigation-button-wrapper {
grid-column-gap: 16px;
}
.content-number-wrap {
font-size: 18px;
}
.content-grid-4 {
grid-row-gap: 60px;
margin-bottom: 60px;
}
.content-image-wrap {
align-items: flex-start;
display: flex;
}
.content-heading-2 {
font-size: 40px;
line-height: 50px;
}
.content-section-7 {
padding-top: 100px;
padding-bottom: 100px;
}
.content-number {
font-size: 44px;
line-height: 55px;
}
.content-image-card {
right: -10%;
}
.members-grid {
grid-template-columns: 1fr;
}
.avatar-image-wrap {
height: 400px;
}
.gallery-image-medium {
height: 200px;
}
.gallery-tab-link {
margin-top: 10px;
margin-bottom: 10px;
}
.gallery-image-large {
height: 200px;
}
.title-wrapper-4 {
margin-bottom: 60px;
}
.gallery-image-small {
height: 200px;
}
.gallery-grid {
grid-column-gap: 20px;
}
.b-h3-heading {
font-size: 40px;
}
.b-integration-grid {
grid-template-columns: 1fr;
}
.b-badge-caption {
margin-right: 8px;
display: inline;
}
.title-block {
margin-bottom: 40px;
margin-right: 0;
}
.integration-card {
margin-bottom: 10px;
}
.integration-grid {
grid-template-columns: 3fr;
max-width: 380px;
}
.interaction-wrapper {
justify-content: center;
align-items: center;
display: flex;
}
.title-wrap-4 {
text-align: center;
flex-direction: column;
align-items: center;
}
.title-wrapper-5 {
margin-bottom: 60px;
}
.h5-heading {
font-size: 32px;
}
.content-grid-b {
grid-template-columns: 1fr;
}
.section-large {
padding-top: 72px;
padding-bottom: 72px;
}
.h1-heading {
font-size: 48px;
}
.header-feature-grid {
grid-template-columns: 1fr;
}
.section-regular {
padding-top: 72px;
padding-bottom: 72px;
}
.process-step {
margin-right: 20px;
}
.process-title-wrap-2 {
margin-bottom: 60px;
}
.section-regular-2 {
padding-top: 72px;
padding-bottom: 72px;
}
.blog-card-b {
grid-row-gap: 32px;
}
.grid-three-column {
grid-template-columns: 1fr;
}
.blog-card-c {
padding: 0;
}
.grid-blog {
grid-template-columns: 1fr;
max-width: 380px;
margin-left: auto;
margin-right: auto;
}
.h3-heading {
font-size: 52px;
}
.banner-2 {
background-image: none;
background-position: 0 0;
background-repeat: repeat;
background-size: auto;
}
.grid-three-column-2 {
grid-template-columns: 1fr;
}
.header-bg {
height: 60%;
}
.h1-heading-2 {
font-size: 48px;
}
.header-divider {
height: 80px;
}
.section-header-3 {
padding-top: 72px;
padding-bottom: 72px;
}
.process-heading-2 {
font-size: 50px;
}
.process-grid-3 {
grid-template-columns: 1fr;
}
.hero-banner-3, .hero-banner-4 {
display: flex;
}
.faq-block-2 {
padding-right: 0;
}
.section-regular-3 {
padding-top: 72px;
padding-bottom: 72px;
}
.logo-12 {
margin-left: 12px;
margin-right: 12px;
padding-left: 32px;
padding-right: 32px;
}
.h5-heading-2 {
font-size: 32px;
}
.padding-top-2 {
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
}
.hide-mobile-landscape {
display: none;
}
.home-services-grid {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
}
.home-services-grid-inner {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
grid-template-columns: 1fr;
}
.heading-style-h2-2 {
letter-spacing: -.5px;
font-size: 2rem;
}
.home-about-grid {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
}
.marquee-heading {
font-size: 3.5rem;
}
.home-clients-grid-right {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
}
.heading-style-xlarge {
letter-spacing: -1px;
font-size: 4rem;
}
.heading-style-medium {
font-size: 3rem;
}
.padding-global-9 {
padding-left: 2rem;
padding-right: 2rem;
}
.margin-bottom-35 {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.home-services-grid-right {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
}
.home-clients-grid-inner {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
grid-template-columns: 1fr;
}
.projects-work-item-content {
padding-left: 2rem;
padding-right: 2rem;
}
.heading-style-xlarge-2 {
letter-spacing: -1px;
font-size: 4rem;
}
.margin-bottom-36 {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.heading-style-h1-2 {
letter-spacing: -.5px;
font-size: 2.5rem;
}
.home-services-grid-inner-2 {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
grid-template-columns: 1fr;
}
.padding-global-10 {
padding-left: 2rem;
padding-right: 2rem;
}
.margin-bottom-37 {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.padding-global-11 {
padding-left: 2rem;
padding-right: 2rem;
}
.margin-bottom-38 {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.heading-style-medium-2 {
font-size: 3rem;
}
.padding-global-12 {
padding-left: 2rem;
padding-right: 2rem;
}
.margin-bottom-39 {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.padding-global-13 {
padding-left: 2rem;
padding-right: 2rem;
}
.home-services-grid-inner-3 {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
grid-template-columns: 1fr;
}
.padding-global-14, .padding-global-15, .padding-global-16 {
padding-left: 2rem;
padding-right: 2rem;
}
.menu-container {
padding-top: 1rem;
padding-right: 1rem;
}
.menu-toggle {
justify-content: center;
align-items: center;
width: 48px;
height: 48px;
padding: 0;
display: flex;
}
.menu-toggle-text, .menu-toggle-text-hover {
display: none;
}
.menu-toggle-icon {
width: 24px;
height: 24px;
display: block;
}
.section_img_grid {
flex-direction: column;
display: flex;
}
.section_title_grid {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
flex-direction: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.section_title_grid.terms {
flex-direction: row;
justify-content: space-between;
display: flex;
}
.content_wrapper-2 {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
}
.whipe.hero_top {
display: block;
}
.padding_global {
padding-left: 5%;
padding-right: 5%;
}
.padding_global.no_padding.hero_mobile {
height: auto;
}
.negative_margin_top.small {
margin-top: -.5rem;
padding-right: .5rem;
}
.team_name_txt {
font-size: 1.5rem;
}
.num_index_txt {
font-size: .5rem;
}
.index_txt {
font-size: .75rem;
}
.team_role_txt {
font-size: .8rem;
}
.section_num_grid {
grid-column-gap: 5rem;
grid-row-gap: 5rem;
flex-direction: row;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
margin-top: 0;
display: flex;
}
.stats_num_wrap {
grid-column-gap: 5rem;
grid-row-gap: 5rem;
flex-direction: row;
justify-content: flex-start;
width: 100%;
}
.big_num_wrap {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
}
.big_num {
letter-spacing: -.2rem;
}
.founder_signature {
font-size: 1.5rem;
}
.quote_mark {
width: .5rem;
}
.hero_dot_wrap {
top: 0%;
}
.hero_heading_flex {
margin-left: -2%;
}
.hero_top_wrapper {
padding-left: 5%;
padding-right: 5%;
}
.quote_txt {
font-size: .6rem;
}
.hero_dot_parent {
width: .5rem;
height: .5rem;
margin-top: 1rem;
}
.section-236.home_hero {
align-items: flex-end;
height: 100svh;
padding-top: 0;
display: flex;
}
.terms_list_wrap {
width: 100%;
}
.grid_btm {
justify-content: space-between;
}
.footer_logo_wrap {
max-width: none;
}
.content_wrapper-3 {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
}
.terms_item_title {
font-size: 1.5rem;
}
.service_item_flex {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
width: 100%;
}
.footer_grid {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
.footer_grid.btm {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-direction: column;
grid-template-rows: auto;
display: flex;
}
.intro_grid {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
flex-direction: column;
display: flex;
}
.service_num {
font-size: 1.5rem;
}
.service_list_main {
grid-column-gap: 10rem;
grid-row-gap: 10rem;
}
.service_item_grid {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
grid-template-columns: 1fr;
}
.content_wrapper-4 {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
}
.service_item_wrap {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-direction: row;
display: flex;
}
.service_lottie {
width: 4.5rem;
}
.service_item_title {
font-size: 2rem;
}
.index_txt-2, .index_txt-3 {
font-size: .75rem;
}
.section-241 {
padding-left: 2.7vw;
padding-right: 2.7vw;
}
.hero-c {
grid-row-gap: 5px;
flex-direction: column;
align-items: center;
}
.heading-hero-c {
font-size: 9vw;
}
.heading-hero-c.h {
font-size: 8vw;
}
.heading-accent-c {
margin-bottom: 1.7vw;
font-size: 5vw;
}
.secondary-button-4 {
justify-content: center;
align-items: center;
display: flex;
}
.hero-heading-7 {
font-size: 55px;
}
.hero-section-11 {
align-items: center;
}
.hero-intro-container {
width: 100%;
}
.hero-image-wrapper-6 {
width: 100px;
height: 44px;
margin-right: 15px;
}
.heading-wrapper-4 {
flex-wrap: wrap;
justify-content: center;
}
.hero-content-wrapper {
flex-direction: column;
}
.intro-logos_logo {
margin-left: 6px;
margin-right: 6px;
transform: scale(.7);
}
.secondary-button-5 {
justify-content: center;
align-items: center;
display: flex;
}
.hero-heading-8 {
font-size: 55px;
}
.hero-section-12 {
align-items: center;
}
.heading-wrapper-5 {
flex-wrap: wrap;
justify-content: center;
}
.clients-grid {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
width: 100%;
margin-left: 0;
}
.brand-nav-wrapper.w--current {
width: 33%;
padding-left: 0;
}
.margin-bottom-40 {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.app_content-top-wrapper {
grid-column-gap: 4rem;
grid-row-gap: 4rem;
grid-template-columns: minmax(auto, 1fr);
}
.app_para {
font-size: 1.625rem;
}
.heading-565 {
font-size: 2.25rem;
}
.app_user-cursor-img-2 {
inset: auto auto -2rem 0%;
}
.background-video-40 {
display: none;
}
.cell-3 {
align-items: center;
}
.main-header-text {
text-align: center;
}
.main-header-text.header {
text-align: center;
font-size: 2em;
}
.number-4 {
font-size: 10px;
line-height: 100%;
}
.number-4.yellow {
text-align: left;
margin-top: 10px;
}
.sucessinfo-2 {
grid-row-gap: 0px;
padding-left: 24px;
padding-right: 24px;
font-size: 24px;
}
.paragraph_large-2 {
font-size: 16px;
line-height: 140%;
}
.service-category-card-info {
grid-row-gap: 8px;
}
.sectiontitle-2 {
margin-top: 16px;
font-size: 32px;
}
.sectiontitle-2.bigger {
width: 100%;
margin-top: 0;
}
.boxcombo {
grid-column-gap: 8px;
}
.insidecard-4 {
background-position: 50% -40%;
background-size: 720px;
}
.buttonprimary-2 {
font-size: 18px;
line-height: 100%;
}
.select-field-2 {
height: 48px;
}
.h2_middletext-2 {
font-size: 56px;
}
.h3_pricing-2 {
font-size: 24px;
}
.cardlabel-2 {
font-size: 8px;
}
.cell-5, .section-247.home.mobile {
display: block;
}
.container-1367 {
padding-left: 175px;
padding-right: 175px;
}
.section-248 {
flex-flow: column wrap-reverse;
}
.grid-35 {
flex-flow: column wrap-reverse;
display: flex;
}
.grid-35._2 {
flex-direction: column-reverse;
}
.div-block-274 {
text-align: center;
padding-right: 0;
}
.div-block-276 {
flex-direction: row-reverse;
display: flex;
}
.div-block-277 {
padding-left: 20px;
padding-right: 20px;
}
.text-align-center-8 {
margin-bottom: 2rem;
}
.margin-bottom-41 {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.page-padding-18 {
padding-left: 1rem;
padding-right: 1rem;
}
.container-1368 {
padding-left: 175px;
padding-right: 175px;
}
.text-align-center-9 {
margin-bottom: 2rem;
}
.margin-bottom-42 {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.page-padding-19 {
padding-left: 1rem;
padding-right: 1rem;
}
.container-1369 {
padding-left: 175px;
padding-right: 175px;
}
.navbar-logo-left-container {
max-width: 100%;
}
.navbar-brand {
padding-left: 0;
}
.nav-menu-two {
border-radius: 20px;
flex-direction: column;
padding-bottom: 30px;
}
.nav-link-8 {
padding-top: 10px;
padding-bottom: 10px;
display: inline-block;
}
.nav-dropdown-2 {
flex-direction: column;
align-items: center;
display: flex;
}
.nav-dropdown-toggle {
padding-top: 10px;
padding-bottom: 10px;
}
.nav-dropdown-list.shadow-three {
box-shadow: 0 8px 50px #0000000d;
}
.nav-dropdown-list.shadow-three.w--open {
position: relative;
}
.nav-dropdown-list.shadow-three.mobile-shadow-hide {
box-shadow: none;
}
.nav-divider {
width: 200px;
max-width: 100%;
height: 1px;
margin-top: 10px;
margin-bottom: 10px;
}
.nav-link-accent {
margin-right: 5px;
padding-top: 10px;
padding-bottom: 10px;
display: inline-block;
}
.mobile-margin-top-10 {
margin-top: 10px;
}
.hero-without-image, .pricing-comparison {
padding: 60px 15px;
}
.pricing-wrapper {
justify-items: stretch;
}
.pricing-card {
width: auto;
}
.pricing-title-2 {
font-size: 34px;
line-height: 42px;
}
.testimonial-column-dark {
padding: 60px 15px;
}
.testimonial-main-image {
width: 250px;
}
.hero-stack {
padding: 60px 15px;
}
.paragraph-211 {
font-size: 1.3em;
}
.text-align-center-10 {
margin-bottom: 2rem;
}
.margin-bottom-43 {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.page-padding-20 {
padding-left: 1rem;
padding-right: 1rem;
}
.container-1374 {
padding-left: 175px;
padding-right: 175px;
}
.text-align-center-11 {
margin-bottom: 2rem;
}
.margin-bottom-44 {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.page-padding-21 {
padding-left: 1rem;
padding-right: 1rem;
}
.recaptcha {
margin-left: auto;
}
.grid-37 {
flex-direction: column;
grid-template-columns: 1fr 1fr;
display: flex;
}
.heading-570 {
font-size: 2em;
}
.text-block-203 {
text-align: left;
}
.div-block-286 {
padding-right: 275px;
}
.div-block-286.ss {
justify-content: center;
padding-right: 0;
display: flex;
}
.contact-01-container {
grid-column-gap: 60px;
grid-row-gap: 60px;
margin-top: 80px;
margin-left: 40px;
margin-right: 40px;
}
.mobile-margin-top-11 {
margin-top: 10px;
}
.nav-link-9 {
display: inline-block;
}
.navbar-brand-2 {
padding-left: 0;
}
.contact-form-block-2.strategy {
width: 500px;
}
.nav-menu-12 {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-direction: column;
padding-top: 20px;
padding-left: 0;
}
.heading-571 {
font-size: 48px;
line-height: 56px;
}
.location-container, .brand-logos-container {
margin-left: 40px;
margin-right: 40px;
}
.heading-572 {
font-size: 48px;
line-height: 56px;
}
.content-2-item-image-box {
margin-top: 30px;
}
.content-2-container {
margin-left: 40px;
margin-right: 40px;
}
.heading-573 {
font-size: 52px;
line-height: 60px;
}
.cta-container-3 {
margin-left: 40px;
margin-right: 40px;
}
.heading-574 {
font-size: 48px;
line-height: 56px;
}
.services-provide-wrap {
margin-left: 40px;
margin-right: 40px;
}
.c-1-services-list-text-wrap {
width: 90%;
}
.heading-575 {
font-size: 40px;
line-height: 48px;
}
.content-1-container {
margin-left: 40px;
margin-right: 40px;
}
.pricing-h1 {
font-size: 34px;
line-height: 44px;
}
.background-video-work-a-3 {
height: 54vw;
}
.video-client-2, .video-title-2 {
font-size: 1.8vw;
}
.navlink-nb1 {
text-align: center;
}
.navbar-1 {
width: 300px;
}
.container-nb1 {
justify-content: center;
display: flex;
}
.hamburger-menu-nb1 {
justify-content: center;
align-items: center;
display: flex;
}
.top-bar-nb1, .middle-bar-nb1, .bottom-bar-nb1 {
background-color: #333;
border-radius: 6px;
width: 40px;
height: 3px;
margin-top: 5px;
margin-bottom: 5px;
}
.nav-link-10 {
display: inline-block;
}
.licences-container {
margin-top: 60px;
margin-left: 40px;
margin-right: 40px;
}
.heading-578 {
font-size: 52px;
line-height: 60px;
}
.nav-menu-13 {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-direction: column;
padding-top: 20px;
padding-left: 0;
}
.how_it_work_wrapper {
grid-column-gap: 76px;
grid-row-gap: 76px;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
}
.big_paragraph {
font-size: 18px;
}
.container_1100 {
max-width: 1204px;
padding-left: 24px;
padding-right: 24px;
}
.section_title_wrapper {
margin-bottom: 42px;
}
.section_title-black {
font-size: 52px;
}
.padding-block-bottom {
margin-bottom: 0;
padding-bottom: 64px;
}
.padding-block-2 {
margin-bottom: 0;
padding-top: 64px;
padding-bottom: 64px;
}
.benefits_box_right {
grid-column-gap: 42px;
grid-row-gap: 42px;
}
.benefits_box_left {
min-height: 342px;
}
.section_title-white {
font-size: 52px;
}
.membership_left-up {
margin-bottom: 96px;
}
.text_h3 {
font-size: 32px;
}
.membershi_right_list {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.heading-579 {
font-size: 40px;
line-height: 48px;
}
.features-bottom_content {
width: 100%;
}
.padding-section-large-4 {
padding-top: 4rem;
padding-bottom: 4rem;
}
.text-size-medium-9 {
font-size: 1rem;
}
.margin-bottom-45 {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.features_component {
grid-row-gap: 3rem;
grid-template-columns: 1fr;
}
.features-image-wrapper {
width: 100%;
max-width: none;
position: relative;
}
.section-2 {
padding: 60px 20px;
}
.grid-focus {
grid-column-gap: 15px;
grid-row-gap: 15px;
grid-template-columns: 1fr;
}
.focus {
padding-right: 25px;
}
.image-focus {
width: 100%;
}
.image-feature-right {
margin-top: 35px;
margin-bottom: 0;
padding-left: 0;
}
.section-268 {
padding: 60px 0;
}
.section-page-copy {
padding-top: 160px;
padding-left: 20px;
padding-right: 20px;
}
.image-feature-left {
margin-top: 35px;
margin-bottom: 0;
padding-right: 0;
}
.feature-large {
grid-template-columns: 1fr;
}
.section-269 {
padding: 60px 20px;
}
.margin-bottom-46 {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.page-padding-22 {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.home-a-video {
border-bottom-right-radius: 100px;
height: 250px;
}
.text-h0 {
font-size: 64px;
}
.home-a-umbrella {
width: 150px;
top: -20%;
}
.home-a-work-halves {
grid-column-gap: 48px;
grid-row-gap: 48px;
grid-template-columns: 1fr;
margin-top: 48px;
margin-bottom: 48px;
}
.text-h1-2 {
font-size: 64px;
}
.section-271.home-a-projects-section {
padding-top: 64px;
}
.brand-navbar-2 {
height: 20px;
padding-left: 0;
display: block;
}
.right-navbar-2, .right-navbar-3 {
grid-column-gap: 24px;
grid-row-gap: 24px;
}
.menu-inner {
grid-column-gap: 56px;
grid-row-gap: 56px;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
overflow: auto;
}
.hero-section-15 {
padding-top: 64px;
}
.hero-section-15.pd-bottom-140px {
padding-bottom: 100px;
}
.stats-content {
text-align: center;
width: 100%;
}
.item---wave {
max-width: 200px;
}
.item---wave.about-wave-left-v2.left {
top: 24px;
}
.stats-grid-2 {
grid-column-gap: 24px;
grid-row-gap: 0px;
grid-template-columns: 1fr auto 1fr;
justify-content: center;
justify-items: start;
}
.text-407 {
font-size: 20px;
}
.btn-secondary-4, .btn-primary-5 {
padding: 20px 28px;
font-size: 16px;
}
.btn-primary-5.button-row {
margin-right: 16px;
}
.border-radius-24px-2 {
border-radius: 20px;
}
.border-radius-24px-2.overflow-hidden.values-image {
max-height: 400px;
}
.display-30 {
font-size: 40px;
}
.mg-bottom-88px {
margin-bottom: 80px;
}
.grid-2-columns-10 {
grid-template-columns: 1fr;
}
.grid-2-columns-10.about-grid {
grid-column-gap: 16px;
grid-row-gap: 20px;
margin-bottom: 48px;
}
.divider-vertical.stats-divider.horizontal-mbl {
width: 100%;
min-width: auto;
max-width: none;
height: 1px;
}
.mg-bottom-64px {
margin-bottom: 56px;
}
.full-width-right-image-wrapper {
border-top-left-radius: 16px;
border-bottom-left-radius: 16px;
}
.full-width-right-image-wrapper.v2 {
width: auto;
}
.text-right-container {
max-width: none;
padding-left: 0;
}
.section-273 {
padding-top: 164px;
padding-bottom: 164px;
}
.section-273.top-240px---bottom-120px {
padding-top: 160px;
padding-bottom: 80px;
}
.btn-primary-6 {
padding: 20px 28px;
font-size: 16px;
}
.mg-bottom-32px-2 {
margin-bottom: 28px;
}
.display-31 {
font-size: 32px;
}
.display-31.mg-bottom-48px.mg-bottom-24px-mbl {
margin-bottom: 24px;
}
.grid-2-columns-11 {
grid-template-columns: 1fr;
}
.display-32 {
font-size: 20px;
}
.mg-bottom-56px-2 {
margin-bottom: 48px;
}
.grid-4-columns.values-grid {
grid-column-gap: 28px;
grid-row-gap: 48px;
margin-bottom: 56px;
}
.image-size._100px {
width: 60px;
max-width: 60px;
}
.section-274 {
padding-top: 164px;
padding-bottom: 164px;
}
.section-274.pd-top-120px---bottom-180px {
padding-top: 80px;
padding-bottom: 120px;
}
.display-33 {
font-size: 32px;
}
.grid-2-columns-12 {
grid-template-columns: 1fr;
}
.grid-2-columns-12.value-inner-grid {
grid-column-gap: 28px;
}
.grid-2-columns-12.values-grid {
grid-row-gap: 48px;
grid-template-columns: 1fr;
}
.hero-circle-2 {
width: 70vw;
top: 0%;
right: 47%;
}
.label-3 {
width: 29vw;
}
.label-3.is--h-about {
width: 31vw;
bottom: 15%;
}
.btn-9 {
padding: 3.5vw 7vw;
}
.btn-9.bigger.btn-gradient {
padding-left: 9vw;
padding-right: 9vw;
}
.hero-heading-wrapper-2 {
margin-bottom: 1vw;
overflow: hidden;
}
.label-3-wrapper {
bottom: 7%;
}
.footer-link-grid-2 {
grid-row-gap: 5vw;
grid-template-rows: auto auto auto;
grid-template-columns: 50% 50%;
justify-items: start;
width: 100%;
margin-bottom: 2.5vw;
}
.footer-link-grid-2.btm {
grid-row-gap: 5vw;
grid-template-columns: 50% 50%;
justify-items: start;
margin-top: 8vw;
margin-bottom: 0;
}
.label-4 {
width: 37vw;
}
.label-4.is--h-about {
bottom: 7%;
}
.h-about-star {
display: none;
}
.project-info-wrapper {
flex-direction: column;
align-items: flex-start;
}
.h-services-bg {
padding-left: 5%;
padding-right: 5%;
}
.m-project-site-img {
width: 50vw;
display: block;
position: absolute;
inset: auto auto -3% 4%;
transform: rotate(-5.5deg);
}
.hero-circle-1 {
width: 45vw;
top: 70%;
left: 49%;
}
.container-1378.flex-v {
width: 90%;
}
.logo-tag {
display: none;
}
.label-2 {
width: 28vw;
}
.label-2.is--h-about {
top: 15%;
}
.m-hero-heading-wrapper {
align-self: flex-start;
margin-bottom: 5vw;
}
.benefits-wrapper {
margin-bottom: 10vw;
padding-top: 2vw;
}
.footer-link-wrapper {
width: 100%;
margin-top: 15vw;
}
.recent-project-label {
left: -15vw;
}
.project-sticker {
z-index: 3;
width: 10vw;
height: 10vw;
bottom: 23%;
left: 61%;
}
.services-img-wrapper {
margin-left: -3%;
}
.poster-img._2, .poster-img._1, .poster-img._3 {
display: none;
}
.label-2-wrapper {
top: 7%;
}
.label-4-wrapper {
bottom: 1%;
}
.hero-8.is--home {
width: 100%;
}
.project-category {
margin-bottom: 0;
margin-left: 0;
}
.m-hero-container {
flex-direction: column;
align-items: flex-start;
width: 90%;
display: flex;
overflow: hidden;
}
.section-276 {
padding-top: 15vw;
padding-bottom: 15vw;
}
.section-276.is--bigger {
padding-top: 20vw;
padding-bottom: 20vw;
}
.section-276.is--services {
padding-top: 10vw;
padding-bottom: 10vw;
}
.label-1 {
width: 30vw;
}
.label-1.is--h-about {
top: 12%;
}
.footer-logo-3 {
margin-bottom: 0;
}
.project-img-1.thats-clutch-app {
width: 53vw;
inset: 1% -9% auto auto;
transform: rotate(17.6deg);
}
.label-1-wrapper {
top: 5%;
}
.project-card-wrapper {
width: 100%;
height: 118vw;
}
.project-site-img {
display: none;
}
.hero-heading-wrapper-3 {
margin-bottom: 1vw;
overflow: hidden;
}
.btn-10 {
padding: 3.5vw 7vw;
}
.btn-10.bigger.btn-gradient {
padding-left: 9vw;
padding-right: 9vw;
}
.hero-heading-wrapper-4 {
margin-bottom: 1vw;
overflow: hidden;
}
.footer-link-grid-3 {
grid-row-gap: 5vw;
grid-template-rows: auto auto auto;
grid-template-columns: 50% 50%;
justify-items: start;
width: 100%;
margin-bottom: 2.5vw;
}
.footer-link-grid-3.btm {
grid-row-gap: 5vw;
grid-template-columns: 50% 50%;
justify-items: start;
margin-top: 8vw;
margin-bottom: 0;
}
.container-1381.flex-v {
width: 90%;
}
.hero-9.is--home {
width: 100%;
}
.section-277 {
padding-top: 15vw;
padding-bottom: 15vw;
}
.section-277.is--bigger {
padding-top: 20vw;
padding-bottom: 20vw;
}
.section-277.is--services {
padding-top: 10vw;
padding-bottom: 10vw;
}
.spacer-xxlarge {
padding-top: 3rem;
}
.text-size-regular-9 {
font-size: 1rem;
}
.spacer-medium {
padding-top: 1.25rem;
}
.heading-584 {
font-size: 4rem;
}
.padding-section-large-5 {
padding-top: 4rem;
padding-bottom: 4rem;
}
.text-field-18 {
font-size: 1rem;
}
.heading-style-h3-6 {
letter-spacing: -.1rem;
font-size: 1.5rem;
}
.wrap-subtitle-home {
text-align: center;
justify-content: center;
align-items: flex-start;
max-width: 420px;
margin-left: auto;
margin-right: auto;
}
.wrap-subtitle-home.home {
flex-flow: column;
justify-content: center;
align-items: center;
width: 100%;
max-width: none;
min-height: 60px;
}
.video-hero-home {
border-top-left-radius: 140px;
border-bottom-right-radius: 140px;
}
.section-279 {
padding-top: 100px;
padding-bottom: 100px;
}
.subtitle-17 {
font-size: 26px;
}
.master-hero-home.is-max-width {
width: 100%;
}
.text-big-text {
font-size: 48px;
}
.marquee-logo {
max-width: 180px;
height: 32px;
}
.move-moving-logos, .single-moving-logo {
grid-column-gap: 80px;
grid-row-gap: 80px;
}
.section-280 {
padding-top: 100px;
padding-bottom: 100px;
}
.section-280.rounded-black {
border-top-left-radius: 64px;
border-top-right-radius: 64px;
padding-bottom: 140px;
}
.list-projects-home-b {
grid-column-gap: 80px;
grid-row-gap: 80px;
}
.container-medium-4 {
padding-left: 100px;
padding-right: 100px;
}
.push-down-projects-home {
display: none;
}
.section-281 {
padding-top: 100px;
padding-bottom: 100px;
}
.section-281.rounded-white {
border-top-left-radius: 64px;
border-top-right-radius: 64px;
margin-top: -64px;
}
.wrap-projects-home {
column-count: 1;
}
.no-margins-23.featured-work.services {
font-size: 2.5em;
}
.video-home-2.lp._1 {
overflow: hidden;
}
.flex-bottom-hero-home {
grid-column-gap: 24px;
grid-row-gap: 24px;
text-align: center;
justify-content: space-between;
align-items: center;
max-width: 420px;
margin-left: auto;
margin-right: auto;
}
.master-title-home {
text-align: center;
justify-content: center;
align-items: flex-start;
}
.master-moving-studio-hero {
margin-top: 64px;
}
.limit-sutitle-hero-about {
text-align: center;
flex-flow: column;
justify-content: flex-start;
align-items: center;
margin-left: auto;
margin-right: auto;
}
.inside-moving-hero-studio {
width: 1280px;
}
.section-282 {
padding-top: 100px;
padding-bottom: 100px;
}
.icon-brand-hero-about {
order: 1;
}
.brand-link-2 {
flex-direction: column;
justify-content: center;
padding-left: 0;
}
.nav-menu-14 {
margin-top: 0;
}
.brand-navbar-3 {
display: block;
}
.svg-icon._24.mobile-16 {
width: 16px;
height: 16px;
}
.home-new-h1 {
text-align: center;
font-size: 64px;
}
.home-new-description {
justify-content: center;
align-items: center;
margin-left: 0;
}
.hero-cta {
flex-flow: column;
justify-content: flex-start;
align-items: stretch;
}
.work-filter {
margin-bottom: 0;
padding: 24px;
display: flex;
}
.work-filter-form {
flex-flow: column;
justify-content: flex-start;
align-items: stretch;
display: flex;
}
.work-popup {
height: 100vh;
}
.work-popup-card {
grid-column-gap: 32px;
grid-row-gap: 32px;
padding: 24px;
}
.work-popup-title {
margin-top: 0;
margin-bottom: 0;
font-size: 32px;
}
.work-popup-card-close {
top: 8px;
right: 8px;
}
.work-filter-content.mobile-show {
display: flex;
}
._wf-dropdown {
position: relative;
}
._wf-dropdown-toggle {
cursor: pointer;
justify-content: space-between;
align-items: center;
display: flex;
position: relative;
}
._wf-dropdown-list {
z-index: 10;
grid-row-gap: 12px;
background-color: var(--white);
flex-flow: column;
width: 100%;
margin-top: 12px;
padding-top: 0;
padding-bottom: 0;
display: none;
position: absolute;
top: 100%;
overflow: hidden;
}
._wf-dropdown-item {
text-align: left;
cursor: pointer;
padding-top: 12px;
padding-bottom: 12px;
transition: background-color .2s, opacity .2s, color .2s;
}
._wf-dropdown-item.is-active {
background-color: var(--medium-slate-blue);
}
.collection-work-anchor, .collection-work-featured {
display: none;
}
.work-collection-list {
grid-row-gap: 48px;
width: 100%;
}
._wf-dropdown-icon {
margin-right: 16px;
}
.home-new-description-text {
justify-content: center;
align-items: center;
}
.typing-animation-wrap {
position: relative;
transform: none;
}
.featured-card-section {
border-radius: 16px;
padding: 32px;
}
.featured-card-wrap {
grid-template-columns: 1fr;
}
.new-cta-icon {
width: 48px;
height: 48px;
}
.text-color-green-2 {
font-size: 3rem;
}
.margin-bottom-47 {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.text-align-center-12 {
margin-bottom: 2rem;
}
.paragraph-221.lp {
font-size: 1em;
}
.page-padding-23 {
padding-left: 1rem;
padding-right: 1rem;
}
.container-1383 {
padding-left: 20px;
padding-right: 20px;
}
.section-title-16 {
margin-bottom: 30px;
}
.product-list {
grid-template-columns: 1fr;
}
.padding-section-small-2 {
padding-top: 2rem;
padding-bottom: 2rem;
}
.heading-style-h5-3 {
font-size: .875rem;
}
.padding-global-18, .padding-global-19 {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.calendly-container {
width: 100%;
max-width: 32rem;
padding: .5rem;
}
.padding-section-medium {
padding-top: 3rem;
padding-bottom: 3rem;
}
.margin-bottom-48 {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.page-padding-24 {
padding-left: 5%;
padding-right: 5%;
}
.banner-small-container-2 {
display: none;
}
.clients {
padding-left: 5%;
padding-right: 5%;
}
.client-logo-5 {
padding-left: 7%;
padding-right: 7%;
}
.button-79 {
font-size: .75rem;
}
.spacer-4 {
height: 32px;
}
.hero_float1 {
bottom: -23%;
left: -6%;
}
.padding-section-large-6 {
padding-top: 4rem;
padding-bottom: 4rem;
}
.padding-global-20 {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.hero-largev2_logo-cloud {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
grid-template-columns: 1fr 1fr 1fr;
}
.text-color-white-4 {
font-size: 2.2rem;
}
.workpopup {
height: 100vh;
}
.subheading-6 {
font-size: 18px;
}
.hero-10 {
padding-top: 140px;
}
.hero-header-2 {
max-width: 570px;
}
.hero-heading-9 {
font-size: 56px;
}
.page-padding-25 {
padding-left: 24px;
padding-right: 24px;
}
.hero-img-wrap {
padding-bottom: 20px;
}
.section-285, .div-block-290 {
padding-left: 60px;
padding-right: 60px;
}
.container_1192 {
padding-left: 20px;
padding-right: 20px;
}
.padding_block_regular {
padding-top: 124px;
padding-bottom: 124px;
}
.container_988 {
padding-left: 20px;
padding-right: 20px;
}
.padding_block_regular-4 {
padding-top: 124px;
padding-bottom: 124px;
}
.text_56_green {
font-size: 32px;
}
.three_row_wrapper {
grid-template-columns: 1fr;
}
.section_title_wrapper-2 {
margin-bottom: 42px;
}
.container-1390 {
padding-left: 15px;
padding-right: 15px;
}
.engage-area {
border-radius: 15px;
}
.page-padding-26 {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.process_step {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
grid-template-columns: 4rem;
padding-top: 4rem;
padding-bottom: 4rem;
}
.process_timeline {
align-self: flex-start;
margin-left: 2rem;
}
.margin-bottom-49 {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.page-padding-27 {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.margin-bottom-50 {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.plan_right.shadow-card {
width: 100%;
}
.page-padding-28 {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.plan_left.shadow-card {
width: 100%;
}
.plans_container {
grid-row-gap: 2rem;
flex-direction: column;
}
.margin-bottom-51 {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.section-287 {
padding-left: 20px;
padding-right: 20px;
}
.hero-heading-10 {
font-size: 56px;
}
.page-padding-29 {
padding-left: 24px;
padding-right: 24px;
}
.hero-header-3 {
max-width: 570px;
}
.subheading-7 {
font-size: 18px;
}
.hero-11 {
padding-top: 140px;
}
}
@media screen and (max-width: 479px) {
h1 {
font-size: 38px;
}
h2 {
font-size: 22px;
}
h3 {
font-size: 32px;
}
h4 {
font-size: 1rem;
}
p {
font-size: 18px;
}
.hero-grid {
object-fit: fill;
grid-template-rows: auto auto auto auto auto auto;
grid-template-columns: 5vw 1fr 1fr 5vw;
min-height: auto;
padding-top: 15vh;
padding-bottom: 5vh;
overflow: visible;
}
.inner-heading-wrapper {
padding-bottom: 5vh;
}
.work-image-mobile {
height: 25vh;
}
.container {
max-width: none;
}
.text-small {
text-align: right;
font-size: .7em;
}
.inner-footer-nav {
flex-direction: column;
}
.heading-wrapper {
justify-content: flex-start;
align-items: center;
margin-bottom: 0;
}
.heading-wrapper.margin-bottom-medium {
margin-bottom: 35px;
}
.heading-wrapper.margin-bottom-small {
margin-bottom: 25px;
}
.heading-wrapper.flex-vertical {
align-items: flex-start;
padding-top: 0;
padding-bottom: 0;
}
.text-copyright-icon {
font-size: 1.3em;
}
.ui-bullet {
width: 1vw;
height: 1vw;
}
.rich-text {
margin-top: 0;
padding-bottom: 0;
}
.rich-text h2 {
font-size: 1.5rem;
}
.rich-text h3 {
font-size: 1.25rem;
line-height: 1.25;
}
.inner-hero-image {
min-height: 35vh;
}
.flex-rail {
padding-top: 8px;
padding-bottom: 8px;
}
.container-nav {
padding-top: 0;
padding-left: 30px;
padding-right: 30px;
}
.inline-link.footer {
font-size: 1.6em;
}
.lottie-animation {
width: 11vw;
height: auto;
position: relative;
right: -10px;
}
.work-inner-content {
padding-top: 3vh;
padding-bottom: 4vh;
}
.text-navlink {
font-family: Pretendard, sans-serif;
}
.small-text {
margin-top: 5px;
margin-bottom: 5px;
font-size: 12px;
line-height: 1.2;
}
.thumb-hover-next {
height: 25vh;
}
.link-view-all {
justify-content: space-between;
}
.section.footer {
flex-direction: column;
}
.section.hero {
height: 40vh;
}
.section.page-hero {
padding-top: 8vh;
}
.image-thumb-works {
height: 25vh;
min-height: auto;
}
.wrap-image-blog {
height: 35vh;
min-height: auto;
margin-bottom: 5vh;
}
.next-wrapper {
width: 100%;
padding-top: 5vh;
padding-bottom: 5vh;
}
.icon-arrow {
height: 3vh;
margin-top: 5px;
margin-left: 2vw;
}
.wrap-article {
padding-top: 0;
}
.link-list-feed {
padding-bottom: 0;
}
.social-nav {
font-size: 18px;
}
.utility-page-content {
width: 90%;
}
.assets-image {
height: 150px;
max-height: none;
}
.dropdown-toggle {
line-height: 1;
}
.style-guide-container {
padding-bottom: 30px;
}
.grid-templates {
grid-template-columns: 1fr 1fr;
}
.changelog-grid {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
.heading-hero {
font-size: 10vh;
}
.paragraph-wrapper {
flex-direction: column;
}
.main-paragraph {
font-size: 18px;
}
.main-paragraph.text-large {
font-size: 26px;
font-weight: 600;
}
.work-header {
padding-bottom: 5vh;
}
.main-grid {
grid-row-gap: 3vh;
}
.main-grid.collage {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
padding-top: 15vh;
padding-bottom: 15vh;
}
.main-grid.hero {
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.main-grid.flipping {
grid-template-columns: 1fr 1fr;
padding-top: 15vh;
}
.main-grid.blog-list {
grid-column-gap: 11vw;
grid-auto-columns: 1.5fr;
}
.grid-column.team {
min-height: auto;
margin-bottom: 35px;
}
.team-member-photo {
height: 32vh;
}
.team-member-photo.square {
height: 40vh;
}
.collection-list._2-columns {
grid-row-gap: 2vh;
}
.tabs-menu {
flex-direction: row;
width: 100%;
}
.heading-xlarge {
font-size: 45px;
}
.heading-xlarge.hero-size {
font-size: 55px;
font-weight: 700;
}
.heading-xlarge.no-wrap {
font-size: 55px;
line-height: 1;
}
.heading-xlarge.text-bold {
font-size: 30px;
}
.heading-xlarge.scroll {
font-size: 8vh;
}
.tab {
text-align: center;
flex: 1;
padding-left: 5px;
padding-right: 5px;
font-size: 16px;
}
.tab.w--current {
background-image: none;
background-repeat: repeat;
background-size: auto;
box-shadow: inset -1px 1px #000, inset 1px 1px #000;
}
.heading-medium {
font-size: 30px;
}
.heading-large {
font-size: 35px;
}
.gallery-grid-wrapper {
min-height: auto;
}
.grid-gallery {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: 4vh 4vh 4vh 4vh 4vh 4vh 4vh 4vh;
min-width: 300vw;
}
.grid-gallery.hero {
min-height: auto;
}
.frame-image-hero {
max-width: none;
}
.heading-regular {
font-size: 20px;
}
.heading-small {
line-height: 1.3;
}
.flip-frame {
width: 100%;
height: 30vh;
}
.flip-frame-reverse {
height: 30vh;
}
.inner-padding-small {
padding-top: 1vh;
padding-bottom: 1vh;
}
.inner-padding-medium {
padding-top: 3vh;
padding-bottom: 3vh;
}
.inner-padding-large {
padding-top: 8vh;
padding-bottom: 8vh;
}
.content-wrapper {
width: 100%;
}
.flip-frame-horizontal, .flip-frame-horizontal-left {
height: 30vh;
}
.image-hover-wrapper.featured-one {
height: 45vh;
max-height: none;
}
.image-hover-wrapper.featured-two {
height: 45vh;
}
.image-hover-wrapper.featured-three {
height: 30vh;
}
.image-hover-wrapper.featured-four {
height: 35vh;
}
.track {
min-height: auto;
}
.sticky-wrapper {
position: relative;
}
.grid-about {
width: 125vw;
height: auto;
min-height: auto;
}
.frame-grid {
min-height: auto;
}
.frame-grid.med-size {
padding-bottom: 0;
}
.sticky-wrapper-heading {
position: relative;
}
.arrow-cta {
height: 20px;
margin-top: 0;
}
.about-frame-image {
min-height: auto;
}
.ascii-type {
font-size: 1em;
}
.ascii-type.copyright {
margin-left: 4vw;
font-size: 1em;
}
.image-logo-footer {
width: 33%;
display: block;
}
.flex-center {
align-items: flex-start;
}
.flip-frame-home {
min-height: auto;
}
.content-image-wrapper {
border-style: none;
}
.flex-horizontal.top-align {
padding-left: 0;
padding-right: 30px;
}
.flex-horizontal.top-align-copy {
padding-bottom: 2vh;
}
.flex-horizontal.works {
padding-left: 0;
padding-right: 30px;
}
.flex-horizontal.works.inner-padding-medium {
padding-top: 0;
padding-bottom: 5vh;
}
.ui-dot {
width: 8px;
height: 8px;
}
.padding-bottom-large {
padding-bottom: 8vh;
}
.number-serif {
min-width: 30px;
}
.divider-wrapper {
width: auto;
height: auto;
padding-top: 7px;
padding-bottom: 7px;
}
.work-image-wrapper {
height: 50vh;
}
.bubble-wrapper {
align-items: center;
min-height: auto;
padding-left: 15px;
padding-right: 15px;
}
.bubble-image {
width: 30vw;
height: 30vw;
}
.bubble-image.small {
width: 20vw;
height: 20vw;
}
.bubble-image.medium {
width: 15vw;
height: 15vw;
}
.work-wrapper {
padding-bottom: 0;
}
.inner-work-wrapper {
height: auto;
padding-top: 5vh;
padding-right: 30vw;
}
.work-detail-wrapper {
padding-bottom: 2vh;
padding-left: 30px;
padding-right: 30px;
}
.hero-vertical-up {
align-items: center;
min-height: auto;
padding-left: 0;
padding-right: 0;
}
.hero-image-frame, .hero-image-frame.medium, .hero-image-frame.small {
height: auto;
}
.hero-vertical-reverse {
align-items: center;
min-height: auto;
padding-left: 16px;
padding-right: 16px;
}
.blog-post-info-wrapper {
padding-top: 0;
}
.button-2 {
font-size: 30px;
}
.heading-display-1-copy-copy {
font-size: 44px;
}
.heading-display-1-copy-copy.no-margin {
font-size: 72px;
}
.hero-text-container-copy.center {
flex-wrap: wrap;
flex: 0 auto;
order: 0;
align-content: center;
align-self: auto;
align-items: center;
margin-left: -110px;
font-size: 1px;
overflow: hidden;
}
.main-header {
padding-left: 20px;
padding-right: 20px;
}
.main-header.start {
margin-bottom: 0;
padding-top: 0;
}
.section-8.hero {
justify-content: center;
align-items: center;
margin-left: 54px;
padding-left: 24px;
padding-right: 24px;
display: flex;
}
.section-8.full-width {
padding-left: 16px;
padding-right: 16px;
}
.row {
flex-direction: column;
align-items: flex-start;
margin-bottom: 60px;
}
.background-video-15 {
justify-content: center;
align-items: center;
display: flex;
}
.text-navlink-copy {
font-family: Pretendard, sans-serif;
}
.process-tab-horizontal {
padding-top: 14px;
padding-bottom: 14px;
}
.section-9.has-background.bg-grey-1 {
padding-top: 0;
}
.main-container {
padding-left: 21px;
padding-right: 21px;
}
.main-container._2 {
flex-direction: column;
justify-content: center;
display: flex;
}
.arrow-link.below-text {
margin-top: 14px;
}
.card {
padding: 21px;
}
.extra-large-text {
font-size: 20px;
line-height: 28px;
}
.small-text-2 {
font-size: 14px;
line-height: 22px;
}
.section-title, .section-title.increased-margin {
margin-bottom: 28px;
}
.video-background {
width: 251%;
height: 220px;
}
.video-play-icon {
max-height: 28px;
margin-right: 7px;
}
.video-background-wrapper {
width: 250px;
margin-left: -107px;
}
.large-heading {
font-size: 32px;
line-height: 42px;
}
.large-heading.metric-heading {
margin-bottom: 7px;
}
.grid-thirds {
grid-row-gap: 35px;
}
.highlighted-text-container {
padding-bottom: 4px;
padding-left: 7px;
padding-right: 7px;
}
.large-text {
font-size: 18px;
line-height: 28px;
}
.large-text.subtitle {
margin-bottom: 21px;
}
.section-bg {
opacity: 1;
height: auto;
margin-bottom: 56px;
position: relative;
}
.button-3 {
padding: 14px 35px;
}
.highlighted-heading-container, .highlighted-heading-container-copy {
margin-bottom: 14px;
}
.pricing-body, .pricing-plan-header {
padding: 21px;
}
.medium-heading {
font-size: 28px;
line-height: 38px;
}
.section-11 {
padding-left: 15px;
padding-right: 15px;
}
.section-11.page-hero {
padding-left: 10px;
padding-right: 10px;
}
.sticky-column {
grid-template-columns: 1fr;
}
.column {
align-items: center;
}
.email-icon {
margin-bottom: 0;
}
._50-margin {
text-align: center;
}
.title-wrap {
margin-bottom: 20px;
}
.content-567-copy {
text-align: left;
font-size: 28px;
}
.container-1060 {
padding-top: 20px;
}
.privacy-cookie-policy {
padding-top: 100px;
}
.heading-display-1-copy {
font-size: 44px;
}
.container-10 {
margin-top: 18px;
padding-top: 60px;
}
.link-36 {
font-size: 25px;
}
.image-452 {
min-width: 30px;
max-width: 100%;
}
.nav-link-3 {
padding-top: 10px;
padding-bottom: 10px;
}
.name {
font-size: 40px;
}
.block-about-image {
margin-bottom: 32px;
}
.block-name {
top: 335px;
left: -19px;
}
.about-image {
height: 460px;
}
.grid-9 {
flex-direction: column;
display: flex;
}
.container-1063 {
padding-left: 10px;
padding-right: 10px;
}
.heading-419._1 {
padding-left: 10px;
padding-right: 0;
overflow: hidden;
}
.bold-text-38 {
font-size: 20px;
line-height: 20px;
}
.heading-xlarge-copy {
font-size: 45px;
}
.heading-xlarge-copy.hero-size {
font-size: 60px;
font-weight: 700;
}
.heading-xlarge-copy.no-wrap {
font-size: 55px;
line-height: 1;
}
.heading-xlarge-copy.text-bold {
font-size: 60px;
}
.heading-xlarge-copy.scroll {
font-size: 8vh;
}
.input {
width: 100%;
}
.paragraph-3 {
text-align: center;
}
._2-buttons {
flex-direction: column;
}
.split-content.hero-left {
margin-bottom: 32px;
}
.title.home-hero {
margin-bottom: 18px;
font-size: 1.75em;
line-height: 1.111em;
}
.button-primary {
padding-top: 16px;
padding-bottom: 16px;
font-size: 20px;
display: block;
}
.button-secondary {
padding-top: 16px;
padding-bottom: 16px;
display: block;
}
.calender-pop-up {
display: none;
}
.fp_offer-container {
margin: 10%;
}
.spacer._2-buttons {
height: 18px;
}
.html-embed {
width: 250px;
min-width: 250px;
}
.container-1064.hero {
padding-top: 4em;
padding-bottom: 6em;
}
.container-1064.is--final-text {
padding-top: 0;
padding-bottom: 0;
}
.container-1064.footer {
padding-bottom: 1em;
padding-left: 5em;
padding-right: 5em;
}
.container-1064.is--portfolio {
padding-bottom: 0;
}
.test-hero-mask {
overflow: visible;
}
.grid-item {
font-size: 1vw;
display: block;
}
.grid-item.hero-heading {
padding-left: 8.8em;
padding-right: 8.8em;
}
.grid-item.is--video {
height: 54em;
margin-top: -6.2em;
}
.grid-item.column2-footer-responsivness {
width: 100%;
margin-top: 3em;
margin-bottom: 0;
padding-left: 0;
font-size: 2.5vw;
}
.grid-item.final-text {
width: 86%;
}
.grid-item._2 {
flex-direction: column;
width: 100%;
font-size: 2.5vw;
}
.grid-item.portfolio-2 {
flex-direction: column;
margin-bottom: 4em;
}
.grid-item.columns {
width: 26%;
margin-bottom: 6em;
}
.grid-item.heading {
flex-direction: row;
margin-bottom: 2em;
padding-top: 0;
}
.grid-item.column2-footer {
width: 100%;
margin-bottom: 3em;
font-size: 2.5vw;
}
.grid-item.awards {
align-items: flex-start;
width: 100%;
}
.grid-item.awards2-responsivness {
flex-direction: column;
width: 100%;
display: flex;
}
.grid-item.deserved-awards {
width: 100%;
}
.grid-item.awards2 {
flex-direction: column;
width: 100%;
display: none;
}
.grid-item.portfolio {
flex-direction: column;
}
.grid-item.line-arrow {
margin-bottom: 6em;
}
.grid-item._1 {
margin-bottom: 4em;
}
.grid-item.video-full {
margin-bottom: 3em;
}
.is-hero-heading {
flex-flow: column;
justify-content: flex-start;
align-items: center;
margin-top: 0;
margin-bottom: 0;
font-size: 11em;
}
.is-hero-heading.part2 {
width: 7em;
}
.grid, .grid._3 {
flex-direction: column;
}
.video-hero-mask {
display: flex;
}
.text-span-8 {
flex-direction: column;
font-size: 0;
display: flex;
}
.is-hover-zoom._3, .is-hover-zoom._4, .is-hover-zoom._2, .is-hover-zoom._1 {
width: 100%;
height: auto;
}
.line {
width: 85em;
margin-top: 1.2em;
}
._70 {
width: 100%;
margin-bottom: 6.2em;
padding-right: 0;
}
.wrapper-circle-text {
padding-bottom: 4em;
}
.p {
font-size: 1.6em;
}
.p.is--slider-paragraph {
font-size: 3.6em;
}
.liner-wrapper2 {
padding-top: 6em;
padding-bottom: 6em;
}
.liner-wrapper2.line-margin-home {
padding-top: 7.5em;
padding-bottom: 11em;
}
.is--footer-text {
text-decoration: none;
}
.splide__list {
flex-direction: column;
}
.splide__list.horizontal {
flex-direction: row;
align-items: flex-start;
overflow: hidden;
}
.heading-latest-work {
margin-bottom: .5em;
font-size: 2em;
}
.heading-responsivness {
margin-top: .4em;
margin-bottom: 1.5em;
font-size: 8.5em;
}
.is--footer-moto {
display: none;
}
.footer-line {
width: 86em;
margin-top: 1.3em;
}
.grid-item-test.deserved-awards-test {
width: 100%;
margin-bottom: 4em;
}
.grid-item-test.what-people-are-saying {
width: 100%;
margin-bottom: 0;
}
.image-454 {
width: 100em;
max-width: 39em;
}
.headline-tittle-project {
margin-top: 1em;
font-size: 6em;
}
.circle {
width: 6em;
height: 6em;
}
.circle.footer {
width: 4em;
height: 4em;
}
.splide__arrows {
margin-top: 0;
}
.is-underline {
width: 37em;
margin-left: 0;
display: flex;
}
.text-block-8 {
font-size: 2em;
}
._60 {
width: 100%;
margin-bottom: 0;
}
.heading-tablet {
margin-bottom: 1.4em;
font-size: 5.5em;
display: none;
}
.heading-year {
font-size: 3.5em;
}
.title-2 {
width: 100%;
font-size: 3em;
}
.heading-year-last {
font-size: 3.5em;
}
.splide__slide {
flex-direction: row;
width: 100%;
height: auto;
}
.background-video-3 {
object-fit: cover;
height: 25em;
}
._40 {
width: 100%;
margin-bottom: 4.1em;
}
.container-test.slider {
padding-bottom: 3em;
}
.container-test.slider-colection {
padding-top: 5.5em;
}
.headline-category {
font-size: 3.5em;
}
.liner-wrapper {
margin-top: 7em;
margin-bottom: 9em;
}
.text-up {
justify-content: flex-start;
width: 100%;
margin-bottom: 1.5em;
margin-right: 0;
}
.text-up.text-up-margin-home-page {
margin-top: 3em;
margin-bottom: 5em;
}
.text-up.no-margin {
margin-bottom: 1.5em;
margin-left: 0;
}
.heading-button {
flex-direction: column;
align-items: flex-start;
}
.text-block-125 {
text-align: center;
font-size: 1em;
}
.button-wrapper-2 {
width: 11.4em;
height: 3em;
}
.arrow-2 {
width: 3em;
height: 3em;
}
.is--heading-with-year, .is--heading-with-year.second-line, .is--heading-with-year.first-line, .is--heading-with-year.third-line {
font-size: 5.5em;
}
.grid-test {
margin-bottom: 3em;
}
.wrapper-column-footer {
width: auto;
margin-bottom: 2em;
}
.liner-wrapper-footer {
margin-top: 6em;
margin-bottom: 14em;
}
.heading-final-text {
margin-left: auto;
margin-right: auto;
font-size: 7.5em;
line-height: 1.2;
}
.is--footer-moto-responsivness {
margin-top: 1em;
margin-bottom: 3em;
font-size: 4em;
display: flex;
}
.container-full-width {
margin-top: 0;
margin-bottom: 10em;
padding-bottom: 0;
}
.splide.slider3.collection {
height: 50em;
overflow: hidden;
}
.splide.slider1.team {
flex-direction: row;
height: auto;
display: flex;
}
.splide.slider2.testimonial {
height: 82em;
}
._30 {
width: 100%;
margin-bottom: 4.1em;
}
.number {
margin-right: .4em;
font-size: 6em;
}
.heading-year-middle {
font-size: 3.5em;
}
.c-large-header {
height: 4em;
}
.is--display {
font-size: 3em;
}
.is--display-line {
width: 6em;
min-width: 6em;
height: .13em;
margin-left: 1.5em;
margin-right: 1.5em;
}
.project-child.project_img.project_img_myocum {
background-size: contain;
height: 50vh;
}
.project-child.project_img.project_img_unison {
background-size: contain;
height: 40vh;
}
.project-child.project_text, .project-child.project_text.project_text_left {
height: 50vh;
}
.project-text-container {
padding-top: 20px;
padding-bottom: 20px;
}
.p-2 {
font-size: 16px;
font-weight: 300;
line-height: 1.5em;
}
.h3 {
margin-bottom: 10px;
font-size: 50px;
}
.project_parent {
height: 90vh;
padding-left: 0;
padding-right: 0;
}
.work-collection-list-wrapper {
width: 100vw;
margin-left: -40px;
margin-right: -40px;
}
.work-collection-list {
grid-template-rows: auto;
}
.payment__heading {
font-size: 10vw;
}
.h2 {
font-size: 32px;
}
.how_wrap {
padding-top: 64px;
padding-bottom: 64px;
}
.h3-2.centre {
text-align: center;
font-size: 24px;
}
.work-image {
width: 80px;
}
.tabs-menu-2 {
flex-flow: column;
justify-content: flex-start;
align-items: center;
overflow: scroll;
}
.tabs {
flex: none;
align-self: auto;
padding: 10px 20px;
display: flex;
}
.tabs.w--current {
border-radius: 20px;
margin-bottom: 12px;
padding-top: 10px;
padding-bottom: 10px;
display: block;
}
.collection-item {
width: 100%;
}
.div-block-27 {
border-radius: 30px;
padding: 20px 10px 40px;
}
.featured-work-header {
margin-top: 10px;
padding-top: 0;
padding-right: 10px;
font-size: 7vw;
line-height: 9vw;
}
.text-block-17 {
flex-flow: row;
flex: none;
align-self: center;
align-items: center;
display: block;
}
.featured-work {
padding-top: 0;
padding-bottom: 5vh;
}
.video-title, .video-client {
font-size: 3.5vw;
}
.image-113 {
border-radius: 20px;
}
.div-block-30 {
padding-bottom: 6px;
padding-left: 10px;
}
.lightbox-link-2 {
border-radius: 20px;
}
.div-block-22-copy {
z-index: 20;
opacity: 1;
background-color: #0e121c4d;
flex-direction: column;
flex: 1;
justify-content: center;
align-items: center;
width: 90%;
height: 100%;
padding-top: 10px;
padding-bottom: 10px;
display: flex;
position: static;
inset: 0%;
}
.mobile-logo {
background-color: #0000;
flex: 0 auto;
align-self: flex-start;
width: 90px;
padding-top: 4px;
padding-bottom: 4px;
padding-right: 0;
display: none;
position: static;
}
.columns {
height: 50vh;
display: none;
}
.banner-header-ccopy-mobile {
color: #fff75a;
text-align: center;
text-shadow: -4px 4px #000;
align-self: center;
margin-top: 0;
margin-bottom: 0;
padding-left: 2vh;
padding-right: 2vh;
font-size: 8.5vw;
line-height: 10vw;
}
.banner-header {
text-align: center;
margin-top: 0;
padding-right: 0;
font-size: 9vw;
line-height: 10vw;
}
.get-in-touch-homepage {
align-self: center;
margin-top: 12px;
padding-left: 30px;
padding-right: 30px;
}
.column-3 {
height: 50%;
margin-bottom: 10px;
padding-right: 0;
display: block;
position: static;
}
.mobile-logo-div {
z-index: 10001;
opacity: 1;
background-color: #0000;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
margin-bottom: 2vh;
padding-top: 1.2vh;
padding-bottom: 0;
padding-left: 2vh;
display: flex;
position: absolute;
}
.button-text {
font-size: 16px;
}
.paragraph-large-top {
color: #fff;
text-align: center;
background-color: #0000;
align-self: center;
padding: 7px 2.2vh;
font-family: Poppins, sans-serif;
font-size: 4vw;
font-weight: 500;
line-height: 5.5vw;
}
.div-block-22 {
z-index: 10;
height: 100%;
position: absolute;
inset: 0%;
}
.column-2 {
height: 50%;
margin-top: 0;
}
.top-section.center {
border-radius: 30px;
flex-direction: column;
align-items: center;
width: 94%;
height: auto;
margin-top: 0;
margin-bottom: 5vh;
margin-left: 3%;
padding-top: 0;
padding-bottom: 0;
padding-left: 0;
display: block;
position: static;
overflow: hidden;
}
.mobile-videos {
z-index: 0;
justify-content: flex-end;
height: 92vh;
display: flex;
position: relative;
}
.div-block-41 {
background-color: #0e121c;
width: 100%;
height: auto;
position: static;
inset: 0% 0% auto;
}
.contact-section {
text-align: left;
height: auto;
margin-bottom: 0;
padding-bottom: 100px;
padding-left: 20px;
padding-right: 20px;
}
.header-on-black {
margin-top: 0;
margin-bottom: 10px;
padding-right: 10px;
font-size: 8vw;
line-height: 9vw;
}
.form-3 {
margin-bottom: 20px;
}
.paragraph-large-on-black {
padding-bottom: 20px;
padding-right: 2.2vh;
font-family: Poppins, sans-serif;
font-size: 5vw;
font-weight: 500;
line-height: 6vw;
}
.text-field-2 {
height: 50px;
}
.send-us-a-text {
padding-bottom: 0;
padding-right: 2.2vh;
font-family: Poppins, sans-serif;
font-size: 5vw;
font-weight: 500;
line-height: 6vw;
}
.small-header-left {
padding-left: 0;
font-size: 16px;
}
.image-5-copy {
z-index: 0;
width: 100px;
left: 5%;
}
.text-field-4 {
height: 50px;
}
.form-block-2 {
flex: 1;
width: 100%;
}
.button-contact {
flex: none;
order: 1;
width: 60%;
margin-top: 10px;
padding: 10px;
font-size: 16px;
font-weight: 800;
}
.div-block-31 {
width: 100%;
padding-top: 6vh;
padding-bottom: 6vh;
}
.content {
padding-top: 60px;
padding-bottom: 60px;
}
.content.full-height {
display: block;
}
.heading-24 {
font-size: 24px;
}
.primary-cta {
flex: 0 auto;
align-self: auto;
margin-right: 0;
}
.container-content {
flex-direction: column;
justify-content: flex-start;
display: flex;
overflow: hidden;
}
.grid-10 {
grid-template-columns: 1fr;
justify-content: space-between;
margin-bottom: 10px;
}
.container-1066 {
margin-left: 0;
margin-right: 0;
}
.list-item {
flex-direction: row;
align-items: flex-start;
}
.h3-3 {
text-align: center;
}
.l20 {
text-align: left;
}
.main-heading-wrap, .card-2 {
padding-left: 16px;
padding-right: 16px;
}
.menu-button-4, .menu-button-4.w--open {
flex: none;
}
.div-block-32 {
margin-top: 40px;
}
.heading-20 {
max-width: none;
margin-right: 0;
}
.instagram-logo {
width: 25px;
height: 25px;
}
.wrapper-hover.social {
width: 20vw;
margin: 10px 5px;
padding: 10px;
}
.linkedin-logo {
width: 25px;
height: 25px;
}
.wrapper-text {
padding-left: 0;
display: block;
}
.heading-title {
text-align: center;
}
.behance-logo {
width: 25px;
height: 25px;
}
.c-homepage_item {
min-height: 70vw;
}
.header-3 {
padding-right: 0;
font-size: 40px;
line-height: 40px;
}
.a-cases-overview-tag {
margin-top: 10px;
}
.o-home-sections-cases {
padding-left: 20px;
padding-right: 20px;
}
.m-workflow-button-container {
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
}
.tag-container {
flex-wrap: wrap;
}
.form-section-title {
font-size: 2em;
line-height: 1.3em;
}
.address-f6 {
text-align: center;
margin-bottom: 20px;
}
.link-wrapper-f6 {
flex-direction: column;
}
.link-subwrapper-f6 {
align-items: center;
padding-right: 0;
}
.link-f6 {
text-align: center;
}
.top-wrapper-f6 {
text-align: center;
flex-direction: column-reverse;
justify-content: center;
align-items: center;
}
.top-right-wrapper-f6 {
justify-content: center;
align-items: center;
margin-bottom: 30px;
}
.bottom-wrapper-f6 {
flex-direction: column;
}
.footer-f6 {
width: 100%;
}
.footer-wrapper {
border-radius: 0;
width: 100%;
}
.flowbase-logo-2 {
min-width: 30px;
}
.brand-5 {
margin-top: 16px;
}
.brand-5.w--current {
margin-top: 10px;
}
.section-home-grid_sm-image {
display: none;
}
.section-home-grid_text {
padding-bottom: 0;
}
.section-home-grid_med-image {
max-width: 45vw;
inset: 34% 0% auto auto;
}
.section-home-grid_image {
height: 20rem;
}
.text-weight-normal.section-home-grid_title {
max-width: 100%;
}
.content-stacked {
grid-row-gap: 60px;
place-items: center;
}
.content-stacked.large {
grid-row-gap: 80px;
}
.grid-wrapper-2 {
place-content: center;
place-items: center;
}
.section-18 {
padding-top: 90px;
padding-bottom: 90px;
}
.vertical-divider {
display: none;
}
.phone-process-grid {
flex-direction: column;
margin-bottom: 60px;
margin-left: 4vw;
margin-right: 4vw;
padding: 15px 4vw;
}
.process_steps {
margin-top: 10px;
}
.process-left {
align-items: flex-start;
width: 100%;
}
.process-right {
width: 100%;
margin-left: 0;
}
.container-1068 {
flex-direction: column;
align-items: center;
width: auto;
display: flex;
}
.step-description {
max-width: none;
margin-bottom: 10px;
margin-left: 5px;
margin-right: 5px;
font-size: 12px;
}
.service-description {
font-size: 3vw;
line-height: 1.5;
}
.heading-wrapper-2.vertical-flex {
margin-bottom: 5vw;
}
.div-block-43 {
margin-top: 5vw;
}
.heading {
font-size: 9vw;
line-height: 1.4;
}
.heading.orange-heading {
margin-left: 2vw;
line-height: 1.4;
}
.heading.grey-heading {
font-size: 7vw;
}
.section-19.less_padding {
padding-left: 15px;
padding-right: 15px;
}
.section-19.webflow-section {
padding-bottom: 0;
}
.service-wrapper {
margin-bottom: 8vw;
}
.heading-2 {
font-size: 6vw;
line-height: 1.4;
}
.capabilities-block {
margin-bottom: 2vw;
margin-right: 2vw;
padding: 1vw 2vw 1vw 3vw;
font-size: 2.5vw;
}
.webflow-users {
margin-top: 15vw;
}
.image-6 {
display: none;
}
.webflow-section {
padding-top: 30px;
padding-bottom: 0;
}
.about-me-wrapper {
padding-left: 4vw;
padding-right: 4vw;
}
.about-me-wrapper.flexed {
margin-bottom: 30px;
}
.about {
margin-bottom: 0;
padding-top: 30px;
}
.name-2.gray {
font-size: 4.5vw;
}
.about-me {
padding-left: 0;
padding-right: 0;
}
.webflow-mockup {
max-height: 270px;
}
.grey-text-block {
text-align: left;
font-size: 3.5vw;
line-height: 1.7;
}
.grey-text-block.center-alignment {
text-align: center;
margin-bottom: 2vw;
}
.grid-2 {
grid-template-rows: auto auto;
}
.webflow-update-caption {
font-size: 3.5vw;
top: 10px;
left: 17px;
}
.grey-paragraph {
font-size: 3.5vw;
line-height: 1.7;
}
.image-12 {
max-width: 90%;
}
.text-wrapper {
margin-top: 5vw;
}
.gray {
font-size: 3vw;
line-height: 1.5;
}
.social-link {
font-size: 3vw;
line-height: 1.2px;
}
.grey-text-link {
font-size: 3.5vw;
line-height: 1.7;
}
.wrapper.tablet-social-link {
display: flex;
}
.wrapper.hide-wrapper {
display: none;
}
.content-wrapper-2 {
grid-row-gap: 36px;
}
.large-growing-images {
min-height: auto;
}
.heading-424 {
font-size: 36px;
}
.heading-424.large {
font-size: 38px;
}
.grezer-2 {
margin-bottom: -9px;
padding-bottom: 0;
display: none;
}
.heading-12 {
margin-top: 0;
font-size: 32px;
line-height: 32px;
}
.heading-12.services {
margin-bottom: 40px;
font-size: 32px;
}
.link-block-4 {
margin-bottom: 40px;
}
.link-block-7 {
order: -1;
margin-bottom: 40px;
}
.text-block-51, .text-block-54 {
text-align: center;
font-size: 18px;
line-height: 20px;
}
.grid-4 {
flex-direction: column;
grid-template-columns: 1fr;
grid-auto-flow: column;
display: flex;
}
.text-block-50 {
text-align: center;
font-size: 18px;
line-height: 20px;
}
.link-block-9 {
order: 1;
margin-bottom: 40px;
}
.services-description {
padding-left: 0;
padding-right: 0;
}
.link-block-5 {
margin-bottom: 40px;
}
.text-block-55 {
text-align: center;
font-size: 18px;
line-height: 20px;
}
.button-call {
margin-top: 10px;
}
.section-74 {
background-image: linear-gradient(#000000b3, #000000b3), url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/61ec6262f5a2cb67bb82a86f_Mighty%20Duck%20Marketing%20-%20Content%20Marketing.jpg");
background-position: 0 0, 50% 100%;
margin-top: auto;
}
.container-1070.centered {
max-width: 90%;
padding-left: 10px;
padding-right: 10px;
}
.large-hero-title {
font-size: 23px;
line-height: 26px;
}
.large-hero-title-bold {
width: 80%;
margin-left: auto;
margin-right: auto;
font-size: 40px;
line-height: 40px;
display: block;
}
.hero-description-title {
width: 80%;
margin-top: 10px;
margin-bottom: 20px;
font-size: 16px;
line-height: 18px;
}
.paragraph-48 {
margin-top: 20px;
}
.div-block-44 {
margin-bottom: 60px;
}
.features-row {
flex-direction: column;
}
.grid-6 {
display: block;
}
.feature-title {
float: none;
text-align: center;
width: 100%;
margin-bottom: 0;
font-size: 20px;
}
.section-title-2 {
padding-top: 0;
padding-bottom: 0;
font-size: 32px;
line-height: 32px;
}
.section-title-2.values {
font-size: 32px;
line-height: 32px;
}
.section-54 {
padding-top: 100px;
padding-bottom: 100px;
}
.section-title-wrapper {
width: 100%;
margin-bottom: 30px;
}
.paragraph-49 {
text-align: center;
margin-top: 20px;
}
.feature-block.wide {
font-size: 13px;
display: flex;
}
.image-2 {
float: none;
text-align: left;
width: 60px;
max-width: none;
}
.column-12 {
padding-bottom: 10px;
padding-left: 5px;
padding-right: 5px;
}
.div-block-5, .div-block-45 {
margin-bottom: 60px;
}
.thumb-port.port3 {
margin-bottom: 0;
}
.section-99 {
padding: 60px 10px;
}
.container-16 {
padding-left: 0;
padding-right: 0;
}
.main-feature-title {
text-align: center;
margin-top: 20px;
margin-bottom: 20px;
font-size: 32px;
font-weight: 400;
line-height: 32px;
}
.paragraph-50 {
text-align: center;
margin-bottom: 0;
}
.columns-14 {
flex-direction: column;
}
.heading-425 {
margin-left: 48px;
}
.heading-425.get-in-touch {
text-align: center;
margin-bottom: 10px;
}
.button-16 {
margin-top: 0;
padding-left: 19px;
padding-right: 19px;
font-size: 11px;
line-height: 21px;
}
.button-16.cta-button {
width: 80%;
padding-left: 15px;
padding-right: 15px;
font-size: 16px;
}
.features-title {
margin-bottom: 30px;
}
.services-block {
width: 100%;
}
.services-container {
padding-left: 20px;
padding-right: 20px;
}
.services {
flex-flow: column;
}
.section-title-3 {
font-size: 24px;
line-height: 32px;
}
.section-img {
max-width: none;
}
.paragraph-51 {
padding-right: 0;
}
.container-1072 {
padding-left: 20px;
padding-right: 20px;
}
.content34-grid {
grid-column-gap: 12px;
grid-template-columns: 1fr 1fr 1fr 1fr;
align-items: center;
}
.section-4.light-grey.half-padding {
display: none;
}
.partner-logo {
margin-top: 20px;
margin-bottom: 20px;
}
.titled-text-block {
margin-right: 0;
}
.circle-text-section {
font-size: 14px;
}
.wrapper-3 {
align-items: center;
}
.circle-container {
width: 175px;
height: 175px;
}
.rotating-text {
right: auto;
}
.rotating-text.to-the-left {
left: auto;
}
.heading-8 {
left: 50px;
}
.heading-8.other-side {
left: -50px;
}
.card-3, .background-video-5 {
width: 300px;
}
.section-103 {
overflow: hidden;
}
.button-18 {
margin-bottom: 16px;
}
._2-boxes-hero-wrapper {
flex-direction: column;
}
.box-wrapper-hero.left {
margin-right: 0;
}
.grid-11 {
flex-direction: column;
display: flex;
}
.margin-vertical {
margin-left: 0;
margin-right: 0;
}
.padding-vertical {
padding-left: 0;
padding-right: 0;
}
.padding-bottom {
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.margin-top {
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
}
.padding-horizontal {
padding-top: 0;
padding-bottom: 0;
}
.padding-horizontal.padding-medium.is-mobile-small {
padding-left: .25rem;
padding-right: .25rem;
}
.padding-horizontal.padding-huge.is-mobile-small {
padding-left: 1rem;
padding-right: 1rem;
}
.margin-bottom {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.margin-bottom.margin-small {
padding-right: 0;
}
.margin-bottom.margin-custom1 {
margin-bottom: 1rem;
}
.margin-bottom.margin-xlarge {
flex-direction: column;
align-items: center;
padding-right: 0;
font-family: Poppins, sans-serif;
font-size: 14px;
display: flex;
overflow: visible;
}
.hero_heading {
font-size: 2.1rem;
}
.section-title-6 {
font-size: 1.4rem;
}
.grid-4-col {
grid-template-rows: .25fr;
}
.card-wrapper {
margin-bottom: -84px;
position: relative;
}
.section-title-header {
text-align: center;
}
.paragraph-text {
font-size: 1rem;
}
.c-title-1 {
font-size: 30px;
line-height: 1.2em;
}
.c-share_button.cc-share {
width: 65px;
height: 65px;
}
.c-share_button.cc-social {
margin-left: 4px;
}
.c-grid_item.cc-title {
flex: 1;
order: 1;
min-height: auto;
padding-left: 24px;
padding-right: 24px;
}
.c-grid_item.cc-webflowent {
min-height: auto;
}
.c-grid_item.cc-copylink {
border-right-style: none;
max-width: none;
}
.c-hero_logo.cc-copylink {
width: 40px;
height: 40px;
}
.c-tile_linkedin {
min-height: 200px;
}
.c-section-3 {
padding-top: 32px;
padding-bottom: 32px;
}
.c-badge_text {
background-image: none;
width: 75%;
height: 75%;
}
.c-social_buttons {
margin-right: 4px;
}
.button-hero {
margin-bottom: 40px;
}
.video-block-light {
background-image: linear-gradient(352deg, #fff0 60%, #fff), url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/61ec89e5ab9f75f188aceacb_Ring.png");
background-position: 0 0, 50%;
background-size: auto, cover;
border-radius: 0;
height: 50%;
inset: auto 0% 0%;
}
.h1-jumbo {
font-size: 48px;
line-height: 62px;
}
.why-us-video-lighrbox {
height: 350px;
}
.header-4 {
padding-right: 0;
font-size: 40px;
line-height: 40px;
}
.youtube-thread {
background-color: #0000;
padding-left: 20px;
padding-right: 20px;
}
.sub-heading-text {
width: auto;
font-size: 3rem;
line-height: 3rem;
}
.card_video {
height: 240px;
}
.card-4 {
padding: 20px;
}
.section-105 {
min-width: 360px;
}
.section_col {
min-width: auto;
}
.section_col.align--middle {
flex-direction: row;
justify-content: center;
align-items: center;
margin-left: -18px;
}
.card--highlight {
margin-bottom: 8px;
margin-left: 33px;
margin-right: 0;
padding-left: 0;
padding-right: 0;
}
.heading-431 {
padding-right: 28px;
font-size: 2em;
}
.paragraph-76 {
padding-right: 19px;
overflow: visible;
}
.background-video-16 {
width: 200px;
padding-left: 0;
}
.body-2 {
object-fit: fill;
overflow: hidden;
}
.case-block {
min-height: auto;
}
.casestudy-list-wrapper.hidden {
display: none;
}
.logo-2 {
display: inline;
}
.grid-case-study {
grid-row-gap: 20px;
grid-auto-flow: row dense;
}
.div-block-2 {
height: auto;
}
.display {
font-size: 40px;
line-height: 44px;
}
.grid-feature {
grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
}
.hero-case-overview {
padding-top: 40px;
padding-bottom: 40px;
}
.display-2 {
font-size: 40px;
line-height: 44px;
}
.casestudy-list-casepage {
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}
.navbutton {
display: none;
}
.navbutton.mobile {
width: 100%;
min-height: 48px;
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
}
.dropdown-link-3.mobile {
letter-spacing: 0;
padding-top: 5px;
padding-bottom: 5px;
font-size: 12px;
line-height: 18px;
}
.button-20 {
margin-right: 10px;
padding: 10px 15px;
font-size: 16px;
}
.hero {
width: 100%;
height: 90vh;
min-height: 400px;
}
.text-block-132 {
color: #fff;
font-size: 12px;
font-style: italic;
font-weight: 300;
}
.navbar-3 {
flex-direction: column;
align-items: center;
width: 100%;
margin-top: 20px;
display: flex;
}
.hero_tagline {
font-size: 40px;
line-height: 48px;
}
.hero_tagline.subpage {
font-size: 48px;
}
.dropdown-toggle-4 {
width: 100%;
min-height: 48px;
}
.hero_cta {
width: auto;
max-width: 100%;
height: 90%;
margin-left: 0;
margin-right: 0;
padding-left: 20px;
padding-right: 20px;
}
.hero_cta.subpage {
width: 100%;
}
.logo-3 {
max-width: 120px;
height: auto;
margin-right: 0%;
}
.stats-grid {
grid-template-columns: 1fr;
}
.button-21 {
text-align: center;
width: 100%;
padding-left: 30px;
padding-right: 30px;
}
.heading-1 {
font-size: 40px;
}
.text-block-133 {
font-size: 25px;
}
.body-3 {
overflow: visible;
}
.div-block-228 {
width: 100%;
margin-bottom: 4em;
}
.text-block-135 {
font-size: 3.5em;
}
.image-4 {
width: 100%;
height: auto;
}
.name-test {
margin-top: 1em;
font-size: 5em;
}
.background-video-18 {
object-fit: cover;
height: 55em;
}
.paragraph-97._400w.mixpanel {
font-size: 15px;
}
.about-uss {
padding-top: 40px;
padding-bottom: 40px;
}
.about-uss.grey-half-background-copy {
padding-top: 0;
}
.standard-columns-2.vcentre-aligned {
text-align: center;
padding-right: 0;
}
.heading-105, .heading-105._450w {
font-size: 23px;
}
.image-97 {
display: none;
}
.last {
padding-top: 50px;
padding-bottom: 50px;
}
.wrapper-4 {
width: 80%;
}
.cap-text {
font-size: 15px;
line-height: 15px;
}
.section-107 {
height: 130px;
margin-top: 60px;
margin-left: 10px;
}
.heading-112 {
margin-top: 120px;
margin-left: 20px;
font-size: 40px;
line-height: 50px;
}
.heading-113 {
margin-top: -10px;
margin-left: 20px;
font-size: 40px;
line-height: 50px;
}
.hero-description-title-2 {
width: 80%;
margin-top: 10px;
margin-bottom: 20px;
font-size: 16px;
line-height: 18px;
}
.grid-13 {
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
}
.demo_content {
padding-top: 40px;
padding-bottom: 40px;
}
.members_grid {
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
}
.content-02-title-div {
text-align: left;
align-items: flex-start;
}
.heading-2.center {
text-align: left;
}
.team-collection-grid {
grid-template-columns: 1fr;
}
.heading-display-1 {
font-size: 44px;
}
.sticky.post-details-sticky-container {
grid-template-columns: 1fr;
}
.subscribe-form {
padding-top: 20px;
}
.categories-links-list {
flex-direction: column;
}
.subscribe-input {
width: 100%;
min-width: auto;
}
.grid-no-gap-columns._3x, .grid-no-gap-column-rows._3x {
grid-template-columns: 1fr;
}
.category-holder.centered {
justify-content: flex-start;
}
.serif {
font-weight: 400;
}
.display-2 {
font-size: 1.75rem;
}
.project-info {
width: 100%;
}
.subscribe-btn {
min-width: 300px;
}
.thanks-wrap {
text-align: center;
display: none;
}
.input-wrap {
min-width: 300px;
}
.standard-section {
padding-top: 40px;
padding-bottom: 40px;
}
.html-embed-5 {
width: 350px;
}
.text-span-40 {
font-size: 20px;
line-height: 1;
}
.show_skew-on_load-copy.display-1 {
font-size: 40px;
line-height: .6;
}
.c-title-3 {
font-size: 20px;
line-height: 34px;
}
.c-container-2 {
padding-left: 16px;
padding-right: 16px;
}
.c-title-3-2 {
font-size: 20px;
line-height: 34px;
}
.demo-wrapper {
align-items: center;
margin-top: 100px;
margin-right: 0;
padding-bottom: 100px;
padding-left: 0;
padding-right: 0;
}
.container-1078 {
padding-left: 16px;
padding-right: 16px;
}
.content-567 {
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
}
.collection-item-6 {
max-width: 100%;
}
.category__card-img {
height: 300px;
}
.category__card-img.mod--mob {
display: block;
}
.category__card-img.mod--desctop {
display: none;
}
.category__col {
width: 100%;
padding-left: 0;
padding-right: 0;
}
.collection-list-6 {
column-count: 2;
margin-left: auto;
margin-right: auto;
}
.collection-item-8 {
padding-top: 12px;
}
.cover {
margin-top: 12px;
}
.button-27 {
top: 27px;
}
.heading-439 {
text-align: center;
}
.heading-439.middle {
padding-left: 18px;
padding-right: 18px;
font-size: 1em;
font-weight: 400;
}
.columns-19 {
margin-top: 20px;
}
.vh-p2 {
padding-top: 6px;
font-size: 14px;
}
.div-block-68 {
opacity: 0;
width: 290px;
}
.portfolio-section {
margin-top: 0;
}
.column-41 {
padding-top: 0;
}
.div-block-72 {
width: 100%;
margin-top: 0;
margin-left: 0;
}
.div-block-66 {
opacity: 0;
width: 290px;
overflow: visible;
}
.image-64 {
padding-top: 60px;
}
.container-23 {
padding-left: 0;
padding-right: 0;
}
.vh-p1 {
margin-top: 16px;
margin-bottom: 0;
font-size: 24px;
}
.div-block-69, .div-block-67 {
opacity: 0;
width: 290px;
}
.vh-h4 {
max-width: none;
margin-bottom: 0;
font-size: 38px;
font-weight: 600;
line-height: 44px;
}
.vh-h4.sample-mobile {
margin-bottom: -60px;
}
.architectural__item {
min-height: 90vw;
}
.row-2 {
margin-top: 2vw;
}
.row-1 {
margin-bottom: 0;
}
.architectural__services {
grid-template-columns: 1fr;
}
.hero__content {
padding-left: 20px;
padding-right: 20px;
}
.clip-text-hero {
flex: 0 auto;
}
.h1 {
font-size: 1.8em;
}
.gallery__wrapper {
column-count: 2;
column-gap: 10px;
}
.img {
border-radius: 15px;
}
.header-block-2 {
padding-top: 20px;
padding-bottom: 20px;
}
.btn-border.mod--menu {
flex: 1;
min-width: auto;
}
.btn-2.mod--menu {
box-shadow: none;
color: #fff;
background-color: #1e1e2f;
flex: 1;
min-width: auto;
}
.nav__link-2 {
font-size: 14px;
}
.hero__person {
border-radius: 14px;
}
.skills__video-wrap {
border-radius: 8px;
align-items: center;
height: 55vw;
margin-bottom: 20px;
}
.category__card-img-2 {
height: 300px;
}
.category__card-img-2.mod--mob {
display: block;
}
.category__card-img-2.mod--desctop {
display: none;
}
.form-block, .form-block.mod--hero {
max-width: 100%;
}
.logo-img {
max-width: 82px;
}
.footer__nav-link-2 {
font-size: 14px;
}
.skills__list-line {
margin-top: 88px;
margin-bottom: 0;
}
.skills__video {
min-width: 110vw;
height: 70vw;
margin-bottom: -14px;
margin-left: -5vw;
}
.skills__list-item {
padding-top: 16px;
padding-bottom: 16px;
}
.skills__list-title {
margin-bottom: 12px;
font-size: 16px;
}
.skills__txt-desc {
font-size: 16px;
}
.skills__list-ico {
margin-right: 20px;
}
.swiper-slide {
width: 100%;
}
.swiper-slide.slide--reviews {
width: auto;
}
.input-2 {
width: 100%;
}
.swiper.swiper--reviews {
margin-left: auto;
margin-right: auto;
}
.thumb-overlay {
background-color: #090909;
height: auto;
padding: 32px 16px;
position: relative;
}
.display-1 {
font-size: 48px;
}
.section-homme-full-image_inner {
height: 20rem;
}
.section-home-cta_right {
min-height: 20rem;
}
.section-home-cta_image {
height: 15rem;
}
.text-style-link {
text-align: left;
}
.section-home-cta_content.margin-top.margin-xhuge.max-width-80 {
max-width: 100%;
}
.section-title-8, .section-title-9 {
font-size: 28px;
line-height: 36px;
}
.hero-bg-img {
width: 200px;
height: 250px;
right: 5%;
}
.hero-bg-img._2 {
width: 200px;
height: 260px;
right: -20%;
}
.hero-banner {
background-image: linear-gradient(#0000, #0000);
justify-content: center;
padding-top: 0;
}
.grid-banner {
height: 80%;
padding-left: 44px;
}
.slogan-wrapper {
padding-left: 0;
}
.home-heading {
text-align: center;
font-size: 40px;
line-height: 45px;
}
.hero-case-overview-2 {
padding-top: 40px;
padding-bottom: 40px;
}
.hero-banner-2 {
background-position: 50%;
}
.grid-banner-2 {
height: 80%;
}
.home-heading-2 {
font-size: 40px;
line-height: 56px;
}
.display-0 {
font-size: 2.25rem;
}
.margin-bottom-2 {
margin-bottom: 2rem;
}
.section-home-body {
margin-top: 0;
}
.heading-442 {
font-size: 40px;
line-height: 50px;
}
.section-119 {
padding-top: 60px;
padding-bottom: 60px;
}
.services-grid {
grid-template-columns: 1fr;
}
.featrues-flex {
flex-direction: column;
}
.display-3 {
text-align: center;
font-size: 32px;
line-height: 34px;
}
.subhead {
text-align: center;
font-family: Poppins, sans-serif;
font-size: 20px;
}
.ipad {
width: 100%;
max-width: 100%;
}
.rounded-block {
background-color: #0000;
width: 100%;
height: 100%;
}
.features-wrapper {
flex-direction: column;
margin-right: 0;
padding-left: 20px;
padding-right: 20px;
font-size: 8px;
}
.logo-client {
margin-bottom: 10px;
margin-left: 5px;
margin-right: 5px;
}
.logo-client-wrapper {
flex-wrap: wrap;
max-width: 100%;
}
.logo-client-wrapper._100 {
max-width: 100%;
}
.bold-text-43 {
text-align: center;
font-family: Poppins, sans-serif;
}
.section-heading-para {
font-size: 16px;
}
.sevice-card-content {
text-align: center;
}
.service-card.slide-up-400ms.service-flex {
flex-direction: column;
}
.service-card.slide-up.service-flex {
flex-direction: column;
align-items: center;
padding-top: 20px;
padding-bottom: 20px;
}
.service-card.slide-up-200ms.service-flex {
flex-direction: column;
}
.service-icon {
font-size: 50px;
}
.service-card-icon {
text-align: center;
margin-left: auto;
margin-right: auto;
padding-bottom: 50px;
font-size: 16px;
line-height: 1.5em;
}
.find-more-btn {
margin-left: auto;
margin-right: auto;
}
.subtitle-3 {
padding-bottom: 3rem;
font-size: .875rem;
}
.title-3 {
font-size: 2rem;
}
.title-wrapper {
margin-bottom: .25rem;
}
.h1-2 {
font-size: 2.4em;
}
.h1-2.center {
width: auto;
font-size: 2.1em;
}
._4-col-grid {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
justify-content: space-between;
align-items: center;
width: 100%;
display: flex;
}
.logo-wrapper {
width: 22vw;
}
.logo-wrapper.space {
width: 9vw;
}
.section-120 {
padding-left: 15px;
padding-right: 15px;
}
.vector-block {
width: 45vw;
}
.h2-3 {
font-size: 1.8em;
}
.h3-4 {
font-size: 1.6em;
}
.image-wrapper {
width: auto;
}
.p1-2 {
font-size: 1.1em;
}
.team-wrapper {
height: 400px;
}
.play-icon-3 {
width: 3rem;
}
.web-content {
padding: 20px;
}
.paragraph-106 {
font-size: 15px;
}
.web-wrapper {
padding: 20px;
}
.tipform {
min-width: auto;
padding: 24px;
}
.learning-heading {
margin-bottom: 25px;
}
.learning-text-block {
margin-bottom: 30px;
}
.learning-text-block._4, .learning-text-block._1 {
font-size: 15px;
line-height: 20px;
}
.philosophy-image-container, .philosophy-image-container._01 {
height: 300px;
}
.container-1086 {
padding: 1em;
}
.grid-8-col {
grid-template-columns: 1fr 1fr;
}
.hero-background-video._01 {
width: 80vw;
}
.hero-text {
font-size: 45px;
}
.loading-text {
font-size: 32px;
}
.grid-6-col-2 {
grid-template-columns: 1fr;
}
.video-light-box {
height: 210px;
}
.hero-2 {
padding-top: 43px;
padding-bottom: 101px;
}
.remove-circe-mobile {
width: 40px;
height: 40px;
top: 10px;
right: 10px;
}
.remove {
width: 20px;
}
.image-small-product {
margin-bottom: 20px;
}
.logo-grid {
grid-row-gap: 30px;
grid-template-columns: 1fr;
}
.product-title-sidebar-2 {
font-size: 16px;
}
.fun-wrapper {
grid-template-columns: 1fr;
}
.form-grid {
max-width: 100%;
}
.navigation-wrapper-2 {
padding-left: 3%;
padding-right: 3%;
}
.navigation-grid {
justify-content: space-between;
display: flex;
}
.fun-image {
margin-right: 15px;
}
.display-4 {
font-size: 40px;
}
.copyright-flex {
flex-direction: column;
align-items: flex-start;
}
.max-w-width-2 {
max-width: 100%;
}
.grid-2-columns-2 {
position: relative;
}
.button-35.hide-mobile {
display: none;
}
.start-icon {
margin-left: 20px;
margin-right: 20px;
}
.navigation-flex {
flex-wrap: wrap;
}
.footer-4 {
padding-top: 40px;
}
.project-list, .services-grid-2 {
grid-template-columns: 1fr;
}
.display-5 {
font-size: 34px;
}
.footer-link-2.bigger.w--current {
margin-bottom: 12px;
}
.remove-pop-up {
top: 10px;
right: 10px;
}
.fun-facts-wrapper {
border-right-style: none;
}
.text-rotator-wrapper {
padding-top: 30px;
padding-bottom: 30px;
}
.display-6 {
font-size: 39px;
}
.text-rotator {
font-size: 34px;
}
.auto-scroll-grid-content {
margin-top: 28px;
}
.learning-heading-2 {
margin-bottom: 25px;
}
.heading-443 {
font-size: 3em;
line-height: 1.2;
}
.text-block-142 {
font-size: 14px;
line-height: 20px;
}
.heading-3 {
font-size: 36px;
line-height: 136%;
}
.padding-vertical-2.padding-large, .padding-vertical-2.padding-medium, .padding-vertical-2.padding-xxhuge {
padding-top: 4rem;
padding-bottom: 3rem;
}
.paragraph-111 {
font-weight: 300;
}
.button-row {
flex-direction: column;
align-items: flex-start;
}
.link-block-16 {
padding: 14px 24px;
}
.home-header_component {
margin-top: 20px;
}
.heading-444 {
font-size: 42px;
line-height: 126%;
}
.home-cta_component {
padding-left: 20px;
padding-right: 20px;
}
.text-block-143 {
font-weight: 300;
}
.text-field-8 {
width: 260px;
height: 56px;
padding: 10px 12px;
}
.text-field-8::placeholder {
font-size: 12px;
line-height: 20px;
}
.section-home-features {
margin-top: -210px;
}
.link-block-2 {
top: 8px;
}
.link-47 {
margin-top: 32px;
margin-left: 0;
}
.paragraph-normal {
font-weight: 300;
}
.page-padding-3 {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.heading-445 {
font-size: 22px;
font-weight: 400;
line-height: 28px;
}
.paragraph-112 {
font-weight: 400;
line-height: 194%;
}
.paragraph-113 {
font-weight: 300;
}
.heading-446 {
font-size: 48px;
}
.paragraph-big {
font-size: 34px;
line-height: 52px;
}
.slider-left {
width: 100%;
height: 50%;
}
.intro-figure-2, .intro-figure {
background-size: 15px;
width: 40px;
height: 40px;
}
.content-section-2 {
padding-top: 100px;
}
.content-section-2.double {
padding-bottom: 100px;
}
.content-section-2.about-intro {
padding-top: 0;
}
.subtitle-box.more-margin {
margin-bottom: 100px;
}
.slider-right {
width: 100%;
height: 50%;
}
.max-280-pixles.align-right {
text-align: left;
flex: 0 auto;
max-width: 100%;
}
.section-image-text {
flex-wrap: wrap;
}
.column-text {
width: 100%;
padding-top: 30px;
padding-bottom: 5px;
}
.h3-5 {
font-size: 36px;
line-height: 46px;
}
.heading-horizontal {
flex-flow: column wrap;
align-items: flex-start;
}
.image-column {
width: 100%;
}
.section-image-text-2.reverse {
flex-wrap: wrap-reverse;
}
.pictures-right {
padding-top: 30px;
}
.picture-item {
margin-bottom: 20px;
}
.h3-big {
font-size: 34px;
line-height: 44px;
}
.pictures-container {
height: auto;
}
.title-4 {
font-size: 20px;
line-height: 26px;
}
.absolute-heading, .absolute-heading.medium {
width: 100%;
}
.intro-arrow-right, .intro-arrow-left {
margin-top: 84.172px;
}
.intro-slide {
width: 100%;
}
.h5 {
font-size: 24px;
line-height: 34px;
}
.heading-horizontal-2 {
flex-flow: column wrap;
align-items: flex-start;
}
.big-words-guy {
width: 16vw;
}
.big-words {
letter-spacing: -8px;
font-size: 12vw;
}
.big-words._2 {
font-size: 12vw;
}
.big-words-blue {
width: 100%;
height: 15vw;
}
.big-row {
margin-bottom: 0;
}
.big-words-computer {
width: 25vw;
}
.big-words-figure, .big-words-figure._2 {
width: 120px;
height: 110px;
}
.big-words-yellow, .big-words-purple {
width: 100%;
height: 15vw;
}
.big-words-girl {
width: 17vw;
}
.big-row-2 {
margin-bottom: 0;
}
.paragraph-regular {
font-size: 36px;
line-height: 52px;
}
.paragraph-big-2 {
font-size: 34px;
line-height: 52px;
}
.slider-left-2 {
width: 100%;
height: 50%;
}
.signature {
margin-top: 20px;
}
.second-end-block {
flex-wrap: wrap;
margin-left: 0%;
}
._48-percent-column {
width: 100%;
margin-bottom: 40px;
}
.paragraph-small {
font-size: 34px;
line-height: 46px;
}
.center-column-text {
margin-bottom: 40px;
}
._48-percent-image {
width: 100%;
}
.h3-6 {
font-size: 36px;
line-height: 46px;
}
.heading-box-small {
width: 100%;
}
._57-percent-image {
flex: 0 auto;
width: 100%;
}
.title-5 {
font-size: 20px;
line-height: 26px;
}
.first-end-block {
flex-wrap: wrap;
}
.figure {
background-position: 50% 100%;
background-size: 30%;
height: 4.3vh;
min-height: 57px;
margin-top: 5px;
padding-top: 7%;
padding-bottom: 7%;
}
.hero-text-4 {
margin-top: 5px;
font-size: 14vw;
line-height: 14vw;
}
.hero-text-2 {
margin-top: 0;
font-size: 15vw;
line-height: 15vw;
}
.updates-badge {
margin-top: 67px;
}
.hero-text-1 {
letter-spacing: -4px;
margin-top: 30px;
font-size: 12.5vw;
line-height: 13vw;
}
.hero-title {
font-size: 20px;
line-height: 26px;
}
.hero-text-box {
margin-bottom: 100px;
padding-top: 100px;
padding-left: 3%;
padding-right: 3%;
}
.figure-2 {
background-size: 83%;
height: 4.3vh;
min-height: 57px;
}
.hero-gradient-section {
min-height: 200px;
}
.hero-text-3 {
font-size: 12.5vw;
line-height: 13vw;
}
.story-image-4 {
width: 100%;
}
.text-number {
font-size: 36px;
line-height: 36px;
}
.story-text-last, .story-text {
width: 100%;
min-height: auto;
margin-bottom: 30px;
}
.center-line-box {
width: 30px;
display: none;
}
.content-section-3 {
padding-top: 100px;
}
.story-text-2 {
width: 100%;
min-height: auto;
margin-bottom: 30px;
}
.story-image {
width: 100%;
}
.story-block {
flex-wrap: wrap;
margin-bottom: 100px;
}
.story-block.last {
margin-bottom: 20px;
}
.story-mini-title.last {
margin-top: 30px;
}
.paragraph-micro {
font-size: 24px;
line-height: 34px;
}
.hero__content-2 {
max-width: none;
}
.hero__title-2 {
font-size: 38px;
}
.intro {
background-size: 745px;
}
.hero-screen__element {
display: none;
}
.nav-right {
background-color: #fff;
display: none;
}
.menu-button-5 {
background-color: #0000;
}
.hero-section-3.cc, .hero-container.cc.mobile {
padding-left: 10px;
padding-right: 10px;
}
.hero-logos {
margin-left: 10px;
margin-right: 10px;
}
.hero-logos._2 {
grid-column-gap: 16px;
text-align: center;
grid-template-columns: 1fr 1fr;
justify-content: center;
justify-items: center;
margin-left: 0;
margin-right: 0;
}
.main-container-3 {
padding-left: 10px;
padding-right: 10px;
}
.container-1090 {
text-align: center;
}
.container-small-2 {
text-align: center;
align-items: center;
}
.container-small-2.align-center {
text-align: center;
}
.container-1091 {
padding-left: 16px;
padding-right: 16px;
}
.hero-4 {
padding-top: 24px;
padding-bottom: 0;
}
.video-5 {
margin-top: 25px;
margin-bottom: 25px;
}
.container-2.is-hero {
height: auto;
padding-top: 16.9em;
padding-bottom: 0;
}
.hero_heading-2 {
font-size: 13vw;
}
.work_wrap {
display: block;
}
.section-123 {
padding-left: 16px;
padding-right: 16px;
}
.section-123.header {
padding-bottom: 20px;
}
.section-123.video {
padding-top: 20px;
padding-bottom: 40px;
}
.header-title {
font-size: 35px;
}
.play-btn {
transform: scale(.4);
}
.section-124 {
padding-bottom: 20px;
}
.bold-text-8 {
font-size: 36px;
line-height: 24px;
}
.text-block-144 {
max-width: 11em;
margin-bottom: 30px;
font-size: 2.2em;
line-height: 1.4;
}
.left-arrow-2 {
display: none;
}
.home-faq_link-wrapper {
height: 57px;
}
.text-size-regular {
font-size: 14px;
}
.nav_brand.w--current {
z-index: 2;
position: relative;
inset: 0%;
}
.about_flying-image.is--3 {
background-position: 15%;
width: 8.5em;
height: 7em;
}
.about_flying-image.is--1 {
background-position: 50% 25%;
width: 9.27em;
}
.testimonial_text-wrapper {
width: auto;
}
.home-about_slider-component {
width: auto;
margin-left: 30px;
margin-right: 30px;
}
.home-projects_heading-wrapper {
padding-bottom: 50px;
}
.margin-bottom-4 {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.partners-heading {
max-width: 240px;
}
.about_slider_image-wrapper {
width: 50%;
height: 8em;
margin-left: 5px;
margin-right: 5px;
}
.footer_bottom_social-links {
flex: 0 auto;
margin-left: 0;
display: flex;
}
.hamburger_lottie {
background-color: #0000;
width: 1.5em;
height: auto;
}
.text-size-small-2.text-align-center {
font-size: 14px;
}
.footer_bottom_link-menu {
display: none;
}
.partners_heading-wrapper {
text-align: center;
justify-content: center;
margin-bottom: 5em;
display: flex;
}
.mask {
height: auto;
}
.footer_bottom_link-wrapper.text-size-regular {
justify-content: space-between;
}
.faq-link-visible.margin-top {
margin-top: 1em;
}
.text-align-center-2 {
padding-top: 15px;
}
.about_slider {
width: auto;
height: auto;
}
.home-faq_heading {
padding-bottom: 50px;
}
.padding-vertical-3 {
padding: 50px 0;
}
.home-projects_layout {
grid-template-columns: 1fr;
}
.home-about-sticky-wrapper.clickable-off {
padding-left: 30px;
padding-right: 30px;
}
.testimonial-slider_slide {
margin-top: 0;
}
.right-arrow-2 {
display: none;
}
.nav_menu-2 {
z-index: 1;
display: none;
position: fixed;
inset: 0%;
}
.nav_component {
padding: 25px 30px;
}
.nav_hamburger {
z-index: 2;
display: block;
position: relative;
}
.home-header_video-component {
height: 100vh;
}
.popup_name {
font-size: 3.4em;
}
.cta_background-lottie {
transform: translate(0, 9.8rem)rotate(90deg)scale(1.9);
}
.service-wrapper-content-marketing {
align-items: center;
min-height: 32rem;
max-height: 27rem;
padding: 2rem 1.5rem;
display: flex;
transform: skew(-5deg);
}
.story-text-3 {
font-size: 1.75rem;
}
.header-lottie-wrap {
z-index: 9999;
width: 20rem;
height: 20rem;
inset: -3% 0% auto 5%;
}
.team_list {
grid-template-columns: 1fr;
}
.heading-large-2 {
font-size: 1.5rem;
}
.services-wrapper-3 {
padding-left: 1rem;
padding-right: 1rem;
top: 5rem;
}
.team_image-wrapper {
padding-top: 66%;
}
.testimonial-text {
text-align: center;
}
.header_lottie {
height: 40vh;
transform: scale(2)rotate(90deg);
}
.logo_list {
grid-template-columns: 1fr;
}
.header-text {
font-size: 3.5rem;
}
.margin-left {
margin-top: 0;
margin-bottom: 0;
margin-right: 0;
}
.header-80vh {
min-height: 80vh;
}
.button-41 {
padding: 1.5rem 3rem 1.5rem 1.4rem;
}
.testimonial_wrapper {
justify-content: center;
align-items: flex-start;
}
.section-header-2 {
overflow: hidden;
}
.footer_menu-wrapper {
grid-row-gap: 40px;
grid-template-columns: 1fr;
}
.logo_wrapper {
justify-content: center;
align-items: center;
}
.service-text {
font-size: 1.08rem;
transform: skew(1deg);
}
.service-text.is--dark {
color: #312d55;
font-weight: 400;
}
.button-row-2.button-row-center {
flex-direction: column;
}
.service-wrapper-smm {
align-items: center;
min-height: 32rem;
padding: 2rem 1.4rem;
display: flex;
transform: skew(-5deg);
}
.service-wrapper-cs {
align-items: center;
min-height: 30rem;
padding: 2rem 1.4rem;
display: flex;
transform: skew(-5deg);
}
.team_image-2 {
object-position: 50% 25%;
transform: scale(1);
}
.bg-wrap-skew {
width: 80%;
max-width: 80%;
height: 25rem;
top: 24%;
}
.service-title-5 {
font-size: 1.75rem;
transform: translate(-10px)skew(0deg);
}
.service-title-5.is--dark {
color: #312d55;
}
.contact_component {
grid-template-columns: 1fr;
}
.contact-btn-text {
text-align: left;
font-size: 1.5rem;
}
.arrow-img {
margin-left: 1.5rem;
}
.section-in-base {
padding-top: 3.75rem;
padding-bottom: 3.75rem;
}
.nav-logo-2 {
width: 5.4rem;
}
.nav-link-5 {
padding-bottom: .25rem;
font-size: 10px;
}
.nav-4 {
padding-top: 4em;
padding-bottom: 4em;
}
.intro-parent {
display: flex;
}
.centered {
font-size: 3em;
}
.paragraph-118 {
font-size: 18px;
line-height: 28px;
}
.paragraph-118.center {
margin-bottom: 33px;
font-size: 18px;
line-height: 28px;
}
.button-42 {
margin-top: 24px;
padding: 15px 30px;
font-size: 20px;
line-height: 25px;
}
.text-bg-wrapper {
width: 113px;
height: 15px;
top: 42px;
right: 66px;
}
.paragraph-span {
background-image: none;
font-size: 18px;
}
.section-126 {
padding-top: 50px;
padding-bottom: 50px;
}
.section-126.hero {
min-height: auto;
padding-top: 60px;
padding-bottom: 70px;
}
.video-wrapper-3 {
min-height: 350px;
}
.play-icon-7 {
width: 80px;
}
.video-line {
display: none;
}
.accordion-text {
color: #fff;
white-space: normal;
font-size: 20px;
line-height: 30px;
}
.accordion-toggle {
font-size: 22px;
line-height: 32px;
}
.accordion-content {
font-size: 16px;
line-height: 25px;
}
.logo-wrapper-2 {
grid-template-columns: 1fr;
margin-top: 50px;
}
.button-43 {
margin-top: 24px;
padding: 15px 30px;
font-size: 20px;
line-height: 25px;
}
.section-127, .section-127.l3 {
padding-left: 20px;
padding-right: 20px;
}
.logo-grid-2 {
grid-column-gap: 40px;
grid-row-gap: 35px;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr 1fr;
}
.text-column {
max-width: 100%;
}
.h2-title {
font-size: 30px;
}
.image-wrap.l2 {
padding-top: 35px;
padding-left: 20px;
padding-right: 20px;
}
.about-3-columns {
flex-direction: column;
justify-content: flex-start;
}
.about-column-wrap {
width: 100%;
}
.about-icon {
margin-bottom: 10px;
}
.about-name {
margin-bottom: 5px;
}
.video-tab-link {
width: 100%;
padding-left: 10px;
padding-right: 10px;
}
.contain {
max-width: 100%;
}
.paragraph-and-button-container {
flex-direction: column;
align-items: center;
}
.hero-heading-2.bottom {
text-align: center;
font-size: 40px;
right: 0%;
}
.hero-heading-2.top {
font-size: 40px;
left: 0%;
}
.hero-paragraph-3 {
width: 100%;
margin-bottom: 40px;
}
.partners-image._5, .partners-image._1, .partners-image._4, .partners-image._3, .partners-image._2 {
width: 120px;
margin: 15px 10px;
}
.partnered-by-text {
text-align: center;
width: 90%;
}
.partners-container {
justify-content: center;
}
.hero-section-wrapper {
width: 90%;
min-width: auto;
max-width: none;
padding-bottom: 80px;
}
.partners-logo {
flex-flow: column wrap;
justify-content: space-between;
align-items: center;
width: 80%;
}
.partners-logo.homepage {
flex-direction: row;
align-items: center;
width: 100%;
}
.position-testimonial {
font-size: 14px;
}
.testimonial-wrapper {
width: 90%;
min-width: auto;
max-width: none;
}
.testimonial-navigation {
font-size: 10px;
}
.slider-testimonial-2 {
min-width: 300px;
max-width: 300px;
margin-top: 60px;
}
.testimonial-heading-2 {
text-align: center;
}
.testimonial-text-block {
width: 90%;
}
.name-testimonial {
margin-left: 10px;
font-size: 20px;
}
.testimonial-bottom-info {
margin-top: 20px;
}
.testimonial-heading-content {
font-size: 18px;
}
.projects-wrapper {
width: 90%;
min-width: auto;
max-width: none;
}
.projects-top-wrapper {
flex-direction: column;
align-items: flex-start;
}
.right-arrow-4 {
margin-left: auto;
margin-right: auto;
inset: auto -50px -22% 0%;
}
.projects-heading {
width: 100%;
margin-top: 40px;
}
.projects-slider {
width: 100%;
height: auto;
}
.left-arrow-4 {
margin-left: auto;
margin-right: auto;
inset: auto 0 -22% -50px;
}
.projects-bottom-container {
align-items: flex-start;
}
.project-mask {
width: 100%;
}
.project-slide {
width: 100%;
margin-right: 30px;
}
.brown-line.why-us {
display: none;
}
.why-us-paragraph {
text-align: left;
margin-top: 20px;
}
.why-us-wrapper {
border-bottom-style: none;
border-bottom-width: 0;
width: 90%;
min-width: auto;
max-width: none;
}
.point-wrapper {
flex-direction: column;
align-items: flex-start;
padding-left: 0;
padding-right: 0;
}
.why-us-text-block {
margin-right: 5%;
}
.data-container {
margin-right: 0;
}
.about-hero-wrapper {
width: 90%;
}
.about-hero-tagline {
width: 100%;
}
.about-hero-heading {
font-size: 40px;
}
.why-us-contain {
margin-bottom: 50px;
}
.the-people-wrapper {
width: 90%;
}
.text-50px-white {
margin-bottom: 20px;
}
.about-us-16px-paragraph {
margin-top: 10px;
}
.the-people-brown-section {
padding-bottom: 40px;
}
.the-people-heading {
font-size: 50px;
}
.the-people-grid {
width: 90%;
max-width: 250px;
}
.team-members-grid {
flex-direction: column;
margin-top: 60px;
display: flex;
}
.our-team-wrapper {
width: 90%;
max-width: none;
}
.team-member {
margin-top: 20px;
}
.our-team-paragraph, .our-team-paragraph-2 {
width: 80%;
}
.footer-top-wrapper {
align-items: flex-start;
}
.footer-containers {
width: 47%;
}
.footer-containers.contact-us {
width: 100%;
}
.logos-social {
display: none;
}
.logos-social.footer-middle, .logos-social.footer {
display: flex;
}
.logos-social.open-nav-middle {
background-image: none;
width: 60px;
height: 60px;
margin-left: 20px;
margin-right: 20px;
display: flex;
}
.logos-social.open-nav {
background-image: none;
width: 60px;
height: 60px;
display: flex;
}
.logos-social.sharelink, .logos-social.sharelink-middle {
display: flex;
}
.footer-bottom-wrapper {
margin-top: 40px;
}
.makeshift-footer-wrapper {
width: 90%;
min-width: auto;
max-width: none;
}
.copyright-wrapper {
max-width: 300px;
}
.copyright-text {
font-size: 14px;
}
.our-work-hero {
width: 90%;
max-width: none;
}
.lets-talk-banner {
width: 120%;
}
.banner-heading {
font-size: 32px;
}
.banner-paragraph {
text-align: center;
width: 70%;
font-size: 14px;
}
._3-lines {
top: -11%;
right: -3%;
}
.work-hero-tagline {
width: 90%;
}
.our-work-item {
width: 100%;
}
.project-tab-menu {
overflow: auto;
}
.down-arrow-2 {
margin-top: 4px;
}
.faq-wrapper {
min-width: 280px;
}
.faq-question {
margin-right: 5%;
font-size: 20px;
line-height: 130%;
}
.faq-container {
margin-bottom: 100px;
}
.faq-point {
padding-left: 10px;
padding-right: 10px;
}
.faq-page-wrapper {
width: 90%;
max-width: none;
}
.question-contain {
align-items: flex-start;
}
.faq-main-heading {
text-align: center;
margin-bottom: 60px;
}
.faq-hero-tagline {
flex-direction: column;
align-items: flex-start;
width: 90%;
}
.faq-hero-paragraph {
margin-left: 0;
}
.horizontal-divider-3 {
height: 15px;
}
.nav-wrapper-3 {
padding-bottom: 15px;
}
.title-1 {
font-size: 30px;
line-height: 36px;
}
.display-7 {
margin-top: 15px;
}
.button-flex-2 {
flex-direction: column;
}
.service-grid {
grid-template-columns: 1fr;
}
.hero-5 {
padding-top: 50px;
padding-bottom: 120px;
}
.testiomonials-photo {
margin-bottom: 40px;
margin-right: 0;
}
.testimonials-content {
flex-direction: column;
align-items: flex-start;
padding-top: 30px;
padding-bottom: 30px;
}
.title-flex {
flex-direction: column;
}
.navigation-wrapper-3 {
padding-left: 3%;
padding-right: 3%;
}
.cart-container-2 {
border-radius: 0;
}
.footer-link-4.bigger.w--current {
margin-bottom: 12px;
}
.menu-grid {
grid-column-gap: 16px;
grid-row-gap: 15px;
}
.nav-text-2 {
font-size: 30px;
}
.display-8, .display-9, .display-10 {
margin-top: 15px;
}
.lightbox-gallery-item-wrapper {
border-bottom-right-radius: 3vh;
}
.lightbox {
height: 33vh;
}
.grid-20 {
display: inline-block;
}
.column-68 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.display-11 {
margin-top: 15px;
}
.testimonials-content-2 {
flex-direction: column;
align-items: flex-start;
padding-top: 30px;
padding-bottom: 30px;
}
.paragraph-120 {
font-size: 15px;
line-height: 20px;
}
.brand-logo {
width: 50%;
padding-left: 0;
}
.read-more-heading {
font-size: 30px;
}
.connect-text {
font-size: 18px;
}
.menu-navigation {
opacity: 0;
flex-direction: column;
padding-left: 10px;
padding-right: 30px;
display: none;
}
.blog-template-wrapper {
width: 90%;
max-width: none;
}
.auhtor-info-wrapper {
margin-top: 0;
margin-bottom: 40px;
margin-left: 0;
}
.blog-about-grid {
border-style: none;
flex-direction: column;
grid-template-columns: 1fr;
align-items: flex-start;
margin-bottom: 0;
display: flex;
}
.close-contain {
width: 16px;
height: 16px;
margin-right: 0;
}
.close-button-2 {
padding: 16px;
top: 40px;
right: 20px;
}
.brand-logo-nav-menu {
width: 50%;
padding-left: 0;
display: none;
position: absolute;
inset: auto 0% -15px 75px;
}
.nav-links-container {
flex-direction: column;
margin-top: 500px;
margin-left: 0;
}
.blog-info-container {
border-style: none;
flex-direction: column;
width: 100%;
padding-top: 20px;
padding-bottom: 20px;
}
.blog-info-container.share-now {
width: 60%;
}
.connect-wrapper {
margin-top: 60px;
margin-left: 30px;
}
.author-image-wrapper {
justify-content: center;
align-items: center;
width: 200px;
height: 200px;
display: flex;
}
.collection-item-12 {
width: 90%;
}
.nav-links-left-container {
width: auto;
margin-right: 0;
}
.author-left-contain {
flex-direction: column-reverse;
}
.main-heading-project {
margin-right: 0;
font-size: 2em;
}
.close-text {
display: none;
}
.navigation-container-2 {
max-width: none;
}
.makeshift-footer-wrapper-2 {
width: 90%;
min-width: auto;
max-width: none;
}
.medium-heading-2 {
font-size: 1.875rem;
line-height: 2.375rem;
}
.section-131 {
margin-top: 80px;
margin-bottom: 40px;
padding-left: 24px;
padding-right: 24px;
}
.button-group {
grid-row-gap: 16px;
grid-template-columns: auto;
}
._4-column-grid {
grid-template-columns: 1fr;
grid-auto-columns: 75vw;
margin-left: -24px;
margin-right: -24px;
padding-left: 24px;
padding-right: 24px;
}
.blog-hero-paragraph {
margin-left: 0;
}
.blog-page-wrapper {
width: 90%;
max-width: none;
}
.blog-item {
width: 100%;
margin-bottom: 100px;
}
.blogs-contain {
margin-bottom: 60px;
}
.preview-item-post {
width: 100%;
margin-bottom: 60px;
margin-left: 0%;
margin-right: 0%;
}
.content-section-4 {
padding-top: 100px;
}
.hero-inner-box {
padding-left: 3%;
padding-right: 3%;
}
.hero-heading-post {
margin-top: 30px;
}
.h1-post {
font-size: 9vw;
line-height: 11vw;
}
.post-summary {
width: 90%;
}
.footer-expand {
margin-top: 10px;
}
.footer-expand.middle {
width: 100%;
margin-top: 10px;
}
.footer-6 {
padding-top: 50px;
}
.mini-arrow {
display: inline-block;
}
.footer-column {
width: 100%;
margin-right: 0%;
padding-bottom: 0;
}
.go-up-button {
background-size: 16px, auto;
}
.go-up-button.w--current {
z-index: 8;
}
.footer-submit-button {
width: 100%;
}
.footer-newsletter {
margin-top: 0;
}
.h1-post-2 {
font-size: 9vw;
line-height: 11vw;
}
.inner-hero-section {
min-height: 200px;
}
.navlink {
color: #0f0f0f;
}
.footer-left {
flex-direction: column;
align-items: flex-start;
max-width: 100%;
margin-right: 0;
padding-right: 0;
}
.more-posts {
width: 100%;
margin-bottom: 60px;
}
.more-posts:last-child {
margin-bottom: 0;
}
.footer-input {
width: 100%;
max-width: 100%;
}
.footer-about-left {
width: 100%;
margin-right: 0;
}
.menu-5 {
width: 50%;
padding-right: 10px;
}
.menu-5._44-percent {
margin-bottom: 0;
}
.post-hero-image {
margin-bottom: 40px;
}
.footer-box {
flex-wrap: wrap;
}
.footer-container {
margin-bottom: 40px;
}
.grid-6-footer-meta {
grid-row-gap: 3rem;
}
.content-571.horizontal {
flex-wrap: wrap;
}
.btn-6 {
padding-left: 16px;
padding-right: 16px;
}
.footer-link-grid {
text-align: center;
grid-auto-flow: row;
justify-items: center;
}
.post-item.anim-on-scroll-in-view {
padding-bottom: 2em;
}
.heading-display-2 {
font-size: 36px;
}
.heading-display-2.streched-link-text {
font-size: 22px;
}
.wrapper-7 {
object-fit: fill;
overflow: hidden;
}
.footer-flex-container {
flex-direction: column;
}
.post-details-sticky-content {
margin-bottom: 0;
}
.fixed-nav {
padding-left: 0;
padding-right: 0;
}
.footer-7 {
text-align: left;
}
.about-us-title {
margin-right: 0;
}
.box {
justify-content: center;
width: 100%;
height: 100px;
margin-bottom: 30px;
}
.about-us {
margin-top: 20px;
margin-bottom: 20px;
}
.text-wrapper-5 {
padding-left: 20px;
}
.services-header-left {
margin-bottom: 20px;
}
.tabs-menu-5 {
flex-direction: column;
}
.tab-line-nav {
display: none;
}
.services-header {
flex-direction: column;
align-items: flex-start;
margin-bottom: 24px;
}
.cta-content {
padding: 60px 16px;
}
.cta-title {
font-size: 41px;
line-height: 53px;
}
.line-4, .line-3-right {
display: none;
}
.subheading-4 {
max-width: none;
font-size: 17px;
line-height: 1.3;
}
.image-wrapper-2.overflow-hidden.border-radius-24px {
border-radius: 16px;
}
.cta-heading {
font-size: 40px;
}
.path-title {
font-size: 18px;
}
.cta-section {
padding-left: 10px;
padding-right: 10px;
}
.cta-container-2 {
grid-template-rows: auto auto auto auto;
grid-template-columns: 1fr;
}
.padding-left {
padding-top: 0;
padding-bottom: 0;
padding-right: 0;
}
.show_skew-on_load.display-1 {
font-size: 40px;
}
.button-copy {
font-size: 15px;
}
.grid-3-columns {
grid-template-columns: 1fr;
}
.grid-3-columns.portfolio-details-grid {
grid-row-gap: 20px;
grid-template-columns: 1fr;
}
.container-default {
text-align: center;
flex-direction: column;
justify-content: center;
padding-left: 16px;
padding-right: 16px;
display: flex;
}
.grid-2-columns-4._1fr---1-5fr._1-col-tablet {
justify-items: center;
}
.grid-2-columns-4.services-details-grid {
grid-row-gap: 16px;
grid-template-columns: 1fr;
}
.grid-2-columns-4.gap-row-16px.mg-bottom-56px {
display: none;
}
.mg-bottom-16px {
margin-bottom: 8px;
}
.mg-bottom-24px {
margin-bottom: 20px;
}
.section-134 {
padding-top: 96px;
padding-bottom: 96px;
}
.btn-primary {
width: 100%;
padding-top: 18px;
padding-bottom: 18px;
}
.btn-primary.button-row {
margin-bottom: 16px;
margin-right: 0;
}
.card-5.testimonials {
padding: 40px 24px;
}
.card-5.services-link {
min-height: 460px;
}
.card-5.our-process {
padding-bottom: 48px;
padding-left: 24px;
padding-right: 24px;
}
.card-5.contact-form {
min-height: 786px;
padding: 48px 24px;
}
.card-5.accordion-v3 {
padding: 38px 24px;
}
.card-5.services-link-large {
padding-left: 24px;
padding-right: 24px;
}
.card-5.contact-services {
padding-bottom: 48px;
padding-left: 24px;
padding-right: 24px;
}
.card-5.our-perks {
padding-left: 24px;
padding-right: 24px;
}
.card-5.pricing-link {
padding: 48px 24px 40px;
}
.inner-container._484px._100-mbl {
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
}
.line-rounded-icon.success-message-check.top {
font-size: 40px;
}
.line-rounded-icon.success-message-check.large {
font-size: 58px;
line-height: 64px;
}
.btn-secondary {
width: 100%;
padding-top: 18px;
padding-bottom: 18px;
}
.btn-circle-secondary.slider-arrow {
width: 48px;
min-width: 48px;
height: 48px;
min-height: 48px;
}
.btn-circle-secondary.slider-arrow.right---center-center {
right: -10px;
}
.btn-circle-secondary.slider-arrow.left---center-center {
left: -10px;
}
.btn-circle-secondary.small.accordion-btn {
width: 44px;
min-width: 44px;
height: 44px;
min-height: 44px;
}
.buttons-row {
flex-direction: column;
}
.blog-featured-text-container {
padding-left: 24px;
padding-right: 24px;
}
.blog-featured-image-container {
min-height: 360px;
}
.badge-secondary {
padding: 14px 22px;
font-size: 16px;
line-height: 18px;
}
.badge-secondary.small {
padding: 10px 20px;
font-size: 14px;
line-height: 16px;
}
.badge-secondary.category-badges {
margin-top: 4px;
margin-bottom: 4px;
}
.mg-bottom-24px-2 {
margin-bottom: 20px;
}
.blog-featured-bottom-links---text-container {
padding: 32px 24px;
}
.blog-card-text-container {
padding-left: 24px;
padding-right: 24px;
}
.top-section-2.bg-blue-5 {
background-position: 34% 90%;
padding-top: 140px;
}
.mg-right-16px.mg-bottom-16px-mbp {
margin-bottom: 16px;
margin-right: 0;
}
.divider-3 {
margin-top: 32px;
margin-bottom: 32px;
}
.heading-h1-size {
font-size: 32px;
}
.mg-bottom-24px-3 {
margin-bottom: 20px;
}
.mg-bottom-80px {
margin-bottom: 40px;
}
.input-3 {
font-size: 16px;
line-height: 18px;
}
.input-3::placeholder {
font-size: 16px;
line-height: 16px;
}
.display-12 {
font-size: 24px;
}
.floating-item.cta-v4-02 {
max-width: 70%;
right: -33%;
}
.container-default-2 {
padding-left: 16px;
padding-right: 16px;
}
.accordion-title {
font-size: 18px;
line-height: 26px;
}
.testimonial-slider-text-container {
padding-left: 24px;
padding-right: 24px;
}
.container-default-3 {
padding-left: 16px;
padding-right: 16px;
}
.btn-primary-2 {
width: 100%;
padding-top: 18px;
padding-bottom: 18px;
}
.btn-primary-2.button-row {
margin-bottom: 16px;
margin-right: 0;
}
.container-default-4 {
padding-left: 16px;
padding-right: 16px;
}
.mg-bottom-24px-4 {
text-align: center;
margin-bottom: 20px;
}
.quote-cta-container {
padding-top: 40px;
padding-left: 24px;
padding-right: 24px;
}
.btn-secondary-2 {
width: 100%;
padding-top: 18px;
padding-bottom: 18px;
}
.large-image-right-container {
padding-left: 20px;
padding-right: 20px;
}
.heading-468 {
text-align: center;
}
.accordion-title-2 {
font-size: 18px;
line-height: 26px;
}
.btn-primary-3 {
width: 100%;
padding-top: 18px;
padding-bottom: 18px;
}
.button-wrapper-4.button-wrapper-center.max-width-full-mobile-portrait {
margin-left: 0;
margin-right: 0;
}
.libraries-usecases_card3 {
padding: 2rem 1.5rem;
}
.libraries-pricing_browser {
flex-direction: column;
}
.libraries-faq_layout {
grid-template-columns: 1fr;
}
.libraries-why_text {
font-size: 1.25rem;
}
.libraries-howitworks_content {
height: auto;
}
.button-46.button-large.max-width-full-mobile-portrait {
margin-bottom: auto;
}
.libraries-howitworks_content-right {
padding-left: 1rem;
padding-right: 1rem;
}
.libraries-usecases_card1 {
padding: 2rem 1.5rem;
}
.libraries-pricing_browser-icon {
margin-bottom: .5rem;
margin-right: 0;
}
.libraries-featured_text-wrapper {
padding-top: 2rem;
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.libraries-howitworks_tabs-menu {
justify-content: flex-start;
width: 90vw;
overflow: scroll;
}
.libraries-webflow_callout {
padding: 2rem 1.5rem 2.25rem;
}
.libraries-usecases_card2 {
padding: 2rem 1.5rem;
}
.button-secondary-3.button-large.with-icon {
justify-content: center;
}
.libraries-header_heading {
font-size: 2.3rem;
}
.libraries-pricing_callout-wrapper {
grid-template-columns: 1fr 1fr 1fr;
justify-content: center;
justify-items: center;
width: 100%;
}
.libraries-howitworks_component {
grid-template-columns: 1fr;
}
.page-padding-8 {
margin-top: 0;
margin-bottom: 0;
padding: 40px 1rem;
}
.button-47 {
width: 100%;
min-height: 3.5rem;
font-size: 1rem;
}
.heading-mobile {
font-size: 2rem;
}
.hero-section-5 {
height: 75vh;
min-height: 0;
}
.text-align-center-4 {
margin-bottom: 2rem;
}
.paragraph-131.lp {
font-size: 1em;
}
.heading-xlarge-2 {
font-size: 2rem;
line-height: 1.2;
}
.video__wrapper {
padding-bottom: 1rem;
padding-left: 1rem;
padding-right: 1rem;
}
.video-text__wrapper {
padding-left: .5rem;
padding-right: .5rem;
}
.video-section-2 {
margin-top: -3rem;
}
.text-content__wrapper {
margin-right: auto;
padding-right: 0;
}
.image__wrapper {
height: 16rem;
}
.content-image-2 {
height: 100%;
}
.whoweare-section {
overflow: hidden;
}
.image-content__wrapper._2 {
display: none;
}
.text-size-large-3 {
font-size: 1rem;
}
.text-size-large-3.text-color-grey {
margin-right: 0;
overflow: visible;
}
.heading-469 {
padding-right: 0;
font-size: 2.5em;
}
.heading-469.lp {
text-align: center;
}
.preloader__component {
display: none;
}
.preloader__container {
width: 60%;
margin-left: auto;
margin-right: auto;
}
.text-size-medium-2 {
font-size: .875rem;
}
.text-size-medium-2.text-style-allcaps.text-style-letterspacing {
letter-spacing: .35rem;
font-size: .6rem;
}
.content-h1 {
text-align: center;
font-size: 42px;
}
.question-title {
flex: 1;
}
.accordion-paragraph---brix {
max-width: 100%;
}
.accordion-item---brix.tabs-accordion---brix {
padding-top: 32px;
padding-bottom: 32px;
}
.accordion-item-title---brix {
max-width: 70%;
font-size: 20px;
}
.accordion-item-wrapper---brix.tabs-accordion---brix {
padding: 0 24px;
}
.cloneable-container-default {
padding: 64px 16px;
}
.open-close-icon-wrapper---brix {
margin-right: 16px;
}
.accordion-paragraph---brix-2 {
max-width: 100%;
}
.accordion-item-title---brix-2 {
max-width: 70%;
font-size: 20px;
}
.stats-v3-grid---brix {
grid-column-gap: 24px;
grid-row-gap: 60px;
grid-template-rows: auto;
grid-auto-flow: row;
}
.container-1290.cta {
padding: 50px 26px;
}
.grid-block.pricing-card.wizard {
flex-direction: column;
align-items: flex-start;
}
.section-137 {
padding-top: 100px;
padding-bottom: 100px;
}
.section-137.footer {
padding-bottom: 40px;
}
.blog-trending_item-link {
grid-row-gap: 1rem;
padding: 0;
}
.blog-trending_item-link:hover {
box-shadow: none;
}
.blog-details-date.is--trending {
font-size: .75rem;
}
.blog-trending-details_divider {
display: block;
}
.blog-trending_details {
grid-row-gap: .15rem;
flex-direction: row;
align-items: center;
}
.blog-trending_image-wrapper {
border-radius: .5rem;
}
.blog-trending_header {
font-size: 1.25rem;
}
.blog_header-text {
margin-bottom: .5rem;
}
.blogs_image-wrapper {
border-radius: .5rem;
margin-bottom: 1rem;
}
.blogs_item-link {
padding: 0;
}
.blogs_item-link:hover {
box-shadow: none;
}
.cta_sketch._4 {
bottom: 47%;
right: -7%;
}
.cta_sketch._3 {
inset: -14% 2% auto auto;
}
.cta_sketch._1 {
inset: -12% auto auto 1%;
}
.cta_sketch._2 {
bottom: 48%;
left: -6%;
}
.blog_rich-text-wrap {
margin-bottom: 4rem;
}
.blog-details-name {
margin-bottom: .125rem;
}
.button-48 {
padding-top: 1.25rem;
padding-bottom: 1.25rem;
}
.feature_btn-wrapper {
flex-direction: column;
align-items: stretch;
width: 100%;
}
.padding-top {
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
}
.blog_title-wrap {
grid-row-gap: 1rem;
}
.blog-details-date-x {
margin-bottom: .125rem;
}
.blog-details {
flex-direction: column;
align-items: center;
}
.feature-cta_para-wrap {
max-width: 20.625rem;
margin-bottom: 2rem;
}
.blogs_list {
grid-template-columns: 1fr;
}
.blog-details_text-content {
flex-direction: column;
align-items: center;
display: flex;
}
.title-section {
padding-top: 135px;
}
.h1-3 {
font-size: 20px;
line-height: 24px;
}
.latest-posts {
padding-top: 60px;
padding-bottom: 60px;
}
.heading-1 {
font-size: 30px;
line-height: 40px;
}
.social-link-4 {
margin-left: 0;
margin-right: 10px;
}
.author-social-div {
flex-direction: column-reverse;
align-items: flex-start;
}
.date-readtime-text {
white-space: nowrap;
}
.social-links {
margin-bottom: 20px;
}
.blog-image-wrapper {
height: 300px;
}
.article-cta-wrap {
width: auto;
max-width: none;
}
.article-wrapper {
max-width: 300px;
}
.related-article {
flex-direction: column-reverse;
}
.div-block-243 {
width: 100%;
max-width: 100%;
min-height: 200px;
margin-bottom: 20px;
}
.text-wrapper-6 {
width: 100%;
padding-right: 0;
}
.related-title-div {
padding-left: 0;
padding-right: 0;
}
.social-link-5 {
margin-bottom: 23px;
}
.wrap-2 {
padding-left: 5vw;
padding-right: 5vw;
}
.button-wrap-2 {
flex-direction: column;
width: 90vw;
}
.button-49.contact {
width: 100%;
margin-top: 10px;
margin-left: 0;
}
.wrapper-8.gallery {
display: none;
}
.footer_top-links {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
}
.hero-section-7 {
overflow: hidden;
}
.div-block-4 {
justify-content: flex-start;
padding: 80px 38px 53px;
overflow: hidden;
}
.image-482 {
z-index: -999;
width: 15%;
margin-top: -93px;
margin-right: 0;
right: 0;
overflow: hidden;
}
.designable-button {
text-align: center;
padding-left: 80px;
padding-right: 80px;
}
.designable-button.hero {
padding-left: 80px;
padding-right: 80px;
}
.text-block-162 {
width: 70%;
}
.image-483 {
z-index: -999;
width: 20%;
margin-top: -55px;
margin-left: -23px;
}
.hero-heading-4 {
font-size: 40px;
line-height: 45px;
}
.image-32 {
width: 75px;
margin-top: -61px;
margin-bottom: -14px;
margin-left: 18px;
}
.latest-work-image {
height: 115px;
}
.section-139 {
grid-row-gap: 5rem;
padding-top: 2.5rem;
padding-bottom: 2.5rem;
}
.container-1295 {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.title-wrapper-3 {
text-align: left;
}
.content-wrapper-m.vertical {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
align-items: flex-start;
width: 100%;
}
.display-xxl {
font-size: 1.75rem;
}
.display-s {
font-size: 1.1rem;
}
._3-grid.grid-large-vertical-spacing {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
}
.button-51 {
width: 100%;
}
.button-51.round-white-small {
width: 2rem;
height: 2rem;
}
.display-xxs {
font-size: 1rem;
}
.blog-card-image-wrapper {
min-height: 15rem;
}
.content-wrapper-s {
width: 100%;
}
.post-author-image {
width: 3rem;
height: 3rem;
}
.author-information {
grid-row-gap: 0rem;
font-size: .9rem;
}
.display-xl {
font-size: 1.5rem;
}
.content-wrapper-centered {
justify-content: flex-start;
width: 100%;
}
.author-wrapper {
grid-column-gap: .5rem;
margin-top: 0;
}
.image-wrapper-large {
min-height: 20rem;
padding: 1rem;
}
.display-xxl-2 {
font-size: 1.75rem;
}
.cloneable-container-default-2.center {
background-color: #000;
padding-top: 76px;
padding-bottom: 76px;
}
.card-6.author {
padding-bottom: 37px;
}
.author-avatar---brix {
width: 36%;
margin-top: -40px;
}
.button-circle-arrow {
font-size: 15px;
line-height: 17px;
}
.flex-4.align-center.gap-column-24px {
grid-column-gap: 16px;
}
.container-default-5 {
padding-left: 16px;
padding-right: 16px;
}
.section-140.cloneables-listing {
padding-top: 0;
padding-bottom: 0;
}
.arrow-button-wrapper---brix {
width: 40px;
height: 40px;
}
.block-project {
padding: 45px 25px 22px;
}
.grid-work-a {
grid-row-gap: 6vw;
}
.block-project-display {
padding-top: 12px;
}
.body-6 {
overflow: hidden;
}
.section-142 {
object-fit: fill;
flex-direction: column;
display: flex;
overflow: hidden;
}
.input-large {
min-width: 100px;
}
.main-section {
padding-left: 10%;
padding-right: 10%;
}
.h1-4 {
font-size: 38px;
}
.image-17.shadow, .image-18.shadow {
display: none;
}
.image-485 {
max-width: 320px;
}
.image-485.shadow {
display: none;
}
.grid-21 {
grid-template-columns: 1fr;
padding-left: 5px;
padding-right: 5px;
}
.container-4 {
padding-left: 0;
padding-right: 0;
}
.hero-wrapper-two.cta-body {
padding-left: 15px;
padding-right: 15px;
}
.button-primary-3 {
margin-left: 10px;
margin-right: 10px;
}
.subtitle-5 {
font-size: 1rem;
line-height: 1.7rem;
}
.btn-primary-4, .btn-secondary-3 {
width: 100%;
padding-top: 18px;
padding-bottom: 18px;
}
.section-144 {
padding-top: 96px;
padding-bottom: 96px;
}
.section-144.hero-half-bg-color {
padding-top: 100px;
}
.mg-top-80px {
margin-top: 56px;
}
.container-default-6 {
padding-left: 20px;
padding-right: 20px;
}
.tabs-content-3.card {
padding-left: 24px;
padding-right: 24px;
}
.square-icon {
border-radius: 14px;
max-width: 56px;
}
.mg-bottom-48px-3 {
margin-bottom: 32px;
}
.tab-left-icon {
padding-top: 12px;
padding-bottom: 12px;
}
.brix---paragraph-default {
font-size: 17px;
line-height: 28px;
}
.brix---divider-64px {
margin-top: 32px;
margin-bottom: 32px;
}
.brix---square-icon-64px {
border-radius: 14px;
max-width: 56px;
}
.brix---subtitle {
font-size: 14px;
line-height: 18px;
}
.brix---pricing-content-v9 {
flex-direction: column;
align-items: flex-start;
}
.brix---display-3 {
font-size: 26px;
line-height: 39px;
}
.brix---mg-bottom-16px {
margin-bottom: 15px;
}
.brix---btn-primary-small-white {
width: 100%;
padding: 16px 20px;
}
.brix---pricing-v9-icon-wrapper {
margin-bottom: 22px;
margin-right: 0;
}
.brix---heading-h1-size {
margin-bottom: 10px;
font-size: 30px;
line-height: 37px;
}
.brix---flex-horizontal-pricing-v9 {
flex-direction: column;
margin-bottom: 18px;
}
.brix---btn-primary-small {
width: 100%;
padding-top: 18px;
padding-bottom: 18px;
}
.brix---grid-logo-strip-pricing-v9 {
grid-column-gap: 22px;
grid-row-gap: 31px;
grid-template-columns: 1fr 1fr;
}
.section-145 {
padding-top: 96px;
padding-bottom: 96px;
}
.cta-section-2 {
padding-top: 72px;
padding-bottom: 72px;
}
.card-7.form {
padding-left: 23px;
padding-right: 23px;
}
.color-neutral-806.mg-bottom-32px {
margin-bottom: 20px;
}
.icon-list {
margin-right: 8px;
}
.container-default-7 {
padding-left: 20px;
padding-right: 20px;
}
.input-4 {
font-size: 16px;
line-height: 18px;
}
.input-4::placeholder {
font-size: 16px;
line-height: 16px;
}
.showcase_component {
grid-template-columns: 1fr;
}
.cancel-label {
max-width: 6rem;
top: -3%;
}
.cta_logo-row {
justify-content: center;
}
.logo_logo-list {
grid-template-columns: 1fr 1fr;
justify-content: center;
}
.blog_item-content {
padding-left: .5rem;
padding-right: .5rem;
}
.services-tablet_image {
height: 25rem;
}
.services-tablet_content-layout {
grid-template-columns: 1fr;
}
.margin-right {
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
}
.how-it-works_item {
grid-template-columns: 3rem 1fr;
}
.statistics_component {
grid-row-gap: 1.5rem;
grid-template-columns: 1fr;
}
.logo_wrapper-2 {
justify-content: center;
align-items: flex-start;
}
.header_component {
grid-template-columns: 1fr;
}
.blog_item {
padding: 8px;
}
.blog_mask {
width: 95%;
}
.showcase_image-wrapper {
width: 60vw;
}
.footer_nav-link {
text-align: left;
}
._3-col-grid.pricing {
grid-template-columns: 1fr;
}
.header-c-right {
flex-direction: column;
align-items: flex-start;
}
.footer_wrapper {
text-align: left;
flex-direction: column;
align-items: flex-start;
}
.container-1297.is-home-product {
padding-left: 2em;
padding-right: 2em;
}
.home-product_item2 {
width: 13em;
max-width: 80%;
margin-top: -13%;
margin-right: 6%;
position: relative;
}
.home-product_item2.is-alt {
z-index: 2;
margin-top: -18%;
margin-left: auto;
margin-right: auto;
}
.text-size-h2 {
font-size: 2.5em;
}
.home-product_item5 {
z-index: 1;
width: 70%;
margin-top: -44%;
margin-right: auto;
position: relative;
}
.home-product_item3 {
width: 70%;
position: relative;
}
.home-product_item1-height {
position: relative;
}
.home-product_visual-height {
padding-top: 0%;
}
.paragraph-137 {
font-size: 1.2em;
line-height: 1.2;
}
.heading-478 {
font-size: 2em;
}
.hero-section-8 {
object-fit: cover;
}
.image-487 {
object-fit: cover;
height: 100%;
}
.skew-up {
font-size: 3rem;
}
.container_1200 {
max-width: none;
padding-left: 15px;
padding-right: 15px;
}
.head_name {
width: 100%;
}
.heading-479 {
font-size: 23px;
line-height: 32px;
}
.grid-22 {
grid-column-gap: 15px;
grid-row-gap: 15px;
grid-template-columns: 1fr;
}
.item-portfolio {
border-radius: 15px;
}
.page-section, .nav_footer {
flex-direction: column;
}
.slider_image-2 {
width: auto;
}
.raise-engagement__content {
padding-left: 2rem;
padding-right: 2rem;
}
.digital-service__list.background-color-green {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.client-count__card.is-last {
margin-left: 0;
}
.heading-display {
font-size: 2.7rem;
}
.client-counts {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-direction: column;
}
.text-size-18 {
font-size: 1rem;
}
.button-55.raise-engagement__form-button {
width: 100%;
min-width: auto;
min-height: 3.8125px;
font-size: 1rem;
}
.raise-engagement__form-inner {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-direction: column;
}
.heading-section {
font-size: 1.75rem;
}
.s-scroll {
height: 80vh;
}
.s-scroll.header {
margin-top: 0;
}
.div-block-247 {
max-width: none;
padding-left: 5%;
padding-right: 5%;
}
.welcome {
font-size: 1.5em;
display: block;
}
.welcome.mobile {
display: flex;
}
.text-welcome {
font-size: 16px;
line-height: 24px;
}
.lottie-animation-7 {
width: 2%;
margin-bottom: 40px;
display: none;
}
.container-1300.is--nav {
justify-content: flex-start;
margin-left: auto;
padding-top: 22px;
padding-bottom: 22px;
padding-left: 2em;
}
.nav-bar {
display: none;
}
.menu__right {
text-align: center;
align-items: center;
padding-top: 5.3em;
padding-bottom: 0;
padding-right: 0;
font-size: 5px;
}
.menu__icon {
font-size: 2em;
}
.sublinks {
text-align: center;
align-items: center;
padding-top: 1.3em;
}
.menu__contain {
display: block;
}
.sublink {
font-size: 2em;
}
.nav__logo {
width: 12em;
}
.nav__logo.w--current {
width: 12em;
position: absolute;
inset: 25% auto auto;
}
.menu__left {
padding-left: 0;
font-size: 2em;
}
.global-2 {
position: relative;
top: 0;
}
.image-489 {
margin-bottom: 0;
}
.home-section-text {
align-items: flex-end;
padding: 0 5%;
}
.section-p {
text-align: left;
max-width: none;
}
.home-section-heading {
text-align: left;
max-width: none;
font-size: 2.5em;
}
.transition-block {
display: none;
}
.link-text-2, .link-text-3, .link-text-4 {
white-space: nowrap;
flex: 0 auto;
}
.social---wrapper {
flex-direction: column;
}
.white-text-2 {
font-size: 15px;
}
.arrow-button-2 {
margin-bottom: 0;
}
.footer-bottom {
grid-column-gap: 30px;
grid-row-gap: 30px;
flex-direction: column;
align-items: flex-start;
}
.blob-img {
bottom: -2%;
}
.banner-paragraph-2.color-white {
font-size: 18px;
line-height: 28px;
}
.middle-heading {
text-align: center;
margin-bottom: 15px;
}
.black-shadow {
height: .9rem;
}
.paragraph-140 {
font-size: 1.2rem;
}
.paragraph-140._40-widht {
text-align: center;
max-width: none;
font-size: 1.2rem;
}
.paragraph-140.card, .paragraph-140._70-widht, .paragraph-140._70-widht {
max-width: 100%;
font-size: 1.2rem;
}
.paragraph-140.footer {
width: auto;
}
.card-shoe {
max-width: 65%;
margin-top: -86px;
}
.grid-24 {
grid-row-gap: 3rem;
grid-template-columns: 1fr;
}
.grid-24.shoe-cards {
grid-row-gap: 9rem;
}
.section_middle-wrapper._3rem-padding {
text-align: center;
align-items: center;
margin-bottom: 7rem;
}
.card-content-wrap {
max-width: none;
}
.container-85rem {
padding-left: .75rem;
padding-right: .75rem;
}
.middle-section-heading, .middle-section-heading-2 {
max-width: none;
margin-bottom: 15px;
font-size: 2rem;
line-height: 1.2;
}
.footer-bottom-2 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
}
.button-primary-5.footer-form-button {
border: 1px solid #fff;
margin-top: 10px;
position: relative;
right: 0;
}
.footer-form-input {
margin-bottom: 10px;
padding-right: 20px;
}
.footer-form-two {
margin-bottom: 3rem;
padding: 3rem 0;
}
.footer-form-block-two {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
}
.text-extra-large {
font-size: 22px;
}
.card-wrapper-2 {
flex-direction: column;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
display: flex;
}
.heading-485 {
text-align: center;
}
.contact-image-wrapper {
padding-left: 0;
}
.submit-button-3 {
margin-top: 1.5rem;
font-size: 1rem;
}
.form-6 {
padding-bottom: 1.5rem;
padding-right: 0;
}
.form-input-2 {
height: 50px;
}
.input-group {
flex-direction: column;
align-items: flex-start;
margin-bottom: 10px;
}
.container-1304 {
padding-left: 15px;
padding-right: 15px;
}
.contact-form {
padding: 15px;
}
.hero-sub-head {
font-size: 1.4rem;
}
.container-navbar {
padding-left: 12px;
padding-right: 12px;
}
.cta-3.fill.sales-cta {
width: 100%;
}
.section-153 {
padding-top: 64px;
padding-bottom: 64px;
}
.section-153.hero-home-b {
height: 100vh;
max-height: 690px;
}
.section-153.subhero-home-b {
padding-top: 64px;
padding-bottom: 64px;
}
.section-153.hero-home-a {
padding-top: 160px;
}
.section-153.moving-gallery {
overflow: hidden;
}
.main-container-5 {
padding-left: 16px;
padding-right: 16px;
}
.container-navbar-2 {
padding-left: 12px;
padding-right: 12px;
}
.service-h3-expandable {
margin-bottom: 0;
}
.big-text {
font-size: 26px;
}
.expandable-single {
padding: 16px 0;
}
.testimonial-stars {
height: 20px;
}
.testimonials-tabs-wrap {
padding: 0;
}
.tab-link-testimonials {
height: 30px;
}
.wrap-hero-home-a {
grid-row-gap: 40px;
}
.wrap-video-background {
padding: 16px;
}
.video-reel {
max-height: 200px;
}
.ligbtox-play-video {
width: 64px;
height: 64px;
margin: auto;
inset: 0%;
}
.subtitle-7 {
font-size: 24px;
line-height: 33px;
}
.space-48 {
margin-left: -50px;
padding-left: 0;
}
.grid-halves-3.industry-halves {
padding-top: 64px;
}
.moving-gallery-top-grid {
grid-template-columns: .7fr 1.2fr .8fr;
height: 30vh;
margin-bottom: 16px;
}
.moving-gallery-image.mg-3, .moving-gallery-image.mg-4 {
display: none;
}
.moving-gallery-bottom-grid {
grid-template-columns: .8fr 1.2fr .7fr;
height: 30vh;
}
.logos-grid-studio-a {
grid-template-columns: 1fr 1fr;
}
.single-vertical-text-block {
grid-row-gap: 80px;
}
.section-154 {
padding-top: 0;
padding-bottom: 0;
}
.section-154.hero-studio-b {
background-position: 0 0, 100% 0;
padding-top: 210px;
padding-bottom: 56px;
}
.section-154.hero-studio-a {
padding-top: 140px;
}
.section-154.hero-home-a {
padding-top: 160px;
}
.wrap-heading-with-link.center-phone {
text-align: center;
align-items: center;
}
.space-80.studio-a-image-space, .space-80.project-before-image {
height: 40px;
}
.image-project-general.home-c-projects-general {
height: 210px;
}
.brand-footer {
width: 100%;
height: auto;
}
.link-brand-footer {
width: 92%;
height: auto;
}
.grid-footer-links {
grid-template-columns: 1fr;
}
.main-container-6 {
padding-left: 16px;
padding-right: 16px;
}
.faq-h3 {
margin-bottom: 0;
}
.grid-fourths {
grid-template-columns: 1fr;
}
.mega-h1 {
font-size: 20vw;
}
.subtitle-8 {
font-size: 24px;
line-height: 33px;
}
.heading-492 {
text-align: center;
}
.list-projects-three {
grid-row-gap: 64px;
}
.bottom-projects-three {
grid-row-gap: 16px;
flex-direction: column;
align-items: center;
}
.link-projects-three {
grid-row-gap: 32px;
}
.section-157 {
padding-top: 64px;
padding-bottom: 64px;
}
.section-157.project-template-hero {
padding-top: 120px;
padding-bottom: 24px;
}
.section-157.project-content {
padding-top: 40px;
padding-bottom: 40px;
}
.section-157.hero-sales {
overflow: hidden;
}
.section-157.subhero-home-b {
padding-top: 64px;
padding-bottom: 64px;
}
.section-157.black {
overflow: hidden;
}
.grid-project-template-hero {
grid-row-gap: 24px;
grid-template-columns: .8fr;
}
.subtitle-9 {
font-size: 24px;
line-height: 33px;
}
.navbar-right {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
}
.heading-medium-4 {
font-size: 3rem;
}
.footer-grid-right-inner {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
grid-template-columns: 1fr;
}
.navbar-inner {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
}
.margin-bottom-6 {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.footer-bottom-3 {
text-align: center;
}
.margin-top-2 {
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
}
.banner-circle {
right: 2.25rem;
}
.mobile-menu-wrapper {
padding: 1.5rem;
}
.text-meta {
font-size: 13px;
}
.padding-bottom-2 {
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.banner-circle-image {
width: 80px;
}
.subnav {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
}
.heading-large-4 {
font-size: 3.5rem;
}
.heading-large-4.text-uppercase {
font-size: 4rem;
}
.navbar-right-button {
display: none;
}
.padding-vertical-4 {
padding-left: 0;
padding-right: 0;
}
.logo-strip {
grid-column-gap: 5vw;
flex-direction: column;
display: flex;
}
.wrap-hero-sales {
grid-row-gap: 40px;
}
.left-hero-sales {
grid-row-gap: 16px;
flex-direction: column;
align-items: center;
width: 100%;
}
.main-container-7 {
flex-direction: column;
padding-left: 16px;
padding-right: 16px;
display: flex;
}
.subtitle-10 {
font-size: 24px;
line-height: 33px;
}
.heading-494 {
font-size: 50px;
line-height: 70px;
}
.sales-card {
margin-bottom: 0;
padding: 10px 24px;
}
.service-h3-expandable-2 {
margin-bottom: 0;
}
.big-text-2 {
font-size: 26px;
}
.master-industry-tile-content {
grid-row-gap: 40px;
}
.master-industry-grids {
grid-row-gap: 64px;
}
.big-text-3 {
text-align: left;
padding-right: 0;
font-size: 15px;
}
.grid-fourths-sales-fourths {
flex-direction: column;
display: flex;
}
.included-card {
padding: 24px;
}
.icon-8 {
color: #fff;
}
.container-1305 {
max-width: none;
}
.footer-wrapper-two {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
}
.footer-block-two {
margin-top: 40px;
}
.footer-bottom-4 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
}
.footer-social-block-two {
margin-top: 20px;
}
.faq-h3-2 {
margin-bottom: 0;
}
.main-container-8, .main-container-9 {
padding-left: 16px;
padding-right: 16px;
}
.heading-498.large {
font-size: 38px;
}
.hero-top-content, .hero-top-content.tall {
padding-top: 48px;
}
.body-display-2 {
width: 80%;
}
.heading-503 {
width: 90%;
font-size: 2em;
}
.anchor-link {
text-align: center;
}
.project-stage-info {
place-content: end start;
justify-items: center;
max-width: 100%;
}
.section-158 {
aspect-ratio: auto;
text-align: left;
width: 100%;
padding-top: 90px;
padding-bottom: 90px;
overflow: hidden;
}
.client-quote-wrapper {
align-content: center;
place-items: center;
}
.project-stage-list {
grid-row-gap: 80px;
justify-items: center;
max-width: 100%;
}
.project-stage {
max-width: 85%;
}
.anchor-list {
place-items: center;
}
.tab-title {
text-align: center;
place-items: center;
}
.stage-banner {
width: 84%;
}
.text-block-168, .text-block-169 {
text-align: center;
}
.section-159 {
padding-top: 90px;
padding-bottom: 90px;
}
.gallery-image-grid {
grid-row-gap: 24px;
}
.heading-504 {
width: auto;
font-size: 2em;
}
.heading-506 {
width: 85%;
}
.section-title-11 {
padding-bottom: 60px;
}
.section-160 {
padding-top: 90px;
padding-bottom: 90px;
}
.heading-separator {
width: 36px;
}
.testimonial-text-2.large {
font-size: 28px;
}
.client-quote {
padding-top: 0;
padding-bottom: 0;
}
.looping-heading-wrapper {
grid-column-gap: 24px;
padding-right: 24px;
}
.looping-heading {
font-size: 30px;
}
.looping-wrapper {
grid-column-gap: 24px;
}
.section-161 {
padding-top: 90px;
padding-bottom: 90px;
}
.grid-25 {
width: 100%;
}
.section-163 {
padding-top: 64px;
padding-bottom: 64px;
}
.projects-grid, .projects-grid.dual {
grid-row-gap: 48px;
}
.project-image {
height: 90vw;
min-height: 300px;
}
.project-line {
width: 100%;
min-width: 24px;
}
.project-meta-2 {
grid-column-gap: 9px;
grid-template-columns: auto 1fr auto;
justify-content: center;
}
.text-block-172 {
text-align: center;
font-size: 30px;
line-height: 40px;
}
.date-readtime-text-2 {
white-space: nowrap;
}
.author-social-div-2 {
flex-direction: column-reverse;
align-items: flex-start;
}
.article-section-2 {
padding-top: 233px;
}
.text-block-22 {
font-size: 30px;
font-weight: 600;
line-height: 140%;
}
.paragraph-150 {
padding-top: 24px;
font-size: 16px;
}
.text-block-23 {
font-size: 30px;
font-weight: 600;
line-height: 140%;
}
.paragraph-151 {
padding-top: 24px;
font-size: 16px;
}
.subscribe--footer-3 {
padding-bottom: 0;
}
.text-block-24 {
font-size: 14px;
}
.subscribe {
margin-bottom: 36px;
}
.subscribe--child-2 {
width: 100%;
max-width: none;
}
.image-14 {
height: 14px;
}
.subscribe-form-2 {
width: 100%;
}
.subscribe__inner {
margin-top: 0;
margin-bottom: 0;
padding-top: 32px;
padding-bottom: 32px;
}
.team-grid {
grid-template-columns: 1fr;
}
.brandlink {
width: 64px;
}
.buttonprimary.header:hover {
padding-left: 8px;
padding-right: 8px;
}
.insidecard, .insidecard-2, .insidecard-3 {
background-position: 50%;
}
.h2-5 {
font-size: 30px;
}
.grid_3-1 {
grid-template-rows: auto auto auto auto;
grid-template-columns: 1fr;
}
.grid_3-1.gap-40 {
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
}
.h2-6, .h2-7 {
font-size: 30px;
}
.h2-fv {
font-size: 9vw;
}
.fv2--interest-section {
padding-top: 20px;
}
.name-4 {
font-size: 40px;
}
.accordion-pane-content {
padding-left: 10px;
padding-right: 10px;
}
.accordion-text-3 {
font-size: .8rem;
}
.about-image-3 {
height: 460px;
}
.accordion-question-header-3 {
margin-right: 11px;
padding-left: 5px;
font-size: 1em;
}
.arrow-div {
margin-right: 0;
}
.accordion-tab-button-dark {
padding-left: 10px;
}
.arrow-div-wrapper {
width: 15%;
padding-right: 10px;
}
.padding-horizontal-2 {
padding-top: 0;
padding-bottom: 0;
}
.hero-rotate-base {
width: 45%;
}
.home-hero-block {
min-height: 110vw;
padding-top: 9rem;
padding-bottom: 9rem;
}
.home-about-intro {
padding: 2rem 0;
}
.padding-vertical-5 {
padding-left: 0;
padding-right: 0;
}
.blog-horozontalv2_item {
align-items: center;
width: 100%;
}
.heading-537 {
text-align: center;
}
.rich-text-block-6 {
width: 85%;
}
.display-15 {
font-size: 48px;
}
.display-16 {
font-size: 22px;
}
.portfolio-link-section {
padding-top: 280px;
padding-bottom: 48px;
}
.portfolio-section-gradient-left {
background-image: linear-gradient(#0000, #0000008a 50%, #000c 80% 94%);
top: 24%;
right: 0%;
}
.section-178.template-pages-hero {
padding-top: 100px;
padding-bottom: 100px;
}
.line-square-icon.diagonal-arrow-right.icon-size-24px {
margin-left: 12px;
}
.top-section-bg-video {
min-height: 740px;
}
.display-17 {
font-size: 34px;
}
.top-section-3 {
padding-top: 48px;
}
.title-large---bottom-line.v3 {
margin-left: 16px;
}
.top-section-bg-video-right {
border-radius: 12px;
max-height: 260px;
margin-top: 40px;
}
.display-large {
font-size: 56px;
}
.top-section-4, .top-section-4.bg-video-right {
padding-top: 48px;
}
.display-18 {
font-size: 22px;
}
.border-radius-20px {
border-radius: 12px;
}
.display-19 {
font-size: 34px;
}
.display-20 {
font-size: 22px;
}
.grid-2-columns-7.gap-row-0.gap-row-64px-mbl {
grid-row-gap: 56px;
}
.badge-wrapper-top-right {
top: 16px;
right: 16px;
}
.link-item-image-wrapper {
border-radius: 12px;
}
.badge-secondary-2 {
padding: 14px 22px;
}
.badge-secondary-2.small {
padding: 10px 20px;
font-size: 14px;
line-height: 16px;
}
.display-21, .display-22 {
font-size: 34px;
}
.hero-heading-5, .hero-heading-5.is-smaller {
font-size: 5em;
}
.hero-description-wrapper {
grid-column-gap: 3.25em;
grid-row-gap: 3.25em;
}
.three-column-wrapper {
grid-column-gap: 6em;
grid-row-gap: 6em;
}
.section-182 {
padding-top: 8em;
}
.section-182.services {
z-index: 1;
}
.section-182.works {
padding-top: 4em;
}
.section-182.prices {
padding-bottom: 0;
}
.section-182.hero {
grid-column-gap: 2em;
grid-row-gap: 2em;
flex-direction: column;
height: 100svh;
padding-bottom: 8em;
display: flex;
}
.footer-button {
font-size: 3.3vw;
}
.hero-heading-container {
width: 100%;
}
.work-item-mob {
grid-column-gap: 2.5em;
grid-row-gap: 2.5em;
}
.footer-content-wrapper {
grid-column-gap: 5em;
grid-row-gap: 5em;
}
.circle-button-wrapper {
align-self: flex-end;
}
.circle-button {
font-size: 2vw;
}
.circle-button.larger-mob {
font-size: 2.2vw;
}
.marqee-wrapper {
flex-direction: column;
}
.marqee-wrapper.top {
flex-flow: wrap;
width: 100%;
transform: none;
}
.marqee-wrapper.bottom {
display: none;
}
._20--column {
grid-column-gap: 2em;
grid-row-gap: 2em;
flex-direction: column;
max-width: 100%;
}
.instrument-card {
width: 48%;
min-height: 15em;
padding-left: 1.67em;
padding-right: 1.67em;
}
.footer-section-overlay {
display: block;
}
.about-me-button-wrapper {
align-self: flex-end;
}
.circle-button-text {
font-size: 1.6em;
}
.container-1321.hero, .container-1321.footer {
flex: 1;
}
.socials-wrapper {
grid-column-gap: 3em;
grid-row-gap: 3em;
margin-top: 2em;
}
.logo-wrapper-3 {
font-size: 2.6vw;
}
.nav-11 {
height: 7.5em;
}
.footer-section {
grid-column-gap: 0em;
grid-row-gap: 0em;
height: 100svh;
padding-top: 0;
padding-bottom: 0;
position: fixed;
}
._70--column {
width: 100%;
}
.language-text {
font-size: 1.4em;
}
.marqee-layout {
flex-direction: row;
margin-top: 4.44em;
padding-left: 2em;
padding-right: 2em;
}
.instrument-card-heading.small {
line-height: 1.4em;
}
.hero-bottom {
height: auto;
}
.paragraph-medium {
font-size: 1.4em;
}
.split-text, .social-link-7 {
font-size: 2em;
}
.hero-heading-wrapper.quiz-page {
grid-column-gap: 4em;
grid-row-gap: 4em;
}
.footer-spacer {
display: block;
}
.footer-heading-4 {
font-size: 4em;
}
.typed-words {
font-size: 5em;
}
.prices-wrapper {
margin-top: 4.44em;
}
.container-large-8 {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.line-syle {
width: 6rem;
}
.logo-wrapper-4, .collection-list-11 {
grid-template-columns: 1fr;
}
.margin-bottom-7 {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.container-xxlarge-2 {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
._4-rows {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
grid-template-columns: 1fr 1fr;
justify-items: start;
}
.display-23 {
font-size: 22px;
}
.top-section-5, .top-section-5.bg-video-right, .top-section-6 {
padding-top: 48px;
}
.display-24 {
font-size: 48px;
}
.input-5 {
padding-left: 20px;
padding-right: 20px;
}
.top-section-video {
border-radius: 12px;
}
.top-section-7 {
padding-top: 48px;
}
.e-features_content {
overflow: hidden;
}
.card_content {
padding: 1.5rem;
}
.container-1322.is-e-features {
padding-top: 7rem;
}
.card-text_heading {
margin-top: 1.5rem;
font-size: 7.179vw;
}
.request-button {
margin-top: 1.5rem;
margin-bottom: 0;
font-size: 4.103vw;
}
.cards-left {
width: 100%;
}
.e-features_cards {
flex-direction: column;
overflow: hidden;
}
.cards-right {
width: 100%;
margin-top: 0;
}
.page-padding-15 {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.e-features_subheading {
font-size: 4.103vw;
}
.e-features_heading {
max-width: 12ch;
font-size: 10.256vw;
}
.card-text_p {
margin-top: 1rem;
font-size: 4.103vw;
}
.arrow-styles {
font-size: 3.077vw;
}
.e-features_text {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
flex-direction: column;
align-items: flex-start;
}
.team-title {
font-size: 50px;
}
.hero-slider-banner {
background-position: 50% 0;
min-height: 100%;
}
.about-description {
width: 100%;
}
.scroll-banner-3-link {
display: none;
}
.slider-background-wrap {
min-height: auto;
position: relative;
}
.banner-2-title-mobile {
display: block;
}
.bg-video-border-wrapper {
border-top-width: 25vw;
border-bottom-width: 25vw;
}
.banner-2-title {
display: none;
}
.text-animation-wrapper {
grid-row-gap: 20px;
}
.methods-title {
margin-bottom: 15px;
}
.methods-container {
padding: 20px;
}
.advantages-list {
grid-template-columns: 1fr;
}
.service-h3-expandable-3 {
margin-bottom: 0;
}
.section-185, .section-185.subhero-home-b {
padding-top: 64px;
padding-bottom: 64px;
}
.big-text-4 {
font-size: 26px;
}
.big-text-4._2 {
font-size: 30px;
}
.expandable-single-2 {
padding: 16px 0;
}
.section-186 {
padding-top: 64px;
padding-bottom: 64px;
}
.big-text-5 {
font-size: 26px;
}
.section-187 {
padding-top: 64px;
padding-bottom: 64px;
}
.inside-moving-logos {
width: auto;
min-width: 2010px;
}
.gradient-logos {
width: 48px;
}
.layout1_component {
grid-template-columns: 1fr;
}
.navbar3_container {
grid-template-columns: 1fr 1fr;
}
.lightbox_background-video, .lightbox_background-video.is-showreel {
height: 300px;
}
.section_header83 {
overflow: hidden;
}
.button-62.is-navbar3-button {
display: none;
}
.header83_h1 {
font-size: 2.4rem;
}
.header83_component {
height: 100vh;
}
.banner14_component {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.header83_images-layout {
transform: scale(3.4);
}
.margin-bottom-8 {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.container-1323 {
padding-right: 75px;
}
.bottom-row-side__image-wrapper {
width: 100%;
}
.middle-row-center__image-wrap {
width: 100%;
height: 15em;
}
.middle-row-side__image-wrapper {
width: 100%;
}
.top-row__image-wrap {
width: 100%;
height: 18em;
left: auto;
}
.bottom-row-center__image-wrap {
width: 100%;
}
.row_wrapper {
flex-direction: column;
align-items: center;
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.container-1324.quiz-hero {
grid-column-gap: 2em;
grid-row-gap: 2em;
flex: 1;
}
.section-188 {
padding-top: 8em;
}
.button-icon_wrapper {
justify-content: center;
align-items: center;
}
.container-1326 {
padding: 0 10px;
}
.button-63 {
width: 100%;
padding: .5rem 1.25rem;
font-size: .75rem;
line-height: 1.8em;
}
.button-63.is-icon {
width: auto;
position: static;
}
.feature_card-wrapper {
grid-template-columns: 1fr;
}
.heading-542 {
font-size: 4rem;
}
.padding-global-5 {
padding-left: 1rem;
padding-right: 1rem;
}
.heading-6 {
font-size: 1.5rem;
line-height: 1.5;
}
.text-size-xlarge-2 {
font-size: 2rem;
}
.text-size-xlarge-2.text-weight-medium.about {
font-size: 1.5rem;
}
.cta-card._01 {
margin-right: -7.6rem;
}
.heading-543 {
font-size: 2.3rem;
line-height: 1.3;
}
.heading-543.text-weight-bold.big-numbers {
font-size: 4rem;
}
.about-card {
grid-row-gap: 1rem;
background-image: linear-gradient(#0000004a, #0000004a), url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/6530238eb4c6445b2c37eb90_bg-card-1.jpg");
background-position: 0 0, 0 0;
background-repeat: repeat, no-repeat;
background-size: auto, cover;
background-attachment: scroll, scroll;
align-items: center;
}
.about-card.third {
background-image: linear-gradient(#00000080, #00000080), url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/6530238eb4c6445b2c37eb8c_bg-card-3.jpg");
background-position: 0 0, 0 0;
background-repeat: repeat, no-repeat;
background-size: auto, cover;
background-attachment: scroll, scroll;
}
.about-card.second {
background-image: linear-gradient(#00000080, #00000080), url("https://cdn.prod.website-files.com/61d233059a24be5d49dd39b4/6530238eb4c6445b2c37eb88_bg-card-2.jpg");
background-position: 0 0, 0 0;
background-repeat: repeat, no-repeat;
background-size: auto, cover;
background-attachment: scroll, scroll;
}
.margin-bottom-9 {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.introduction {
font-size: 1.25rem;
}
.grid-2-columns-8 {
position: relative;
}
.display-25 {
font-size: 39px;
}
.social-wrapper-footer {
flex-direction: row;
justify-content: center;
display: none;
}
.social-wrapper-footer._2 {
display: flex;
}
.team-grid-2 {
max-width: 100%;
}
.display-26 {
font-size: 40px;
}
.accordion-text-4 {
color: #fff;
white-space: normal;
font-size: 20px;
line-height: 30px;
}
.accordion-toggle-2 {
font-size: 22px;
line-height: 32px;
}
.heading-2-homepage {
line-height: 1.1;
}
.heading-2-homepage.text-weight-medium.all-caps {
font-size: 3.2rem;
}
.homepage-header-marquee {
width: 18rem;
}
.homepage-button {
grid-row-gap: 1rem;
flex-direction: column;
align-items: stretch;
width: 100%;
}
.heading-546 {
font-size: 2.3rem;
line-height: 1.3;
}
.section-195 {
padding-top: 64px;
padding-bottom: 64px;
}
.big-text-6 {
font-size: 26px;
}
.section-196.is-hero {
padding-top: 8rem;
}
.section-196.case-study {
padding-top: 6rem;
padding-bottom: 2rem;
}
.spacer-footer {
padding-top: 6rem;
}
.social-wrapper-2.left-aligned {
align-items: flex-start;
}
.image-wood {
max-width: 90vw;
}
.image-award {
max-height: 3rem;
}
.column-74.footer-right {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
}
.column-74.wood-right {
padding-top: 0;
}
.column-74.is-explore-info {
max-width: 17rem;
}
.column-74.wood-left {
padding-bottom: 0;
padding-right: 0;
}
.wood-component-title {
margin-top: 1.5rem;
}
.wrapper-9.is-wood-image {
min-height: 18vh;
}
.wrapper-9.is-wood-intro {
padding-top: 6rem;
padding-bottom: 2rem;
}
.explore-info-item {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
}
.social-author {
max-width: none;
}
.explore-info-text {
min-height: 9rem;
}
.wood-component-item {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-direction: column;
}
.grid-28.is-product {
grid-column-gap: 2em;
grid-row-gap: 2em;
grid-template-columns: 1fr;
}
.grid-28.is-awards {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
}
.grid-28.is-hero {
grid-column-gap: 2em;
grid-row-gap: 2em;
grid-template-columns: 1fr;
}
.grid-28.is-footer {
grid-template-columns: 1fr;
}
.grid-28.is-wood {
grid-column-gap: 2em;
grid-row-gap: 2em;
grid-template-columns: 1fr;
}
.button-arrow-3 {
min-width: 140px;
height: 54px;
font-size: 15px;
}
.button-arrow-3.small {
min-width: auto;
padding-left: 12px;
padding-right: 12px;
font-size: 12px;
}
.section_hero {
padding-left: 20px;
padding-right: 20px;
}
.hero-heading-6.is-primary {
font-size: 40px;
}
.hero-logo {
width: 130px;
}
.hero_inner-grid {
flex-direction: column;
}
.hero-stack_image-wrap.is-half-size {
width: 100%;
}
.hero_section {
padding-left: 20px;
padding-right: 20px;
}
.hero_para {
font-size: 1em;
}
.hero_content {
grid-template-columns: 1fr;
}
.global_space {
height: 5em;
}
.primary_text {
font-size: 6em;
}
.primary_text.gerstarted {
font-size: 1.5em;
}
.primary_button {
border-color: #0000;
padding: 1em .6em;
font-size: 3vw;
}
.local_margin.hero_margin {
margin-top: 0;
}
.secondary_button {
padding: 1em .8em;
font-size: 3vw;
}
.h1-5 {
margin-top: .8em;
margin-bottom: 1em;
font-size: 3em;
}
.secondary_text {
font-size: 1.5em;
}
.home-hero_component {
grid-template-columns: 1fr;
padding-top: 0;
}
.margin-bottom-10 {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.banner-small-container {
display: none;
}
.banner-small {
grid-column-gap: 12px;
grid-row-gap: 12px;
align-items: flex-start;
padding-right: 16px;
display: flex;
}
.banner-link-2 {
color: #063844;
text-align: left;
margin-left: auto;
margin-right: auto;
}
.section-home-hero {
overflow: visible;
}
.primary-button-2 {
text-align: center;
object-fit: fill;
position: static;
}
.home-hero_content {
padding-right: 0;
}
.product-hero_arrow-image {
display: none;
}
.product-hero_text {
font-size: 1rem;
}
.container-1336 {
margin-left: auto;
margin-right: auto;
}
.client-block {
grid-template-columns: 1fr 1fr;
}
.section-198 {
flex-direction: column;
display: flex;
}
.home-hero-social-wrap {
grid-column-gap: 10px;
}
.section-home-header-3.vertical-spacing {
padding-top: 40px;
padding-bottom: 40px;
}
.container-1337.home-header {
flex-direction: column;
}
.display-text.home-header {
white-space: normal;
word-break: normal;
overflow-wrap: break-word;
font-size: 72px;
}
.card-10 {
padding-left: 30px;
padding-right: 30px;
}
.text-medium-3 {
font-size: 1.5rem;
}
.section-199 {
padding: 5rem .4rem;
}
.section-199.padding-top-large {
padding-top: 5rem;
padding-left: .4rem;
padding-right: .4rem;
}
._12-column-grid, ._12-column-grid.intro-grid {
grid-row-gap: 3rem;
}
.text-large {
letter-spacing: 0;
font-size: 1.6rem;
}
.container-1338 {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.logo-grid-3 {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-columns: 1fr 1fr;
margin-top: 3rem;
}
.logo-wrapper-5 {
padding-left: 2%;
padding-right: 2%;
}
.section-200 {
padding: 5rem .4rem;
}
.container-1339 {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.banner-section {
padding-top: 60px;
}
.section-sub-text {
display: inline;
}
.banner-image {
width: 115px;
}
.primary-button-3 {
padding-left: 20px;
padding-right: 20px;
font-size: 16px;
}
.container-regular {
padding-left: 20px;
padding-right: 20px;
}
.banner-text-star {
width: 30px;
}
.home-banner-title {
grid-column-gap: 5px;
grid-row-gap: 0px;
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
place-items: center;
display: grid;
}
.home-banner-title.flex {
flex-direction: row;
align-items: center;
display: flex;
}
.banner-text {
font-size: 40px;
}
.banner-text.homepage {
text-align: center;
font-size: 38px;
}
.banner-area-content {
font-size: 18px;
}
.button-flex-4.center {
flex-direction: column;
}
.slider-overlay {
height: 87%;
}
.image-slider {
grid-column-gap: 10px;
padding-right: 10px;
}
.banner-vector-top {
top: 50px;
}
.image-slider-container {
width: 700vw;
height: 300px;
}
.scroll-down-first-wrap {
min-width: 130px;
min-height: 130px;
}
.scroll-down-image {
width: 110px;
}
.scroll-down-second-wrap {
min-width: 75px;
min-height: 75px;
}
.what-we-do-section {
padding-bottom: 40px;
}
.secondary-button-3 {
padding-left: 20px;
padding-right: 20px;
font-size: 16px;
}
.section-title-13 {
font-size: 30px;
}
.what-we-do-content {
font-size: 20px;
}
.button-flex-5.left {
align-items: center;
}
.portfolio-link-3 {
margin-top: 20px;
}
.bussiness-title {
margin-top: 0;
}
.section-title-14 {
font-size: 30px;
}
.section-title-14.text-white {
font-size: 25px;
}
.portfolio-card {
width: auto;
}
.banner-section-2 {
padding-top: 60px;
}
.primary-button-4 {
padding-left: 20px;
padding-right: 20px;
font-size: 16px;
}
.banner-area-content-2 {
font-size: 18px;
}
.primary-button-5 {
padding-left: 20px;
padding-right: 20px;
font-size: 16px;
}
.accordion-item-2 {
grid-row-gap: 10px;
padding: 20px 20px 10px;
}
.accordion-paragraph {
max-width: 100%;
margin-bottom: 10px;
}
.section-title-15 {
font-size: 30px;
}
.accordion-item-title {
max-width: 70%;
font-size: 20px;
}
.team_list-2 {
grid-template-columns: 100%;
}
.tab-link-3.w--current {
text-align: center;
width: 100%;
}
.tab-content-heading {
font-size: 24px;
}
.tabs-menu-7 {
grid-row-gap: 20px;
text-align: center;
grid-template-rows: auto;
grid-template-columns: 1fr;
place-items: center;
}
.hero-text-5 {
font-size: 26px;
}
.arrow-wrapper-2 {
width: 65px;
height: 65px;
}
.rotate-text {
width: 108px;
}
.arrow-icon-5 {
width: 40px;
}
.rotate-circle {
width: 120px;
height: 120px;
margin-top: 40px;
margin-bottom: 5%;
padding-bottom: 0;
}
.container-1342.team-grid {
margin-top: 6vh;
}
.section-201, .section-202 {
padding-left: 15px;
padding-right: 15px;
}
._50-margin-2 {
font-size: 3em;
}
.text-area-2 {
font-size: 4.5vw;
}
.section-204 {
padding-left: 15px;
padding-right: 15px;
}
.text-field-13 {
font-size: 4.5vw;
}
.sticky-column-2 {
grid-template-columns: 1fr;
}
.display-27 {
font-size: 22px;
}
.display-28 {
font-size: 34px;
}
.section-206.for-a {
margin-top: 61vh;
}
.heading-small-3, .heading-small-3.align-right {
font-size: 1.8em;
}
.second-name {
margin-bottom: 0;
}
.heading-serif-medium {
margin-bottom: -1px;
font-size: 3em;
}
.heading-serif-xsmall {
font-size: 1em;
}
.heading-serif-xsmall.text-color-orange.bigger {
font-size: 1.6em;
}
.team-wrapper-2 {
min-width: auto;
height: 400px;
}
.first-name {
height: auto;
}
.heading-medium-5 {
font-size: 3em;
}
.heading-medium-5.rotate {
transform: rotate(5deg)translate(0, 15px);
}
.link-moving-typo {
font-size: 1.25rem;
}
.line-separator {
display: none;
}
.accordion-number {
padding-top: 5px;
}
.text-block-181 {
width: 200px;
}
.heading-display-3 {
font-size: 44px;
}
.text-block-182 {
width: 200px;
}
.text-block-183 {
flex: 0 auto;
width: 200px;
font-size: 14px;
}
.accordion-header-2 {
justify-content: center;
justify-items: center;
}
.slider-arrow {
margin-left: -1rem;
margin-right: -1rem;
}
.heading-full {
width: 100%;
}
.gallery-right {
flex: 0 auto;
width: 100%;
}
.gallery-item-4 {
margin-bottom: 3%;
}
.gallery-left-column {
width: 100%;
margin-bottom: 3%;
margin-right: 0%;
}
.section-image-text-3 {
flex-wrap: wrap;
}
.section-image-text-4.reverse {
flex-wrap: wrap-reverse;
}
.section-210 {
padding-top: 20px;
padding-bottom: 40px;
}
.content-section-6 {
padding-top: 100px;
}
.subpage-h1 {
font-size: 15vw;
}
.label-services-wrapper {
top: -27%;
left: 0%;
right: auto;
transform: rotate(0);
}
.hero-h1 {
font-size: 12vw;
}
.btn-7 {
padding: 4vw 8.5vw;
}
.btn-text-3 {
font-size: 19px;
}
.sm-container {
width: 90%;
}
.benefit-wrapper {
grid-row-gap: 8vw;
margin-top: 8vw;
}
.benefit-wrapper.first {
margin-top: 4vw;
}
.benefits-grid {
grid-row-gap: 10vw;
margin-top: 8vw;
}
.testimonial-author-info {
margin-top: 0;
margin-left: 8vw;
}
.testimonial {
text-align: left;
}
.p-wrapper.s-intro {
left: 0;
}
.hero-bg-wrapper {
z-index: 1;
}
.btn-wrapper.is--m-hero {
align-self: flex-start;
margin-top: 0;
}
.container-1346.flex-cc-v.is--cta {
align-items: flex-start;
}
.testimonial-author-img, .testimonial-author-img.top {
width: 18vw;
height: 18vw;
}
.cta-circle-1 {
top: 72%;
left: auto;
right: -6vw;
}
.cta-heading-line-wrapper.top {
margin-left: 0;
}
.testimonial-author-img-parent {
flex: none;
width: 18vw;
height: 18vw;
}
.cta-circle-2 {
width: 40vw;
top: 0%;
left: -17%;
right: auto;
}
.img-parent-2.aluce-circle {
width: 90vw;
margin-right: -18vw;
}
.img-parent-2.h-services {
margin-right: 14vw;
}
.super-text {
font-size: 20vw;
}
.super-text.no-break.cta {
text-align: left;
white-space: normal;
font-size: 13.5vw;
}
.btn-8 {
padding: 4vw 8.5vw;
}
.btn-8.bigger {
padding: 19px 57px;
}
.btn-8.secondary {
padding: 4.5vw 7vw;
}
.btn-text-4 {
font-size: 19px;
}
.testimonial-author-wrapper {
flex-direction: row;
align-self: flex-start;
align-items: center;
margin-top: 12vw;
}
.section-213.is--bigger {
padding-top: 45vw;
padding-bottom: 45vw;
}
.section-213.is--bigger.about {
padding-top: 20vw;
padding-bottom: 20vw;
}
.section-213.is--cta {
height: 90vh;
padding-top: 0;
padding-bottom: 0;
}
.section-213.s-intro {
padding-top: 20vw;
padding-bottom: 20vw;
}
.display-29 {
margin-top: 15px;
}
.decoration-benefits_moneybag {
max-width: 18%;
right: 16%;
}
.decoration-benefits_cudtomers {
max-width: 60%;
bottom: -12%;
left: -10%;
}
.decoration-benefits_lines-on-right {
max-width: 15%;
right: -7%;
}
.features-content_icon {
width: 4rem;
height: 4rem;
}
.home-benefits_product-images {
width: 100%;
min-width: 12rem;
max-width: 18rem;
}
.button_wrapper-3 {
padding-left: 60px;
padding-right: 60px;
}
.home_cta-component {
grid-template-columns: 1fr;
padding: 3rem 2rem;
}
.decoration-benefits-blue-box {
max-width: 90%;
left: 4%;
}
.decoration-benefits_shadow {
max-width: 90%;
top: 11%;
left: 9%;
}
.features_content.text-align-center {
width: auto;
}
.decoration-header-squiggle {
display: none;
}
.features_wrapper {
grid-template-columns: 1fr;
}
.decoration-benefits_sales {
max-width: 60%;
top: -20%;
left: -6%;
}
.decoration-benefits_squiggle {
max-width: 15%;
bottom: 11%;
left: -8%;
}
.text-size-large-8 {
font-size: 1rem;
}
.decoration-benefits_lines-on-left {
max-width: 20%;
top: -13%;
left: -7%;
}
.margin-bottom-11 {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.margin-bottom-11.margin-large.padding-horizontal {
padding-left: 0;
padding-right: 0;
}
.testimonial-content_wrapper {
padding-top: 1rem;
padding-bottom: 1rem;
}
.home-benefits_content {
width: auto;
}
.arrow-decoration-image {
width: 15%;
}
.process-content_images {
max-width: 70%;
}
.decoration-benefits_churn {
max-width: 60%;
top: 43%;
right: -11%;
}
.home-header-content_top {
padding-left: 0;
padding-right: 0;
}
.home-process_content {
padding-left: 1rem;
padding-right: 1rem;
}
.decoration-benefits_trust {
max-width: 90%;
}
.sign-up-form {
padding-left: 2rem;
padding-right: 2rem;
}
.decoration-benefits_crowd {
max-width: 25%;
bottom: 28%;
}
.decoration-benefits_triangle {
max-width: 18%;
bottom: 18%;
right: 7%;
}
.home-benefits_wrapper {
grid-row-gap: 3rem;
}
.home-benefits_wrapper.margin-top {
grid-row-gap: 3rem;
margin-top: 10rem;
}
.home-process-content_wrapper {
grid-row-gap: 4rem;
grid-template-columns: 1fr;
padding-left: 1rem;
padding-right: 1rem;
}
.button-70.is-white {
padding-left: 1.35rem;
padding-right: 1.35rem;
}
.section-215.grey.section-120 {
padding-top: 60px;
padding-bottom: 60px;
}
.feature-grid {
text-align: center;
grid-template-columns: 1fr;
}
.button-71.form-btn {
width: 100%;
height: auto;
padding-top: 18px;
padding-bottom: 18px;
position: relative;
right: 0;
}
.section-216.hero {
padding-top: 0;
display: none;
}
.form-9.center {
background-color: #0000;
flex-direction: column;
padding: 0;
}
.text-field-14 {
text-align: center;
border-color: #f7f7f7;
height: auto;
margin-bottom: 10px;
padding-top: 16px;
padding-bottom: 16px;
padding-right: 16px;
font-size: 16px;
}
.text-field-14:focus {
border-style: solid;
}
.section-217.bottom-hero {
padding-bottom: 40px;
}
.section-218.section-64 {
padding-top: 60px;
padding-bottom: 60px;
}
.heading-559 {
font-size: 3em;
}
.div-block-260 {
margin-bottom: 20px;
margin-left: 20px;
margin-right: 20px;
}
.heading-560 {
width: 83%;
}
.heading-561 {
width: 83%;
margin-left: 8.5%;
}
.section-223 {
padding-top: 64px;
padding-bottom: 64px;
}
.image-testimonial-slider {
width: 64px;
height: 64px;
}
.section-224 {
padding-top: 64px;
padding-bottom: 64px;
}
.grid-buttons, .grid-colors {
grid-template-columns: 1fr;
}
.icons-grid-template {
grid-template-columns: 1fr 1fr;
}
.big-text-7 {
font-size: 26px;
}
.wrap-button {
padding: 16px;
}
.subtitle-16 {
font-size: 24px;
line-height: 33px;
}
.container-1349 {
padding-left: 10px;
padding-right: 10px;
}
.section-225, .section-226 {
padding-top: 64px;
padding-bottom: 64px;
}
.big-text-8 {
font-size: 26px;
}
.section-227 {
padding-top: 64px;
padding-bottom: 64px;
}
.service-h3-expandable-4 {
margin-bottom: 0;
}
.section-228, .section-228.subhero-home-b {
padding-top: 64px;
padding-bottom: 64px;
}
.big-text-9, .big-text-10, .big-text-11 {
font-size: 26px;
}
.block-paragraph-hero-b {
padding-left: 0;
padding-right: 0;
}
.paragraph-hero-b {
padding-left: 10px;
padding-right: 10px;
font-size: 1em;
}
.image-510 {
max-width: 80%;
}
.second-heading {
font-size: 38px;
line-height: 48px;
}
.hero_list {
grid-template-columns: minmax(0, 1fr);
}
.hero_text {
font-size: 1.2rem;
}
.heading-tag {
color: #000;
background-color: #fecc2f;
}
.feature-card-wrapper {
grid-column-gap: 17px;
grid-row-gap: 17px;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.feature-card {
max-width: none;
}
.header-button-wrapper {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-direction: column;
}
.navigation-button-wrap {
display: none;
}
.attention-banner {
height: auto;
padding-top: 20px;
padding-bottom: 20px;
}
.m-footer-column {
align-items: center;
}
.m-footer-input-wrapper {
flex-direction: column;
}
.m-footer-grid-large {
grid-template-columns: 1fr;
}
.m-footer-section {
padding-top: 60px;
}
.m-footer-link-block {
flex-wrap: wrap;
justify-content: center;
}
.m-footer-legal-wrapper {
flex-direction: column;
}
.m-footer-submit-button {
width: 100%;
}
.m-paragraph-small {
text-align: center;
}
.m-footer-form-input {
flex-direction: column;
}
.footer-section-3 {
overflow: hidden;
}
.footer-logo-image {
margin-bottom: 20px;
margin-right: 0;
}
.cta-bar {
background-image: none;
background-repeat: repeat;
background-size: auto;
padding-left: 26px;
padding-right: 26px;
}
.social-circle-2 {
margin-left: 10px;
margin-right: 10px;
}
.footer-detail-bar {
flex-direction: column;
padding-left: 20px;
padding-right: 20px;
}
.footer-detail {
text-align: center;
flex-direction: column;
margin-bottom: 40px;
}
.footer-title-4 {
margin-bottom: 14px;
}
.footer-grid-5 {
grid-template-columns: 1fr;
}
.footer-small-grid {
grid-template-columns: 1fr 1fr;
}
.t-navigation-link-grid {
grid-template-columns: 1fr;
}
.t-navigation-right-wrapper {
grid-column-gap: 16px;
}
.t-navigation-dropdown-link {
flex-flow: column;
align-items: flex-start;
}
.t-navigation-button-wrapper {
grid-column-gap: 8px;
}
.banner, .banner-close-circle {
display: none;
}
.content-number-wrap {
margin-bottom: 40px;
margin-right: 0;
font-size: 18px;
line-height: 26px;
}
.content-image-3 {
max-width: 90%;
}
.content-numbers {
flex-direction: column;
justify-content: flex-start;
}
.content-paragraph {
font-size: 18px;
}
.content-image-card {
max-width: 60%;
inset: auto 4% -12% auto;
}
.members-grid {
grid-template-columns: 1fr;
}
.gallery-image-medium {
margin-bottom: 20px;
}
.tabs-menu-8 {
flex-direction: column;
margin-bottom: 40px;
}
.gallery-image-large {
margin-bottom: 20px;
}
.title-wrapper-4 {
margin-bottom: 40px;
}
.gallery-image-small {
margin-bottom: 20px;
}
.gallery-grid {
grid-template-columns: 1fr;
}
.b-button-primary {
width: 100%;
}
.b-integration-grid {
grid-template-columns: 1fr;
}
.b-button-wrapper {
flex-direction: column;
align-items: flex-start;
width: 100%;
}
.integration-card {
margin-bottom: 10px;
}
.large-icon {
width: 100px;
}
.integration-title {
font-size: 50px;
}
.line-break {
margin-top: 20px;
margin-bottom: 20px;
}
.licence-text {
padding-left: 10px;
padding-right: 10px;
font-family: Degular, sans-serif;
font-size: 22px;
}
.title-paragraph {
font-size: 18px;
line-height: 28px;
}
.title-wrap-4 {
padding-left: 0;
}
.tabs-menu-9 {
flex-direction: column;
margin-bottom: 40px;
}
.title-wrapper-5 {
margin-bottom: 40px;
}
.content-block-3 {
min-height: auto;
padding: 24px;
}
.content-feature-grid {
grid-template-columns: 1fr;
}
.h1-heading {
font-size: 42px;
}
.button-primary-6 {
width: 100%;
}
.header-grid-d {
grid-template-columns: 2fr;
}
.step-grid {
grid-column-gap: 16px;
grid-row-gap: 32px;
}
.process-graphic {
max-width: 100%;
}
.process-step {
margin-bottom: 20px;
margin-right: 0;
}
.line-break-2 {
max-width: 100%;
}
.process-main-block {
flex-direction: column;
}
.process-line {
display: none;
}
.blog-detail {
font-size: 18px;
line-height: 30px;
}
.section-blog {
overflow: hidden;
}
.heading-large-6 {
font-size: 48px;
line-height: 60px;
}
.form-h {
flex-direction: column;
align-items: stretch;
}
.banner-2 {
display: none;
}
.gradient-l, .gradient-r {
width: 40px;
}
.nav-button-wrap {
display: none;
}
.h6-heading {
white-space: pre-wrap;
}
.button-primary-7 {
width: 100%;
}
.header-grid-b-2 {
grid-template-columns: 2fr;
}
.header-bottom-nav {
flex-direction: column;
align-items: flex-start;
}
.text-block-189 {
left: 0;
}
.process-grid-3 {
grid-template-columns: 1fr;
}
.content-block-4 {
min-height: auto;
padding: 24px;
}
.background-video-34 {
object-fit: cover;
height: 55em;
}
.hero-banner-3 {
background-image: linear-gradient(#0000, #0000);
justify-content: center;
padding-top: 0;
}
.background-video-35 {
object-fit: cover;
height: 55em;
}
.hero-banner-4 {
background-image: linear-gradient(#0000, #0000);
justify-content: center;
padding-top: 0;
}
.question-title-2 {
flex: 1;
}
.faq-grid-3 {
grid-template-columns: 1fr;
}
.faq-button {
text-align: center;
width: 100%;
padding-left: 15px;
padding-right: 15px;
}
.faq-block-2 {
justify-content: center;
align-items: center;
}
.logo-12 {
padding: 8px 16px;
}
.grid-31 {
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
}
.padding-top-2 {
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
}
.home-about-grid {
grid-template-columns: 1fr auto;
}
.heading-style-xlarge {
letter-spacing: -1px;
font-size: 3.5rem;
}
.heading-style-medium {
font-size: 2.75rem;
}
.padding-global-9 {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.margin-bottom-35 {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.home-clients-grid {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
}
.scroll-down-5 {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
}
.marquee-inner-2 {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
padding-top: 1.25rem;
padding-bottom: 1.25rem;
}
.projects-work-item-content {
padding: 1.5rem;
}
.heading-style-xlarge-2 {
letter-spacing: -1px;
font-size: 3.5rem;
}
.label-9.w--current {
display: none;
}
.margin-bottom-36 {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.heading-style-h1-2 {
font-size: 2.25rem;
}
.padding-global-10 {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.margin-bottom-37 {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.padding-global-11 {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.margin-bottom-38 {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.heading-style-medium-2 {
font-size: 2.75rem;
}
.padding-global-12 {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.margin-bottom-39 {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.padding-global-13 {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.scroll-down-6 {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
}
.padding-global-14, .padding-global-15 {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.scroll-down-7 {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
}
.padding-global-16 {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.scroll-down-8 {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
}
.section_img_grid.reverse {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
}
.team_list-3 {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
grid-template-columns: minmax(0, 1fr);
}
.section_title_grid {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
}
.section_title_grid.terms {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-direction: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: flex-end;
display: grid;
}
.padding_global.no_padding.hero_mobile {
height: auto;
}
.num_index.black {
align-self: flex-end;
}
.section-235.studio_team {
padding-top: 3rem;
padding-bottom: 3rem;
}
.title_wrapper {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-direction: row;
}
.span.h-move-2, .span.h-move {
font-size: 6vh;
}
.text-block-190.head {
font-size: 3vh;
}
.section_num_grid {
grid-column-gap: 6vh;
grid-row-gap: 6vh;
flex-direction: column;
justify-content: center;
width: 100%;
height: 100%;
}
.stats_num_wrap {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-direction: row;
align-items: flex-start;
}
.big_num_wrap {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
height: auto;
display: flex;
position: relative;
}
.big_num {
letter-spacing: -.35rem;
}
.stats_p_flex {
max-width: 30svw;
}
.quotes_wrapper {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
max-width: 7.8rem;
}
.founder_signature {
font-size: 1rem;
}
.hero_city_txt {
font-size: .7rem;
}
.hero_heading-5 {
letter-spacing: -.125rem;
}
.hero_dot_wrap {
align-items: flex-start;
display: flex;
inset: 1% 0% auto auto;
}
.hero_img_content {
height: 35svh;
}
.hero_heading_flex {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
margin-left: 0%;
}
.hero_top_wrapper {
margin-bottom: 1rem;
padding-left: 3%;
padding-right: 3%;
}
.quote_txt {
font-size: .5rem;
}
.hero_dot_parent {
width: .25rem;
height: .25rem;
margin-top: 1svh;
}
.section-236.home_hero {
flex-direction: column;
justify-content: flex-end;
height: 100svh;
padding-top: 0;
display: flex;
}
.grid_btm {
justify-content: space-between;
}
.terms_item_grid {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
}
.terms_item_title {
font-size: 1.5rem;
}
.footer_item_txt {
font-size: 1rem;
}
.service_item_flex {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
}
.footer_content_wrap {
grid-column-gap: 2.5rem;
grid-row-gap: 2.5rem;
display: flex;
}
.p_small {
font-size: .8rem;
}
.footer-10 {
height: auto;
padding-bottom: 3rem;
}
.footer_grid.btm {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
flex-direction: column;
grid-template-columns: 1fr;
height: 100%;
display: flex;
}
.terms_item_wrap {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-direction: column;
display: flex;
}
.section-237.terms {
padding-top: 10rem;
}
.section-237.service_list {
padding-top: 2rem;
padding-bottom: 4rem;
}
.intro_grid {
grid-column-gap: 1rem;
grid-row-gap: 2.5rem;
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.intro_p_wrap {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-direction: column;
align-items: flex-start;
}
.p_x-large {
font-size: 2rem;
}
.section-238.intro {
padding-top: 4rem;
padding-bottom: 4rem;
}
.footer-11 {
height: auto;
padding-bottom: 3rem;
}
.service_item_grid {
grid-template-columns: 1fr;
}
.service_item_wrap {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
flex-direction: column;
display: flex;
}
.p_large {
letter-spacing: -.025rem;
font-size: 1.4rem;
}
.service_item_title {
font-size: 2rem;
}
.section-239.service_list {
padding-top: 2rem;
padding-bottom: 4rem;
}
.section-240.intro {
padding-top: 4rem;
padding-bottom: 4rem;
}
.div-block-272 {
flex-direction: column;
}
.subheading-project-2 {
font-size: 1.5vh;
}
.section-241.lp {
padding-left: 20px;
padding-right: 20px;
}
.heading-project-2 {
font-size: 1.75vh;
}
.heading-hero-c.h {
font-size: 10vw;
}
.hero-section-11 {
height: auto;
padding-top: 44px;
padding-bottom: 70px;
}
.heading-wrapper-4 {
flex-wrap: wrap;
justify-content: center;
}
.section-heading-wrapper {
flex-direction: column;
align-items: flex-start;
}
.container-1365 {
width: 85%;
}
.h3-8 {
font-size: 1.5rem;
}
.button-76 {
text-align: center;
justify-content: center;
}
.hero-section-12 {
height: auto;
padding-top: 44px;
padding-bottom: 70px;
}
.heading-wrapper-5 {
flex-wrap: wrap;
justify-content: center;
}
.clients-grid {
grid-template-columns: 1fr 1fr 1fr;
}
.clients-grid.logo-animate {
grid-template-columns: 1fr 1fr 1fr;
margin-top: 26px;
}
.client-logo-3 {
object-position: 0% 50%;
}
.brand-nav-wrapper {
justify-content: flex-start;
align-items: flex-start;
width: 40%;
padding-left: 0;
}
.brand-nav-wrapper.w--current {
width: 44%;
padding-left: 0;
}
.app_user-cursor-img-1 {
left: 12rem;
}
.margin-bottom-40 {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.margin-bottom-40.margin-xxhuge {
margin-bottom: 6rem;
}
.main-header-text.header {
font-size: 1.5em;
}
.insidecard-4 {
background-position: 50%;
}
.background-video-41 {
height: auto;
}
.client-logo-4 {
object-position: 0% 50%;
}
.section-247 {
height: auto;
}
.section-247.middle, .section-247.bottom {
padding-top: 40px;
padding-bottom: 40px;
}
.container-1367 {
padding-left: 60px;
padding-right: 60px;
}
.section-248 {
padding-left: 20px;
padding-right: 20px;
}
.grid-35._2 {
flex-wrap: wrap-reverse;
}
.div-block-275 {
padding-left: 0;
padding-right: 0;
}
.text-block-201 {
text-align: center;
}
.div-block-277 {
padding-left: 20px;
padding-right: 20px;
}
.image-512.ss {
display: none;
}
.paragraph-206 {
font-size: 1.1em;
}
.div-block-278 {
padding: 0;
}
.text-align-center-8 {
margin-bottom: 2rem;
}
.margin-bottom-41 {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.margin-bottom-41.margin-custom1 {
margin-bottom: 1rem;
}
.page-padding-18 {
margin-top: 25px;
margin-bottom: 25px;
padding-top: 0;
padding-left: 1rem;
padding-right: 1rem;
}
.white-text-5 {
font-size: 15px;
}
.container-1368 {
padding-left: 60px;
padding-right: 60px;
}
.paragraph-207.lp {
font-size: 1em;
}
.section-253 {
height: 45vh;
}
.text-align-center-9 {
margin-bottom: 2rem;
}
.margin-bottom-42 {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.margin-bottom-42.margin-custom1 {
margin-bottom: 1rem;
}
.page-padding-19 {
margin-top: 25px;
margin-bottom: 25px;
padding-top: 0;
padding-left: 1rem;
padding-right: 1rem;
}
.white-text-6 {
font-size: 15px;
}
.container-1369 {
padding-left: 60px;
padding-right: 60px;
}
.paragraph-208.lp {
font-size: 1em;
}
.section-254 {
height: 45vh;
}
.container-1370 {
max-width: none;
}
.nav-menu-two {
flex-direction: column;
}
.grid-36 {
grid-template-columns: 1fr;
}
.hero-without-image {
justify-content: center;
padding-left: 20px;
padding-right: 20px;
display: flex;
}
.container-1371 {
width: auto;
max-width: none;
}
.hero-wrapper-two-2 {
max-width: none;
}
.margin-bottom-24px {
font-size: 1em;
}
.heading-567 {
font-size: 2em;
}
.container-1372 {
max-width: none;
}
.centered-heading {
margin-bottom: 24px;
}
.testimonial-grid {
grid-template-columns: 1fr;
}
.testimonial-block-main {
flex-direction: column;
}
.testimonial-main-image {
width: 100%;
height: auto;
margin-bottom: 32px;
margin-right: 0;
}
.container-1373 {
max-width: none;
}
.image-521.ss, .image-522.ss, .image-523.ss {
display: none;
}
.paragraph-211 {
font-size: 1.2em;
}
.paragraph-211._1 {
text-align: center;
}
.section-260 {
height: auto;
}
.text-align-center-10 {
margin-bottom: 2rem;
}
.margin-bottom-43 {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.margin-bottom-43.margin-custom1 {
margin-bottom: 1rem;
}
.white-text-7 {
font-size: 15px;
}
.page-padding-20 {
margin-top: 0;
margin-bottom: 0;
padding: 40px 1rem;
}
.paragraph-212.lp {
font-size: 1em;
}
.container-1374 {
padding-left: 60px;
padding-right: 60px;
}
.text-align-center-11 {
margin-bottom: 2rem;
}
.margin-bottom-44 {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.margin-bottom-44.margin-custom1 {
margin-bottom: 1rem;
}
.section-261 {
height: auto;
}
.page-padding-21 {
margin-top: 0;
margin-bottom: 0;
padding: 40px 1rem;
}
.paragraph-213.lp {
font-size: 1em;
}
.form-block-7 {
width: 75%;
}
.recaptcha {
margin-left: -35px;
}
.grid-37 {
grid-template-columns: 1fr;
}
.heading-570 {
font-size: 2.2em;
}
.section-265 {
padding-right: 15px;
}
.div-block-284 {
padding-left: 10px;
}
.div-block-286 {
padding-right: 0;
}
.image-541 {
padding-bottom: 20px;
}
.social-media-link-block {
margin-top: 12px;
}
.contact-01-container {
grid-column-gap: 48px;
grid-row-gap: 48px;
margin-top: 60px;
margin-left: 20px;
margin-right: 20px;
}
.social-media-block {
margin-top: 20px;
}
.nav-link-9 {
padding-top: 0;
padding-bottom: 0;
}
.nav-button-wrapper {
width: auto;
}
.office-location-block {
margin-top: 20px;
}
.contact-form-block-2 {
padding: 30px 20px;
}
.contact-form-block-2.strategy {
width: auto;
}
.sub-heading-2.form-title {
font-size: 20px;
line-height: 24px;
}
.sub-heading-2.office-branch-location {
margin-top: 20px;
}
.sub-heading-2.content-1-services-list-head {
font-size: 22px;
line-height: 30px;
}
.contact-1-textarea {
min-height: 150px;
}
.c-form-btn.button-2 {
margin-top: 20px;
}
.contact {
padding-bottom: 80px;
}
.nav-menu-12 {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-direction: column;
padding-bottom: 30px;
}
.bold-text-51 {
font-size: 40px;
line-height: 45px;
}
.bold-text-51.strategy {
font-size: 40px;
line-height: 40px;
}
.office-wrap {
grid-column-gap: 20px;
grid-row-gap: 20px;
margin-top: 40px;
}
.heading-571 {
font-size: 36px;
line-height: 44px;
}
.learn-more-link {
grid-column-gap: 2px;
grid-row-gap: 2px;
}
.location {
margin-top: 80px;
}
.location-container {
margin-left: 20px;
margin-right: 20px;
}
.office-branch-wrap {
padding: 25px;
}
.body-1 {
font-size: 16px;
line-height: 20px;
}
.body-1.office-branch-address {
margin-bottom: 20px;
}
.learn-more {
font-size: 16px;
}
.brand-logos {
margin-top: 80px;
}
.brand-logos-container {
margin-left: 20px;
margin-right: 20px;
}
.brand-logos-top-title-box {
padding-left: 10px;
padding-right: 10px;
}
.brand-logos-top-title {
font-size: 12px;
line-height: 20px;
}
.brand-logos-bottom-wrap {
grid-column-gap: 10px;
grid-row-gap: 10px;
margin-top: 20px;
}
.heading-572 {
font-size: 36px;
line-height: 44px;
}
.content-2-item-wrap {
grid-template-rows: auto auto auto auto;
grid-template-columns: 1fr;
margin-top: 40px;
}
.content-2-item-head-wrap {
grid-column-gap: 14px;
grid-row-gap: 14px;
}
.content-2-item-image-box {
margin-top: 20px;
}
.content-578 {
margin-top: 80px;
}
.body-13 {
font-size: 16px;
line-height: 20px;
}
.body-13.content-2-item-subtext {
margin-top: 20px;
}
.content-2-container {
margin-left: 20px;
margin-right: 20px;
}
.cta-btn-wrap {
margin-top: 20px;
}
.heading-573 {
font-size: 44px;
line-height: 52px;
}
.cta-container-3 {
grid-column-gap: 20px;
grid-row-gap: 20px;
margin-left: 20px;
margin-right: 20px;
}
.body-14 {
font-size: 16px;
line-height: 20px;
}
.body-14.cta-subtext {
margin-top: 20px;
}
.button-1 {
padding: 10px 20px;
}
.cta-5 {
margin-top: 80px;
padding-top: 60px;
padding-bottom: 60px;
}
.content-1-services-list {
padding-top: 20px;
padding-bottom: 20px;
}
.body-15 {
font-size: 14px;
line-height: 20px;
}
.heading-574 {
font-size: 36px;
line-height: 44px;
}
.view-full-list {
margin-top: 40px;
}
.c-1-list-arrow-box {
width: 36px;
height: 36px;
}
.content-1 {
margin-top: 80px;
padding-top: 80px;
padding-bottom: 80px;
}
.services-provide-tag {
padding: 10px 16px;
}
.button-77 {
padding: 10px 20px;
}
.content-1-services-wrap {
margin-top: 60px;
}
.services-provide-wrap {
margin-top: 80px;
margin-left: 20px;
margin-right: 20px;
}
.body-m-1 {
font-size: 16px;
line-height: 20px;
}
.c-1-list-arrow {
width: 16px;
}
.services-provide-tag-box {
grid-template-columns: 1fr 1fr;
}
.c-1-services-list-text-wrap {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-direction: column;
width: 80%;
}
.heading-575 {
font-size: 32px;
line-height: 40px;
}
.content-1-container {
margin-left: 20px;
margin-right: 20px;
}
.services-provide-tag-wrap {
margin-top: 40px;
}
.lightbox-link-23, .image-543 {
border-radius: 12px;
}
.div-block-288 {
padding-bottom: 6px;
padding-left: 10px;
display: block;
}
.video-client-2 {
height: 14px;
font-size: 2.8vw;
display: block;
}
.video-title-2 {
height: 18px;
padding-left: 0;
font-size: 2.8vw;
display: block;
}
.heading-577 {
font-family: Lato, sans-serif;
font-size: 2em;
}
.paragraph-217 {
font-size: 1em;
}
.licences {
padding-bottom: 80px;
}
.nav-link-10 {
padding-top: 0;
padding-bottom: 0;
}
.licences-container {
margin-top: 40px;
margin-left: 20px;
margin-right: 20px;
}
.heading-578 {
font-size: 44px;
line-height: 52px;
}
.body-16 {
font-size: 16px;
line-height: 20px;
}
.body-16.licences-subtext {
margin-top: 20px;
}
.nav-menu-13 {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-direction: column;
padding-bottom: 30px;
}
.how_it_work_wrapper {
grid-column-gap: 76px;
grid-row-gap: 76px;
}
.text_h4-black {
font-size: 24px;
}
.section_title-black {
font-size: 46px;
}
.padding-block-bottom {
margin-bottom: 0;
padding-bottom: 64px;
}
.small_paragraph-black {
font-size: 16px;
}
.benefits_box_left-name {
font-size: 14px;
}
.benefits_wrapper-2 {
flex-flow: column;
display: flex;
}
.padding-block-2 {
margin-bottom: 0;
padding-top: 64px;
padding-bottom: 64px;
}
.benefits_box_left {
min-height: 318px;
padding: 32px;
}
.benefits_box_left-wrap {
grid-column-gap: 6px;
grid-row-gap: 6px;
width: 100%;
}
.text_h4-black-secondary {
font-size: 24px;
}
.benefits_box_left-testimonial {
flex: 0 auto;
max-width: 140px;
display: block;
}
.membership_right-buttons-box {
width: 100%;
}
.section_title-white {
font-size: 46px;
}
.membership_right-button-pro {
width: 100%;
padding-left: 18px;
padding-right: 18px;
}
.membership_right-buttons {
width: 100%;
}
.membership_box_right {
padding: 32px;
}
.membership_left-up {
margin-bottom: 96px;
}
.membership_box_left {
padding: 32px;
}
.membership_right-links {
flex-flow: column;
}
.membership_right-button-standard {
width: 100%;
padding-left: 18px;
padding-right: 18px;
}
.services_wrapper {
flex-flow: column;
display: flex;
}
.heading-579 {
font-size: 32px;
line-height: 40px;
}
.padding-global-17 {
padding-bottom: 79px;
}
.margin-bottom-45 {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.features_component {
grid-template-columns: 1fr;
}
.features-image-wrapper {
width: 40rem;
}
.focus-block {
margin: 40px 0 18px;
}
.section-2 {
padding-top: 50px;
padding-bottom: 50px;
}
.heading-focus.cylie {
font-size: 1.8em;
}
.focus {
padding-left: 5%;
padding-right: 5%;
}
.block-page {
padding-left: 0;
padding-right: 0;
}
.heading-9 {
font-size: 2rem;
}
.heading-9.feature-heading, .heading-9.features {
font-size: 2em;
}
.heading-9.features._3 {
font-size: 25px;
}
.image-feature-right {
margin-top: 20px;
padding-left: 20px;
}
.sub-header {
font-size: 1.1em;
}
.section-268 {
padding-top: 50px;
padding-bottom: 50px;
}
.feature-block-2 {
padding: 40px 20px 18px;
}
.section-page-copy {
padding-top: 0;
}
.section-page-copy.no-padding {
margin-top: 67px;
}
.landing-cta.cylie {
min-width: 100%;
}
.image-feature-left {
margin-top: 20px;
padding-right: 20px;
}
.heading-581 {
font-size: 2rem;
}
.heading-581.feature-heading {
font-size: 2em;
}
.section-269 {
padding-top: 50px;
padding-bottom: 50px;
}
.margin-bottom-46 {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.home-a-video {
height: 200px;
}
.text-h0 {
font-size: 14vw;
}
.main-container-10 {
padding-left: 16px;
padding-right: 16px;
}
.home-a-umbrella {
width: 100px;
}
.text-h4 {
font-size: 24px;
line-height: 140%;
}
.section-270 {
padding-top: 48px;
padding-bottom: 48px;
}
.section-270.hero-home-a {
padding-bottom: 40px;
}
.home-a-hero-wrap {
grid-column-gap: 30px;
grid-row-gap: 30px;
margin-bottom: 24px;
}
.label-11 {
font-size: 10px;
line-height: 12px;
}
.work-3 {
width: 100%;
}
.main-container-11 {
padding-left: 16px;
padding-right: 16px;
}
.headline-home-a-work {
margin-bottom: 48px;
}
.home-a-work-halves {
grid-column-gap: 32px;
grid-row-gap: 32px;
margin-top: 32px;
margin-bottom: 32px;
}
.text-h1-2 {
font-size: 13vw;
}
.section-271, .section-272 {
padding-top: 48px;
padding-bottom: 48px;
}
.brand-navbar-2 {
height: 16px;
}
.nav-cta-2 {
display: none;
}
.body-18 {
font-size: 16px;
line-height: 150%;
}
.menu-info-master {
margin-right: 0;
}
.hero-section-15 {
padding-top: 48px;
}
.item---wave {
max-width: 160px;
}
.item---wave.about-wave-left-v2 {
left: -43%;
}
.item---wave.about-wave-left-v2.left {
width: 32%;
}
.item---wave.about-wave-right-v2 {
top: -1%;
}
.stats-grid-2 {
grid-column-gap: 16px;
}
.btn-secondary-4, .btn-primary-5 {
width: 100%;
padding: 16px 20px;
}
.btn-primary-5.button-row {
margin-bottom: 16px;
margin-right: 0;
}
.border-radius-24px-2.overflow-hidden.values-image {
max-height: 300px;
}
.container-default-20 {
padding-left: 20px;
padding-right: 20px;
}
.grid-2-columns-10.about-grid {
grid-template-columns: 1fr;
}
.full-width-right-image-wrapper {
margin-right: -20px;
}
.section-273 {
padding-top: 120px;
padding-bottom: 120px;
}
.section-273.top-240px---bottom-120px {
padding-top: 120px;
padding-bottom: 60px;
}
.btn-primary-6 {
width: 100%;
padding: 16px 20px;
}
.container-default-21 {
padding-left: 20px;
padding-right: 20px;
}
.grid-4-columns {
grid-template-columns: 1fr;
}
.section-274 {
padding-top: 120px;
padding-bottom: 120px;
}
.section-274.pd-top-120px---bottom-180px {
padding-top: 60px;
padding-bottom: 100px;
}
.container-default-22 {
padding-left: 20px;
padding-right: 20px;
}
.grid-2-columns-12.value-inner-grid {
grid-template-columns: 1fr;
}
.grid-2-columns-12.values-grid {
grid-row-gap: 50px;
}
.hero-circle-2 {
width: 80vw;
top: 10%;
right: -25%;
}
.label-3.is--h-about {
border-width: 1px;
bottom: 15%;
}
.btn-9 {
padding: 4vw 8.5vw;
}
.btn-9.bg-orange-gradient {
z-index: 10;
position: relative;
}
.btn-9.secondary {
padding: 4.5vw 7vw;
}
.btn-9.bigger {
padding: 19px 57px;
}
.footer-link-grid-2.btm {
justify-items: start;
margin-top: 12vw;
}
.h-services-person {
width: 30vw;
}
.label-4.is--h-about {
bottom: 7%;
}
.container-1377 {
width: 90%;
}
.h-services-bg.bg-dark-gradient.round {
margin-top: 15vw;
}
.m-project-site-img {
width: 58vw;
bottom: -2%;
}
.hero-circle-1 {
width: 56vw;
left: -35%;
}
.container-1378.flex-cc-v.is--cta {
align-items: flex-start;
}
.m-hero-heading-wrapper {
margin-bottom: 8vw;
}
.recent-project-label {
display: none;
}
.project-sticker {
width: 18vw;
height: 18vw;
bottom: 17%;
}
.services-img-wrapper {
margin-left: -14%;
}
.hero-8.is--home {
min-height: 100vh;
}
.m-hero-container {
z-index: 2;
align-items: flex-start;
position: relative;
overflow: hidden;
}
.section-276.is--bigger {
padding-top: 45vw;
padding-bottom: 45vw;
}
.section-276.is--cta {
height: 90vh;
padding-top: 0;
padding-bottom: 0;
}
.btn-text-5 {
font-size: 19px;
}
.project-img-1.thats-clutch-app {
width: 60vw;
}
.project-card-wrapper {
margin-top: 10vw;
}
.btn-10 {
padding: 4vw 8.5vw;
}
.btn-10.bg-orange-gradient {
z-index: 10;
position: relative;
}
.btn-10.secondary {
padding: 4.5vw 7vw;
}
.btn-10.bigger {
padding: 19px 57px;
}
.footer-link-grid-3.btm {
justify-items: start;
margin-top: 12vw;
}
.container-1380 {
width: 90%;
}
.container-1381.flex-cc-v.is--cta {
align-items: flex-start;
}
.hero-9.is--home {
min-height: 100vh;
}
.section-277.is--bigger {
padding-top: 45vw;
padding-bottom: 45vw;
}
.section-277.is--cta {
height: 90vh;
padding-top: 0;
padding-bottom: 0;
}
.btn-text-6 {
font-size: 19px;
}
.spacer-xxlarge {
padding-top: 1rem;
}
.text-size-regular-9 {
font-size: 1.1rem;
}
.spacer-medium {
padding-top: .5rem;
}
.heading-584 {
font-size: 3rem;
}
.hero-img-2 {
object-fit: contain;
}
.padding-section-large-5.bottom-5 {
padding-top: 2.625rem;
padding-bottom: 2.625rem;
}
.button-78 {
flex: 1;
height: 48px;
font-size: .9rem;
display: block;
}
.container-large-18 {
width: 90vw;
}
.text-field-18 {
text-align: center;
flex: 1;
align-self: center;
max-width: none;
height: 48px;
margin-right: 0;
font-size: .9rem;
}
.heading-style-h3-6 {
font-size: 2rem;
}
.form-12 {
flex-flow: wrap;
font-size: .8754rem;
}
.video-hero-home {
border-radius: 80px 12px;
height: 98vw;
}
.new-hero-container {
padding-left: 16px;
padding-right: 16px;
}
.subtitle-17 {
font-size: 22px;
}
.master-hero-home {
margin-bottom: 48px;
}
.gradient-moving-logo-right {
width: 60px;
}
.text-big-text {
font-size: 30px;
}
.marquee-logo {
height: 45px;
}
.move-moving-logos {
grid-column-gap: 60px;
grid-row-gap: 60px;
}
.gradient-moving-logo-left {
width: 60px;
}
.single-moving-logo {
grid-column-gap: 60px;
grid-row-gap: 60px;
}
.pill-about-message {
width: 80px;
height: 40px;
}
.main-container-13 {
padding-top: 60px;
padding-left: 16px;
padding-right: 16px;
}
.section-280.rounded-black.under-hero-home {
margin-top: -60vw;
padding-top: 42vw;
}
.master-moving-logos {
grid-column-gap: 8px;
grid-row-gap: 8px;
padding-top: 16px;
padding-bottom: 16px;
}
.about-message {
grid-column-gap: 5px;
grid-row-gap: 5px;
}
.container-medium-4 {
padding-left: 16px;
padding-right: 16px;
}
.center-heading.mg-bottom-48 {
padding-top: 10px;
}
.no-margins-23.featured-work {
padding-bottom: 0;
font-size: 2em;
}
.no-margins-23.featured-work.services {
font-size: 2em;
}
.tile-testimonials-moving {
grid-column-gap: 52px;
grid-row-gap: 52px;
max-width: 330px;
padding: 32px;
}
.single-testimonials-moving {
grid-column-gap: 16px;
}
.text-testimonials-moving {
font-size: 18px;
}
.wrap-person-testimonial-moving {
grid-row-gap: 24px;
flex-direction: column;
align-items: flex-start;
}
.inside-testimonials-moving {
grid-column-gap: 16px;
}
.video-home-2.lp._1 {
height: auto;
}
.icon-play {
width: 60px;
height: 60px;
}
.main-container-center {
padding-left: 16px;
padding-right: 16px;
}
.single-title-home {
justify-content: center;
align-items: center;
}
.image-logo {
width: 40%;
max-width: 40%;
}
.master-title-home {
justify-content: center;
align-items: flex-start;
}
.main-container-15 {
padding-left: 16px;
padding-right: 16px;
}
.inside-moving-hero-studio {
width: 1070px;
}
.section-282.hero-studio {
padding-top: 64px;
}
.nav-container-2 {
grid-column-gap: 8px;
grid-row-gap: 8px;
padding-left: 16px;
padding-right: 16px;
}
.nav-link-11 {
padding-left: 0;
padding-right: 0;
}
.navbar-11 {
height: 72px;
padding-top: 16px;
padding-bottom: 16px;
}
.brand-menu-wrap {
grid-column-gap: 8px;
grid-row-gap: 8px;
align-items: center;
}
.menu-cta-wrap.mobile {
display: block;
}
.menu-cta-wrap.desktop {
display: none;
}
.brand-link-2 {
height: 18px;
}
.nav-menu-14 {
margin-top: 0;
padding-left: 16px;
padding-right: 16px;
}
.home-new-description {
white-space: normal;
margin-left: 0;
}
.navbar-right-cta {
display: none;
}
.work-filter-form {
flex-flow: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
justify-content: flex-start;
align-items: stretch;
display: flex;
}
.work-popup-content {
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
}
.home-new-description-text {
font-size: 22px;
}
.text-size-xl {
font-size: 12px;
}
.text-size-xl.text-weight-bold {
font-size: 15px;
}
.new-cta-inner {
grid-column-gap: 32px;
grid-row-gap: 32px;
}
.new-cta-icon {
width: 32px;
height: 32px;
}
.background-video-43 {
height: auto;
}
.margin-bottom-47 {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.margin-bottom-47.margin-custom1 {
margin-bottom: 1rem;
}
.text-align-center-12 {
margin-bottom: 2rem;
}
.section-283 {
height: auto;
}
.paragraph-221.lp {
font-size: 1em;
}
.page-padding-23 {
margin-top: 0;
margin-bottom: 0;
padding: 40px 1rem;
}
.text-span-124 {
color: red;
}
.container-1383 {
padding-left: 15px;
padding-right: 15px;
}
.section-title-16 {
margin-bottom: 20px;
}
.product-info-wrap {
margin-top: 5px;
}
.home-hero_h1 {
font-size: 2.5rem;
}
.padding-global-18 {
padding-left: .75rem;
padding-right: .75rem;
}
.home-hero_h1-2 {
font-size: 2.5rem;
}
.padding-global-19 {
padding-left: .75rem;
padding-right: .75rem;
}
.home-hero_h1-3 {
font-size: 2.5rem;
}
.flex-5 {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
}
.section-284 {
width: auto;
height: auto;
}
.past-clients {
height: auto;
}
.margin-bottom-48 {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.banner-small-container-2 {
display: none;
}
.container-1384 {
margin-left: auto;
margin-right: auto;
}
.client-block-2 {
grid-template-columns: 1fr 1fr;
}
.header_text-paragraph {
font-size: 1rem;
line-height: 1.75rem;
}
.button-79 {
width: 100%;
padding: .5rem 1.25rem;
font-size: .75rem;
line-height: 1.8em;
}
.button-79.is-icon {
width: auto;
position: static;
}
.header_text-wrapper {
grid-template-rows: auto auto auto auto;
}
.container-1385 {
padding: 0 10px;
}
.faq-grid_container {
display: flex;
}
.hero-largev2_logo-cloud {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
grid-template-columns: 1fr 1fr;
}
.text-size-medium-10.text-custom-gray {
font-size: 1rem;
}
.text-color-white-4 {
font-size: 2rem;
}
.body-22 {
overflow: visible;
}
.hero-header-2 {
max-width: 420px;
}
.hero-heading-9 {
font-size: 44px;
}
.section-285 {
padding-left: 10px;
padding-right: 10px;
}
.div-block-290 {
padding-left: 20px;
padding-right: 20px;
}
.section-286 {
flex-direction: column;
display: flex;
}
.container-1388 {
margin-left: auto;
margin-right: auto;
}
.padding_block_regular {
padding-top: 112px;
padding-bottom: 112px;
}
.padding_block_regular-4 {
padding: 112px 10px;
}
.div-block-291 {
padding-left: 10px;
padding-right: 10px;
}
.download_box-buttons {
flex-flow: column;
display: flex;
}
.div-block-292 {
padding-left: 20px;
padding-right: 20px;
}
.enage-thumbnail-wrap {
padding-left: 40px;
padding-right: 20px;
}
.engage-right-image {
left: -20px;
}
.engage-left-image {
right: -20px;
}
.button-text-8 {
font-size: 16px;
line-height: 16px;
}
.process_overlay-top {
height: 4rem;
}
.process_step {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-columns: 2rem;
}
.process_item-indicator {
width: 2rem;
height: 2rem;
}
.process_overlay-bottom {
height: 4rem;
}
.process_timeline {
margin-left: 1rem;
}
.margin-bottom-49 {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.benefits_section-2 {
grid-row-gap: 2rem;
grid-template-columns: 1fr;
}
.margin-bottom-50, .margin-bottom-51 {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.section-home-plans {
background-size: auto, auto;
}
.hero-heading-10 {
font-size: 44px;
}
.hero-header-3 {
max-width: 420px;
}
}
#w-node-_5c671889-58b0-2cbd-b950-392ce175da4d-396c6179, #w-node-_5c671889-58b0-2cbd-b950-392ce175da50-396c6179, #w-node-_5c671889-58b0-2cbd-b950-392ce175da51-396c6179, #w-node-_5c671889-58b0-2cbd-b950-392ce175da57-396c6179, #w-node-_5c671889-58b0-2cbd-b950-392ce175da5a-396c6179, #w-node-_5c671889-58b0-2cbd-b950-392ce175da5b-396c6179, #w-node-_5c671889-58b0-2cbd-b950-392ce175da61-396c6179, #w-node-_5c671889-58b0-2cbd-b950-392ce175da64-396c6179, #w-node-_5c671889-58b0-2cbd-b950-392ce175da65-396c6179, #w-node-_854559da-e5c7-9bfa-9fae-e096d3efa4de-396c6179, #w-node-_854559da-e5c7-9bfa-9fae-e096d3efa4e7-396c6179 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_854559da-e5c7-9bfa-9fae-e096d3efa4f0-396c6179 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_854559da-e5c7-9bfa-9fae-e096d3efa4f9-396c6179, #w-node-_854559da-e5c7-9bfa-9fae-e096d3efa502-396c6179, #w-node-f6beb3d8-6e25-2ce3-fc86-8e8a83f2f8c8-83f2f8bd, #w-node-f6beb3d8-6e25-2ce3-fc86-8e8a83f2f8d3-83f2f8bd, #w-node-f6beb3d8-6e25-2ce3-fc86-8e8a83f2f8de-83f2f8bd {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-dd165a5d-fc67-5bc8-9615-415b92996c0a-15dd39cb {
align-self: start;
}
#w-node-e04965aa-6f34-7f4e-c9c9-22dec442e8e0-16dd39cd {
grid-area: 1 / 1 / 4 / 4;
}
#w-node-e04965aa-6f34-7f4e-c9c9-22dec442e8e6-16dd39cd {
grid-area: 1 / 4 / 4 / 7;
}
#w-node-_2286eb2a-2062-fe78-53cb-1eafe66bcb56-16dd39cd {
grid-area: 1 / 4 / 7 / 7;
}
#w-node-_2286eb2a-2062-fe78-53cb-1eafe66bcb59-16dd39cd {
grid-area: 1 / 1 / 4 / 4;
}
#w-node-_2286eb2a-2062-fe78-53cb-1eafe66bcb5c-16dd39cd {
grid-area: 4 / 1 / 7 / 4;
}
#w-node-d5f96c27-2f64-618c-d521-126d299a7fc1-16dd39cd, #w-node-d5f96c27-2f64-618c-d521-126d299a7fc2-16dd39cd {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_3638a294-52cd-ed9c-a862-f441980e9513-16dd39cd {
grid-area: span 1 / span 1 / span 1 / span 1;
place-self: center stretch;
}
#w-node-_3638a294-52cd-ed9c-a862-f441980e9514-16dd39cd {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_3638a294-52cd-ed9c-a862-f441980e9518-16dd39cd {
grid-area: span 1 / span 1 / span 1 / span 1;
place-self: center stretch;
}
#w-node-_3638a294-52cd-ed9c-a862-f441980e9519-16dd39cd {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_3638a294-52cd-ed9c-a862-f441980e951d-16dd39cd {
grid-area: span 1 / span 1 / span 1 / span 1;
place-self: center stretch;
}
#w-node-_3638a294-52cd-ed9c-a862-f441980e951e-16dd39cd {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_3638a294-52cd-ed9c-a862-f441980e9522-16dd39cd {
grid-area: span 1 / span 1 / span 1 / span 1;
place-self: center stretch;
}
#w-node-_3638a294-52cd-ed9c-a862-f441980e9523-16dd39cd, #w-node-db1d0e34-5561-2211-dba8-dc297fc9c6f2-16dd39cd, #w-node-db1d0e34-5561-2211-dba8-dc297fc9c700-16dd39cd, #w-node-_829956dd-5187-a3a3-c6e3-c304942f71ad-16dd39cd, #w-node-_829956dd-5187-a3a3-c6e3-c304942f71bd-16dd39cd, #w-node-_829956dd-5187-a3a3-c6e3-c304942f71b5-16dd39cd, #w-node-_829956dd-5187-a3a3-c6e3-c304942f71c5-16dd39cd, #w-node-_829956dd-5187-a3a3-c6e3-c304942f71cd-16dd39cd, #w-node-_829956dd-5187-a3a3-c6e3-c304942f71d5-16dd39cd, #w-node-_829956dd-5187-a3a3-c6e3-c304942f71dd-16dd39cd, #w-node-_829956dd-5187-a3a3-c6e3-c304942f71e5-16dd39cd, #w-node-_829956dd-5187-a3a3-c6e3-c304942f71ed-16dd39cd, #w-node-_829956dd-5187-a3a3-c6e3-c304942f71f5-16dd39cd, #w-node-_829956dd-5187-a3a3-c6e3-c304942f71fd-16dd39cd, #w-node-_829956dd-5187-a3a3-c6e3-c304942f7205-16dd39cd, #w-node-b854f637-50bf-3425-2a39-da0c54810d06-16dd39cd, #w-node-b854f637-50bf-3425-2a39-da0c54810d0f-16dd39cd, #w-node-b854f637-50bf-3425-2a39-da0c54810d10-16dd39cd, #w-node-caf87f80-7e36-4a59-0edf-42f360f6d1f8-16dd39ce, #w-node-caf87f80-7e36-4a59-0edf-42f360f6d1f9-16dd39ce, #w-node-caf87f80-7e36-4a59-0edf-42f360f6d1fa-16dd39ce, #w-node-caf87f80-7e36-4a59-0edf-42f360f6d203-16dd39ce, #w-node-caf87f80-7e36-4a59-0edf-42f360f6d204-16dd39ce, #w-node-caf87f80-7e36-4a59-0edf-42f360f6d20d-16dd39ce {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_38e5a2d7-84b3-60d2-b09e-5666a3a4d4f1-42dd39d1 {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: auto;
}
#w-node-_03170401-c716-083a-3a68-3dc5aa272086-42dd39d1, #w-node-_7c0d7711-3c71-f1fd-ab97-68c2ba6da4b6-42dd39d1, #w-node-cc03675c-5725-7964-50f0-371c11c15b48-42dd39d1 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-c9ca392e-6689-6e14-f703-6023aff549bb-42dd39d1 {
grid-area: 1 / 4 / 7 / 7;
}
#w-node-c9ca392e-6689-6e14-f703-6023aff549be-42dd39d1 {
grid-area: 1 / 1 / 4 / 4;
}
#w-node-c9ca392e-6689-6e14-f703-6023aff549c1-42dd39d1 {
grid-area: 4 / 1 / 7 / 4;
}
#w-node-ad725311-482a-27f4-7858-7194bca87eec-cddd39d4 {
grid-area: span 1 / span 1 / span 1 / span 1;
place-self: start center;
}
#w-node-_00e52175-bbcb-4541-bb32-3a49bb378eff-cddd39d4, #w-node-b241e1a4-1b18-ed46-7ab3-2c08b9da12be-07dd39d6, #w-node-b241e1a4-1b18-ed46-7ab3-2c08b9da12d3-07dd39d6 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-bb85304e-2de2-9b78-046a-e1e9612a8fc7-07dd39d6 {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-_5d31f6a1-6abd-570b-ecd6-7a1e9a2840e0-68dd39df, #w-node-_5dfec2cd-906b-5b08-c6dd-22bb4c3cd8db-68dd39df, #w-node-_5dfec2cd-906b-5b08-c6dd-22bb4c3cd8dd-68dd39df, #w-node-_5dfec2cd-906b-5b08-c6dd-22bb4c3cd8df-68dd39df, #w-node-_5dfec2cd-906b-5b08-c6dd-22bb4c3cd8e1-68dd39df, #w-node-_5dfec2cd-906b-5b08-c6dd-22bb4c3cd8e3-68dd39df, #w-node-_5dfec2cd-906b-5b08-c6dd-22bb4c3cd8e5-68dd39df, #w-node-_5dfec2cd-906b-5b08-c6dd-22bb4c3cd8e7-68dd39df, #w-node-_5dfec2cd-906b-5b08-c6dd-22bb4c3cd8e9-68dd39df, #w-node-_5dfec2cd-906b-5b08-c6dd-22bb4c3cd8eb-68dd39df {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_9dfed335-6d37-cf10-04e6-946f180d01aa-68dd39df {
grid-template-rows: 415px;
grid-template-columns: 1fr 1fr;
}
#w-node-_9dfed335-6d37-cf10-04e6-946f180d01b0-68dd39df {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
#w-node-_0b294869-a89a-8e36-dadf-9608f26aaf81-f26aaf79, #w-node-_0b294869-a89a-8e36-dadf-9608f26aaf8b-f26aaf79, #w-node-_0b294869-a89a-8e36-dadf-9608f26aaf95-f26aaf79, #w-node-_0b294869-a89a-8e36-dadf-9608f26aafa1-f26aaf79, #w-node-_0b294869-a89a-8e36-dadf-9608f26aafab-f26aaf79, #w-node-_0b294869-a89a-8e36-dadf-9608f26aafb5-f26aaf79 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-ed40c893-b286-fe1c-4f3a-c5df0d59674c-6add39e4 {
grid-area: span 1 / span 4 / span 1 / span 4;
}
#w-node-_0f5f2b51-891d-daee-802c-ac85234b823c-6add39e4 {
align-self: start;
}
#w-node-fd848023-c5eb-3d0a-83c8-5eebe11f0ec4-6add39e4 {
grid-area: span 1 / span 4 / span 1 / span 4;
}
#w-node-fd848023-c5eb-3d0a-83c8-5eebe11f0ec9-6add39e4 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_4d8cb2b6-23dc-12f4-fa7f-53507a853d11-6add39e4 {
grid-area: span 1 / span 4 / span 1 / span 4;
}
#w-node-_4d8cb2b6-23dc-12f4-fa7f-53507a853d16-6add39e4 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_0248ce65-424b-75a6-daf2-fcaa5b9cfaa4-7b9b1ac6, #w-node-_0248ce65-424b-75a6-daf2-fcaa5b9cfaa5-7b9b1ac6, #w-node-_0248ce65-424b-75a6-daf2-fcaa5b9cfaa9-7b9b1ac6, #w-node-_33cea75c-949a-a451-2897-5891f6f2634e-7b9b1ac6, #w-node-_33cea75c-949a-a451-2897-5891f6f26358-7b9b1ac6, #w-node-_33cea75c-949a-a451-2897-5891f6f2635b-7b9b1ac6, #w-node-_33cea75c-949a-a451-2897-5891f6f26363-7b9b1ac6, #w-node-_33cea75c-949a-a451-2897-5891f6f2635f-7b9b1ac6, #w-node-_33cea75c-949a-a451-2897-5891f6f26367-7b9b1ac6, #w-node-f2b9370c-b24e-6242-5ea2-ded094718e5a-7b9b1ac6, #w-node-_33cea75c-949a-a451-2897-5891f6f2636d-7b9b1ac6, #w-node-_33cea75c-949a-a451-2897-5891f6f2636e-7b9b1ac6 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_7ce75850-b0d8-7342-dcb6-a6f22f43b89e-7b9b1ac6 {
grid-area: span 3 / span 1 / span 3 / span 1;
}
#w-node-_0316e4a6-2d63-ba5d-b5a4-b80a1482e689-86c09a6d, #w-node-_0316e4a6-2d63-ba5d-b5a4-b80a1482e68a-86c09a6d, #w-node-_0316e4a6-2d63-ba5d-b5a4-b80a1482e68b-86c09a6d, #w-node-_0316e4a6-2d63-ba5d-b5a4-b80a1482e694-86c09a6d, #w-node-_0316e4a6-2d63-ba5d-b5a4-b80a1482e695-86c09a6d, #w-node-_0316e4a6-2d63-ba5d-b5a4-b80a1482e69e-86c09a6d, #w-node-e9b48895-e110-8a46-3a68-ca1126adef90-6e167f53, #w-node-e9b48895-e110-8a46-3a68-ca1126adef91-6e167f53, #w-node-e9b48895-e110-8a46-3a68-ca1126adef92-6e167f53, #w-node-e9b48895-e110-8a46-3a68-ca1126adef99-6e167f53, #w-node-e9b48895-e110-8a46-3a68-ca1126adef9a-6e167f53, #w-node-e9b48895-e110-8a46-3a68-ca1126adefa1-6e167f53, #w-node-c2f231ad-b317-25e1-7fdc-b170682f4ff1-18b1a0a0, #w-node-c2f231ad-b317-25e1-7fdc-b170682f4ff2-18b1a0a0, #w-node-c2f231ad-b317-25e1-7fdc-b170682f4ff3-18b1a0a0, #w-node-c2f231ad-b317-25e1-7fdc-b170682f4ffc-18b1a0a0, #w-node-c2f231ad-b317-25e1-7fdc-b170682f4ffd-18b1a0a0, #w-node-c2f231ad-b317-25e1-7fdc-b170682f5006-18b1a0a0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_79400720-2b64-3981-7c68-1da9beabdb0b-18b1a0a0 {
align-self: end;
}
#w-node-_79400720-2b64-3981-7c68-1da9beabdb0c-18b1a0a0 {
place-self: center;
}
#w-node-_79400720-2b64-3981-7c68-1da9beabdb11-18b1a0a0, #w-node-_79400720-2b64-3981-7c68-1da9beabdb17-18b1a0a0, #w-node-_79400720-2b64-3981-7c68-1da9beabdb1d-18b1a0a0, #w-node-_79400720-2b64-3981-7c68-1da9beabdb23-18b1a0a0, #w-node-_79400720-2b64-3981-7c68-1da9beabdb29-18b1a0a0 {
align-self: end;
}
#w-node-_3f0bdd3d-f22a-c1a2-7763-077c416be2d0-3b11883c, #w-node-_3f0bdd3d-f22a-c1a2-7763-077c416be2d1-3b11883c, #w-node-_0ac3b954-4cc9-c653-4acb-60455a3c3c6a-3b11883c, #w-node-_3f0bdd3d-f22a-c1a2-7763-077c416be2db-3b11883c, #w-node-_3f0bdd3d-f22a-c1a2-7763-077c416be2dc-3b11883c, #w-node-_3f0bdd3d-f22a-c1a2-7763-077c416be2e5-3b11883c, #w-node-_3f0bdd3d-f22a-c1a2-7763-077c416be2e6-3b11883c, #w-node-_3f0bdd3d-f22a-c1a2-7763-077c416be2e7-3b11883c, #w-node-_3f0bdd3d-f22a-c1a2-7763-077c416be2e8-3b11883c {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-c818395e-1f52-a7e2-34e0-4ec7cb7bc64f-3b11883c, #w-node-c818395e-1f52-a7e2-34e0-4ec7cb7bc65d-3b11883c, #w-node-c818395e-1f52-a7e2-34e0-4ec7cb7bc66b-3b11883c, #w-node-c818395e-1f52-a7e2-34e0-4ec7cb7bc679-3b11883c, #w-node-_64df06fa-8d41-8656-4572-5fc24e51b92c-3b11883c {
align-self: start;
}
#w-node-_2bc8f9e1-18e8-1717-eb88-efcfa53cbcbc-324f43e5, #w-node-_2bc8f9e1-18e8-1717-eb88-efcfa53cbcd8-324f43e5 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-c6d2a140-d585-3081-9fe0-a76f3c7e2961-324f43e5 {
align-self: start;
}
#w-node-_4e3a1420-fd74-61ac-2e7c-a49bc6016bdc-42ba76c0, #w-node-_4e3a1420-fd74-61ac-2e7c-a49bc6016bdd-42ba76c0, #w-node-_4e3a1420-fd74-61ac-2e7c-a49bc6016be1-42ba76c0, #w-node-_70d9233c-6120-78c3-5b92-df31e7bf04fe-42ba76c0, #w-node-_70d9233c-6120-78c3-5b92-df31e7bf0508-42ba76c0, #w-node-_70d9233c-6120-78c3-5b92-df31e7bf050b-42ba76c0, #w-node-_70d9233c-6120-78c3-5b92-df31e7bf050f-42ba76c0, #w-node-_70d9233c-6120-78c3-5b92-df31e7bf0513-42ba76c0, #w-node-_70d9233c-6120-78c3-5b92-df31e7bf0517-42ba76c0, #w-node-_70d9233c-6120-78c3-5b92-df31e7bf04f9-42ba76c0, #w-node-_70d9233c-6120-78c3-5b92-df31e7bf04fa-42ba76c0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-e4d40011-0633-0897-4cce-726e8fd72556-42ba76c0 {
align-self: end;
}
#w-node-e4d40011-0633-0897-4cce-726e8fd7255a-42ba76c0 {
place-self: center;
}
#w-node-e4d40011-0633-0897-4cce-726e8fd72563-42ba76c0, #w-node-e4d40011-0633-0897-4cce-726e8fd72570-42ba76c0, #w-node-e4d40011-0633-0897-4cce-726e8fd7257d-42ba76c0, #w-node-e4d40011-0633-0897-4cce-726e8fd7258a-42ba76c0, #w-node-e4d40011-0633-0897-4cce-726e8fd72597-42ba76c0 {
align-self: end;
}
#w-node-_276b535c-037d-f3a6-0b20-6c270983efb2-b1ea86ca, #w-node-_276b535c-037d-f3a6-0b20-6c270983efb3-b1ea86ca, #w-node-_276b535c-037d-f3a6-0b20-6c270983efcf-b1ea86ca, #w-node-_276b535c-037d-f3a6-0b20-6c270983efeb-b1ea86ca, #w-node-b35489f8-b200-7db5-edaa-31557936ab26-6dd253e3 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_570e0f94-7ab6-16fb-7e2b-da0d31605f70-6dd253e3 {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: stretch;
}
#w-node-de0201b0-9ba4-24df-8adf-cab38fa8e2a7-6dd253e3, #w-node-_570e0f94-7ab6-16fb-7e2b-da0d31605f79-6dd253e3, #w-node-ad5288f0-3557-cdd5-5535-3e1ac9e57d6e-6dd253e3, #w-node-_570e0f94-7ab6-16fb-7e2b-da0d31605f82-6dd253e3, #w-node-a785f7b5-c428-c987-b8dc-06736837420a-6dd253e3 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f7445ebc-778a-2b4f-32c0-eb838d39e47a-6dd253e3 {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: stretch;
}
#w-node-d3321600-0528-1876-6027-22e451cf8d27-6dd253e3 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_01ebc360-7298-ff26-590b-37eddd421712-6dd253e3 {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: stretch;
}
#w-node-_5a901f98-ee4c-2ea4-f855-0cda16f6cd0e-6dd253e3 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_6e867410-ed7b-cfa8-620b-688bbbc77b00-6dd253e3 {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: stretch;
}
#w-node-fbc2d1af-18a4-95e0-cf51-366ad8eca0d4-53af3aa1 {
grid-area: 1 / 1 / 3 / 2;
}
#w-node-fbc2d1af-18a4-95e0-cf51-366ad8eca0d5-53af3aa1, #w-node-fbc2d1af-18a4-95e0-cf51-366ad8eca0d6-53af3aa1 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-fbc2d1af-18a4-95e0-cf51-366ad8eca0d9-53af3aa1 {
grid-area: 1 / 2 / 3 / 3;
}
#w-node-fbc2d1af-18a4-95e0-cf51-366ad8eca0da-53af3aa1, #w-node-fbc2d1af-18a4-95e0-cf51-366ad8eca0db-53af3aa1 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-d3a5730a-aafd-2ad3-a145-3d3934a4c39f-53af3aa1 {
align-self: end;
}
#w-node-d3a5730a-aafd-2ad3-a145-3d3934a4c3a0-53af3aa1 {
justify-self: center;
}
#w-node-d3a5730a-aafd-2ad3-a145-3d3934a4c3ae-53af3aa1 {
align-self: end;
}
#w-node-d3a5730a-aafd-2ad3-a145-3d3934a4c3af-53af3aa1 {
justify-self: center;
}
#w-node-d3a5730a-aafd-2ad3-a145-3d3934a4c3bd-53af3aa1 {
align-self: end;
}
#w-node-d3a5730a-aafd-2ad3-a145-3d3934a4c3be-53af3aa1 {
justify-self: center;
}
#w-node-ce254f64-892b-0bc5-5938-3a283635a442-53af3aa1 {
align-self: end;
}
#w-node-ce254f64-892b-0bc5-5938-3a283635a443-53af3aa1 {
justify-self: center;
}
#w-node-_587d514f-b15f-2e6d-361f-8e0f71e21383-53af3aa1 {
align-self: end;
}
#w-node-_587d514f-b15f-2e6d-361f-8e0f71e21384-53af3aa1 {
justify-self: center;
}
#w-node-_0cd96b58-9c88-5b9a-53a7-2172364ec5c4-53af3aa1 {
align-self: end;
}
#w-node-_0cd96b58-9c88-5b9a-53a7-2172364ec5c5-53af3aa1 {
justify-self: center;
}
#w-node-d4b535cd-72e7-71b0-fcd2-f1005dbe6185-53af3aa1, #w-node-_3df56748-a269-6f4e-07de-b34976435b6f-53af3aa1, #w-node-_79e397c7-d488-fd01-fbb6-79133e12e56b-53af3aa1 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_870089ee-b7a1-0776-3200-fab55e726a83-53af3aa1 {
place-self: center;
}
#w-node-_870089ee-b7a1-0776-3200-fab55e726a89-53af3aa1 {
place-self: start end;
}
#w-node-_870089ee-b7a1-0776-3200-fab55e726a8b-53af3aa1 {
grid-area: 2 / 1 / 3 / 3;
}
#w-node-c8e2ae47-b2f1-6aee-1228-f41bf502172c-53af3aa1 {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-_314dc702-35a9-d2f9-1e85-0a070cfefc65-53af3aa1 {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: end;
}
#w-node-_314dc702-35a9-d2f9-1e85-0a070cfefc66-53af3aa1 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_314dc702-35a9-d2f9-1e85-0a070cfefc67-53af3aa1, #w-node-_314dc702-35a9-d2f9-1e85-0a070cfefc68-53af3aa1 {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: end;
}
#w-node-_314dc702-35a9-d2f9-1e85-0a070cfefc6a-53af3aa1, #w-node-_314dc702-35a9-d2f9-1e85-0a070cfefc6b-53af3aa1 {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: start;
}
#w-node-_314dc702-35a9-d2f9-1e85-0a070cfefc6c-53af3aa1 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_314dc702-35a9-d2f9-1e85-0a070cfefc6d-53af3aa1 {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: start;
}
#w-node-_05e7f0b5-cafe-e55c-081f-5e082abf8ace-1b2c633c {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-_05e7f0b5-cafe-e55c-081f-5e082abf8acf-1b2c633c {
grid-area: span 1 / span 4 / span 1 / span 4;
}
#w-node-_05e7f0b5-cafe-e55c-081f-5e082abf8ad6-1b2c633c {
justify-self: center;
}
#w-node-_888c717c-c552-09ba-b9e6-250227d5ce0d-1b2c633c {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-_888c717c-c552-09ba-b9e6-250227d5ce0e-1b2c633c {
align-self: start;
}
#w-node-_888c717c-c552-09ba-b9e6-250227d5ce2e-1b2c633c {
grid-area: 1 / 2 / 2 / 5;
}
#w-node-_006664ec-e221-f34f-95a5-b7225d2dfe31-1b2c633c {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_14e961a8-8bca-2eff-f152-c8c1710f8712-1b2c633c {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-_14e961a8-8bca-2eff-f152-c8c1710f8713-1b2c633c {
grid-area: 1 / 2 / 2 / 5;
}
#w-node-_14e961a8-8bca-2eff-f152-c8c1710f871a-1b2c633c {
place-self: center start;
}
#w-node-_65b8b8dc-1535-ca48-2684-ac242f2a1a0d-7019952a {
grid-area: 1 / 1 / 2 / 4;
}
#w-node-_65b8b8dc-1535-ca48-2684-ac242f2a1a13-7019952a {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#intro.w-node-_4cf64a87-ec2a-8711-f8dc-824eb718d700-7019952a {
grid-area: 1 / 1 / 2 / 4;
align-self: center;
}
#w-node-_4cf64a87-ec2a-8711-f8dc-824eb718d714-7019952a {
justify-self: center;
}
#w-node-_6cbbe763-5302-5c86-35c4-20d38c371cf6-7019952a {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-_6cbbe763-5302-5c86-35c4-20d38c371cf7-7019952a {
align-self: start;
}
#w-node-_6cbbe763-5302-5c86-35c4-20d38c371d17-7019952a {
grid-area: 1 / 2 / 2 / 5;
}
#w-node-_6cbbe763-5302-5c86-35c4-20d38c371d49-7019952a {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_638f392e-21c2-6531-e7c1-98962d218ca0-7019952a {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-_638f392e-21c2-6531-e7c1-98962d218ca1-7019952a {
grid-area: 1 / 2 / 2 / 5;
}
#w-node-_638f392e-21c2-6531-e7c1-98962d218ca9-7019952a {
place-self: center start;
}
#w-node-_01529132-15ab-254f-b17b-1468b43ec1dc-044e4b22, #w-node-_01529132-15ab-254f-b17b-1468b43ec1de-044e4b22, #w-node-_01529132-15ab-254f-b17b-1468b43ec1df-044e4b22, #w-node-_01529132-15ab-254f-b17b-1468b43ec1e1-044e4b22, #w-node-_91255bbe-534f-d4ef-3b52-adf85bce5484-044e4b22, #w-node-_91255bbe-534f-d4ef-3b52-adf85bce5486-044e4b22, #w-node-_91255bbe-534f-d4ef-3b52-adf85bce5488-044e4b22, #w-node-_91255bbe-534f-d4ef-3b52-adf85bce548d-044e4b22, #w-node-_91255bbe-534f-d4ef-3b52-adf85bce548f-044e4b22, #w-node-_91255bbe-534f-d4ef-3b52-adf85bce5491-044e4b22, #w-node-_91255bbe-534f-d4ef-3b52-adf85bce5496-044e4b22, #w-node-_91255bbe-534f-d4ef-3b52-adf85bce5498-044e4b22, #w-node-_91255bbe-534f-d4ef-3b52-adf85bce549a-044e4b22, #w-node-_91255bbe-534f-d4ef-3b52-adf85bce549f-044e4b22, #w-node-_91255bbe-534f-d4ef-3b52-adf85bce54a1-044e4b22, #w-node-_91255bbe-534f-d4ef-3b52-adf85bce54a3-044e4b22, #w-node-_91255bbe-534f-d4ef-3b52-adf85bce54a8-044e4b22, #w-node-_91255bbe-534f-d4ef-3b52-adf85bce54aa-044e4b22, #w-node-_91255bbe-534f-d4ef-3b52-adf85bce54ac-044e4b22, #w-node-_91255bbe-534f-d4ef-3b52-adf85bce54b1-044e4b22, #w-node-_91255bbe-534f-d4ef-3b52-adf85bce54b3-044e4b22, #w-node-_91255bbe-534f-d4ef-3b52-adf85bce54b5-044e4b22, #w-node-_01529132-15ab-254f-b17b-1468b43ec1df-cc327c36, #w-node-_01529132-15ab-254f-b17b-1468b43ec1e1-cc327c36, #w-node-e35828c6-c986-d2fd-2f76-cae301a5fd0b-cc327c36, #w-node-e35828c6-c986-d2fd-2f76-cae301a5fd0f-cc327c36, #w-node-e35828c6-c986-d2fd-2f76-cae301a5fd10-cc327c36, #w-node-e35828c6-c986-d2fd-2f76-cae301a5fd12-cc327c36 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-e35828c6-c986-d2fd-2f76-cae301a5fd21-cc327c36 {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: center;
}
#w-node-e35828c6-c986-d2fd-2f76-cae301a5fd23-cc327c36, #w-node-e35828c6-c986-d2fd-2f76-cae301a5fd24-cc327c36, #w-node-e35828c6-c986-d2fd-2f76-cae301a5fd25-cc327c36, #w-node-e35828c6-c986-d2fd-2f76-cae301a5fd27-cc327c36, #w-node-e35828c6-c986-d2fd-2f76-cae301a5fd36-cc327c36, #w-node-e35828c6-c986-d2fd-2f76-cae301a5fd38-cc327c36, #w-node-e35828c6-c986-d2fd-2f76-cae301a5fd39-cc327c36, #w-node-e35828c6-c986-d2fd-2f76-cae301a5fd3a-cc327c36, #w-node-e35828c6-c986-d2fd-2f76-cae301a5fd3c-cc327c36, #w-node-e35828c6-c986-d2fd-2f76-cae301a5fd4b-cc327c36 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-e35828c6-c986-d2fd-2f76-cae301a5fd4d-cc327c36 {
grid-area: span 1 / span 3 / span 1 / span 3;
}
#w-node-e35828c6-c986-d2fd-2f76-cae301a5fd55-cc327c36, #w-node-e35828c6-c986-d2fd-2f76-cae301a5fd56-cc327c36 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_5ef7c255-9165-6e37-73ba-acafa0368458-cc327c36 {
grid-area: span 1 / span 3 / span 1 / span 3;
}
#w-node-_5ef7c255-9165-6e37-73ba-acafa0368459-cc327c36, #w-node-_5ef7c255-9165-6e37-73ba-acafa036845a-cc327c36 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_4a5a4826-d28f-f4ac-7af3-5d7cab7a1fd0-859f187e {
grid-template-rows: 415px;
grid-template-columns: 1fr 1fr;
}
#w-node-_4a5a4826-d28f-f4ac-7af3-5d7cab7a1fd7-859f187e {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
#w-node-_64b3d036-3ce6-738e-c49e-ba65645d1f7b-859f187e, #w-node-_64b3d036-3ce6-738e-c49e-ba65645d1f84-859f187e {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_64b3d036-3ce6-738e-c49e-ba65645d1f8d-859f187e {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_64b3d036-3ce6-738e-c49e-ba65645d1f96-859f187e, #w-node-_64b3d036-3ce6-738e-c49e-ba65645d1f9f-859f187e, #w-node-b067247d-9c1f-21d4-b047-ed547745e37e-9b37bd8b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_5206cf8a-568d-908c-76a4-c4acc115eae9-e9132ec1 {
grid-area: 1 / 1 / 4 / 4;
}
#w-node-_5206cf8a-568d-908c-76a4-c4acc115eaee-e9132ec1 {
grid-area: 1 / 4 / 4 / 7;
}
#w-node-_6b6b0994-c96c-ea41-b07e-81d4439e07c4-54e6eb89 {
grid-area: 1 / 1 / 2 / 4;
}
#w-node-_6b6b0994-c96c-ea41-b07e-81d4439e07ca-54e6eb89 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#intro.w-node-d14eff58-e5c1-a604-9281-ed32b424b05f-54e6eb89 {
grid-area: 1 / 1 / 2 / 4;
align-self: center;
}
#w-node-_5427296b-c4fd-83a7-e2ca-7ce7f9ea5bac-54e6eb89 {
justify-self: center;
}
#w-node-_888c717c-c552-09ba-b9e6-250227d5ce0d-54e6eb89 {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-_888c717c-c552-09ba-b9e6-250227d5ce0e-54e6eb89 {
align-self: start;
}
#w-node-_888c717c-c552-09ba-b9e6-250227d5ce2e-54e6eb89 {
grid-area: 1 / 2 / 2 / 5;
}
#w-node-_006664ec-e221-f34f-95a5-b7225d2dfe31-54e6eb89 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_14e961a8-8bca-2eff-f152-c8c1710f8712-54e6eb89 {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-_14e961a8-8bca-2eff-f152-c8c1710f8713-54e6eb89 {
grid-area: 1 / 2 / 2 / 5;
}
#w-node-_14e961a8-8bca-2eff-f152-c8c1710f871a-54e6eb89 {
place-self: center start;
}
#w-node-_77cb3465-221d-fbef-88fb-adaf1ca7109a-2c56c3a2, #w-node-_77cb3465-221d-fbef-88fb-adaf1ca7109e-2c56c3a2, #w-node-_77cb3465-221d-fbef-88fb-adaf1ca710a2-2c56c3a2, #w-node-_77cb3465-221d-fbef-88fb-adaf1ca710a6-2c56c3a2, #w-node-_4c60eafb-666d-dee8-a320-669c990480a1-2c56c3a2, #w-node-_38a981db-f268-6d80-0943-11be109e3e01-2c56c3a2, #w-node-_8b31197f-2f4c-414a-4b0e-426490f6cfb9-2c56c3a2, #w-node-_77cb3465-221d-fbef-88fb-adaf1ca710aa-2c56c3a2, #w-node-_77cb3465-221d-fbef-88fb-adaf1ca710ae-2c56c3a2, #w-node-_54e72eb1-116d-998b-dc99-5877817092e0-ea245f51, #w-node-_54e72eb1-116d-998b-dc99-5877817092e1-ea245f51, #w-node-_54e72eb1-116d-998b-dc99-5877817092e5-ea245f51, #w-node-f0670620-d75a-3299-2d7d-310f2db68a6e-ea245f51, #w-node-f0670620-d75a-3299-2d7d-310f2db68a78-ea245f51, #w-node-f0670620-d75a-3299-2d7d-310f2db68a7b-ea245f51, #w-node-f0670620-d75a-3299-2d7d-310f2db68a7f-ea245f51, #w-node-f0670620-d75a-3299-2d7d-310f2db68a83-ea245f51, #w-node-f0670620-d75a-3299-2d7d-310f2db68a87-ea245f51, #w-node-f0670620-d75a-3299-2d7d-310f2db68a8d-ea245f51, #w-node-f0670620-d75a-3299-2d7d-310f2db68a8e-ea245f51 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f30f6bc1-af73-1840-015b-60652b9c0cb7-ea245f51 {
grid-area: span 3 / span 1 / span 3 / span 1;
}
#w-node-_565ae195-7237-7b33-abca-6eec8614643d-5271f565, #w-node-_565ae195-7237-7b33-abca-6eec8614643e-5271f565, #w-node-_565ae195-7237-7b33-abca-6eec8614643f-5271f565, #w-node-_565ae195-7237-7b33-abca-6eec8614644a-5271f565, #w-node-_565ae195-7237-7b33-abca-6eec8614644b-5271f565, #w-node-_565ae195-7237-7b33-abca-6eec86146456-5271f565 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_231c96c0-0ccd-ea20-5729-2688c863b3e6-5271f565 {
grid-area: span 3 / span 1 / span 3 / span 1;
}
#w-node-_54be98c0-aad5-f182-6a34-24238c8405e0-c92d8d02, #w-node-_29118893-ee4e-5a2d-d739-69849a969809-c92d8d02, #w-node-_16c64369-12ca-1663-9a01-622aa642503a-c92d8d02 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_55f05675-0afe-3928-2f66-523ba0ac002c-c92d8d02 {
grid-area: span 3 / span 1 / span 3 / span 1;
}
#w-node-c21ec398-57bd-71b6-c1b7-27025295d588-95dc7239, #w-node-c21ec398-57bd-71b6-c1b7-27025295d58e-95dc7239, #w-node-c21ec398-57bd-71b6-c1b7-27025295d594-95dc7239, #w-node-c21ec398-57bd-71b6-c1b7-27025295d59a-95dc7239, #w-node-c21ec398-57bd-71b6-c1b7-27025295d5a0-95dc7239, #w-node-c21ec398-57bd-71b6-c1b7-27025295d5aa-95dc7239, #w-node-_7a2012ef-704c-dea9-5d1e-003e38ba9821-a15ae25e, #w-node-_7a2012ef-704c-dea9-5d1e-003e38ba9825-a15ae25e, #w-node-_7a2012ef-704c-dea9-5d1e-003e38ba9829-a15ae25e, #w-node-_7a2012ef-704c-dea9-5d1e-003e38ba982d-a15ae25e, #w-node-_7a2012ef-704c-dea9-5d1e-003e38ba9831-a15ae25e, #w-node-_7a2012ef-704c-dea9-5d1e-003e38ba9835-a15ae25e, #w-node-c72f00be-37a0-0afb-47c2-c25609b34c09-a15ae25e, #w-node-c72f00be-37a0-0afb-47c2-c25609b34c0c-a15ae25e, #w-node-c72f00be-37a0-0afb-47c2-c25609b34c0d-a15ae25e, #w-node-c72f00be-37a0-0afb-47c2-c25609b34c13-a15ae25e, #w-node-c72f00be-37a0-0afb-47c2-c25609b34c16-a15ae25e, #w-node-c72f00be-37a0-0afb-47c2-c25609b34c17-a15ae25e, #w-node-_15586b86-3ad5-66ca-a0b6-9ace98c239a3-a15ae25e, #w-node-_15586b86-3ad5-66ca-a0b6-9ace98c239a6-a15ae25e, #w-node-_15586b86-3ad5-66ca-a0b6-9ace98c239a7-a15ae25e, #w-node-b8106342-e2de-b0cd-e524-93a4db116ba8-a15ae25e, #w-node-b8106342-e2de-b0cd-e524-93a4db116bab-a15ae25e, #w-node-b8106342-e2de-b0cd-e524-93a4db116bac-a15ae25e, #w-node-_70dfc073-ff46-6bc1-916e-ff4d006fee44-a15ae25e, #w-node-_70dfc073-ff46-6bc1-916e-ff4d006fee47-a15ae25e, #w-node-_70dfc073-ff46-6bc1-916e-ff4d006fee48-a15ae25e, #w-node-c72f00be-37a0-0afb-47c2-c25609b34c1d-a15ae25e, #w-node-c72f00be-37a0-0afb-47c2-c25609b34c20-a15ae25e, #w-node-c72f00be-37a0-0afb-47c2-c25609b34c21-a15ae25e {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-c67ae58f-7aa9-b2b6-8169-e3515fb3f6a6-384f497f {
align-self: end;
}
#w-node-c67ae58f-7aa9-b2b6-8169-e3515fb3f6b1-384f497f {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_89dd637d-567a-2ba2-9147-3949ed08b9a8-384f497f {
grid-area: span 1 / span 5 / span 1 / span 5;
}
#w-node-_89dd637d-567a-2ba2-9147-3949ed08b9aa-384f497f {
grid-area: span 1 / span 7 / span 1 / span 7;
}
#w-node-_7a2012ef-704c-dea9-5d1e-003e38ba9821-d29e7971, #w-node-_7a2012ef-704c-dea9-5d1e-003e38ba9825-d29e7971, #w-node-_7a2012ef-704c-dea9-5d1e-003e38ba9829-d29e7971, #w-node-_7a2012ef-704c-dea9-5d1e-003e38ba982d-d29e7971, #w-node-_7a2012ef-704c-dea9-5d1e-003e38ba9831-d29e7971, #w-node-_7a2012ef-704c-dea9-5d1e-003e38ba9835-d29e7971, #w-node-b067247d-9c1f-21d4-b047-ed547745e37e-6835d456, #w-node-b067247d-9c1f-21d4-b047-ed547745e37e-631c28c3, #w-node-b067247d-9c1f-21d4-b047-ed547745e37e-07d163c1, #w-node-b067247d-9c1f-21d4-b047-ed547745e37e-cc2afe74, #w-node-b067247d-9c1f-21d4-b047-ed547745e37e-85bdb9a0, #w-node-b067247d-9c1f-21d4-b047-ed547745e37e-503a9b24, #w-node-e9c05f49-e458-b31b-f234-74c55950fd70-e841c5c1, #w-node-e9c05f49-e458-b31b-f234-74c55950fd71-e841c5c1, #w-node-e9c05f49-e458-b31b-f234-74c55950fd75-e841c5c1, #w-node-b115bf15-faf7-22e5-8575-393f5edd8c2a-e841c5c1, #w-node-b115bf15-faf7-22e5-8575-393f5edd8c3a-e841c5c1, #w-node-_8ab082b7-35f0-7c8d-c970-55dc998e9f6e-e841c5c1, #w-node-b115bf15-faf7-22e5-8575-393f5edd8c3e-e841c5c1, #w-node-b115bf15-faf7-22e5-8575-393f5edd8c42-e841c5c1, #w-node-b115bf15-faf7-22e5-8575-393f5edd8c46-e841c5c1, #w-node-b115bf15-faf7-22e5-8575-393f5edd8c4a-e841c5c1, #w-node-b115bf15-faf7-22e5-8575-393f5edd8c50-e841c5c1, #w-node-b115bf15-faf7-22e5-8575-393f5edd8c51-e841c5c1, #w-node-_0746f668-74d5-9c1c-2b27-d5cccf2a788f-e841c5c1, #w-node-_0746f668-74d5-9c1c-2b27-d5cccf2a7898-e841c5c1, #w-node-_0746f668-74d5-9c1c-2b27-d5cccf2a78aa-e841c5c1, #w-node-_129c1c58-393b-16fc-1f06-8265584353c5-e841c5c1, #w-node-c649d5f7-521e-80f1-fdb0-19b1986e5d35-e841c5c1, #w-node-_0746f668-74d5-9c1c-2b27-d5cccf2a78b3-e841c5c1, #w-node-_389eefd5-c69a-6a30-3bf8-2e92ed73dc2c-8f91e38b, #w-node-_389eefd5-c69a-6a30-3bf8-2e92ed73dc2d-8f91e38b, #w-node-_389eefd5-c69a-6a30-3bf8-2e92ed73dc31-8f91e38b, #w-node-_422b3fdd-393f-563a-b98f-1c190288a5ef-8f91e38b, #w-node-_422b3fdd-393f-563a-b98f-1c190288a5fc-8f91e38b, #w-node-_422b3fdd-393f-563a-b98f-1c190288a600-8f91e38b, #w-node-_422b3fdd-393f-563a-b98f-1c190288a604-8f91e38b, #w-node-_422b3fdd-393f-563a-b98f-1c190288a608-8f91e38b, #w-node-_422b3fdd-393f-563a-b98f-1c190288a60c-8f91e38b, #w-node-d6a420e6-6b10-84c6-800b-236754047656-8f91e38b, #w-node-b9ff140d-d53b-35ff-3fa8-d5de4f728468-8f91e38b, #w-node-b9ff140d-d53b-35ff-3fa8-d5de4f728469-8f91e38b, #w-node-b9ff140d-d53b-35ff-3fa8-d5de4f72846a-8f91e38b, #w-node-_65cbc6ff-67b5-b9d4-5725-70cea225494c-a9b4f4ba, #w-node-_65cbc6ff-67b5-b9d4-5725-70cea225494d-a9b4f4ba, #w-node-_65cbc6ff-67b5-b9d4-5725-70cea225494e-a9b4f4ba, #w-node-_65cbc6ff-67b5-b9d4-5725-70cea225495a-a9b4f4ba, #w-node-_65cbc6ff-67b5-b9d4-5725-70cea225495b-a9b4f4ba, #w-node-b725c1f5-fdc4-9bdf-1623-95b73e5efdd1-a9b4f4ba, #w-node-b725c1f5-fdc4-9bdf-1623-95b73e5efdd5-a9b4f4ba, #w-node-b725c1f5-fdc4-9bdf-1623-95b73e5efdd9-a9b4f4ba, #w-node-b725c1f5-fdc4-9bdf-1623-95b73e5efddd-a9b4f4ba, #w-node-_65cbc6ff-67b5-b9d4-5725-70cea2254967-a9b4f4ba, #w-node-e58d4815-9df5-2ee9-f61c-ad5120d1f849-a9b4f4ba, #w-node-e58d4815-9df5-2ee9-f61c-ad5120d1f851-a9b4f4ba, #w-node-e58d4815-9df5-2ee9-f61c-ad5120d1f859-a9b4f4ba, #w-node-e58d4815-9df5-2ee9-f61c-ad5120d1f861-a9b4f4ba, #w-node-e58d4815-9df5-2ee9-f61c-ad5120d1f869-a9b4f4ba, #w-node-e58d4815-9df5-2ee9-f61c-ad5120d1f871-a9b4f4ba, #w-node-c1f2f0bf-3f19-7bf1-af9f-a36c13524713-2b4812a7, #w-node-c1f2f0bf-3f19-7bf1-af9f-a36c13524714-2b4812a7, #w-node-c1f2f0bf-3f19-7bf1-af9f-a36c13524718-2b4812a7, #w-node-de285035-25c3-53b7-c155-fdfc0bd16175-2b4812a7, #w-node-de285035-25c3-53b7-c155-fdfc0bd16182-2b4812a7, #w-node-de285035-25c3-53b7-c155-fdfc0bd16186-2b4812a7, #w-node-de285035-25c3-53b7-c155-fdfc0bd1618a-2b4812a7, #w-node-de285035-25c3-53b7-c155-fdfc0bd1618e-2b4812a7, #w-node-de285035-25c3-53b7-c155-fdfc0bd16192-2b4812a7, #w-node-de285035-25c3-53b7-c155-fdfc0bd16199-2b4812a7, #w-node-de285035-25c3-53b7-c155-fdfc0bd1619a-2b4812a7 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-bae50e9f-3273-8cf8-5d08-4379a342544f-344ca0f3 {
grid-area: span 1 / span 1 / span 1 / span 1;
place-self: center start;
}
#w-node-bae50e9f-3273-8cf8-5d08-4379a3425459-344ca0f3 {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: center;
}
#w-node-bae50e9f-3273-8cf8-5d08-4379a342545a-344ca0f3 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_2d88e3ec-5606-d62c-a894-c5995660c836-344ca0f3 {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: center;
}
#w-node-_2d88e3ec-5606-d62c-a894-c5995660c837-344ca0f3 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_2d88e3ec-5606-d62c-a894-c5995660c838-344ca0f3, #w-node-_74021509-4970-3ccd-0a62-4f5614990da0-344ca0f3 {
grid-area: span 1 / span 1 / span 1 / span 1;
place-self: center start;
}
#w-node-_74021509-4970-3ccd-0a62-4f5614990da7-344ca0f3 {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: center;
}
#w-node-_74021509-4970-3ccd-0a62-4f5614990da8-344ca0f3 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-c131c7f2-7ff7-f599-fd9a-5941f5166e88-344ca0f3 {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: center;
}
#w-node-c131c7f2-7ff7-f599-fd9a-5941f5166e89-344ca0f3 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-c131c7f2-7ff7-f599-fd9a-5941f5166e8a-344ca0f3 {
grid-area: span 1 / span 1 / span 1 / span 1;
place-self: center start;
}
#w-node-_9b74e244-2eb0-139c-34ad-1f73157f788a-05929abc, #w-node-_9b74e244-2eb0-139c-34ad-1f73157f788b-05929abc, #w-node-_9b74e244-2eb0-139c-34ad-1f73157f788f-05929abc, #w-node-_0223b3cd-d638-2f46-ec4a-107f1ebac723-05929abc, #w-node-_0223b3cd-d638-2f46-ec4a-107f1ebac730-05929abc, #w-node-_0223b3cd-d638-2f46-ec4a-107f1ebac734-05929abc, #w-node-_0223b3cd-d638-2f46-ec4a-107f1ebac738-05929abc, #w-node-_0223b3cd-d638-2f46-ec4a-107f1ebac73c-05929abc, #w-node-_0223b3cd-d638-2f46-ec4a-107f1ebac740-05929abc, #w-node-_0223b3cd-d638-2f46-ec4a-107f1ebac74d-05929abc, #w-node-_0223b3cd-d638-2f46-ec4a-107f1ebac74e-05929abc, #w-node-_1a02b609-1545-1139-3681-15cea0ff17f5-05929abc, #w-node-_3d8859ac-c8de-18ee-67ac-6dafe6ce3744-05929abc, #w-node-_3d8859ac-c8de-18ee-67ac-6dafe6ce3729-05929abc, #w-node-b062a9a2-6718-1031-fb8c-248a2e4dd88e-05929abc, #w-node-_3d8859ac-c8de-18ee-67ac-6dafe6ce3732-05929abc, #w-node-_3d8859ac-c8de-18ee-67ac-6dafe6ce374d-05929abc, #w-node-_7d169821-1866-e061-d7e8-fb6f07141251-c6a1cd07, #w-node-_7d169821-1866-e061-d7e8-fb6f07141252-c6a1cd07, #w-node-_7d169821-1866-e061-d7e8-fb6f07141256-c6a1cd07, #w-node-e20a862d-db0b-f71c-e0b4-d1e6f9dd6dac-c6a1cd07, #w-node-e20a862d-db0b-f71c-e0b4-d1e6f9dd6db9-c6a1cd07, #w-node-e20a862d-db0b-f71c-e0b4-d1e6f9dd6dbd-c6a1cd07, #w-node-e20a862d-db0b-f71c-e0b4-d1e6f9dd6dc1-c6a1cd07, #w-node-e20a862d-db0b-f71c-e0b4-d1e6f9dd6dc5-c6a1cd07, #w-node-e20a862d-db0b-f71c-e0b4-d1e6f9dd6dc9-c6a1cd07, #w-node-e20a862d-db0b-f71c-e0b4-d1e6f9dd6dd0-c6a1cd07, #w-node-e20a862d-db0b-f71c-e0b4-d1e6f9dd6dd1-c6a1cd07, #w-node-c316eba1-b67d-9977-e397-1939b2bb6d5d-c6a1cd07, #w-node-c316eba1-b67d-9977-e397-1939b2bb6d65-c6a1cd07, #w-node-c316eba1-b67d-9977-e397-1939b2bb6d6d-c6a1cd07, #w-node-c316eba1-b67d-9977-e397-1939b2bb6d75-c6a1cd07, #w-node-c316eba1-b67d-9977-e397-1939b2bb6d7d-c6a1cd07, #w-node-c316eba1-b67d-9977-e397-1939b2bb6d85-c6a1cd07 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-d770d468-2880-5eeb-e0e3-2f3788189bab-d9d5dd6e {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: auto;
}
#w-node-d770d468-2880-5eeb-e0e3-2f3788189bb5-d9d5dd6e, #w-node-d770d468-2880-5eeb-e0e3-2f3788189bbe-d9d5dd6e, #w-node-d770d468-2880-5eeb-e0e3-2f3788189bc7-d9d5dd6e {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_0a53280a-91d1-48b8-879d-081b40ba3a18-be2f8429 {
grid-area: 1 / 1 / 4 / 4;
}
#w-node-_0a53280a-91d1-48b8-879d-081b40ba3a1e-be2f8429 {
grid-area: 1 / 4 / 4 / 7;
}
#w-node-c9ca392e-6689-6e14-f703-6023aff549bb-be2f8429 {
grid-area: 1 / 4 / 7 / 7;
}
#w-node-c9ca392e-6689-6e14-f703-6023aff549be-be2f8429 {
grid-area: 1 / 1 / 4 / 4;
}
#w-node-c9ca392e-6689-6e14-f703-6023aff549c1-be2f8429 {
grid-area: 4 / 1 / 7 / 4;
}
#w-node-_60115431-7e86-e50b-380d-57c3092a1590-70f7bbe8 {
justify-self: end;
}
#w-node-_990d5c21-178f-1d41-3766-d38dd4ebac98-1fb4639c {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_65cbc6ff-67b5-b9d4-5725-70cea225494c-0ec765ae, #w-node-_61688477-e909-c7fa-65c3-b07d1b9f1215-0ec765ae, #w-node-_65cbc6ff-67b5-b9d4-5725-70cea225494e-0ec765ae, #w-node-_5b48a276-462d-bcec-6375-2c8e432aceb4-0ec765ae, #w-node-_5b48a276-462d-bcec-6375-2c8e432aceb6-0ec765ae, #w-node-_987668b0-4a58-de7e-24a2-79086b457cb1-0ec765ae, #w-node-_3f7484f3-f310-c511-4bbb-b29db520f7b6-0ec765ae, #w-node-_3f7484f3-f310-c511-4bbb-b29db520f7b7-0ec765ae, #w-node-_3f7484f3-f310-c511-4bbb-b29db520f7b8-0ec765ae, #w-node-_156b6fd6-1f17-6a0b-0ddf-e56ceb48d4a8-0ec765ae, #w-node-_156b6fd6-1f17-6a0b-0ddf-e56ceb48d4a9-0ec765ae, #w-node-_156b6fd6-1f17-6a0b-0ddf-e56ceb48d4c1-0ec765ae {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_9caaf048-1619-7d01-b3a4-27fc4afe5314-0ec765ae {
grid-area: span 1 / span 1 / span 1 / span 1;
place-self: center stretch;
}
#w-node-_9caaf048-1619-7d01-b3a4-27fc4afe5315-0ec765ae {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_9caaf048-1619-7d01-b3a4-27fc4afe5319-0ec765ae {
grid-area: span 1 / span 1 / span 1 / span 1;
place-self: center stretch;
}
#w-node-_9caaf048-1619-7d01-b3a4-27fc4afe531a-0ec765ae {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_9caaf048-1619-7d01-b3a4-27fc4afe531e-0ec765ae {
grid-area: span 1 / span 1 / span 1 / span 1;
place-self: center stretch;
}
#w-node-_9caaf048-1619-7d01-b3a4-27fc4afe531f-0ec765ae {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_9caaf048-1619-7d01-b3a4-27fc4afe5323-0ec765ae {
grid-area: span 1 / span 1 / span 1 / span 1;
place-self: center stretch;
}
#w-node-_9caaf048-1619-7d01-b3a4-27fc4afe5324-0ec765ae {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-ff1b4746-1236-83ed-5799-62026d034b42-12c53416 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-ff1b4746-1236-83ed-5799-62026d034b4b-12c53416 {
place-self: center;
}
#w-node-ff1b4746-1236-83ed-5799-62026d034b54-12c53416 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_4eeead67-682a-7d6d-5861-39a6d44ff1a7-12c53416 {
align-self: stretch;
}
@media screen and (min-width: 1920px) {
#w-node-c131c7f2-7ff7-f599-fd9a-5941f5166e88-344ca0f3 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
}
@media screen and (max-width: 991px) {
#w-node-e04965aa-6f34-7f4e-c9c9-22dec442e8e0-16dd39cd {
grid-column: 1 / 3;
grid-row-end: 4;
}
#w-node-e04965aa-6f34-7f4e-c9c9-22dec442e8e6-16dd39cd {
grid-area: 4 / 1 / 5 / 3;
}
#w-node-_2286eb2a-2062-fe78-53cb-1eafe66bcb56-16dd39cd {
grid-column: 1 / 3;
grid-row-end: 3;
}
#w-node-_2286eb2a-2062-fe78-53cb-1eafe66bcb59-16dd39cd {
grid-area: 3 / 1 / 5 / 3;
}
#w-node-_2286eb2a-2062-fe78-53cb-1eafe66bcb5c-16dd39cd {
grid-area: 5 / 1 / 7 / 3;
}
#w-node-c9ca392e-6689-6e14-f703-6023aff549bb-42dd39d1 {
grid-column: 1 / 3;
grid-row-end: 3;
}
#w-node-c9ca392e-6689-6e14-f703-6023aff549be-42dd39d1 {
grid-area: 3 / 1 / 5 / 3;
}
#w-node-c9ca392e-6689-6e14-f703-6023aff549c1-42dd39d1 {
grid-area: 5 / 1 / 7 / 3;
}
#w-node-_5dfec2cd-906b-5b08-c6dd-22bb4c3cd8dd-68dd39df, #w-node-_5dfec2cd-906b-5b08-c6dd-22bb4c3cd8df-68dd39df, #w-node-_5dfec2cd-906b-5b08-c6dd-22bb4c3cd8e1-68dd39df, #w-node-_5dfec2cd-906b-5b08-c6dd-22bb4c3cd8e3-68dd39df, #w-node-_5dfec2cd-906b-5b08-c6dd-22bb4c3cd8e5-68dd39df, #w-node-_5dfec2cd-906b-5b08-c6dd-22bb4c3cd8e7-68dd39df, #w-node-_5dfec2cd-906b-5b08-c6dd-22bb4c3cd8e9-68dd39df, #w-node-_5dfec2cd-906b-5b08-c6dd-22bb4c3cd8eb-68dd39df {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_9dfed335-6d37-cf10-04e6-946f180d01aa-68dd39df {
grid-template-rows: 458px;
grid-template-columns: 1fr 1fr;
}
#w-node-_7ce75850-b0d8-7342-dcb6-a6f22f43b89e-7b9b1ac6 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_79400720-2b64-3981-7c68-1da9beabdb0b-18b1a0a0, #w-node-_79400720-2b64-3981-7c68-1da9beabdb11-18b1a0a0, #w-node-_79400720-2b64-3981-7c68-1da9beabdb17-18b1a0a0, #w-node-_79400720-2b64-3981-7c68-1da9beabdb1d-18b1a0a0, #w-node-_79400720-2b64-3981-7c68-1da9beabdb23-18b1a0a0, #w-node-_79400720-2b64-3981-7c68-1da9beabdb29-18b1a0a0, #w-node-e4d40011-0633-0897-4cce-726e8fd72556-42ba76c0, #w-node-e4d40011-0633-0897-4cce-726e8fd72563-42ba76c0, #w-node-e4d40011-0633-0897-4cce-726e8fd72570-42ba76c0, #w-node-e4d40011-0633-0897-4cce-726e8fd7257d-42ba76c0, #w-node-e4d40011-0633-0897-4cce-726e8fd7258a-42ba76c0, #w-node-e4d40011-0633-0897-4cce-726e8fd72597-42ba76c0 {
justify-self: center;
}
#w-node-_2d18aba0-8505-2310-73cd-3a610951dd5f-b1ea86ca {
order: -9999;
}
#w-node-b35489f8-b200-7db5-edaa-31557936ab26-6dd253e3 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_570e0f94-7ab6-16fb-7e2b-da0d31605f70-6dd253e3 {
place-self: stretch center;
}
#w-node-_570e0f94-7ab6-16fb-7e2b-da0d31605f79-6dd253e3 {
justify-self: center;
}
#w-node-_570e0f94-7ab6-16fb-7e2b-da0d31605f82-6dd253e3 {
place-self: auto center;
}
#w-node-f7445ebc-778a-2b4f-32c0-eb838d39e47a-6dd253e3, #w-node-_01ebc360-7298-ff26-590b-37eddd421712-6dd253e3, #w-node-_6e867410-ed7b-cfa8-620b-688bbbc77b00-6dd253e3 {
place-self: stretch center;
}
#w-node-d3a5730a-aafd-2ad3-a145-3d3934a4c39f-53af3aa1, #w-node-d3a5730a-aafd-2ad3-a145-3d3934a4c3ae-53af3aa1, #w-node-d3a5730a-aafd-2ad3-a145-3d3934a4c3bd-53af3aa1, #w-node-ce254f64-892b-0bc5-5938-3a283635a442-53af3aa1, #w-node-_587d514f-b15f-2e6d-361f-8e0f71e21383-53af3aa1, #w-node-_0cd96b58-9c88-5b9a-53a7-2172364ec5c4-53af3aa1 {
justify-self: center;
}
#w-node-_870089ee-b7a1-0776-3200-fab55e726a83-53af3aa1 {
grid-area: 1 / 1 / 2 / 3;
justify-self: center;
}
#w-node-_870089ee-b7a1-0776-3200-fab55e726a89-53af3aa1 {
grid-area: 1 / 2 / 2 / 3;
place-self: start end;
}
#w-node-_05e7f0b5-cafe-e55c-081f-5e082abf8acf-1b2c633c {
grid-column: span 3 / span 3;
}
#w-node-_888c717c-c552-09ba-b9e6-250227d5ce0e-1b2c633c {
grid-area: span 1 / span 3 / span 1 / span 3;
align-self: start;
}
#w-node-_888c717c-c552-09ba-b9e6-250227d5ce2e-1b2c633c {
grid-area: span 1 / span 3 / span 1 / span 3;
}
#w-node-_14e961a8-8bca-2eff-f152-c8c1710f8713-1b2c633c {
grid-column: 1 / 4;
}
#w-node-_6cbbe763-5302-5c86-35c4-20d38c371cf7-7019952a {
grid-area: span 1 / span 3 / span 1 / span 3;
align-self: start;
}
#w-node-_6cbbe763-5302-5c86-35c4-20d38c371d17-7019952a {
grid-area: span 1 / span 3 / span 1 / span 3;
}
#w-node-_638f392e-21c2-6531-e7c1-98962d218ca1-7019952a {
grid-column: 1 / 4;
}
#w-node-e35828c6-c986-d2fd-2f76-cae301a5fd4d-cc327c36, #w-node-_5ef7c255-9165-6e37-73ba-acafa0368458-cc327c36 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_4a5a4826-d28f-f4ac-7af3-5d7cab7a1fd0-859f187e {
grid-template-rows: 458px;
grid-template-columns: 1fr 1fr;
}
#w-node-_5206cf8a-568d-908c-76a4-c4acc115eae9-e9132ec1 {
grid-column: 1 / 3;
grid-row-end: 4;
}
#w-node-_5206cf8a-568d-908c-76a4-c4acc115eaee-e9132ec1 {
grid-area: 4 / 1 / 5 / 3;
}
#w-node-_888c717c-c552-09ba-b9e6-250227d5ce0e-54e6eb89 {
grid-area: span 1 / span 3 / span 1 / span 3;
align-self: start;
}
#w-node-_888c717c-c552-09ba-b9e6-250227d5ce2e-54e6eb89 {
grid-area: span 1 / span 3 / span 1 / span 3;
}
#w-node-_14e961a8-8bca-2eff-f152-c8c1710f8713-54e6eb89 {
grid-column: 1 / 4;
}
#w-node-f30f6bc1-af73-1840-015b-60652b9c0cb7-ea245f51, #w-node-_231c96c0-0ccd-ea20-5729-2688c863b3e6-5271f565, #w-node-_55f05675-0afe-3928-2f66-523ba0ac002c-c92d8d02 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_89dd637d-567a-2ba2-9147-3949ed08b9a8-384f497f {
grid-area: span 1 / span 4 / span 1 / span 4;
}
#w-node-_89dd637d-567a-2ba2-9147-3949ed08b9aa-384f497f {
grid-area: span 1 / span 8 / span 1 / span 8;
}
#w-node-_0a53280a-91d1-48b8-879d-081b40ba3a18-be2f8429 {
grid-column: 1 / 3;
grid-row-end: 4;
}
#w-node-_0a53280a-91d1-48b8-879d-081b40ba3a1e-be2f8429 {
grid-area: 4 / 1 / 5 / 3;
}
#w-node-c9ca392e-6689-6e14-f703-6023aff549bb-be2f8429 {
grid-column: 1 / 3;
grid-row-end: 3;
}
#w-node-c9ca392e-6689-6e14-f703-6023aff549be-be2f8429 {
grid-area: 3 / 1 / 5 / 3;
}
#w-node-c9ca392e-6689-6e14-f703-6023aff549c1-be2f8429 {
grid-area: 5 / 1 / 7 / 3;
}
#w-node-ff1b4746-1236-83ed-5799-62026d034b4d-12c53416, #w-node-ff1b4746-1236-83ed-5799-62026d034b54-12c53416 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
}
@media screen and (max-width: 767px) {
#w-node-_854559da-e5c7-9bfa-9fae-e096d3efa4f0-396c6179 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-caf87f80-7e36-4a59-0edf-42f360f6d20d-16dd39ce {
order: -9999;
}
#w-node-_5dfec2cd-906b-5b08-c6dd-22bb4c3cd939-68dd39df, #w-node-_5dfec2cd-906b-5b08-c6dd-22bb4c3cd953-68dd39df, #w-node-_5dfec2cd-906b-5b08-c6dd-22bb4c3cd96d-68dd39df {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_9dfed335-6d37-cf10-04e6-946f180d01aa-68dd39df {
grid-template-rows: minmax(108px, 1fr);
grid-template-columns: 1fr;
}
#w-node-ed40c893-b286-fe1c-4f3a-c5df0d59674c-6add39e4, #w-node-fd848023-c5eb-3d0a-83c8-5eebe11f0ec4-6add39e4, #w-node-_4d8cb2b6-23dc-12f4-fa7f-53507a853d11-6add39e4 {
grid-area: 1 / 1 / 2 / 3;
}
#w-node-_0316e4a6-2d63-ba5d-b5a4-b80a1482e69e-86c09a6d, #w-node-e9b48895-e110-8a46-3a68-ca1126adefa1-6e167f53, #w-node-c2f231ad-b317-25e1-7fdc-b170682f5006-18b1a0a0, #w-node-_3f0bdd3d-f22a-c1a2-7763-077c416be2e5-3b11883c {
order: -9999;
}
#w-node-_870089ee-b7a1-0776-3200-fab55e726a83-53af3aa1 {
grid-area: 1 / 1 / 2 / 4;
}
#w-node-_870089ee-b7a1-0776-3200-fab55e726a89-53af3aa1 {
grid-area: 1 / 3 / 2 / 4;
}
#w-node-_870089ee-b7a1-0776-3200-fab55e726a8b-53af3aa1 {
grid-column-end: 4;
}
#w-node-c8e2ae47-b2f1-6aee-1228-f41bf502172c-53af3aa1 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_4a5a4826-d28f-f4ac-7af3-5d7cab7a1fd0-859f187e {
grid-template-rows: minmax(108px, 1fr);
grid-template-columns: 1fr;
}
#w-node-_64b3d036-3ce6-738e-c49e-ba65645d1f8d-859f187e {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_565ae195-7237-7b33-abca-6eec86146456-5271f565 {
order: -9999;
}
#w-node-_89dd637d-567a-2ba2-9147-3949ed08b9a8-384f497f {
grid-area: span 1 / span 3 / span 1 / span 3;
}
#w-node-_89dd637d-567a-2ba2-9147-3949ed08b9aa-384f497f {
grid-area: span 1 / span 9 / span 1 / span 9;
}
#w-node-_65cbc6ff-67b5-b9d4-5725-70cea2254967-a9b4f4ba, #w-node-_987668b0-4a58-de7e-24a2-79086b457cb1-0ec765ae, #w-node-_156b6fd6-1f17-6a0b-0ddf-e56ceb48d4c1-0ec765ae {
order: -9999;
}
#w-node-_4eeead67-682a-7d6d-5861-39a6d44ff18c-12c53416 {
grid-area: 1 / 2 / 2 / 4;
}
#w-node-_4eeead67-682a-7d6d-5861-39a6d44ff18f-12c53416 {
grid-area: 1 / 1 / 3 / 2;
}
#w-node-_4eeead67-682a-7d6d-5861-39a6d44ff192-12c53416 {
grid-area: 2 / 2 / 3 / 4;
}
#w-node-_4eeead67-682a-7d6d-5861-39a6d44ff199-12c53416 {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_4eeead67-682a-7d6d-5861-39a6d44ff19f-12c53416 {
grid-area: 1 / 1 / 3 / 2;
justify-self: start;
}
#w-node-_4eeead67-682a-7d6d-5861-39a6d44ff1a2-12c53416, #w-node-_4eeead67-682a-7d6d-5861-39a6d44ff1a7-12c53416 {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-_4eeead67-682a-7d6d-5861-39a6d44ff1ac-12c53416 {
grid-area: 1 / 1 / 3 / 2;
}
#w-node-_4eeead67-682a-7d6d-5861-39a6d44ff1af-12c53416 {
grid-area: 2 / 2 / 3 / 3;
}
}
@media screen and (max-width: 479px) {
#w-node-f6beb3d8-6e25-2ce3-fc86-8e8a83f2f8c8-83f2f8bd {
align-self: center;
}
#w-node-b46c7da5-a1da-5d55-5426-88cbbc8272c0-68dd39df {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-b46c7da5-a1da-5d55-5426-88cbbc8272c1-68dd39df {
justify-self: end;
}
#w-node-_7ce75850-b0d8-7342-dcb6-a6f22f43b89e-7b9b1ac6 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_6cbbe763-5302-5c86-35c4-20d38c371cf6-7019952a {
place-self: center;
}
#w-node-_6cbbe763-5302-5c86-35c4-20d38c371cf7-7019952a {
justify-self: center;
}
#w-node-_6cbbe763-5302-5c86-35c4-20d38c371cf8-7019952a, #w-node-_6cbbe763-5302-5c86-35c4-20d38c371cfa-7019952a, #w-node-_6cbbe763-5302-5c86-35c4-20d38c371cfb-7019952a, #w-node-_6cbbe763-5302-5c86-35c4-20d38c371cfe-7019952a {
place-self: center;
}
#w-node-_6cbbe763-5302-5c86-35c4-20d38c371d17-7019952a {
justify-self: center;
}
#w-node-_6cbbe763-5302-5c86-35c4-20d38c371d1d-7019952a {
place-self: center;
}
#w-node-_98a159ad-9652-09ac-214c-a3a730f91e94-859f187e {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_98a159ad-9652-09ac-214c-a3a730f91e95-859f187e {
justify-self: end;
}
#w-node-f30f6bc1-af73-1840-015b-60652b9c0cb7-ea245f51, #w-node-_231c96c0-0ccd-ea20-5729-2688c863b3e6-5271f565, #w-node-_55f05675-0afe-3928-2f66-523ba0ac002c-c92d8d02, #w-node-_89dd637d-567a-2ba2-9147-3949ed08b9a8-384f497f, #w-node-_89dd637d-567a-2ba2-9147-3949ed08b9aa-384f497f {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_990d5c21-178f-1d41-3766-d38dd4ebac98-1fb4639c {
grid-column: span 2 / span 2;
}
}