html {
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
font-family: sans-serif;
}
body {
margin: 0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
display: block;
}
audio, canvas, progress, video {
vertical-align: baseline;
display: inline-block;
}
audio:not([controls]) {
height: 0;
display: none;
}
[hidden], template {
display: none;
}
a {
background-color: #0000;
}
a:active, a:hover {
outline: 0;
}
abbr[title] {
border-bottom: 1px dotted;
}
b, strong {
font-weight: bold;
}
dfn {
font-style: italic;
}
h1 {
margin: .67em 0;
font-size: 2em;
}
mark {
color: #000;
background: #ff0;
}
small {
font-size: 80%;
}
sub, sup {
vertical-align: baseline;
font-size: 75%;
line-height: 0;
position: relative;
}
sup {
top: -.5em;
}
sub {
bottom: -.25em;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
hr {
box-sizing: content-box;
height: 0;
}
pre {
overflow: auto;
}
code, kbd, pre, samp {
font-family: monospace;
font-size: 1em;
}
button, input, optgroup, select, textarea {
color: inherit;
font: inherit;
margin: 0;
}
button {
overflow: visible;
}
button, select {
text-transform: none;
}
button, html input[type="button"], input[type="reset"] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled], html input[disabled] {
cursor: default;
}
button::-moz-focus-inner, input::-moz-focus-inner {
border: 0;
padding: 0;
}
input {
line-height: normal;
}
input[type="checkbox"], input[type="radio"] {
box-sizing: border-box;
padding: 0;
}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="search"] {
-webkit-appearance: none;
}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
legend {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
}
optgroup {
font-weight: bold;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
td, th {
padding: 0;
}
@font-face {
font-family: webflow-icons;
src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBiUAAAC8AAAAYGNtYXDpP+a4AAABHAAAAFxnYXNwAAAAEAAAAXgAAAAIZ2x5ZmhS2XEAAAGAAAADHGhlYWQTFw3HAAAEnAAAADZoaGVhCXYFgQAABNQAAAAkaG10eCe4A1oAAAT4AAAAMGxvY2EDtALGAAAFKAAAABptYXhwABAAPgAABUQAAAAgbmFtZSoCsMsAAAVkAAABznBvc3QAAwAAAAAHNAAAACAAAwP4AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpAwPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAQAAAAAwACAACAAQAAQAg5gPpA//9//8AAAAAACDmAOkA//3//wAB/+MaBBcIAAMAAQAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEBIAAAAyADgAAFAAAJAQcJARcDIP5AQAGA/oBAAcABwED+gP6AQAABAOAAAALgA4AABQAAEwEXCQEH4AHAQP6AAYBAAcABwED+gP6AQAAAAwDAAOADQALAAA8AHwAvAAABISIGHQEUFjMhMjY9ATQmByEiBh0BFBYzITI2PQE0JgchIgYdARQWMyEyNj0BNCYDIP3ADRMTDQJADRMTDf3ADRMTDQJADRMTDf3ADRMTDQJADRMTAsATDSANExMNIA0TwBMNIA0TEw0gDRPAEw0gDRMTDSANEwAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFVz+fAGEAAAAAAL//f+9BAMDwwAEAAkAABcBJwEXAwE3AQdpA5ps/GZsbAOabPxmbEMDmmz8ZmwDmvxmbAOabAAAAgAA/8AEAAPAAB0AOwAABSInLgEnJjU0Nz4BNzYzMTIXHgEXFhUUBw4BBwYjNTI3PgE3NjU0Jy4BJyYjMSIHDgEHBhUUFx4BFxYzAgBqXV6LKCgoKIteXWpqXV6LKCgoKIteXWpVSktvICEhIG9LSlVVSktvICEhIG9LSlVAKCiLXl1qal1eiygoKCiLXl1qal1eiygoZiEgb0tKVVVKS28gISEgb0tKVVVKS28gIQABAAABwAIAA8AAEgAAEzQ3PgE3NjMxFSIHDgEHBhUxIwAoKIteXWpVSktvICFmAcBqXV6LKChmISBvS0pVAAAAAgAA/8AFtgPAADIAOgAAARYXHgEXFhUUBw4BBwYHIxUhIicuAScmNTQ3PgE3NjMxOAExNDc+ATc2MzIXHgEXFhcVATMJATMVMzUEjD83NlAXFxYXTjU1PQL8kz01Nk8XFxcXTzY1PSIjd1BQWlJJSXInJw3+mdv+2/7c25MCUQYcHFg5OUA/ODlXHBwIAhcXTzY1PTw1Nk8XF1tQUHcjIhwcYUNDTgL+3QFt/pOTkwABAAAAAQAAmM7nP18PPPUACwQAAAAAANciZKUAAAAA1yJkpf/9/70FtgPDAAAACAACAAAAAAAAAAEAAAPA/8AAAAW3//3//QW2AAEAAAAAAAAAAAAAAAAAAAAMBAAAAAAAAAAAAAAAAgAAAAQAASAEAADgBAAAwAQAAJ0EAP/9BAAAAAQAAAAFtwAAAAAAAAAKABQAHgAyAEYAjACiAL4BFgE2AY4AAAABAAAADAA8AAMAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADQAAAAEAAAAAAAIABwCWAAEAAAAAAAMADQBIAAEAAAAAAAQADQCrAAEAAAAAAAUACwAnAAEAAAAAAAYADQBvAAEAAAAAAAoAGgDSAAMAAQQJAAEAGgANAAMAAQQJAAIADgCdAAMAAQQJAAMAGgBVAAMAAQQJAAQAGgC4AAMAAQQJAAUAFgAyAAMAAQQJAAYAGgB8AAMAAQQJAAoANADsd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzUmVndWxhcgBSAGUAZwB1AGwAYQByd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==") format("truetype");
font-weight: normal;
font-style: normal;
}
[class^="w-icon-"], [class*=" w-icon-"] {
speak: none;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-weight: normal;
line-height: 1;
font-family: webflow-icons !important;
}
.w-icon-slider-right:before {
content: "";
}
.w-icon-slider-left:before {
content: "";
}
.w-icon-nav-menu:before {
content: "";
}
.w-icon-arrow-down:before, .w-icon-dropdown-toggle:before {
content: "";
}
.w-icon-file-upload-remove:before {
content: "";
}
.w-icon-file-upload-icon:before {
content: "";
}
* {
box-sizing: border-box;
}
html {
height: 100%;
}
body {
color: #333;
background-color: #fff;
min-height: 100%;
margin: 0;
font-family: Arial, sans-serif;
font-size: 14px;
line-height: 20px;
}
img {
vertical-align: middle;
max-width: 100%;
display: inline-block;
}
html.w-mod-touch * {
background-attachment: scroll !important;
}
.w-block {
display: block;
}
.w-inline-block {
max-width: 100%;
display: inline-block;
}
.w-clearfix:before, .w-clearfix:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-clearfix:after {
clear: both;
}
.w-hidden {
display: none;
}
.w-button {
color: #fff;
line-height: inherit;
cursor: pointer;
background-color: #3898ec;
border: 0;
border-radius: 0;
padding: 9px 15px;
text-decoration: none;
display: inline-block;
}
input.w-button {
-webkit-appearance: button;
}
html[data-w-dynpage] [data-w-cloak] {
color: #0000 !important;
}
.w-code-block {
margin: unset;
}
pre.w-code-block code {
all: inherit;
}
pre.w-code-block code > span {
display: block !important;
}
.w-optimization {
display: contents;
}
.w-webflow-badge, .w-webflow-badge > img {
box-sizing: unset;
width: unset;
height: unset;
max-height: unset;
max-width: unset;
min-height: unset;
min-width: unset;
margin: unset;
padding: unset;
float: unset;
clear: unset;
border: unset;
border-radius: unset;
background: unset;
background-image: unset;
background-position: unset;
background-size: unset;
background-repeat: unset;
background-origin: unset;
background-clip: unset;
background-attachment: unset;
background-color: unset;
box-shadow: unset;
transform: unset;
direction: unset;
font-family: unset;
font-weight: unset;
color: unset;
font-size: unset;
line-height: unset;
font-style: unset;
font-variant: unset;
text-align: unset;
letter-spacing: unset;
-webkit-text-decoration: unset;
text-decoration: unset;
text-indent: unset;
text-transform: unset;
list-style-type: unset;
text-shadow: unset;
vertical-align: unset;
cursor: unset;
white-space: unset;
word-break: unset;
word-spacing: unset;
word-wrap: unset;
transition: unset;
}
.w-webflow-badge {
white-space: nowrap;
cursor: pointer;
box-shadow: 0 0 0 1px #0000001a, 0 1px 3px #0000001a;
visibility: visible !important;
opacity: 1 !important;
z-index: 2147483647 !important;
color: #aaadb0 !important;
width: auto !important;
height: auto !important;
overflow: unset !important;
background-color: #fff !important;
border-radius: 3px !important;
margin: 0 !important;
padding: 6px !important;
font-size: 12px !important;
line-height: 14px !important;
text-decoration: none !important;
display: inline-block !important;
position: fixed !important;
inset: auto 12px 12px auto !important;
transform: none !important;
}
.w-webflow-badge > img {
position: unset;
visibility: unset !important;
opacity: 1 !important;
vertical-align: middle !important;
display: inline-block !important;
}
h1, h2, h3, h4, h5, h6 {
margin-bottom: 10px;
font-weight: bold;
}
h1 {
margin-top: 20px;
font-size: 38px;
line-height: 44px;
}
h2 {
margin-top: 20px;
font-size: 32px;
line-height: 36px;
}
h3 {
margin-top: 20px;
font-size: 24px;
line-height: 30px;
}
h4 {
margin-top: 10px;
font-size: 18px;
line-height: 24px;
}
h5 {
margin-top: 10px;
font-size: 14px;
line-height: 20px;
}
h6 {
margin-top: 10px;
font-size: 12px;
line-height: 18px;
}
p {
margin-top: 0;
margin-bottom: 10px;
}
blockquote {
border-left: 5px solid #e2e2e2;
margin: 0 0 10px;
padding: 10px 20px;
font-size: 18px;
line-height: 22px;
}
figure {
margin: 0 0 10px;
}
figcaption {
text-align: center;
margin-top: 5px;
}
ul, ol {
margin-top: 0;
margin-bottom: 10px;
padding-left: 40px;
}
.w-list-unstyled {
padding-left: 0;
list-style: none;
}
.w-embed:before, .w-embed:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-embed:after {
clear: both;
}
.w-video {
width: 100%;
padding: 0;
position: relative;
}
.w-video iframe, .w-video object, .w-video embed {
border: none;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
fieldset {
border: 0;
margin: 0;
padding: 0;
}
button, [type="button"], [type="reset"] {
cursor: pointer;
-webkit-appearance: button;
border: 0;
}
.w-form {
margin: 0 0 15px;
}
.w-form-done {
text-align: center;
background-color: #ddd;
padding: 20px;
display: none;
}
.w-form-fail {
background-color: #ffdede;
margin-top: 10px;
padding: 10px;
display: none;
}
label {
margin-bottom: 5px;
font-weight: bold;
display: block;
}
.w-input, .w-select {
color: #333;
vertical-align: middle;
background-color: #fff;
border: 1px solid #ccc;
width: 100%;
height: 38px;
margin-bottom: 10px;
padding: 8px 12px;
font-size: 14px;
line-height: 1.42857;
display: block;
}
.w-input::placeholder, .w-select::placeholder {
color: #999;
}
.w-input:focus, .w-select:focus {
border-color: #3898ec;
outline: 0;
}
.w-input[disabled], .w-select[disabled], .w-input[readonly], .w-select[readonly], fieldset[disabled] .w-input, fieldset[disabled] .w-select {
cursor: not-allowed;
}
.w-input[disabled]:not(.w-input-disabled), .w-select[disabled]:not(.w-input-disabled), .w-input[readonly], .w-select[readonly], fieldset[disabled]:not(.w-input-disabled) .w-input, fieldset[disabled]:not(.w-input-disabled) .w-select {
background-color: #eee;
}
textarea.w-input, textarea.w-select {
height: auto;
}
.w-select {
background-color: #f3f3f3;
}
.w-select[multiple] {
height: auto;
}
.w-form-label {
cursor: pointer;
margin-bottom: 0;
font-weight: normal;
display: inline-block;
}
.w-radio {
margin-bottom: 5px;
padding-left: 20px;
display: block;
}
.w-radio:before, .w-radio:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-radio:after {
clear: both;
}
.w-radio-input {
float: left;
margin: 3px 0 0 -20px;
line-height: normal;
}
.w-file-upload {
margin-bottom: 10px;
display: block;
}
.w-file-upload-input {
opacity: 0;
z-index: -100;
width: .1px;
height: .1px;
position: absolute;
overflow: hidden;
}
.w-file-upload-default, .w-file-upload-uploading, .w-file-upload-success {
color: #333;
display: inline-block;
}
.w-file-upload-error {
margin-top: 10px;
display: block;
}
.w-file-upload-default.w-hidden, .w-file-upload-uploading.w-hidden, .w-file-upload-error.w-hidden, .w-file-upload-success.w-hidden {
display: none;
}
.w-file-upload-uploading-btn {
cursor: pointer;
background-color: #fafafa;
border: 1px solid #ccc;
margin: 0;
padding: 8px 12px;
font-size: 14px;
font-weight: normal;
display: flex;
}
.w-file-upload-file {
background-color: #fafafa;
border: 1px solid #ccc;
flex-grow: 1;
justify-content: space-between;
margin: 0;
padding: 8px 9px 8px 11px;
display: flex;
}
.w-file-upload-file-name {
font-size: 14px;
font-weight: normal;
display: block;
}
.w-file-remove-link {
cursor: pointer;
width: auto;
height: auto;
margin-top: 3px;
margin-left: 10px;
padding: 3px;
display: block;
}
.w-icon-file-upload-remove {
margin: auto;
font-size: 10px;
}
.w-file-upload-error-msg {
color: #ea384c;
padding: 2px 0;
display: inline-block;
}
.w-file-upload-info {
padding: 0 12px;
line-height: 38px;
display: inline-block;
}
.w-file-upload-label {
cursor: pointer;
background-color: #fafafa;
border: 1px solid #ccc;
margin: 0;
padding: 8px 12px;
font-size: 14px;
font-weight: normal;
display: inline-block;
}
.w-icon-file-upload-icon, .w-icon-file-upload-uploading {
width: 20px;
margin-right: 8px;
display: inline-block;
}
.w-icon-file-upload-uploading {
height: 20px;
}
.w-container {
max-width: 940px;
margin-left: auto;
margin-right: auto;
}
.w-container:before, .w-container:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-container:after {
clear: both;
}
.w-container .w-row {
margin-left: -10px;
margin-right: -10px;
}
.w-row:before, .w-row:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-row:after {
clear: both;
}
.w-row .w-row {
margin-left: 0;
margin-right: 0;
}
.w-col {
float: left;
width: 100%;
min-height: 1px;
padding-left: 10px;
padding-right: 10px;
position: relative;
}
.w-col .w-col {
padding-left: 0;
padding-right: 0;
}
.w-col-1 {
width: 8.33333%;
}
.w-col-2 {
width: 16.6667%;
}
.w-col-3 {
width: 25%;
}
.w-col-4 {
width: 33.3333%;
}
.w-col-5 {
width: 41.6667%;
}
.w-col-6 {
width: 50%;
}
.w-col-7 {
width: 58.3333%;
}
.w-col-8 {
width: 66.6667%;
}
.w-col-9 {
width: 75%;
}
.w-col-10 {
width: 83.3333%;
}
.w-col-11 {
width: 91.6667%;
}
.w-col-12 {
width: 100%;
}
.w-hidden-main {
display: none !important;
}
@media screen and (max-width: 991px) {
.w-container {
max-width: 728px;
}
.w-hidden-main {
display: inherit !important;
}
.w-hidden-medium {
display: none !important;
}
.w-col-medium-1 {
width: 8.33333%;
}
.w-col-medium-2 {
width: 16.6667%;
}
.w-col-medium-3 {
width: 25%;
}
.w-col-medium-4 {
width: 33.3333%;
}
.w-col-medium-5 {
width: 41.6667%;
}
.w-col-medium-6 {
width: 50%;
}
.w-col-medium-7 {
width: 58.3333%;
}
.w-col-medium-8 {
width: 66.6667%;
}
.w-col-medium-9 {
width: 75%;
}
.w-col-medium-10 {
width: 83.3333%;
}
.w-col-medium-11 {
width: 91.6667%;
}
.w-col-medium-12 {
width: 100%;
}
.w-col-stack {
width: 100%;
left: auto;
right: auto;
}
}
@media screen and (max-width: 767px) {
.w-hidden-main, .w-hidden-medium {
display: inherit !important;
}
.w-hidden-small {
display: none !important;
}
.w-row, .w-container .w-row {
margin-left: 0;
margin-right: 0;
}
.w-col {
width: 100%;
left: auto;
right: auto;
}
.w-col-small-1 {
width: 8.33333%;
}
.w-col-small-2 {
width: 16.6667%;
}
.w-col-small-3 {
width: 25%;
}
.w-col-small-4 {
width: 33.3333%;
}
.w-col-small-5 {
width: 41.6667%;
}
.w-col-small-6 {
width: 50%;
}
.w-col-small-7 {
width: 58.3333%;
}
.w-col-small-8 {
width: 66.6667%;
}
.w-col-small-9 {
width: 75%;
}
.w-col-small-10 {
width: 83.3333%;
}
.w-col-small-11 {
width: 91.6667%;
}
.w-col-small-12 {
width: 100%;
}
}
@media screen and (max-width: 479px) {
.w-container {
max-width: none;
}
.w-hidden-main, .w-hidden-medium, .w-hidden-small {
display: inherit !important;
}
.w-hidden-tiny {
display: none !important;
}
.w-col {
width: 100%;
}
.w-col-tiny-1 {
width: 8.33333%;
}
.w-col-tiny-2 {
width: 16.6667%;
}
.w-col-tiny-3 {
width: 25%;
}
.w-col-tiny-4 {
width: 33.3333%;
}
.w-col-tiny-5 {
width: 41.6667%;
}
.w-col-tiny-6 {
width: 50%;
}
.w-col-tiny-7 {
width: 58.3333%;
}
.w-col-tiny-8 {
width: 66.6667%;
}
.w-col-tiny-9 {
width: 75%;
}
.w-col-tiny-10 {
width: 83.3333%;
}
.w-col-tiny-11 {
width: 91.6667%;
}
.w-col-tiny-12 {
width: 100%;
}
}
.w-widget {
position: relative;
}
.w-widget-map {
width: 100%;
height: 400px;
}
.w-widget-map label {
width: auto;
display: inline;
}
.w-widget-map img {
max-width: inherit;
}
.w-widget-map .gm-style-iw {
text-align: center;
}
.w-widget-map .gm-style-iw > button {
display: none !important;
}
.w-widget-twitter {
overflow: hidden;
}
.w-widget-twitter-count-shim {
vertical-align: top;
text-align: center;
background: #fff;
border: 1px solid #758696;
border-radius: 3px;
width: 28px;
height: 20px;
display: inline-block;
position: relative;
}
.w-widget-twitter-count-shim * {
pointer-events: none;
-webkit-user-select: none;
user-select: none;
}
.w-widget-twitter-count-shim .w-widget-twitter-count-inner {
text-align: center;
color: #999;
font-family: serif;
font-size: 15px;
line-height: 12px;
position: relative;
}
.w-widget-twitter-count-shim .w-widget-twitter-count-clear {
display: block;
position: relative;
}
.w-widget-twitter-count-shim.w--large {
width: 36px;
height: 28px;
}
.w-widget-twitter-count-shim.w--large .w-widget-twitter-count-inner {
font-size: 18px;
line-height: 18px;
}
.w-widget-twitter-count-shim:not(.w--vertical) {
margin-left: 5px;
margin-right: 8px;
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large {
margin-left: 6px;
}
.w-widget-twitter-count-shim:not(.w--vertical):before, .w-widget-twitter-count-shim:not(.w--vertical):after {
content: " ";
pointer-events: none;
border: solid #0000;
width: 0;
height: 0;
position: absolute;
top: 50%;
left: 0;
}
.w-widget-twitter-count-shim:not(.w--vertical):before {
border-width: 4px;
border-color: #75869600 #5d6c7b #75869600 #75869600;
margin-top: -4px;
margin-left: -9px;
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large:before {
border-width: 5px;
margin-top: -5px;
margin-left: -10px;
}
.w-widget-twitter-count-shim:not(.w--vertical):after {
border-width: 4px;
border-color: #fff0 #fff #fff0 #fff0;
margin-top: -4px;
margin-left: -8px;
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large:after {
border-width: 5px;
margin-top: -5px;
margin-left: -9px;
}
.w-widget-twitter-count-shim.w--vertical {
width: 61px;
height: 33px;
margin-bottom: 8px;
}
.w-widget-twitter-count-shim.w--vertical:before, .w-widget-twitter-count-shim.w--vertical:after {
content: " ";
pointer-events: none;
border: solid #0000;
width: 0;
height: 0;
position: absolute;
top: 100%;
left: 50%;
}
.w-widget-twitter-count-shim.w--vertical:before {
border-width: 5px;
border-color: #5d6c7b #75869600 #75869600;
margin-left: -5px;
}
.w-widget-twitter-count-shim.w--vertical:after {
border-width: 4px;
border-color: #fff #fff0 #fff0;
margin-left: -4px;
}
.w-widget-twitter-count-shim.w--vertical .w-widget-twitter-count-inner {
font-size: 18px;
line-height: 22px;
}
.w-widget-twitter-count-shim.w--vertical.w--large {
width: 76px;
}
.w-background-video {
color: #fff;
height: 500px;
position: relative;
overflow: hidden;
}
.w-background-video > video {
object-fit: cover;
z-index: -100;
background-position: 50%;
background-size: cover;
width: 100%;
height: 100%;
margin: auto;
position: absolute;
inset: -100%;
}
.w-background-video > video::-webkit-media-controls-start-playback-button {
-webkit-appearance: none;
display: none !important;
}
.w-background-video--control {
background-color: #0000;
padding: 0;
position: absolute;
bottom: 1em;
right: 1em;
}
.w-background-video--control > [hidden] {
display: none !important;
}
.w-slider {
text-align: center;
clear: both;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
background: #ddd;
height: 300px;
position: relative;
}
.w-slider-mask {
z-index: 1;
white-space: nowrap;
height: 100%;
display: block;
position: relative;
left: 0;
right: 0;
overflow: hidden;
}
.w-slide {
vertical-align: top;
white-space: normal;
text-align: left;
width: 100%;
height: 100%;
display: inline-block;
position: relative;
}
.w-slider-nav {
z-index: 2;
text-align: center;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
height: 40px;
margin: auto;
padding-top: 10px;
position: absolute;
inset: auto 0 0;
}
.w-slider-nav.w-round > div {
border-radius: 100%;
}
.w-slider-nav.w-num > div {
width: auto;
height: auto;
font-size: inherit;
line-height: inherit;
padding: .2em .5em;
}
.w-slider-nav.w-shadow > div {
box-shadow: 0 0 3px #3336;
}
.w-slider-nav-invert {
color: #fff;
}
.w-slider-nav-invert > div {
background-color: #2226;
}
.w-slider-nav-invert > div.w-active {
background-color: #222;
}
.w-slider-dot {
cursor: pointer;
background-color: #fff6;
width: 1em;
height: 1em;
margin: 0 3px .5em;
transition: background-color .1s, color .1s;
display: inline-block;
position: relative;
}
.w-slider-dot.w-active {
background-color: #fff;
}
.w-slider-dot:focus {
outline: none;
box-shadow: 0 0 0 2px #fff;
}
.w-slider-dot:focus.w-active {
box-shadow: none;
}
.w-slider-arrow-left, .w-slider-arrow-right {
cursor: pointer;
color: #fff;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
-webkit-user-select: none;
user-select: none;
width: 80px;
margin: auto;
font-size: 40px;
position: absolute;
inset: 0;
overflow: hidden;
}
.w-slider-arrow-left [class^="w-icon-"], .w-slider-arrow-right [class^="w-icon-"], .w-slider-arrow-left [class*=" w-icon-"], .w-slider-arrow-right [class*=" w-icon-"] {
position: absolute;
}
.w-slider-arrow-left:focus, .w-slider-arrow-right:focus {
outline: 0;
}
.w-slider-arrow-left {
z-index: 3;
right: auto;
}
.w-slider-arrow-right {
z-index: 4;
left: auto;
}
.w-icon-slider-left, .w-icon-slider-right {
width: 1em;
height: 1em;
margin: auto;
inset: 0;
}
.w-slider-aria-label {
clip: rect(0 0 0 0);
border: 0;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
position: absolute;
overflow: hidden;
}
.w-slider-force-show {
display: block !important;
}
.w-dropdown {
text-align: left;
z-index: 900;
margin-left: auto;
margin-right: auto;
display: inline-block;
position: relative;
}
.w-dropdown-btn, .w-dropdown-toggle, .w-dropdown-link {
vertical-align: top;
color: #222;
text-align: left;
white-space: nowrap;
margin-left: auto;
margin-right: auto;
padding: 20px;
text-decoration: none;
position: relative;
}
.w-dropdown-toggle {
-webkit-user-select: none;
user-select: none;
cursor: pointer;
padding-right: 40px;
display: inline-block;
}
.w-dropdown-toggle:focus {
outline: 0;
}
.w-icon-dropdown-toggle {
width: 1em;
height: 1em;
margin: auto 20px auto auto;
position: absolute;
top: 0;
bottom: 0;
right: 0;
}
.w-dropdown-list {
background: #ddd;
min-width: 100%;
display: none;
position: absolute;
}
.w-dropdown-list.w--open {
display: block;
}
.w-dropdown-link {
color: #222;
padding: 10px 20px;
display: block;
}
.w-dropdown-link.w--current {
color: #0082f3;
}
.w-dropdown-link:focus {
outline: 0;
}
.w-lightbox-backdrop {
cursor: auto;
letter-spacing: normal;
text-indent: 0;
text-shadow: none;
text-transform: none;
visibility: visible;
white-space: normal;
word-break: normal;
word-spacing: normal;
word-wrap: normal;
color: #fff;
text-align: center;
z-index: 2000;
opacity: 0;
-webkit-user-select: none;
-moz-user-select: none;
-webkit-tap-highlight-color: transparent;
background: #000000e6;
outline: 0;
font-family: Helvetica Neue, Helvetica, Ubuntu, Segoe UI, Verdana, sans-serif;
font-size: 17px;
font-style: normal;
font-weight: 300;
line-height: 1.2;
list-style: disc;
position: fixed;
inset: 0;
-webkit-transform: translate(0);
}
.w-lightbox-backdrop, .w-lightbox-container {
-webkit-overflow-scrolling: touch;
height: 100%;
overflow: auto;
}
.w-lightbox-content {
height: 100vh;
position: relative;
overflow: hidden;
}
.w-lightbox-view {
opacity: 0;
width: 100vw;
height: 100vh;
position: absolute;
}
.w-lightbox-view:before {
content: "";
height: 100vh;
}
.w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view:before {
height: 86vh;
}
.w-lightbox-frame, .w-lightbox-view:before {
vertical-align: middle;
display: inline-block;
}
.w-lightbox-figure {
margin: 0;
position: relative;
}
.w-lightbox-group .w-lightbox-figure {
cursor: pointer;
}
.w-lightbox-img {
width: auto;
max-width: none;
height: auto;
}
.w-lightbox-image {
float: none;
max-width: 100vw;
max-height: 100vh;
display: block;
}
.w-lightbox-group .w-lightbox-image {
max-height: 86vh;
}
.w-lightbox-caption {
text-align: left;
text-overflow: ellipsis;
white-space: nowrap;
background: #0006;
padding: .5em 1em;
position: absolute;
bottom: 0;
left: 0;
right: 0;
overflow: hidden;
}
.w-lightbox-embed {
width: 100%;
height: 100%;
position: absolute;
inset: 0;
}
.w-lightbox-control {
cursor: pointer;
background-position: center;
background-repeat: no-repeat;
background-size: 24px;
width: 4em;
transition: all .3s;
position: absolute;
top: 0;
}
.w-lightbox-left {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yMCAwIDI0IDQwIiB3aWR0aD0iMjQiIGhlaWdodD0iNDAiPjxnIHRyYW5zZm9ybT0icm90YXRlKDQ1KSI+PHBhdGggZD0ibTAgMGg1djIzaDIzdjVoLTI4eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDN2MjNoMjN2M2gtMjZ6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg==");
display: none;
bottom: 0;
left: 0;
}
.w-lightbox-right {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMjQgNDAiIHdpZHRoPSIyNCIgaGVpZ2h0PSI0MCI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMC0waDI4djI4aC01di0yM2gtMjN6IiBvcGFjaXR5PSIuNCIvPjxwYXRoIGQ9Im0xIDFoMjZ2MjZoLTN2LTIzaC0yM3oiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+");
display: none;
bottom: 0;
right: 0;
}
.w-lightbox-close {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMTggMTciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMCAwaDd2LTdoNXY3aDd2NWgtN3Y3aC01di03aC03eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDd2LTdoM3Y3aDd2M2gtN3Y3aC0zdi03aC03eiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4=");
background-size: 18px;
height: 2.6em;
right: 0;
}
.w-lightbox-strip {
white-space: nowrap;
padding: 0 1vh;
line-height: 0;
position: absolute;
bottom: 0;
left: 0;
right: 0;
overflow: auto hidden;
}
.w-lightbox-item {
box-sizing: content-box;
cursor: pointer;
width: 10vh;
padding: 2vh 1vh;
display: inline-block;
-webkit-transform: translate3d(0, 0, 0);
}
.w-lightbox-active {
opacity: .3;
}
.w-lightbox-thumbnail {
background: #222;
height: 10vh;
position: relative;
overflow: hidden;
}
.w-lightbox-thumbnail-image {
position: absolute;
top: 0;
left: 0;
}
.w-lightbox-thumbnail .w-lightbox-tall {
width: 100%;
top: 50%;
transform: translate(0, -50%);
}
.w-lightbox-thumbnail .w-lightbox-wide {
height: 100%;
left: 50%;
transform: translate(-50%);
}
.w-lightbox-spinner {
box-sizing: border-box;
border: 5px solid #0006;
border-radius: 50%;
width: 40px;
height: 40px;
margin-top: -20px;
margin-left: -20px;
animation: .8s linear infinite spin;
position: absolute;
top: 50%;
left: 50%;
}
.w-lightbox-spinner:after {
content: "";
border: 3px solid #0000;
border-bottom-color: #fff;
border-radius: 50%;
position: absolute;
inset: -4px;
}
.w-lightbox-hide {
display: none;
}
.w-lightbox-noscroll {
overflow: hidden;
}
@media (min-width: 768px) {
.w-lightbox-content {
height: 96vh;
margin-top: 2vh;
}
.w-lightbox-view, .w-lightbox-view:before {
height: 96vh;
}
.w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view:before {
height: 84vh;
}
.w-lightbox-image {
max-width: 96vw;
max-height: 96vh;
}
.w-lightbox-group .w-lightbox-image {
max-width: 82.3vw;
max-height: 84vh;
}
.w-lightbox-left, .w-lightbox-right {
opacity: .5;
display: block;
}
.w-lightbox-close {
opacity: .8;
}
.w-lightbox-control:hover {
opacity: 1;
}
}
.w-lightbox-inactive, .w-lightbox-inactive:hover {
opacity: 0;
}
.w-richtext:before, .w-richtext:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-richtext:after {
clear: both;
}
.w-richtext[contenteditable="true"]:before, .w-richtext[contenteditable="true"]:after {
white-space: initial;
}
.w-richtext ol, .w-richtext ul {
overflow: hidden;
}
.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-video div:after, .w-richtext .w-richtext-figure-selected[data-rt-type="video"] div:after, .w-richtext .w-richtext-figure-selected.w-richtext-figure-type-image div, .w-richtext .w-richtext-figure-selected[data-rt-type="image"] div {
outline: 2px solid #2895f7;
}
.w-richtext figure.w-richtext-figure-type-video > div:after, .w-richtext figure[data-rt-type="video"] > div:after {
content: "";
display: none;
position: absolute;
inset: 0;
}
.w-richtext figure {
max-width: 60%;
position: relative;
}
.w-richtext figure > div:before {
cursor: default !important;
}
.w-richtext figure img {
width: 100%;
}
.w-richtext figure figcaption.w-richtext-figcaption-placeholder {
opacity: .6;
}
.w-richtext figure div {
color: #0000;
font-size: 0;
}
.w-richtext figure.w-richtext-figure-type-image, .w-richtext figure[data-rt-type="image"] {
display: table;
}
.w-richtext figure.w-richtext-figure-type-image > div, .w-richtext figure[data-rt-type="image"] > div {
display: inline-block;
}
.w-richtext figure.w-richtext-figure-type-image > figcaption, .w-richtext figure[data-rt-type="image"] > figcaption {
caption-side: bottom;
display: table-caption;
}
.w-richtext figure.w-richtext-figure-type-video, .w-richtext figure[data-rt-type="video"] {
width: 60%;
height: 0;
}
.w-richtext figure.w-richtext-figure-type-video iframe, .w-richtext figure[data-rt-type="video"] iframe {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.w-richtext figure.w-richtext-figure-type-video > div, .w-richtext figure[data-rt-type="video"] > div {
width: 100%;
}
.w-richtext figure.w-richtext-align-center {
clear: both;
margin-left: auto;
margin-right: auto;
}
.w-richtext figure.w-richtext-align-center.w-richtext-figure-type-image > div, .w-richtext figure.w-richtext-align-center[data-rt-type="image"] > div {
max-width: 100%;
}
.w-richtext figure.w-richtext-align-normal {
clear: both;
}
.w-richtext figure.w-richtext-align-fullwidth {
text-align: center;
clear: both;
width: 100%;
max-width: 100%;
margin-left: auto;
margin-right: auto;
display: block;
}
.w-richtext figure.w-richtext-align-fullwidth > div {
padding-bottom: inherit;
display: inline-block;
}
.w-richtext figure.w-richtext-align-fullwidth > figcaption {
display: block;
}
.w-richtext figure.w-richtext-align-floatleft {
float: left;
clear: none;
margin-right: 15px;
}
.w-richtext figure.w-richtext-align-floatright {
float: right;
clear: none;
margin-left: 15px;
}
.w-nav {
z-index: 1000;
background: #ddd;
position: relative;
}
.w-nav:before, .w-nav:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-nav:after {
clear: both;
}
.w-nav-brand {
float: left;
color: #333;
text-decoration: none;
position: relative;
}
.w-nav-link {
vertical-align: top;
color: #222;
text-align: left;
margin-left: auto;
margin-right: auto;
padding: 20px;
text-decoration: none;
display: inline-block;
position: relative;
}
.w-nav-link.w--current {
color: #0082f3;
}
.w-nav-menu {
float: right;
position: relative;
}
[data-nav-menu-open] {
text-align: center;
background: #c8c8c8;
min-width: 200px;
position: absolute;
top: 100%;
left: 0;
right: 0;
overflow: visible;
display: block !important;
}
.w--nav-link-open {
display: block;
position: relative;
}
.w-nav-overlay {
width: 100%;
display: none;
position: absolute;
top: 100%;
left: 0;
right: 0;
overflow: hidden;
}
.w-nav-overlay [data-nav-menu-open] {
top: 0;
}
.w-nav[data-animation="over-left"] .w-nav-overlay {
width: auto;
}
.w-nav[data-animation="over-left"] .w-nav-overlay, .w-nav[data-animation="over-left"] [data-nav-menu-open] {
z-index: 1;
top: 0;
right: auto;
}
.w-nav[data-animation="over-right"] .w-nav-overlay {
width: auto;
}
.w-nav[data-animation="over-right"] .w-nav-overlay, .w-nav[data-animation="over-right"] [data-nav-menu-open] {
z-index: 1;
top: 0;
left: auto;
}
.w-nav-button {
float: right;
cursor: pointer;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
-webkit-user-select: none;
user-select: none;
padding: 18px;
font-size: 24px;
display: none;
position: relative;
}
.w-nav-button:focus {
outline: 0;
}
.w-nav-button.w--open {
color: #fff;
background-color: #c8c8c8;
}
.w-nav[data-collapse="all"] .w-nav-menu {
display: none;
}
.w-nav[data-collapse="all"] .w-nav-button, .w--nav-dropdown-open, .w--nav-dropdown-toggle-open {
display: block;
}
.w--nav-dropdown-list-open {
position: static;
}
@media screen and (max-width: 991px) {
.w-nav[data-collapse="medium"] .w-nav-menu {
display: none;
}
.w-nav[data-collapse="medium"] .w-nav-button {
display: block;
}
}
@media screen and (max-width: 767px) {
.w-nav[data-collapse="small"] .w-nav-menu {
display: none;
}
.w-nav[data-collapse="small"] .w-nav-button {
display: block;
}
.w-nav-brand {
padding-left: 10px;
}
}
@media screen and (max-width: 479px) {
.w-nav[data-collapse="tiny"] .w-nav-menu {
display: none;
}
.w-nav[data-collapse="tiny"] .w-nav-button {
display: block;
}
}
.w-tabs {
position: relative;
}
.w-tabs:before, .w-tabs:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-tabs:after {
clear: both;
}
.w-tab-menu {
position: relative;
}
.w-tab-link {
vertical-align: top;
text-align: left;
cursor: pointer;
color: #222;
background-color: #ddd;
padding: 9px 30px;
text-decoration: none;
display: inline-block;
position: relative;
}
.w-tab-link.w--current {
background-color: #c8c8c8;
}
.w-tab-link:focus {
outline: 0;
}
.w-tab-content {
display: block;
position: relative;
overflow: hidden;
}
.w-tab-pane {
display: none;
position: relative;
}
.w--tab-active {
display: block;
}
@media screen and (max-width: 479px) {
.w-tab-link {
display: block;
}
}
.w-ix-emptyfix:after {
content: "";
}
@keyframes spin {
0% {
transform: rotate(0);
}
100% {
transform: rotate(360deg);
}
}
.w-dyn-empty {
background-color: #ddd;
padding: 10px;
}
.w-dyn-hide, .w-dyn-bind-empty, .w-condition-invisible {
display: none !important;
}
.wf-layout-layout {
display: grid;
}
@font-face {
font-family: Helvetica light;
src: url("https://cdn.prod.website-files.com/689a86396206fe0c469a15fc/68f8901d02439edb2ffb5f4a_helvetica-light-587ebe5a59211.ttf") format("truetype");
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Helvetica 587 Ebe 5 A 59211";
src: url("https://cdn.prod.website-files.com/689a86396206fe0c469a15fc/68f8901d02439edb2ffb5f4a_helvetica-light-587ebe5a59211.ttf") format("truetype");
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Helvetica;
src: url("https://cdn.prod.website-files.com/689a86396206fe0c469a15fc/68f8930f3caa1dbd102a21bb_Helvetica-Light%20Light.ttf") format("truetype");
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Helvetica Neue Medium Italic;
src: url("https://cdn.prod.website-files.com/689a86396206fe0c469a15fc/689c6a1fe7e3a34df63104a3_HelveticaNeueMediumItalic.otf") format("opentype");
font-weight: 500;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: Helvetica Neue Bold;
src: url("https://cdn.prod.website-files.com/689a86396206fe0c469a15fc/689c6a1f3b37d4490db5dbf5_HelveticaNeueBold.otf") format("opentype");
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Helvetica Neue Bold Italic;
src: url("https://cdn.prod.website-files.com/689a86396206fe0c469a15fc/689c6a1fcf14c12689921d46_HelveticaNeueBoldItalic.otf") format("opentype");
font-weight: 700;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: Helvetica Neue Medium;
src: url("https://cdn.prod.website-files.com/689a86396206fe0c469a15fc/689c6a1f36d725f06d3611d3_HelveticaNeueMedium.otf") format("opentype");
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Helvetica neue normal;
src: url("https://cdn.prod.website-files.com/689a86396206fe0c469a15fc/689c6a1fe5c48178031d8095_HelveticaNeueRoman.otf") format("opentype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
:root {
--color--b-w--white: #fff;
--colors--neutral--600: #0f172a;
--colors--primary--800: #13362d;
--colors--primary--600-p: #1f594b;
--colors--tertiary--500-p: #132836;
--colors--secondary--400: #84b130;
--colors--neutral--200: #d1d0d0;
--colors--primary--300: #328e82;
--colors--neutral--600-2: #474040;
--colors--neutral--700: #231e1f;
--colors--primary--100: #99dccc;
--colors--neutral--100: #f4f4f4;
--colors--secondary--300-p: #98ca3c;
--colors--neutral--300: #afacac;
--_global-tokens---colors--dark--surface: #0f130d;
--_global-tokens-2---colors--dark--card02: #1f211d;
--colors--secondary--100: #e4f1cc;
--colors--primary--50: #deefed;
--_global-tokens-2---colors--neutral--100: #f4f4f4;
--untitled-ui--white: white;
--radius--16: 16px;
--spacing--40: 40px;
--spacing--32: 32px;
--radius--12: 12px;
--spacing--80: 80px;
--radius--24: 24px;
--colors--neutral--150: #e6e6e6;
--spacing--24: 24px;
--spacing--60: 60px;
--spacing--0: 2px;
--spacing--20: 20px;
--spacing--16: 16px;
--colors--secondary--200: #b3d86f;
--radius--20: 20px;
--spacing--3: 12px;
--untitled-ui--gray50: #f9fafb00;
--colors--primary--700: #185147;
--spacing--1: 4px;
--spacing--2: 8px;
--elements-webflow-library--neutral--800: #211f54;
--elements-webflow-library--neutral--600: #6e7191;
--elements-webflow-library--accent--primary-1: #4a3aff;
--elements-webflow-library--neutral--100: white;
--elements-webflow-library--secondary--color-1: #281ca5;
--elements-webflow-library--neutral--300: #eff0f6;
--radius--4: 8px;
--untitled-ui--gray600: #475467;
--untitled-ui--gray700: #344054;
--untitled-ui--gray500: #667085;
--colors--primary--400: #297764;
--untitled-ui--gray400: #98a2b3;
--colors--neutral--800: #060607;
--elements-webflow-library--general--shadow-02: #14142b14;
--untitled-ui--gray900: #101828;
--untitled-ui--warning300: #fec84b;
--radius--none: 0px;
--untitled-ui--primary600: #7f56d9;
--untitled-ui--primary700: #6941c6;
--untitled-ui--primary100: #f4ebff;
--untitled-ui--gray300: #d0d5dd;
--untitled-ui--gray800: #1d2939;
--untitled-ui--gray100: #f2f4f7;
--flowui-component-library--gray-900: #160042;
--flowui-component-library--white: white;
--flowui-component-library--gray-700: #282556;
--flowui-component-library--gray-200: #f3f5fb;
--radiant-ui-components-library-marketplace--color--white\: white;
--radiant-ui-components-library-marketplace--color--button-background-dark\: #131218;
--colors--primary--500: #227b6f;
--colors--neutral--400: #8e8686;
--elements-webflow-library--general--shadow-03: #14142b1a;
--untitled-ui--gray200: #eaecf0;
--_global-tokens---colors--primary--100: #99dccc;
--_global-tokens---radius--none: 0px;
--_global-tokens---color--b-w--white: #fff;
--_global-tokens-2---color--b-w--white: #fff;
--_global-tokens-2---radius--16: 16px;
--_global-tokens-2---radius--none: 0px;
--_global-tokens-2---colors--primary--600-p: #1f594b;
--_global-tokens-2---colors--primary--50: #deefed;
--_global-tokens-2---colors--primary--300: #328e82;
--_global-tokens-2---colors--secondary--300-p: #98ca3c;
--_global-tokens-2---colors--secondary--alpha--10: #98ca3c1a;
--_global-tokens-2---colors--primary--800: #13362d;
--_global-tokens---radius--16: 16px;
--_global-tokens-2---colors--dark--card01: #1a1c18;
--_global-tokens-2---colors--neutral--600: #474040;
--color--b-w--black: #000;
--_global-tokens-2---colors--primary--200: #44bea0;
--_global-tokens-2---colors--primary--400: #297764;
--colors--accent--400: #d74a00;
--_global-tokens---colors--neutral--100: #f4f4f4;
--_global-tokens-2---colors--neutral--200: #d1d0d0;
--_global-tokens-2---colors--dark--border01: #252722;
--_global-tokens-2---spacing--20: 20px;
--_global-tokens---colors--dark--border01: #252722;
--_global-tokens-2---colors--primary--100: #99dccc;
--_global-tokens-2---spacing--24: 24px;
--_global-tokens-2---radius--4: 8px;
--_global-tokens-2---radius--24: 24px;
--_global-tokens-3---spacing--1: 4px;
--_global-tokens-3---spacing--2: 8px;
--_global-tokens-3---radius--4: 8px;
--_global-tokens-2---spacing--32: 32px;
--_claude-ai---font-family--font-1: "Helvetica Neue";
--_claude-ai---item-spacing--m: 32px;
--_claude-ai---line-height--36_8: 36.8px;
--_claude-ai---letter-spacing--0_32: -.32px;
--_global-tokens-2---colors--neutral--800: #060607;
--_global-tokens-2---spacing--3-3: 12px;
--_global-tokens-2---radius--full: 999px;
--_global-tokens-2---spacing--2-5: 8px;
--colors--primary--800-2: #13362d;
--colors--neutral--600-2-2: #474040;
--_global-tokens-2---spacing--16: 16px;
--_global-tokens-2---colors--neutral--700: #231e1f;
--_global-tokens-2---colors--neutral--500: #6b6263;
--_global-tokens-2---colors--secondary--200: #b3d86f;
--_global-tokens---colors--dark--card02: #1f211d;
--_global-tokens-2---colors--neutral--300: #afacac;
--_global-tokens---colors--dark--border03: #252723;
--_global-tokens---colors--dark--chip-bg: #252723;
--_global-tokens---colors--dark--card01: #1a1c18;
--_global-tokens-2---colors--tertiary--500-p: #132836;
--_global-tokens---colors--dark--border02: #2c2e29;
--_global-tokens-2---spacing--48: 48px;
--_claude-ai---font-weight--700: 700px;
--color--b-w--color: white;
--colors--accent--500: #983500;
--colors--accent--300: #ff6818;
--colors--accent--100: #ffc8ab;
--colors--accent--200: #ff9157;
--colors--accent--alpha--10: #ff91571a;
--colors--green--100: #84ebb4;
--colors--green--200: #1fc16b;
--colors--neutral--500: #6b6263;
--colors--neutral--alpha--10: #0606071a;
--colors--primary--200: #44bea0;
--colors--primary--300-2: #4fa197;
--colors--primary--alpha--10: #1f594b1a;
--colors--red--100: #fb3748;
--colors--red--200: #d00416;
--colors--secondary--500: #54711f;
--colors--secondary--alpha--10: #98ca3c1a;
--colors--tertiary--400: #1b3a4e;
--colors--tertiary--100: #abcce2;
--colors--tertiary--300: #30668a;
--colors--tertiary--200: #5d9cc6;
--colors--tertiary--alpha--50: #13283680;
--colors--tertiary--alpha--10: #1328361a;
--colors--yellow--200: #dfb400;
--colors--yellow--100: #ffdb43;
--radius--full: 999px;
--radius--1: 2px;
--radius--10: 10px;
--radius--2: 4px;
--radius--3: 6px;
--spacing--110: 110px;
--spacing--48: 48px;
--stroke--4: 4px;
--stroke--1: 2px;
--stroke--6: 6px;
--stroke--0: 1px;
--untitled-ui--primary300: #d6bbfb;
--elements-webflow-library--secondary--color-2: #f2f1ff;
--untitled-ui--success700: #027a48;
--untitled-ui--success50: #ecfdf3;
--flowui-component-library--gray-500: #6b7094;
--flowui-component-library--grey-300: #e4e6f1;
--elements-webflow-library--general--shadow-01: #14142b0f;
--elements-webflow-library--neutral--400: #dcddeb;
--elements-webflow-library--neutral--200: #f7f7fc;
--gradient-button: #1f594bcc;
--p-48: var(--spacing--48);
--untitled-ui--primary50: #f9f5ff;
--_global-tokens---colors--tertiary--400: #1b3a4e;
--untitled-ui--primary500: #9e77ed;
--untitled-ui--primary800: #53389e;
--_global-tokens---colors--neutral--600: #474040;
--_global-tokens---colors--primary--300: #328e82;
--_global-tokens---colors--primary--800: #13362d;
}
.w-layout-vflex {
flex-direction: column;
align-items: flex-start;
display: flex;
}
.w-layout-blockcontainer {
max-width: 940px;
margin-left: auto;
margin-right: auto;
display: block;
}
.w-layout-grid {
grid-row-gap: 16px;
grid-column-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.w-layout-hflex {
flex-direction: row;
align-items: flex-start;
display: flex;
}
.w-form-formradioinput--inputType-custom {
border: 1px solid #ccc;
border-radius: 50%;
width: 12px;
height: 12px;
}
.w-form-formradioinput--inputType-custom.w--redirected-focus {
box-shadow: 0 0 3px 1px #3898ec;
}
.w-form-formradioinput--inputType-custom.w--redirected-checked {
border-width: 4px;
border-color: #3898ec;
}
.w-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%;
}
@media screen and (max-width: 991px) {
.w-layout-blockcontainer {
max-width: 728px;
}
}
@media screen and (max-width: 767px) {
.w-layout-blockcontainer {
max-width: none;
}
}
body {
background-color: var(--color--b-w--white);
color: var(--colors--neutral--600);
font-family: Helvetica neue normal, Arial, sans-serif;
font-size: 18px;
line-height: 20px;
overflow: visible;
}
.effect-shadowsb1 {
box-shadow: 0 8px 16px #12352c1a, 0 4px 30px #2977640d;
}
.text-headingsh-2 {
color: var(--colors--primary--800);
text-transform: none;
justify-content: center;
align-items: center;
margin-top: 0;
margin-bottom: 0;
font-family: Helvetica Neue Bold, Arial, sans-serif;
font-size: 64px;
font-weight: 700;
line-height: 120%;
display: block;
position: static;
inset: 0% auto auto 0%;
}
.text-headingsh-2.white {
color: var(--color--b-w--white);
padding-top: 0;
display: block;
position: static;
}
.text-headingsh-2.white.center, .text-headingsh-2.center {
text-align: center;
}
.text-headingsh-3 {
color: var(--colors--primary--800);
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Helvetica Neue Bold, Arial, sans-serif;
font-size: 48px;
font-weight: 700;
line-height: 120%;
}
.text-headingsh-3.center {
text-align: center;
}
.text-headingsh-3.left {
text-align: left;
display: block;
}
.text-headingsh-3.left.white {
color: var(--color--b-w--white);
}
.text-headingsh-3.left._w-1-2 {
width: 50%;
}
.text-headingsh-3.white {
color: var(--color--b-w--white);
}
.text-headingsh-3.portfolio {
max-width: 900px;
margin-bottom: 0;
}
.text-headingsh-3.the-learning-journey {
flex-flow: column;
align-items: flex-start;
display: flex;
}
.text-headingsh-3.lets-contribute {
font-size: 40px;
line-height: 48%;
}
.text-headingsh-3.desk-left-mobile-center {
text-align: left;
}
.text-headingsh-3.max-90 {
width: 90%;
}
.text-headingsh-3.desk-left-rest-center {
text-align: left;
}
.text-headingsh-4 {
color: var(--colors--primary--600-p);
text-align: center;
flex-flow: row;
justify-content: center;
align-items: center;
margin-top: 0;
margin-bottom: 0;
font-family: Helvetica Neue;
font-size: 40px;
font-weight: 700;
line-height: 120%;
display: flex;
}
.text-headingsh-4.left {
color: var(--colors--primary--800);
text-align: left;
justify-content: flex-start;
align-items: center;
font-family: Helvetica Neue Bold, Arial, sans-serif;
display: block;
}
.text-headingsh-4.desk-left-rest-center {
text-align: left;
}
.text-headingsh-4.white {
color: var(--color--b-w--white);
}
.text-headingsh-4._800 {
color: var(--colors--primary--800);
display: block;
}
.text-headingsh-4._800.fs-48 {
font-family: Helvetica Neue Bold, Arial, sans-serif;
font-size: 48px;
}
.text-headingsh-5 {
color: var(--colors--primary--800);
margin-top: 0;
margin-bottom: 0;
font-family: Helvetica Neue Medium, Arial, sans-serif;
font-size: 32px;
font-weight: 500;
line-height: 120%;
}
.text-headingsh-5.white {
color: var(--color--b-w--white);
}
.text-headingsh-5.white.center {
text-align: center;
}
.text-headingsh-5.primary {
color: var(--colors--primary--600-p);
}
.text-headingsh-6 {
box-sizing: border-box;
color: var(--colors--primary--800);
text-align: left;
letter-spacing: normal;
text-transform: none;
column-count: auto;
overflow-wrap: normal;
margin-top: 0;
margin-bottom: 0;
font-family: Helvetica Neue Medium, Arial, sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 120%;
}
.text-headingsh-6.left {
text-align: left;
font-weight: 500;
}
.text-headingsh-6.left.fix-height {
min-height: 58px;
line-height: 120%;
display: block;
}
.text-headingsh-6.left.opening-title {
color: var(--colors--tertiary--500-p);
font-family: Helvetica Neue Bold, Arial, sans-serif;
font-size: 32px;
font-weight: 700;
line-height: 41px;
}
.text-headingsh-6.left.h-60 {
height: 60px;
}
.text-headingsh-6.secondary {
color: var(--colors--secondary--400);
}
.text-headingsh-6.grey-200 {
color: var(--colors--neutral--200);
text-align: left;
}
.text-headingsh-6.primary-300-middle-aligned {
color: var(--colors--primary--300);
text-align: left;
}
.text-headingsh-6.primary-300-middle-aligned.hero {
color: var(--colors--primary--600-p);
text-align: center;
display: block;
}
.text-headingsh-6.primary-300-left-aligned {
color: var(--colors--primary--300);
text-align: left;
}
.text-headingsh-6.white {
color: var(--color--b-w--white);
}
.text-headingsh-6.primary-600 {
color: var(--colors--primary--600-p);
}
.text-headingsh-6.fixed-height {
height: 60px;
}
.text-bodyb-1 {
color: var(--colors--neutral--600-2);
margin-top: 0;
margin-bottom: 0;
font-family: Helvetica Neue Medium, Arial, sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 32px;
}
.text-bodyb-1.white {
color: var(--color--b-w--white);
}
.text-bodyb-2 {
color: var(--colors--neutral--700);
text-align: left;
margin-top: 0;
margin-bottom: 0;
font-family: Helvetica neue normal, Arial, sans-serif;
font-size: 20px;
font-weight: 400;
line-height: 140%;
}
.text-bodyb-2.center {
text-align: center;
}
.text-bodyb-2.white {
color: var(--color--b-w--white);
}
.text-bodyb-2.italic {
font-style: italic;
font-weight: 400;
}
.text-bodyb-2-med {
width: 100%;
color: var(--colors--primary--800);
flex-flow: row;
margin-top: 0;
margin-bottom: 0;
padding-bottom: 0;
font-family: Helvetica Neue Bold, Arial, sans-serif;
font-size: 20px;
font-weight: 500;
line-height: 130%;
display: block;
}
.text-bodyb-2-med.middle {
text-align: center;
}
.text-bodyb-2-med.white-gradient {
color: var(--color--b-w--white);
-webkit-text-fill-color: transparent;
background-image: linear-gradient(126deg, #ccc, #fafafa);
-webkit-background-clip: text;
background-clip: text;
}
.text-bodyb-2-med.center-italic {
text-align: center;
font-style: italic;
}
.text-bodyb-2-med.dark-mode {
color: var(--colors--primary--100);
}
.text-bodyb-3 {
width: 100%;
color: var(--colors--neutral--700);
margin-top: 0;
margin-bottom: 0;
font-family: Helvetica neue normal, Arial, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 140%;
}
.text-bodyb-3.white {
color: var(--colors--neutral--100);
margin-top: 0;
padding-right: 0;
font-weight: 400;
display: block;
}
.text-bodyb-3.white.center {
color: var(--colors--neutral--600);
}
.text-bodyb-3.middle {
text-align: center;
width: auto;
display: none;
}
.text-bodyb-3.middle.lets-contribute {
font-size: 20px;
line-height: 30px;
}
.text-bodyb-3.stats {
color: var(--colors--neutral--700);
}
.text-bodyb-3.left-desk-mid-mobile {
text-align: left;
}
.text-bodyb-3.our-offices {
font-size: 18px;
line-height: 140%;
}
.text-bodyb-3.center {
text-align: center;
}
.text-bodyb-3.center.white {
color: var(--colors--neutral--100);
}
.text-bodyb-3.centre {
text-align: center;
}
.text-bodyb-3.white-center {
color: var(--color--b-w--white);
text-align: center;
}
.text-bodyb-3.neutral {
color: var(--colors--neutral--200);
}
.text-bodyb-3-med {
color: var(--colors--primary--800);
-webkit-text-stroke-color: var(--colors--primary--600-p);
margin-top: 0;
margin-bottom: 0;
font-family: Helvetica Neue Medium, Arial, sans-serif;
font-size: 18px;
font-weight: 500;
line-height: 120%;
}
.text-bodyb-3-med.white {
color: var(--colors--neutral--200);
margin-top: 20px;
}
.text-bodyb-3-med.primary {
color: var(--colors--primary--600-p);
}
.text-bodyb-3-med.underline {
color: var(--colors--primary--600-p);
text-underline-offset: 4px;
text-decoration: underline;
-webkit-text-decoration-color: var(--colors--primary--600-p);
text-decoration-color: var(--colors--primary--600-p);
}
.text-bodyb-3-med.text-white {
color: var(--color--b-w--white);
transform: rotate(7deg);
}
.text-bodyb-3-med.text-white.hide {
display: none;
}
.text-bodyb-3-med._7-degree {
transform: rotate(7deg);
}
.text-bodyb-3-med._600 {
color: var(--colors--primary--600-p);
}
.text-bodyb-4 {
color: var(--colors--neutral--700);
margin-top: 0;
margin-bottom: 0;
font-family: Helvetica neue normal, Arial, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 130%;
}
.text-bodyb-4.middle {
color: var(--colors--neutral--600-2);
text-align: center;
}
.text-bodyb-4._200 {
color: var(--colors--neutral--200);
line-height: 140%;
}
.text-bodyb-4.white {
color: var(--color--b-w--white);
}
.text-bodyb-4.neutral {
color: var(--colors--neutral--200);
}
.text-bodyb-4-med {
color: var(--colors--primary--600-p);
margin-top: 0;
margin-bottom: 0;
font-family: Helvetica Neue Medium, Arial, sans-serif;
font-size: 16px;
font-weight: 500;
line-height: 24px;
text-decoration: none;
}
.text-bodyb-4-med.brand {
color: var(--colors--secondary--300-p);
}
.text-bodyb-4-med.primary {
color: var(--colors--primary--800);
text-decoration: none;
}
.text-bodyb-4-med.primary._14px {
color: var(--colors--neutral--600);
font-size: 14px;
}
.copyright {
color: var(--colors--neutral--600-2);
margin-top: 0;
margin-bottom: 0;
font-family: Helvetica neue normal, Arial, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 130%;
}
.copyright.white {
color: var(--colors--neutral--300);
margin-left: 0;
margin-right: 0;
}
.copyright.white.footer {
text-decoration: underline;
}
.copyright.white.footer:hover {
color: var(--colors--neutral--200);
}
.text-bodyb-5-med {
color: var(--colors--primary--600-p);
margin-top: 0;
margin-bottom: 0;
font-family: Helvetica Neue, sans-serif;
font-size: 14px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.text-bodyb-5-med.white {
color: var(--color--b-w--white);
letter-spacing: normal;
text-transform: none;
direction: ltr;
font-family: Helvetica Neue Medium, Arial, sans-serif;
font-weight: 500;
}
.section {
max-width: none;
padding: 60px 64px;
display: block;
overflow: hidden;
}
.section.hero {
padding-top: 60px;
padding-bottom: 60px;
}
.section.with-bg {
background-image: linear-gradient(180deg, #f4f4f4, var(--color--b-w--white) 50%, #f4f4f4 100%, #f4f4f4 100%, #f4f4f4);
padding-bottom: 80px;
}
.section.with-bg.core-values {
background-color: #e0eeed;
background-image: none;
padding-top: 100px;
padding-bottom: 40px;
position: relative;
}
.section.with-bg.core-values.logo {
max-width: 100%;
padding-bottom: 100px;
padding-left: 0;
padding-right: 0;
display: block;
}
.section.with-bg.about {
padding-top: 60px;
padding-bottom: 60px;
}
.section.with-bg.about.hide-section {
display: none;
}
.section.with-bg.service-details-1 {
background-image: linear-gradient(#00000080, #00000080), url("https://cdn.prod.website-files.com/689a86396206fe0c469a15fc/6936574541ddb77569cb15f2_project.avif");
background-position: 0 0, 0 0;
background-size: auto, cover;
height: auto;
display: none;
}
.section.with-bg.engagement {
background-image: none;
padding-bottom: 60px;
}
.section.with-bg.service-details-3 {
background-image: url("https://cdn.prod.website-files.com/689a86396206fe0c469a15fc/68dba8462bbfacb98a040d18_bg.png");
background-position: 50%;
background-size: cover;
padding-left: 0;
padding-right: 0;
position: relative;
}
.section.full-width {
background-color: var(--color--b-w--white);
padding-left: 0;
padding-right: 0;
position: relative;
overflow: hidden;
}
.section.full-width.gallery {
padding-top: 0;
padding-bottom: 40px;
}
.section.full-width.industry {
padding-top: 40px;
padding-bottom: 40px;
}
.section.full-width.industry.our-work {
padding: 60px 64px;
}
.section.full-width.industry.our-work.dark {
background-color: var(--_global-tokens---colors--dark--surface);
background-image: none;
}
.section.full-width.industry.our-work.hidden {
display: none;
}
.section.full-width.footer {
max-width: none;
padding-top: 40px;
padding-bottom: 0;
display: flex;
}
.section.full-width.footer.dark {
background-color: var(--_global-tokens-2---colors--dark--card02);
background-image: none;
}
.section.full-width.logo {
background-image: url("https://cdn.prod.website-files.com/689a86396206fe0c469a15fc/68aecda08c17df548c06ed60_Client%20logos%20background.png");
background-position: 0 0;
background-size: auto;
max-width: 100%;
padding-bottom: 80px;
display: block;
overflow: hidden;
}
.section.full-width.dark {
z-index: 1;
background-color: var(--colors--primary--800);
background-image: none;
background-position: 0 0;
background-size: auto;
overflow: hidden;
}
.section.full-width.dark.lets-build-product {
padding-left: 64px;
padding-right: 64px;
}
.section.full-width.no-padding {
background-color: var(--colors--neutral--100);
padding-top: 0;
}
.section.full-width.about-contact {
background-image: linear-gradient(139deg, #0f202b, #19374a);
}
.section.full-width.padding-0 {
padding-top: 0;
padding-bottom: 0;
}
.section.full-width.way-of-rork {
padding-bottom: 80px;
padding-left: 64px;
padding-right: 64px;
}
.section.stats {
padding-top: 60px;
padding-bottom: 40px;
}
.section.services-hero {
position: relative;
}
.section.why-us {
padding-bottom: 40px;
position: static;
}
.section.solution {
position: relative;
overflow: hidden;
}
.section.team {
padding-bottom: 40px;
}
.section.work {
background-color: var(--color--b-w--white);
padding-top: 80px;
padding-bottom: 80px;
}
.section.no-top-padding {
padding: 0;
}
.section.about {
padding-top: 100px;
padding-bottom: 100px;
}
.section.about.gallery {
background-color: #f5f5f1;
padding-top: 80px;
padding-bottom: 80px;
}
.section.about.nutral-100 {
background-color: var(--colors--neutral--100);
}
.section.about.hide-section {
display: none;
}
.section.case-study {
padding-top: 0;
display: none;
}
.section.work-cta {
padding-bottom: 80px;
}
.section.hiring-process-section {
height: auto;
display: block;
}
.section.hide {
display: flex;
}
.section.stats-services {
padding-top: 40px;
}
.section.stats-services.working-products {
background-image: linear-gradient(#ffffff80, #f4f4f4);
}
.section.stats-services.py-100 {
padding-top: 100px;
padding-bottom: 100px;
}
.section.out-story-home {
padding-top: 40px;
}
.section.out-story-home.hide {
display: none;
}
.section.gradient {
-webkit-text-fill-color: inherit;
background-image: linear-gradient(#ffffff8c, #f4f4f4);
background-clip: border-box;
}
.section.dark-bg {
background-image: linear-gradient(90deg, #0f202b, #19374a);
}
.section.design-process {
background-color: var(--colors--neutral--100);
padding-top: 80px;
padding-bottom: 80px;
}
.section.neutral100 {
background-color: var(--colors--neutral--100);
padding-top: 80px;
padding-bottom: 80px;
display: block;
position: relative;
}
.section.software-development {
background-image: url("https://cdn.prod.website-files.com/689a86396206fe0c469a15fc/69d21ad007a29c2bdec55d21_pattern%20bg.jpg");
background-position: 50% 100%;
background-size: cover;
height: auto;
padding-top: 60px;
padding-bottom: 60px;
}
.section.full-with-no-padding {
padding: 0;
}
.section.padding-40 {
padding-top: 40px;
padding-bottom: 40px;
}
.section.primary-50 {
background-color: var(--colors--primary--50);
padding-top: 80px;
padding-bottom: 80px;
}
.section.primary-50.hide {
display: none;
}
.section.zero-padding {
padding: 0;
}
.section.gradient-bg {
background-image: url("https://cdn.prod.website-files.com/689a86396206fe0c469a15fc/69cb58f2971d338830dbd65f_BG.png");
background-position: 50%;
background-size: cover;
position: relative;
}
.section.no-bottom-padding {
padding-bottom: 0;
}
.section._80-padding {
padding-top: 80px;
padding-bottom: 80px;
}
.section.tech-old-hide {
display: none;
}
.section.dark-2 {
background-color: #151918;
}
.section.hide-section {
display: none;
}
.section.case {
background-image: url("https://cdn.prod.website-files.com/689a86396206fe0c469a15fc/6a0bf577f52a3ecea60eb64e_CTASection.png");
background-position: 0 0;
background-repeat: no-repeat;
background-size: cover;
}
.section.our-saas-product {
background-image: linear-gradient(#ffffff80, #e2eceb);
padding-top: 40px;
padding-bottom: 40px;
}
.container-hero {
max-width: 1312px;
padding-top: 0;
padding-bottom: 0;
}
.buttonprimary {
grid-column-gap: 10px;
background-image: linear-gradient(#1f594bcc 0%, #1f594be6 47%, #1f594b 100%);
border-radius: 12px;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 12px 24px;
text-decoration: none;
display: flex;
}
.buttonprimary:hover {
background-color: var(--colors--primary--800);
}
.buttonprimary.effect-shadowsb1 {
background-color: #1f594b00;
background-image: linear-gradient(#1f594bcc, #1f594be6 47%, #1f594b);
transition: none;
}
.buttonprimary.effect-shadowsb1:hover {
background-color: var(--colors--primary--600-p);
background-image: none;
box-shadow: 0 8px 16px #12352c1a, 0 4px 30px #11362d0d;
}
.button-text {
color: var(--_global-tokens-2---colors--neutral--100);
margin-top: 0;
margin-bottom: 0;
font-family: Helvetica Neue, sans-serif;
font-size: 16px;
font-weight: 500;
line-height: 24px;
text-decoration: none;
}
.main-heading-2 {
color: #13362d;
text-align: left;
width: 100%;
margin-top: 0;
margin-bottom: 0;
margin-right: auto;
font-family: Helvetica Neue Bold, Arial, sans-serif;
font-size: 64px;
font-weight: 700;
line-height: 120%;
text-decoration: none;
display: inline-block;
}
.main-heading-2.center {
text-align: center;
width: auto;
}
.main-heading-3 {
width: auto;
color: var(--colors--primary--800);
margin-top: 0;
margin-bottom: 0;
font-family: Helvetica Neue Bold, Arial, sans-serif;
font-size: 48px;
font-style: normal;
font-weight: 700;
line-height: 120%;
text-decoration: none;
display: inline-block;
}
.main-heading-3.white {
color: var(--untitled-ui--white);
}
.grid-2-col {
grid-column-gap: var(--radius--16);
grid-row-gap: var(--radius--16);
grid-template-rows: auto;
grid-template-columns: 1fr .75fr;
place-items: center stretch;
width: 100%;
max-width: 1312px;
padding-top: 0;
}
.grid-2-col.title {
grid-column-gap: var(--spacing--80);
grid-row-gap: var(--spacing--80);
}
.grid-2-col.title.top-aligned {
grid-column-gap: var(--spacing--80);
grid-row-gap: var(--spacing--80);
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
place-items: start stretch;
padding-top: 0;
display: grid;
}
.grid-2-col.title.bottom-alligned {
grid-column-gap: 40px;
grid-row-gap: 40px;
justify-content: flex-start;
place-items: flex-end stretch;
}
.grid-2-col.title.bottom-alligned.our-work {
padding-top: 0;
}
.grid-2-col.engagement {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-columns: 1fr 1fr;
place-items: start stretch;
padding-top: 0;
}
.grid-2-col.industry {
border-top: 1px solid var(--colors--neutral--150);
grid-template-columns: .5fr 1fr;
padding-top: 32px;
padding-bottom: 32px;
}
.grid-2-col.industry.first {
border-top-style: none;
}
.grid-2-col.stats2 {
grid-column-gap: var(--spacing--40);
grid-row-gap: var(--spacing--40);
grid-template-columns: .25fr 1fr;
padding-top: 0;
}
.grid-2-col.whyus {
grid-column-gap: var(--spacing--24);
grid-row-gap: var(--spacing--0);
grid-template-columns: 1fr 1fr;
place-items: start stretch;
padding-top: 0;
position: relative;
}
.grid-2-col.about {
grid-column-gap: var(--spacing--24);
grid-row-gap: var(--spacing--24);
grid-template-columns: 1fr 1fr;
}
.grid-2-col.values {
border-bottom: 0 #000;
grid-template-columns: .5fr 1fr;
place-items: start stretch;
}
.grid-2-col.values.story {
grid-column-gap: var(--spacing--32);
grid-row-gap: var(--spacing--32);
grid-template-columns: .5fr 1fr;
}
.grid-2-col.values.story.hide {
display: none;
}
.grid-2-col.career {
grid-column-gap: 48px;
grid-template-columns: .75fr 1fr;
}
.grid-2-col.career-title {
grid-column-gap: var(--spacing--40);
grid-row-gap: var(--spacing--40);
grid-template-columns: .75fr 1fr;
place-items: start stretch;
}
.grid-2-col.learning {
grid-column-gap: 48px;
grid-template-columns: 1.5fr 1fr;
grid-auto-flow: row;
place-items: start stretch;
}
.grid-2-col.home-work {
grid-column-gap: var(--spacing--60);
grid-row-gap: var(--spacing--60);
grid-template-columns: 1fr 1fr;
place-items: start stretch;
padding-top: 0;
}
.grid-2-col.g-g, .grid-2-col.case-study {
grid-column-gap: var(--spacing--60);
grid-row-gap: var(--spacing--60);
}
.grid-2-col.top-aligned {
grid-column-gap: var(--spacing--32);
grid-row-gap: var(--spacing--32);
grid-template-columns: 1fr 1fr;
place-items: start stretch;
margin-bottom: 0;
}
.grid-2-col.service-details, .grid-2-col._1-0-75 {
place-items: start stretch;
}
.component-1 {
overflow: hidden;
}
.footer {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 1440px;
text-decoration: none;
display: flex;
}
.country-name {
color: #13362d;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Helvetica Neue Medium, Arial, sans-serif;
font-size: 18px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.country-name.white {
color: var(--color--b-w--white);
}
.country-phone {
color: #13362d;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Helvetica Neue Medium, Arial, sans-serif;
font-size: 24px;
font-weight: 700;
line-height: 120%;
text-decoration: none;
}
.country-phone.neutral {
color: var(--colors--neutral--200);
}
.icon-lms {
overflow: hidden;
}
.buttonsecondary-2 {
grid-column-gap: 10px;
background-color: var(--colors--secondary--300-p);
border-radius: 12px;
flex: 0 auto;
justify-content: center;
align-items: center;
width: 250px;
margin-top: 20px;
padding: 14px 24px 12px;
text-decoration: none;
transition: background-color .3s;
display: flex;
}
.buttonsecondary-2:hover {
background-color: var(--colors--secondary--200);
}
.hero-content {
grid-column-gap: 40px;
grid-row-gap: 40px;
max-width: none;
}
.button-div {
order: 0;
width: auto;
text-decoration: none;
display: block;
}
.button-div.testimonial {
justify-content: space-between;
align-items: center;
width: 180px;
padding-top: 0;
}
.button-div._220px {
flex: 0 auto;
justify-content: flex-start;
align-items: center;
width: 220px;
display: flex;
}
.button-div.top-margin {
margin-top: 16px;
}
.hero-content-wrapper {
grid-column-gap: 24px;
grid-row-gap: 24px;
display: flex;
}
.hero-image {
flex-flow: column;
min-width: auto;
max-height: 560px;
padding-bottom: 0;
display: flex;
}
.hero-image.design {
height: auto;
max-height: 600px;
}
.text-headings-play {
color: var(--colors--primary--800);
font-family: Playfair Display, sans-serif;
font-style: italic;
font-weight: 700;
line-height: 100%;
}
.text-headings-play.secondary {
color: var(--colors--secondary--400);
line-height: 100%;
}
.text-headings-play.white {
color: var(--color--b-w--white);
}
.text-headings-play.primary {
color: var(--colors--primary--600-p);
}
.grid-4-col {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.cardstats01 {
grid-row-gap: 10px;
background-image: linear-gradient(#ffffff80 0%, #f4f4f4 100%);
border: 1px solid #d1d0d0;
border-radius: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 306px;
padding: 24px;
text-decoration: none;
display: flex;
}
.cardstats01.years-of-experiences {
background-image: linear-gradient(270deg, #ffffff80, #f4f4f4);
border-style: none;
}
.statistic-item {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.statistic-value {
color: var(--colors--primary--800);
text-align: center;
text-shadow: 0 2px 2px #13362d26;
margin-top: 0;
margin-bottom: 0;
font-family: Helvetica Neue Medium, Arial, sans-serif;
font-size: 48px;
font-weight: 700;
line-height: 57px;
text-decoration: none;
}
.statistic-value.years-of-experiences {
display: flex;
}
.container-default {
z-index: 2;
grid-column-gap: 0px;
grid-row-gap: 0px;
background-color: var(--untitled-ui--gray50);
flex-flow: column;
justify-content: center;
align-items: center;
max-width: 1312px;
padding-top: 0;
padding-bottom: 0;
display: flex;
position: relative;
}
.container-default.industry {
grid-column-gap: 20px;
grid-row-gap: 20px;
padding-top: 0;
padding-bottom: 0;
}
.container-default.logo {
padding-top: 0;
padding-bottom: 0;
}
.container-default.full-width {
grid-column-gap: var(--spacing--20);
grid-row-gap: var(--spacing--20);
max-width: 1312px;
padding-top: 0;
padding-bottom: 0;
}
.container-default.full-width.footer.w_100 {
max-width: 100%;
display: block;
}
.container-default._1440 {
padding-top: 0;
padding-bottom: 0;
}
.container-default.service-details-hero {
height: auto;
position: relative;
}
.container-default.service-details-hero._02 {
z-index: 1;
height: auto;
}
.container-default._70vh {
height: 60vh;
display: block;
}
.container-default.product-management-content {
position: relative;
}
.container-default.case-study {
max-width: none;
}
.cardindustry {
grid-column-gap: 10px;
background-color: #fff;
border: 1px solid #d1d0d0;
border-radius: 24px;
flex: 0 auto;
justify-content: center;
align-items: center;
width: auto;
padding: 12px 32px;
text-decoration: none;
display: flex;
}
.small-title {
justify-content: flex-start;
align-items: center;
padding-bottom: 40px;
display: block;
}
.small-title.no-padding {
margin-bottom: 20px;
padding-bottom: 0;
}
.small-title.p-20 {
padding-bottom: 20px;
}
.small-title._100 {
width: 100%;
}
.uui-text-align-center {
text-align: center;
}
.align-center {
grid-column-gap: 60px;
grid-row-gap: 60px;
flex-flow: column;
justify-content: center;
align-items: center;
margin-left: auto;
margin-right: auto;
display: flex;
}
.align-center.block {
background-color: #7946f300;
}
.uui-logos04_list {
white-space: nowrap;
flex-flow: row;
grid-template-rows: auto;
grid-template-columns: 12.5rem 12.5rem 12.5rem 12.5rem 12.5rem 12.5rem 12.5rem 12.5rem;
grid-auto-columns: 1fr;
justify-content: space-around;
place-items: center start;
width: 175rem;
display: flex;
}
.uui-logos04_wrapper {
justify-content: center;
align-items: flex-start;
padding: .75rem 1.5rem;
display: flex;
}
.uui-logos04_logo {
height: 3rem;
}
.uui-logo-loop_inner {
display: flex;
}
.uui-section_logos04 {
overflow: hidden;
}
.uui-logo-loop_component {
height: 4.5rem;
margin-top: 0;
}
.description {
color: #231e1f;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Helvetica Neue;
font-size: 20px;
font-weight: 400;
line-height: 30px;
text-decoration: none;
}
.description.values {
border-bottom: 1px solid var(--colors--neutral--200);
padding-bottom: 60px;
}
.description.values.last {
border-bottom-style: none;
}
.grid-3-col {
z-index: 0;
grid-column-gap: 24px;
grid-row-gap: 24px;
border-top: 0px solid var(--colors--neutral--200);
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
padding-top: 0;
padding-bottom: 0;
position: relative;
}
.grid-3-col.solutions {
border-top-width: 1px;
padding-top: 40px;
padding-bottom: 40px;
}
.grid-3-col.solutions.first {
border-top-style: none;
grid-auto-flow: row;
}
.grid-3-col.design-philosophy {
grid-column-gap: 0px;
border-bottom: .5px solid var(--colors--neutral--200);
grid-template-columns: .25fr 1.5fr 2fr;
width: 100%;
padding-bottom: 24px;
}
.grid-3-col.design-philosophy.last {
border-bottom-style: none;
}
.solution-home {
max-width: 800px;
}
.flex-title-1 {
grid-column-gap: 32px;
grid-row-gap: 32px;
}
.card-portfolio-home {
grid-column-gap: var(--spacing--32);
grid-row-gap: var(--spacing--32);
}
.card-portfolio-home.hide {
display: none;
}
.card-portfolio-content {
grid-column-gap: var(--radius--20);
grid-row-gap: var(--radius--20);
flex-flow: column;
text-decoration: none;
display: flex;
}
.tags-services {
grid-column-gap: 12px;
border: 1px none var(--colors--primary--300);
background-color: #e6e6e6;
border-radius: 12px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
width: auto;
padding: 6px 10px 4px;
line-height: 120%;
text-decoration: none;
display: flex;
}
.tag-text-4 {
color: var(--colors--neutral--600);
margin-top: 0;
margin-bottom: 0;
font-family: Helvetica Neue, sans-serif;
font-size: 14px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.tags {
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-flow: wrap;
}
.portfolio-left, .portfolio-right {
grid-column-gap: var(--spacing--60);
grid-row-gap: var(--spacing--60);
}
.card-cta {
grid-row-gap: 24px;
background-image: linear-gradient(#ffffff80, #f4f4f4);
border: 1px #d1d0d0;
border-radius: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: auto;
padding: 24px;
text-decoration: none;
display: flex;
box-shadow: 0 6px 13px #6571761a, 0 18px 23px #65717617, 0 36px 32px #6571760d, 0 147px 41px #65717600;
}
.buttonprimary-2 {
grid-column-gap: 10px;
background-image: linear-gradient(#1f594bcc, #1f594be6 47%, #1f594b);
border-radius: 12px;
flex: 0 auto;
justify-content: center;
align-items: center;
width: 200px;
padding: 12px 24px 10px;
text-decoration: none;
transition: background-color .5s;
display: flex;
}
.buttonprimary-2:hover {
background-image: linear-gradient(to bottom, var(--colors--primary--700), var(--colors--primary--700));
}
.buttonprimary-3 {
grid-column-gap: 10px;
border: 2px solid var(--colors--primary--600-p);
border-radius: 14px;
flex: 0 auto;
justify-content: center;
align-items: center;
width: 200px;
padding: 10px 24px;
text-decoration: none;
display: flex;
}
.double-ctas {
grid-column-gap: 12px;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.icomoon-freequotes-left {
overflow: hidden;
}
.container-2 {
grid-column-gap: 12px;
grid-row-gap: 8px;
flex-flow: wrap;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.clinet-app {
grid-column-gap: 12px;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.container-4 {
grid-row-gap: 11.6092px;
border-radius: 116.092px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 60px;
height: 60px;
padding: 11.6092px;
text-decoration: none;
display: flex;
}
.testimonial_content {
grid-column-gap: var(--spacing--40);
grid-row-gap: var(--spacing--40);
border: 1px solid var(--colors--neutral--200);
background-color: #fff0;
background-image: linear-gradient(#fff, #f4f4f4);
border-radius: 1rem;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
width: auto;
min-width: auto;
margin-right: auto;
padding: 24px;
display: flex;
}
.testimonial_content.home {
width: 25rem;
min-width: 25rem;
}
.image-logo {
object-fit: cover;
border-radius: 100%;
width: 3rem;
min-width: 3rem;
height: 3rem;
min-height: 3rem;
}
.testimonial16_client-image-wrapper {
margin-right: .75rem;
}
.testimonial16_client {
text-align: left;
align-items: center;
display: flex;
}
.testimonial {
padding-top: 60px;
padding-bottom: 0;
overflow: hidden;
}
.flex-block-2 {
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-flow: column;
width: 100%;
}
.testimonial-client {
grid-column-gap: var(--spacing--24);
grid-row-gap: var(--spacing--24);
flex-flow: wrap;
justify-content: space-between;
width: 100%;
display: flex;
}
.icon-engagement {
width: 60px;
max-width: 60px;
overflow: hidden;
}
.cardengagement01-2 {
grid-column-gap: 40px;
grid-row-gap: 40px;
background-color: #fff;
border: 1px solid #d1d0d0;
border-radius: 20px;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
width: 100%;
max-width: none;
height: auto;
padding: 40px 24px;
text-decoration: none;
display: flex;
position: relative;
}
.cardengagement01-2.card-hover-animation {
border-color: var(--colors--neutral--150);
justify-content: flex-start;
}
.engagement-card-heading {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-flow: column;
display: flex;
}
.image-4 {
border-radius: var(--radius--20);
}
.cardengagement02 {
grid-column-gap: 32px;
border-style: solid;
border-width: 1px;
border-color: var(--colors--neutral--200) #d1d0d0;
background-color: var(--color--b-w--white);
border-radius: 24px;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 644px;
padding: 60px 24px;
text-decoration: none;
display: flex;
}
.cardengagement02.card-hover-animation {
border-color: var(--colors--neutral--150);
max-width: none;
height: 100%;
}
.container-6 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 209px;
text-decoration: none;
display: flex;
}
.icon-2 {
justify-content: center;
align-items: center;
display: flex;
overflow: hidden;
}
.container-7 {
grid-row-gap: 12px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 337px;
text-decoration: none;
display: flex;
}
.felx-engagement {
grid-column-gap: var(--spacing--24);
grid-row-gap: var(--spacing--24);
}
.brix---color-neutral-800 {
color: var(--elements-webflow-library--neutral--800);
}
.brix---color-neutral-600 {
color: var(--elements-webflow-library--neutral--600);
}
.brix---mg-bottom-40px {
margin-bottom: 40px;
}
.brix---btn-primary {
background-color: var(--elements-webflow-library--accent--primary-1);
color: var(--elements-webflow-library--neutral--100);
text-align: center;
transform-style: preserve-3d;
border-radius: 48px;
justify-content: center;
padding: 26px 38px;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 18px;
font-weight: 700;
line-height: 20px;
text-decoration: none;
transition: background-color .3s, transform .3s, color .3s;
}
.brix---btn-primary:hover {
background-color: var(--elements-webflow-library--secondary--color-1);
color: var(--elements-webflow-library--neutral--100);
transform: translate3d(0, -3px, .01px);
}
.brix---btn-secondary {
border: 1px solid var(--elements-webflow-library--neutral--300);
background-color: var(--elements-webflow-library--neutral--100);
color: var(--elements-webflow-library--neutral--800);
text-align: center;
transform-style: preserve-3d;
border-radius: 48px;
padding: 26px 38px;
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: 20px;
transition: border-color .3s, transform .3s, background-color .3s, color .3s;
box-shadow: 0 4px 10px #14142b0a;
}
.brix---btn-secondary:hover {
border-color: var(--elements-webflow-library--accent--primary-1);
background-color: var(--elements-webflow-library--accent--primary-1);
color: var(--elements-webflow-library--neutral--100);
transform: translate3d(0, -3px, .01px);
}
.brix---buttons-row {
align-items: center;
display: flex;
}
.brix---container-default-2 {
max-width: 1218px;
padding-left: 24px;
padding-right: 24px;
}
.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---opacity-20 {
opacity: .2;
}
.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---grid-hero-v1 {
grid-column-gap: 80px;
grid-row-gap: 28px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
display: grid;
}
.brix---button-row-left {
margin-right: 24px;
}
.brix---floating-image-hero-v2---1 {
z-index: -1;
max-width: 600px;
position: absolute;
inset: -1% auto auto -21%;
transform: rotate(140deg);
}
.brix---full-width-image {
object-fit: cover;
width: 100%;
height: 100%;
}
.brix---section-hero-full-width-right {
padding-top: 140px;
padding-bottom: 140px;
position: relative;
overflow: hidden;
}
.brix---hero-full-width-right-hero-v5 {
max-width: 45%;
position: absolute;
inset: 0% 0% 0% auto;
}
.about-gallery1_instance {
grid-column-gap: 2px;
grid-row-gap: 2px;
flex-flow: row;
width: 100%;
min-width: 0;
max-width: 100%;
max-height: 100%;
display: block;
position: relative;
}
.about-gallery1_list-wrapper {
width: 100%;
min-width: 0;
min-height: 1rem;
position: relative;
overflow: clip;
}
.about-gallery1_list {
min-width: 0;
height: auto;
min-height: 1rem;
transform-style: preserve-3d;
flex-direction: row;
justify-content: start;
align-items: start;
display: flex;
}
.about-gallery1_image {
aspect-ratio: 16 / 9;
object-fit: cover;
border-radius: 20px;
width: 100%;
height: 100%;
}
.aboutgallery2_instance {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-flow: row;
width: 100%;
min-width: 0;
max-width: 100%;
max-height: 100%;
margin-top: 20px;
display: block;
position: relative;
}
.aboutgallery2_list-wrapper {
width: 100%;
min-width: 0;
min-height: 1rem;
position: relative;
overflow: clip;
}
.aboutgallery2_list {
min-width: 0;
height: auto;
min-height: 1rem;
transform-style: preserve-3d;
flex-direction: row;
justify-content: start;
align-items: start;
display: flex;
}
.flex-container-40 {
grid-column-gap: var(--spacing--40);
grid-row-gap: var(--spacing--40);
flex-flow: column;
justify-content: flex-start;
align-items: center;
display: flex;
}
.flex-container-40.why-us {
position: static;
}
.flex-container-40.values {
grid-column-gap: var(--spacing--60);
grid-row-gap: var(--spacing--60);
}
.flex-container-40._40 {
grid-column-gap: var(--spacing--40);
grid-row-gap: var(--spacing--40);
}
.flex-container-40.max-1312 {
max-width: 1312px;
}
.flex-container-40.left {
justify-content: flex-start;
align-items: flex-start;
}
.button-style {
grid-column-gap: 10px;
border: 2px solid #98ca3c;
border-radius: 14px;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 14px 24px 12px;
text-decoration: none;
display: flex;
}
.cta_content {
grid-column-gap: var(--spacing--32);
grid-row-gap: var(--spacing--32);
flex-flow: column;
display: flex;
}
.cta_content.design {
flex-flow: column;
width: 60%;
}
.cta_component {
grid-column-gap: 4rem;
grid-row-gap: 4rem;
border-radius: var(--spacing--40);
background-image: linear-gradient(123deg, #0f202b, #19374a);
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
padding: 40px;
display: grid;
}
.cta_component.design {
border-radius: var(--radius--24);
justify-content: space-between;
width: 100%;
padding: 60px 64px;
display: flex;
position: relative;
overflow: hidden;
}
.cta_component.design.white {
background-color: var(--colors--neutral--100);
background-image: none;
}
.uui-cta03_image-wrapper {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.cta_image {
border-radius: var(--radius--20);
object-fit: cover;
width: 100%;
height: 100%;
}
.container-large-2 {
width: 100%;
max-width: 80rem;
margin-left: auto;
margin-right: auto;
}
.page-padding-2 {
padding-left: 64px;
padding-right: 64px;
}
.footer02_component {
background-image: linear-gradient(131deg, #19374a, #0f202b);
}
.footer02_top-wrapper {
grid-column-gap: 4vw;
grid-row-gap: 1rem;
grid-template-rows: auto;
grid-template-columns: 1fr .5fr;
align-items: start;
}
.footer02_top-wrapper.span-1_1 {
display: block;
}
.footer02_link {
grid-column-gap: .5rem;
color: var(--untitled-ui--gray600);
flex-wrap: nowrap;
align-items: center;
padding-top: 10px;
padding-bottom: 10px;
font-family: Helvetica neue normal, Arial, sans-serif;
font-size: 18px;
font-weight: 400;
text-decoration: none;
transition: all .3s;
display: flex;
}
.footer02_link:hover {
color: var(--untitled-ui--gray700);
}
.footer02_link.hide {
display: none;
}
.footer02_right-wrapper {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-direction: column;
display: flex;
}
.uui-footer02_social-link {
border: 1px solid var(--colors--primary--400);
color: var(--untitled-ui--gray400);
border-radius: 12px;
align-items: center;
text-decoration: none;
transition: all .3s;
display: flex;
}
.uui-footer02_social-link:hover {
border-color: var(--colors--primary--100);
color: var(--untitled-ui--gray500);
border-radius: 12px;
}
.footer02_bottom-wrapper {
border-top: 1px solid #ffffff4d;
justify-content: space-between;
align-items: center;
margin-top: 60px;
padding-top: 20px;
display: flex;
}
.footer02_social-list {
grid-column-gap: 12px;
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;
}
.footer02_link-list {
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 100%;
grid-auto-columns: 100%;
place-items: flex-start start;
display: flex;
}
.footer02_left-wrapper {
grid-column-gap: 2rem;
grid-row-gap: 3rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
place-items: start;
}
.footer02_left-wrapper.span-4 {
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.uui-footer02_legal-list {
grid-column-gap: 1rem;
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;
}
.logo_component {
flex-wrap: nowrap;
width: 210px;
height: auto;
display: flex;
}
.footer02_legal-list-wrapper {
grid-column-gap: 1rem;
display: flex;
}
.padding-vertical-xlarge {
padding-top: 60px;
padding-bottom: 20px;
}
.body-footer {
color: var(--colors--neutral--200);
font-family: Helvetica neue normal, Arial, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 120%;
transition: font-size .2s, color .1s;
}
.body-footer:hover {
color: var(--color--b-w--white);
font-family: Helvetica Neue Medium, Arial, sans-serif;
font-weight: 500;
}
.footer-title {
padding-bottom: 20px;
}
.services-wrapper {
grid-column-gap: var(--spacing--60);
grid-row-gap: var(--spacing--60);
}
.container-default-3 {
max-width: none;
padding-left: 64px;
padding-right: 64px;
}
.header-wrapper-2 {
-webkit-backdrop-filter: blur(16px);
backdrop-filter: blur(16px);
background-color: #fffc;
padding-top: 12px;
padding-bottom: 12px;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
position: sticky;
top: 0;
}
.header-wrapper-2.hide {
display: none;
}
.content-wrapper-2 {
justify-content: space-between;
align-items: center;
display: flex;
}
.header-menu-wrapper-2 {
height: auto;
}
.brix---header-nav-menu-list {
z-index: 1;
justify-content: flex-end;
align-items: center;
margin-top: 0;
margin-bottom: 0;
padding-left: 0;
list-style-type: none;
display: flex;
}
.header-nav-link-2 {
color: var(--colors--neutral--600);
padding: 0;
font-family: Helvetica neue normal, Arial, sans-serif;
font-size: 18px;
line-height: 20px;
transition: color 1.5s;
}
.header-nav-link-2:hover {
color: var(--colors--primary--600-p);
font-family: Helvetica Neue Medium, Arial, sans-serif;
font-weight: 500;
}
.header-nav-link-2:focus {
border-bottom: 2px none var(--colors--neutral--800);
color: var(--colors--primary--600-p);
font-family: Helvetica Neue Medium, Arial, sans-serif;
font-weight: 500;
}
.header-nav-link-2.w--current {
border-style: none none solid;
border-width: 1px 1px 2px;
border-color: black black var(--colors--primary--800);
color: var(--colors--primary--800);
font-family: Helvetica Neue Medium, Arial, sans-serif;
font-weight: 500;
transition-duration: 1.5s;
}
.header-nav-link-2.w--current:hover {
color: var(--colors--neutral--600);
font-family: Helvetica Neue Medium, Arial, sans-serif;
font-weight: 500;
}
.header-nav-link-2.w--current:active {
color: var(--colors--primary--600-p);
}
.header-nav-list-item-2 {
margin-bottom: 0;
padding-left: 32px;
}
.header-nav-list-item-2.hide {
display: none;
}
.header-logo-2 {
max-width: 250px;
}
.header-logo-link-2 {
width: 210px;
transform-style: preserve-3d;
padding-left: 0;
transition: transform .3s, color .3s;
}
.header-logo-link-2:hover {
transform: scale3d(.96, .96, 1.01);
}
.hamburger-menu-wrapper-2 {
padding: 0;
transition: transform .3s;
}
.hamburger-menu-wrapper-2:hover {
transform: scale(.96);
}
.hamburger-menu-wrapper-2.w--open {
background-color: #0000;
}
.hamburger-menu-bar-top-2, .hamburger-menu-bar-bottom-2 {
background-color: var(--elements-webflow-library--neutral--800);
border-radius: 20px;
width: 52px;
height: 4px;
margin-top: 12px;
margin-bottom: 12px;
}
.industry-2_item {
border: 2px solid var(--colors--neutral--200);
border-radius: var(--radius--24);
background-color: var(--color--b-w--white);
flex-flow: row;
flex: none;
justify-content: center;
align-items: stretch;
width: auto;
height: auto;
min-height: 1rem;
padding: 14px 32px 12px;
display: flex;
position: relative;
}
.brix---color-neutral-801 {
color: var(--elements-webflow-library--neutral--800);
}
.brix---mg-bottom-48px {
margin-bottom: 48px;
}
.brix---container-default-3 {
max-width: 1218px;
padding-left: 24px;
padding-right: 24px;
}
.brix---heading-h2-size {
margin-top: 0;
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: 38px;
font-weight: 700;
line-height: 50px;
}
.brix---text-center {
text-align: center;
}
.brix---logo-strip-full-width {
justify-content: center;
align-items: center;
width: 100%;
display: flex;
}
.brix---inner-container-574px---center {
max-width: 574px;
margin-left: auto;
margin-right: auto;
}
.brix---logo-strip-image-card {
border: 1px solid var(--elements-webflow-library--neutral--300);
width: 284px;
box-shadow: 0 1px 12px 0 var(--elements-webflow-library--general--shadow-02);
border-radius: 16px;
margin: 14px 16px;
}
.brix---section-logo-strip-v6 {
padding-top: 100px;
padding-bottom: 100px;
overflow: hidden;
}
.wrapper-full {
max-width: none;
padding-left: 0;
padding-right: 0;
position: static;
}
.wrapper-full.contact-us {
grid-column-gap: 80px;
grid-row-gap: 80px;
flex-flow: column;
justify-content: center;
align-items: center;
padding-left: 64px;
padding-right: 64px;
display: flex;
}
.wrapper-full.way-of-work-card {
z-index: 1;
justify-content: center;
align-items: center;
width: 100%;
display: flex;
position: relative;
}
.wrapper-full.lets-build.middle {
justify-content: center;
align-items: center;
}
.wrapper-full.max-1312 {
grid-column-gap: 40px;
grid-row-gap: 40px;
flex-flow: column;
width: 100%;
display: flex;
overflow: visible;
}
.fs-logo_instance {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-flow: row;
width: 100%;
min-width: 0;
max-width: 100%;
max-height: 100%;
display: flex;
position: relative;
}
.client-logo_instance {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-flow: row;
width: 100%;
min-width: 0;
max-width: 100%;
max-height: 100%;
display: block;
position: relative;
}
.client-logo_list-wrapper {
width: 100%;
min-width: 0;
min-height: 1rem;
position: relative;
overflow: clip;
}
.client-logo_list {
grid-column-gap: var(--spacing--24);
grid-row-gap: var(--spacing--24);
min-width: 0;
height: auto;
min-height: 1rem;
transform-style: preserve-3d;
flex-direction: row;
justify-content: center;
align-items: flex-start;
display: flex;
}
.client-logo_item {
background-color: var(--color--b-w--white);
backface-visibility: hidden;
width: 170px;
min-width: 100px;
height: auto;
min-height: 1rem;
transition-property: transform opacity;
border-radius: 12px;
flex: none;
justify-content: center;
align-items: stretch;
padding: 0;
display: flex;
position: relative;
}
.client-logo_item.no-fill {
background-color: #fff0;
}
.fs-client-logo_image {
aspect-ratio: 16 / 9;
border-radius: var(--radius--12);
object-fit: cover;
width: 100%;
height: 100%;
}
.clientlogo2_instance {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-flow: row;
width: 100%;
min-width: 0;
max-width: 100%;
max-height: 100%;
display: block;
position: relative;
}
.clientlogo2_list-wrapper {
width: 100%;
min-width: 0;
min-height: 1rem;
position: relative;
overflow: clip;
}
.clientlogo2_list {
grid-column-gap: var(--spacing--24);
grid-row-gap: var(--spacing--24);
min-width: 0;
height: auto;
min-height: 1rem;
transform-style: preserve-3d;
flex-direction: row;
justify-content: center;
align-items: flex-start;
display: flex;
}
.fs-clientlogo2_image {
aspect-ratio: 16 / 9;
object-fit: cover;
border-radius: .5rem;
width: 100%;
height: 100%;
}
.logo-wrapper {
grid-column-gap: var(--spacing--32);
grid-row-gap: var(--spacing--32);
width: auto;
}
.logo-wrapper.about-contact {
justify-content: center;
align-items: flex-start;
width: 50%;
padding-right: 40px;
}
.uui-text-size-small-5 {
color: var(--untitled-ui--gray600);
letter-spacing: normal;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: .875rem;
line-height: 1.5;
}
.uui-container-large-3 {
width: 100%;
max-width: 80rem;
margin-left: auto;
margin-right: auto;
}
.uui-page-padding-3 {
padding-left: 2rem;
padding-right: 2rem;
}
.uui-text-size-large-3 {
color: var(--untitled-ui--gray600);
letter-spacing: normal;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1.125rem;
line-height: 1.5;
}
.uui-padding-vertical-xhuge {
padding-top: 7rem;
padding-bottom: 7rem;
}
.flex-block-4 {
grid-column-gap: 20px;
grid-row-gap: 20px;
}
.uui-text-align-center-3 {
text-align: center;
}
.align-center-3 {
margin-left: auto;
margin-right: auto;
}
.uui-max-width-large-3 {
width: 100%;
max-width: 48rem;
}
.uui-max-width-large-3.align-center-3 {
margin-left: auto;
margin-right: auto;
}
.uui-heading-xxsmall-2 {
color: var(--untitled-ui--gray900);
letter-spacing: normal;
margin-top: 0;
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: 1.25rem;
font-weight: 600;
line-height: 1.5;
}
.uui-heading-xxsmall-2.text-weight-medium {
font-weight: 500;
}
.uui-heading-medium-2 {
color: var(--untitled-ui--gray900);
margin-top: 0;
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: 2.25rem;
font-weight: 600;
line-height: 1.3;
}
.uui-testimonial13_content {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
border: 1px solid var(--untitled-ui--gray50);
background-color: var(--untitled-ui--gray50);
border-radius: 1rem;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
width: 100%;
padding: 2rem;
display: flex;
}
.uui-testimonial13_rating-wrapper {
display: flex;
}
.uui-testimonial13_component {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
align-items: stretch;
margin-top: 4rem;
display: grid;
}
.uui-testimonial13_customer-image {
object-fit: cover;
border-radius: 100%;
width: 3rem;
min-width: 3rem;
height: 3rem;
min-height: 3rem;
}
.uui-testimonial13_client-image-wrapper {
margin-right: .75rem;
}
.uui-testimonial13_client {
text-align: left;
align-items: center;
margin-top: auto;
display: flex;
}
.uui-testimonial13_rating-icon {
width: 1.25rem;
height: 1.25rem;
color: var(--untitled-ui--warning300);
justify-content: center;
align-items: center;
margin-right: .25rem;
display: flex;
}
.uui-space-xsmall-2 {
width: 100%;
min-height: 1rem;
}
.uui-testimonial13_client-heading {
color: var(--untitled-ui--gray900);
letter-spacing: normal;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1rem;
font-weight: 600;
}
.countries-wrapper {
background-color: var(--colors--neutral--100);
justify-content: center;
align-items: center;
width: 100%;
max-width: none;
padding: 16px 24px;
text-decoration: none;
display: flex;
}
.countries-wrapper.dark-bg {
background-color: var(--_global-tokens-2---colors--dark--card02);
}
.office-wrapper {
grid-row-gap: 16px;
border-radius: 12px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 421px;
padding: 20px 24px;
text-decoration: none;
display: flex;
}
.city {
background-color: var(--color--b-w--white);
border-radius: 100px;
padding: 10px;
}
.city._64 {
justify-content: center;
align-items: center;
width: auto;
height: auto;
padding: 16px;
display: flex;
box-shadow: 0 4px 17px #0003;
}
.services-title {
color: var(--colors--primary--800);
margin-top: 0;
margin-bottom: 0;
font-family: Helvetica Neue Medium, Arial, sans-serif;
font-size: 32px;
font-weight: 500;
line-height: 120%;
}
.services-hero-wrapper {
width: 80%;
padding-left: 20px;
padding-right: 20px;
}
.container-small {
width: 100%;
max-width: 48rem;
margin-left: auto;
margin-right: auto;
}
.button-row {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
flex-wrap: wrap;
justify-content: center;
align-items: center;
display: flex;
}
.flex-wrapper {
grid-column-gap: var(--spacing--24);
grid-row-gap: var(--spacing--24);
flex-flow: column;
align-self: auto;
padding-top: 0;
padding-bottom: 0;
display: flex;
}
.flex-wrapper.center {
justify-content: flex-start;
align-items: center;
}
.about-title {
font-family: Helvetica Neue Medium, Arial, sans-serif;
font-size: 32px;
font-weight: 400;
line-height: 120%;
}
.floating-div {
border-radius: 24px;
width: 200px;
height: 200px;
position: relative;
inset: 20% 1% 0% auto;
}
.image-square {
border-radius: 24px;
}
.usps {
grid-column-gap: 12px;
flex: 0 auto;
justify-content: space-between;
align-items: center;
text-decoration: none;
display: flex;
}
.usps.g-g {
grid-column-gap: 12px;
justify-content: flex-start;
align-items: center;
}
.check {
overflow: hidden;
}
.usp-row {
grid-column-gap: 32px;
grid-row-gap: 32px;
justify-content: center;
align-items: center;
width: 100%;
display: flex;
}
.usp-row.g-g {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
align-items: center;
display: flex;
}
.icon-24 {
width: 24px;
height: 24px;
}
.services-hero {
grid-column-gap: var(--spacing--32);
grid-row-gap: var(--spacing--32);
justify-content: flex-start;
align-items: center;
}
.services-hero.details {
justify-content: center;
align-items: center;
}
.section_featuresv8 {
padding-top: 0;
}
.featuresv8_header {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-direction: row;
align-items: center;
margin-bottom: 20px;
display: flex;
}
.featuresv8_header._50--desktop {
width: 50%;
}
.padding-section-large {
padding-top: 0;
padding-bottom: 0;
}
._2x1-grid-layout {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-rows: auto;
grid-template-columns: 1.75fr 1fr;
grid-auto-columns: 1fr;
place-items: start stretch;
display: grid;
}
.featuresv8_content {
max-width: none;
}
.text-custom-gray {
color: #636262;
}
.padding-bottom {
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.featuresv8_component {
background-color: #fff;
border: 1px solid #000;
border-bottom-style: none;
border-top-left-radius: 46px;
border-top-right-radius: 46px;
padding: 2.5rem 5rem;
position: sticky;
}
.featuresv8_component._01 {
border-top-color: var(--colors--neutral--200);
border-top-left-radius: var(--radius--none);
border-top-right-radius: var(--radius--none);
border-bottom-style: none;
border-left-style: none;
border-right-style: none;
margin-top: 0;
margin-bottom: auto;
padding: 20px 64px 40px;
top: 80px;
}
.featuresv8_component.is-third {
margin-bottom: 0;
top: 12rem;
}
.featuresv8_component._02 {
border-top-color: var(--colors--neutral--200);
border-bottom-style: none;
border-left-style: none;
border-right-style: none;
border-top-left-radius: 0;
border-top-right-radius: 0;
padding: 20px 64px 40px;
top: 160px;
}
.featuresv8_component._03 {
border-top-color: var(--colors--neutral--200);
border-bottom-style: none;
border-left-style: none;
border-right-style: none;
border-top-left-radius: 0;
border-top-right-radius: 0;
padding: 20px 64px 40px;
top: 240px;
}
.featuresv8_component._04 {
border-top-color: var(--colors--neutral--200);
border-bottom-style: none;
border-left-style: none;
border-right-style: none;
border-top-left-radius: 0;
border-top-right-radius: 0;
padding: 20px 64px 40px;
position: sticky;
top: 320px;
}
.featuresv8_sticky-wrapper {
flex-flow: column;
display: flex;
position: relative;
}
.services-content-wrapper {
grid-column-gap: var(--spacing--24);
grid-row-gap: var(--spacing--24);
flex-flow: column;
max-width: 40rem;
display: flex;
}
.featuresv8_image-div {
background-image: url("https://cdn.prod.website-files.com/689a86396206fe0c469a15fc/68f4df5de85df3d969568e6b_Consultancy.png");
background-position: 0 0;
background-size: auto;
width: 400px;
height: auto;
}
.featuresv8_header-text {
font-size: 1.5rem;
font-weight: 700;
}
.featuresv8_image {
object-fit: cover;
border-radius: 24px;
width: 100%;
height: 100%;
margin-left: auto;
margin-right: auto;
}
.page-wrapper {
flex-direction: column;
justify-content: center;
align-items: center;
margin-top: 0;
display: flex;
}
.services-tags-wrapper {
grid-column-gap: var(--spacing--3);
grid-row-gap: var(--spacing--3);
flex-flow: wrap;
display: flex;
}
.description-wrapper {
grid-column-gap: var(--spacing--24);
grid-row-gap: var(--spacing--24);
}
.way-of-work {
grid-row-gap: 60px;
background-image: linear-gradient(#f8f8f880, #f4f4f4);
border: 1px #d1d0d0;
border-radius: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: none;
padding: 24px 24px 32px;
text-decoration: none;
display: flex;
}
.way-of-work.g-g {
background-image: linear-gradient(#f8f8f880, #f4f4f4);
}
.way-of-work.telenor {
grid-row-gap: 24px;
background-image: none;
max-width: none;
}
.way-of-work._4-grid {
max-width: none;
}
.tiltle-wow {
grid-row-gap: 20px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.tiltle-wow._32-padding {
grid-row-gap: 32px;
}
.product-discovery {
width: 100%;
color: var(--colors--primary--800);
margin-top: 0;
margin-bottom: 0;
font-family: Helvetica Neue Bold, Arial, sans-serif;
font-size: 28px;
font-weight: 700;
line-height: 31px;
text-decoration: none;
}
.description-wow {
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
._60px-padding {
grid-column-gap: var(--spacing--60);
grid-row-gap: var(--spacing--60);
}
.industry-02 {
grid-column-gap: var(--spacing--40);
grid-row-gap: var(--spacing--40);
justify-content: flex-start;
align-items: flex-start;
}
.stats-01 {
grid-row-gap: 10px;
background-image: linear-gradient(270deg, #ffffff80 0%, #f4f4f4 100%);
border-top-left-radius: 12px;
border-bottom-left-radius: 12px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 306px;
height: 348px;
padding: 40px 24px;
text-decoration: none;
display: flex;
}
.stats-01.hide {
display: none;
}
.div-120 {
grid-row-gap: 120px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 268px;
text-decoration: none;
display: flex;
}
.stats02 {
grid-row-gap: 10px;
border: 1px solid var(--colors--neutral--100);
background-image: linear-gradient(-61.21deg, #ffffff80, #f4f4f4);
border-radius: 12px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 320px;
height: 172px;
padding: 24px;
text-decoration: none;
display: flex;
}
.stats02.top-edge {
border-top-right-radius: 12px;
}
.stats02.bottom-edge {
border-bottom-right-radius: 12px;
}
.stats02.client-number {
background-image: linear-gradient(#ffffff80, #e2eceb);
border-style: none;
border-radius: 16px;
}
.frame-4-2 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.stats-2nd-col {
grid-column-gap: 4px;
grid-row-gap: 4px;
}
.uui-container-large-4 {
width: 100%;
max-width: 80rem;
margin-left: auto;
margin-right: auto;
}
.uui-page-padding-4 {
padding-left: 2rem;
padding-right: 2rem;
}
.uui-text-size-large-4 {
color: var(--untitled-ui--gray600);
letter-spacing: normal;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1.125rem;
line-height: 1.5;
}
.uui-heading-large-3 {
color: var(--untitled-ui--gray900);
margin-top: 0;
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: 3rem;
font-weight: 600;
line-height: 1.2;
}
.uui-button-6 {
grid-column-gap: .5rem;
border: 1px solid var(--untitled-ui--primary600);
background-color: var(--untitled-ui--primary600);
color: var(--untitled-ui--white);
text-align: center;
white-space: nowrap;
border-radius: .5rem;
justify-content: center;
align-items: center;
padding: .625rem 1.125rem;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1rem;
font-weight: 600;
line-height: 1.5;
text-decoration: none;
transition: all .3s;
display: flex;
box-shadow: 0 1px 2px #1018280d;
}
.uui-button-6:hover {
border-color: var(--untitled-ui--primary700);
background-color: var(--untitled-ui--primary700);
}
.uui-button-6:focus {
background-color: var(--untitled-ui--primary600);
box-shadow: 0 1px 2px 0 #1018280d, 0 0 0 4px var(--untitled-ui--primary100);
}
.uui-button-row {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
flex-wrap: wrap;
align-items: center;
display: flex;
}
.uui-section_cta01 {
background-color: var(--untitled-ui--white);
}
.uui-cta01_component {
grid-column-gap: 4rem;
grid-row-gap: 4rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
display: grid;
}
.uui-button-secondary-gray-2 {
grid-column-gap: .5rem;
border: 1px solid var(--untitled-ui--gray300);
background-color: var(--untitled-ui--white);
color: var(--untitled-ui--gray700);
text-align: center;
white-space: nowrap;
border-radius: .5rem;
justify-content: center;
align-items: center;
padding: .625rem 1.125rem;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1rem;
font-weight: 600;
line-height: 1.5;
text-decoration: none;
transition: all .3s;
display: flex;
box-shadow: 0 1px 2px #1018280d;
}
.uui-button-secondary-gray-2:hover {
background-color: var(--untitled-ui--gray50);
color: var(--untitled-ui--gray800);
}
.uui-button-secondary-gray-2:focus {
background-color: var(--untitled-ui--white);
box-shadow: 0 1px 2px 0 #1018280d, 0 0 0 4px var(--untitled-ui--gray100);
}
.uui-cta01_image-wrapper {
background-color: var(--untitled-ui--gray100);
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
min-height: 32rem;
display: flex;
position: relative;
overflow: hidden;
}
.uui-cta01_image-02 {
width: 15.25rem;
min-width: 15.25rem;
position: absolute;
inset: auto 0% -5rem 2rem;
}
.uui-cta01_image-01 {
border: .25rem solid var(--untitled-ui--gray900);
border-radius: .5rem;
width: 40rem;
min-width: 40rem;
position: absolute;
inset: auto auto auto 16%;
}
.uui-space-small-4 {
width: 100%;
min-height: 1.5rem;
}
.uui-space-medium {
width: 100%;
min-height: 2rem;
}
.uui-padding-vertical-xhuge-3 {
padding-top: 7rem;
padding-bottom: 7rem;
}
.f-h2-heading {
color: var(--flowui-component-library--gray-900);
letter-spacing: -.04em;
margin-top: 0;
margin-bottom: 0;
font-size: 56px;
line-height: 1.2;
}
.f-container-regular-2 {
width: 100%;
max-width: 1140px;
margin-left: auto;
margin-right: auto;
position: relative;
}
.f-margin-bottom-25 {
margin-bottom: 24px;
}
.f-paragraph-large-2 {
letter-spacing: -.02em;
margin-bottom: 0;
font-size: 18px;
line-height: 32px;
}
.f-button-neutral {
background-color: var(--flowui-component-library--gray-900);
min-height: 48px;
color: var(--flowui-component-library--white);
text-align: center;
letter-spacing: -.02em;
border-radius: 50px;
justify-content: center;
align-items: center;
padding: 12px 32px;
font-size: 14px;
font-weight: 500;
text-decoration: none;
transition: background-color .3s;
display: flex;
}
.f-button-neutral:hover {
background-color: var(--flowui-component-library--gray-700);
}
.f-cta-text-wrapper-center {
text-align: center;
flex-direction: column;
justify-content: center;
align-items: center;
max-width: 640px;
margin-left: auto;
margin-right: auto;
display: flex;
}
.f-cta-logo-card {
border: 1px solid var(--flowui-component-library--gray-200);
border-radius: 6px;
justify-content: center;
align-items: center;
min-height: 96px;
padding: 24px;
transition: border-color .2s, box-shadow .2s;
display: flex;
}
.f-cta-logo-card:hover {
box-shadow: 23px 23px 64px -16px #393b6a0f;
}
.f-section-regular {
padding: 72px 5%;
position: relative;
}
.f-margin-bottom-48 {
margin-bottom: 48px;
}
.f-margin-bottom-72 {
margin-bottom: 72px;
}
.f-grid-four-columns {
grid-column-gap: 40px;
grid-row-gap: 40px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
._4-44--div {
flex: none;
width: 3.92%;
margin-right: 0;
}
.gradient {
-webkit-text-fill-color: transparent;
background-image: linear-gradient(to right, #f89961, #d37b9a 29%, #838fe0 56%, #6cadcf 80%, #6dd69d);
-webkit-background-clip: text;
background-clip: text;
}
.slide-box {
background-color: #fff;
border-radius: 20px;
flex: none;
justify-content: center;
align-items: center;
width: 400px;
height: 500px;
transition: all .3s;
display: block;
position: relative;
overflow: hidden;
box-shadow: 0 -1px 20px #6e6e731a;
}
.slide-box:hover {
transform: scale(1.01);
box-shadow: 0 -1px 20px #6e6e7340;
}
.slide-box._240px {
align-items: flex-start;
width: 333px;
height: 240px;
display: flex;
}
.slide-box._240px.margin-right {
width: 520px;
height: auto;
padding: 20px;
}
.slider-container {
grid-column-gap: 24px;
grid-row-gap: 24px;
object-fit: fill;
margin-bottom: 0;
padding-top: 20px;
padding-bottom: 60px;
display: none;
overflow: auto;
}
.icon {
grid-column-gap: 10px;
background-color: #fff;
border-radius: 32px;
justify-content: center;
align-items: center;
width: auto;
height: auto;
padding: 12px;
text-decoration: none;
display: flex;
}
.icon.medium-64-40 {
width: 64px;
max-width: none;
}
.icon.no-bg {
background-color: #fff0;
padding: 0;
}
.fi-sr-discussion-idea-1 {
width: 36px;
overflow: hidden;
}
.whyus-2 {
grid-row-gap: 10px;
border: 1px none var(--colors--neutral--200);
background-color: var(--colors--neutral--100);
border-radius: 16px;
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
width: 100%;
max-width: 533px;
height: 340px;
padding: 24px 24px 32px;
text-decoration: none;
display: flex;
}
.why-us-padding {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
width: 100%;
height: 210px;
text-decoration: none;
display: flex;
}
.whyus-text-wrapper {
grid-column-gap: 12px;
grid-row-gap: 12px;
color: #231e1f;
flex-flow: column;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: undefined;
font-size: 24px;
font-weight: 400;
line-height: 32px;
text-decoration: none;
display: flex;
}
.description-whyus {
color: #231e1f;
width: 100%;
margin-top: 0;
margin-bottom: 0;
margin-right: .375rem;
font-family: Helvetica neue normal, Arial, sans-serif;
font-size: 24px;
font-weight: 400;
line-height: 130%;
text-decoration: none;
display: inline-block;
}
.whyus-wrapper {
padding-bottom: 0;
}
.whyus-wrapper._01 {
z-index: 2;
justify-content: flex-end;
align-items: flex-start;
padding-bottom: 24px;
display: flex;
position: relative;
}
.whyus-wrapper._02 {
z-index: 2;
justify-content: flex-start;
align-items: flex-start;
padding-top: 0;
padding-bottom: 0;
display: flex;
position: relative;
}
.round-gradient {
background-color: #fff;
width: 250px;
height: 250px;
}
.blur-gradient {
z-index: 1;
filter: blur(20px);
position: absolute;
inset: 50% auto 0% 50%;
transform: translate(-50%, -35%);
}
.blur-gradient-1 {
z-index: 1;
position: absolute;
inset: -3% -15% 0% auto;
}
.blur-gradient-1.service {
z-index: 2;
max-width: 360px;
top: -1%;
}
.blur-gradient-1.design {
inset: 25% auto 0% -15%;
}
.blur-gradient-1.design.cta {
inset: 55% 25% 0% auto;
inset: auto auto -87% 0%;
}
.intro_image-1 {
aspect-ratio: 2 / 2.6;
object-fit: cover;
border-radius: 1.5rem;
width: 160px;
height: 160px;
position: absolute;
top: -10%;
right: 90%;
}
.intro_image-1._2 {
top: 65%;
right: 95%;
}
.intro_component {
flex-flow: column;
justify-content: flex-start;
align-items: center;
display: flex;
position: relative;
}
.intro_image-2 {
aspect-ratio: 2 / 2.6;
object-fit: cover;
border-radius: 1.5rem;
width: 160px;
height: 160px;
position: absolute;
top: -10%;
left: 90%;
right: auto;
}
.intro_image-2._2 {
top: 65%;
left: 95%;
right: auto;
}
.container-medium {
width: 100%;
max-width: 100%;
margin-left: auto;
margin-right: auto;
}
.padding-global {
padding-left: 0;
padding-right: 0;
}
.padding-global._2 {
justify-content: center;
align-items: center;
max-width: 1312px;
height: 400px;
padding-left: 4rem;
padding-right: 4rem;
display: flex;
}
.section_services {
padding-top: 60px;
padding-bottom: 60px;
}
.certificate-container {
display: none;
}
.certificates-wrapper {
display: block;
overflow: hidden;
}
.page-padding {
padding: 5em 5%;
}
.page-padding.s0 {
padding-top: 0;
padding-bottom: 0;
padding-left: 0%;
}
.container-large {
width: 100%;
max-width: 80rem;
margin-left: auto;
margin-right: auto;
}
.padding-vertical {
padding-left: 0;
padding-right: 0;
}
.padding-vertical.padding-xxlarge {
padding: 0;
}
.logo_component-slider {
grid-column-gap: 12px;
grid-row-gap: 12px;
grid-template-rows: auto;
grid-template-columns: max-content 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
align-items: center;
width: 2200px;
display: flex;
}
.certifications {
grid-column-gap: 12px;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
width: 25%;
text-decoration: none;
display: flex;
}
.certifications.about {
width: auto;
padding-left: 0;
}
.certifications.about._03 {
display: none;
}
.certifications._w-auto {
width: auto;
}
.image-container {
grid-column-gap: 10px;
justify-content: center;
align-items: center;
width: 60px;
height: auto;
text-decoration: none;
display: flex;
}
.image-container.certificate {
width: 100px;
}
.certification-text {
color: #474040;
margin-top: 0;
margin-bottom: 0;
font-family: Helvetica Neue, sans-serif;
font-size: 20px;
font-weight: 500;
line-height: 30px;
text-decoration: none;
}
.certification-text.about {
font-family: Helvetica Neue Medium, Arial, sans-serif;
font-size: 18px;
}
.certification-text.center {
text-align: center;
}
.certification-text.center.white {
color: var(--color--b-w--white);
font-family: Helvetica neue normal, Arial, sans-serif;
font-size: 18px;
font-weight: 400;
}
.text-container-3 {
grid-column-gap: 4px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
text-decoration: none;
display: flex;
}
.text-container-3.certificate-about {
width: 230px;
}
.certificate-padding {
padding-top: 60px;
}
.rt-text-white {
color: var(--radiant-ui-components-library-marketplace--color--white\);
}
.rt-text-white.rt-text-uppercase {
text-transform: uppercase;
}
.rt-text-white.rt-text-uppercase.rt-text-small {
color: var(--colors--primary--600-p);
text-transform: capitalize;
font-family: Helvetica Neue Medium, Arial, sans-serif;
font-size: 16px;
line-height: 120%;
}
.rt-component-container-2 {
color: #6d6d6d;
width: 100%;
max-width: 1290px;
position: relative;
}
.rt-component-section-2 {
color: #6d6d6d;
background-color: #fff;
width: 100%;
padding: 0 15px;
font-family: Outfit;
font-size: 17px;
font-weight: 300;
line-height: 29px;
position: relative;
}
.rt-overflow-hidden-2 {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-flow: column;
justify-content: center;
align-items: center;
padding-top: 30px;
display: flex;
overflow: hidden;
}
.rt-overflow-hidden-2.lets-contribute {
flex-flow: column;
}
.rt-service-two-cta {
padding: 122px 15px 130px;
position: relative;
}
.rt-service-two-cta.rt-background-dark {
background-color: var(--radiant-ui-components-library-marketplace--color--button-background-dark\);
border-radius: 40px;
padding-top: 80px;
padding-bottom: 80px;
}
.rt-service-two-cta-background {
color: #6d6d6d;
background-image: url("https://cdn.prod.website-files.com/689a86396206fe0c469a15fc/68c103f375f00d4c6e6dcb1c_Contact%20usbg.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;
border-radius: 24px;
max-width: 1312px;
margin-left: auto;
margin-right: auto;
font-family: Helvetica Neue Bold, Arial, sans-serif;
position: absolute;
inset: 0%;
}
.rt-team-one-cta-main {
z-index: 1;
grid-column-gap: 24px;
grid-row-gap: 24px;
text-align: center;
flex-flow: column;
justify-content: flex-start;
align-items: center;
max-width: 620px;
margin-left: auto;
margin-right: auto;
display: flex;
position: relative;
}
.rt-team-one-cta-main.lets-contribute {
width: 100%;
max-width: 737px;
}
.rt-text-small {
font-size: .875rem;
}
.rt-text-uppercase {
text-transform: uppercase;
}
.rt-background-dark {
background-color: var(--radiant-ui-components-library-marketplace--color--button-background-dark\);
}
.blur-gradient-3 {
z-index: 1;
width: 380px;
height: 380px;
position: absolute;
inset: 60% auto auto -15%;
transform: translate(0, -50%);
}
.blur-gradient-3.green {
z-index: 1;
inset: 60% -15% 0% auto;
}
.blur-gradient-3.green.hide {
display: none;
}
.blur-gradient-3.cta {
z-index: 0;
}
.blur-gradient-3.cta.hide {
display: none;
}
.blur-gradient-3.design {
display: block;
inset: auto -7% -30% auto;
}
.blur-gradient-3.design._3 {
z-index: 0;
width: 320px;
height: 320px;
bottom: -15%;
right: 13%;
}
.service-image {
object-fit: contain;
object-position: 50% 50%;
width: 400px;
max-width: none;
height: 300px;
display: block;
}
.margin-bottom-32px {
margin-bottom: 32px;
}
.counter-text {
justify-content: center;
align-items: center;
display: flex;
}
.marquee-wrapper {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-flow: column;
display: flex;
overflow: hidden;
}
.logo {
opacity: 1;
vertical-align: baseline;
width: auto;
max-width: 85%;
margin-top: 0;
display: inline-block;
overflow: clip;
}
.marquee {
display: flex;
}
.unsplash-image {
aspect-ratio: auto;
object-fit: fill;
object-position: 50% 50%;
background-color: #c0c0c000;
width: 100%;
height: auto;
display: block;
}
.about-hero-image {
aspect-ratio: 1;
object-fit: cover;
border-radius: 12px;
max-width: none;
max-height: none;
}
.about-image {
width: auto;
max-width: none;
max-height: none;
}
.marquee-vertical-2col_component {
border: 1px #000;
border-radius: 1rem;
grid-template-rows: auto;
grid-template-columns: .75fr 1fr;
grid-auto-columns: 1fr;
align-items: stretch;
height: 90vh;
display: grid;
overflow: hidden;
}
.marquee-vertical-2col_component.portfolio {
grid-column-gap: 48px;
grid-row-gap: 48px;
grid-template-columns: 1.25fr 1fr;
place-items: center;
height: 60vh;
}
.marquee-vertical-2col_component.story {
grid-column-gap: 40px;
grid-row-gap: 40px;
height: 75vh;
}
.marquee-vertical-2col_card-content-left {
flex-direction: column;
justify-content: center;
align-items: flex-start;
padding: 0 0;
display: flex;
position: relative;
}
.marquee-vertical-2col_list-right {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
width: 100%;
height: 100%;
display: grid;
}
.marquee-vertical-2col_list-right.is-2 {
animation: 40s linear infinite reverse scroll-vertical;
}
.margin-bottom {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.margin-bottom.margin-small {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-flow: column;
margin-top: 0;
margin-left: 0;
margin-right: 0;
display: flex;
}
.marquee-vertical-2col_marquee-1 {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: column;
justify-content: flex-start;
align-items: center;
display: flex;
}
.marquee-vertical-2col_marquee-1._100 {
margin-top: -100px;
}
.marquee-vertical-2col_card-content-right {
grid-column-gap: 1rem;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-content: center;
align-items: center;
padding-right: 3rem;
display: grid;
overflow: hidden;
}
.marquee-vertical-2col_list {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
align-content: center;
width: 100%;
height: 100%;
display: grid;
}
.marquee-vertical-2col_marquee-2 {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: column;
justify-content: flex-end;
align-items: center;
display: flex;
}
.marquee-vertical-2col_marquee-2._50 {
margin-top: -50px;
}
.marquee_custom-code {
display: none;
}
.marquee-vertical-2col_list-left {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
column-count: 2;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
align-self: center;
column-gap: 1.5rem;
width: 100%;
height: 100%;
display: grid;
}
.marquee-vertical-2col_list-left.is-1 {
backface-visibility: visible;
animation: 40s linear infinite scroll-vertical;
}
.about-hero-wrapper {
justify-content: center;
align-items: center;
max-width: 1312px;
display: block;
}
.about-hero-wrapper.portfolio {
padding-left: 64px;
padding-right: 64px;
}
.full-width-about {
background-color: var(--colors--primary--50);
justify-content: center;
align-items: center;
padding-left: 64px;
display: flex;
}
.full-width-about.portfolio {
background-color: var(--colors--secondary--100);
justify-content: center;
align-items: center;
padding-left: 0;
padding-right: 0;
}
.page-name {
color: var(--colors--primary--600-p);
font-family: Helvetica Neue Medium, Arial, sans-serif;
font-size: 18px;
font-weight: 500;
line-height: 120%;
}
.page-name.white {
color: var(--color--b-w--white);
}
.page-name.primary-100 {
color: var(--colors--primary--100);
}
.about-info-section {
grid-row-gap: 24px;
border: 2px solid var(--color--b-w--white);
background-color: #fff9;
border-radius: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
padding: 24px 20px;
text-decoration: none;
display: flex;
}
.info-header {
grid-column-gap: 12px;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.info-content {
grid-row-gap: 64px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding-left: 12px;
text-decoration: none;
display: flex;
}
.about-icon-wrapper {
width: 40px;
max-width: 60px;
max-height: 60px;
}
.why-portonics {
grid-row-gap: 24px;
border: 1px solid var(--colors--neutral--200);
border-radius: 12px 12px var(--radius--12) var(--radius--12);
background-color: var(--color--b-w--white);
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
height: 200px;
padding: 24px;
text-decoration: none;
display: flex;
box-shadow: 0 -4px 9px #13362d05, inset 9px 11px 12px #fff3;
}
.detail-header {
grid-column-gap: 20px;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.detail-content {
grid-row-gap: 20px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
text-decoration: none;
display: flex;
}
.blur-gradient-core {
max-width: 386px;
max-height: 366px;
position: absolute;
top: -52px;
}
.blur-gradient-core._2 {
inset: 24% 0% 0% auto;
}
.blur-gradient-core._3 {
inset: auto 0% -11% -14%;
}
.about-flex {
grid-column-gap: 60px;
grid-row-gap: 60px;
flex-flow: column;
display: flex;
}
.brix---container-default-6 {
max-width: 1312px;
padding-left: 0;
padding-right: 0;
}
.image-human {
width: 100%;
height: 100%;
}
.brix---image-wrapper-br-24px {
background-image: none;
background-size: auto;
border-radius: 24px;
overflow: hidden;
}
.brix---grid-gallery-v5 {
grid-column-gap: 28px;
grid-row-gap: 28px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.brix---gallery-v5-col, .brix---gallery-v5-col-hidden {
grid-row-gap: 28px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.culture-card {
grid-row-gap: 20px;
background-color: #e3f3e9;
border-width: 0;
border-radius: 12px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: none;
height: auto;
padding: 24px;
text-decoration: none;
display: flex;
overflow: hidden;
box-shadow: 0 2px 4px #1b1c1d0a;
}
.culture-card._02, .culture-card._01 {
position: relative;
}
.title-icon {
grid-row-gap: 20px;
flex-flow: row;
justify-content: space-between;
align-items: center;
width: 100%;
max-width: 373px;
text-decoration: none;
display: flex;
}
.title-icon.max-width {
max-width: none;
}
.title-icon.about {
grid-column-gap: 12px;
grid-row-gap: 12px;
justify-content: flex-start;
}
.title-icon.about.culture {
justify-content: flex-start;
align-items: flex-start;
min-height: 100px;
}
.culture-wrapper {
grid-column-gap: 24px;
grid-row-gap: 24px;
border-bottom: 1px none var(--colors--neutral--200);
flex-flow: row;
max-width: none;
padding-bottom: 0;
display: flex;
}
.culture-wrapper.certificate {
border-bottom-style: none;
padding-bottom: 0;
}
.most-popular {
grid-column-gap: 12px;
border: 1px none var(--colors--primary--100);
background-color: #e0eeed;
border-top-right-radius: 20px;
border-bottom-left-radius: 16px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
padding: 6px 24px;
text-decoration: none;
display: flex;
position: absolute;
inset: 0% 0% auto auto;
box-shadow: -4px 2px 20px #13362d0f;
}
.blur-gradient-4 {
z-index: 2;
max-width: 360px;
position: absolute;
inset: auto -12% -78% auto;
}
.button-2 {
color: #040126;
text-align: center;
letter-spacing: -.03rem;
background-color: #9adbff;
padding: .75rem 1.5rem;
font-weight: 500;
text-decoration: none;
overflow: visible;
}
.button-2.c-09 {
border-radius: 50rem;
justify-content: center;
align-items: center;
display: flex;
position: relative;
overflow: hidden;
}
.btn-txt-container {
z-index: 5;
height: 1.5rem;
position: relative;
overflow: hidden;
}
.btn-txt {
position: relative;
}
.outline-logo-01 {
position: absolute;
inset: 50% -22% 0% auto;
}
.outline-logo-02 {
position: absolute;
inset: 46% auto 0% -22%;
}
.stats-about {
grid-row-gap: 24px;
border: 1px solid var(--colors--neutral--200);
border-radius: var(--radius--12);
background-color: var(--color--b-w--white);
flex-direction: column;
justify-content: flex-start;
align-items: center;
padding: 24px;
text-decoration: none;
display: flex;
box-shadow: 0 -4px 9px #13362d05, inset 9px 11px 12px #fff3;
}
.team-member {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
text-decoration: none;
display: flex;
}
.team-member-content {
grid-row-gap: 12px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
text-decoration: none;
display: flex;
}
.image-8 {
border-radius: var(--radius--12);
background-color: #d9d9d9;
background-image: url("https://cdn.prod.website-files.com/689a86396206fe0c469a15fc/68c112d09bb80d0f33c7cd5f_Image.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
min-height: auto;
}
.quote-about {
color: var(--colors--neutral--600-2);
margin-top: 0;
margin-bottom: 0;
font-family: Helvetica Neue Medium Italic, Arial, sans-serif;
font-size: 18px;
font-style: italic;
font-weight: 500;
line-height: 130%;
text-decoration: none;
}
.about-contact {
max-width: 1312px;
display: flex;
}
.about-contact.max-90 {
max-width: 1000px;
}
.contact-about {
border-top: 4px solid var(--colors--secondary--400);
background-image: url("https://cdn.prod.website-files.com/689a86396206fe0c469a15fc/68c1198abf0cc00ad020b18a_contact%20us%20bg.png");
background-position: 0 0;
background-size: cover;
border-bottom-right-radius: 12px;
border-bottom-left-radius: 12px;
flex-flow: column;
justify-content: center;
align-items: center;
width: 75%;
height: 310px;
display: flex;
}
.contact-button {
grid-column-gap: 10px;
background-color: var(--colors--secondary--100);
border-radius: 32px;
justify-content: flex-start;
align-items: center;
width: 64px;
height: 64px;
padding: 8px;
text-decoration: none;
display: flex;
box-shadow: 0 18.2857px 45.7143px #585c5f29;
}
.icon-container {
grid-column-gap: 10px;
background-color: var(--colors--primary--500);
border-radius: 24px;
justify-content: center;
align-items: center;
width: 48px;
height: 48px;
padding: 8px;
text-decoration: none;
display: flex;
}
.cta-wrapper-about {
grid-column-gap: 24px;
grid-row-gap: 24px;
justify-content: flex-start;
align-items: center;
}
.about-cta-wrapper {
grid-column-gap: 40px;
grid-row-gap: 40px;
background-color: var(--colors--neutral--100);
flex-flow: column;
justify-content: center;
align-items: stretch;
width: auto;
max-width: none;
padding-left: 0;
padding-right: 0;
display: flex;
}
.icon-about {
width: 40px;
}
.left-title-descriptiom {
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding-right: 0;
display: flex;
}
.left-title-descriptiom.service-details {
width: 80%;
}
.button-only {
justify-content: flex-start;
align-items: flex-end;
width: 220px;
}
.button-only.our-work {
width: 100%;
}
.brix---card {
grid-column-gap: 16px;
grid-row-gap: 16px;
border: 1px solid var(--elements-webflow-library--neutral--300);
background-color: var(--elements-webflow-library--neutral--100);
opacity: 0;
backface-visibility: visible;
transform-origin: 50%;
border-radius: 24px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: none;
}
.brix---btn-primary-4 {
width: 220px;
color: var(--elements-webflow-library--neutral--100);
text-align: center;
transform-style: preserve-3d;
background-color: #1f594b00;
background-image: linear-gradient(#1f594bcc, #1f594b);
border-radius: 12px;
justify-content: center;
padding: 12px 24px;
font-family: Helvetica Neue Medium, Arial, sans-serif;
font-size: 16px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
transition: background-color .3s, transform .3s, color .3s;
box-shadow: 0 4px 30px #12352c1a, 0 8px 16px #12352c1a;
}
.brix---btn-primary-4:hover {
background-color: var(--colors--primary--800);
color: var(--elements-webflow-library--neutral--100);
transform: translate3d(0, -3px, .01px);
}
.brix---input-2 {
border: 1px solid var(--colors--neutral--200);
background-color: var(--elements-webflow-library--neutral--100);
min-height: 60px;
box-shadow: 0 2px 7px 0 var(--elements-webflow-library--general--shadow-02);
color: var(--colors--neutral--400);
border-radius: 12px;
margin-bottom: 0;
padding: 16px 24px;
font-family: Helvetica neue normal, Arial, sans-serif;
font-size: 18px;
line-height: 20px;
transition: box-shadow .3s, color .3s, border-color .3s;
}
.brix---input-2:hover {
border-color: var(--colors--primary--300);
box-shadow: 0 2px 12px 0 var(--elements-webflow-library--general--shadow-03);
}
.brix---input-2:focus {
border-width: 2px;
border-color: var(--colors--primary--600-p);
color: var(--elements-webflow-library--neutral--800);
}
.brix---input-2::placeholder {
color: var(--colors--neutral--400);
font-size: 18px;
}
.brix---text-area-2 {
border: 1px solid var(--colors--neutral--200);
background-color: var(--elements-webflow-library--neutral--100);
min-height: 144px;
box-shadow: 0 2px 7px 0 var(--elements-webflow-library--general--shadow-02);
border-radius: 12px;
padding: 16px 24px;
font-size: 18px;
line-height: 28px;
transition: box-shadow .3s, color .3s, border-color .3s;
display: block;
}
.brix---text-area-2:hover {
border-color: var(--colors--primary--300);
box-shadow: 0 2px 12px 0 var(--elements-webflow-library--general--shadow-03);
}
.brix---text-area-2:focus {
border-width: 2px;
border-color: var(--colors--primary--600-p);
color: var(--elements-webflow-library--neutral--800);
}
.brix---text-area-2::placeholder {
color: var(--colors--neutral--400);
font-size: 18px;
}
.brix---success-message-2 {
background-color: var(--colors--primary--600-p);
color: var(--elements-webflow-library--neutral--100);
border-radius: 24px;
padding: 28px 28px 32px;
font-size: 18px;
line-height: 30px;
}
.brix---error-message-2 {
color: #ff5a65;
text-align: center;
background-color: #ffeff0;
border-radius: 16px;
margin-top: 20px;
padding: 20px 24px;
font-size: 18px;
line-height: 30px;
}
.brix---contact-form-left-side {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-flow: column;
width: 100%;
padding: 60px 40px;
display: flex;
}
.brix---input-label-2 {
color: var(--colors--neutral--600);
margin-bottom: 16px;
font-size: 18px;
line-height: 20px;
}
.brix---icon-success-message-big-2 {
width: 60px;
margin-bottom: 10px;
}
.brix---form-grid-2-columns-2 {
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;
}
.brix---grid-contact-v3 {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: 1.2fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: stretch;
display: flex;
}
.text-span {
text-decoration: underline;
}
.office-row {
grid-column-gap: 20px;
border-radius: var(--radius--12);
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding-top: 24px;
padding-bottom: 24px;
text-decoration: none;
display: flex;
}
.office-info {
grid-row-gap: 16px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.flex-office {
grid-column-gap: 40px;
grid-row-gap: 40px;
flex-flow: column;
width: 432px;
min-width: 400px;
display: flex;
}
.office-location-container {
grid-column-gap: 48px;
grid-row-gap: 48px;
justify-content: center;
align-items: center;
display: flex;
}
.image-map {
object-fit: fill;
width: 50%;
}
.offices {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-flow: column;
display: flex;
}
.image-9 {
max-width: 100%;
height: 100%;
}
.section-padding-large {
padding-top: 4rem;
padding-bottom: 4rem;
}
.section-padding-large.no-pading {
padding-top: 0;
padding-bottom: 0;
}
.stat-image {
aspect-ratio: 3 / 2;
object-fit: cover;
width: 100%;
height: 100%;
}
.padding-global-3 {
padding-left: 5%;
padding-right: 5%;
}
.padding-global-3.is-2rem {
padding-left: 0;
padding-right: 0;
}
.stat-number {
color: var(--colors--primary--800);
font-family: Helvetica Neue Bold, Arial, sans-serif;
font-size: 3rem;
font-weight: 700;
line-height: 1.3;
display: inline;
}
.stat-number.white {
color: var(--color--b-w--white);
}
.section-stat {
margin-left: auto;
margin-right: auto;
}
.container-large-3 {
width: 100%;
max-width: 105rem;
margin-left: auto;
margin-right: auto;
}
.margin-bottom-2, .margin-bottom-2.margin-large {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.stats-list {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
display: grid;
}
.margin-top {
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
}
.margin-top.margin-xxsmall {
margin-top: .5rem;
margin-bottom: 0;
}
.stats-component-wrapper {
background-color: #f4f4f400;
border-radius: 3rem;
max-width: 1312px;
margin-top: 0;
margin-left: auto;
margin-right: auto;
}
.stats-item {
background-color: #fff;
border-radius: 2rem;
flex-direction: column;
justify-content: space-between;
width: 100%;
padding: 2rem 1.5rem;
display: flex;
}
.stats-item.is-green {
background-color: var(--colors--primary--50);
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.stats-item.is-dark {
background-color: var(--colors--neutral--800);
color: #fff;
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.stats-item._01 {
background-color: var(--colors--neutral--100);
}
.stats-component {
flex-direction: column;
justify-content: center;
align-items: stretch;
display: flex;
}
.stat-image-wrapper {
border-radius: 2rem;
height: 100%;
overflow: hidden;
}
.portfolio-section-title {
justify-content: center;
align-items: flex-start;
padding-bottom: 60px;
display: flex;
}
.uui-container-large-6 {
width: 100%;
max-width: 1312px;
margin-left: auto;
margin-right: auto;
}
.uui-page-padding-6 {
padding-left: 64px;
padding-right: 64px;
}
.uui-max-width-large-6 {
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: none;
display: flex;
}
.uui-testimonial07_slide-nav {
height: 1.75rem;
font-size: .5rem;
inset: auto auto 0% 0%;
}
.uui-testimonial07_arrow {
border: 1px solid var(--untitled-ui--gray200);
width: 3rem;
height: 3rem;
color: var(--untitled-ui--gray500);
background-color: #fff;
border-radius: 100%;
justify-content: center;
align-items: center;
transition: all .2s;
display: flex;
inset: auto 0% 0% auto;
}
.uui-testimonial07_arrow:hover {
background-color: var(--untitled-ui--gray50);
}
.uui-testimonial07_arrow.left {
right: 4rem;
}
.uui-testimonial07_slide {
padding-right: 2rem;
}
.uui-testimonial07_mask {
width: 50%;
overflow: visible;
}
.uui-testimonial07_component {
background-color: #0000;
height: auto;
margin-top: 4rem;
padding-bottom: 6rem;
overflow: hidden;
}
.uui-button-icon {
flex-direction: column;
justify-content: center;
align-items: center;
width: 1.25rem;
min-width: 1.25rem;
height: 1.25rem;
min-height: 1.25rem;
display: flex;
}
.uui-padding-vertical-xhuge-5 {
padding-top: 60px;
padding-bottom: 60px;
}
.div-block-8 {
grid-column-gap: 48px;
grid-row-gap: 48px;
flex-flow: column;
justify-content: flex-start;
align-items: center;
display: flex;
}
.success-wrapper {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-flow: column;
display: flex;
}
.tag-3, .tag-4 {
padding: var(--spacing--1) var(--spacing--2) 6px;
grid-column-gap: 8px;
border-radius: var(--radius--4);
background-color: var(--color--b-w--white);
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.tag-text-6 {
color: var(--colors--neutral--600);
margin-top: 0;
margin-bottom: 0;
font-family: Helvetica Neue, sans-serif;
font-size: 14px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.collection-list-wrapper {
max-width: 1312px;
}
.collection-list-wrapper.career {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-flow: wrap;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: flex-start;
display: flex;
}
.career-content {
grid-column-gap: 24px;
grid-row-gap: 24px;
}
.image-11 {
object-fit: fill;
}
.career-hero-content {
grid-column-gap: 40px;
grid-row-gap: 40px;
}
._2-cta {
grid-column-gap: 12px;
grid-row-gap: 12px;
align-items: stretch;
width: 100%;
display: flex;
}
.life-wrapper {
grid-column-gap: 48px;
grid-row-gap: 48px;
flex-flow: column;
max-width: none;
display: flex;
}
.team-member2 {
grid-row-gap: 32px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 421px;
text-decoration: none;
display: flex;
}
.team-wrapper {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.title {
grid-column-gap: 16px;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.text-container-4 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.culture-content-wrapper {
grid-column-gap: 40px;
grid-row-gap: 40px;
flex-flow: column;
margin-right: 40px;
display: flex;
}
.cardcareergrowth {
grid-row-gap: 10px;
border: 1px none var(--colors--neutral--200);
background-image: linear-gradient(270deg, #ffffff80, #f4f4f4);
border-radius: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: none;
height: auto;
padding: 32px 24px;
text-decoration: none;
display: flex;
}
.description-container {
grid-row-gap: 12px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.content-culture {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.icon-container-2 {
grid-row-gap: 40px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.text-container-5 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.flex-block-5 {
grid-column-gap: 24px;
grid-row-gap: 24px;
}
.learning-card {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: none;
text-decoration: none;
display: flex;
}
.icon-3 {
grid-column-gap: 20px;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.learning-usp {
grid-column-gap: 32px;
grid-row-gap: 32px;
flex-flow: column;
display: flex;
}
.body-2 {
overflow: visible;
}
.card-hiring {
grid-row-gap: 10px;
border: 1px none var(--colors--neutral--200);
background-image: linear-gradient(#ffffff80, #f4f4f4);
border-radius: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
min-width: 421px;
max-width: 421px;
padding: 32px 24px;
text-decoration: none;
display: flex;
position: relative;
}
.frame-1000007981 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.frame-1000007864 {
justify-content: space-between;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.frame-style {
width: 40px;
overflow: hidden;
}
.frame-38 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.frame-1000007862 {
grid-row-gap: 12px;
width: 100%;
color: var(--colors--primary--800);
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
text-decoration: none;
display: flex;
}
.serial-text {
color: var(--colors--neutral--200);
margin-top: 0;
margin-bottom: 0;
font-family: Helvetica Neue Bold, Arial, sans-serif;
font-size: 24px;
font-weight: 700;
line-height: 120%;
text-decoration: none;
}
.hiring-process-wrapper {
grid-column-gap: 24px;
grid-row-gap: 24px;
max-width: 1312px;
padding-bottom: 40px;
display: flex;
overflow: auto;
}
.image-12 {
z-index: 2;
position: absolute;
inset: 0% 0% auto auto;
}
.brix---color-neutral-811 {
color: var(--elements-webflow-library--neutral--800);
}
.brix---color-neutral-812 {
color: var(--elements-webflow-library--neutral--600);
}
.brix---mg-bottom-16px-2 {
margin-bottom: 16px;
}
.brix---mg-bottom-48px-2 {
width: 100%;
margin-bottom: 48px;
}
.brix---container-default-8 {
max-width: 1312px;
padding-left: 0;
padding-right: 0;
}
.brix---section-3 {
color: var(--elements-webflow-library--neutral--100);
padding-top: 176px;
padding-bottom: 176px;
}
.brix---heading-h2-size-3 {
margin-top: 0;
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: 38px;
font-weight: 700;
line-height: 50px;
}
.brix---text-center-4 {
text-align: center;
}
.brix---accordion-header {
align-items: center;
display: flex;
}
.brix---acordion-body {
width: 100%;
overflow: hidden;
}
.brix---accordion-spacer {
min-height: 24px;
}
.brix---accordion-icon-wrapper {
justify-content: center;
align-items: center;
width: 32px;
min-width: 32px;
height: 32px;
min-height: 32px;
display: flex;
}
.brix---paragraph-default-6 {
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---inner-container-574px---center-2 {
max-width: 574px;
margin-left: auto;
margin-right: auto;
}
.brix---grid-1-column-gap-row-24px {
grid-column-gap: 16px;
grid-row-gap: 24px;
flex-flow: column;
grid-template-rows: auto auto auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: column;
display: grid;
}
.brix---grid-1-column-gap-row-24px.faq {
grid-template-rows: auto auto auto auto auto auto auto;
}
.brix---grid-1-column-gap-row-24px._4-4 {
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.brix---inner-container-900px-center {
min-width: 60%;
max-width: 900px;
margin-left: auto;
margin-right: auto;
}
.brix---accordion-content-wrapper-width-660px {
flex-direction: column;
justify-content: center;
max-width: 660px;
display: flex;
}
.brix---accordion-item-wrapper-v7 {
border: 1px solid var(--elements-webflow-library--neutral--300);
width: 100%;
box-shadow: 0 2px 12px 0 var(--elements-webflow-library--general--shadow-02);
cursor: pointer;
transform-style: preserve-3d;
background-color: #fff0;
background-image: linear-gradient(#fff, #f4f4f4);
border-radius: 24px;
justify-content: space-between;
padding: 40px;
transition: transform .3s;
display: flex;
}
.brix---accordion-item-wrapper-v7:hover {
transform: scale3d(.96, .96, 1.01);
}
.faq-wrapper {
grid-column-gap: 48px;
grid-row-gap: 48px;
display: flex;
}
.jobs-title-container {
grid-column-gap: 32px;
grid-row-gap: 32px;
justify-content: flex-start;
align-items: center;
}
.button-icon {
overflow: hidden;
}
.card-job {
grid-row-gap: 10px;
border: 1px none var(--colors--neutral--200);
border-radius: var(--radius--16);
background-color: var(--color--b-w--white);
flex-flow: wrap;
justify-content: flex-start;
align-items: flex-start;
width: auto;
min-width: 340px;
max-width: none;
padding: 32px 24px;
text-decoration: none;
display: flex;
}
.deparment {
grid-column-gap: 12px;
border: 1px solid var(--colors--secondary--100);
border-radius: var(--radius--12);
background-color: var(--colors--primary--50);
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
padding: 6px 16px 4px;
text-decoration: none;
display: flex;
}
.experience {
color: var(--colors--tertiary--500-p);
margin-top: 0;
margin-bottom: 0;
font-family: Helvetica Neue Medium, Arial, sans-serif;
font-size: 18px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.container-9 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-end;
width: 100%;
text-decoration: none;
display: flex;
}
.container-10 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.tag-jobs-text {
color: var(--colors--primary--600-p);
margin-top: 0;
margin-bottom: 0;
font-family: Helvetica Neue Medium, Arial, sans-serif;
font-size: 18px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.job-title {
grid-column-gap: 16px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 120px;
display: flex;
}
.job-description {
grid-column-gap: 16px;
width: 100%;
min-height: 80px;
max-height: 80px;
color: var(--colors--tertiary--500-p);
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.bottom-container-jobs {
justify-content: space-between;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.container-15 {
grid-column-gap: 8px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
text-decoration: none;
display: flex;
}
.underline0button {
grid-column-gap: 8px;
border: 2px none var(--colors--primary--600-p);
background-color: #1f594b00;
border-radius: 14px;
flex: 0 auto;
justify-content: center;
align-items: center;
padding-top: 14px;
padding-bottom: 14px;
text-decoration: none;
display: flex;
}
.yrs-exp-wrapper {
grid-column-gap: 4px;
grid-row-gap: 4px;
justify-content: flex-start;
align-items: center;
}
.underline-button-link {
text-decoration: none;
}
.collection-item-2 {
padding-bottom: 24px;
padding-left: 0;
padding-right: 0;
}
.collection-item-3 {
flex-flow: wrap;
min-width: 364px;
max-width: none;
padding-right: 24px;
display: flex;
}
.collection-list-wrapper-2 {
margin-top: 40px;
display: block;
}
.life-image-title {
grid-column-gap: 16px;
grid-row-gap: 16px;
justify-content: flex-start;
align-items: center;
}
.life-description {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: column;
}
.div-block-11 {
display: flex;
}
.service-details-hero_content {
max-width: 600px;
padding: var(--spacing--40) var(--spacing--32);
grid-row-gap: 32px;
border-radius: var(--radius--16);
-webkit-backdrop-filter: blur(6px);
backdrop-filter: blur(6px);
background-color: #ffffff29;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
text-decoration: none;
display: flex;
position: absolute;
inset: auto auto 0% 0%;
}
.service-details-hero_content._02 {
max-width: none;
padding-top: var(--spacing--0);
padding-bottom: var(--radius--none);
-webkit-backdrop-filter: none;
backdrop-filter: none;
background-color: #fff0;
justify-content: center;
align-items: center;
position: relative;
inset: auto 0% 0%;
}
.text-block {
grid-row-gap: 20px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.text-block.left {
grid-row-gap: 24px;
justify-content: flex-start;
align-items: flex-start;
}
.text-block.soft-hero {
max-width: 1000px;
}
.button-div {
grid-column-gap: 12px;
flex: 0 auto;
order: 9999;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.cta-with-arrow {
grid-column-gap: 8px;
grid-row-gap: 8px;
justify-content: flex-start;
align-items: flex-start;
}
.grid-2 {
grid-column-gap: 8px;
grid-row-gap: 8px;
grid-template: "Area"
"."
"."
"."
/ 1fr;
width: 60%;
}
.service-type {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-flow: row;
}
.service-type.right-image, .service-type.left-image {
grid-column-gap: 40px;
grid-row-gap: 40px;
justify-content: flex-start;
align-items: center;
}
.service-type.left-image.top-aligned {
justify-content: flex-start;
align-items: flex-start;
}
.service-type.top-image {
flex-flow: column;
}
.service-details-image {
border-radius: 24px;
width: 50%;
max-width: 600px;
max-height: 100%;
}
.service-details-image._3-2 {
aspect-ratio: 3 / 2;
max-width: 45%;
}
.service-details-image._3-2.mobile {
width: 100%;
max-width: 100%;
display: none;
}
.service-details-image._3-1 {
border-radius: 12px;
width: auto;
max-width: 100%;
}
.text-headingsh-3-2 {
color: #13362d;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Helvetica Neue Bold, Arial, sans-serif;
font-size: 48px;
font-weight: 700;
line-height: 120%;
}
.container-default-4 {
z-index: 2;
grid-column-gap: 60px;
grid-row-gap: 60px;
background-color: #f9fafb00;
flex-flow: column;
max-width: 1312px;
padding-top: 0;
padding-bottom: 0;
display: block;
position: relative;
}
.container-default-4._1440 {
padding-top: 0;
padding-bottom: 0;
}
.text-headingsh-5-2 {
color: #13362d;
margin-top: 0;
margin-bottom: 0;
font-family: Helvetica Neue Medium, Arial, sans-serif;
font-size: 32px;
font-weight: 500;
line-height: 120%;
}
.services-wrapper-expanded {
grid-row-gap: 0px;
border-radius: var(--radius--4);
background-image: linear-gradient(#ffffff80, #f4f4f4);
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 643px;
padding: 40px 24px;
text-decoration: none;
display: flex;
}
.services-details-wrapper {
grid-row-gap: 36px;
border-radius: var(--radius--4);
background-image: linear-gradient(#ffffff80, #f4f4f4);
flex-flow: wrap;
justify-content: space-between;
align-items: flex-start;
width: 100%;
max-width: 643px;
padding: 24px;
text-decoration: none;
display: flex;
}
._20-italic {
color: var(--colors--primary--800);
margin-top: 0;
margin-bottom: 0;
font-family: Helvetica Neue Medium Italic, Arial, sans-serif;
font-size: 20px;
font-style: italic;
font-weight: 400;
line-height: 30px;
text-decoration: none;
}
.container-12 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.tag-container-2 {
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-flow: wrap;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.tag-container-2.home-service {
padding-top: 20px;
}
.services-container {
grid-column-gap: 60px;
grid-row-gap: 60px;
flex-flow: column;
max-width: 1312px;
display: flex;
}
.deliverables-tag {
grid-column-gap: 4px;
grid-row-gap: 4px;
border: 1px #000;
border-right-width: 0;
justify-content: flex-start;
align-items: center;
padding-right: 0;
}
.deliverables-tag.space-12 {
grid-column-gap: 12px;
grid-row-gap: 12px;
}
._20-gap {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-flow: column;
display: flex;
}
._20-gap.center {
justify-content: center;
align-items: center;
max-width: 900px;
}
._12-gap {
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-flow: column;
display: block;
}
.work-process {
grid-column-gap: 24px;
grid-row-gap: 24px;
padding-bottom: 40px;
display: flex;
overflow: auto;
}
.work-process-wrapper {
grid-row-gap: 16px;
border: 1px none var(--_global-tokens---colors--primary--100);
border-radius: var(--_global-tokens---radius--none);
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: auto;
min-width: 310px;
max-width: 400px;
padding-right: 24px;
text-decoration: none;
display: flex;
}
.step-number {
-webkit-text-fill-color: transparent;
background-image: linear-gradient(#44bea0 0%, #98ca3c 40%, #f4f4f4 100%);
-webkit-background-clip: text;
background-clip: text;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Helvetica Neue, sans-serif;
font-size: 48px;
font-weight: 700;
line-height: 57px;
text-decoration: none;
}
.step-details {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.button-wrapper {
justify-content: flex-start;
align-items: flex-end;
width: 220px;
}
.contact-wrapper {
grid-column-gap: 40px;
grid-row-gap: 40px;
}
.flex-block-8 {
grid-column-gap: 24px;
grid-row-gap: 24px;
}
.service-details-container {
grid-column-gap: 60px;
grid-row-gap: 60px;
}
.service-details-container.grid {
grid-column-gap: 40px;
grid-row-gap: 40px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.service-details-container._40-padding {
grid-column-gap: 40px;
grid-row-gap: 40px;
}
.tech-stack-wrapper {
aspect-ratio: 3 / 2;
background-color: var(--colors--neutral--100);
border-radius: 12px;
justify-content: center;
align-items: center;
min-width: 52px;
max-width: 220px;
min-height: 52px;
display: flex;
}
.max-1000 {
max-width: 1000px;
margin-top: 32px;
}
.brix---dropdown-toggle-3 {
color: var(--elements-webflow-library--neutral--800);
align-items: center;
padding: 0;
font-family: Helvetica neue normal, Arial, sans-serif;
font-size: 18px;
line-height: 20px;
transition: color .3s;
display: flex;
}
.brix---dropdown-toggle-3:hover {
color: var(--elements-webflow-library--accent--primary-1);
}
.brix---dropdown-card-3 {
border: 1px solid var(--elements-webflow-library--neutral--300);
background-color: var(--elements-webflow-library--neutral--100);
width: auto;
min-width: 800px;
max-width: 1200px;
box-shadow: 0 2px 12px 0 var(--elements-webflow-library--general--shadow-02);
border-radius: 20px;
top: 32px;
overflow: hidden;
}
.brix---dropdown-card-3.services {
min-width: 900px;
}
.brix---dropdown-link-3 {
width: 100%;
color: var(--colors--neutral--600);
align-items: center;
padding: 0;
font-family: Helvetica neue normal, Arial, sans-serif;
font-size: 18px;
line-height: 20px;
text-decoration: none;
transition: color .3s;
display: flex;
}
.brix---dropdown-link-3:hover {
color: var(--colors--primary--600-p);
font-family: Helvetica Neue Medium, Arial, sans-serif;
font-weight: 500;
}
.brix---dropdown-link-3.w--current {
color: var(--colors--primary--800);
border: 1px #000;
font-family: Helvetica Neue Medium, Arial, sans-serif;
font-weight: 400;
text-decoration: none;
}
.brix---dropdown-pd-3 {
padding: 32px 24px;
}
.brix---dropdown-chevron-3 {
width: 14px;
margin-left: 6px;
}
.brix---dropdown-chevron-3.arrow-hide {
display: none;
}
.brix---dropdown-links-grid-3 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.brix---dropdown-links-grid-3._2-1 {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
}
.brix---dropdown-links-grid-3.navbar-2-2 {
grid-template-columns: 1fr 1fr;
}
.brix---dropdown-column-wrapper-3 {
background-color: #0000;
padding-top: 32px;
transform: translate(0);
}
.brix---dropdown-column-wrapper-3.w--open {
left: -20px;
transform: translate(-50%);
}
.brix---dropdown-column-wrapper-3.hide {
display: none;
}
.grid-3-col-3 {
z-index: 2;
grid-column-gap: 40px;
grid-row-gap: 40px;
border-top: 0 solid #d1d0d0;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
padding-top: 0;
padding-bottom: 0;
position: relative;
}
.grid-3-col-3.solutions {
border-top-width: 1px;
padding-top: 40px;
padding-bottom: 40px;
}
.grid-3-col-3.solutions.first {
border-top-style: none;
grid-auto-flow: row;
}
.grid-3-col-3.solutions.first:hover {
padding-top: 40px;
padding-bottom: 40px;
transform: translate(0)translate(0);
}
.grid-3-col-3.solutions.first.digital-solution {
order: 0;
align-self: auto;
}
.services-wrapper-2 {
grid-column-gap: 60px;
grid-row-gap: 60px;
}
.div-block-12 {
position: relative;
overflow: hidden;
}
.description-17 {
color: #231e1f;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 20px;
font-weight: 400;
line-height: 30px;
text-decoration: none;
}
.description-17.solution {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: inline;
position: relative;
overflow: hidden;
}
.main-heading-4 {
color: #13362d;
text-align: left;
width: 100%;
margin-top: 0;
margin-bottom: 0;
margin-right: auto;
font-family: Helvetica Neue Bold, Arial, sans-serif;
font-size: 64px;
font-weight: 700;
line-height: 120%;
text-decoration: none;
display: inline-block;
}
.ds-img {
object-fit: cover;
border-radius: 12px;
}
.text-headings-play-3 {
color: #13362d;
font-family: Playfair Display, sans-serif;
font-style: italic;
font-weight: 700;
line-height: 100%;
}
.text-headings-play-3.white {
color: var(--color--b-w--white);
font-style: italic;
}
.text-headings-play-3.secondary {
color: var(--colors--secondary--300-p);
}
.section-4 {
max-width: none;
padding: 60px 64px;
display: block;
}
.section-4.solution {
position: relative;
}
.text-bodyb-3-3 {
color: #474040;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Helvetica neue normal, Arial, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 130%;
display: block;
}
.services-details-title {
width: 100%;
}
.deliverables-wrapper {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: column;
display: flex;
}
.service-wrapper-2 {
flex-flow: column;
display: flex;
}
._40-gap {
grid-column-gap: 40px;
grid-row-gap: 40px;
flex-flow: column;
display: flex;
}
._40-gap.center {
justify-content: center;
align-items: center;
}
.wide-image-wrapper {
grid-column-gap: 0px;
grid-row-gap: 0px;
background-image: url("https://cdn.prod.website-files.com/689a86396206fe0c469a15fc/695fa13a98e0501d408e61d6_QA.png");
background-position: 50%;
background-size: cover;
border-radius: 24px;
align-self: auto;
width: 100%;
height: 480px;
margin-bottom: 40px;
display: flex;
}
.wide-image {
aspect-ratio: auto;
background-image: url("https://cdn.prod.website-files.com/689a86396206fe0c469a15fc/692c0b9e83f75d08783afe8e_Product%20management.avif");
background-position: 50%;
background-size: cover;
border-radius: 24px;
min-height: 540px;
}
.z-index-1 {
z-index: 1;
position: relative;
}
.uui-container-large-8 {
width: 100%;
max-width: 80rem;
margin-left: auto;
margin-right: auto;
}
.uui-page-padding-8 {
padding-left: 4rem;
padding-right: 4rem;
}
.uui-max-width-small {
width: 100%;
max-width: 30rem;
}
.uui-button-row-3 {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
flex-wrap: wrap;
align-items: center;
display: flex;
}
.uui-heroheader07_image-wrapper {
background-image: linear-gradient(229deg, var(--colors--primary--300), var(--colors--primary--800));
border-top-left-radius: 24px;
border-top-right-radius: 24px;
justify-content: center;
align-items: center;
height: 40rem;
display: flex;
position: relative;
}
.uui-heroheader07_card-image-01 {
z-index: 2;
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
background-image: linear-gradient(112deg, #ffffff80, #fff0);
border: 1px solid #ffffff80;
border-radius: 2rem;
width: 16rem;
position: absolute;
transform: translate(20%, -20%)rotate(-14deg);
box-shadow: 0 1px 24px 12px #0000000d;
}
.uui-heroheader07_card-image-02 {
z-index: 1;
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
background-image: linear-gradient(112deg, #ffffff80, #ffffff80 0%, #fff0);
border: 1px solid #ffffff80;
border-radius: 2rem;
width: 15rem;
position: absolute;
transform: translate(-10%, 30%)rotate(-28deg);
box-shadow: 0 1px 24px 12px #0000000d;
}
.uui-heroheader07_light-overlay {
mix-blend-mode: screen;
width: 80rem;
min-width: 80rem;
height: auto;
position: absolute;
bottom: -64%;
right: -20%;
}
.uui-heroheader07_content.z-index-1 {
color: var(--untitled-ui--white);
}
.uui-section_heroheader07 {
background-color: var(--colors--primary--800);
overflow: hidden;
}
.uui-heroheader07_component {
grid-column-gap: 4rem;
grid-row-gap: 4rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
display: grid;
}
.uui-space-small-5 {
width: 100%;
min-height: 1.5rem;
}
.uui-space-large-2 {
width: 100%;
min-height: 3rem;
}
.uui-padding-vertical-xhuge-7 {
padding-top: 5rem;
padding-bottom: 5rem;
}
.cutoff {
background-color: #fff;
border-top-left-radius: 100px;
border-top-right-radius: 100px;
border-bottom-right-radius: 0;
width: 100%;
height: 60px;
position: absolute;
inset: auto 0% 0%;
}
.title-bottom-margin {
margin-bottom: 60px;
}
.title-bottom-margin.no-bottom-margin, .title-bottom-margin.nomargin {
margin-bottom: auto;
}
.team-title {
color: #13362d;
width: 100%;
margin-top: 24px;
margin-bottom: 0;
font-family: Helvetica Neue Medium, Arial, sans-serif;
font-size: 32px;
font-weight: 500;
line-height: 41px;
text-decoration: none;
}
.team-details {
color: #13362d;
width: 100%;
margin-top: 12px;
margin-bottom: 0;
font-size: 18px;
font-weight: 400;
line-height: 140%;
text-decoration: none;
}
.text-bodyb-3-4 {
color: #474040;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Helvetica neue normal, Arial, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 130%;
display: block;
}
.solution-home-2 {
max-width: 800px;
padding-left: 64px;
padding-right: 64px;
position: relative;
overflow: visible;
}
.grid-3-col-4 {
z-index: 2;
grid-column-gap: 40px;
grid-row-gap: 40px;
border-top: 0 solid #d1d0d0;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
padding-top: 0;
padding-bottom: 0;
position: relative;
}
.grid-3-col-4.solutions {
border-top-width: 1px;
padding-top: 40px;
padding-bottom: 40px;
}
.grid-3-col-4.solutions.first {
border-top-style: none;
grid-template-columns: .75fr 1fr .75fr;
grid-auto-flow: row;
}
.grid-3-col-4.solutions.first:hover {
padding-top: 40px;
padding-bottom: 40px;
transform: translate(0)translate(0);
}
.grid-3-col-4.solutions.first.digital-solution {
order: 0;
align-self: auto;
}
.div-block-14 {
position: relative;
overflow: hidden;
}
.div-block-14.ds-div {
position: relative;
}
.container-default-5 {
z-index: 2;
grid-column-gap: 60px;
grid-row-gap: 60px;
background-color: #f9fafb00;
flex-flow: column;
max-width: 1312px;
padding-top: 0;
padding-bottom: 0;
display: block;
position: relative;
}
.description-18 {
color: #231e1f;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 20px;
font-weight: 400;
line-height: 30px;
text-decoration: none;
}
.description-18.solution {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: inline;
position: relative;
overflow: hidden;
}
.digital-solution {
background-image: linear-gradient(#fff, #f4f4f4);
}
.main-heading-5 {
color: #13362d;
text-align: left;
width: 100%;
margin: 0 auto 0 0;
font-family: Helvetica Neue Bold, Arial, sans-serif;
font-size: 64px;
font-weight: 700;
line-height: 120%;
text-decoration: none;
display: inline-block;
}
.text-headings-play-4 {
color: #13362d;
font-family: Playfair Display, sans-serif;
font-weight: 700;
line-height: 100%;
}
.section-6 {
max-width: none;
padding: 60px 64px;
display: block;
}
.section-6.solution {
padding-top: 60px;
padding-left: 0;
padding-right: 0;
position: relative;
overflow: hidden;
}
.text-block-7 {
font-size: 20px;
font-weight: 400;
line-height: 24px;
}
.text-block-7.industry-2_item_info {
font-size: 18px;
position: absolute;
}
.industry-list {
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0;
display: block;
overflow: visible;
}
.container-default-6 {
z-index: 2;
grid-column-gap: 60px;
grid-row-gap: 60px;
background-color: #f9fafb00;
flex-flow: column;
max-width: 1312px;
padding-top: 0;
padding-bottom: 0;
display: block;
position: relative;
}
.container-default-6.industry {
grid-column-gap: 20px;
grid-row-gap: 20px;
padding-top: 0;
padding-bottom: 0;
}
.text-headings-play-5 {
color: #13362d;
font-family: Playfair Display, sans-serif;
font-weight: 700;
line-height: 100%;
}
.text-headingsh-6-2 {
color: #13362d;
text-align: center;
letter-spacing: normal;
text-transform: none;
column-count: auto;
overflow-wrap: normal;
margin-top: 0;
margin-bottom: 0;
font-family: Helvetica Neue Medium, Arial, sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 120%;
}
.section-7 {
max-width: none;
padding: 60px 64px;
display: block;
}
.section-7.full-width {
background-color: #fff;
padding-left: 0;
padding-right: 0;
position: relative;
}
.section-7.full-width.industry {
padding-top: 60px;
padding-bottom: 0;
}
.section-7.full-width.industry.our_tech_stack {
padding-top: 60px;
padding-bottom: 60px;
}
.industry-list-group {
grid-column-gap: 20px;
grid-row-gap: 20px;
display: flex;
}
.fs-client-logo_image-2 {
aspect-ratio: 16 / 9;
object-fit: cover;
border-radius: 12px;
width: 100%;
height: 100%;
}
.logo-wrapper-2 {
grid-column-gap: 32px;
grid-row-gap: 32px;
width: auto;
display: flex;
}
.container-default-7 {
z-index: 2;
grid-column-gap: 60px;
grid-row-gap: 60px;
background-color: #f9fafb00;
flex-flow: column;
max-width: 1312px;
padding-top: 0;
padding-bottom: 0;
display: block;
position: relative;
}
.container-default-7.industry {
grid-column-gap: 20px;
grid-row-gap: 20px;
padding-top: 0;
padding-bottom: 0;
}
.clientlogo2_instance-2 {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-flow: row;
width: 100%;
min-width: 0;
max-width: 100%;
max-height: 100%;
display: block;
position: relative;
}
.text-headings-play-6 {
color: #13362d;
font-family: Playfair Display, sans-serif;
font-style: italic;
font-weight: 700;
line-height: 100%;
}
.text-headings-play-6.white {
color: var(--color--b-w--white);
font-style: italic;
font-weight: 700;
}
.text-headingsh-6-3 {
color: #13362d;
text-align: center;
letter-spacing: normal;
text-transform: none;
column-count: auto;
overflow-wrap: normal;
margin-top: 0;
margin-bottom: 0;
font-family: Helvetica Neue Medium, Arial, sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 120%;
}
.text-headingsh-6-3.white {
color: var(--color--b-w--white);
}
.client-logo_item-2 {
backface-visibility: hidden;
width: 170px;
min-width: 100px;
height: auto;
min-height: 1rem;
transition-property: transform opacity;
background-color: #fff;
border-radius: 12px;
flex: none;
justify-content: center;
align-items: stretch;
padding: 0;
display: flex;
position: relative;
}
.section-8 {
max-width: none;
padding: 60px 64px;
display: block;
}
.section-8.full-width {
background-color: #fff;
padding-left: 0;
padding-right: 0;
position: relative;
}
.section-8.full-width.logo {
background-color: var(--colors--neutral--100);
background-image: none;
background-size: auto;
max-width: 100%;
padding-bottom: 60px;
display: block;
}
.section-8.full-width.logo.dark {
background-color: var(--_global-tokens---colors--dark--surface);
}
.section-8.full-width.gallery {
padding-top: 0;
padding-bottom: 40px;
}
.text-bodyb-2-med-2 {
width: 100%;
color: var(--colors--primary--800);
margin-top: 0;
margin-bottom: 0;
padding-bottom: 0;
font-family: Helvetica Neue Medium, Arial, sans-serif;
font-size: 20px;
font-weight: 500;
line-height: 130%;
}
.testimonial_content-2 {
grid-column-gap: 40px;
grid-row-gap: 40px;
background-color: #fff0;
background-image: linear-gradient(#fff, #f4f4f4);
border: 1px solid #d1d0d0;
border-radius: 1rem;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
width: auto;
min-width: auto;
margin-right: auto;
padding: 24px;
display: flex;
}
.testimonial_content-2.home {
width: 25rem;
min-width: 25rem;
}
.text-bodyb-4-2 {
color: var(--colors--neutral--600-2);
margin-top: 0;
margin-bottom: 0;
font-family: Helvetica neue normal, Arial, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 120%;
}
.testimonial16_client-2 {
text-align: left;
align-items: center;
display: flex;
}
.testimonials-list {
grid-column-gap: 24px;
grid-row-gap: 24px;
display: flex;
}
.testimonials {
padding-top: 60px;
display: block;
}
.flex-block-10 {
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-flow: column;
width: 100%;
}
.container-18 {
grid-row-gap: 11.6092px;
border-radius: 116.092px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 60px;
height: 60px;
padding: 11.6092px;
text-decoration: none;
display: flex;
}
.testimonial-client-2 {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-flow: wrap;
justify-content: space-between;
width: 100%;
display: flex;
}
.aboutgallery2_item-2, .about-gallery1_item-2 {
backface-visibility: hidden;
width: 500px;
height: 375px;
min-height: 1rem;
transition-property: transform opacity;
flex: none;
justify-content: center;
align-items: stretch;
padding: 0;
display: flex;
position: relative;
}
.container-default-8 {
z-index: 2;
grid-column-gap: 60px;
grid-row-gap: 60px;
background-color: #f9fafb00;
flex-flow: column;
max-width: 1312px;
padding-top: 0;
padding-bottom: 0;
display: block;
position: relative;
}
.container-default-8.full-width {
grid-column-gap: 20px;
grid-row-gap: 20px;
max-width: none;
margin-top: 0;
padding-top: 0;
padding-bottom: 0;
}
.aboutgallery2_image-2 {
aspect-ratio: 16 / 9;
object-fit: cover;
border-radius: 20px;
width: 100%;
height: 100%;
}
.about-title-copy {
font-family: Helvetica Neue Medium, Arial, sans-serif;
font-size: 32px;
font-weight: 400;
line-height: 120%;
}
.about-title-copy.reveal-type.split-word {
font-size: 24px;
}
.about-title-copy.reveal-type.split-word.para1 {
color: var(--colors--primary--600-p);
}
.hamburger-menu-bar-bottom-3 {
background-color: #211f54;
border-radius: 20px;
width: 52px;
height: 4px;
margin-top: 12px;
margin-bottom: 12px;
}
.header-nav-link-3 {
color: #474040;
padding: 0;
font-family: Helvetica neue normal, Arial, sans-serif;
font-size: 18px;
line-height: 20px;
transition: color 1.5s;
}
.header-nav-link-3:hover {
color: #1f594b;
font-family: Helvetica Neue Medium, Arial, sans-serif;
font-weight: 500;
}
.header-nav-link-3:focus {
color: #1f594b;
border-bottom: 2px #060607;
font-family: Helvetica Neue Medium, Arial, sans-serif;
font-weight: 500;
}
.header-nav-link-3.w--current {
color: #13362d;
border: 1px #000;
border-bottom: 2px solid #13362d;
font-family: Helvetica Neue Medium, Arial, sans-serif;
font-weight: 500;
transition-duration: 1.5s;
}
.header-nav-link-3.w--current:hover {
color: #474040;
font-family: Helvetica Neue Medium, Arial, sans-serif;
font-weight: 500;
}
.header-nav-link-3.w--current:active {
color: #1f594b;
}
.hamburger-menu-bar-top-3 {
background-color: #211f54;
border-radius: 20px;
width: 52px;
height: 4px;
margin-top: 12px;
margin-bottom: 12px;
}
.social-logo {
border-radius: 12px;
}
.certification-instance {
width: 100%;
}
.section-9 {
padding-top: 40px;
padding-bottom: 40px;
}
.section-9.pb-lg-30 {
padding-bottom: 30px;
}
.split-word {
font-family: Helvetica Neue Medium, Arial, sans-serif;
font-size: 24px;
line-height: 120%;
}
.split-word.para2 {
color: var(--colors--primary--600-p);
}
.section--work {
grid-column-gap: 0px;
grid-row-gap: 0px;
justify-content: center;
align-items: center;
padding-left: 0;
padding-right: 0;
display: flex;
}
.section--work.case-study {
padding-top: 60px;
padding-bottom: 60px;
}
.form-block {
max-width: 1440px;
margin-top: 40px;
padding-left: 0;
padding-right: 0;
}
.div-block-16 {
background-color: var(--color--b-w--white);
border-radius: 12px;
height: 100%;
overflow: hidden;
box-shadow: 0 2px 10px #a8a8a833;
}
.collection-list-3 {
grid-column-gap: 40px;
grid-row-gap: 40px;
flex-flow: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: row;
display: grid;
}
.div-block-17 {
background-color: #fff;
flex-flow: column;
height: auto;
padding: 20px;
display: flex;
}
.text-block-8 {
color: var(--colors--primary--600-p);
font-size: 16px;
line-height: 24px;
}
.text-block-9 {
color: var(--colors--primary--800);
margin-top: 12px;
font-family: Helvetica Neue Bold, Arial, sans-serif;
font-size: 20px;
line-height: 120%;
}
.text-block-10 {
min-height: 160px;
color: var(--colors--neutral--700);
margin-top: 12px;
font-size: 16px;
line-height: 140%;
}
.text-block-10.case-study {
min-height: 120px;
}
.div-block-18 {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-flow: wrap;
min-height: 52px;
margin-top: 10px;
display: none;
}
.text-block-11 {
height: 22px;
color: var(--colors--neutral--600-2);
background-color: #fff;
border-radius: 6px;
flex: none;
padding: 4px 8px 6px;
font-family: Helvetica Neue Medium, Arial, sans-serif;
font-size: 14px;
font-weight: 500;
line-height: 16px;
}
.text-block-11.all-btn {
color: var(--colors--neutral--600-2);
flex: none;
display: none;
}
.text-block-12 {
color: var(--colors--neutral--600-2);
background-color: #fff;
border-radius: 8px;
padding: 4px 8px 2px;
font-family: Helvetica Neue Medium, Arial, sans-serif;
font-size: 14px;
font-weight: 500;
line-height: 16px;
}
.image-21 {
width: 100%;
max-width: 100%;
}
.collection-item-5 {
width: 100%;
max-width: none;
padding-left: 0;
padding-right: 0;
position: relative;
}
.image-22 {
z-index: 1;
max-width: 260px;
position: absolute;
inset: 0% -11% auto auto;
}
.div-block-20 {
background-color: #0000;
border-radius: 12px;
padding: 20px;
}
.swiper.our-work {
width: 100%;
margin-top: 0;
padding-top: 20px;
padding-bottom: 20px;
overflow: hidden;
}
.swiper-wrapper.our-work {
grid-column-gap: 0px;
grid-row-gap: 0px;
display: flex;
}
.swiper-slide.our-work {
flex: none;
width: 20rem;
}
.div-block-21 {
background-color: #fff;
border-radius: 12px;
min-height: auto;
padding: 0;
overflow: visible;
box-shadow: 0 2px 12px #6e6e731a;
}
.image-23 {
border-radius: 12px;
width: 100%;
height: 100%;
}
.work-title-des-wrapper {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-flow: column;
padding: 24px 16px 12px;
display: flex;
}
.div-block-23 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
padding-left: 64px;
padding-right: 64px;
display: grid;
}
.div-block-23.managed {
grid-column-gap: 100px;
grid-row-gap: 100px;
}
.div-block-24 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
margin-left: 64px;
margin-right: 64px;
display: grid;
}
.div-block-25 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
margin-top: 40px;
margin-left: 64px;
margin-right: 64px;
display: grid;
}
.teams-image {
border-radius: 12px;
}
.left-div-top-12 {
margin-top: 12px;
}
.section-11 {
padding-top: 60px;
padding-bottom: 60px;
}
.bold-text-3 {
font-weight: 500;
}
.collection-list-wrapper-4, .collection-list-4 {
grid-column-gap: 8px;
grid-row-gap: 8px;
display: flex;
}
.collection-item-6 {
flex: none;
}
.link-block {
text-decoration: none;
}
.link-block._220px {
width: 220px;
}
.collection-list-5 {
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-flow: wrap;
padding: 0;
display: flex;
}
.collection-item-7 {
flex: none;
}
.radio-button-3 {
display: none;
}
.radio-button-field-2 {
border: 1px solid #d1d0d0;
border-radius: 25px;
margin-bottom: 0;
padding: 6px 10px 4px;
}
.collection-list-wrapper-5 {
z-index: 1;
-webkit-backdrop-filter: blur(15px);
backdrop-filter: blur(15px);
background-color: #fffc;
margin-top: 0;
margin-bottom: 20px;
padding: 12px 64px;
display: block;
position: sticky;
top: 84px;
}
.collection-list-wrapper-5.hide {
display: none;
}
.div-block-27 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.buttonprimary-4 {
grid-column-gap: 10px;
background-image: linear-gradient(#1f594bcc, #1f594be6 47%, #1f594b);
border-radius: 12px;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 12px 24px 10px;
text-decoration: none;
display: flex;
}
.text-bodyb-5-med-2 {
color: #1f594b;
margin-top: 0;
margin-bottom: 0;
font-size: 14px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.text-bodyb-5-med-2.white {
color: #fff;
letter-spacing: normal;
text-transform: none;
direction: ltr;
font-family: Helvetica Neue Medium, Arial, sans-serif;
font-weight: 500;
}
.button-div-2 {
width: auto;
text-decoration: none;
}
.button-div-2.service {
padding-top: 16px;
display: none;
}
.featuresv8_component-2 {
background-color: #fff;
border: 1px solid #000;
border-bottom-style: none;
border-top-left-radius: 46px;
border-top-right-radius: 46px;
padding: 2.5rem 5rem;
position: sticky;
}
.featuresv8_component-2._05 {
border-top-color: #d1d0d0;
border-bottom-style: none;
border-left-style: none;
border-right-style: none;
border-top-left-radius: 0;
border-top-right-radius: 0;
padding: 20px 64px 40px;
top: 400px;
}
.featuresv8_component-2._05.not-sticky {
border-top-color: var(--colors--neutral--150);
padding-top: 40px;
position: static;
}
.featuresv8_component-2._02 {
border-top-color: #d1d0d0;
border-bottom-style: none;
border-left-style: none;
border-right-style: none;
border-top-left-radius: 0;
border-top-right-radius: 0;
padding: 20px 64px 40px;
top: 160px;
}
.featuresv8_component-2._02.not-sticky {
border-top-color: var(--colors--neutral--150);
padding-top: 40px;
position: static;
}
.featuresv8_component-2._04 {
border-top-color: #d1d0d0;
border-bottom-style: none;
border-left-style: none;
border-right-style: none;
border-top-left-radius: 0;
border-top-right-radius: 0;
padding: 20px 64px 40px;
position: sticky;
top: 320px;
}
.featuresv8_component-2._04.not-sticky {
border-top-color: var(--colors--neutral--150);
padding-top: 40px;
position: static;
}
.featuresv8_component-2._01 {
border-top-color: #d1d0d0;
border-bottom-style: none;
border-left-style: none;
border-right-style: none;
border-top-left-radius: 0;
border-top-right-radius: 0;
margin-top: 0;
margin-bottom: auto;
padding: 20px 64px 40px;
top: 80px;
}
.featuresv8_component-2._01.not-sticky {
border-top-color: var(--colors--neutral--150);
padding-top: 40px;
position: static;
}
.featuresv8_component-2._03 {
border-top-color: #d1d0d0;
border-bottom-style: none;
border-left-style: none;
border-right-style: none;
border-top-left-radius: 0;
border-top-right-radius: 0;
padding: 20px 64px 40px;
top: 240px;
}
.featuresv8_component-2._03.not-sticky {
border-top-color: var(--colors--neutral--150);
padding-top: 40px;
position: static;
}
.description-19 {
color: #231e1f;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 20px;
font-weight: 400;
line-height: 30px;
text-decoration: none;
}
._2x1-grid-layout-2 {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-rows: auto;
grid-template-columns: 1.75fr 1fr;
grid-auto-columns: 1fr;
place-items: start stretch;
display: grid;
}
.services-tags-wrapper-2 {
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-flow: wrap;
display: flex;
}
.featuresv8_sticky-wrapper-2 {
position: relative;
}
.services-content-wrapper-2 {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-flow: column;
max-width: 40rem;
display: flex;
}
.text-bodyb-3-5 {
color: #474040;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Helvetica neue normal, Arial, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 130%;
}
.uui-container-large-9 {
width: 100%;
max-width: 80rem;
margin-left: auto;
margin-right: auto;
}
.uui-page-padding-9 {
padding-left: 0;
padding-right: 0;
}
.uui-layout19_component {
grid-column-gap: 4rem;
grid-row-gap: 4rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
display: grid;
}
.uui-layout19_item-list {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.uui-layout19_image-wrapper {
background-color: var(--untitled-ui--gray50);
width: 100%;
height: 100%;
}
.uui-layout19_item-text-wrapper {
padding-top: .5rem;
}
.uui-layout19_item-icon-wrapper {
flex: none;
align-self: flex-start;
margin-right: 1rem;
}
.uui-layout19_item {
display: flex;
}
.uui-layout19_image {
object-fit: cover;
border-radius: 16px;
width: 100%;
}
.uui-space-xsmall-6 {
width: 100%;
min-height: 1rem;
}
.uui-space-xxsmall {
width: 100%;
min-height: .5rem;
}
.uui-padding-vertical-xhuge-8 {
padding-top: 0;
padding-bottom: 0;
}
.trasfromers-wrapper {
grid-column-gap: 28px;
grid-row-gap: 28px;
}
.hiring-title {
justify-content: center;
align-items: flex-start;
display: flex;
}
.collection-list-wrapper-6 {
padding-left: 64px;
padding-right: 64px;
position: relative;
}
.filter-label {
font-size: 16px;
line-height: 18px;
}
.core-tags {
margin-top: 20px;
font-family: Helvetica Neue Medium, Arial, sans-serif;
font-size: 14px;
line-height: 24px;
}
.work-logo {
-webkit-backdrop-filter: blur(16px);
backdrop-filter: blur(16px);
background-color: #fcfcfc99;
border-top-right-radius: 12px;
border-bottom-left-radius: 16px;
width: 100px;
height: auto;
position: absolute;
inset: 0% 0% auto auto;
}
.hero-heading-center {
background-color: #f5f7fa;
border-bottom: 1px solid #e4ebf3;
padding: 80px 30px;
position: relative;
}
.container-19 {
width: 100%;
max-width: 940px;
margin-left: auto;
margin-right: auto;
}
.centered-heading {
text-align: center;
margin-bottom: 16px;
}
.centered-heading.margin-bottom-32px {
margin-bottom: 32px;
}
.hero-wrapper {
justify-content: space-between;
align-items: center;
display: flex;
}
.hero-split {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
max-width: 46%;
display: flex;
}
.margin-bottom-24px-2 {
margin-bottom: 24px;
}
.button-primary-2 {
color: #fff;
letter-spacing: 2px;
text-transform: uppercase;
background-color: #1a1b1f;
padding: 12px 25px;
font-size: 12px;
line-height: 20px;
transition: all .2s;
}
.button-primary-2:hover {
color: #fff;
background-color: #32343a;
}
.button-primary-2:active {
background-color: #43464d;
}
.shadow-two {
box-shadow: 0 4px 24px #96a3b514;
}
.flex-block-11 {
grid-column-gap: 40px;
grid-row-gap: 40px;
}
.icon-64-40 {
justify-content: center;
align-items: center;
width: 64px;
height: 64px;
display: flex;
}
.section-g-g-images {
justify-content: center;
align-items: flex-start;
width: 100%;
padding: 60px 64px;
display: flex;
}
.partner_logos_section {
grid-column-gap: 16px;
grid-row-gap: 16px;
background-color: var(--colors--neutral--100);
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
max-width: 100%;
margin-left: auto;
margin-right: auto;
padding-top: 60px;
padding-bottom: 40px;
display: block;
}
.image_grid {
grid-column-gap: 20px;
grid-row-gap: 20px;
text-align: left;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
place-items: center;
max-width: 1312px;
margin: 0 auto 40px;
padding-left: 64px;
padding-right: 64px;
display: grid;
}
.partner_image_wrapper {
justify-content: center;
align-items: center;
width: 170px;
max-width: none;
height: 100px;
max-height: none;
display: flex;
position: relative;
overflow: hidden;
}
.partner_show {
object-fit: contain;
border-radius: 12px;
width: 100%;
height: 100%;
max-height: 227%;
transition: transform .5s, opacity .5s;
position: absolute;
inset: 0% auto auto 0%;
}
.partner_hide {
opacity: 0;
object-fit: contain;
border-radius: 12px;
width: 100%;
height: 100%;
max-height: 100%;
transition: transform .5s, opacity .5s;
position: absolute;
inset: 0% auto auto 0%;
}
.code-embed {
display: none;
}
.images-g-g {
grid-column-gap: 32px;
grid-row-gap: 32px;
background-color: var(--colors--neutral--100);
border-radius: 24px;
flex-flow: column;
justify-content: flex-start;
align-items: center;
width: 100%;
padding: 40px;
display: flex;
}
.project-detail-image {
border-radius: 24px;
box-shadow: 0 4px 10px #75757514;
}
.g-g-contact-wrapper {
grid-column-gap: 32px;
grid-row-gap: 32px;
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
}
.g-g-contact-wrapper._1000px {
max-width: 1000px;
}
.image-telenor {
box-sizing: border-box;
aspect-ratio: 2 / 3;
object-fit: cover;
border-radius: 24px;
}
.app-store-wrapper {
grid-column-gap: 24px;
grid-row-gap: 24px;
justify-content: flex-start;
display: flex;
}
.gamification-wrapper {
grid-column-gap: 40px;
grid-row-gap: 40px;
flex-flow: column;
display: flex;
}
.gamification-image {
justify-content: flex-start;
align-items: flex-start;
width: auto;
height: 400px;
display: flex;
}
.gamification-card {
grid-column-gap: 40px;
grid-row-gap: 40px;
background-color: var(--colors--neutral--100);
border-radius: 40px;
justify-content: flex-start;
align-items: center;
max-width: 1312px;
padding: 40px;
}
.youtube {
border-radius: 20px;
}
.grid-6 {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.grid-2-col-details {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-rows: auto;
grid-template-columns: .5fr 1fr;
width: 100%;
max-width: 800px;
}
.title-des-wrapper {
grid-column-gap: 20px;
grid-row-gap: 20px;
justify-content: flex-start;
align-items: center;
margin-bottom: 40px;
}
.title-des-wrapper.design {
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
width: 80%;
margin-bottom: auto;
display: flex;
}
.title-des-wrapper.design.center {
justify-content: flex-start;
align-items: center;
}
.title-des-wrapper.design.full-width {
width: 100%;
}
.title-des-wrapper.design-50 {
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
width: auto;
display: flex;
}
.title-des-wrapper.design-50.row-gap-12 {
grid-column-gap: 12px;
grid-row-gap: 12px;
}
.image-27 {
width: 80%;
height: auto;
display: block;
}
.card-link {
display: block;
position: relative;
}
.image-28 {
border-radius: 20px;
width: 100%;
transition: filter .3s;
}
.image-portfolio-2 {
transition: opacity .3s;
position: relative;
overflow: hidden;
}
.image-portfolio-2:hover {
opacity: 1;
}
.card-portfolio-home-2 {
grid-column-gap: 32px;
grid-row-gap: 32px;
}
.card-link-icon-button {
opacity: 1;
background-color: #f4f4f4;
border-radius: 999px;
justify-content: center;
align-items: center;
width: 48px;
height: 48px;
padding: 4px;
transition: opacity .3s ease-in-out;
display: flex;
}
.card-link-icon-button:hover {
opacity: 1;
}
.card-image-overlay {
opacity: 0;
background-color: #0009;
border-radius: 24px;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
transition: opacity .3s ease-in-out;
display: flex;
position: absolute;
inset: 0% auto auto 0%;
}
.card-image-overlay:hover {
opacity: 1;
background-color: #0000004d;
}
.description-height {
height: 300px;
}
.description-height._180, .description-height.lg-h-250 {
height: 250px;
}
.image-29 {
max-width: 90%;
}
.text-headingsh-1-2 {
color: #13362d;
margin-top: 0;
margin-bottom: 0;
font-family: Helvetica Neue Bold, Arial, sans-serif;
font-size: 64px;
font-weight: 700;
line-height: 115%;
position: static;
}
.hero-slide.swiper-slide {
justify-content: center;
align-items: center;
width: 100%;
margin-bottom: 24px;
display: flex;
}
.text-block-18 {
width: 80%;
font-family: Helvetica neue normal, Arial, sans-serif;
font-weight: 400;
line-height: 135%;
}
.hero-div {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex: none;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
max-width: 1312px;
padding-top: 0;
padding-bottom: 0;
display: grid;
}
.hero-div.design-service {
grid-column-gap: 40px;
grid-row-gap: 40px;
place-items: center;
}
.hero-slider.swiper {
padding-top: 60px;
padding-bottom: 60px;
}
.text-headings-play-7 {
color: #13362d;
font-family: Playfair Display, sans-serif;
font-style: italic;
font-weight: 700;
line-height: 100%;
}
.section-13 {
padding-bottom: 60px;
padding-left: 64px;
padding-right: 64px;
}
.image-30 {
aspect-ratio: auto;
object-fit: cover;
height: 100%;
}
.grid-7 {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-auto-flow: row;
width: 100%;
max-width: 1312px;
}
.utility-page-wrap {
justify-content: center;
align-items: center;
width: 100vw;
max-width: 100%;
height: 100vh;
max-height: 100%;
display: flex;
}
.utility-page-content {
grid-column-gap: 24px;
grid-row-gap: 24px;
text-align: center;
flex-direction: column;
justify-content: center;
align-items: center;
width: 300px;
display: flex;
}
.work-hero-image {
height: 60vh;
}
.div-block-34 {
position: relative;
}
.div-block-35 {
background-color: #0000004d;
border-radius: 12px;
width: 100%;
height: 100%;
position: absolute;
inset: 0% auto auto 0%;
}
.div-block-36 {
background-color: #fff;
border-radius: 100%;
justify-content: center;
align-items: center;
width: 40px;
height: 40px;
display: flex;
position: absolute;
top: 45%;
left: 45%;
right: 0%;
}
.image-31 {
width: 24px;
height: 24px;
}
.utility-page-form {
flex-direction: column;
align-items: stretch;
display: flex;
}
.hero-service-details {
grid-column-gap: 32px;
grid-row-gap: 32px;
}
.grid-2-col-1-1 {
grid-column-gap: 40px;
grid-row-gap: 40px;
grid-template-rows: auto;
}
.grid-2-col-1-1.stats {
grid-column-gap: 24px;
grid-row-gap: 24px;
}
.wrapper-60-space {
grid-column-gap: 60px;
grid-row-gap: 60px;
flex-flow: column;
display: flex;
}
.wrapper-60-space._100 {
width: 100%;
}
.title-description-wrapper {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-flow: column;
display: flex;
}
.design-service-wrapper {
grid-column-gap: 20px;
border: 2px solid var(--_global-tokens---color--b-w--white);
background-color: #ffffffb3;
border-radius: 16px 16px 20px 20px;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 644px;
padding: 24px;
text-decoration: none;
display: flex;
box-shadow: 0 8px 32px #585c5f1a;
}
.design-service-wrapper:hover {
background-color: var(--colors--neutral--100);
}
.title-description-wrapper-2 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.div-horizontal-32 {
grid-column-gap: 32px;
grid-row-gap: 32px;
flex-flow: column;
display: flex;
}
.design-services-wrapper {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: column;
display: flex;
}
.icon-32 {
width: 32px;
}
.design-process-card {
grid-row-gap: 32px;
border: 2px solid var(--_global-tokens-2---color--b-w--white);
border-radius: var(--_global-tokens-2---radius--16);
background-color: #ffffff80;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 388px;
min-width: 388px;
max-width: 388px;
margin-bottom: 20px;
text-decoration: none;
display: flex;
}
.container {
grid-column-gap: 24px;
border-radius: var(--_global-tokens-2---radius--16) var(--_global-tokens-2---radius--16) var(--_global-tokens-2---radius--none) var(--_global-tokens-2---radius--none);
background-color: var(--_global-tokens-2---color--b-w--white);
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding-top: 24px;
padding-bottom: 32px;
padding-left: 24px;
text-decoration: none;
display: flex;
}
.text-container {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding-top: 20px;
text-decoration: none;
display: flex;
}
.tag-container {
grid-column-gap: 8px;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.tag-text {
color: var(--_global-tokens-2---colors--primary--600-p);
margin-top: 0;
margin-bottom: 0;
font-family: Helvetica Neue Medium, Arial, sans-serif;
font-size: 18px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.container-3 {
grid-row-gap: 12px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 313px;
text-decoration: none;
display: flex;
}
.icon-container-56 {
grid-column-gap: 8px;
background-color: var(--_global-tokens-2---colors--primary--50);
border-radius: 16px;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
padding: 12px;
text-decoration: none;
display: flex;
}
.container-5 {
grid-row-gap: 32px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
padding-bottom: 32px;
padding-left: 32px;
padding-right: 32px;
text-decoration: none;
display: flex;
}
.text-container-2 {
grid-row-gap: 0px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding-top: 30px;
text-decoration: none;
display: flex;
}
.med-italic {
color: var(--_global-tokens-2---colors--primary--300);
margin-top: 0;
margin-bottom: 0;
font-family: Helvetica Neue Medium Italic, Arial, sans-serif;
font-size: 20px;
font-style: italic;
font-weight: 500;
line-height: 30px;
text-decoration: none;
}
.container-8 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.tag-container-3 {
grid-column-gap: 8px;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.design-process-wrapper {
grid-column-gap: 32px;
grid-row-gap: 32px;
display: flex;
overflow: auto;
}
.title-des-center {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
}
.title-des-center.max-800 {
max-width: 800px;
}
.why-collborate-design {
grid-row-gap: 20px;
border: 2px solid var(--_global-tokens-2---color--b-w--white);
border-radius: var(--_global-tokens-2---radius--16);
background-color: #fff9;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 421px;
padding: 24px;
text-decoration: none;
display: flex;
box-shadow: 0 8px 32px #585c5f1a;
}
.text-container-6 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.buttonsecondary {
grid-column-gap: 10px;
background-color: var(--_global-tokens-2---colors--secondary--300-p);
border-radius: 12px;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 10px 24px;
text-decoration: none;
display: flex;
}
.why-collaborate-cta {
grid-row-gap: 24px;
border: 2px solid var(--colors--primary--100);
border-radius: var(--_global-tokens-2---radius--16);
background-color: var(--_global-tokens-2---colors--secondary--alpha--10);
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
max-width: 421px;
height: auto;
padding: 24px;
text-decoration: none;
display: flex;
box-shadow: 0 8px 32px #585c5f1a;
}
.button-text-2 {
color: var(--_global-tokens-2---colors--primary--800);
margin-top: 0;
margin-bottom: 0;
font-family: Helvetica Neue, sans-serif;
font-size: 14px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.container-11 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.title-style-3 {
width: 100%;
color: var(--_global-tokens-2---colors--primary--300);
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Helvetica Neue, sans-serif;
font-size: 24px;
font-weight: 700;
line-height: 31px;
text-decoration: none;
}
.image-1312-541 {
border-radius: 24px;
max-width: 1312px;
max-height: 720px;
}
.sub-service {
grid-row-gap: 20px;
border: 2px solid var(--_global-tokens---color--b-w--white);
border-radius: var(--_global-tokens---radius--16);
background-color: #fff;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 310px;
padding: 24px;
text-decoration: none;
display: flex;
box-shadow: 0 8px 32px #585c5f1a;
}
.title-des-left {
grid-column-gap: 32px;
grid-row-gap: 32px;
flex-flow: column;
justify-content: center;
align-items: flex-start;
width: 40%;
display: flex;
}
.tech-logo {
width: 80%;
max-width: 70%;
}
.middle-description-wrapper {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-flow: column;
justify-content: center;
align-items: center;
width: 800px;
margin-bottom: 20px;
padding-top: 0;
padding-bottom: 0;
display: flex;
}
.left-hero-wrapper {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-flow: column;
justify-content: flex-start;
align-items: center;
width: 100%;
display: flex;
}
.section-15 {
justify-content: center;
align-items: center;
width: 100%;
height: 400px;
display: flex;
overflow: hidden;
}
.section-15.case-studies-bg {
height: 500px;
padding-left: 64px;
padding-right: 64px;
}
.section-16 {
justify-content: center;
display: flex;
}
.div-block-38 {
width: 100%;
max-width: 1080px;
padding-top: 40px;
padding-left: 64px;
padding-right: 64px;
}
.rich-text-block {
color: var(--colors--neutral--700);
margin-top: 20px;
line-height: 130%;
}
.soft-image-wrapper {
border-radius: 24px;
width: 100%;
height: auto;
max-height: none;
margin-bottom: 40px;
display: block;
}
.soft-image-wrapper.ops {
background-image: url("https://cdn.prod.website-files.com/689a86396206fe0c469a15fc/695fa13ace7614436b4004da_Managed.png");
background-size: cover;
height: 420px;
}
.div-block-40 {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: column;
display: flex;
}
.full-width-image {
border-radius: 20px;
max-width: 50%;
}
.project-managaement-card {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-flow: column;
justify-content: flex-start;
display: flex;
}
.project-managaement-card.horizontal {
flex-flow: row;
justify-content: center;
align-items: center;
}
.max-1440 {
justify-content: center;
align-items: flex-start;
max-width: 1440px;
display: flex;
}
.splide__list {
grid-column-gap: 12px;
grid-row-gap: 12px;
display: flex;
}
.splide__list.cert_splide_list {
flex-flow: row;
display: flex;
}
.splide__slide {
cursor: pointer;
width: 170px;
min-width: 170px;
height: auto;
min-height: 95px;
}
.splide__slide:hover {
pointer-events: auto;
}
.splide__slide.max-w-490 {
max-width: 490px;
}
.feature_image {
background-color: #fff;
border-radius: 12px;
}
.industry_item {
backface-visibility: hidden;
width: auto;
height: auto;
min-height: 1rem;
transition-property: transform opacity;
flex-flow: row;
flex: none;
justify-content: flex-start;
align-items: stretch;
padding: 1rem;
display: flex;
position: relative;
}
.our_tech_stack_main_wrapper {
height: auto;
display: block;
}
.our_tech_stack_main_wrapper.ext-p-20 {
padding-bottom: 0;
}
.text_heading {
font-family: Helvetica, Arial, sans-serif;
font-size: 20px;
font-weight: 500;
}
.industry_item_info {
display: none;
}
.industry_list_group.splide__slide {
width: auto;
min-width: auto;
min-height: auto;
display: flex;
}
.section-17 {
grid-column-gap: 36px;
grid-row-gap: 36px;
flex-flow: row-reverse wrap;
display: block;
}
.work-slider-wrapper {
border-radius: 12px;
box-shadow: 0 2px 12px #6e6e731a;
}
.work-slider-wrapper.dark {
background-color: var(--_global-tokens-2---colors--dark--card01);
}
.colmun01_footer {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-flow: column;
display: flex;
}
.aws_partner {
max-width: 80px;
}
.icon-and-title-container {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
text-decoration: none;
display: flex;
}
.nav-bar-card-container {
grid-row-gap: 12px;
border-radius: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
padding: 12px 16px;
font-family: Helvetica neue normal, Arial, sans-serif;
text-decoration: none;
display: flex;
}
.nav-bar-card-container:hover {
background-color: var(--colors--neutral--100);
border-radius: 12px;
}
.nav-bar-card-container.w--current {
font-family: Helvetica Neue Medium, Arial, sans-serif;
font-weight: 500;
}
.nav-bar-card-container.hide {
display: none;
}
.nav-icon {
width: 28px;
height: 28px;
}
.mobile-footer-link {
display: none;
}
.case-study-wrapper {
padding: 0 64px;
}
.case-study-hero {
border-radius: 24px;
height: 400px;
}
.case-study-hero-image {
justify-content: flex-end;
align-items: center;
padding-top: 40px;
padding-bottom: 40px;
display: flex;
}
.case-study-hero-left {
padding-top: 60px;
padding-bottom: 60px;
}
.full-wdith-case-study {
background-color: var(--colors--primary--50);
}
.certificate-short-container {
justify-content: center;
align-items: center;
padding-left: 64px;
padding-right: 64px;
display: flex;
}
.certificate-small-card {
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-flow: column;
justify-content: flex-start;
align-items: center;
width: 100%;
display: flex;
}
.link-block-4 {
color: var(--color--b-w--black);
text-decoration: none;
display: block;
}
.certificate-wrapper.max-1000 {
margin-top: auto;
}
.hamburger_btn {
display: none;
}
.brix---header-nav-menu-list-2 {
z-index: 1;
justify-content: flex-end;
align-items: center;
margin-bottom: 0;
padding-left: 0;
list-style-type: none;
display: flex;
}
.header-nav-link-4 {
color: #474040;
padding: 0;
font-family: Helvetica neue normal, Arial, sans-serif;
font-size: 18px;
line-height: 20px;
transition: color 1.5s;
}
.header-nav-link-4:hover {
color: #1f594b;
font-family: Helvetica Neue Medium, Arial, sans-serif;
font-weight: 500;
}
.header-nav-link-4:focus {
color: #1f594b;
border-bottom: 2px #060607;
font-family: Helvetica Neue Medium, Arial, sans-serif;
font-weight: 500;
}
.header-nav-link-4.w--current {
color: #13362d;
border: 1px #000;
border-bottom: 2px solid #13362d;
font-family: Helvetica Neue Medium, Arial, sans-serif;
font-weight: 500;
transition-duration: 1.5s;
}
.header-nav-link-4.w--current:hover {
color: #474040;
font-family: Helvetica Neue Medium, Arial, sans-serif;
font-weight: 500;
}
.header-nav-link-4.w--current:active {
color: #1f594b;
}
.div-block-43 {
display: none;
}
.div-block-45 {
margin-bottom: 0;
display: none;
}
.privacy-container {
justify-content: center;
align-items: flex-start;
max-width: 1200px;
display: flex;
}
.privacy-wrapper {
grid-column-gap: 40px;
grid-row-gap: 40px;
flex-flow: column;
display: flex;
}
.privacy-title-wrapper {
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-flow: column;
justify-content: flex-start;
align-items: center;
display: flex;
}
.privacy-content-wrapper {
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-flow: column;
width: 100%;
display: flex;
}
.div-block-46 {
justify-content: center;
align-items: center;
display: flex;
}
.privacy-rich-text {
font-size: 16px;
line-height: 130%;
}
.bold-text-7, .bold-text-8, .bold-text-9, .bold-text-10 {
font-family: Helvetica Neue Bold, Arial, sans-serif;
}
.paragraph {
font-family: Helvetica Neue Medium Italic, Arial, sans-serif;
}
.bold-text-12, .bold-text-13, .bold-text-14, .bold-text-15, .bold-text-16, .bold-text-17, .bold-text-18, .bold-text-19, .bold-text-20, .bold-text-21, .bold-text-22, .bold-text-23, .bold-text-24, .bold-text-25, .bold-text-26, .bold-text-27, .bold-text-28, .bold-text-29, .bold-text-30, .bold-text-31, .bold-text-32, .bold-text-33, .bold-text-34, .bold-text-35, .rich-sub-heading {
font-family: Helvetica Neue Bold, Arial, sans-serif;
}
.link {
color: var(--colors--neutral--300);
}
.link-2 {
color: var(--colors--primary--600-p);
}
.container-div {
justify-content: center;
align-items: center;
display: flex;
}
.max-1312 {
max-width: 1312px;
}
.design-icon-wrapper {
width: 40px;
height: 40px;
display: flex;
}
.design-container-60 {
grid-column-gap: 60px;
grid-row-gap: 60px;
}
.design-philosophy-list {
grid-column-gap: 28px;
grid-row-gap: 28px;
}
.section-18 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
padding: 60px 64px;
display: block;
}
.section-18.hide {
display: none;
}
.grid-9 {
grid-column-gap: 40px;
grid-row-gap: 40px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-flow: column;
}
.image-38 {
border-radius: 24px;
}
.grid-10 {
grid-column-gap: 20px;
grid-row-gap: 20px;
border-bottom: 1px solid #d1d0d0;
border-radius: 0;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-flow: row;
padding-bottom: 20px;
}
.div-block-50 {
grid-column-gap: 40px;
grid-row-gap: 40px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.div-block-51 {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-flow: column;
grid-template-rows: auto auto auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: column;
padding-top: 0;
padding-bottom: 0;
display: flex;
}
.grid-11 {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.div-block-52 {
padding-bottom: 40px;
}
.grid-13 {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-rows: auto;
grid-auto-flow: row;
padding-bottom: 40px;
}
.grid-14 {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.image-39 {
border-radius: 24px;
padding-bottom: 0;
}
.grid-16 {
grid-column-gap: 0px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 2fr 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: row;
display: grid;
}
.grid-17 {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
.div-block-53 {
padding-top: 24px;
}
.link-block-7 {
text-decoration: none;
}
.div-block-54 {
grid-column-gap: 0px;
grid-row-gap: 0px;
background-color: #fff;
border-radius: 20px;
flex-flow: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
align-items: flex-start;
width: auto;
min-width: 388px;
max-width: 388px;
height: auto;
padding: 0;
display: flex;
}
.image-40 {
border-radius: 20px;
width: auto;
min-width: 388px;
max-width: 388px;
}
.container-21 {
grid-column-gap: 0px;
grid-row-gap: 0px;
border-radius: 0;
flex-flow: column;
justify-content: flex-start;
align-items: center;
width: auto;
min-width: 388px;
max-width: 388px;
padding: 20px 20px 40px;
display: flex;
}
.paragraph-2 {
font-family: Helvetica neue normal, Arial, sans-serif;
font-size: 16px;
font-style: italic;
font-weight: 400;
}
.tags-design-process {
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-flow: wrap;
justify-content: flex-start;
align-items: center;
display: flex;
}
.grid-19 {
grid-template-columns: 1fr;
padding-bottom: 40px;
}
.map-image {
width: 100%;
}
.container-60 {
grid-column-gap: 60px;
grid-row-gap: 60px;
background-color: #f4f4f400;
flex-flow: column;
display: flex;
}
.container-60.con-h-fix {
grid-row-gap: 40px;
background-color: #f4f4f400;
height: auto;
}
.container-60.con-h-fix.soft, .container-60.con-h-fix.no-padding {
padding-top: 0;
padding-bottom: 0;
}
.container-60.design {
background-color: #f4f4f400;
}
.container-60.design.h-auto {
grid-column-gap: 40px;
grid-row-gap: 40px;
height: auto;
}
.container-60.design.h-auto.no-padding {
padding-top: 0;
padding-bottom: 0;
}
.container-60.no-padding {
grid-row-gap: 40px;
padding-top: 20px;
padding-bottom: 20px;
}
.product-strategy-div {
grid-column-gap: 40px;
grid-row-gap: 40px;
background-color: var(--colors--neutral--100);
border-radius: 16px;
display: flex;
}
.image-desktop-50 {
aspect-ratio: auto;
object-fit: cover;
border-top-right-radius: 16px;
border-bottom-right-radius: 16px;
width: 50%;
min-height: 280px;
max-height: 300px;
position: relative;
}
.image-desktop-50._w-100.obj-cover {
aspect-ratio: auto;
}
.image-desktop-50._w-100.obj-cover.border-t-radius-0 {
aspect-ratio: 3 / 2;
}
.image-desktop-50._w-100.obj-cover.border-t-radius-0.obj-custom {
aspect-ratio: auto;
object-fit: fill;
max-height: none;
}
.image-desktop-50._w-100.border-t-radius-0.obj-custom {
max-height: 300px;
}
.image-desktop-50._w-100.border-t-radius-0.obj-custom.max-h-none {
max-height: none;
}
.image-desktop-50.obj-custom {
object-fit: cover;
}
.image-desktop-50.preset-styles {
object-fit: fill;
max-width: none;
min-height: auto;
max-height: none;
}
.image-desktop-50.preset-styles.obj-cover {
object-fit: cover;
}
.image-desktop-50.preset-styles.obj-cover._w-full._w-full {
width: 100%;
}
.image-desktop-50.preset-styles.obj-cover._w-full._w-1-2 {
width: 50%;
}
.div-50 {
width: 50%;
padding: 24px;
display: flex;
}
.div-50._w-100 {
padding-top: 40px;
}
.image-mobile-50 {
width: 50%;
display: none;
position: relative;
}
.product-design-wrapper {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-flow: column;
display: flex;
}
.schedule-a-meeting {
color: var(--_global-tokens-2---color--b-w--white);
margin-top: 0;
margin-bottom: 0;
font-family: Helvetica Neue, sans-serif;
font-size: 18px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.product-design-cta {
grid-row-gap: 10px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 1311px;
text-decoration: none;
display: flex;
}
.product-design-cta.hide {
display: none;
}
.button-style-2 {
grid-column-gap: 10px;
background-image: linear-gradient(#1f594bcc 0%, #1f594be6 47%, #1f594b 100%);
border-radius: 14px;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 14px 28px;
text-decoration: none;
display: flex;
}
.container-13 {
border: 1px solid var(--_global-tokens-2---colors--primary--50);
background-color: var(--_global-tokens-2---color--b-w--white);
border-radius: 24px;
justify-content: space-between;
align-items: center;
width: 100%;
padding: 24px 32px;
text-decoration: none;
display: flex;
}
.container-14 {
grid-row-gap: 12px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 60%;
text-decoration: none;
display: flex;
}
.mvp-wrapper {
grid-column-gap: 16px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
text-decoration: none;
display: flex;
}
.icon-48-div {
grid-column-gap: 10px;
border: 1px solid var(--_global-tokens-2---colors--primary--50);
background-color: var(--_global-tokens-2---color--b-w--white);
border-radius: 32px;
justify-content: center;
align-items: center;
width: 48px;
height: 48px;
padding: 8px;
text-decoration: none;
display: flex;
}
.title-description {
grid-row-gap: 20px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 620px;
text-decoration: none;
display: flex;
}
.card-wrapper {
grid-column-gap: 40px;
grid-row-gap: 40px;
flex-flow: column;
display: flex;
}
.card-wrapper._24-padding {
grid-column-gap: 24px;
grid-row-gap: 24px;
}
.card-wrapper._4-padding {
grid-column-gap: 4px;
grid-row-gap: 4px;
}
.mvp-cta {
grid-column-gap: 24px;
grid-row-gap: 24px;
border: 1px solid var(--_global-tokens-2---colors--primary--50);
background-color: var(--_global-tokens-2---color--b-w--white);
border-radius: 20px;
flex-flow: column;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 643px;
padding: 24px;
text-decoration: none;
display: flex;
}
.schedule-a-meeting-2 {
color: var(--_global-tokens-2---color--b-w--white);
margin-top: 0;
margin-bottom: 0;
font-family: Helvetica Neue, sans-serif;
font-size: 18px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.container-16 {
grid-row-gap: 12px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 374px;
text-decoration: none;
display: flex;
}
.mvp-right-div {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-flow: column;
display: flex;
}
.mvp-right-div.brand {
position: static;
top: 10%;
}
.image-42 {
object-fit: cover;
width: 100%;
max-height: 70vh;
}
.div-block-57 {
height: 100%;
}
.subtitle-title-wrapper {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-flow: column;
display: flex;
}
.subtitle-title-wrapper.center {
justify-content: center;
align-items: center;
}
.brand-card {
grid-column-gap: 20px;
border: 2px solid var(--_global-tokens-2---color--b-w--white);
background-color: var(--_global-tokens-2---colors--neutral--100);
border-radius: 16px 16px 20px 20px;
justify-content: flex-end;
align-items: flex-start;
width: 100%;
max-width: 644px;
padding: 24px;
text-decoration: none;
display: flex;
position: static;
top: 22%;
box-shadow: 0 8px 32px #585c5f1a;
}
.container-17 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.workshop-card-wrapper {
flex-direction: column;
justify-content: center;
align-items: flex-start;
height: auto;
text-decoration: none;
display: flex;
}
.title-container {
grid-row-gap: 20px;
background-color: #deefed;
background-image: linear-gradient(#deefed, #f9fffe);
border-top-left-radius: 20px;
border-top-right-radius: 20px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 100px;
padding: 24px 24px 20px;
text-decoration: none;
display: flex;
box-shadow: 0 8px 32px #585c5f1a;
}
.title-wrapper {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 373px;
text-decoration: none;
display: flex;
}
.title-row {
grid-column-gap: 24px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.description-wrapper {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 373px;
text-decoration: none;
display: flex;
}
.description-container-2 {
grid-row-gap: 20px;
background-color: var(--_global-tokens-2---color--b-w--white);
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
min-height: 180px;
padding: 20px 24px;
text-decoration: none;
display: flex;
box-shadow: 0 8px 32px #585c5f1a;
}
.worksop-image-wrapper {
background-image: url("https://cdn.prod.website-files.com/689a86396206fe0c469a15fc/695cadd1ecd512a79634edd9_Innovation%20Workshop%20Large.jpeg");
background-position: 50%;
background-size: cover;
border-radius: 24px;
width: 100%;
height: 100%;
}
.webflow-card-wrapper {
grid-row-gap: 24px;
border: 2px solid var(--_global-tokens-2---colors--primary--50);
background-color: #ffffffb3;
border-radius: 20px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 421px;
height: auto;
min-height: 220px;
padding: 24px;
text-decoration: none;
display: flex;
}
.header-style {
grid-column-gap: 24px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.header-style.webflow {
height: 84px;
}
.webflow-card-container {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 373px;
text-decoration: none;
display: flex;
}
.webflow-image {
border-radius: 24px;
}
.service-design-wrapper {
grid-row-gap: 20px;
border: 2px solid var(--_global-tokens-2---color--b-w--white);
background-color: #ffffffb3;
border-radius: 20px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 421px;
min-height: 360px;
padding: 24px;
text-decoration: none;
display: flex;
box-shadow: 0 8px 32px #585c5f1a;
}
.service-design-wrapper._5th {
min-height: auto;
}
.container-22 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 373px;
text-decoration: none;
display: flex;
}
.service-left-wrapper {
grid-column-gap: 40px;
grid-row-gap: 40px;
flex-flow: column;
display: flex;
}
.space {
width: 100%;
height: 100%;
}
.service-design-bottom-wrapper {
justify-content: center;
align-items: flex-start;
display: flex;
}
.image-44 {
z-index: -1;
height: 100%;
display: block;
position: absolute;
inset: auto auto auto 12%;
}
.button-div-design {
text-decoration: none;
}
.ux-audit-card-wrapper {
grid-column-gap: 4px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 607px;
text-decoration: none;
display: flex;
}
.ux-audit-card {
grid-column-gap: 20px;
border-style: solid;
border-width: 2px 0 2px 2px;
border-color: var(--_global-tokens-2---color--b-w--white);
background-color: #ffffffb3;
border-radius: 20px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding: 24px;
text-decoration: none;
display: flex;
box-shadow: 0 8px 32px #585c5f1a;
}
.container-24 {
background-color: var(--color--b-w--white);
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
text-decoration: none;
display: flex;
}
.container-25 {
grid-column-gap: 10px;
border: 1px solid var(--_global-tokens-2---colors--primary--200);
background-color: var(--_global-tokens-2---color--b-w--white);
border-radius: 32px;
justify-content: center;
align-items: center;
width: 64px;
height: 64px;
padding: 16px;
text-decoration: none;
display: flex;
}
.number-2 {
width: 100%;
color: var(--_global-tokens-2---colors--primary--400);
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Helvetica Neue Bold, Arial, sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 32px;
text-decoration: none;
}
.container-26 {
grid-column-gap: 24px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.button-link-div {
text-decoration: none;
}
.button-link-div.top-padding {
margin-top: 20px;
}
.service-work-button-div {
justify-content: flex-start;
align-items: flex-end;
}
.case-study-hero-text {
justify-content: center;
align-items: center;
display: flex;
}
.text-span-4 {
font-family: Helvetica Neue Bold Italic, Arial, sans-serif;
}
.text-block-26 {
color: var(--colors--neutral--300);
-webkit-text-stroke-color: var(--colors--neutral--300);
margin-left: 3px;
margin-right: 3px;
font-size: 14px;
line-height: 130%;
}
.learn_wrapper {
position: sticky;
top: 34%;
}
.col-left {
flex: 1;
align-self: stretch;
position: relative;
}
.block-text {
letter-spacing: -.01em;
}
.block-title {
opacity: .2;
letter-spacing: -.04px;
font-size: 4rem;
font-weight: 900;
line-height: 1;
}
.block {
color: #fff;
background-color: #7946f3;
align-items: stretch;
min-height: 400px;
margin-bottom: 100px;
padding: 48px 50px 56px;
font-size: 28px;
font-weight: 300;
line-height: 1.4;
display: flex;
position: sticky;
}
.block._3 {
background-color: #7045af;
top: 30%;
}
.block._4 {
background-color: #e14594;
margin-bottom: 0;
top: 34%;
}
.block._2 {
background-color: #2b3595;
top: 26%;
}
.block._1 {
background-color: #182952;
top: 22%;
}
.container-27 {
width: 90%;
max-width: 1280px;
margin-left: auto;
margin-right: auto;
}
.container-27.cc-flex-h {
grid-column-gap: 32px;
grid-row-gap: 32px;
grid-column-gap: 32px;
grid-row-gap: 32px;
flex: 1;
justify-content: center;
align-items: center;
width: auto;
max-width: none;
display: flex;
}
.container-27.cc-flex-h.md-padding-0 {
width: 100%;
}
.col-right {
flex-direction: column;
flex: 1;
padding-bottom: 300px;
display: flex;
}
.col-right.pb-250 {
padding-bottom: 250px;
}
.text_left {
letter-spacing: -.02em;
margin-top: 12px;
margin-bottom: 0;
padding-right: 180px;
font-size: 1.4rem;
font-weight: 400;
line-height: 1.5;
display: inline-block;
}
.section-20 {
flex-direction: column;
flex: 1;
justify-content: center;
padding-top: 140px;
padding-bottom: 160px;
position: relative;
}
.section-20.cc-no-padding-bottom {
padding: 60px 64px;
}
.image-45 {
position: absolute;
left: 100px;
}
.text-bodyb-3-med-2 {
color: #13362d;
-webkit-text-stroke-color: #1f594b;
margin-top: 0;
margin-bottom: 0;
font-family: Helvetica Neue Medium, Arial, sans-serif;
font-size: 18px;
font-weight: 500;
line-height: 120%;
}
.text-bodyb-3-med-2._600 {
color: #1f594b;
}
.brand-card-2 {
grid-column-gap: 20px;
background-color: #f4f4f4;
border: 2px solid #fff;
border-radius: 16px 16px 20px 20px;
justify-content: flex-end;
align-items: flex-start;
width: 100%;
max-width: 644px;
padding: 24px;
text-decoration: none;
display: flex;
position: static;
top: 22%;
box-shadow: 0 8px 32px #585c5f1a;
}
.brand-card-2.sticky-card-5 {
background-color: var(--colors--neutral--100);
max-width: 800px;
height: 240px;
position: sticky;
top: 10%;
overflow: hidden;
transform: translate(0, 240px);
}
.brand-card-2.sticky-card-5.project {
transform: translate(0, 240px);
}
.brand-card-2.sticky-card-5.project.reporting-dash {
transform: translate(0, 306px);
}
.brand-card-2.sticky-card-5.project.h-295 {
background-color: var(--color--b-w--white);
}
.brand-card-2.sticky-card-3 {
height: 240px;
position: sticky;
top: 10%;
overflow: hidden;
transform: translate(0, 120px);
}
.brand-card-2.sticky-card-3.project {
background-color: var(--color--b-w--white);
max-width: 800px;
}
.brand-card-2.sticky-card-2 {
height: 240px;
position: sticky;
top: 10%;
overflow: hidden;
transform: translate(0, 60px);
}
.brand-card-2.sticky-card-2.project {
background-color: var(--color--b-w--white);
max-width: 800px;
}
.brand-card-2.sticky-card-1 {
margin-bottom: 0;
position: sticky;
top: 10%;
}
.brand-card-2.sticky-card-4 {
background-color: var(--colors--neutral--100);
max-width: 800px;
height: 240px;
position: sticky;
top: 10%;
overflow: hidden;
transform: translate(0, 180px);
}
.brand-card-2.sticky-card-4.project.h-295 {
background-color: var(--color--b-w--white);
}
.brand-card-2.sticky-card-1 {
mix-blend-mode: normal;
height: 240px;
margin-bottom: 0;
padding-top: 24px;
padding-bottom: 24px;
position: sticky;
top: 10%;
transform: translate(0);
}
.brand-card-2.sticky-card-1.project {
background-color: var(--color--b-w--white);
max-width: 800px;
}
.text-headingsh-3-3 {
color: #13362d;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Helvetica Neue Bold, Arial, sans-serif;
font-size: 48px;
font-weight: 700;
line-height: 120%;
}
.text-headingsh-3-3.left {
text-align: left;
display: block;
}
.text-headingsh-3-3.desk-left-rest-center {
text-align: left;
}
.text-headingsh-6-5 {
box-sizing: border-box;
color: #13362d;
text-align: left;
letter-spacing: normal;
text-transform: none;
column-count: auto;
overflow-wrap: normal;
margin-top: 0;
margin-bottom: 0;
font-family: Helvetica Neue Medium, Arial, sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 120%;
}
.text-headingsh-6-5.font-sz-32 {
font-size: 32px;
}
.container-29 {
grid-row-gap: 12px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 60%;
text-decoration: none;
display: flex;
}
.flex-container-40-2 {
grid-column-gap: 40px;
grid-row-gap: 40px;
flex-flow: column;
justify-content: flex-start;
align-items: center;
display: flex;
}
.flex-container-40-2.left {
justify-content: flex-start;
align-items: flex-start;
margin-bottom: 0;
}
.section-21 {
max-width: none;
padding: 60px 64px;
display: block;
overflow: hidden;
}
.text-bodyb-4-4 {
color: #13362d;
margin-top: 0;
margin-bottom: 0;
font-family: Helvetica neue normal, Arial, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 130%;
}
.container-default-10 {
z-index: 2;
grid-column-gap: 0px;
grid-row-gap: 0px;
background-color: #f9fafb00;
flex-flow: column;
justify-content: center;
align-items: center;
max-width: 1312px;
padding-top: 0;
padding-bottom: 0;
display: flex;
position: relative;
}
.buttonprimary-5 {
grid-column-gap: 10px;
background-image: linear-gradient(#1f594bcc 0%, #1f594be6 47%, #1f594b 100%);
border-radius: 12px;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 12px 24px;
text-decoration: none;
display: flex;
}
.buttonprimary-5:hover {
background-color: #13362d;
}
.buttonprimary-5.effect-shadowsb1 {
background-image: linear-gradient(#1f594bcc, #1f594be6 47%, #1f594b);
transition: background-color .2s;
}
.buttonprimary-5.effect-shadowsb1:hover {
background-image: linear-gradient(#1f594bcc, #1f594be6 47%, #1f594b);
box-shadow: 0 8px 16px #12352c1a, 0 4px 30px #11362d0d;
}
.container-30 {
background-color: #fff;
border: 1px solid #deefed;
border-radius: 24px;
justify-content: space-between;
align-items: center;
width: 100%;
padding: 24px 32px;
text-decoration: none;
display: flex;
}
.button-text-7 {
color: #f4f4f4;
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
font-weight: 500;
line-height: 24px;
text-decoration: none;
}
.product-strategy-div-2 {
grid-column-gap: 40px;
grid-row-gap: 40px;
background-color: #f4f4f4;
border-radius: 16px;
display: flex;
}
.product-strategy-div-2.prod_strategy_design_card.col-span-1.col-gap-0.will-change-transform {
will-change: transform;
transform-style: preserve-3d;
transform: translateZ(0);
}
.product-strategy-div-2.prod_strategy_design_card.col-span-1.col-gap-0.will-change-transform.min-h-280.max-h-300 {
max-height: 600px;
}
.product-strategy-div-2.prod_strategy_design_card.col-span-1.col-gap-0.will-change-transform.max-h-300 {
max-height: 300px;
}
.product-strategy-div-2.prod_strategy_design_card.col-span-1.col-gap-0.will-change-transform.max-h-300.max-h-500.overflow-hidden {
overflow: hidden;
}
.product-strategy-div-2.prod_strategy_design_card.min-h-280 {
min-height: 280px;
}
.product-strategy-div-2.prod_strategy_design_card.min-h-280.obj-custom {
max-height: 300px;
}
.container-31 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.div-block-62 {
flex-direction: column;
flex: 1;
justify-content: space-between;
align-items: flex-start;
display: flex;
}
.container-default-11 {
z-index: 2;
grid-column-gap: 0px;
grid-row-gap: 0px;
background-color: #f9fafb00;
flex-flow: column;
justify-content: center;
align-items: center;
max-width: 1312px;
padding-top: 0;
padding-bottom: 0;
display: flex;
position: relative;
}
.image-47 {
object-fit: cover;
width: 100%;
max-height: 80vh;
}
.text-bodyb-2-3 {
color: #231e1f;
text-align: left;
margin-top: 0;
margin-bottom: 0;
font-family: Helvetica neue normal, Arial, sans-serif;
font-size: 20px;
font-weight: 400;
line-height: 140%;
}
.text-bodyb-2-3.italic {
font-style: italic;
font-weight: 400;
}
.text-bodyb-2-3.italic.line_clamp_1.project {
font-size: 18px;
}
.text-bodyb-2-3.italic.line_clamp_1.project._w-full {
width: 100%;
}
.text-bodyb-2-3.italic.line_clamp_1.pr-0-15 {
padding-right: .15em;
}
.text-headingsh-6-6 {
box-sizing: border-box;
color: #13362d;
text-align: left;
letter-spacing: normal;
text-transform: none;
column-count: auto;
overflow-wrap: normal;
margin-top: 0;
margin-bottom: 0;
font-family: Helvetica Neue Medium, Arial, sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 120%;
}
.text-bodyb-3-6 {
color: #231e1f;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Helvetica neue normal, Arial, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 140%;
}
.text-bodyb-3-6.line_clamp_3.project {
font-size: 16px;
}
.text-bodyb-4-5 {
color: #13362d;
margin-top: 0;
margin-bottom: 0;
font-family: Helvetica neue normal, Arial, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 130%;
}
.card-wrapper-2 {
grid-column-gap: 40px;
grid-row-gap: 40px;
flex-flow: column;
display: flex;
}
.card-wrapper-2._24-padding {
grid-column-gap: 0px;
grid-row-gap: 0px;
justify-content: flex-start;
align-items: center;
}
.div-block-63 {
height: auto;
position: sticky;
top: 10%;
}
.grid-2-col-3 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr .75fr;
place-items: center stretch;
width: 100%;
max-width: 1312px;
padding-top: 0;
}
.grid-2-col-3.top-aligned {
grid-column-gap: 32px;
grid-row-gap: 32px;
grid-template-columns: 1fr 1fr;
place-items: start stretch;
margin-bottom: 0;
}
.grid-2-col-3.top-aligned.brand-strategy-title {
margin-bottom: 60px;
}
.grid-2-col-3.top-aligned.brand-strategy-title.md-mb-0.project {
max-width: 800px;
}
.work-service-details-image-wrapper {
border-radius: 12px;
}
.work-service-details-image {
border-radius: 12px;
width: 100%;
}
.div-block-64 {
grid-column-gap: 4px;
grid-row-gap: 4px;
flex-flow: column;
max-width: 1440px;
display: flex;
}
.italic-text, .italic-text-2, .italic-text-3, .italic-text-4, .italic-text-5, .italic-text-6, .italic-text-7, .italic-text-8, .italic-text-9, .italic-text-10 {
color: var(--colors--accent--400);
}
.project-hero-grid {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
}
.frame-1321314931 {
grid-row-gap: 14px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 423px;
text-decoration: none;
display: flex;
}
.frame-1321314930 {
grid-row-gap: 40px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.frame-1321314929 {
grid-row-gap: 20px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.frame-1321314928 {
grid-row-gap: 12px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
._50 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-family: Helvetica Neue, sans-serif;
font-size: 32px;
font-weight: 700;
line-height: 48px;
text-decoration: none;
}
.projects-delivered {
color: var(--colors--neutral--100);
margin-top: 0;
margin-bottom: 0;
font-family: Helvetica neue normal, Arial, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 21px;
text-decoration: none;
}
._30 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-family: Helvetica Neue, sans-serif;
font-size: 32px;
font-weight: 700;
line-height: 48px;
text-decoration: none;
}
.faster-time-to-market {
color: var(--colors--neutral--100);
margin-top: 0;
margin-bottom: 0;
font-family: Helvetica neue normal, Arial, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 21px;
text-decoration: none;
}
._8 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-family: Helvetica Neue, sans-serif;
font-size: 32px;
font-weight: 700;
line-height: 48px;
text-decoration: none;
}
.enterprise-clients {
color: var(--colors--neutral--100);
margin-top: 0;
margin-bottom: 0;
font-family: Helvetica neue normal, Arial, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 21px;
text-decoration: none;
}
.container-23 {
grid-column-gap: 10px;
background-color: #297764;
justify-content: flex-start;
align-items: center;
width: 100%;
padding: 60px 64px;
text-decoration: none;
display: flex;
}
.container-32 {
grid-column-gap: 24px;
grid-row-gap: 24px;
border: 0 solid #fff3;
border-top: 1px #fff3;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 127px;
padding-top: 32px;
display: flex;
}
.container-33 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 141px;
height: 94px;
text-decoration: none;
display: flex;
}
.project-details-div {
background-color: #f4f4f4;
display: flex;
}
.code-embed-2 {
justify-content: center;
align-items: center;
width: 100%;
display: flex;
}
.container-div-project {
grid-column-gap: 60px;
grid-row-gap: 60px;
display: flex;
}
.grid-20 {
grid-column-gap: 60px;
grid-row-gap: 60px;
flex-flow: column;
grid-template-columns: 1fr;
display: flex;
}
.grid-20.max-1200 {
grid-column-gap: 40px;
grid-row-gap: 40px;
max-width: 800px;
}
.gap-24 {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-flow: column;
justify-content: space-between;
display: flex;
}
.project-div {
grid-column-gap: 40px;
grid-row-gap: 40px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.project-stat {
max-width: 1312px;
}
.quote {
grid-column-gap: 10px;
justify-content: center;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.quotation {
color: var(--_global-tokens-2---colors--primary--800);
margin-top: 0;
margin-bottom: 0;
font-family: Helvetica Neue Medium Italic, Arial, sans-serif;
font-size: 28px;
font-style: italic;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.sarah-mitchell {
color: var(--_global-tokens-2---colors--primary--800);
margin-top: 0;
margin-bottom: 0;
font-family: Helvetica Neue, sans-serif;
font-size: 18px;
font-weight: 500;
line-height: 27px;
text-decoration: none;
}
.chief-operating-officer-singer-beta-group {
color: var(--_global-tokens-2---colors--primary--800);
margin-top: 0;
margin-bottom: 0;
font-family: Helvetica Neue, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 21px;
text-decoration: none;
}
.container-35 {
grid-row-gap: 32px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 530px;
height: 372px;
text-decoration: none;
display: flex;
}
.container-36 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 52px;
display: flex;
}
.container-37 {
grid-column-gap: 10px;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.stats-56 {
color: #fffffff2;
margin-top: 0;
margin-bottom: 0;
font-family: Helvetica Neue Medium, Arial, sans-serif;
font-size: 56px;
font-weight: 500;
line-height: 76px;
text-decoration: none;
}
.stat-container {
grid-row-gap: 12px;
background-color: var(--_global-tokens-2---colors--primary--800);
border: 1px solid #ffffff1a;
border-radius: 12px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
max-width: none;
padding: 24px;
text-decoration: none;
display: flex;
}
.container-39 {
grid-column-gap: 10px;
justify-content: flex-start;
align-items: center;
width: 100%;
padding-top: 1px;
padding-bottom: 1px;
text-decoration: none;
display: flex;
}
.subheading {
grid-row-gap: 12px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.book-a-discovery-call-and-lets-explore-how-struct {
color: var(--_global-tokens-2---colors--neutral--600);
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Helvetica Neue, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 28px;
text-decoration: none;
}
.buttonprimary-6 {
grid-column-gap: 10px;
cursor: pointer;
background-image: linear-gradient(#1f594bcc, #1f594be6 47%, #1f594b);
border-radius: 12px;
justify-content: center;
align-items: center;
width: 200px;
height: 48px;
padding: 12px 24px;
text-decoration: none;
display: flex;
}
.container-38 {
grid-row-gap: 10px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 800px;
padding-top: 24px;
padding-bottom: 24px;
text-decoration: none;
display: flex;
}
.heading-2 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.text-2 {
grid-column-gap: 10px;
flex: 0 auto;
justify-content: center;
align-items: center;
text-decoration: none;
display: flex;
}
.title-style-14 {
color: var(--_global-tokens-2---colors--primary--800);
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Helvetica Neue, sans-serif;
font-size: 16px;
font-weight: 500;
line-height: 24px;
text-decoration: none;
}
.heading-2-2 {
grid-column-gap: 10px;
justify-content: center;
align-items: center;
width: 100%;
padding: 18px 4px;
text-decoration: none;
display: flex;
}
.subtitle-4 {
color: #13362d;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Helvetica Neue, sans-serif;
font-size: 48px;
font-weight: 700;
line-height: 57px;
text-decoration: none;
}
.paragraph-3 {
grid-column-gap: 10px;
flex: 0 auto;
justify-content: center;
align-items: center;
padding-left: 4px;
padding-right: 4px;
text-decoration: none;
display: flex;
}
.deliver {
color: #d1d0d040;
margin-top: 0;
margin-bottom: 0;
font-family: Helvetica Neue Medium, Arial, sans-serif;
font-size: 240px;
font-weight: 500;
line-height: 240px;
text-decoration: none;
}
.container-40 {
flex: 0 auto;
justify-content: center;
align-items: center;
text-decoration: none;
display: flex;
position: absolute;
inset: 0%;
}
.div-block-65 {
justify-content: center;
align-items: center;
max-width: none;
display: flex;
}
.title-subtitle {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-flow: column;
width: 100%;
display: flex;
}
.title-subtitle._w-full {
width: 100%;
}
.hero-images {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 0 64px 60px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.hero-images.case-study {
grid-column-gap: 0px;
grid-row-gap: 0px;
padding-bottom: 0;
}
.middle-image {
grid-column-gap: 10px;
width: 320px;
box-shadow: none;
background-color: #f4f4f400;
border-radius: 12px;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 0;
text-decoration: none;
display: flex;
overflow: hidden;
}
.middle-image.case-study {
width: auto;
}
.left-image-2 {
grid-column-gap: 10px;
width: 280px;
box-shadow: none;
background-color: #f4f4f400;
border-radius: 12px;
flex: 0 auto;
justify-content: flex-end;
align-items: center;
padding: 0;
text-decoration: none;
display: flex;
overflow: hidden;
transform: rotate(-7deg);
}
.left-image-2.case-study._w-380 {
width: 380px;
}
.right-image-2 {
grid-column-gap: 10px;
width: 280px;
box-shadow: none;
background-color: #f4f4f400;
border-radius: 12px;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
padding: 0;
text-decoration: none;
display: flex;
overflow: hidden;
transform: rotate(7deg);
}
.right-image-2.case-study._w-380 {
width: 380px;
}
.content-container {
grid-row-gap: 40px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: none;
text-decoration: none;
display: flex;
}
.body-container {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.outcome-container {
grid-column-gap: 12px;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.project-image-1 {
border-radius: 24px;
max-width: 600px;
}
.main-container-2 {
grid-column-gap: 40px;
grid-row-gap: 40px;
background-color: var(--_global-tokens-2---color--b-w--white);
border-radius: 24px;
justify-content: space-between;
align-items: flex-start;
width: 100%;
padding: 40px;
text-decoration: none;
display: flex;
box-shadow: 0 4px 16px #585c5f1a;
}
.title-container-2 {
grid-column-gap: 4px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.description-container-3 {
grid-row-gap: 20px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
text-decoration: none;
display: flex;
}
.container-41 {
background-color: var(--_global-tokens-2---color--b-w--white);
border-radius: 24px;
justify-content: space-between;
align-items: flex-start;
width: 100%;
padding: 40px;
text-decoration: none;
display: flex;
box-shadow: 0 8px 32px #585c5f1a;
}
.container-42 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 520px;
text-decoration: none;
display: flex;
}
.container-43 {
grid-column-gap: 4px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.container-44 {
grid-row-gap: 20px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
text-decoration: none;
display: flex;
}
.container-45 {
grid-column-gap: 12px;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.container-46 {
background-color: var(--_global-tokens-2---color--b-w--white);
border-radius: 24px;
justify-content: space-between;
align-items: flex-start;
width: 100%;
height: 100%;
padding: 40px;
text-decoration: none;
display: flex;
box-shadow: 0 8px 32px #585c5f1a;
}
.container-46.hide-desktop {
display: none;
}
.container-47 {
grid-column-gap: 20px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.container-48 {
grid-row-gap: 40px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.container-49 {
grid-row-gap: 20px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.container-50 {
grid-column-gap: 10px;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.container-51 {
background-color: var(--_global-tokens-2---color--b-w--white);
border-radius: 24px;
justify-content: space-between;
align-items: flex-start;
width: 100%;
padding: 40px;
text-decoration: none;
display: flex;
box-shadow: 0 8px 32px #585c5f1a;
}
.container-52 {
justify-content: space-between;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.container-53 {
grid-column-gap: 20px;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.container-54 {
background-color: var(--_global-tokens-2---color--b-w--white);
border-radius: 24px;
justify-content: space-between;
align-items: flex-start;
width: 100%;
padding: 40px;
text-decoration: none;
display: flex;
box-shadow: 0 8px 32px #585c5f1a;
}
.container-55 {
grid-column-gap: 4px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 458px;
text-decoration: none;
display: flex;
}
.grid-21 {
grid-column-gap: 40px;
grid-row-gap: 40px;
grid-template-rows: auto;
}
.projec-sub-service-div {
grid-column-gap: 40px;
grid-row-gap: 40px;
flex-flow: column;
display: flex;
}
.heading-4 {
grid-column-gap: 10px;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.container-56 {
background-color: var(--_global-tokens-2---colors--primary--600-p);
border-radius: 16777200px;
justify-content: center;
align-items: center;
width: 40px;
height: 40px;
padding-left: 10px;
padding-right: 10px;
text-decoration: none;
display: flex;
}
.icon-4 {
overflow: hidden;
}
.container-57 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 545px;
text-decoration: none;
display: flex;
}
.paragraph-4 {
grid-column-gap: 10px;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.left-right-section-div {
grid-column-gap: 40px;
grid-row-gap: 40px;
display: flex;
}
._24-gap-vertical {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-flow: column;
display: flex;
}
.soft-hero-image {
justify-content: center;
align-items: center;
margin-top: 40px;
display: flex;
}
.ai-sof-wrapper {
background-color: var(--colors--neutral--100);
border: 0 solid #000;
border-radius: 12px;
max-width: 1000px;
}
._2x2 {
border-radius: 12px;
grid-template-rows: auto;
}
._2x2._40-padding {
grid-column-gap: 60px;
grid-row-gap: 60px;
place-items: center stretch;
}
.frame-1321314937 {
grid-row-gap: 28px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.title-des {
grid-row-gap: 46px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.title-des.center-800 {
grid-row-gap: 40px;
justify-content: flex-start;
align-items: center;
width: 800px;
}
.langchain, .langgraph, .rag, .llamaindex, .openai, .anthropic-claude, .agentic-workflows, .vector-dbs {
color: var(--_global-tokens-2---colors--primary--800);
margin-top: 0;
margin-bottom: 0;
font-family: Helvetica Neue, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 120%;
text-decoration: none;
}
.container-58 {
grid-row-gap: 10px;
border: 0 solid #ffffff12;
border-right-width: 1px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 555px;
padding: 40px;
text-decoration: none;
display: flex;
}
.heading-2-3 {
grid-column-gap: 10px;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.paragraph-5 {
grid-column-gap: 10px;
flex: 0 auto;
justify-content: center;
align-items: center;
text-decoration: none;
display: flex;
}
.container-59 {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.text-10 {
grid-column-gap: 10px;
background-color: var(--_global-tokens-2---color--b-w--white);
border: 1px solid #ffffff12;
border-radius: 4px;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 4px 10px;
text-decoration: none;
display: flex;
}
.text-11 {
grid-column-gap: 10px;
background-color: var(--_global-tokens-2---color--b-w--white);
border: 1px solid #ffffff12;
border-radius: 4px;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 4px 8px;
text-decoration: none;
display: flex;
}
.text-12 {
grid-column-gap: 10px;
background-color: var(--_global-tokens-2---color--b-w--white);
border: 1px solid #ffffff12;
border-radius: 4px;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 4px 13px;
text-decoration: none;
display: flex;
}
.text-13 {
grid-column-gap: 10px;
background-color: var(--_global-tokens-2---color--b-w--white);
border: 1px solid #ffffff12;
border-radius: 4px;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 4px 12px;
text-decoration: none;
display: flex;
}
.text-14 {
grid-column-gap: 10px;
background-color: var(--_global-tokens-2---color--b-w--white);
border: 1px solid #ffffff12;
border-radius: 4px;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 4px 11px;
text-decoration: none;
display: flex;
}
.container-60 {
grid-row-gap: 12px;
background-color: var(--_global-tokens-2---colors--neutral--100);
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
height: 568.531px;
padding: 60px 40px 60px 48px;
display: flex;
}
.container-60.softdev {
border-radius: 12px;
height: auto;
padding-left: 0;
padding-right: 40px;
}
.soft-ai-div {
grid-column-gap: 16px;
background-color: var(--_global-tokens-2---color--b-w--white);
border: 1px solid #ffffff12;
border-radius: 8px;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 459px;
height: auto;
padding: 12px 20px;
text-decoration: none;
display: flex;
}
.container-62 {
background-color: #4eb84a14;
border-radius: 6px;
justify-content: center;
align-items: center;
width: 36px;
height: 36px;
padding-left: 10px;
padding-right: 10px;
text-decoration: none;
display: flex;
}
.container-63 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 292.5px;
text-decoration: none;
display: flex;
}
.tech-stack-div {
border: 1px solid var(--colors--neutral--200);
border-radius: 24px;
justify-content: center;
align-items: center;
width: auto;
height: auto;
padding: 8px 24px 6px;
display: flex;
}
.tech-stack-div.tech_stack_item {
border-width: 2px;
max-height: 56px;
}
.tech-stack-div.tech_stack_item.mr-24 {
border-width: 1.5px;
margin-right: 24px;
padding-top: 12px;
padding-bottom: 10px;
}
.tech-stack {
margin-top: auto;
margin-bottom: auto;
font-family: Helvetica Neue Medium, Arial, sans-serif;
font-size: 20px;
font-weight: 500;
}
.collection-list-6 {
grid-column-gap: 24px;
grid-row-gap: 24px;
display: flex;
}
.collection-list-6.our_tech_stack_list_group.splide__slide {
min-height: auto;
}
.collection-list-6.our_tech_stack_list_group.splide__slide.no-gap-0 {
grid-column-gap: 0px;
grid-row-gap: 0px;
margin-right: 0;
}
.tech-stack-container {
padding-top: 20px;
padding-bottom: 60px;
overflow: hidden;
}
.tech-stack-container.splide__track {
padding-top: 12px;
padding-bottom: 12px;
}
.heading-11 {
color: var(--colors--neutral--700);
margin-top: 0;
margin-bottom: 0;
font-family: Helvetica neue normal, Arial, sans-serif;
font-size: 18px;
font-style: italic;
font-weight: 400;
line-height: 24px;
}
.buttonwhite {
grid-column-gap: 12px;
background-color: #ffffff26;
border: 1px solid #fff;
border-radius: 12px;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
transition: opacity .5s;
display: flex;
}
.buttonwhite:hover {
background-color: #ffffff0d;
}
.buttonprimary-7 {
grid-column-gap: 10px;
border-radius: 12px;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 12px 24px;
text-decoration: none;
display: flex;
}
.buttonprimary-7.white {
width: 100%;
}
.button-text-3 {
color: var(--_global-tokens---colors--neutral--100);
margin-top: 0;
margin-bottom: 0;
font-family: Helvetica Neue, sans-serif;
font-size: 16px;
font-weight: 500;
line-height: 24px;
text-decoration: none;
}
.image-50 {
max-width: 90%;
}
.body-dark {
background-color: var(--_global-tokens---colors--dark--surface);
}
.button-text-4 {
color: var(--_global-tokens-2---colors--neutral--100);
margin-top: 0;
margin-bottom: 0;
font-family: Helvetica Neue, sans-serif;
font-size: 16px;
font-weight: 500;
line-height: 24px;
text-decoration: none;
}
.managed-hero-div {
grid-row-gap: 34px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 584px;
text-decoration: none;
display: flex;
}
.managed-hero-image {
border-radius: 24px;
height: auto;
}
.image-51 {
aspect-ratio: 4 / 3;
object-fit: cover;
object-position: 80% 50%;
border-radius: 24px;
}
.left-image-div {
justify-content: flex-start;
align-items: flex-end;
}
.managed-wrapper {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-flow: column;
display: flex;
}
.service-container {
grid-column-gap: 40px;
grid-row-gap: 40px;
flex-flow: column;
display: flex;
}
.sub-service-heading-dark {
grid-column-gap: 10px;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.paragraph-6 {
grid-column-gap: 10px;
justify-content: center;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.container-66 {
grid-row-gap: 10px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
text-decoration: none;
display: flex;
}
.tag-div {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-flow: row-reverse wrap;
flex: 0 auto;
justify-content: flex-end;
align-items: center;
width: auto;
text-decoration: none;
display: flex;
}
.text-15 {
grid-row-gap: 10px;
opacity: .35;
flex-direction: column;
justify-content: center;
align-items: center;
width: 13.5547px;
text-decoration: none;
display: flex;
}
.grid-50-50 {
grid-template-rows: auto;
grid-template-columns: 6fr 4fr;
}
.buttonfull-white {
grid-column-gap: 12px;
border: 1px solid var(--_global-tokens-2---colors--neutral--200);
background-color: #fff;
border-radius: 12px;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.buttonfull-white:hover {
background-color: var(--colors--neutral--100);
}
.button-text-5 {
color: var(--_global-tokens-2---colors--primary--600-p);
margin-top: 0;
margin-bottom: 0;
font-family: Helvetica Neue, sans-serif;
font-size: 16px;
font-weight: 500;
line-height: 24px;
text-decoration: none;
}
.tagdark {
grid-column-gap: 8px;
background-color: #252723;
border: 1px solid #32342f;
border-radius: 8px;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 6px 16px;
text-decoration: none;
display: flex;
}
.aws {
color: var(--_global-tokens-2---colors--primary--200);
margin-top: 0;
margin-bottom: 0;
font-family: Helvetica Neue, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 120%;
text-decoration: none;
}
.sub-service-container-2 {
grid-column-gap: 28px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.bentocard-2 {
grid-column-gap: 80px;
border: 1px solid var(--_global-tokens-2---colors--dark--border01);
background-color: var(--_global-tokens-2---colors--dark--card01);
border-radius: 12px;
justify-content: flex-end;
align-items: flex-start;
width: 100%;
max-width: 773px;
height: auto;
padding: 32px 24px;
text-decoration: none;
display: flex;
box-shadow: 0 2px 4px #1b1c1d0a;
}
.bentocard-2.full-width {
justify-content: center;
align-items: center;
max-width: none;
height: 480px;
}
.container-68 {
background-color: #98ca3c14;
border: 1px solid #98ca3c33;
border-radius: 10px;
justify-content: center;
align-items: center;
width: 48px;
height: 48px;
padding-left: 12px;
padding-right: 12px;
text-decoration: none;
display: flex;
}
.sub-service-container-01 {
justify-content: center;
align-items: flex-start;
width: 100%;
height: 100%;
text-decoration: none;
display: flex;
}
.sub-service-container {
grid-row-gap: 24px;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
width: 100%;
height: 100%;
text-decoration: none;
display: flex;
}
.bentocard-3 {
grid-row-gap: 10px;
border: 1px solid var(--_global-tokens-2---colors--dark--border01);
background-color: var(--_global-tokens-2---colors--dark--card01);
border-radius: 12px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: none;
height: auto;
padding: 24px;
text-decoration: none;
display: flex;
box-shadow: 0 2px 4px #1b1c1d0a;
}
.container-69 {
background-color: #98ca3c14;
border: 1px solid #98ca3c33;
border-radius: 10px;
justify-content: center;
align-items: center;
width: 42px;
height: 42px;
padding-left: 10.5px;
padding-right: 10.5px;
text-decoration: none;
display: flex;
}
.sub-service-paragraph {
grid-column-gap: 10px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: auto;
text-decoration: none;
display: flex;
}
.text-16 {
opacity: .35;
}
.sequence {
color: var(--_global-tokens-2---colors--neutral--200);
letter-spacing: .66px;
margin-top: 0;
margin-bottom: 0;
font-family: Helvetica Neue, sans-serif;
font-size: 11px;
font-weight: 700;
line-height: 16.5px;
text-decoration: none;
}
.grid3x2 {
grid-column-gap: 20px;
grid-row-gap: 20px;
grid-template-columns: 1fr 1fr 1fr;
}
.grid3x2.no-padding {
grid-column-gap: 0px;
grid-row-gap: 0px;
}
.managed-code {
min-width: 500px;
}
.stats-managed {
grid-row-gap: 24px;
background-color: var(--_global-tokens-2---colors--dark--card02);
border: 1px solid #ffffff1a;
border-radius: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: none;
padding: 37px 29px;
text-decoration: none;
display: flex;
}
.icon-wrapper {
background-color: #98ca3c26;
border: 1px solid #98ca3c4d;
border-radius: 14px;
justify-content: center;
align-items: center;
width: 52px;
height: 52px;
padding-left: 13px;
padding-right: 13px;
text-decoration: none;
display: flex;
}
.container-70 {
grid-row-gap: var(--_global-tokens-2---spacing--20);
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.grid4x1 {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.wow-container {
grid-column-gap: 10px;
border: 1px solid var(--_global-tokens---colors--dark--border01);
background-color: var(--_global-tokens-2---colors--dark--card01);
border-radius: 0;
flex: 0 auto;
justify-content: center;
align-items: flex-start;
min-height: 320px;
padding: 20px 15px;
text-decoration: none;
display: flex;
}
.wow-container.rounded-top-left {
border-top-left-radius: 12px;
padding-left: 20px;
padding-right: 20px;
}
.wow-container.rounded-top-lright {
border-top-right-radius: 12px;
}
.wow-container.rounded-bottom-left {
border-bottom-right-radius: 0;
border-bottom-left-radius: 12px;
}
.wow-container.rounded-bottom-right {
border-bottom-right-radius: 12px;
}
.content-style {
flex-direction: column;
justify-content: flex-start;
align-items: flex-end;
width: 100%;
max-width: 268.75px;
text-decoration: none;
display: flex;
}
.info-section {
grid-row-gap: 20px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.title-and-subtitle {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.section-title {
width: 100%;
color: var(--_global-tokens-2---colors--primary--100);
margin-top: 0;
margin-bottom: 0;
font-family: Helvetica Neue Medium, Arial, sans-serif;
font-size: 14px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.icon-container-3 {
grid-row-gap: 25px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.container-67 {
background-color: #44bea017;
border: 1px solid #44bea033;
border-radius: 10px;
justify-content: center;
align-items: center;
width: 44px;
height: 44px;
padding-left: 11px;
padding-right: 11px;
text-decoration: none;
display: flex;
}
.page-name-title {
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-flow: column;
display: flex;
}
.grid-5-col {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
.image-52 {
width: 120px;
}
.image-53 {
max-width: 90%;
}
.italic-text-11 {
font-family: Helvetica Neue Bold, Arial, sans-serif;
}
.case-study-container {
background-color: var(--colors--primary--50);
width: 100%;
padding-top: 60px;
padding-bottom: 60px;
}
.title-style {
width: 100%;
color: var(--_global-tokens-2---colors--primary--800);
margin-top: 0;
margin-bottom: 0;
font-family: Helvetica Neue, sans-serif;
font-size: 24px;
font-weight: 700;
line-height: 31px;
text-decoration: none;
}
.case-study-2 {
width: 100%;
max-width: 421px;
padding: var(--_global-tokens-2---spacing--24);
grid-row-gap: var(--_global-tokens-2---spacing--24);
border-radius: var(--_global-tokens-2---radius--16);
background-image: linear-gradient(#ffffff80, #f4f4f4);
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
text-decoration: none;
display: flex;
}
.container-20 {
grid-row-gap: 12px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.container-20.left-right {
grid-column-gap: 12px;
flex-flow: row;
}
.container-28 {
border-radius: var(--_global-tokens-2---radius--4);
background-color: var(--_global-tokens-2---colors--secondary--alpha--10);
justify-content: center;
align-items: center;
width: 48px;
height: 48px;
padding-left: 13px;
padding-right: 13px;
text-decoration: none;
display: flex;
}
.description-container-4 {
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.description-2 {
width: 100%;
color: var(--_global-tokens-2---colors--primary--800);
margin-top: 0;
margin-bottom: 0;
font-family: Helvetica Neue, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 28px;
text-decoration: none;
}
.grid-3x1 {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
}
.div-block-66 {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
}
.case-study-01 {
border-radius: var(--_global-tokens-2---radius--24);
background-color: var(--_global-tokens-2---color--b-w--white);
justify-content: space-between;
align-items: center;
width: 100%;
max-width: 1312px;
text-decoration: none;
display: flex;
box-shadow: 0 8px 32px #585c5f1a;
}
.singer-title {
border-top-left-radius: 24px;
border-bottom-left-radius: 24px;
display: none;
overflow: hidden;
}
.project-title {
color: var(--_global-tokens-2---colors--primary--600-p);
margin-top: 0;
margin-bottom: 0;
font-family: Helvetica Neue, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 24px;
text-decoration: none;
}
.project-description {
color: var(--_global-tokens-2---colors--primary--800);
margin-top: 0;
margin-bottom: 0;
font-family: Helvetica Neue, sans-serif;
font-size: 32px;
font-weight: 700;
line-height: 41px;
text-decoration: none;
}
.designed-an-ai-powered-cross-connect-product-that {
width: 100%;
color: var(--_global-tokens-2---colors--primary--800);
margin-top: 0;
margin-bottom: 0;
font-family: Helvetica Neue, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 24px;
text-decoration: none;
}
.tags-container {
grid-column-gap: 8px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.tagsportfolio02 {
padding: var(--_global-tokens-3---spacing--1) var(--_global-tokens-3---spacing--2) 6px;
grid-column-gap: 8px;
border: 1px solid var(--_global-tokens-2---colors--primary--50);
border-radius: var(--_global-tokens-3---radius--4);
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.demo-booking-stat {
color: var(--_global-tokens-2---colors--primary--600-p);
margin-top: 0;
margin-bottom: 0;
font-family: Helvetica Neue, sans-serif;
font-size: 24px;
font-weight: 700;
line-height: 31px;
text-decoration: none;
}
.demo-booking-text {
color: var(--_global-tokens-2---colors--primary--800);
margin-top: 0;
margin-bottom: 0;
font-family: Helvetica Neue, sans-serif;
font-size: 13px;
font-weight: 400;
line-height: 19.5px;
text-decoration: none;
}
.engagement-stat {
color: var(--_global-tokens-2---colors--primary--600-p);
margin-top: 0;
margin-bottom: 0;
font-family: Helvetica Neue, sans-serif;
font-size: 24px;
font-weight: 700;
line-height: 31px;
text-decoration: none;
}
.engagement-text {
color: var(--_global-tokens-2---colors--primary--800);
margin-top: 0;
margin-bottom: 0;
font-family: Helvetica Neue, sans-serif;
font-size: 13px;
font-weight: 400;
line-height: 19.5px;
text-decoration: none;
}
.closing-rate-stat {
color: var(--_global-tokens-2---colors--primary--600-p);
margin-top: 0;
margin-bottom: 0;
font-family: Helvetica Neue, sans-serif;
font-size: 24px;
font-weight: 700;
line-height: 31px;
text-decoration: none;
}
.closing-rate-text {
color: var(--_global-tokens-2---colors--primary--800);
margin-top: 0;
margin-bottom: 0;
font-family: Helvetica Neue, sans-serif;
font-size: 13px;
font-weight: 400;
line-height: 19.5px;
text-decoration: none;
}
.link_button {
grid-column-gap: 8px;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.case-study-link-text {
color: var(--_global-tokens-2---colors--primary--400);
margin-top: 0;
margin-bottom: 0;
font-family: Helvetica Neue, sans-serif;
font-size: 16px;
font-weight: 500;
line-height: 24px;
text-decoration: none;
}
.container-34 {
width: 100%;
max-width: 50%;
padding: var(--_global-tokens-2---spacing--32);
grid-row-gap: 26px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
text-decoration: none;
display: flex;
}
.container-34.p-48 {
padding: 48px;
}
.container-61 {
grid-row-gap: var(--spacing--16);
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.tag-text-2 {
color: var(--_global-tokens-2---colors--primary--600-p);
margin-top: 0;
margin-bottom: 0;
font-family: Helvetica Neue, sans-serif;
font-size: 14px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.container-64 {
grid-column-gap: var(--_global-tokens-2---spacing--32);
border: 0 solid #ffffff26;
border-top-width: 1px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.container-65 {
grid-column-gap: 4px;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.case-study-02 {
border: 1px solid var(--_global-tokens-2---colors--neutral--200);
background-color: var(--_global-tokens-2---color--b-w--white);
border-radius: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 636px;
text-decoration: none;
display: flex;
box-shadow: 0 8px 32px #585c5f1a;
}
.case-study-02.border-none {
border-style: none;
}
.header-image {
border: 1px none var(--_global-tokens-2---colors--neutral--200);
background-color: #47595200;
border-top-left-radius: 24px;
border-top-right-radius: 24px;
width: 100%;
overflow: hidden;
}
.image {
border-radius: 24px;
width: 100%;
max-width: none;
}
.client-name {
color: var(--_global-tokens-2---colors--primary--600-p);
margin-top: 0;
margin-bottom: 0;
font-family: Helvetica Neue, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 24px;
text-decoration: none;
}
.container-71 {
width: 100%;
padding: var(--_global-tokens-2---spacing--24);
grid-row-gap: var(--_global-tokens-2---spacing--24);
border-bottom-right-radius: 40px;
border-bottom-left-radius: 40px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
text-decoration: none;
display: flex;
}
.project-title-2 {
width: 100%;
color: var(--_global-tokens-2---colors--primary--800);
margin-top: 0;
margin-bottom: 0;
font-family: Helvetica Neue, sans-serif;
font-size: 24px;
font-weight: 700;
line-height: 31px;
text-decoration: none;
}
.designed-an-ai-powered-cross-connect-product-that-2 {
width: 100%;
color: var(--_global-tokens-2---colors--primary--800);
margin-top: 0;
margin-bottom: 0;
font-family: Helvetica Neue, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 24px;
text-decoration: none;
}
.tagsportfolio02-2 {
padding: var(--_global-tokens-3---spacing--1) var(--_global-tokens-3---spacing--2) 6px;
grid-column-gap: 8px;
border: 1px solid var(--_global-tokens-2---colors--primary--50);
border-radius: var(--_global-tokens-3---radius--4);
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.tag-text-3 {
color: var(--_global-tokens-2---colors--primary--600-p);
margin-top: 0;
margin-bottom: 0;
font-family: Helvetica Neue, sans-serif;
font-size: 14px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.div-block-67 {
grid-column-gap: 40px;
grid-row-gap: 40px;
flex-flow: column;
display: flex;
}
.div-block-68 {
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
}
._2x2-grid {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-rows: auto auto;
}
.div-block-69 {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-flow: column;
display: flex;
}
._16 {
font-family: var(--_claude-ai---font-family--font-1);
color: var(--_global-tokens-2---colors--primary--800);
font-size: var(--_claude-ai---item-spacing--m);
line-height: var(--_claude-ai---line-height--36_8);
letter-spacing: var(--_claude-ai---letter-spacing--0_32);
margin-top: 0;
margin-bottom: 0;
font-weight: 700;
text-decoration: none;
}
.years-delivering {
color: var(--_global-tokens-2---colors--neutral--800);
margin-top: 0;
margin-bottom: 0;
font-family: Helvetica Neue, sans-serif;
font-size: 13px;
font-weight: 400;
line-height: 18.2px;
text-decoration: none;
}
._110 {
font-family: var(--_claude-ai---font-family--font-1);
color: var(--_global-tokens-2---colors--primary--800);
font-size: var(--_claude-ai---item-spacing--m);
line-height: var(--_claude-ai---line-height--36_8);
letter-spacing: var(--_claude-ai---letter-spacing--0_32);
margin-top: 0;
margin-bottom: 0;
font-weight: 700;
text-decoration: none;
}
.products-launched {
color: var(--_global-tokens-2---colors--neutral--800);
margin-top: 0;
margin-bottom: 0;
font-family: Helvetica Neue, sans-serif;
font-size: 13px;
font-weight: 400;
line-height: 18.2px;
text-decoration: none;
}
._160m {
font-family: var(--_claude-ai---font-family--font-1);
color: var(--_global-tokens-2---colors--primary--800);
font-size: var(--_claude-ai---item-spacing--m);
line-height: var(--_claude-ai---line-height--36_8);
letter-spacing: var(--_claude-ai---letter-spacing--0_32);
margin-top: 0;
margin-bottom: 0;
font-weight: 700;
text-decoration: none;
}
.end-users {
color: var(--_global-tokens-2---colors--neutral--800);
margin-top: 0;
margin-bottom: 0;
font-family: Helvetica Neue, sans-serif;
font-size: 13px;
font-weight: 400;
line-height: 18.2px;
text-decoration: none;
}
.container-72 {
padding: var(--_global-tokens-2---spacing--3-3) var(--_global-tokens-2---spacing--20);
grid-column-gap: 40px;
border-radius: var(--_global-tokens-2---radius--full);
background-color: var(--_global-tokens-2---color--b-w--white);
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
text-decoration: none;
display: flex;
}
.container-73 {
grid-column-gap: var(--_global-tokens-2---spacing--2-5);
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.our-saas-product-suite {
color: var(--colors--primary--800-2);
text-align: center;
font-family: Helvetica Neue Bold, Arial, sans-serif;
font-size: 48px;
font-weight: 700;
line-height: 57px;
}
.our-saas-product-suite.mt-0 {
margin-top: 0;
}
.our-saas-product-suite.mt-0.mb-24 {
margin-bottom: 24px;
}
.our-saas-product-suite.mt-0.mb-24.fs-32.mb-60 {
margin-bottom: 60px;
}
.text-span-5 {
text-overflow: clip;
font-family: Playfair Display, sans-serif;
font-style: italic;
font-weight: 700;
text-decoration: none;
}
.paragraph-7 {
color: var(--colors--primary--800-2);
text-align: center;
font-size: 20px;
line-height: 30px;
}
.paragraph-7.mb-60 {
margin-bottom: 60px;
font-size: 18px;
line-height: 130%;
}
.number-wrapper {
z-index: 22;
background-color: #fff;
border: 1px solid #99dccc;
border-radius: 100%;
justify-content: center;
align-items: center;
width: 64px;
height: 64px;
margin-bottom: 24px;
display: flex;
position: relative;
box-shadow: 0 8px 24px #1f594b14;
}
.text-block-27 {
font-family: Helvetica Neue Bold, Arial, sans-serif;
font-size: 24px;
font-weight: 700;
line-height: 31px;
transform: translateY(1px);
}
.heading-13 {
color: var(--colors--primary--800-2);
font-family: Helvetica Neue Bold, Arial, sans-serif;
font-size: 24px;
line-height: 31px;
}
.heading-13.mb-17 {
margin-bottom: 17px;
}
.paragraph-8 {
color: var(--colors--neutral--600-2-2);
font-size: 15px;
line-height: 23px;
}
.flex-block-13 {
grid-column-gap: 26px;
grid-row-gap: 26px;
flex-flow: row;
position: relative;
}
.flex-block-14 {
grid-column-gap: 60px;
grid-row-gap: 60px;
justify-content: flex-start;
width: 100%;
}
.div-block-70 {
width: 20%;
}
.horizontal-line {
background-color: #99dccc;
width: 76%;
height: 1px;
position: absolute;
inset: 16% 0% auto;
}
._w-50 {
justify-content: center;
align-items: center;
width: 50%;
display: flex;
}
.text-span-6 {
font-family: Playfair Display, sans-serif;
font-style: italic;
}
.pecs_description {
max-width: 600px;
color: var(--colors--primary--800);
text-align: center;
margin-bottom: 0;
font-family: Helvetica neue normal, Arial, sans-serif;
font-size: 20px;
line-height: 30px;
}
.image-54 {
display: none;
}
.image-55._w-1-2.rounded-t-l-24 {
border-top-left-radius: 24px;
}
.image-55._w-1-2.rounded-t-l-24.rounded-b-l-24 {
box-sizing: border-box;
aspect-ratio: auto;
object-fit: cover;
border-bottom-left-radius: 24px;
}
.bold-text-36 {
font-family: Helvetica Neue Bold, Arial, sans-serif;
font-style: normal;
}
.flex-block-15 {
grid-column-gap: 24px;
grid-row-gap: 24px;
align-items: center;
}
.flex-block-15.mb-72 {
margin-bottom: 72px;
}
._w-1-2 {
width: 50%;
}
.italic-text-12 {
font-family: Playfair Display, sans-serif;
}
.grid-22 {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.grid-22.col-gap-24 {
grid-column-gap: 24px;
grid-row-gap: 24px;
}
.italic-text-13 {
font-family: Playfair Display, sans-serif;
}
.saas-product-tabs.gap-14 {
grid-column-gap: 14px;
grid-row-gap: 14px;
}
.saas-product-tabs.gap-14.mb-24 {
flex-flow: wrap;
justify-content: flex-start;
margin-bottom: 24px;
}
.saas-product-tab {
border: 2px solid #f4f4f4;
border-radius: 16px;
margin-left: auto;
margin-right: auto;
padding: 16px;
}
.saas-product-tab.flex.gap-12 {
grid-column-gap: 12px;
grid-row-gap: 12px;
}
.saas-product-tab.flex.gap-12.center {
justify-content: center;
align-items: center;
}
.saas-product-tab.flex.gap-12.center.max-w-292 {
max-width: 292px;
}
.saas-product-tab.flex.gap-12.center.max-w-292.cursor-pointer {
cursor: pointer;
transition: all .3s;
position: relative;
}
.saas-product-tab.flex.gap-12.center.max-w-292.cursor-pointer.min-w-245 {
min-width: 245px;
margin-left: 0;
margin-right: 0;
}
.tab-icon {
background-color: #d1d0d0;
border-radius: 12px;
justify-content: center;
align-items: center;
width: 55px;
height: 55px;
padding: 4px 12px;
display: flex;
}
.tab-icon.mb-4 {
margin-bottom: 4px;
}
.tab-title {
letter-spacing: -.15px;
font-family: Helvetica Neue Bold, Arial, sans-serif;
font-size: 15px;
line-height: 22px;
}
.tab-title.mt-0 {
margin-top: 0;
}
.tab-title.mt-0.mb-6 {
margin-bottom: 6px;
}
.paragraph-9 {
margin-bottom: 0;
font-size: 12px;
}
.tab-desc {
color: var(--colors--primary--800);
margin-bottom: 0;
font-size: 12px;
line-height: 120%;
}
.code-embed-3 {
display: none;
}
.active-dot {
background-color: #328e82;
border-radius: 100%;
width: 8px;
height: 8px;
display: none;
position: absolute;
inset: auto 12px auto auto;
}
.dynamic-section {
grid-column-gap: 60px;
grid-row-gap: 60px;
align-items: flex-start;
min-height: 350px;
padding-top: 0;
padding-bottom: 0;
display: block;
}
.lft-col-title {
color: var(--colors--primary--800);
font-family: Helvetica Neue Bold, Arial, sans-serif;
font-weight: 700;
line-height: 41px;
}
.lft-col-title.mb-32 {
margin-top: 0;
margin-bottom: 32px;
}
.desc-1 {
color: var(--colors--primary--800);
margin-bottom: 24px;
font-size: 16px;
line-height: 24px;
}
.left-col._w-1-2 {
width: 50%;
}
.key-features {
background-color: #deefed;
border-radius: 12px;
margin-bottom: 24px;
padding: 16px;
}
.heading-14 {
color: var(--colors--neutral--400);
font-weight: 400;
}
.heading-14.mb-12 {
margin-top: 0;
margin-bottom: 12px;
}
.heading-14.mb-12.mb-8 {
margin-bottom: 8px;
}
.flex-block-16 {
grid-column-gap: 14px;
grid-row-gap: 14px;
align-items: center;
font-size: 14px;
line-height: 120%;
}
.paragraph-10 {
font-family: Helvetica Neue Medium, Arial, sans-serif;
font-size: 14px;
font-weight: 500;
line-height: 20px;
}
.paragraph-10.mb-0 {
margin-bottom: 0;
}
.key-features-lists {
grid-column-gap: 8px;
grid-row-gap: 8px;
}
.chip {
color: var(--colors--neutral--600-2-2);
background-color: #fff;
border-radius: 8px;
justify-content: center;
align-items: center;
margin-bottom: 0;
padding: 6px 8px;
font-family: Helvetica Neue Medium, Arial, sans-serif;
font-size: 14px;
font-weight: 500;
line-height: 120%;
display: flex;
}
.flex-block-17 {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-flow: wrap;
align-items: center;
}
.mb-24 {
margin-bottom: 24px;
}
.button-3 {
background-color: #fff;
}
.button.button-outline {
width: 180px;
color: var(--colors--primary--600-p);
background-color: #fff;
border: 2px solid #1f594b;
border-radius: 14px;
justify-content: center;
align-items: center;
padding: 10px 24px;
font-family: Helvetica Neue Medium, Arial, sans-serif;
font-size: 16px;
line-height: 24px;
display: flex;
}
.button.button-primary {
background-color: #3898ec00;
background-image: linear-gradient(#1f594bcc, #1f594be6 47%, #1f594b);
border-radius: 12px;
flex-flow: column;
justify-content: center;
align-items: center;
width: 180px;
padding: 12px 24px;
font-family: Helvetica Neue Medium, Arial, sans-serif;
font-size: 16px;
font-weight: 500;
line-height: 24px;
display: flex;
}
.action-button-wrapper {
grid-column-gap: 24px;
grid-row-gap: 24px;
justify-content: flex-start;
align-items: center;
}
.saas-icon {
width: 48px;
}
.saas {
width: 100%;
max-width: 638px;
height: 250px;
padding: var(--_global-tokens-2---spacing--24);
grid-column-gap: var(--_global-tokens-2---spacing--16);
border: 1px solid var(--_global-tokens-2---colors--neutral--100);
border-radius: var(--_global-tokens-2---radius--16);
background-image: linear-gradient(#ffffff80, #f4f4f4);
justify-content: flex-start;
align-items: flex-start;
text-decoration: none;
display: flex;
}
.efficiency-1 {
overflow: hidden;
}
.header-container {
grid-row-gap: 12px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.container-74 {
background-color: #1f594b12;
border-radius: 20px;
justify-content: center;
align-items: center;
width: 48px;
height: 48px;
padding-left: 13px;
padding-right: 13px;
text-decoration: none;
display: flex;
}
.content-style-2 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.header-style-2 {
width: 100%;
color: var(--_global-tokens-2---colors--primary--800);
margin-top: 0;
margin-bottom: 0;
font-family: Helvetica Neue, sans-serif;
font-size: 24px;
font-weight: 700;
line-height: 31px;
text-decoration: none;
}
.description-3 {
width: 100%;
color: var(--_global-tokens-2---colors--primary--800);
margin-top: 0;
margin-bottom: 0;
font-family: Helvetica Neue, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 28px;
text-decoration: none;
}
.upper-wrapper {
grid-column-gap: 60px;
grid-row-gap: 60px;
align-items: flex-start;
padding-top: 40px;
padding-bottom: 100px;
display: flex;
}
.a-closer-look {
color: var(--colors--primary--800);
text-align: center;
margin-top: 0;
margin-bottom: 60px;
font-family: Helvetica Neue Bold, Arial, sans-serif;
font-size: 40px;
line-height: 48px;
}
.text-span-7 {
font-family: Playfair Display, sans-serif;
font-style: italic;
}
.lower-wrapper {
padding-top: 40px;
padding-bottom: 40px;
display: block;
}
.grid-23 {
grid-template-columns: 1fr 1fr 1fr;
}
.space-os.saas-product-section {
transition: opacity .2s;
}
.mcp-feedback.saas-product-section, .karmo.saas-product-section, .checknest.saas-product-section {
display: block;
}
.cursor-pointer {
cursor: pointer;
border-radius: 24px;
}
.cursor-pointer.shadow-prod-closer-look:hover {
box-shadow: 0 4px 24px #00000014;
}
@media screen and (min-width: 1280px) {
.text-headingsh-2 {
line-height: 130%;
}
.section.with-bg {
background-image: linear-gradient(85deg, #f4f4f4, var(--color--b-w--white) 50%, #f4f4f4 100%, #f4f4f4 100%, white);
}
.section.with-bg.engagement {
background-image: none;
}
.section.full-width.logo {
display: block;
}
.section.full-width.dark {
background-size: cover;
}
.section.hide {
display: flex;
}
.main-heading-2 {
text-align: center;
}
.grid-2-col.title.bottom-alligned.our-work {
padding-top: 0;
}
.grid-2-col.values.story {
grid-template-columns: .25fr 1fr;
}
.grid-2-col.g-g {
grid-column-gap: var(--spacing--40);
grid-row-gap: var(--spacing--40);
}
.grid-2-col.top-aligned.mvp {
grid-template-columns: 1fr .8fr;
}
.small-title {
padding-bottom: 40px;
}
.flex-container-40.left {
justify-content: flex-start;
align-items: flex-start;
}
.uui-footer02_legal-list.hide {
display: none;
}
.wrapper-full.contact-us {
justify-content: center;
align-items: center;
}
.usps.g-g {
justify-content: flex-start;
}
.services-content-wrapper {
max-width: 40rem;
}
.way-of-work.telenor {
padding: 0;
}
.intro_image-1 {
right: 80%;
}
.intro_image-1._2 {
right: 85%;
}
.intro_image-2 {
left: 80%;
}
.intro_image-2._2 {
left: 85%;
}
.certifications.about._03 {
display: flex;
}
.blur-gradient-3.design {
bottom: -35%;
}
.counter-text {
margin-bottom: 0;
}
.logo {
max-width: 100%;
}
.marquee-vertical-2col_component {
height: 80vh;
}
.blur-gradient-core._3 {
bottom: -4%;
}
.title-icon {
max-width: none;
}
.title-icon.about.culture {
justify-content: flex-start;
align-items: center;
min-height: 80px;
}
.outline-logo-01 {
top: 36%;
right: -16%;
}
.outline-logo-02 {
top: 32%;
left: -16%;
}
.flex-office {
min-width: 432px;
}
.stat-number {
font-size: 3.5rem;
}
.collection-list-wrapper.career {
display: block;
}
.content-hero-image {
justify-content: flex-end;
align-items: flex-start;
display: flex;
}
.brix---grid-1-column-gap-row-24px {
grid-template-rows: auto auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}
.brix---grid-1-column-gap-row-24px.faq {
grid-template-columns: 1fr;
}
.brix---grid-1-column-gap-row-24px._4-4 {
grid-template-rows: auto auto auto auto;
}
.container-15 {
justify-content: flex-start;
align-items: flex-start;
}
.yrs-exp-wrapper {
justify-content: flex-start;
align-items: center;
}
.collection-list-wrapper-2 {
max-width: 1312px;
}
.service-details-hero_content._02 {
inset: auto 0% 0%;
}
.button-div._260px {
width: 330px;
}
.brix---dropdown-card-3 {
min-width: 800px;
}
.brix---dropdown-card-3.services {
min-width: 1000px;
}
.brix---dropdown-column-wrapper-3.w--open {
left: -50px;
}
.solution-home-2 {
padding-left: 40px;
}
.section-8.full-width.logo {
display: block;
}
.section-9 {
padding-top: 40px;
padding-bottom: 40px;
}
.form-block {
max-width: 1440px;
}
.image-22 {
max-width: 360px;
}
.work-title-des-wrapper {
padding-top: 24px;
padding-bottom: 16px;
}
.div-block-25 {
grid-column-gap: 32px;
grid-row-gap: 32px;
}
.services-content-wrapper-2 {
max-width: 40rem;
}
.grid-6 {
grid-column-gap: 24px;
grid-row-gap: 24px;
}
.image-29 {
max-width: 80%;
}
.hero-div.design-service {
place-items: center;
}
.left-hero-wrapper {
justify-content: flex-start;
align-items: center;
}
.soft-image-wrapper {
background-position: 50% 30%;
}
.splide_wrapper_main.trusted_partners_slider {
padding-bottom: 40px;
}
.splide_wrapper_main.trusted_partners_slider.no-bottom-padding {
padding-bottom: 0;
}
.wrapper-center {
justify-content: center;
align-items: flex-start;
display: flex;
}
.case-study-hero {
height: 520px;
}
.privacy-wrapper {
grid-column-gap: 40px;
grid-row-gap: 40px;
}
.mvp-cta {
flex-flow: row;
justify-content: flex-start;
align-items: center;
}
.container-16 {
max-width: none;
}
.image-42 {
max-height: 70vh;
}
.brand-card {
max-width: none;
}
.title-container {
background-image: linear-gradient(#deefed, #f9fffe);
}
.description-container-2 {
min-height: 140px;
}
.webflow-card-wrapper {
height: auto;
}
.header-style.webflow {
height: 66px;
}
.service-design-wrapper {
min-height: 280px;
}
.space {
position: static;
}
.image-44 {
inset: 0% 0% 0% 22.5%;
}
.brand-card-2 {
max-width: none;
}
.flex-container-40-2.left {
justify-content: flex-start;
align-items: flex-start;
}
.image-47 {
max-height: 80vh;
}
.container-60.softdev {
height: auto;
}
.sub-service-container-01, .sub-service-container {
height: 100%;
}
.container-34 {
max-width: 550px;
}
.header-image {
width: 100%;
}
}
@media screen and (min-width: 1440px) {
.text-bodyb-2 {
overflow-wrap: normal;
}
.section {
padding: 60px 64px;
}
.section.with-bg.core-values.logo {
padding-left: 0;
padding-right: 0;
}
.section.full-width.industry.our-work {
padding-top: 60px;
padding-bottom: 60px;
}
.section.full-width.footer {
max-width: none;
display: block;
}
.section.full-width.about-contact {
max-width: none;
}
.section.no-top-padding {
background-color: var(--colors--secondary--100);
}
.section.no-top-padding.our-story {
background-color: var(--colors--primary--50);
}
.section.software-development {
padding-top: 60px;
}
.container-hero {
padding-bottom: 0;
}
.buttonprimary.effect-shadowsb1 {
color: var(--color--b-w--white);
font-family: Helvetica Neue Medium, Arial, sans-serif;
font-weight: 500;
}
.grid-2-col, .grid-2-col.industry {
max-width: 1312px;
}
.grid-2-col.stats2 {
grid-column-gap: var(--spacing--60);
grid-row-gap: var(--spacing--60);
}
.grid-2-col.whyus {
grid-column-gap: var(--spacing--24);
}
.hero-content {
max-width: none;
}
.hero-image {
max-width: 640px;
}
.hero-image.design {
max-width: none;
max-height: none;
}
.text-headings-play.secondary {
line-height: 100%;
}
.grid-4-col {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.container-default {
padding-top: 0;
padding-bottom: 0;
display: block;
}
.container-default.full-width {
max-width: 1312px;
}
.container-default.full-width.footer {
max-width: 100%;
}
.container-default._1440 {
max-width: 1440px;
}
.container-default._70vh {
height: 60vh;
}
.small-title {
padding-bottom: 40px;
}
.description.values {
width: 80%;
}
.grid-3-col {
grid-template-columns: 1fr 1fr 1fr;
}
.cardengagement02.card-hover-animation {
max-width: none;
}
.brix---grid-hero-v1 {
grid-column-gap: 90px;
}
.cta_content.design {
width: 60%;
}
.footer02_component {
width: 100%;
}
.container-default-3 {
max-width: 1312px;
padding-left: 0;
padding-right: 0;
}
.wrapper-full.contact-us {
grid-column-gap: 80px;
grid-row-gap: 80px;
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
}
.wrapper-full.lets-build.middle {
justify-content: center;
align-items: center;
display: flex;
}
.flex-wrapper {
align-self: auto;
}
.flex-wrapper._1312-max {
max-width: 1312px;
}
.services-content-wrapper {
max-width: 40rem;
}
.way-of-work.telenor {
max-width: none;
}
.whyus-wrapper._01 {
justify-content: flex-end;
align-items: flex-start;
display: flex;
}
.whyus-wrapper._02 {
display: flex;
}
.intro_image-1 {
right: 80%;
}
.intro_image-2 {
left: 80%;
}
.section_services {
padding-top: 60px;
padding-bottom: 60px;
}
.rt-component-section-2 {
padding-left: 0;
padding-right: 0;
}
.blur-gradient-3.design {
bottom: -40%;
right: -7%;
}
.blur-gradient-3.design._3 {
bottom: -19%;
right: 17%;
}
.marquee-vertical-2col_component {
height: 80vh;
}
.marquee-vertical-2col_component.portfolio {
place-items: center;
max-width: 1312px;
}
.marquee-vertical-2col_component.story {
height: 70vh;
}
.marquee-vertical-2col_card-content-right {
place-items: start stretch;
}
.about-hero-wrapper {
width: 100%;
max-width: none;
}
.about-hero-wrapper.portfolio {
padding-left: 0;
padding-right: 0;
}
.full-width-about.portfolio {
justify-content: center;
align-items: center;
max-width: none;
padding-left: 0;
padding-right: 0;
}
.blur-gradient-core._3 {
bottom: -10%;
left: -6%;
}
.brix---image-wrapper-br-24px {
background-position: 50%;
background-size: cover;
}
.title-icon.about.culture {
justify-content: flex-start;
align-items: center;
min-height: 80px;
}
.outline-logo-01 {
top: 32%;
}
.outline-logo-02 {
top: 30%;
}
.brix---card {
max-width: 1022px;
display: none;
}
.brix---text-area-2 {
border-color: var(--colors--neutral--200);
}
.brix---form-grid-2-columns-2 {
grid-column-gap: 32px;
grid-row-gap: 32px;
}
.career-hero-content {
grid-column-gap: 60px;
grid-row-gap: 60px;
}
.hiring-process-wrapper {
max-width: 1312px;
}
.job-title {
height: 100px;
}
.container-15 {
justify-content: flex-start;
align-items: flex-start;
}
.service-details-hero_content {
-webkit-backdrop-filter: blur(36px);
backdrop-filter: blur(36px);
background-color: #fcfcfc63;
}
.button-div._260px {
width: 340px;
}
.grid-2 {
grid-column-gap: 8px;
grid-row-gap: 8px;
}
.service-details-image {
border-radius: 24px;
}
.container-default-4 {
padding-top: 0;
padding-bottom: 0;
display: block;
}
.container-default-4._1440 {
max-width: 1440px;
}
.service-details-container._40-padding {
grid-column-gap: 40px;
grid-row-gap: 40px;
}
.brix---dropdown-column-wrapper-3.w--open {
left: -65px;
}
.grid-3-col-3 {
grid-template-columns: 1fr 1fr 1fr;
}
.section-4 {
padding-top: 60px;
padding-bottom: 60px;
}
.wide-image-wrapper {
justify-content: center;
align-items: center;
margin-bottom: 60px;
display: flex;
}
.solution-home-2 {
padding-left: 0;
}
.grid-3-col-4 {
grid-template-columns: 1fr 1fr 1fr;
}
.container-default-5 {
padding-top: 0;
padding-bottom: 0;
display: block;
}
.section-6 {
padding-top: 60px;
padding-bottom: 60px;
}
.industry-list {
padding-bottom: 60px;
}
.container-default-6 {
padding-top: 0;
padding-bottom: 0;
display: block;
}
.section-7 {
padding-top: 60px;
padding-bottom: 60px;
}
.section-7.full-width.industry {
padding-top: 100px;
padding-bottom: 40px;
}
.container-default-7 {
padding-top: 0;
padding-bottom: 0;
display: block;
}
.section-8 {
padding-top: 60px;
padding-bottom: 60px;
}
.container-default-8 {
padding-top: 0;
padding-bottom: 0;
display: block;
}
.form-block {
max-width: 1440px;
padding-left: 0;
padding-right: 0;
}
.swiper-slide.our-work, .div-block-21 {
min-height: 480px;
}
.image-23 {
border-radius: 12px;
}
.hide {
display: none;
}
.div-block-23 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
padding-left: 0;
padding-right: 0;
display: grid;
}
.div-block-23.managed {
grid-column-gap: 120px;
grid-row-gap: 120px;
}
.div-block-24, .div-block-25 {
margin-left: 0;
margin-right: 0;
}
.services-content-wrapper-2 {
max-width: 40rem;
}
.image-portfolio-2.image-wrapper-w-100 {
width: 100%;
}
.hero-div.design-service {
height: auto;
}
.design-process-card {
width: auto;
min-width: 388px;
}
.rich-text-block {
color: var(--colors--neutral--700);
}
.soft-image-wrapper {
background-position: 50% 25%;
}
.wrapper-center {
justify-content: center;
align-items: center;
display: flex;
}
.case-study-hero {
height: 600px;
}
.certificate-small-card {
justify-content: flex-start;
align-items: center;
}
.certificate-wrapper {
max-width: none;
}
.certificate-wrapper.max-1000 {
max-width: 1000px;
}
.privacy-container {
max-width: 1200px;
}
.div-block-46 {
justify-content: center;
align-items: center;
}
.container-60.con-h-fix {
height: auto;
}
.container-16 {
order: -9999;
max-width: none;
}
.image-42 {
max-height: 60vh;
}
.image-44 {
left: 25%;
}
.div-block-58 {
flex-flow: column;
justify-content: flex-start;
align-items: center;
display: flex;
}
.container-27.cc-flex-h {
width: auto;
max-width: 1312px;
}
.col-right {
padding-bottom: 300px;
}
.brand-card-2.sticky-card-5 {
transform: translate(0, 250px);
}
.section-21 {
padding: 60px 64px;
}
.container-default-10 {
padding-top: 0;
padding-bottom: 0;
display: block;
}
.buttonprimary-5.effect-shadowsb1 {
color: #fff;
font-family: Helvetica Neue Medium, Arial, sans-serif;
font-weight: 500;
}
.container-default-11 {
padding-top: 0;
padding-bottom: 0;
display: block;
}
.container-default-11.project {
display: flex;
}
.image-47 {
object-fit: cover;
max-height: 80vh;
}
.text-bodyb-2-3 {
overflow-wrap: normal;
}
.grid-2-col-3 {
max-width: 1312px;
}
.grid-2-col-3.top-aligned.brand-strategy-title.md-mb-0.project {
justify-items: stretch;
}
.stat-container {
max-width: none;
}
._4x4-grid {
justify-items: end;
}
.container-40 {
inset: 0%;
}
.div-block-65 {
max-width: none;
}
.hero-images {
grid-column-gap: 24px;
grid-row-gap: 24px;
justify-content: center;
align-items: center;
}
.middle-image {
justify-content: center;
align-items: center;
width: 360px;
height: auto;
padding: 0;
}
.left-image-2 {
justify-content: flex-end;
align-items: center;
width: 280px;
padding: 0;
}
.right-image-2 {
flex-flow: row;
justify-content: flex-start;
align-items: center;
width: 280px;
padding-left: 0;
padding-right: 0;
display: flex;
}
.container-46 {
height: 100%;
}
.grid-21 {
grid-column-gap: 40px;
grid-row-gap: 40px;
}
.soft-hero-image {
justify-content: center;
align-items: center;
display: flex;
}
.bentocard-2.full-width {
height: 460px;
}
.image-53 {
max-width: 85%;
}
.container-34 {
max-width: 640px;
padding-left: var(--_global-tokens-2---spacing--32);
}
}
@media screen and (min-width: 1920px) {
.text-headingsh-3 {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: row;
align-items: flex-start;
display: block;
}
.text-headingsh-3.left {
text-align: left;
display: block;
}
.text-headingsh-3.left.team-collaboration-and-engagements, .text-headingsh-3.portfolio, .text-headingsh-3.desk-left-mobile-center, .text-headingsh-3.max-90, .text-headingsh-3.desk-left-rest-center.white {
display: block;
}
.text-headingsh-6.primary-300-left-aligned {
color: var(--colors--primary--600-p);
}
.text-bodyb-3.white {
margin-top: 0;
}
.text-bodyb-3.middle, .text-bodyb-3.middle.lets-contribute {
text-align: center;
}
.section.with-bg {
background-size: cover;
}
.section.with-bg.core-values {
background-color: #e0eeed;
background-image: none;
}
.section.with-bg.core-values.logo {
padding-left: 0;
padding-right: 0;
display: block;
}
.section.full-width {
background-color: var(--color--b-w--white);
overflow: hidden;
}
.section.full-width.footer {
max-width: 100%;
display: flex;
}
.section.full-width.logo {
max-width: none;
display: block;
}
.section.full-width.about-contact {
max-width: none;
}
.section.no-top-padding {
padding-left: 0;
padding-right: 0;
}
.section.hiring-process-section {
min-height: 500px;
}
.section.stats-services.working-products {
background-image: linear-gradient(#ffffff80, #f4f4f4);
}
.section.software-development {
background-position: 50% 100%;
background-size: cover;
padding-top: 80px;
padding-bottom: 60px;
}
.section.full-with-no-padding {
padding: 0;
}
.section.case {
background-size: cover;
}
.grid-2-col.title.bottom-alligned.our-work {
max-width: none;
}
.grid-2-col.values.story {
text-align: left;
}
.grid-2-col.career {
grid-column-gap: 48px;
grid-row-gap: var(--radius--16);
grid-template-rows: auto;
grid-template-columns: .75fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
align-items: flex-start;
display: grid;
}
.grid-2-col.learning {
padding-top: 0;
}
.buttonsecondary-2 {
width: 250px;
max-width: none;
margin-top: 20px;
}
.container-default._1440 {
max-width: 1312px;
}
.small-title {
padding-bottom: 40px;
display: flex;
}
.brix---hero-full-width-right-hero-v5 {
width: 100%;
max-width: 46%;
}
.about-gallery1_instance {
display: block;
}
.aboutgallery2_instance {
margin-top: 20px;
display: block;
}
.industry-2_item {
border-width: 2px;
}
.wrapper-full.our-work {
width: 100%;
}
.countries-wrapper {
background-color: var(--colors--neutral--100);
max-width: none;
}
.flex-wrapper {
padding-left: 64px;
padding-right: 64px;
}
.flex-wrapper._1312-max {
justify-content: center;
align-items: center;
}
.about-title.reveal-type {
margin-top: 60px;
font-size: 32px;
}
.blur-gradient-1 {
right: -10%;
}
.blur-gradient-1.service {
top: 0%;
}
.blur-gradient-1.design {
left: 11%;
}
.intro_image-1 {
top: -5%;
right: 75%;
}
.intro_image-1._2 {
right: 80%;
}
.intro_image-2 {
top: -5%;
left: 75%;
}
.intro_image-2._2 {
left: 80%;
}
.blur-gradient-3 {
left: -30%;
}
.blur-gradient-3.green {
right: -30%;
}
.blur-gradient-3.design {
right: 8%;
}
.blur-gradient-3.design._3 {
right: 29%;
}
.about-hero-image {
aspect-ratio: auto;
}
.about-image {
width: 100%;
max-width: none;
max-height: none;
}
.marquee-vertical-2col_component {
height: 80vh;
}
.marquee-vertical-2col_component.story {
height: 65vh;
}
.about-hero-wrapper.portfolio {
justify-content: center;
align-items: center;
display: flex;
}
.full-width-about {
background-color: var(--colors--primary--50);
}
.full-width-about.portfolio {
justify-content: center;
align-items: center;
padding-left: 0;
}
.blur-gradient-core._1 {
left: 222px;
}
.blur-gradient-core._2 {
right: 10%;
}
.blur-gradient-core._3 {
left: 8%;
}
.about-flex {
max-width: 1312px;
}
.about-wrapper {
justify-content: center;
align-items: flex-start;
display: flex;
}
.about-cta-wrapper {
justify-content: center;
align-items: center;
width: auto;
}
.button-only.our-work {
width: 40%;
}
.image-map {
width: 50%;
}
.content-hero-image {
justify-content: flex-end;
align-items: flex-start;
display: flex;
}
.hiring-process-wrapper {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: flex;
overflow: auto;
}
.brix---container-default-8 {
max-width: 1312px;
}
.container-15 {
justify-content: flex-start;
align-items: flex-start;
}
.brix---dropdown-card-3.services {
min-width: 1000px;
}
.ds-img {
object-fit: cover;
}
.wide-image-wrapper {
max-width: 1312px;
}
.team-title, .team-details {
margin-top: 10px;
}
.solution-home-2 {
margin-bottom: 60px;
padding-left: 60px;
}
.grid-3-col-4.solutions.first {
padding-left: 64px;
padding-right: 64px;
}
.container-default-5 {
margin-bottom: 0;
}
.digital-solution {
background-image: linear-gradient(#fff, #f4f4f4);
border: 0 #000;
}
.digital-solution.first {
border-top-style: none;
}
.section-6.solution {
padding-top: 40px;
}
.industry-list {
padding-bottom: 80px;
}
.container-default-6 {
margin-bottom: 0;
}
.section-7.full-width {
background-color: #fff;
}
.section-7.full-width.industry {
padding-top: 140px;
padding-bottom: 60px;
}
.container-default-7 {
margin-bottom: 0;
}
.section-8.full-width {
background-color: #fff;
}
.section-8.full-width.logo {
max-width: none;
display: block;
}
.testimonials-track {
display: flex;
}
.container-default-8 {
margin-bottom: 0;
}
.about-title-copy.reveal-type {
font-size: 32px;
}
.div-block-18 {
flex-flow: wrap;
}
.text-block-11 {
display: block;
}
.text-block-11.all-btn {
display: none;
}
.empty-state {
background-color: #fff;
justify-content: center;
align-items: center;
padding-top: 40px;
padding-bottom: 40px;
display: flex;
}
.text-block-13 {
font-size: 24px;
line-height: 120%;
}
.image-22 {
z-index: 1;
max-width: 400px;
inset: 0% -5% auto auto;
}
.div-block-21 {
min-height: 480px;
}
.div-block-23 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template: ". Area"
/ 1fr 1fr;
grid-auto-columns: 1fr;
padding-left: 0;
padding-right: 0;
display: grid;
}
.div-block-24 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.div-block-25 {
grid-column-gap: 20px;
grid-row-gap: 20px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
margin-top: 40px;
display: grid;
}
.teams-image {
border-radius: 12px;
width: 100%;
}
.div-block-27 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.featuresv8_component-2._01.not-sticky {
border-bottom-style: none;
}
.hiring-title {
justify-content: center;
align-items: center;
display: flex;
}
.image_grid {
max-width: 1312px;
}
.grid-6 {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.image-29 {
min-height: auto;
max-height: 600px;
}
.text-block-18 {
width: 80%;
}
.tech-logo {
max-width: 70%;
}
.full-wdith-case-study {
background-color: var(--colors--primary--50);
justify-content: center;
align-items: flex-start;
display: flex;
}
.div-block-46 {
justify-content: center;
align-items: center;
display: flex;
}
.max-1312 {
max-width: 1312px;
}
.map-image {
width: 100%;
}
.image-desktop-50._w-100.obj-cover.border-t-radius-0 {
aspect-ratio: auto;
}
.image-42 {
max-height: 50vh;
}
.div-block-58 {
max-width: 1440px;
}
.center-div {
justify-content: center;
align-items: flex-start;
display: flex;
}
.col-right {
padding-bottom: 300px;
}
.text-headingsh-3-3 {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: row;
align-items: flex-start;
display: flex;
}
.text-headingsh-3-3.left {
text-align: left;
display: block;
}
.text-headingsh-3-3.desk-left-rest-center {
display: block;
}
.project-hero-grid {
max-width: none;
}
.frame-1321314931 {
max-width: 500px;
}
.container-23 {
justify-content: flex-end;
align-items: center;
padding-left: 64px;
padding-right: 140px;
}
.code-embed-2 {
justify-content: center;
align-items: center;
}
.project-image-1 {
max-width: 600px;
}
.bentocard-3 {
max-width: none;
}
}
@media screen and (max-width: 991px) {
.text-headingsh-2 {
text-align: center;
font-size: 52px;
}
.text-headingsh-2.white {
text-align: center;
}
.text-headingsh-2.left-desk-center-mobile {
text-align: left;
}
.text-headingsh-3, .text-headingsh-3.center {
font-size: 36px;
line-height: 120%;
}
.text-headingsh-3.portfolio {
width: 80%;
}
.text-headingsh-3.lets-contribute {
line-height: 120%;
}
.text-headingsh-3.desk-left-mobile-center {
text-align: center;
}
.text-headingsh-3.max-90 {
width: auto;
}
.text-headingsh-3.desk-left-rest-center {
text-align: center;
}
.text-headingsh-4 {
font-family: Helvetica Neue Bold, Arial, sans-serif;
font-size: 32px;
line-height: 120%;
}
.text-headingsh-4.desk-left-rest-center {
text-align: center;
}
.text-headingsh-4._800.fs-48 {
font-size: 32px;
}
.text-headingsh-5 {
font-size: 24px;
line-height: 120%;
}
.text-headingsh-6 {
font-size: 20px;
line-height: 120%;
}
.text-headingsh-6.left {
font-size: 24px;
}
.text-headingsh-6.left.opening-title {
font-size: 28px;
}
.text-bodyb-2 {
text-align: left;
font-size: 18px;
line-height: 120%;
}
.text-bodyb-2.left {
text-align: left;
}
.text-bodyb-2-med {
font-family: Helvetica Neue Medium, Arial, sans-serif;
line-height: 130%;
}
.text-bodyb-2-med.white-gradient {
text-align: center;
}
.text-bodyb-3 {
width: 100%;
font-size: 16px;
line-height: 130%;
}
.text-bodyb-3.white {
padding-right: 0;
}
.text-bodyb-3.white.left-desk-center-mobile, .text-bodyb-3.left-desk-mid-mobile.white, .text-bodyb-3.left-desk-tab-mobile-middle, .text-bodyb-3.desk-left-tab-mob-center, .text-bodyb-3.desk-left-rest-center {
text-align: center;
}
.text-bodyb-3-med.top-nav {
font-size: 16px;
}
.text-bodyb-3-med._600.desk-left-rest-center, .text-bodyb-4._200, .text-bodyb-4._200.desk-left-mobile-center, .text-bodyb-4.desk-left-rest-middle {
text-align: center;
}
.text-bodyb-4-med {
line-height: 120%;
}
.copyright {
display: block;
}
.copyright.top-nav {
display: none;
}
.section {
padding: 40px;
}
.section.hero {
padding-left: 40px;
padding-right: 40px;
}
.section.with-bg.core-values {
padding-top: 60px;
padding-bottom: 60px;
}
.section.with-bg.service-details-1 {
background-position: 100% 0;
}
.section.with-bg.engagement {
padding-bottom: 60px;
}
.section.full-width.footer {
display: block;
}
.section.full-width.logo {
padding-top: 30px;
padding-bottom: 60px;
}
.section.full-width.dark.lets-build-product, .section.full-width.way-of-rork, .section.stats, .section.work {
padding-left: 40px;
padding-right: 40px;
}
.section.about {
padding-top: 60px;
padding-bottom: 60px;
}
.section.hiring-process-section {
height: auto;
}
.section.software-development {
padding-top: 40px;
padding-bottom: 40px;
}
.section.gradient-bg {
background-size: cover;
}
.section._80-padding {
padding-top: 40px;
padding-bottom: 40px;
}
.main-heading-2 {
font-size: 52px;
line-height: 120%;
}
.main-heading-3 {
font-size: 36px;
line-height: 120%;
}
.main-heading-3.white.left-desk-center-mobile {
text-align: center;
}
.grid-2-col {
grid-column-gap: var(--spacing--40);
grid-row-gap: var(--spacing--40);
flex-flow: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: flex;
}
.grid-2-col.title {
grid-column-gap: var(--radius--24);
grid-row-gap: var(--radius--24);
justify-content: flex-start;
align-items: flex-start;
}
.grid-2-col.title.bottom-alligned {
flex-flow: row;
justify-content: flex-start;
place-items: center;
}
.grid-2-col.title.bottom-alligned.our-work {
grid-template-columns: 1fr 1fr;
}
.grid-2-col.engagement {
display: flex;
}
.grid-2-col.industry {
grid-column-gap: var(--spacing--24);
grid-row-gap: var(--spacing--24);
justify-content: flex-start;
align-items: flex-start;
padding-top: 24px;
padding-bottom: 24px;
}
.grid-2-col.stats2 {
padding-top: 0;
padding-bottom: 0;
}
.grid-2-col.whyus {
grid-column-gap: var(--spacing--24);
grid-row-gap: var(--spacing--24);
padding-top: 0;
}
.grid-2-col.about {
grid-column-gap: var(--spacing--24);
grid-row-gap: var(--spacing--24);
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.grid-2-col.values {
grid-column-gap: var(--spacing--32);
grid-row-gap: var(--spacing--32);
}
.grid-2-col.career {
grid-template-columns: .75fr;
grid-auto-flow: row dense;
justify-content: center;
place-items: center;
}
.grid-2-col.learning {
grid-template-columns: 1.5fr;
padding-top: 0;
}
.grid-2-col.home-work, .grid-2-col.g-g {
grid-column-gap: var(--spacing--40);
grid-row-gap: var(--spacing--40);
}
.grid-2-col.case-study {
grid-column-gap: var(--spacing--20);
grid-row-gap: var(--spacing--20);
}
.grid-2-col.top-aligned {
grid-column-gap: var(--spacing--16);
grid-row-gap: var(--spacing--16);
}
.grid-2-col.service-details {
grid-column-gap: 40px;
grid-row-gap: 40px;
flex-flow: row;
}
.country-phone {
font-size: 20px;
}
.hero-content {
grid-column-gap: var(--spacing--32);
grid-row-gap: var(--spacing--32);
justify-content: flex-start;
align-items: center;
}
.button-div.testimonial {
padding-bottom: 0;
}
.hero-content-wrapper.desk-tab-left-mob-center {
justify-content: center;
align-items: flex-start;
}
.hero-image.design {
height: 100%;
max-height: none;
}
.grid-4-col {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
}
.cardstats01 {
max-width: none;
}
.statistic-item {
grid-row-gap: var(--radius--20);
}
.statistic-value {
font-size: var(--spacing--40);
line-height: 120%;
}
.container-default {
overflow: auto;
}
.container-default.service-details-hero._02 {
height: 400px;
}
.container-default.overflow-visible {
overflow: visible;
}
.small-title {
padding-bottom: 32px;
}
.align-center._100 {
width: 100%;
}
.description.values {
padding-bottom: 40px;
}
.grid-3-col {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
}
.grid-3-col.solutions {
grid-column-gap: var(--spacing--16);
grid-row-gap: var(--spacing--16);
justify-content: flex-start;
align-items: center;
padding-top: 32px;
padding-bottom: 32px;
}
.grid-3-col.solutions.first {
justify-content: flex-start;
align-items: center;
}
.grid-3-col.design-philosophy {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
width: 80%;
}
.grid-3-col.desing-service, .grid-3-col.service-design {
flex-flow: wrap;
}
.flex-title-1 {
grid-column-gap: 24px;
grid-row-gap: 24px;
}
.portfolio-left {
grid-column-gap: var(--spacing--40);
grid-row-gap: var(--spacing--40);
}
.double-ctas {
grid-row-gap: 12px;
flex-flow: column;
}
.testimonial {
padding-top: 40px;
padding-bottom: 40px;
}
.icon-engagement {
width: 48px;
max-width: 48px;
}
.cardengagement01-2 {
grid-column-gap: 32px;
grid-row-gap: 32px;
justify-content: space-between;
padding-top: 24px;
padding-bottom: 24px;
}
.cardengagement02 {
box-sizing: border-box;
grid-column-gap: 32px;
grid-row-gap: 32px;
flex-flow: wrap;
justify-content: space-between;
align-items: center;
width: 100%;
max-width: none;
padding-top: 24px;
padding-bottom: 24px;
}
.container-6 {
grid-column-gap: 24px;
grid-row-gap: 24px;
max-width: none;
}
.container-7 {
max-width: none;
}
.brix---btn-primary {
padding-top: 24px;
padding-bottom: 24px;
}
.brix---heading-h1-size {
font-size: 48px;
line-height: 60px;
}
.brix---grid-hero-v1 {
grid-row-gap: 48px;
grid-template-columns: 1fr;
}
.brix---floating-image-hero-v2---1 {
top: 24%;
right: -30%;
}
.brix---section-hero-full-width-right {
padding-top: 100px;
padding-bottom: 522px;
}
.brix---hero-full-width-right-hero-v5 {
justify-content: center;
align-items: center;
max-width: 100%;
height: 450px;
display: flex;
inset: auto 0% 0%;
overflow: hidden;
}
.flex-container-40._40 {
grid-column-gap: var(--spacing--40);
grid-row-gap: var(--spacing--40);
}
.flex-container-40.left {
justify-content: flex-start;
align-items: center;
}
.cta_content {
grid-column-gap: var(--radius--24);
grid-row-gap: var(--radius--24);
order: -1;
justify-content: center;
align-items: center;
}
.cta_component {
grid-column-gap: var(--spacing--32);
grid-row-gap: var(--spacing--32);
border-radius: var(--radius--24);
flex-flow: column;
grid-template-columns: 1fr;
grid-auto-flow: row;
padding: 32px 24px 32px 32px;
display: flex;
}
.cta_component.design {
padding-left: 40px;
padding-right: 40px;
}
.uui-cta03_image-wrapper {
order: -1;
}
.container-large-2 {
max-width: none;
}
.page-padding-2 {
padding-left: 40px;
padding-right: 40px;
}
.footer02_top-wrapper {
grid-column-gap: var(--spacing--24);
grid-row-gap: var(--spacing--24);
grid-template-columns: 1fr;
}
.footer02_bottom-wrapper {
flex-direction: column-reverse;
justify-content: flex-start;
align-items: flex-start;
}
.footer02_social-list {
margin-bottom: 2rem;
}
.footer02_left-wrapper, .footer02_left-wrapper.span-4.span-md-3 {
grid-template-columns: 1fr 1fr 1fr;
}
.padding-vertical-xlarge {
padding-top: 32px;
padding-bottom: 32px;
}
.footer-title {
padding-bottom: 10px;
}
.services-wrapper {
grid-column-gap: var(--spacing--40);
grid-row-gap: var(--spacing--40);
}
.container-default-3 {
padding-left: 40px;
padding-right: 40px;
}
.header-wrapper-2 {
padding-top: 20px;
padding-bottom: 20px;
}
.header-menu-wrapper-2 {
border-top: 1px solid var(--elements-webflow-library--neutral--300);
border-bottom: 1px solid var(--elements-webflow-library--neutral--300);
background-color: var(--elements-webflow-library--neutral--100);
flex-flow: column;
justify-content: space-between;
height: 89vh;
padding: 24px;
display: flex;
}
.brix---header-nav-menu-list {
flex-direction: column;
align-items: flex-start;
margin-top: 0;
}
.header-nav-link-2 {
margin: 0;
}
.header-nav-link-2._0-padding {
margin-left: 0;
margin-right: 0;
}
.header-nav-list-item-2 {
margin-bottom: 16px;
padding-left: 0;
}
.header-logo-2 {
max-width: 232px;
}
.hamburger-menu-wrapper-2 {
order: -1;
transition: transform .3s;
}
.hamburger-menu-wrapper-2:hover {
transform: scale(.96);
}
.hamburger-menu-wrapper-2.w--open {
background-color: #0000;
}
.hamburger-menu-bar-top-2 {
width: 44px;
height: 3px;
}
.hamburger-menu-bar-bottom-2 {
width: 44px;
height: 3px;
margin-top: 12px;
margin-bottom: 12px;
}
.brix---mg-bottom-48px {
margin-bottom: 40px;
}
.brix---heading-h2-size {
font-size: 30px;
line-height: 46px;
}
.brix---logo-strip-image-card {
border-radius: 12px;
width: 200px;
}
.brix---section-logo-strip-v6 {
padding-top: 80px;
padding-bottom: 80px;
}
.wrapper-full {
width: 100%;
padding-left: 40px;
padding-right: 40px;
}
.wrapper-full.contact-us {
grid-column-gap: 60px;
grid-row-gap: 60px;
padding-left: 40px;
padding-right: 40px;
}
.wrapper-full.way-of-work-wrapper, .wrapper-full.way-of-work-card, .wrapper-full.lets-build, .wrapper-full.our-work, .wrapper-full.max-1312 {
padding-left: 0;
padding-right: 0;
}
.client-logo_list-wrapper {
min-width: auto;
min-height: auto;
}
.logo-wrapper.about-contact {
align-items: flex-start;
}
.logo-wrapper.about-contact._w-auto {
width: auto;
max-width: 728px;
}
.logo-wrapper.about-contact._w-auto.pr-0 {
padding-right: 0;
}
.uui-padding-vertical-xhuge {
padding-top: 6rem;
padding-bottom: 6rem;
}
.uui-testimonial13_component {
grid-template-columns: 1fr 1fr;
}
.services-title {
font-size: 28px;
}
.services-hero-wrapper {
padding-left: 0;
padding-right: 0;
}
.flex-wrapper {
padding-top: 20px;
padding-bottom: 20px;
}
.about-title {
font-size: 28px;
}
.usps.g-g {
grid-column-gap: 8px;
justify-content: flex-start;
align-items: center;
}
.featuresv8_header._50--desktop {
width: 100%;
}
.padding-section-large {
padding-top: 0;
padding-bottom: 0;
}
._2x1-grid-layout {
grid-column-gap: var(--spacing--32);
grid-row-gap: var(--spacing--32);
flex-flow: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
justify-items: start;
display: flex;
}
.featuresv8_content {
order: 1;
max-width: 45rem;
}
.padding-bottom {
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.featuresv8_component._01 {
padding-left: 64px;
padding-right: 64px;
}
.featuresv8_component._02 {
top: 140px;
}
.featuresv8_component._03 {
top: 200px;
}
.featuresv8_component._04 {
top: 260px;
}
.services-content-wrapper {
grid-column-gap: var(--spacing--20);
grid-row-gap: var(--spacing--20);
width: 100%;
max-width: none;
}
.featuresv8_image-div {
background-image: none;
height: auto;
}
.way-of-work {
grid-row-gap: var(--spacing--40);
max-width: none;
}
._60px-padding {
grid-column-gap: var(--spacing--40);
grid-row-gap: var(--spacing--40);
}
.stats-01 {
border-top-right-radius: 12px;
border-bottom-left-radius: 0;
max-width: none;
height: auto;
}
.div-120 {
grid-row-gap: var(--spacing--40);
height: auto;
}
.stats02 {
max-width: none;
}
.stats02.top-edge {
border-top-right-radius: 0;
border-bottom-left-radius: 12px;
flex: 0 auto;
order: 1;
}
.stats02.top-edge.rounded-all {
border-top-right-radius: 12px;
}
.stats-2nd-col {
flex-flow: row;
flex: 0 auto;
width: 100%;
}
.uui-heading-large-3 {
font-size: 2.75rem;
}
.uui-cta01_component {
grid-row-gap: 4rem;
grid-template-columns: 1fr;
grid-auto-flow: row;
min-height: auto;
}
.uui-cta01_image-wrapper {
padding: 4rem 2rem;
}
.uui-cta01_image-02 {
width: 35%;
min-width: auto;
bottom: -15%;
}
.uui-cta01_image-01 {
width: 100%;
min-width: 100%;
margin-right: -40%;
position: static;
left: auto;
right: -2rem;
}
.uui-padding-vertical-xhuge-3 {
padding-top: 6rem;
padding-bottom: 6rem;
}
.f-grid-four-columns {
grid-template-columns: 1fr 1fr;
}
._4-44--div {
width: 4.44%;
}
.icon {
padding: 12px;
}
.icon.medium-64-40 {
width: 40px;
}
.fi-sr-discussion-idea-1 {
width: 28px;
}
.whyus-2 {
max-width: none;
height: auto;
}
.why-us-padding {
height: 140px;
}
.description-whyus {
font-size: 20px;
line-height: 130%;
}
.whyus-wrapper._01 {
padding-bottom: 0;
}
.whyus-wrapper._02 {
padding-top: 0;
}
.blur-gradient-1 {
width: 300px;
top: 0%;
right: -15%;
}
.blur-gradient-1.service {
top: -2%;
}
.blur-gradient-1.design.cta {
inset: auto auto -50% 0%;
}
.intro_image-1 {
border-radius: .75rem;
width: 120px;
height: 120px;
top: 0%;
}
.intro_component {
width: 80%;
margin-left: auto;
margin-right: auto;
}
.intro_image-2 {
border-radius: .75rem;
width: 120px;
height: 120px;
top: 0%;
}
.section_services {
padding-top: 40px;
padding-bottom: 40px;
}
.certificates-wrapper {
overflow: hidden;
}
.page-padding.s0 {
margin-top: 2rem;
margin-bottom: 2rem;
}
.padding-vertical {
padding-left: 0;
padding-right: 0;
}
.logo_component-slider {
grid-column-gap: 3rem;
}
.certifications.about._03 {
display: flex;
}
.rt-service-two-cta {
padding-top: 62px;
padding-bottom: 70px;
}
.rt-team-one-cta-main {
grid-column-gap: 8px;
grid-row-gap: 8px;
}
.blur-gradient-3 {
width: 220px;
height: 220px;
}
.blur-gradient-3.design {
bottom: -20%;
}
.margin-bottom-32px {
margin-bottom: 22px;
}
.logo {
max-width: 100%;
}
.about-image {
width: 100%;
min-width: 12rem;
}
.marquee-vertical-2col_component {
grid-template-columns: 1fr;
height: auto;
padding-bottom: 2rem;
overflow: hidden;
}
.marquee-vertical-2col_component.portfolio {
height: 66vh;
}
.marquee-vertical-2col_component.story.our-story.h-auto {
height: auto;
}
.marquee-vertical-2col_list-right.is-2 {
flex: 1;
justify-content: flex-start;
align-items: flex-start;
width: auto;
animation: 40s linear infinite reverse scroll-vertical;
display: flex;
}
.margin-bottom {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.margin-bottom.margin-small.about {
justify-content: flex-start;
align-items: center;
margin-top: 3rem;
}
.marquee-vertical-2col_marquee-1 {
flex-flow: row;
flex: none;
width: auto;
}
.marquee-vertical-2col_marquee-1._100.mt-0 {
margin-top: 0;
}
.marquee-vertical-2col_card-content-right {
flex-flow: column;
justify-content: center;
align-items: flex-start;
width: 100%;
height: auto;
padding-left: 2rem;
padding-right: 2rem;
display: flex;
}
.marquee-vertical-2col_list {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: column;
justify-content: flex-start;
align-self: stretch;
align-items: flex-start;
width: auto;
display: grid;
}
.marquee-vertical-2col_marquee-2 {
flex-flow: row;
flex: none;
justify-content: flex-start;
align-items: center;
width: auto;
}
.marquee-vertical-2col_marquee-2._50.mt-0 {
margin-top: 0;
}
.marquee-vertical-2col_list-left.is-1 {
justify-content: flex-start;
align-items: flex-start;
animation: 40s linear infinite scroll-vertical;
display: flex;
}
.about-hero-wrapper {
max-width: none;
}
.full-width-about {
padding-left: 40px;
padding-right: 40px;
}
.page-name {
font-size: 20px;
}
.about-flex {
grid-column-gap: 40px;
grid-row-gap: 40px;
}
.brix---image-wrapper-br-24px {
border-radius: 20px;
}
.brix---grid-gallery-v5 {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-columns: 1fr 1fr 1fr;
}
.culture-wrapper.certificate {
grid-column-gap: 0px;
grid-row-gap: 0px;
justify-content: space-between;
}
.team-member {
justify-content: flex-start;
align-items: center;
}
.team-member-content, .image-8 {
width: 70%;
}
.about-contact.max-90 {
flex-flow: column;
max-width: none;
}
.contact-about.max-600 {
width: 100%;
}
.left-title-descriptiom {
flex-flow: column;
justify-content: center;
align-items: flex-start;
padding-right: 0;
}
.button-only {
justify-content: flex-start;
align-items: flex-start;
}
.brix---btn-primary-4 {
padding-top: 16px;
padding-bottom: 16px;
}
.brix---contact-form-left-side {
padding: 64px 40px;
}
.brix---grid-contact-v3 {
grid-template-columns: 1.2fr;
}
.flex-office {
width: auto;
min-width: auto;
}
.office-location-container {
flex-flow: column;
}
.image-map {
width: 80%;
}
.section-padding-large {
padding-top: 6rem;
padding-bottom: 6rem;
}
.stat-number {
font-size: 32px;
}
.margin-bottom-2 {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.stats-list {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-columns: 1fr 1fr;
}
.margin-top {
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
}
.stats-component-wrapper {
border-radius: 2rem;
}
.uui-testimonial07_slide {
margin-right: 2.5rem;
padding-right: 0;
}
.uui-testimonial07_mask {
width: 100%;
}
.uui-testimonial07_component {
padding-left: 0;
padding-right: 0;
}
.uui-padding-vertical-xhuge-5 {
padding-top: 6rem;
padding-bottom: 6rem;
}
.collection-list-wrapper.career {
grid-column-gap: 10px;
grid-row-gap: 10px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: row;
justify-content: center;
display: flex;
}
.career-content {
justify-content: flex-start;
align-items: center;
width: 100%;
}
.career-hero-content {
justify-content: flex-start;
align-items: center;
}
._2-cta {
justify-content: center;
align-items: flex-start;
}
.life-wrapper {
grid-column-gap: 40px;
grid-row-gap: 40px;
}
.flex-block-5 {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-flow: row;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: flex;
}
.brix---color-neutral-812 {
justify-content: center;
align-items: flex-start;
display: flex;
}
.brix---mg-bottom-48px-2 {
width: 80%;
margin-bottom: 40px;
}
.brix---section-3 {
padding-top: 118px;
padding-bottom: 118px;
}
.brix---heading-h2-size-3 {
font-size: 30px;
line-height: 46px;
}
.brix---text-center-4 {
flex-flow: column;
justify-content: center;
align-items: center;
width: 100%;
display: flex;
}
.brix---accordion-spacer {
min-height: 12px;
}
.brix---inner-container-574px---center-2 {
width: 100%;
max-width: none;
}
.brix---grid-1-column-gap-row-24px {
grid-column-gap: 16px;
grid-row-gap: 24px;
grid-template-rows: auto auto auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.brix---accordion-item-wrapper-v7 {
padding-left: 40px;
padding-right: 40px;
}
.faq-wrapper {
grid-column-gap: 32px;
grid-row-gap: 32px;
flex-flow: column;
justify-content: flex-start;
align-items: center;
}
.card-job {
min-width: 320px;
}
.job-title {
height: 100px;
}
.collection-item-3 {
min-width: 344px;
padding-right: 0;
}
.service-details-hero_content._02 {
padding-right: var(--radius--none);
padding-left: var(--radius--none);
inset: auto 0% 0%;
}
.service-details-hero_content._02.hero-content, .grid-2 {
width: 100%;
}
.service-type {
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
}
.service-type.right-image, .service-type.left-image {
flex-flow: row;
justify-content: flex-start;
align-items: center;
}
.service-details-image {
aspect-ratio: auto;
order: -9999;
max-width: 100%;
}
.service-details-image._3-2 {
order: 9999;
max-width: none;
}
.text-headingsh-3-2 {
font-size: 36px;
line-height: 120%;
}
.text-headingsh-5-2 {
font-size: 24px;
line-height: 120%;
}
.services-wrapper-expanded, .services-details-wrapper {
max-width: none;
}
.service-details-container.grid {
grid-column-gap: 32px;
grid-row-gap: 32px;
grid-template-columns: 1fr 1fr;
}
.service-details-container.grid.mobile {
grid-template-rows: auto auto auto;
grid-template-columns: 1fr 1fr;
place-items: start stretch;
}
.brix---dropdown-toggle-3.w--open {
flex-flow: row;
justify-content: flex-start;
align-items: center;
padding-left: 0;
}
.brix---dropdown-card-3 {
min-width: auto;
box-shadow: none;
background-color: #0000;
border-width: 0;
border-radius: 0;
}
.brix---dropdown-card-3.w--open {
position: static;
}
.brix---dropdown-pd-3 {
padding: 20px 0 14px;
}
.brix---dropdown-links-grid-3 {
flex-flow: column;
display: flex;
}
.brix---dropdown-column-wrapper-3 {
padding-top: 0;
position: static;
}
.brix---dropdown-column-wrapper-3.w--open {
transform: none;
}
.grid-3-col-3 {
grid-column-gap: 40px;
grid-row-gap: 40px;
flex-flow: wrap;
justify-content: center;
align-items: center;
display: flex;
}
.grid-3-col-3.solutions {
grid-column-gap: 16px;
grid-row-gap: 16px;
padding-top: 32px;
padding-bottom: 32px;
}
.services-wrapper-2 {
grid-column-gap: 40px;
grid-row-gap: 40px;
}
.main-heading-4 {
font-size: 52px;
line-height: 120%;
}
.section-4 {
padding: 40px;
}
.text-bodyb-3-3 {
width: 90%;
font-size: 16px;
line-height: 130%;
}
.wide-image-wrapper {
height: 400px;
}
.wide-image {
min-height: auto;
}
.uui-heroheader07_light-overlay {
width: 76rem;
min-width: 76rem;
right: -10%;
}
.uui-heroheader07_content.z-index-1 {
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
}
.uui-heroheader07_component {
grid-template-columns: 1fr;
grid-auto-flow: row;
min-height: auto;
}
.uui-space-large-2 {
min-height: 2.5rem;
}
.uui-padding-vertical-xhuge-7 {
padding-top: 6rem;
padding-bottom: 6rem;
}
.text-bodyb-3-4 {
width: 90%;
font-size: 16px;
line-height: 130%;
}
.text-bodyb-3-4.ds-text-show, .text-bodyb-3-4.dg-growth {
font-size: 18px;
}
.solution-home-2 {
padding-left: 40px;
padding-right: 40px;
}
.grid-3-col-4 {
grid-column-gap: 40px;
grid-row-gap: 40px;
flex-flow: wrap;
justify-content: center;
align-items: center;
display: flex;
}
.grid-3-col-4.solutions {
grid-column-gap: 16px;
grid-row-gap: 16px;
padding-top: 32px;
padding-bottom: 32px;
}
.grid-3-col-4.solutions.first {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.digital-solution {
padding-left: 40px;
padding-right: 40px;
}
.main-heading-5 {
font-size: 52px;
line-height: 120%;
}
.section-6 {
padding: 40px;
}
.text-headingsh-6-2 {
font-size: 20px;
line-height: 120%;
}
.section-7 {
padding: 40px;
}
.section-7.full-width.industry.our_tech_stack {
padding-top: 40px;
padding-bottom: 40px;
}
.logo-wrapper-2 {
margin-top: 35px;
display: block;
}
.clientlogo2_instance-2.clientlogo2_instance {
margin-top: 20px;
}
.text-headingsh-6-3 {
font-size: 20px;
line-height: 120%;
}
.section-8 {
padding: 40px;
}
.section-8.full-width.logo {
padding-top: 40px;
padding-bottom: 40px;
}
.text-bodyb-2-med-2 {
font-family: Helvetica Neue Medium, Arial, sans-serif;
line-height: 130%;
}
.aboutgallery2_item-2 {
width: 40%;
}
.about-gallery1_item-2 {
width: 300px;
height: 300px;
}
.about-title-copy {
font-size: 28px;
}
.hamburger-menu-bar-bottom-3 {
width: 44px;
height: 3px;
margin-top: 12px;
margin-bottom: 12px;
}
.header-menu-wrapper-3 {
background-color: #fff;
border-top: 1px solid #eff0f6;
border-bottom: 1px solid #eff0f6;
padding: 24px;
}
.hamburger-menu-bar-top-3 {
width: 44px;
height: 3px;
}
.section-9 {
padding-top: 40px;
padding-bottom: 40px;
}
.collection-list-3 {
grid-template-columns: 1fr 1fr;
}
.text-block-9 {
font-family: Helvetica Neue Medium, Arial, sans-serif;
font-size: 18px;
}
.image-22 {
max-width: 160px;
}
.div-block-23 {
padding-left: 40px;
padding-right: 40px;
}
.div-block-24 {
margin-left: 40px;
margin-right: 40px;
}
.div-block-25 {
margin-left: 40px;
margin-right: 40px;
padding-right: 20px;
display: flex;
}
.collection-list-wrapper-5 {
padding-left: 40px;
padding-right: 40px;
position: static;
}
.featuresv8_component-2._02 {
top: 140px;
}
.featuresv8_component-2._04 {
top: 260px;
}
.featuresv8_component-2._01 {
padding-left: 64px;
padding-right: 64px;
}
.featuresv8_component-2._03 {
top: 200px;
}
._2x1-grid-layout-2 {
grid-column-gap: 32px;
grid-row-gap: 32px;
flex-flow: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
justify-items: start;
display: flex;
}
.services-content-wrapper-2 {
grid-column-gap: 20px;
grid-row-gap: 20px;
width: 100%;
max-width: none;
}
.text-bodyb-3-5 {
width: 90%;
font-size: 16px;
line-height: 130%;
}
.uui-layout19_component {
grid-column-gap: 3rem;
flex-flow: column;
grid-template-columns: 1fr 1fr;
grid-auto-flow: row;
align-items: start;
min-height: auto;
display: flex;
}
.uui-layout19_image-wrapper {
justify-content: center;
align-items: center;
display: flex;
}
.uui-layout19_image {
object-fit: cover;
width: 80%;
height: 100%;
}
.uui-padding-vertical-xhuge-8 {
padding-top: 0;
padding-bottom: 0;
}
.trasfromers-wrapper {
flex-flow: row;
}
.collection-list-wrapper-6 {
padding-left: 40px;
padding-right: 40px;
}
.work-logo {
width: 80px;
}
.container-19 {
max-width: 728px;
}
.hero-wrapper {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
margin-bottom: -40px;
}
.hero-split {
max-width: 100%;
margin-bottom: 40px;
}
.partner_logos_section {
padding-top: 40px;
padding-bottom: 40px;
}
.image_grid {
grid-template-rows: auto auto auto auto auto;
grid-template-columns: 1fr 1fr 1fr;
padding-left: 40px;
padding-right: 40px;
}
.image-telenor {
aspect-ratio: 2 / 3;
}
.gamification-card {
padding-left: 24px;
padding-right: 24px;
}
.grid-6 {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
}
.title-des-wrapper.design {
justify-content: flex-start;
align-items: center;
}
.image-28 {
width: 632px;
}
.description-height._180 {
height: 200px;
}
.description-height._180.fx-h-for-tabs-180 {
height: 180px;
}
.description-height.lg-h-250.md-h-200 {
height: 200px;
}
.text-headingsh-1-2 {
text-align: left;
font-family: Helvetica Neue Bold, Arial, sans-serif;
font-size: 56px;
line-height: 110%;
}
.text-block-18 {
text-align: left;
}
.hero-div.design-service {
flex-flow: column;
display: flex;
}
.hero-slider.swiper {
padding-left: 0;
padding-right: 0;
}
.section-13 {
padding-left: 40px;
padding-right: 40px;
}
.work-hero-image {
height: 66vh;
}
.hero-service-details {
justify-content: flex-start;
align-items: center;
}
.grid-2-col-1-1 {
grid-column-gap: 32px;
grid-row-gap: 32px;
flex-flow: column;
display: flex;
}
.grid-2-col-1-1.stats {
flex-flow: column;
grid-template-rows: auto auto;
display: flex;
}
.wrapper-60-space {
grid-column-gap: 40px;
grid-row-gap: 40px;
}
.design-process-card {
width: 340px;
min-width: 340px;
max-width: 340px;
}
.tag-text {
font-family: Helvetica Neue Medium, Arial, sans-serif;
font-size: 16px;
}
.title-des-center.max-800 {
width: 600px;
}
.why-collborate-design, .why-collaborate-cta {
max-width: none;
}
.title-des-left {
width: 80%;
}
.middle-description-wrapper {
width: 100%;
}
.left-hero-wrapper {
width: auto;
}
.soft-image-wrapper {
background-image: url("https://cdn.prod.website-files.com/689a86396206fe0c469a15fc/692c0c8ea7f3f13fed3db02f_Product%20management%20(1).avif");
background-position: 50%;
background-size: auto;
}
.full-width-image {
max-width: 50%;
}
.project-managaement-card.horizontal {
justify-content: center;
align-items: flex-start;
}
.splide__slide {
width: auto;
min-width: auto;
min-height: auto;
}
.industry_item {
min-height: 1rem;
}
.our_tech_stack_main_wrapper {
height: auto;
}
.aws_partner {
width: 120px;
}
.icon-and-title-container {
flex-flow: row;
justify-content: flex-start;
align-items: center;
}
.nav-bar-card-container {
flex-flow: row;
justify-content: flex-start;
align-items: center;
padding-top: 8px;
padding-left: 12px;
padding-right: 12px;
}
.nav-icon {
width: 24px;
height: 24px;
}
.mobile-footer-link {
display: block;
position: static;
bottom: 15%;
}
.mobile-footer-inner {
position: static;
}
.heading-8 {
text-align: left;
font-size: 18px;
font-weight: 400;
}
.flex-block-footer {
grid-column-gap: 12px;
grid-row-gap: 12px;
}
.case-study-wrapper {
padding-left: 40px;
padding-right: 40px;
}
.case-study-hero {
max-width: 100%;
height: 400px;
}
.case-study-hero-image {
padding-top: 0;
}
.case-study-hero-left {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-flow: column;
justify-content: center;
align-items: center;
padding-top: 40px;
padding-bottom: 20px;
display: flex;
}
.hamburger_btn {
grid-column-gap: 12px;
grid-row-gap: 12px;
cursor: pointer;
justify-content: center;
align-items: center;
display: flex;
}
.header-menu {
background-color: #fff;
border-top: 1px solid #eff0f6;
border-bottom: 1px solid #eff0f6;
flex-flow: column;
justify-content: space-between;
width: 100vw;
height: 90vh;
padding: 24px;
display: flex;
}
.header-menu.mobile_inner_menu {
justify-content: flex-start;
align-items: flex-start;
height: 100svh;
}
.link-block-5.rounded-9 {
border-radius: 9px;
}
.flex-block-12 {
grid-column-gap: 12px;
grid-row-gap: 12px;
}
.brix---header-nav-menu-list-2 {
flex-direction: column;
align-items: flex-start;
}
.div-block-43 {
pointer-events: auto;
cursor: pointer;
display: block;
}
.div-block-45 {
cursor: pointer;
margin-top: auto;
margin-bottom: 0;
display: block;
}
.div-block-45:hover {
pointer-events: auto;
}
.div-block-47, .div-block-48 {
background-color: #211f54;
width: 30px;
height: 2px;
}
.div-block-49 {
grid-column-gap: 0px;
grid-row-gap: 0px;
justify-content: flex-start;
align-items: center;
margin-top: 10px;
margin-bottom: 10px;
display: flex;
}
.link-block-6 {
grid-column-gap: 2px;
grid-row-gap: 2px;
justify-content: flex-start;
align-items: center;
margin-top: 0;
margin-bottom: 0;
text-decoration: none;
display: flex;
}
.text-block-23 {
color: var(--colors--neutral--600);
font-weight: 400;
}
.design-container-60, .design-philosophy-list {
justify-content: flex-start;
align-items: center;
}
.div-block-54 {
flex-flow: row-reverse wrap;
justify-content: flex-end;
align-items: center;
width: 100%;
min-width: 300px;
overflow: visible;
}
.image-40 {
width: 100%;
min-width: auto;
}
.container-21 {
min-width: auto;
}
.container-60 {
grid-column-gap: 40px;
grid-row-gap: 40px;
}
.container-60.con-h-fix.soft {
padding-left: 0;
padding-right: 0;
}
.container-60.design.h-auto {
padding: 40px 0;
}
.container-60.no-padding {
padding: 0;
}
.image-desktop-50._w-100, .image-desktop-50._w-100.obj-cover {
object-fit: cover;
}
.image-desktop-50.obj-custom.md-img-max-h-none, .image-desktop-50.md-img-max-h-none {
max-height: none;
}
.mvp-wrapper {
justify-content: flex-start;
max-width: 320px;
}
.card-wrapper {
grid-column-gap: 32px;
grid-row-gap: 32px;
flex-flow: wrap;
justify-content: flex-start;
align-items: stretch;
}
.card-wrapper._24-padding {
flex-flow: column;
justify-content: center;
width: 100%;
}
.card-wrapper._4-padding {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-flow: wrap;
justify-content: center;
}
.mvp-cta {
max-width: none;
margin-top: 32px;
}
.div-block-57 {
display: none;
}
.brand-card {
max-width: none;
}
.workshop-card-wrapper {
max-width: 320px;
}
.title-container {
height: 80px;
}
.description-container-2 {
min-height: 140px;
}
.worksop-image-wrapper {
width: auto;
height: auto;
display: none;
}
.webflow-card-wrapper {
max-width: 320px;
}
.header-style.webflow {
height: 40px;
}
.service-design-wrapper {
min-height: 180px;
}
.service-left-wrapper {
grid-column-gap: 32px;
grid-row-gap: 32px;
flex-flow: row;
}
.space {
display: none;
}
.image-44 {
display: none;
left: 25px;
}
.ux-audit-card-wrapper {
max-width: 320px;
}
.ux-audit-card {
height: 100%;
}
.block {
top: 28%;
}
.container-27.cc-flex-h {
flex-direction: column;
}
.col-right {
flex-flow: wrap;
align-self: stretch;
margin-top: 24px;
padding-bottom: 310px;
}
.col-right.pb-250 {
padding-bottom: 310px;
}
.section-20.cc-no-padding-bottom.brand-strategy-space {
padding: 40px;
}
.image-45 {
top: -177px;
left: 35px;
}
.text-bodyb-3-med-2._600.desk-left-rest-center {
text-align: center;
}
.brand-card-2 {
max-width: 320px;
}
.brand-card-2.sticky-card-5 {
max-width: 100%;
top: 14%;
}
.brand-card-2.sticky-card-5.project {
max-width: 800px;
}
.brand-card-2.sticky-card-5.project.reporting-dash.h-295 {
transform: translate(0, 300px);
}
.brand-card-2.sticky-card-3, .brand-card-2.sticky-card-2, .brand-card-2.sticky-card-4 {
max-width: 100%;
top: 14%;
}
.brand-card-2.sticky-card-4.project {
max-width: 800px;
}
.brand-card-2.sticky-card-1 {
max-width: 100%;
top: 14%;
}
.text-headingsh-3-3 {
font-size: 36px;
line-height: 120%;
}
.text-headingsh-3-3.desk-left-rest-center {
text-align: center;
}
.text-headingsh-6-5 {
font-size: 20px;
line-height: 120%;
}
.flex-container-40-2.left {
justify-content: flex-start;
align-items: center;
}
.section-21 {
padding: 40px;
}
.text-bodyb-4-4.desk-left-rest-middle {
text-align: center;
}
.product-strategy-div-2.prod_strategy_design_card.col-span-1.col-gap-0.will-change-transform.min-h-280.max-h-300.sm-max-h-none, .product-strategy-div-2.prod_strategy_design_card.min-h-280.obj-custom.md-max-h-none {
max-height: none;
}
.text-bodyb-2-3 {
text-align: left;
font-size: 18px;
line-height: 120%;
}
.text-headingsh-6-6 {
font-size: 20px;
line-height: 120%;
}
.text-bodyb-3-6 {
width: 100%;
font-size: 16px;
line-height: 130%;
}
.card-wrapper-2 {
grid-column-gap: 32px;
grid-row-gap: 32px;
flex-flow: wrap;
}
.card-wrapper-2._24-padding {
flex-flow: wrap;
justify-content: center;
}
.div-block-63 {
display: none;
}
.grid-2-col-3 {
grid-column-gap: 40px;
grid-row-gap: 40px;
flex-flow: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: flex;
}
.grid-2-col-3.top-aligned {
grid-column-gap: 16px;
grid-row-gap: 16px;
}
.grid-2-col-3.top-aligned.brand-strategy-title.md-mb-0 {
margin-bottom: 0;
}
.project-hero-grid {
flex-flow: column;
display: flex;
}
.frame-1321314931 {
grid-row-gap: 24px;
justify-content: flex-start;
align-items: center;
max-width: none;
}
.frame-1321314928 {
justify-content: flex-start;
align-items: center;
}
.container-23 {
justify-content: center;
align-items: center;
padding-top: 60px;
padding-bottom: 60px;
}
.container-32 {
justify-content: center;
align-items: flex-start;
}
.project-details-div {
height: 520px;
}
.quotation {
font-size: 24px;
}
.container-35 {
grid-row-gap: 20px;
max-width: none;
height: auto;
}
.stats-56 {
font-size: 56px;
}
.deliver {
font-size: 200px;
}
.hero-images {
width: 100%;
}
.middle-image {
padding-left: 24px;
padding-right: 24px;
}
.middle-image.case-study {
padding-left: 0;
padding-right: 0;
}
.left-image-2 {
padding-left: 40px;
padding-right: 40px;
}
.left-image-2.case-study {
padding-left: 0;
padding-right: 0;
}
.right-image-2 {
padding-left: 40px;
padding-right: 40px;
}
.right-image-2.case-study {
padding-left: 0;
padding-right: 0;
}
.content-container {
max-width: 600px;
}
.main-container-2 {
flex-flow: column;
padding-left: 24px;
padding-right: 24px;
}
.container-41 {
padding-left: 24px;
padding-right: 24px;
}
.container-42 {
order: -9999;
max-width: 600px;
}
.container-46.hide-desktop {
padding-left: 24px;
padding-right: 24px;
display: flex;
}
.container-46.hide-mobile {
display: none;
}
.container-51, .container-54 {
padding-left: 24px;
padding-right: 24px;
}
.grid-21 {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-flow: column;
display: flex;
}
.projec-sub-service-div {
grid-column-gap: 24px;
grid-row-gap: 24px;
}
.left-right-section-div {
flex-flow: column;
justify-content: center;
align-items: center;
}
._2x2 {
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.title-des.center-800 {
width: auto;
}
.container-58 {
max-width: none;
}
.container-60 {
height: auto;
}
.container-60.softdev {
grid-column-gap: 12px;
grid-row-gap: 12px;
padding-top: 20px;
padding-bottom: 40px;
padding-left: 40px;
}
.soft-ai-div {
max-width: none;
height: auto;
padding-top: 12px;
padding-bottom: 12px;
}
.managed-hero-div {
max-width: none;
}
.grid-50-50 {
flex-flow: column;
display: flex;
}
.bentocard-2.full-width {
grid-row-gap: 24px;
flex-flow: column;
height: auto;
}
.grid3x2 {
flex-flow: column;
display: flex;
}
.grid3x2.no-padding {
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;
}
.grid4x1 {
flex-flow: column;
display: flex;
}
.wow-container.rounded-top-lright.rounded-0, .wow-container.rounded-bottom-left.rounded-0 {
border-radius: 0;
}
.wow-container.md-rounded-t-r-12 {
border-top-right-radius: 12px;
}
.wow-container.md-rounded-b-l-12 {
border-bottom-left-radius: 12px;
}
.grid-5-col {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr;
}
.case-study-01 {
flex-flow: column;
}
.container-34 {
max-width: none;
}
.container-34.p-48._w-1-2._w-100 {
width: 100%;
}
.our-saas-product-suite.mt-0.mb-24.fs-32 {
font-size: 32px;
}
.our-saas-product-suite.mt-0.mb-24.fs-32.mb-60 {
margin-bottom: 40px;
}
.number-wrapper {
flex: none;
}
.flex-block-13 {
grid-column-gap: 48px;
grid-row-gap: 48px;
flex-flow: column;
display: flex;
}
.horizontal-line {
width: 70%;
display: none;
inset: 49% auto 0% -30%;
transform: rotate(90deg);
}
.flex-24 {
grid-column-gap: 24px;
grid-row-gap: 24px;
display: flex;
}
.vertical-line {
background-color: #99dccc;
width: 1px;
height: 450px;
position: absolute;
left: 31px;
}
.image-54 {
display: none;
}
.image-55 {
border-radius: 24px 24px 0 0;
}
.image-55._w-1-2.rounded-t-l-24.rounded-b-l-24._w-100 {
width: 100%;
}
.image-55._w-1-2.rounded-t-l-24.rounded-b-l-24._w-100.rounded-b-none {
border-bottom-left-radius: 0;
}
.grid-22.col-gap-24.col-md-2 {
grid-template-columns: 1fr 1fr;
}
.left-col._w-1-2._w-full, .right-col._w-1-2._w-full {
width: 100%;
}
.upper-wrapper {
flex-flow: column;
padding-bottom: 40px;
}
.a-closer-look.fs-28 {
margin-bottom: 40px;
font-size: 28px;
}
.grid-23 {
grid-template-columns: 1fr 1fr;
}
.our-saas-product-suite-title {
font-size: 36px;
}
}
@media screen and (max-width: 767px) {
.text-headingsh-2.white {
text-align: center;
}
.text-headingsh-2.left-desk-center-mobile {
text-align: left;
}
.text-headingsh-3.left._w-1-2._w-full {
width: 100%;
}
.text-headingsh-3.the-learning-journey {
text-align: left;
display: block;
}
.text-headingsh-3.max-90 {
text-align: center;
}
.text-headingsh-4.left {
order: -9999;
}
.text-bodyb-2 {
text-align: center;
}
.text-bodyb-2.white {
text-align: left;
}
.text-bodyb-3.white {
text-align: center;
}
.text-bodyb-3.white.all-left, .text-bodyb-3.white.all-left-mob-center {
text-align: left;
}
.text-bodyb-3.left-desk-mid-mobile {
text-align: center;
}
.section, .section.hero {
padding-left: 24px;
padding-right: 24px;
}
.section.full-width.industry.our-work {
padding-left: 40px;
padding-right: 40px;
}
.section.full-width.footer {
display: block;
}
.section.full-width.logo {
padding-top: 40px;
padding-bottom: 40px;
}
.section.stats {
padding-left: 24px;
padding-right: 24px;
}
.grid-2-col {
grid-column-gap: var(--spacing--32);
grid-row-gap: var(--spacing--32);
display: flex;
}
.grid-2-col.title.top-aligned {
grid-template-columns: 1fr;
}
.grid-2-col.title.bottom-alligned {
justify-content: space-between;
align-items: flex-end;
width: auto;
display: flex;
}
.grid-2-col.title.bottom-alligned.our-work {
align-items: center;
}
.grid-2-col.whyus {
display: flex;
}
.hero-content, .hero-content-wrapper.desk-tab-left-mob-center {
justify-content: flex-start;
align-items: center;
}
.hero-image {
order: 9999;
}
.container-default.service-details-hero {
height: 30rem;
}
.align-center._100 {
grid-column-gap: 24px;
grid-row-gap: 24px;
}
.uui-logos04_list {
grid-template-columns: 10rem 10rem 10rem 10rem 10rem 10rem 10rem 10rem;
width: 124rem;
}
.uui-logos04_wrapper {
padding: .5rem 1rem;
}
.uui-logos04_logo {
height: 2.5rem;
}
.uui-logo-loop_component {
height: 3.5rem;
}
.grid-3-col.desing-service {
justify-content: center;
align-items: center;
}
.container-4 {
padding: 0;
}
.testimonial_content {
width: auto;
margin-right: 1.5rem;
padding: 20px;
}
.testimonial16_client-image-wrapper {
margin-bottom: 1rem;
margin-right: 0;
}
.testimonial16_client {
grid-column-gap: var(--spacing--3);
grid-row-gap: var(--spacing--3);
flex-flow: row;
align-items: flex-start;
width: 100%;
}
.testimonial {
padding-top: 32px;
padding-bottom: 32px;
}
.testimonial-client {
grid-column-gap: var(--spacing--3);
grid-row-gap: var(--spacing--3);
flex-flow: row;
}
.brix---mg-bottom-40px {
margin-bottom: 24px;
}
.brix---btn-primary {
padding: 20px 32px;
}
.brix---btn-secondary {
padding-top: 20px;
padding-bottom: 20px;
}
.brix---heading-h1-size {
margin-bottom: 12px;
font-size: 38px;
line-height: 46px;
}
.brix---grid-hero-v1 {
grid-template-columns: 1fr;
}
.brix---button-row-left {
margin-right: 16px;
}
.brix---floating-image-hero-v2---1 {
max-width: 480px;
}
.brix---section-hero-full-width-right {
padding-top: 100px;
padding-bottom: 100px;
}
.brix---hero-full-width-right-hero-v5 {
margin-top: 62px;
position: static;
}
.cta_content {
padding-left: 20px;
padding-right: 20px;
}
.cta_component {
grid-column-gap: var(--spacing--32);
grid-row-gap: var(--spacing--32);
border-radius: var(--radius--24);
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: center;
padding-left: 20px;
padding-right: 20px;
display: flex;
overflow: hidden;
}
.uui-cta03_image-wrapper {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
height: 68%;
margin-left: auto;
padding-left: 0;
padding-right: 0;
display: grid;
overflow: visible;
}
.cta_image {
vertical-align: baseline;
width: auto;
height: auto;
}
.page-padding-2 {
width: 100%;
padding-left: 24px;
padding-right: 24px;
}
.footer02_top-wrapper {
grid-row-gap: var(--spacing--24);
}
.footer02_link:hover {
color: var(--untitled-ui--gray500);
}
.uui-footer02_social-link:hover {
color: var(--untitled-ui--gray400);
}
.footer02_bottom-wrapper {
flex-direction: column-reverse;
align-items: flex-start;
margin-top: 40px;
}
.footer02_left-wrapper {
grid-row-gap: 3rem;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1.5fr 1fr;
}
.footer02_left-wrapper.span-4.span-md-3.span-sm-2 {
grid-template-columns: 1fr 1fr;
}
.uui-footer02_legal-list {
margin-bottom: 1rem;
}
.footer02_legal-list-wrapper {
grid-column-gap: 24px;
flex-flow: row;
}
.padding-vertical-xlarge {
padding-top: 2.5rem;
padding-bottom: 2.5rem;
}
.services-wrapper {
grid-column-gap: var(--spacing--32);
grid-row-gap: var(--spacing--32);
}
.container-default-3 {
padding-left: 40px;
padding-right: 40px;
}
.header-menu-wrapper-2 {
height: 89vh;
}
.brix---header-nav-menu-list {
margin-top: 0;
}
.header-logo-2 {
max-width: 90%;
}
.industry-2_item {
width: auto;
}
.brix---mg-bottom-48px {
margin-bottom: 32px;
}
.brix---heading-h2-size {
font-size: 28px;
line-height: 40px;
}
.brix---logo-strip-image-card {
width: 148px;
margin: 8px 10px;
}
.brix---section-logo-strip-v6 {
padding-top: 72px;
padding-bottom: 72px;
}
.wrapper-full.our-work, .wrapper-full.max-1312 {
padding-left: 0;
padding-right: 0;
}
.client-logo_item {
width: auto;
min-width: auto;
}
.fs-client-logo_image {
width: auto;
max-width: none;
height: auto;
}
.clientlogo2_instance {
grid-column-gap: 12px;
grid-row-gap: 12px;
}
.fs-clientlogo2_image {
width: auto;
max-width: none;
}
.uui-page-padding-3 {
padding-left: 1rem;
padding-right: 1rem;
}
.uui-text-size-large-3 {
font-size: 1rem;
}
.uui-padding-vertical-xhuge {
padding-top: 4rem;
padding-bottom: 4rem;
}
.uui-heading-xxsmall-2 {
font-size: 1.125rem;
}
.uui-heading-medium-2 {
font-size: 1.75rem;
line-height: 1.4;
}
.uui-testimonial13_content {
padding: 1.5rem;
}
.uui-testimonial13_component {
grid-row-gap: 1.5rem;
grid-template-columns: 1fr;
margin-top: 3rem;
}
.uui-testimonial13_client-image-wrapper {
margin-bottom: 1rem;
margin-right: 0;
}
.uui-testimonial13_client {
flex-direction: column;
align-items: flex-start;
width: 100%;
}
.uui-space-xsmall-2 {
min-height: .75rem;
}
.services-title {
min-width: auto;
min-height: auto;
}
.services-hero-wrapper {
width: 100%;
padding-left: 1rem;
padding-right: 1rem;
}
.button-row {
align-self: stretch;
}
.flex-wrapper {
padding-top: 20px;
padding-bottom: 20px;
}
.flex-wrapper._1312-max {
padding-top: 0;
}
.padding-section-large {
padding-top: 0;
padding-bottom: 0;
}
.padding-bottom {
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.uui-page-padding-4 {
padding-left: 1rem;
padding-right: 1rem;
}
.max-width-full-mobile-landscape-2 {
width: 100%;
max-width: none;
}
.uui-text-size-large-4 {
font-size: 1rem;
}
.uui-heading-large-3 {
font-size: 2.25rem;
}
.uui-button-6 {
font-size: 1rem;
}
.uui-button-6:hover {
border-color: var(--untitled-ui--primary600);
background-color: var(--untitled-ui--primary600);
}
.uui-button-row {
align-self: stretch;
}
.uui-button-row.is-reverse-mobile-landscape {
flex-direction: column-reverse;
}
.uui-button-wrapper-2.max-width-full-mobile-landscape-2 {
width: 100%;
}
.uui-cta01_component {
grid-row-gap: 3rem;
}
.uui-button-secondary-gray-2 {
padding-left: 1.25rem;
font-size: 1rem;
}
.uui-button-secondary-gray-2:hover {
background-color: var(--untitled-ui--white);
color: var(--untitled-ui--gray700);
}
.uui-cta01_image-wrapper {
min-height: auto;
padding: 1.5rem 1rem;
}
.uui-cta01_image-02 {
width: 35%;
max-width: none;
bottom: -15%;
left: 1rem;
}
.uui-cta01_image-01 {
width: 100%;
min-width: 100%;
margin-right: -30%;
position: static;
}
.uui-space-small-4 {
min-height: 1.25rem;
}
.uui-space-medium {
min-height: 1.5rem;
}
.uui-padding-vertical-xhuge-3 {
padding-top: 4rem;
padding-bottom: 4rem;
}
.f-h2-heading {
font-size: 44px;
}
.f-section-regular {
padding-top: 72px;
padding-bottom: 72px;
}
.f-grid-four-columns {
grid-template-columns: 1fr;
}
.blur-gradient-1 {
width: 200px;
top: 0%;
}
.blur-gradient-1.service {
top: -1%;
}
.intro_image-1 {
display: none;
}
.intro_component {
width: 100%;
}
.intro_image-2 {
display: none;
}
.padding-global {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.padding-vertical {
padding-left: 0;
padding-right: 0;
}
.logo_component-slider {
grid-row-gap: 2rem;
flex-direction: row;
grid-template-columns: 1fr;
justify-content: flex-start;
align-items: center;
}
.marquee-vertical-2col_component {
height: auto;
min-height: 100svh;
overflow: hidden;
}
.marquee-vertical-2col_component.portfolio {
height: 66vh;
min-height: auto;
}
.marquee-vertical-2col_card-content-left {
padding: 2rem 0;
}
.margin-bottom {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.margin-bottom.margin-small.about {
margin-top: 0;
}
.marquee-vertical-2col_card-content-right {
grid-template-columns: 1fr;
padding-left: 1rem;
padding-right: 1rem;
}
.about-hero-wrapper.portfolio {
padding-left: 40px;
padding-right: 40px;
}
.brix---grid-gallery-v5 {
grid-column-gap: 16px;
grid-template-columns: 1fr 1fr 1fr;
}
.about-cta-wrapper {
max-width: 100%;
}
.left-title-descriptiom.service-details {
width: 50%;
}
.button-only {
justify-content: flex-start;
align-items: flex-end;
display: flex;
}
.button-only.our-work {
width: 350px;
}
.brix---btn-primary-4 {
padding: 16px 32px;
}
.brix---input-2 {
min-height: 60px;
padding-top: 16px;
padding-bottom: 16px;
}
.brix---text-area-2 {
border-radius: 18px;
}
.brix---contact-form-left-side {
padding-left: 32px;
padding-right: 32px;
}
.brix---form-grid-2-columns-2 {
grid-column-gap: 18px;
grid-row-gap: 18px;
grid-template-columns: 1fr;
}
.brix---grid-contact-v3 {
grid-template-columns: 1fr;
}
.section-padding-large {
padding-top: 4rem;
padding-bottom: 4rem;
}
.stat-number {
font-size: 2.5rem;
}
.margin-bottom-2 {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.stats-list {
grid-template-columns: 1fr;
}
.margin-top {
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
}
.portfolio-section-title {
padding-bottom: 20px;
}
.uui-page-padding-6 {
padding-left: 1rem;
padding-right: 1rem;
}
.uui-testimonial07_arrow:hover {
background-color: var(--untitled-ui--white);
}
.uui-testimonial07_arrow.left {
right: 3.5rem;
}
.uui-testimonial07_slide {
padding-left: 0;
padding-right: 0;
}
.uui-testimonial07_component {
margin-top: 3rem;
padding-bottom: 3rem;
}
.uui-padding-vertical-xhuge-5 {
padding-top: 4rem;
padding-bottom: 4rem;
}
.collection-list-wrapper.career {
grid-template-columns: 1fr;
}
.life-wrapper {
grid-column-gap: 32px;
grid-row-gap: 32px;
}
.brix---mg-bottom-16px-2 {
margin-bottom: 8px;
}
.brix---mg-bottom-48px-2 {
margin-bottom: 32px;
}
.brix---section-3 {
padding-top: 100px;
padding-bottom: 100px;
}
.brix---heading-h2-size-3 {
font-size: 28px;
line-height: 40px;
}
.brix---grid-1-column-gap-row-24px {
grid-column-gap: 16px;
grid-row-gap: 24px;
grid-template-rows: auto auto auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.brix---accordion-item-wrapper-v7 {
padding: 40px 24px;
}
.faq-wrapper {
grid-column-gap: 24px;
grid-row-gap: 24px;
}
.collection-item-3 {
width: 100%;
min-width: 100%;
}
.grid-2 {
width: auto;
}
.service-type.right-image {
flex-flow: row;
}
.service-details-image {
aspect-ratio: 3 / 2;
object-fit: fill;
width: 100%;
max-width: none;
}
.services-container {
width: 100%;
}
.button-wrapper {
width: 300px;
}
.service-details-container {
justify-content: flex-start;
align-items: center;
max-width: 100%;
}
.service-details-container.grid {
grid-template-columns: 1fr 1fr;
place-items: start stretch;
}
.service-details-container._40-padding {
grid-column-gap: 24px;
grid-row-gap: 24px;
}
.services-wrapper-2 {
grid-column-gap: 32px;
grid-row-gap: 32px;
}
.section-4 {
padding-left: 24px;
padding-right: 24px;
}
.wide-image {
background-size: cover;
min-height: 400px;
}
.uui-page-padding-8 {
padding-left: 1rem;
padding-right: 1rem;
}
.uui-button-row-3 {
align-self: stretch;
}
.uui-button-row-3.is-reverse-mobile-landscape {
flex-direction: column-reverse;
}
.uui-heroheader07_image-wrapper {
background-image: none;
height: 26rem;
}
.uui-heroheader07_card-image-01, .uui-heroheader07_card-image-02 {
border-radius: 1.4rem;
width: 14rem;
}
.uui-heroheader07_light-overlay {
width: 72rem;
min-width: 72rem;
right: -30%;
}
.uui-space-small-5 {
min-height: 1.25rem;
}
.uui-space-large-2 {
min-height: 2rem;
}
.uui-padding-vertical-xhuge-7 {
padding-top: 4rem;
padding-bottom: 4rem;
}
.grid-3-col-4.solutions.first {
grid-template-columns: 1fr;
}
.digital-solution, .section-6 {
padding-left: 24px;
padding-right: 24px;
}
.section-6.solution {
padding-top: 40px;
}
.section-7 {
padding-left: 24px;
padding-right: 24px;
}
.section-7.full-width.industry {
padding-top: 40px;
}
.fs-client-logo_image-2 {
width: auto;
max-width: none;
height: 100%;
}
.logo-wrapper-2 {
margin-top: 40px;
display: flex;
}
.clientlogo2_instance-2 {
grid-column-gap: 12px;
grid-row-gap: 12px;
}
.client-logo_item-2 {
width: auto;
min-width: auto;
}
.section-8 {
padding-left: 24px;
padding-right: 24px;
}
.section-8.full-width.logo {
padding-top: 20px;
padding-bottom: 40px;
}
.testimonial_content-2 {
width: auto;
margin-right: 1.5rem;
padding: 20px;
}
.testimonial16_client-2 {
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-flow: row;
align-items: flex-start;
width: 100%;
}
.container-18 {
padding: 0;
}
.testimonial-client-2 {
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-flow: row;
}
.aboutgallery2_item-2 {
width: 100%;
}
.about-gallery1_item-2 {
width: 300px;
}
.section-9.pb-lg-30.pb-0 {
padding-bottom: 0;
}
.form-block {
padding-left: 0;
padding-right: 0;
}
.collection-list-3 {
grid-template-columns: 1fr;
}
.collection-item-5 {
max-width: 100%;
}
.div-block-20 {
padding: 0;
}
.div-block-23 {
padding-left: 20px;
padding-right: 20px;
}
.div-block-24 {
margin-left: 24px;
margin-right: 24px;
}
.div-block-25 {
flex-flow: column;
grid-template-columns: 1fr;
margin-left: 24px;
margin-right: 24px;
padding-right: 0;
}
.div-block-27 {
display: flex;
}
.uui-page-padding-9 {
padding-left: 1rem;
padding-right: 1rem;
}
.uui-layout19_component {
grid-row-gap: 3rem;
grid-template-columns: 1fr;
}
.uui-layout19_item-list {
grid-row-gap: 2.5rem;
}
.uui-space-xsmall-6 {
min-height: .75rem;
}
.uui-padding-vertical-xhuge-8 {
padding-top: 0;
padding-bottom: 0;
}
.trasfromers-wrapper {
flex-flow: column;
}
.hero-heading-center {
padding: 60px 15px;
}
.title-des-wrapper.design-50.row-gap-12 {
margin-bottom: 10px;
}
.description-height._180.fx-h-for-tabs-180.fx-h-for-mobile-135 {
height: 180px;
}
.text-headingsh-1-2 {
text-align: center;
font-size: 44px;
}
.text-block-18 {
text-align: center;
}
.hero-div {
flex-flow: column;
display: flex;
}
.section-13 {
padding-bottom: 40px;
}
.grid-7 {
flex-flow: column;
display: flex;
}
.title-des-center.max-800 {
width: 100%;
}
.div-block-38 {
padding-left: 40px;
padding-right: 40px;
}
.rich-text-block {
font-size: 16px;
}
.soft-image-wrapper {
margin-bottom: 32px;
}
.soft-image-wrapper.ops {
background-position: 100%;
}
.project-managaement-card {
grid-column-gap: 20px;
grid-row-gap: 20px;
justify-content: flex-start;
}
.splide__slide.max-w-490.max-w-sm-250 {
max-width: 250px;
}
.mobile-footer-link {
position: static;
bottom: 14%;
}
.heading-8 {
color: var(--_global-tokens-2---colors--neutral--600);
text-align: left;
font-size: 18px;
font-weight: 400;
}
.flex-block-footer {
grid-column-gap: 12px;
grid-row-gap: 12px;
}
.case-study-hero {
height: 400px;
}
.case-study-hero-left {
padding-top: 40px;
padding-bottom: 20px;
}
.certificate-short-container {
justify-content: center;
align-items: flex-start;
padding-left: 0;
padding-right: 0;
}
.hamburger_btn {
display: flex;
}
.header-menu {
flex-flow: column;
justify-content: space-between;
width: 100vw;
display: flex;
}
.header-menu.mobile_inner_menu {
justify-content: flex-start;
align-items: flex-start;
height: 100svh;
}
.brix---header-nav-menu-list-2 {
height: auto;
}
.div-block-43 {
display: block;
}
.div-block-45 {
margin-top: auto;
margin-bottom: 0;
}
.image-desktop-50._w-100 {
width: 100%;
}
.image-desktop-50._w-100.obj-cover.border-t-radius-0, .image-desktop-50._w-100.border-t-radius-0 {
border-top-right-radius: 0;
border-bottom-left-radius: 16px;
}
.image-desktop-50.preset-styles.obj-cover._w-full {
object-position: 50% 0%;
width: 100%;
}
.image-desktop-50.preset-styles.obj-cover._w-full._w-1-2._w-100, .div-50._w-100 {
width: 100%;
}
.card-wrapper._24-padding, .card-wrapper._4-padding {
justify-content: center;
align-items: center;
}
.webflow-card-wrapper {
max-width: none;
min-height: 180px;
}
.block {
margin-bottom: 40px;
}
.container-27 {
width: 100%;
padding-left: 40px;
padding-right: 40px;
}
.container-27.cc-flex-h {
flex-direction: column;
}
.container-27.cc-flex-h.md-padding-0 {
padding-left: 0;
padding-right: 0;
}
.text_left {
margin-bottom: 0;
padding-bottom: 60px;
padding-right: 40px;
}
.section-20.cc-no-padding-bottom.brand-strategy-space {
padding-left: 24px;
padding-right: 24px;
}
.brand-card-2.sticky-card-5 {
height: 208px;
max-height: none;
}
.brand-card-2.sticky-card-5.project {
height: auto;
}
.brand-card-2.sticky-card-5.project.reporting-dash.h-295 {
transform: translate(0, 300px);
}
.brand-card-2.sticky-card-5.project.h-295 {
height: 295px;
}
.brand-card-2.sticky-card-3 {
height: 208px;
max-height: none;
}
.brand-card-2.sticky-card-3.project {
height: auto;
}
.brand-card-2.sticky-card-3.project.h-295 {
height: 295px;
}
.brand-card-2.sticky-card-2 {
height: 208px;
max-height: none;
transform: translate(0, 60px);
}
.brand-card-2.sticky-card-2.project {
height: auto;
}
.brand-card-2.sticky-card-2.project.h-295 {
height: 295px;
}
.brand-card-2.sticky-card-4 {
height: 208px;
max-height: none;
}
.brand-card-2.sticky-card-4.project {
height: auto;
}
.brand-card-2.sticky-card-4.project.h-295 {
height: 295px;
}
.brand-card-2.sticky-card-1 {
height: 208px;
max-height: none;
}
.brand-card-2.sticky-card-1.project {
height: auto;
}
.brand-card-2.sticky-card-1.project.h-295 {
height: 295px;
}
.text-headingsh-6-5.font-sz-32 {
font-size: 20px;
}
.section-21 {
padding-left: 24px;
padding-right: 24px;
}
.product-strategy-div-2.prod_strategy_design_card.col-span-1 {
flex-flow: column;
}
.product-strategy-div-2.prod_strategy_design_card.col-span-1.col-gap-0 {
grid-column-gap: 0px;
grid-row-gap: 0px;
}
.product-strategy-div-2.prod_strategy_design_card.col-span-1.col-gap-0.will-change-transform.max-h-300.max-h-500 {
max-height: 500px;
}
.product-strategy-div-2.prod_strategy_design_card.col-span-1.col-gap-0.will-change-transform.max-h-300.max-h-500.overflow-hidden {
overflow: hidden;
}
.text-bodyb-2-3 {
text-align: center;
}
.text-bodyb-2-3.italic.line_clamp_1 {
text-align: left;
}
.card-wrapper-2._24-padding {
justify-content: center;
align-items: center;
}
.grid-2-col-3 {
grid-column-gap: 32px;
grid-row-gap: 32px;
display: flex;
}
.project-div {
grid-column-gap: 24px;
grid-row-gap: 24px;
}
.hero-images {
padding-bottom: 4px;
padding-left: 0;
padding-right: 0;
}
.content-container {
grid-row-gap: 24px;
}
.project-image-1 {
width: 100%;
}
.main-container-2, .container-41, .container-46.hide-desktop {
padding-top: 32px;
padding-bottom: 32px;
}
.container-48 {
grid-row-gap: 24px;
}
.container-51, .container-54 {
padding-top: 32px;
padding-bottom: 32px;
}
.heading-11 {
font-size: 18px;
}
.grid-5-col {
place-items: start center;
}
.container-34.p-48._w-1-2._w-100.p-24 {
padding: 24px;
}
.paragraph-7.mb-60 {
font-size: 18px;
}
.flex-block-13._w-full {
width: 100%;
}
.flex-block-15.mb-72.flex-dir-col {
flex-flow: column;
align-items: center;
}
._w-1-2._w-full {
width: 100%;
}
._w-1-2._w-full.text-center {
text-align: center;
}
}
@media screen and (max-width: 479px) {
body {
overflow: visible;
}
.text-headingsh-2 {
font-size: 40px;
}
.text-headingsh-2.white, .text-headingsh-2.left-desk-center-mobile {
text-align: center;
}
.text-headingsh-2.center {
width: 100%;
}
.text-headingsh-3.left {
margin-left: 0;
}
.text-headingsh-3.left.white {
text-align: center;
display: block;
}
.text-headingsh-3.max-90 {
text-align: center;
}
.text-headingsh-4 {
font-size: 24px;
}
.text-headingsh-5 {
text-align: center;
font-size: 24px;
}
.text-headingsh-5.left-desk-mob-center, .text-headingsh-5.all-left {
text-align: left;
}
.text-headingsh-6 {
font-family: Helvetica Neue Medium, Arial, sans-serif;
}
.text-headingsh-6.left.opening-title {
font-size: 24px;
line-height: 120%;
}
.text-headingsh-6.desk-left-rest-center {
text-align: center;
}
.text-bodyb-1 {
color: var(--colors--neutral--600);
font-size: 20px;
line-height: 120%;
}
.text-bodyb-1.white {
text-align: center;
}
.text-bodyb-2 {
width: auto;
font-size: 18px;
line-height: 140%;
}
.text-bodyb-2.italic {
text-align: left;
}
.text-bodyb-2-med {
font-size: 18px;
}
.text-bodyb-2-med.white-gradient {
text-align: center;
}
.text-bodyb-3 {
text-align: left;
width: auto;
margin-left: 0;
font-size: 16px;
}
.text-bodyb-3.white, .text-bodyb-3.white.all-left-mob-center, .text-bodyb-3.middle, .text-bodyb-3.stats, .text-bodyb-3.align-center {
text-align: center;
}
.text-bodyb-3.all-left {
text-align: left;
}
.text-bodyb-3.desk-left-mobile-center {
text-align: center;
}
.text-bodyb-3.privacy {
line-height: 140%;
}
.text-bodyb-3-med, .text-bodyb-3-med.white {
font-size: 16px;
}
.text-bodyb-3-med.text-white {
transform: none;
}
.text-bodyb-4 {
font-size: 15px;
}
.text-bodyb-4._200.desk-left-mobile-center {
text-align: center;
}
.text-bodyb-4-med {
font-size: 14px;
}
.text-bodyb-4-med.brand, .text-bodyb-4-med.primary {
font-size: 16px;
}
.copyright.white {
text-align: center;
}
.text-bodyb-5-med, .text-bodyb-5-med.white {
font-size: 16px;
}
.section, .section.hero {
padding-top: 40px;
padding-bottom: 40px;
}
.section.with-bg {
padding-top: 48px;
padding-bottom: 48px;
}
.section.with-bg.core-values {
overflow: hidden;
}
.section.with-bg.core-values.logo {
padding-bottom: 60px;
}
.section.with-bg.about {
padding-top: 40px;
padding-bottom: 40px;
}
.section.with-bg.service-details-1 {
background-image: linear-gradient(#00000080, #00000080), url("https://cdn.prod.website-files.com/689a86396206fe0c469a15fc/6936574541ddb77569cb15f2_project.avif");
background-position: 0 0, 100% 0;
background-size: auto, cover;
}
.section.with-bg.engagement {
padding-top: 40px;
padding-bottom: 40px;
}
.section.full-width {
padding-bottom: 48px;
overflow: hidden;
}
.section.full-width.gallery {
padding-bottom: 20px;
}
.section.full-width.industry {
padding-top: 40px;
padding-bottom: 40px;
}
.section.full-width.industry.our-work {
padding: 40px 24px;
}
.section.full-width.footer {
max-width: none;
padding-right: 0;
display: block;
}
.section.full-width.logo {
padding-top: 48px;
padding-bottom: 48px;
}
.section.full-width.way-of-rork {
padding-bottom: 60px;
padding-left: 24px;
padding-right: 24px;
}
.section.stats {
padding-top: 40px;
padding-bottom: 40px;
}
.section.solution {
padding-bottom: 48px;
}
.section.team {
padding-bottom: 20px;
}
.section.work {
padding: 48px 24px 60px;
}
.section.no-top-padding {
overflow: hidden;
}
.section.about, .section.about.gallery {
padding-top: 60px;
padding-bottom: 60px;
}
.section.work-cta {
padding-bottom: 60px;
}
.section.neutral100 {
padding-top: 60px;
padding-bottom: 60px;
}
.section.software-development {
padding-top: 40px;
padding-bottom: 40px;
}
.section.padding-40 {
padding-top: 32px;
}
.buttonprimary.effect-shadowsb1 {
min-width: 200px;
max-width: 240px;
}
.main-heading-2 {
font-family: Helvetica Neue Bold, Arial, sans-serif;
font-size: 40px;
line-height: 52px;
}
.main-heading-3.white {
text-align: center;
}
.grid-2-col {
grid-column-gap: var(--radius--12);
grid-row-gap: var(--radius--12);
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.grid-2-col.title {
width: 100%;
}
.grid-2-col.title.top-aligned {
grid-column-gap: 16px;
grid-row-gap: 16px;
justify-content: flex-start;
align-items: center;
}
.grid-2-col.title.bottom-alligned {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-flow: column;
justify-content: flex-start;
align-items: center;
display: flex;
}
.grid-2-col.title.bottom-alligned.our-work {
justify-content: center;
align-items: center;
padding-top: 0;
}
.grid-2-col.engagement {
grid-column-gap: 24px;
grid-row-gap: 24px;
padding-top: 0;
}
.grid-2-col.industry {
grid-column-gap: 12px;
grid-row-gap: 12px;
padding-top: 20px;
padding-bottom: 20px;
}
.grid-2-col.industry.last {
padding-bottom: 0;
}
.grid-2-col.about {
display: flex;
}
.grid-2-col.career {
grid-row-gap: var(--radius--24);
padding-top: 0;
}
.grid-2-col.career-title {
grid-column-gap: var(--spacing--24);
grid-row-gap: var(--spacing--24);
padding-top: 0;
}
.grid-2-col.learning {
grid-column-gap: 32px;
grid-row-gap: 32px;
padding-top: 0;
}
.grid-2-col.home-work {
grid-column-gap: var(--spacing--32);
grid-row-gap: var(--spacing--32);
}
.grid-2-col.top-aligned {
grid-column-gap: var(--spacing--24);
grid-row-gap: var(--spacing--24);
}
.grid-2-col.service-details {
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-flow: column;
justify-content: flex-start;
align-items: center;
max-width: none;
}
.grid-2-col.service-details._24px-padding {
grid-column-gap: 24px;
grid-row-gap: 24px;
}
.grid-2-col.service-details.managed {
justify-content: center;
align-items: center;
}
.grid-2-col.service-details.all-left-mobile, .grid-2-col.service-details.all-left {
justify-content: flex-start;
align-items: flex-start;
}
.country-name {
font-size: 16px;
}
.hero-content {
grid-column-gap: var(--spacing--24);
grid-row-gap: var(--spacing--24);
flex-flow: wrap;
justify-content: center;
align-items: flex-start;
width: 100%;
}
.button-div.testimonial {
justify-content: center;
width: 100%;
display: flex;
}
.button-div._220px {
width: 220px;
margin-top: auto;
}
.hero-content-wrapper.desk-tab-left-mob-center {
grid-column-gap: 20px;
grid-row-gap: 20px;
justify-content: flex-start;
align-items: center;
}
.hero-image {
order: 1;
max-height: 360px;
}
.text-headings-play {
line-height: 110%;
}
.grid-4-col {
grid-column-gap: var(--radius--16);
grid-row-gap: var(--radius--16);
flex-flow: column;
display: flex;
}
.cardstats01 {
padding: 16px 20px;
}
.statistic-item {
grid-row-gap: var(--spacing--3);
justify-content: flex-start;
align-items: center;
}
.statistic-value {
font-size: var(--spacing--32);
}
.container-default.service-details-hero, .container-default.service-details-hero._02 {
height: auto;
}
.container-default._70vh {
height: 420px;
}
.small-title {
padding-bottom: 24px;
}
.align-center, .align-center.g-g {
grid-column-gap: 32px;
grid-row-gap: 32px;
display: flex;
}
.uui-logos04_list {
justify-content: center;
}
.uui-logos04_wrapper {
justify-content: center;
align-items: flex-start;
}
.grid-3-col {
grid-column-gap: var(--spacing--16);
grid-row-gap: var(--spacing--16);
flex-flow: wrap;
flex: 0 auto;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: flex;
}
.grid-3-col.solutions {
grid-column-gap: var(--spacing--3);
grid-row-gap: var(--spacing--3);
justify-content: flex-start;
align-items: center;
padding-top: 28px;
padding-bottom: 28px;
}
.grid-3-col.solutions.first {
justify-content: flex-start;
align-items: center;
}
.grid-3-col.career {
grid-column-gap: var(--spacing--24);
grid-row-gap: var(--spacing--24);
flex-flow: column;
}
.grid-3-col.design-philosophy {
justify-content: flex-start;
align-items: center;
width: 100%;
}
.flex-title-1, .card-portfolio-home {
grid-column-gap: var(--spacing--24);
grid-row-gap: var(--spacing--24);
}
.card-portfolio-content {
grid-column-gap: var(--spacing--3);
grid-row-gap: var(--spacing--3);
}
.tags-services {
padding-left: 10px;
padding-right: 10px;
font-size: 14px;
}
.portfolio-left, .portfolio-right {
grid-column-gap: var(--spacing--32);
grid-row-gap: var(--spacing--32);
}
.card-cta {
margin-top: 20px;
}
.card-cta.centre {
box-shadow: none;
justify-content: flex-start;
align-items: center;
}
.buttonprimary-2 {
border: 1px #000;
width: 220px;
line-height: 120%;
}
.buttonprimary-3 {
border-radius: 12px;
width: 220px;
}
.double-ctas {
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-flow: wrap;
justify-content: flex-start;
align-items: center;
}
.icomoon-freequotes-left {
width: 32px;
}
.container-2 {
grid-row-gap: 12px;
flex-flow: wrap;
justify-content: flex-start;
align-items: center;
}
.container-4 {
justify-content: center;
align-items: flex-start;
width: auto;
height: auto;
}
.testimonial_content {
grid-column-gap: var(--spacing--24);
grid-row-gap: var(--spacing--24);
width: 100%;
min-width: auto;
margin-right: auto;
}
.testimonial_content.home {
width: 100%;
min-width: auto;
}
.uui-testimonial16_client-info {
grid-column-gap: var(--spacing--1);
grid-row-gap: var(--spacing--1);
flex-flow: column;
display: flex;
}
.testimonial16_client-image-wrapper {
margin-bottom: 0;
}
.testimonial16_client {
justify-content: flex-start;
align-items: center;
}
.testimonial {
padding-bottom: 0;
}
.flex-block-2 {
grid-column-gap: var(--spacing--2);
grid-row-gap: var(--spacing--2);
}
.testimonial-client {
grid-column-gap: var(--spacing--2);
grid-row-gap: var(--spacing--2);
flex-flow: column;
}
.icon-engagement {
width: 40px;
}
.engagement-card-heading, .container-6 {
grid-column-gap: var(--spacing--16);
grid-row-gap: var(--spacing--16);
}
.icon-2 {
min-width: 16px;
}
.brix---btn-primary, .brix---btn-secondary {
width: 100%;
padding-top: 18px;
padding-bottom: 18px;
font-size: 17px;
line-height: 19px;
}
.brix---buttons-row {
flex-direction: column;
align-items: stretch;
}
.brix---container-default-2 {
padding-left: 20px;
padding-right: 20px;
}
.brix---heading-h1-size {
margin-bottom: 10px;
font-size: 30px;
line-height: 37px;
}
.brix---paragraph-default {
font-size: 17px;
line-height: 28px;
}
.brix---button-row-left {
width: 100%;
margin-bottom: 20px;
margin-right: 0;
}
.brix---floating-image-hero-v2---1 {
display: none;
}
.brix---section-hero-full-width-right {
padding-top: 48px;
}
.brix---hero-full-width-right-hero-v5 {
object-fit: fill;
height: 50%;
}
.about-gallery1_instance {
max-height: none;
}
.flex-container-40 {
grid-column-gap: var(--spacing--24);
grid-row-gap: var(--spacing--24);
}
.flex-container-40.values {
grid-column-gap: var(--spacing--40);
grid-row-gap: var(--spacing--40);
justify-content: flex-start;
align-items: flex-start;
}
.flex-container-40.max-1312 {
grid-column-gap: var(--spacing--24);
grid-row-gap: var(--spacing--24);
}
.cta_content {
justify-content: center;
align-items: center;
}
.cta_content.design {
width: 100%;
}
.cta_component {
border-radius: var(--radius--20);
grid-template-columns: 1fr;
}
.cta_component.design {
padding: 40px 16px;
}
.cta_image {
border-radius: var(--radius--4);
}
.page-padding-2 {
width: 100%;
padding-left: 24px;
padding-right: 24px;
display: block;
}
.footer02_top-wrapper {
grid-column-gap: var(--spacing--32);
grid-row-gap: var(--spacing--32);
}
.footer02_link {
padding-top: 10px;
padding-bottom: 10px;
}
.footer02_bottom-wrapper {
justify-content: center;
align-items: flex-start;
}
.footer02_left-wrapper {
grid-row-gap: 2rem;
flex-flow: column;
grid-template-rows: auto auto auto auto;
grid-template-columns: 1fr;
grid-auto-flow: column;
display: flex;
}
.uui-footer02_legal-list {
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.footer02_legal-list-wrapper {
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-flow: column;
justify-content: center;
align-items: flex-start;
}
.padding-vertical-xlarge {
padding-top: 40px;
padding-bottom: 40px;
}
.body-footer {
font-size: 16px;
}
.services-wrapper {
grid-column-gap: var(--spacing--32);
grid-row-gap: var(--spacing--32);
}
.container-default-3 {
padding-left: 20px;
padding-right: 20px;
position: relative;
}
.header-wrapper-2 {
padding-top: 12px;
padding-bottom: 12px;
}
.content-wrapper-2 {
height: auto;
}
.header-menu-wrapper-2 {
height: 100svh;
}
.brix---header-nav-menu-list {
margin-top: 0;
}
.header-nav-link-2.w--current {
border-bottom-width: 0;
}
.header-nav-list-item-2 {
text-align: left;
width: 100%;
}
.header-logo-2 {
max-width: 60%;
}
.hamburger-menu-wrapper-2 {
width: auto;
}
.hamburger-menu-bar-top-2, .hamburger-menu-bar-bottom-2 {
width: 32px;
height: 2px;
}
.brix---mg-bottom-48px {
margin-bottom: 32px;
}
.brix---container-default-3 {
padding-left: 20px;
padding-right: 20px;
}
.brix---heading-h2-size {
font-size: 24px;
line-height: 34px;
}
.brix---logo-strip-image-card {
width: 120px;
box-shadow: 0 1px 6px 0 var(--elements-webflow-library--general--shadow-02);
border-radius: 10px;
margin: 6px;
}
.brix---section-logo-strip-v6 {
padding-top: 64px;
padding-bottom: 64px;
}
.wrapper-full {
padding-left: 24px;
padding-right: 24px;
}
.client-logo_instance {
max-width: none;
}
.client-logo_list {
grid-column-gap: var(--spacing--16);
grid-row-gap: var(--spacing--16);
justify-content: center;
align-items: center;
}
.client-logo_item {
width: 150px;
min-height: auto;
}
.client-logo_item.no-fill {
width: 100px;
}
.fs-client-logo_image {
width: 150px;
}
.fs-client-logo_image.no-fill {
width: 120px;
}
.clientlogo2_instance {
grid-column-gap: var(--spacing--3);
grid-row-gap: var(--spacing--3);
justify-content: center;
align-items: center;
max-width: 100%;
}
.clientlogo2_list-wrapper {
width: 100%;
min-height: auto;
}
.clientlogo2_list {
grid-column-gap: var(--spacing--16);
grid-row-gap: var(--spacing--16);
}
.fs-clientlogo2_image {
width: 150px;
height: auto;
}
.fs-clientlogo2_image.no-fill {
width: 120px;
}
.logo-wrapper.about-contact {
grid-column-gap: var(--radius--4);
grid-row-gap: var(--radius--4);
justify-content: center;
align-items: center;
width: 100%;
margin-bottom: 40px;
padding-right: 0;
}
.countries-wrapper {
flex-flow: column;
}
.office-wrapper {
grid-row-gap: 12px;
box-shadow: none;
padding-top: 16px;
padding-bottom: 16px;
}
.services-title {
order: -9999;
font-family: Helvetica Neue Medium, Arial, sans-serif;
font-size: 28px;
font-weight: 500;
}
.services-hero-wrapper {
width: 100%;
padding-left: 0;
padding-right: 0;
}
.container-small {
max-width: none;
}
.flex-wrapper {
z-index: 1;
width: 100%;
padding-top: 0;
padding-bottom: 0;
position: relative;
}
.about-title {
font-family: Helvetica Neue Medium, Arial, sans-serif;
font-size: 24px;
font-weight: 500;
}
.usps {
flex-flow: row;
width: auto;
}
.usps.g-g {
justify-content: flex-start;
align-items: center;
}
.usp-row {
grid-column-gap: var(--spacing--3);
grid-row-gap: var(--spacing--3);
flex-flow: column;
justify-content: center;
align-items: center;
width: 90%;
padding-left: 0;
}
.usp-row._01 {
justify-content: center;
align-items: flex-start;
width: auto;
}
.usp-row.g-g {
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.icon-24 {
width: 20px;
}
.services-hero {
grid-column-gap: var(--spacing--24);
grid-row-gap: var(--spacing--24);
}
.featuresv8_header._50--desktop {
width: 100%;
}
.padding-section-large {
padding-top: 0;
padding-bottom: 0;
}
._2x1-grid-layout {
grid-column-gap: var(--spacing--24);
grid-row-gap: var(--spacing--24);
flex-flow: column;
display: flex;
}
.featuresv8_content {
order: 1;
}
.padding-bottom {
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.featuresv8_component {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.featuresv8_component._01, .featuresv8_component._02, .featuresv8_component._03, .featuresv8_component._04 {
padding-bottom: 20px;
padding-left: 24px;
padding-right: 24px;
}
.featuresv8_image-div {
width: auto;
}
.description-wrapper.center {
justify-content: flex-start;
align-items: center;
}
.way-of-work.g-g {
grid-row-gap: var(--spacing--24);
background-image: linear-gradient(to bottom, var(--colors--neutral--100), var(--colors--neutral--100));
}
.way-of-work.telenor {
grid-row-gap: 12px;
padding: 0;
}
.industry-02 {
grid-column-gap: var(--spacing--32);
grid-row-gap: var(--spacing--32);
}
.stats02 {
border: 1px solid var(--colors--neutral--100);
border-radius: 12px;
height: 160px;
}
.stats02.top-edge {
height: 160px;
}
.stats02.bottom-edge {
max-width: none;
height: 160px;
}
.stats-2nd-col {
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-flow: column;
}
.uui-cta01_component {
grid-template-columns: 1fr;
}
.uui-cta01_image-02 {
width: 50%;
bottom: -12%;
}
.uui-cta01_image-01 {
width: 150%;
min-width: 150%;
margin-right: -100%;
}
._4-44--div {
width: 15px;
}
.slide-box._240px.margin-right {
width: 280px;
padding-left: 12px;
padding-right: 12px;
}
.slider-container {
grid-column-gap: var(--radius--12);
grid-row-gap: var(--radius--12);
padding-bottom: 20px;
}
.icon {
width: 54px;
height: 54px;
padding: 8px;
}
.icon.medium-64-40 {
width: 40px;
max-width: none;
height: 40px;
padding-top: 4px;
padding-bottom: 4px;
}
.icon.no-bg {
justify-content: flex-start;
align-items: center;
}
.whyus-2 {
grid-row-gap: 24px;
}
.why-us-padding {
height: auto;
}
.description-whyus {
font-size: 18px;
}
.blur-gradient-1 {
top: 8%;
right: -25%;
}
.blur-gradient-1.service {
display: none;
}
.blur-gradient-1.design.cta {
inset: auto auto -21% 0%;
}
.intro_image-1 {
width: 100px;
height: 100px;
display: none;
top: -10%;
}
.intro_image-1._2 {
display: none;
top: 80%;
right: 95%;
}
.intro_component {
width: auto;
}
.intro_image-2 {
width: 100px;
height: 100px;
display: none;
top: -10%;
}
.intro_image-2._2 {
display: none;
top: 80%;
left: 95%;
}
.container-medium {
max-width: none;
}
.padding-global {
padding-left: 0;
padding-right: 0;
}
.padding-global._2 {
height: 600px;
padding-left: 24px;
padding-right: 24px;
}
.section_services {
padding-top: 60px;
padding-left: 24px;
padding-right: 24px;
}
.page-padding.s0 {
margin-top: auto;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0;
padding-right: 0%;
}
.padding-vertical {
padding-left: 0;
padding-right: 0;
}
.padding-vertical.padding-xxlarge {
padding-top: 20px;
padding-bottom: 20px;
}
.logo_component-slider {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-flow: column;
width: auto;
overflow: hidden;
}
.certifications {
grid-column-gap: 8px;
width: 265px;
}
.certifications.about._03 {
display: flex;
}
.image-container {
width: 40px;
height: 40px;
}
.image-container.certificate {
width: 80px;
height: 80px;
}
.certification-text {
color: var(--colors--neutral--700);
font-family: Helvetica Neue Medium, Arial, sans-serif;
font-size: 16px;
line-height: 120%;
}
.certification-text.about, .certification-text.center.white {
font-size: 16px;
}
.text-container-3 {
width: 200px;
}
.rt-component-section-2 {
padding-left: 0;
padding-right: 0;
}
.rt-team-one-cta-main {
grid-column-gap: 24px;
grid-row-gap: 24px;
}
.blur-gradient-3.green.hide, .blur-gradient-3.cta.hide {
display: none;
}
.blur-gradient-3.design {
bottom: -10%;
}
.margin-bottom-32px {
margin-bottom: 20px;
}
.logo {
width: 100%;
}
.brand {
width: 100%;
padding-left: 0;
}
.unsplash-image {
border-radius: 16px;
}
.marquee-vertical-2col_component {
border-radius: 0;
grid-template-columns: 1fr;
}
.marquee-vertical-2col_component.portfolio {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: column;
height: auto;
min-height: auto;
display: flex;
position: relative;
}
.marquee-vertical-2col_component.story.our-story {
height: auto;
min-height: auto;
}
.marquee-vertical-2col_card-content-left {
order: -1;
padding-top: 3rem;
padding-left: 0%;
padding-right: 0%;
}
.marquee-vertical-2col_card-content-left.our-story {
padding-top: 32px;
padding-bottom: 24px;
}
.margin-bottom {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.margin-bottom.margin-small {
grid-column-gap: 16px;
grid-row-gap: 16px;
justify-content: center;
align-items: center;
}
.margin-bottom.margin-small.about {
margin-top: 0;
}
.marquee-vertical-2col_card-content-top {
z-index: 2;
position: relative;
}
.about-hero-wrapper.portfolio, .full-width-about {
padding-left: 24px;
padding-right: 24px;
}
.page-name {
font-size: 18px;
}
.page-name.white, .page-name.primary-100 {
text-align: center;
}
.about-icon-wrapper {
width: 36px;
}
.why-portonics {
height: auto;
}
.detail-header {
grid-column-gap: 8px;
}
.blur-gradient-core._1, .blur-gradient-core._2 {
max-width: 200px;
}
.blur-gradient-core._3 {
max-width: 200px;
left: -14%;
}
.brix---container-default-6 {
padding-left: 0;
padding-right: 0;
}
.brix---image-wrapper-br-24px {
border-radius: 16px;
}
.brix---grid-gallery-v5 {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
}
.brix---gallery-v5-col {
grid-row-gap: 16px;
grid-template-rows: auto;
}
.brix---gallery-v5-col-hidden {
display: none;
}
.culture-wrapper {
flex-flow: column;
}
.culture-wrapper.certificate {
grid-column-gap: 24px;
grid-row-gap: 24px;
}
.outline-logo-01 {
inset: auto 3% -30% auto;
}
.outline-logo-02 {
inset: -30% 3% auto auto;
}
.team-member {
grid-row-gap: 12px;
}
.team-member-content, .image-8 {
width: 100%;
}
.about-contact {
flex-flow: column;
}
.contact-about {
width: 100%;
height: 360px;
}
.contact-button {
width: 48px;
height: 48px;
}
.icon-container {
width: 32px;
height: 32px;
}
.cta-wrapper-about {
grid-column-gap: 8px;
grid-row-gap: 8px;
}
.about-cta-wrapper {
padding-top: 20px;
padding-left: 24px;
padding-right: 24px;
}
.icon-about {
width: 40px;
}
.left-title-descriptiom {
padding-right: 0;
}
.left-title-descriptiom.service-details {
width: auto;
}
.left-title-descriptiom.mobile-center, .button-only {
justify-content: flex-start;
align-items: center;
}
.button-only.our-work {
width: auto;
}
.brix---btn-primary-4 {
width: 100%;
padding-top: 14px;
padding-bottom: 14px;
font-size: 17px;
line-height: 19px;
}
.brix---input-2 {
min-height: 54px;
padding-left: 18px;
padding-right: 18px;
font-size: 16px;
line-height: 18px;
}
.brix---input-2::placeholder {
font-size: 16px;
line-height: 16px;
}
.brix---text-area-2 {
border-radius: 12px;
padding-left: 18px;
padding-right: 18px;
font-size: 16px;
line-height: 26px;
}
.brix---text-area-2::placeholder {
font-size: 16px;
line-height: 24px;
}
.brix---contact-form-left-side {
padding: 48px 24px;
}
.office-row {
padding-top: 12px;
padding-bottom: 12px;
}
.flex-office {
grid-column-gap: 20px;
grid-row-gap: 20px;
width: auto;
min-width: auto;
}
.office-location-container {
flex-flow: column;
}
.offices {
grid-column-gap: 12px;
grid-row-gap: 12px;
}
.image-9 {
z-index: 1;
aspect-ratio: 2 / 3;
opacity: .6;
vertical-align: baseline;
mix-blend-mode: luminosity;
max-width: 100%;
position: absolute;
inset: 0% 0% auto;
}
.stat-image {
aspect-ratio: 1;
border-radius: 1rem;
display: block;
overflow: clip;
}
.padding-global-3 {
padding-left: 5%;
padding-right: 5%;
}
.padding-global-3.is-2rem {
padding-left: 1rem;
padding-right: 1rem;
}
.padding-global-3.is-2rem.real-impact {
padding-left: 0;
padding-right: 0;
}
.stat-number {
font-size: 32px;
}
.margin-bottom-2 {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.stats-list {
grid-row-gap: 1rem;
flex-flow: column;
grid-template-columns: 1fr;
display: flex;
overflow: hidden;
}
.margin-top {
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
}
.stats-component-wrapper, .stats-item {
border-radius: 1rem;
}
.stats-item.is-dark {
background-color: var(--colors--primary--800);
}
.stat-image-wrapper {
z-index: 20;
border-radius: 1rem;
width: 100%;
height: 220px;
overflow: visible;
}
.uui-testimonial07_mask {
margin-bottom: 20px;
}
.uui-padding-vertical-xhuge-5 {
padding-top: 40px;
padding-bottom: 40px;
}
.career-hero-content {
grid-column-gap: 24px;
grid-row-gap: 24px;
}
._2-cta {
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-flow: column;
justify-content: flex-start;
align-items: center;
}
.life-wrapper {
grid-column-gap: 32px;
grid-row-gap: 32px;
}
.team-wrapper {
grid-column-gap: 8px;
grid-row-gap: 8px;
}
.culture-content-wrapper {
grid-column-gap: 24px;
grid-row-gap: 24px;
margin-right: auto;
}
.cardcareergrowth {
padding-top: 24px;
padding-bottom: 24px;
}
.flex-block-5 {
flex-flow: column;
display: flex;
}
.learning-card {
grid-row-gap: 12px;
}
.card-hiring {
min-width: 280px;
height: 340px;
min-height: auto;
}
.frame-style {
width: 32px;
}
.hiring-process-wrapper {
flex-flow: row;
align-items: flex-start;
padding-bottom: 0;
}
.image-12 {
max-width: 60%;
}
.brix---mg-bottom-16px-2 {
margin-bottom: 15px;
}
.brix---mg-bottom-48px-2 {
width: 100%;
margin-bottom: auto;
}
.brix---container-default-8 {
padding-left: 0;
padding-right: 0;
}
.brix---heading-h2-size-3 {
font-size: 24px;
line-height: 34px;
}
.brix---paragraph-default-6 {
font-size: 17px;
line-height: 28px;
}
.brix---grid-1-column-gap-row-24px {
grid-column-gap: 16px;
grid-row-gap: 24px;
grid-template-rows: auto auto auto auto auto auto auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
place-content: start stretch;
align-items: center;
display: grid;
}
.brix---grid-1-column-gap-row-24px.faq {
grid-row-gap: 16px;
display: flex;
}
.brix---grid-1-column-gap-row-24px._4-4 {
grid-template-rows: auto auto auto auto auto auto auto auto;
grid-template-columns: 1fr 1fr;
}
.brix---inner-container-900px-center {
min-width: auto;
max-width: none;
display: block;
}
.jobs-title-container {
grid-column-gap: 16px;
grid-row-gap: 16px;
}
.card-job {
grid-row-gap: 16px;
min-width: auto;
padding: 24px 16px;
}
.experience {
font-family: Helvetica Neue Medium, Arial, sans-serif;
}
.container-10 {
grid-row-gap: 16px;
}
.job-title {
height: 84px;
}
.bottom-container-jobs {
flex-flow: wrap;
}
.container-15 {
grid-column-gap: 4px;
justify-content: flex-start;
align-items: center;
}
.yrs-exp-wrapper {
justify-content: flex-start;
align-items: center;
}
.collection-item-3 {
min-width: auto;
padding-right: 0;
}
.service-details-hero_content {
grid-row-gap: 24px;
justify-content: flex-start;
align-items: center;
padding-left: 16px;
padding-right: 16px;
}
.cta-with-arrow {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-flow: column;
justify-content: flex-start;
align-items: center;
}
.grid-2 {
width: auto;
}
.service-type {
flex-flow: column;
}
.service-type.right-image {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-flow: column;
}
.service-type.left-image {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: column;
}
.service-type.top-image {
grid-column-gap: 20px;
grid-row-gap: 20px;
}
.service-details-image {
order: -9999;
max-width: 100%;
}
.service-details-image._3-2 {
border-radius: 16px;
order: 1;
max-width: none;
}
.service-details-image._3-2.mobile {
order: 2;
display: block;
}
.service-details-image._3-2.desktop {
display: none;
}
.text-headingsh-5-2 {
font-size: 24px;
}
.services-wrapper-expanded {
padding-top: 24px;
padding-bottom: 24px;
}
.services-container {
grid-column-gap: 40px;
grid-row-gap: 40px;
}
._20-gap {
grid-column-gap: 16px;
grid-row-gap: 16px;
}
.button-wrapper, .flex-block-8 {
justify-content: flex-start;
align-items: center;
}
.service-details-container {
grid-column-gap: 40px;
grid-row-gap: 40px;
}
.service-details-container.grid {
grid-column-gap: 40px;
grid-row-gap: 40px;
display: flex;
}
.service-details-container.grid.mobile {
grid-template-columns: 1fr;
}
.image-17 {
transform: rotate(90deg);
}
.max-1000 {
margin-top: auto;
}
.brix---dropdown-wrapper-3 {
font-family: Helvetica neue normal, Arial, sans-serif;
}
.brix---dropdown-toggle-3.w--open {
color: var(--colors--primary--600-p);
justify-content: flex-start;
align-items: center;
}
.brix---dropdown-links-grid-3 {
grid-column-gap: 8px;
grid-row-gap: 8px;
}
.grid-3-col-3 {
grid-column-gap: 40px;
grid-row-gap: 40px;
}
.grid-3-col-3.solutions {
grid-column-gap: 12px;
grid-row-gap: 12px;
padding-top: 28px;
padding-bottom: 28px;
}
.services-wrapper-2 {
grid-column-gap: 32px;
grid-row-gap: 32px;
}
.main-heading-4 {
font-family: Helvetica Neue Bold, Arial, sans-serif;
font-size: 40px;
line-height: 52px;
}
.text-headings-play-3 {
line-height: 110%;
}
.section-4 {
padding-top: 40px;
padding-bottom: 40px;
}
.section-4.solution {
padding-bottom: 48px;
}
.text-bodyb-3-3 {
width: auto;
font-size: 16px;
}
.deliverables-wrapper {
grid-column-gap: 8px;
grid-row-gap: 8px;
}
._40-gap {
grid-column-gap: 20px;
grid-row-gap: 20px;
order: -9999;
}
.wide-image-wrapper {
height: 320px;
}
.uui-heroheader07_image-wrapper {
height: 22rem;
}
.uui-heroheader07_card-image-01, .uui-heroheader07_card-image-02 {
border-radius: 1rem;
width: 11rem;
}
.uui-heroheader07_light-overlay {
width: 64rem;
min-width: 64rem;
bottom: -140%;
right: auto;
}
.uui-heroheader07_component {
grid-template-columns: 1fr;
}
.title-bottom-margin {
margin-bottom: 32px;
}
.team-title {
margin-top: auto;
}
.team-details {
margin-top: auto;
font-size: 16px;
line-height: 130%;
}
.text-bodyb-3-4 {
width: auto;
font-size: 16px;
}
.solution-home-2 {
padding-left: 24px;
padding-right: 24px;
}
.grid-3-col-4 {
grid-column-gap: 40px;
grid-row-gap: 40px;
}
.grid-3-col-4.solutions {
grid-column-gap: 12px;
grid-row-gap: 12px;
padding-top: 28px;
padding-bottom: 28px;
}
.grid-3-col-4.solutions.first {
justify-content: flex-start;
align-items: center;
display: flex;
}
.div-block-14.ds-div {
order: 2;
}
.description-18.solution {
order: 9999;
}
.digital-solution.first {
padding-left: 24px;
padding-right: 24px;
}
.main-heading-5 {
font-family: Helvetica Neue Bold, Arial, sans-serif;
font-size: 40px;
line-height: 52px;
}
.text-headings-play-4 {
line-height: 110%;
}
.section-6 {
padding-top: 40px;
padding-bottom: 40px;
}
.section-6.solution {
padding-bottom: 40px;
}
.text-headings-play-5 {
line-height: 110%;
}
.text-headingsh-6-2 {
font-family: Helvetica Neue Medium, Arial, sans-serif;
}
.section-7 {
padding-top: 40px;
padding-bottom: 40px;
}
.section-7.full-width {
padding-bottom: 48px;
overflow: hidden;
}
.section-7.full-width.industry {
padding-top: 40px;
padding-bottom: 0;
}
.section-7.full-width.industry.our_tech_stack {
padding-top: 40px;
padding-bottom: 40px;
}
.section-7.full-width.industry._40-padding {
padding-bottom: 40px;
}
.fs-client-logo_image-2 {
width: 150px;
}
.clientlogo2_instance-2 {
grid-column-gap: 12px;
grid-row-gap: 12px;
justify-content: center;
align-items: center;
max-width: 100%;
}
.text-headings-play-6 {
line-height: 110%;
}
.text-headingsh-6-3 {
font-family: Helvetica Neue Medium, Arial, sans-serif;
}
.client-logo_item-2 {
width: 150px;
min-height: auto;
}
.section-8 {
padding-top: 40px;
padding-bottom: 40px;
}
.section-8.full-width {
padding-bottom: 48px;
overflow: hidden;
}
.section-8.full-width.logo {
padding-top: 40px;
padding-bottom: 40px;
}
.section-8.full-width.gallery {
padding-bottom: 20px;
}
.text-bodyb-2-med-2 {
font-size: 18px;
}
.testimonial_content-2 {
grid-column-gap: 24px;
grid-row-gap: 24px;
width: 100%;
min-width: auto;
margin-right: auto;
}
.testimonial_content-2.home {
width: 100%;
min-width: auto;
}
.text-bodyb-4-2 {
font-size: 14px;
}
.testimonial16_client-2 {
justify-content: flex-start;
align-items: center;
}
.uui-testimonial16_client-info-2 {
grid-column-gap: 4px;
grid-row-gap: 4px;
flex-flow: column;
display: flex;
}
.flex-block-10 {
grid-column-gap: 8px;
grid-row-gap: 8px;
}
.container-18 {
justify-content: center;
align-items: flex-start;
width: auto;
height: auto;
}
.testimonial-client-2 {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-flow: column;
}
.about-gallery1_item-2 {
height: 300px;
}
.about-title-copy {
font-family: Helvetica Neue Medium, Arial, sans-serif;
font-size: 24px;
font-weight: 500;
}
.about-title-copy.reveal-type.split-word.para1 {
font-size: 20px;
}
.hamburger-menu-bar-bottom-3 {
width: 32px;
height: 2px;
}
.header-nav-link-3.w--current {
border-bottom-width: 0;
}
.hamburger-menu-bar-top-3 {
width: 32px;
height: 2px;
}
.section-9 {
padding-top: 40px;
padding-bottom: 40px;
}
.split-word.para2 {
font-size: 20px;
}
.form-block {
margin-top: 20px;
padding-left: 24px;
padding-right: 24px;
}
.text-block-8 {
font-size: 14px;
}
.image-22 {
max-width: 100px;
}
.swiper-slide.our-work {
width: auto;
}
.div-block-21 {
width: 100%;
min-width: 100%;
max-width: 479px;
}
.div-block-23 {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: column;
justify-content: stretch;
place-items: center;
display: flex;
}
.div-block-23.managed {
grid-column-gap: 24px;
grid-row-gap: 24px;
}
.div-block-24 {
grid-template-columns: 1fr;
margin-left: 24px;
margin-right: 24px;
}
.div-block-25 {
grid-column-gap: 32px;
grid-row-gap: 32px;
flex-flow: column;
margin-left: 24px;
margin-right: 24px;
padding-right: 0;
display: flex;
}
.left-div-top-12 {
text-align: center;
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
}
.section-11 {
padding-top: 40px;
padding-bottom: 40px;
}
.collection-list-4 {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-flow: wrap;
}
.collection-list-wrapper-5 {
padding-left: 0;
padding-right: 0;
position: static;
}
.div-block-27 {
flex-flow: column;
grid-template-rows: auto;
display: flex;
}
.buttonprimary-4 {
border: 1px #000;
line-height: 120%;
}
.text-bodyb-5-med-2, .text-bodyb-5-med-2.white {
font-size: 16px;
}
.featuresv8_component-2 {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.featuresv8_component-2._05 {
padding-bottom: 20px;
padding-left: 24px;
padding-right: 24px;
}
.featuresv8_component-2._05.not-sticky {
padding-top: 40px;
padding-bottom: 40px;
}
.featuresv8_component-2._05.not-sticky.last {
padding-bottom: 0;
}
.featuresv8_component-2._02 {
padding-bottom: 20px;
padding-left: 24px;
padding-right: 24px;
}
.featuresv8_component-2._02.not-sticky {
padding-top: 40px;
padding-bottom: 40px;
}
.featuresv8_component-2._04 {
padding-bottom: 20px;
padding-left: 24px;
padding-right: 24px;
}
.featuresv8_component-2._04.not-sticky {
padding-top: 40px;
padding-bottom: 40px;
}
.featuresv8_component-2._01 {
padding-bottom: 20px;
padding-left: 24px;
padding-right: 24px;
}
.featuresv8_component-2._01.not-sticky {
padding-bottom: 40px;
}
.featuresv8_component-2._03 {
padding-bottom: 20px;
padding-left: 24px;
padding-right: 24px;
}
.featuresv8_component-2._03.not-sticky {
padding-top: 40px;
padding-bottom: 40px;
}
._2x1-grid-layout-2 {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-flow: column;
display: flex;
}
.text-bodyb-3-5 {
width: auto;
color: var(--colors--neutral--800);
font-size: 16px;
}
.uui-page-padding-9 {
padding-left: 0;
padding-right: 0;
}
.uui-layout19_item-list {
flex-flow: column;
display: flex;
}
.uui-padding-vertical-xhuge-8 {
padding-top: 0;
padding-bottom: 0;
}
.trasfromers-wrapper {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
flex-flow: column;
}
.collection-list-wrapper-6 {
padding-left: 0;
padding-right: 0;
}
.filter-label {
font-size: 14px;
}
.work-logo {
width: 80px;
}
.container-19 {
max-width: none;
}
.centered-heading {
margin-bottom: 24px;
}
.flex-block-11 {
grid-column-gap: 24px;
grid-row-gap: 24px;
}
.icon-64-40 {
width: 40px;
height: 40px;
}
.section-g-g-images {
padding-left: 24px;
padding-right: 24px;
}
.partner_logos_section {
padding-top: 40px;
padding-bottom: 20px;
}
.image_grid {
grid-column-gap: 8px;
grid-row-gap: 8px;
padding-left: 16px;
padding-right: 16px;
}
.partner_image_wrapper {
width: 100px;
min-width: auto;
max-width: none;
height: 70px;
min-height: auto;
}
.images-g-g {
padding: 24px 16px;
}
.project-detail-image {
border-radius: 12px;
}
.app-store-wrapper {
flex-flow: row;
}
.gamification-image {
justify-content: center;
align-items: flex-start;
}
.grid-6 {
grid-column-gap: 32px;
grid-row-gap: 32px;
flex-flow: column;
display: flex;
}
.grid-2-col-details {
flex-flow: column;
display: flex;
}
.title-des-wrapper.design {
width: 100%;
}
.title-des-wrapper.design-50 {
margin-bottom: auto;
}
.card-portfolio-home-2 {
grid-column-gap: 24px;
grid-row-gap: 24px;
}
.description-height._180 {
height: 180px;
}
.description-height._180.fx-h-for-tabs-180.fx-h-for-mobile-135 {
height: 135px;
}
.description-height.lg-h-250.md-h-200.h-180 {
height: 180px;
}
.text-headingsh-1-2 {
flex-flow: column;
font-size: 44px;
line-height: 110%;
display: flex;
}
.text-block-18 {
text-align: center;
width: 100%;
font-size: 16px;
}
.hero-div {
flex-flow: column;
display: flex;
}
.hero-slider.swiper {
padding: 40px 0 0;
}
.text-headings-play-7 {
line-height: 110%;
}
.section-13 {
padding-bottom: 40px;
padding-left: 24px;
padding-right: 24px;
}
.grid-7 {
flex-flow: column;
display: flex;
}
.work-hero-image {
height: auto;
}
.hero-service-details {
grid-column-gap: 24px;
grid-row-gap: 24px;
}
.grid-2-col-1-1 {
flex-flow: column;
display: flex;
}
.grid-2-col-1-1.stats {
grid-column-gap: 12px;
grid-row-gap: 12px;
}
.wrapper-60-space {
grid-column-gap: 32px;
grid-row-gap: 32px;
}
.design-service-wrapper {
grid-column-gap: 12px;
justify-content: flex-start;
align-items: flex-start;
padding-left: 16px;
padding-right: 16px;
}
.icon-32 {
width: 28px;
}
.design-process-card {
width: 305px;
min-width: 305px;
max-width: 305px;
}
.design-process-wrapper {
grid-column-gap: 16px;
grid-row-gap: 16px;
max-width: none;
}
.sub-service {
max-width: none;
}
.title-des-left {
grid-column-gap: 12px;
grid-row-gap: 12px;
width: 100%;
}
.des-cta-div, .des-cta-div.mobile-center {
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
}
.middle-description-wrapper {
width: 80%;
}
.div-block-38 {
padding-left: 24px;
padding-right: 24px;
}
.soft-image-wrapper {
height: 320px;
}
.soft-image-wrapper.ops {
background-position: 90%;
height: 320px;
}
.full-width-image {
max-width: 100%;
}
.project-managaement-card {
grid-column-gap: 16px;
grid-row-gap: 16px;
}
.project-managaement-card.horizontal {
flex-flow: column;
}
.industry_item {
width: auto;
}
.our_tech_stack_main_wrapper {
height: auto;
}
.aws_partner {
width: 120px;
}
.mobile-footer-link {
z-index: 99999;
margin-bottom: 24px;
padding-left: 0;
padding-right: 0;
display: block;
position: static;
bottom: 6%;
left: 0;
}
.mobile-footer-inner {
padding-bottom: 40px;
padding-left: 0;
padding-right: 0;
}
.heading-8 {
color: #474040;
text-align: left;
font-size: 18px;
font-weight: 400;
}
.flex-block-footer {
grid-column-gap: 12px;
grid-row-gap: 12px;
margin-right: 0;
padding-left: 0;
padding-right: 0;
}
.link-block-2 {
background-color: #0000;
border: 1px solid #297764;
border-radius: 12px;
justify-content: center;
align-items: center;
display: flex;
}
.link-block-2:hover {
border-color: #98a2b3;
}
.case-study-wrapper {
padding-left: 24px;
padding-right: 24px;
}
.case-study-hero {
height: 300px;
}
.case-study-hero-left {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
}
.hamburger_btn {
grid-column-gap: 12px;
grid-row-gap: 12px;
pointer-events: auto;
cursor: pointer;
justify-content: center;
align-items: center;
width: 30px;
display: flex;
}
.header-menu {
grid-column-gap: 6px;
grid-row-gap: 6px;
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
width: 100vw;
height: 100vh;
display: flex;
position: static;
}
.header-menu.mobile_inner_menu {
height: 100svh;
overflow-x: hidden;
}
.link-block-5 {
background-color: #0000;
border: 1px solid #297764;
border-radius: 12px;
justify-content: center;
align-items: center;
display: flex;
}
.link-block-5:hover {
border-color: #98a2b3;
}
.flex-block-12 {
grid-column-gap: 12px;
grid-row-gap: 12px;
margin-right: 0;
padding-left: 0;
padding-right: 0;
}
.brix---header-nav-menu-list-2 {
z-index: 1000;
grid-column-gap: 0px;
grid-row-gap: 0px;
object-fit: fill;
background-color: #fff;
flex-flow: column wrap;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
align-items: flex-start;
height: auto;
margin-top: 50px;
list-style-type: none;
display: block;
position: static;
inset: 0% 0% auto auto;
}
.header-nav-link-4.w--current {
border-bottom-width: 0;
}
.div-block-43 {
z-index: 9999;
cursor: auto;
align-items: center;
width: 100%;
margin-bottom: 0;
display: flex;
position: absolute;
top: 20px;
left: 20px;
}
.div-block-44 {
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
}
.div-block-45 {
z-index: 99999;
cursor: auto;
margin-bottom: 0;
padding-left: 0;
padding-right: 0;
display: block;
position: static;
bottom: 15%;
left: 0;
}
.image-37 {
cursor: pointer;
}
.div-block-47, .div-block-48 {
background-color: #211f54;
width: 30px;
height: 2px;
}
.privacy-rich-text {
line-height: 140%;
}
.bold-text-18, .bold-text-19, .bold-text-20 {
font-size: 18px;
}
.rich-sub-heading {
font-family: Helvetica Neue Bold, Arial, sans-serif;
font-size: 20px;
line-height: 120%;
}
.design-philosophy-list {
grid-column-gap: 24px;
grid-row-gap: 24px;
}
.div-block-54, .image-40 {
width: auto;
min-width: auto;
max-width: 300px;
}
.container-21 {
width: auto;
min-width: 300px;
max-width: 300px;
}
.container-60 {
grid-column-gap: 24px;
grid-row-gap: 24px;
}
.container-60.con-h-fix {
padding-left: 0;
padding-right: 0;
}
.container-60.con-h-fix.soft {
padding-top: 0;
padding-bottom: 0;
}
.container-60.no-padding {
padding: 0;
}
.product-strategy-div {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: column;
}
.image-desktop-50 {
width: auto;
display: none;
}
.div-50 {
width: auto;
padding-left: 16px;
padding-right: 16px;
}
.image-mobile-50 {
border-bottom-right-radius: 16px;
border-bottom-left-radius: 16px;
width: auto;
display: block;
}
.image-mobile-50.border-t-radius-0 {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.image-mobile-50.border-t-radius-0.sm-max-h-200, .image-mobile-50.sm-max-h-200 {
object-fit: cover;
max-height: 200px;
}
.product-design-wrapper.prod_strategy_design_cards_wrapper {
padding-left: 0;
padding-right: 0;
}
.container-13 {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
padding-left: 16px;
padding-right: 16px;
}
.container-14 {
width: auto;
}
.title-description {
grid-row-gap: 12px;
}
.card-wrapper._24-padding {
grid-column-gap: 20px;
grid-row-gap: 20px;
justify-content: flex-start;
align-items: center;
}
.card-wrapper._4-padding {
justify-content: flex-start;
align-items: center;
}
.mvp-cta {
margin-top: auto;
}
.div-block-57 {
display: none;
}
.brand-card {
grid-column-gap: 12px;
max-width: none;
padding-left: 16px;
padding-right: 16px;
}
.workshop-card-wrapper {
max-width: none;
}
.worksop-image-wrapper {
display: none;
}
.webflow-card-wrapper {
padding-left: 16px;
padding-right: 16px;
}
.service-design-wrapper {
max-width: none;
}
.service-left-wrapper {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-flow: column;
}
.space {
display: none;
}
.ux-audit-card-wrapper {
max-width: none;
}
.ux-audit-card {
grid-column-gap: 12px;
padding-left: 16px;
padding-right: 16px;
}
.container-25 {
width: 40px;
height: 40px;
}
.number-2 {
font-size: 18px;
line-height: 120%;
}
.container-26.pm {
grid-column-gap: 12px;
}
.block {
padding: 28px 32px 32px;
font-size: 24px;
top: 24%;
}
.block._3 {
top: 28%;
}
.block._4 {
top: 32%;
}
.block._2 {
top: 24%;
}
.block._1 {
top: 20%;
}
.container-27 {
padding-left: 28px;
padding-right: 28px;
overflow: visible;
}
.container-27.cc-flex-h {
padding-left: 0;
padding-right: 0;
}
.text_left {
padding-bottom: 20px;
padding-right: 0;
font-size: 28px;
}
.section-20.cc-no-padding-bottom {
padding-left: 24px;
padding-right: 24px;
}
.image-45 {
top: -227px;
}
.text-bodyb-3-med-2 {
font-size: 16px;
}
.brand-card-2 {
grid-column-gap: 12px;
max-width: none;
padding-left: 16px;
padding-right: 16px;
}
.brand-card-2.sticky-card-5 {
top: 10%;
}
.brand-card-2.sticky-card-5.project {
grid-column-gap: 8px;
padding-left: 8px;
padding-right: 8px;
transform: translate(0, 234px);
}
.brand-card-2.sticky-card-5.project.reporting-dash {
transform: translate(0, 292px);
}
.brand-card-2.sticky-card-5.project.reporting-dash.h-295 {
transform: translate(0, 290px);
}
.brand-card-2.sticky-card-5.project.h-295 {
height: 295px;
padding-left: 12px;
padding-right: 12px;
transform: translate(0, 232px);
}
.brand-card-2.sticky-card-3 {
top: 10%;
}
.brand-card-2.sticky-card-3.project {
grid-column-gap: 8px;
padding-left: 8px;
padding-right: 8px;
transform: translate(0, 118px);
}
.brand-card-2.sticky-card-3.project.h-295 {
padding-left: 12px;
padding-right: 12px;
transform: translate(0, 116px);
}
.brand-card-2.sticky-card-2 {
top: 10%;
}
.brand-card-2.sticky-card-2.project {
grid-column-gap: 8px;
padding-left: 8px;
padding-right: 8px;
transform: translate(0, 60px);
}
.brand-card-2.sticky-card-2.project.h-295 {
padding-left: 12px;
padding-right: 12px;
transform: translate(0, 58px);
}
.brand-card-2.sticky-card-4 {
top: 10%;
}
.brand-card-2.sticky-card-4.project {
grid-column-gap: 8px;
padding-left: 8px;
padding-right: 8px;
transform: translate(0, 176px);
}
.brand-card-2.sticky-card-4.project.h-295 {
padding-left: 12px;
padding-right: 12px;
transform: translate(0, 174px);
}
.brand-card-2.sticky-card-1 {
top: 10%;
}
.brand-card-2.sticky-card-1.project {
grid-column-gap: 8px;
padding-left: 8px;
padding-right: 8px;
}
.brand-card-2.sticky-card-1.project.h-295 {
padding-left: 12px;
padding-right: 12px;
}
.text-headingsh-3-3.left {
margin-left: 0;
}
.text-headingsh-6-5 {
font-family: Helvetica Neue Medium, Arial, sans-serif;
}
.text-headingsh-6-5.font-sz-32 {
font-size: 24px;
}
.container-29 {
width: auto;
}
.flex-container-40-2 {
grid-column-gap: 24px;
grid-row-gap: 24px;
}
.section-21 {
padding-top: 40px;
padding-bottom: 40px;
}
.text-bodyb-4-4 {
font-size: 15px;
}
.buttonprimary-5.effect-shadowsb1 {
min-width: 200px;
max-width: 240px;
}
.container-30 {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
padding-left: 16px;
padding-right: 16px;
}
.button-text-7 {
font-family: Helvetica Neue Medium, Arial, sans-serif;
font-size: 14px;
}
.product-strategy-div-2 {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: column;
}
.product-strategy-div-2.prod_strategy_design_card.col-span-1.col-gap-0.will-change-transform.min-h-280.max-h-300.sm-max-h-none {
max-height: none;
}
.container-31 {
grid-row-gap: 12px;
}
.text-bodyb-2-3 {
width: auto;
font-size: 18px;
line-height: 140%;
}
.text-bodyb-2-3.italic {
text-align: left;
}
.text-bodyb-2-3.italic.line_clamp_1.project {
height: 48px;
font-size: 14px;
}
.text-bodyb-2-3.italic.line_clamp_1.project.no_line_clamp.h-auto {
height: auto;
}
.text-headingsh-6-6 {
font-family: Helvetica Neue Medium, Arial, sans-serif;
}
.text-headingsh-6-6.line_clamp_1 {
word-break: normal;
}
.text-headingsh-6-6.line_clamp_1.project {
font-size: 18px;
}
.text-bodyb-3-6 {
text-align: left;
width: auto;
margin-left: 0;
font-size: 16px;
}
.text-bodyb-3-6.line_clamp_3.project, .text-bodyb-4-5 {
font-size: 14px;
}
.card-wrapper-2._24-padding {
grid-column-gap: 20px;
grid-row-gap: 20px;
justify-content: flex-start;
align-items: center;
}
.div-block-63 {
display: none;
}
.grid-2-col-3 {
grid-column-gap: 12px;
grid-row-gap: 12px;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.grid-2-col-3.top-aligned {
grid-column-gap: 24px;
grid-row-gap: 24px;
}
.container-23 {
padding-top: 40px;
padding-left: 24px;
padding-right: 24px;
}
.gap-24 {
grid-column-gap: 16px;
grid-row-gap: 16px;
}
.project-div {
grid-column-gap: 32px;
grid-row-gap: 32px;
flex-flow: column;
display: flex;
}
.project-stat {
width: 100%;
max-width: none;
}
.stats-56 {
font-size: 40px;
line-height: 140%;
}
.stat-container {
height: 160px;
}
._4x4-grid {
flex-flow: column;
display: flex;
}
.heading-2-2 {
padding-top: 0;
padding-bottom: 0;
}
.deliver {
font-size: 100px;
}
.hero-images {
grid-column-gap: 0px;
grid-row-gap: 0px;
width: auto;
padding-top: 24px;
padding-bottom: 24px;
}
.middle-image {
width: 50%;
padding: 12px;
}
.middle-image.case-study {
width: 30%;
padding-top: 0;
padding-bottom: 0;
}
.left-image-2 {
width: 23%;
padding: 24px 12px;
}
.left-image-2.case-study {
width: 30%;
}
.right-image-2 {
width: 23%;
padding: 24px 12px;
}
.right-image-2.case-study {
width: 30%;
}
.content-container {
grid-row-gap: 12px;
}
.main-container-2 {
grid-column-gap: 24px;
grid-row-gap: 24px;
padding: 24px 16px;
}
.container-41 {
padding: 24px 16px;
box-shadow: 0 4px 16px #585c5f1a;
}
.container-42 {
grid-row-gap: 12px;
}
.container-46.hide-desktop, .container-51, .container-54 {
padding: 24px 16px;
box-shadow: 0 4px 16px #585c5f1a;
}
._2x2 {
grid-column-gap: 0px;
grid-row-gap: 0px;
}
.title-des {
grid-row-gap: 24px;
}
.container-58 {
padding-bottom: 20px;
padding-left: 16px;
padding-right: 16px;
}
.container-60.softdev {
padding-left: 12px;
padding-right: 12px;
}
.soft-ai-div {
padding-left: 8px;
padding-right: 8px;
}
.heading-11 {
font-size: 16px;
line-height: 24px;
}
.image-50 {
max-width: 100%;
}
.managed-hero-div {
grid-row-gap: 24px;
justify-content: flex-start;
align-items: center;
}
.service-container {
width: 100%;
}
.bentocard-2 {
grid-column-gap: 4px;
max-width: none;
padding: 24px 16px;
}
.bentocard-2.full-width {
height: auto;
}
.bentocard-3 {
padding-left: 16px;
padding-right: 16px;
}
.grid3x2.no-padding {
display: flex;
}
.managed-code {
min-width: auto;
}
.stats-managed {
padding: 24px 16px;
}
.wow-container {
padding-left: 20px;
padding-right: 20px;
}
.wow-container.rounded-top-left {
border-top-right-radius: 12px;
}
.wow-container.rounded-top-lright {
border-top-right-radius: 0;
}
.wow-container.rounded-bottom-right {
border-bottom-left-radius: 12px;
}
.wow-container.md-rounded-t-r-12.sm-rounded-none, .wow-container.md-rounded-b-l-12.sm-rounded-none {
border-radius: 0;
}
.page-name-title {
justify-content: flex-start;
align-items: center;
}
.grid-5-col {
flex-flow: column;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr 1fr;
display: flex;
}
.image-52 {
width: 80px;
}
.grid-3x1 {
flex-flow: column;
display: flex;
}
.case-study-01 {
max-width: 360px;
}
.case-study-01.max-w-none {
max-width: none;
}
.container-34 {
padding: var(--_global-tokens-2---spacing--20);
}
.container-64 {
grid-row-gap: 12px;
flex-flow: column;
}
.container-71 {
padding: var(--_global-tokens-2---spacing--20);
}
._2x2-grid {
flex-flow: column;
display: flex;
}
.div-block-69 {
justify-content: flex-start;
align-items: center;
}
.container-72 {
grid-column-gap: 24px;
grid-row-gap: 24px;
border-radius: var(--_global-tokens-2---radius--24);
flex-flow: column;
}
.horizontal-line {
width: 152%;
left: -67%;
}
.grid-22.col-gap-24.col-md-2.col-1 {
grid-template-columns: 1fr;
}
.action-button-wrapper {
flex-flow: column;
}
.grid-23 {
grid-template-columns: 1fr;
}
}
#w-node-_405fda3a-be60-34f0-19b0-46ad1a1d7eda-469a1603, #w-node-_1fd80c2e-216b-559c-4dad-c06f4111e142-469a1603, #w-node-a10f5b9a-9da1-466f-4672-0974b38b80bf-469a1603, #w-node-_24d6cc1a-b2d2-9f01-e09f-b25736fefaab-469a1603 {
place-self: center;
}
#w-node-_995b6b0b-0a07-1b98-e35c-9239234ad618-469a1603, #w-node-_40810a8c-d436-0f61-7c53-d3bf7865b64e-469a1603, #w-node-_0a4595b0-5f8c-00bb-4133-274007fb5413-469a1603, #w-node-_41d80e7b-6f02-ff63-74b9-3abafc7346c3-469a1603 {
align-self: start;
}
#w-node-_76fd98e5-0473-6fa7-3081-ed854ebaa4a0-469a1603, #w-node-_76fd98e5-0473-6fa7-3081-ed854ebaa4a2-469a1603, #w-node-_76fd98e5-0473-6fa7-3081-ed854ebaa4ac-469a1603, #w-node-_76fd98e5-0473-6fa7-3081-ed854ebaa4ae-469a1603, #w-node-_76fd98e5-0473-6fa7-3081-ed854ebaa4c4-469a1603, #w-node-_76fd98e5-0473-6fa7-3081-ed854ebaa4c6-469a1603, #w-node-_76fd98e5-0473-6fa7-3081-ed854ebaa4d0-469a1603, #w-node-_76fd98e5-0473-6fa7-3081-ed854ebaa4d2-469a1603, #w-node-_76fd98e5-0473-6fa7-3081-ed854ebaa507-469a1603, #w-node-_76fd98e5-0473-6fa7-3081-ed854ebaa509-469a1603, #w-node-_76fd98e5-0473-6fa7-3081-ed854ebaa513-469a1603, #w-node-_76fd98e5-0473-6fa7-3081-ed854ebaa51d-469a1603, #w-node-_76fd98e5-0473-6fa7-3081-ed854ebaa527-469a1603, #w-node-_76fd98e5-0473-6fa7-3081-ed854ebaa531-469a1603, #w-node-_76fd98e5-0473-6fa7-3081-ed854ebaa53b-469a1603, #w-node-_76fd98e5-0473-6fa7-3081-ed854ebaa545-469a1603, #w-node-_76fd98e5-0473-6fa7-3081-ed854ebaa54f-469a1603 {
align-self: auto;
}
#w-node-_6294039c-85e3-aa6b-f843-a35af0b89002-469a1603 {
place-self: auto;
}
#w-node-_4ea25c12-1b54-d0a3-f0cd-72b91b3d66d2-469a1603 {
grid-area: 2 / 2 / 4 / 4;
}
#w-node-_4ea25c12-1b54-d0a3-f0cd-72b91b3d66d3-469a1603 {
grid-area: 4 / 1 / 6 / 3;
}
#w-node-_4ea25c12-1b54-d0a3-f0cd-72b91b3d66d4-469a1603 {
grid-area: 4 / 3 / 7 / 5;
}
#w-node-_4ea25c12-1b54-d0a3-f0cd-72b91b3d66d5-469a1603 {
grid-area: 4 / 5 / 6 / 7;
}
#w-node-_4ea25c12-1b54-d0a3-f0cd-72b91b3d66d6-469a1603 {
grid-area: 1 / 4 / 4 / 6;
}
#w-node-_9b45dbb4-387e-337f-5c56-0206eaedfa76-fc86968e, #w-node-_9b45dbb4-387e-337f-5c56-0206eaedfa78-fc86968e, #w-node-_9b45dbb4-387e-337f-5c56-0206eaedfa7a-fc86968e, #w-node-_9b45dbb4-387e-337f-5c56-0206eaedfa7c-fc86968e, #w-node-_9b45dbb4-387e-337f-5c56-0206eaedfa7e-fc86968e, #w-node-_9b45dbb4-387e-337f-5c56-0206eaedfa80-fc86968e, #w-node-_9b45dbb4-387e-337f-5c56-0206eaedfa82-fc86968e, #w-node-_9b45dbb4-387e-337f-5c56-0206eaedfa91-fc86968e, #w-node-_9b45dbb4-387e-337f-5c56-0206eaedfa93-fc86968e, #w-node-_9b45dbb4-387e-337f-5c56-0206eaedfa95-fc86968e, #w-node-_9b45dbb4-387e-337f-5c56-0206eaedfa97-fc86968e, #w-node-_9b45dbb4-387e-337f-5c56-0206eaedfa99-fc86968e, #w-node-_9b45dbb4-387e-337f-5c56-0206eaedfa9b-fc86968e, #w-node-_9b45dbb4-387e-337f-5c56-0206eaedfa9d-fc86968e {
justify-self: center;
}
#w-node-ab3d173e-0c85-b111-e23a-bb9a65da6d18-fc86968e, #w-node-ab3d173e-0c85-b111-e23a-bb9a65da6d1a-fc86968e {
align-self: auto;
}
#w-node-_87bf03ab-05b0-c551-229a-2c32cf73dc2f-9ea6e410, #w-node-_87bf03ab-05b0-c551-229a-2c32cf73dc49-9ea6e410, #w-node-_87bf03ab-05b0-c551-229a-2c32cf73dccb-9ea6e410, #w-node-_87bf03ab-05b0-c551-229a-2c32cf73dc63-9ea6e410, #w-node-_87bf03ab-05b0-c551-229a-2c32cf73dc97-9ea6e410, #w-node-_87bf03ab-05b0-c551-229a-2c32cf73dcb1-9ea6e410, #w-node-_87bf03ab-05b0-c551-229a-2c32cf73dc7d-9ea6e410, #w-node-_87bf03ab-05b0-c551-229a-2c32cf73dce5-9ea6e410 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_087d0075-f70d-ae6d-b05a-b3f3df1ba1f4-e31f9310, #w-node-_087d0075-f70d-ae6d-b05a-b3f3df1ba1f5-e31f9310 {
align-self: start;
}
#w-node-de8ae134-14e1-9391-192e-8d6896f6b09d-e31f9310, #w-node-_48f10bdf-76ff-629d-c5a2-09fb2deea4de-e31f9310, #w-node-_2b9f55cb-a067-126e-3ec1-5f450e9f9eb7-e31f9310, #w-node-ee8e85ee-2fc1-63af-3bdd-8f2af4f1e3f7-e31f9310, #w-node-_8d994dd7-6599-5eb9-162d-28ae4621b49d-e31f9310, #w-node-c3616949-138e-4e53-077b-e680e93d47cd-e31f9310, #w-node-_0ac30977-ed86-442e-2938-3a0611d83c27-e31f9310, #w-node-_2c114fc9-497d-ed25-d23c-0509b473b851-e31f9310, #w-node-de8ae134-14e1-9391-192e-8d6896f6b0bd-e31f9310 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-ef18ff41-de5b-4bc0-5a82-927805779447-9968514a, #w-node-ef18ff41-de5b-4bc0-5a82-927805779448-9968514a {
align-self: start;
}
#w-node-b23cab2b-adae-02c9-484c-01f1783ec9d3-9968514a {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-d7e6b390-08ef-c45b-a3fa-383b628d2589-9968514a {
grid-area: span 2 / span 1 / span 2 / span 1;
}
#w-node-_4009e7f3-b9b5-45c7-c608-eb69afe79cd7-9968514a {
grid-area: 2 / 2 / 4 / 4;
}
#w-node-_4009e7f3-b9b5-45c7-c608-eb69afe79cd8-9968514a {
grid-area: 4 / 1 / 6 / 3;
}
#w-node-_4009e7f3-b9b5-45c7-c608-eb69afe79cd9-9968514a {
grid-area: 4 / 3 / 7 / 5;
}
#w-node-_4009e7f3-b9b5-45c7-c608-eb69afe79cda-9968514a {
grid-area: 4 / 5 / 6 / 7;
}
#w-node-_4009e7f3-b9b5-45c7-c608-eb69afe79cdb-9968514a {
grid-area: 1 / 4 / 4 / 6;
}
#w-node-_49b3f473-5d07-33c4-61b5-6dc586cd0c99-a3a07a88 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_49b3f473-5d07-33c4-61b5-6dc586cd0c9d-a3a07a88 {
justify-self: start;
}
#w-node-e3168554-f165-bfd7-feaa-3273b0e469d4-6ff61ae1 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_86cda8a6-9556-b30f-ef7f-e04a3066996d-6ff61ae1 {
grid-area: span 2 / span 1 / span 2 / span 1;
}
#w-node-_5983aee5-821d-fc5b-76ca-31027de2aa9b-6a2be52d, #w-node-_5333f807-b3a7-3f9c-8d50-b50d0b274200-2472c07a, #w-node-_5333f807-b3a7-3f9c-8d50-b50d0b274200-2aaec395 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_5636be9e-4573-a0f5-e768-83cefb419c6b-c4ccadad {
place-self: center;
}
#w-node-_47233b48-4c1e-610d-4f9f-0010e0c90acb-c4ccadad {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: center;
}
#w-node-_47233b48-4c1e-610d-4f9f-0010e0c90acd-c4ccadad, #w-node-_47233b48-4c1e-610d-4f9f-0010e0c90ad6-c4ccadad, #w-node-_47233b48-4c1e-610d-4f9f-0010e0c90ad8-c4ccadad, #w-node-_47233b48-4c1e-610d-4f9f-0010e0c90adf-c4ccadad, #w-node-_47233b48-4c1e-610d-4f9f-0010e0c90ae1-c4ccadad, #w-node-_47233b48-4c1e-610d-4f9f-0010e0c90ae8-c4ccadad, #w-node-_47233b48-4c1e-610d-4f9f-0010e0c90aea-c4ccadad {
align-self: center;
}
#w-node-d68a3f22-7052-e20e-d148-815d4777fb5c-c4ccadad {
place-self: center end;
}
#w-node-ed4bf32e-b3e2-afca-a79e-17427721d9ec-444ea8b3 {
align-self: center;
}
#w-node-e3168554-f165-bfd7-feaa-3273b0e469d4-268ee73b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_5636be9e-4573-a0f5-e768-83cefb419c6b-fd78b5a4 {
place-self: center;
}
@media screen and (max-width: 991px) {
#w-node-_063dd23c-8fa1-e05b-4802-09a77b448ff9-7b448ff9 {
grid-column: span 1 / span 1;
}
#w-node-_063dd23c-8fa1-e05b-4802-09a77b448fff-7b448ff9 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-e07467ac-7a28-06ea-7b2f-3c7b0039a4b6-0039a4b6 {
grid-column: span 1 / span 1;
}
#w-node-_4abd4f79-91c1-f786-b3f5-e506f8439779-0039a4b6 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_87bf03ab-05b0-c551-229a-2c32cf73dc1c-9ea6e410 {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_87bf03ab-05b0-c551-229a-2c32cf73dc2f-9ea6e410 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_87bf03ab-05b0-c551-229a-2c32cf73dc36-9ea6e410 {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_87bf03ab-05b0-c551-229a-2c32cf73dc49-9ea6e410 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_87bf03ab-05b0-c551-229a-2c32cf73dcb8-9ea6e410 {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_87bf03ab-05b0-c551-229a-2c32cf73dccb-9ea6e410 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_87bf03ab-05b0-c551-229a-2c32cf73dc50-9ea6e410 {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_87bf03ab-05b0-c551-229a-2c32cf73dc63-9ea6e410 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_87bf03ab-05b0-c551-229a-2c32cf73dc84-9ea6e410 {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_87bf03ab-05b0-c551-229a-2c32cf73dc97-9ea6e410 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_87bf03ab-05b0-c551-229a-2c32cf73dc9e-9ea6e410 {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_87bf03ab-05b0-c551-229a-2c32cf73dcb1-9ea6e410 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_87bf03ab-05b0-c551-229a-2c32cf73dc6a-9ea6e410 {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_87bf03ab-05b0-c551-229a-2c32cf73dc7d-9ea6e410 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_87bf03ab-05b0-c551-229a-2c32cf73dcd2-9ea6e410 {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_87bf03ab-05b0-c551-229a-2c32cf73dce5-9ea6e410 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-f6264f74-5cf0-c545-4023-973b7f588cfc-9ea6e410 {
place-self: center;
}
#w-node-de8ae134-14e1-9391-192e-8d6896f6b09f-e31f9310 {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-de8ae134-14e1-9391-192e-8d6896f6b09d-e31f9310 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_48f10bdf-76ff-629d-c5a2-09fb2deea4c9-e31f9310 {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_48f10bdf-76ff-629d-c5a2-09fb2deea4de-e31f9310 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_2b9f55cb-a067-126e-3ec1-5f450e9f9ea2-e31f9310 {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_2b9f55cb-a067-126e-3ec1-5f450e9f9eb7-e31f9310 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-ee8e85ee-2fc1-63af-3bdd-8f2af4f1e3e2-e31f9310 {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-ee8e85ee-2fc1-63af-3bdd-8f2af4f1e3f7-e31f9310 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_8d994dd7-6599-5eb9-162d-28ae4621b488-e31f9310 {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_8d994dd7-6599-5eb9-162d-28ae4621b49d-e31f9310 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-c3616949-138e-4e53-077b-e680e93d47b8-e31f9310 {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-c3616949-138e-4e53-077b-e680e93d47cd-e31f9310 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_0ac30977-ed86-442e-2938-3a0611d83c12-e31f9310 {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_0ac30977-ed86-442e-2938-3a0611d83c27-e31f9310 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_2c114fc9-497d-ed25-d23c-0509b473b83c-e31f9310 {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_2c114fc9-497d-ed25-d23c-0509b473b851-e31f9310, #w-node-de8ae134-14e1-9391-192e-8d6896f6b0bd-e31f9310 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-de8ae134-14e1-9391-192e-8d6896f6b0bf-e31f9310 {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-d7e6b390-08ef-c45b-a3fa-383b628d2589-9968514a, #w-node-_86cda8a6-9556-b30f-ef7f-e04a3066996d-6ff61ae1 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_5983aee5-821d-fc5b-76ca-31027de2aa9b-6a2be52d {
place-self: auto;
}
#w-node-_969d31a0-3dd2-f692-b4c7-d567021e204f-02a0cf47, #w-node-eda23705-0567-5bc0-c790-501e4d25b6da-ca25389e, #w-node-_328adde6-4cb5-ba01-0762-82ed9f4d04b4-ca81fac2, #w-node-babee97a-d6af-cf6a-7834-13ffcbc5d704-444ea8b3, #w-node-c203571f-a976-c1f3-01d5-d4359b867f75-444ea8b3, #w-node-_267221ec-cb90-925a-f1ad-0cf4489bd5c9-70d143ad {
place-self: center;
}
}
@media screen and (max-width: 767px) {
#w-node-e07467ac-7a28-06ea-7b2f-3c7b0039a4cf-0039a4b6 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-d7e6b390-08ef-c45b-a3fa-383b628d2589-9968514a {
grid-column: span 1 / span 1;
}
#w-node-d7e6b390-08ef-c45b-a3fa-383b628d25a3-9968514a {
order: 9999;
}
#w-node-_86cda8a6-9556-b30f-ef7f-e04a3066996d-6ff61ae1 {
grid-column: span 1 / span 1;
}
#w-node-_86cda8a6-9556-b30f-ef7f-e04a30669985-6ff61ae1 {
order: 9999;
}
}
@media screen and (max-width: 479px) {
#w-node-_063dd23c-8fa1-e05b-4802-09a77b448fff-7b448ff9, #w-node-_4abd4f79-91c1-f786-b3f5-e506f8439779-0039a4b6 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_49b3f473-5d07-33c4-61b5-6dc586cd0c99-a3a07a88 {
grid-column: span 1 / span 1;
}
#w-node-af99de54-e6ae-3573-d048-4536fb02fed4-6a2be52d, #w-node-_0c7f4305-db5c-d614-9614-ca8f08a681b6-6a2be52d, #w-node-_35f58565-ff2e-4af7-71f6-9d86fb0f211a-9af89951, #w-node-_35f58565-ff2e-4af7-71f6-9d86fb0f2120-9af89951, #w-node-b385b3c1-e515-51b4-e4ab-af46d0acfa0e-ca81fac2, #w-node-b385b3c1-e515-51b4-e4ab-af46d0acfa15-ca81fac2, #w-node-b385b3c1-e515-51b4-e4ab-af46d0acfa0e-444ea8b3, #w-node-b385b3c1-e515-51b4-e4ab-af46d0acfa15-444ea8b3, #w-node-b385b3c1-e515-51b4-e4ab-af46d0acfa0e-70d143ad, #w-node-b385b3c1-e515-51b4-e4ab-af46d0acfa15-70d143ad {
place-self: center;
}
}