html {
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
font-family: sans-serif;
}
body {
margin: 0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
display: block;
}
audio, canvas, progress, video {
vertical-align: baseline;
display: inline-block;
}
audio:not([controls]) {
height: 0;
display: none;
}
[hidden], template {
display: none;
}
a {
background-color: #0000;
}
a:active, a:hover {
outline: 0;
}
abbr[title] {
border-bottom: 1px dotted;
}
b, strong {
font-weight: bold;
}
dfn {
font-style: italic;
}
h1 {
margin: .67em 0;
font-size: 2em;
}
mark {
color: #000;
background: #ff0;
}
small {
font-size: 80%;
}
sub, sup {
vertical-align: baseline;
font-size: 75%;
line-height: 0;
position: relative;
}
sup {
top: -.5em;
}
sub {
bottom: -.25em;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
hr {
box-sizing: content-box;
height: 0;
}
pre {
overflow: auto;
}
code, kbd, pre, samp {
font-family: monospace;
font-size: 1em;
}
button, input, optgroup, select, textarea {
color: inherit;
font: inherit;
margin: 0;
}
button {
overflow: visible;
}
button, select {
text-transform: none;
}
button, html input[type="button"], input[type="reset"] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled], html input[disabled] {
cursor: default;
}
button::-moz-focus-inner, input::-moz-focus-inner {
border: 0;
padding: 0;
}
input {
line-height: normal;
}
input[type="checkbox"], input[type="radio"] {
box-sizing: border-box;
padding: 0;
}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="search"] {
-webkit-appearance: none;
}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
legend {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
}
optgroup {
font-weight: bold;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
td, th {
padding: 0;
}
@font-face {
font-family: webflow-icons;
src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBiUAAAC8AAAAYGNtYXDpP+a4AAABHAAAAFxnYXNwAAAAEAAAAXgAAAAIZ2x5ZmhS2XEAAAGAAAADHGhlYWQTFw3HAAAEnAAAADZoaGVhCXYFgQAABNQAAAAkaG10eCe4A1oAAAT4AAAAMGxvY2EDtALGAAAFKAAAABptYXhwABAAPgAABUQAAAAgbmFtZSoCsMsAAAVkAAABznBvc3QAAwAAAAAHNAAAACAAAwP4AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpAwPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAQAAAAAwACAACAAQAAQAg5gPpA//9//8AAAAAACDmAOkA//3//wAB/+MaBBcIAAMAAQAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEBIAAAAyADgAAFAAAJAQcJARcDIP5AQAGA/oBAAcABwED+gP6AQAABAOAAAALgA4AABQAAEwEXCQEH4AHAQP6AAYBAAcABwED+gP6AQAAAAwDAAOADQALAAA8AHwAvAAABISIGHQEUFjMhMjY9ATQmByEiBh0BFBYzITI2PQE0JgchIgYdARQWMyEyNj0BNCYDIP3ADRMTDQJADRMTDf3ADRMTDQJADRMTDf3ADRMTDQJADRMTAsATDSANExMNIA0TwBMNIA0TEw0gDRPAEw0gDRMTDSANEwAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFVz+fAGEAAAAAAL//f+9BAMDwwAEAAkAABcBJwEXAwE3AQdpA5ps/GZsbAOabPxmbEMDmmz8ZmwDmvxmbAOabAAAAgAA/8AEAAPAAB0AOwAABSInLgEnJjU0Nz4BNzYzMTIXHgEXFhUUBw4BBwYjNTI3PgE3NjU0Jy4BJyYjMSIHDgEHBhUUFx4BFxYzAgBqXV6LKCgoKIteXWpqXV6LKCgoKIteXWpVSktvICEhIG9LSlVVSktvICEhIG9LSlVAKCiLXl1qal1eiygoKCiLXl1qal1eiygoZiEgb0tKVVVKS28gISEgb0tKVVVKS28gIQABAAABwAIAA8AAEgAAEzQ3PgE3NjMxFSIHDgEHBhUxIwAoKIteXWpVSktvICFmAcBqXV6LKChmISBvS0pVAAAAAgAA/8AFtgPAADIAOgAAARYXHgEXFhUUBw4BBwYHIxUhIicuAScmNTQ3PgE3NjMxOAExNDc+ATc2MzIXHgEXFhcVATMJATMVMzUEjD83NlAXFxYXTjU1PQL8kz01Nk8XFxcXTzY1PSIjd1BQWlJJSXInJw3+mdv+2/7c25MCUQYcHFg5OUA/ODlXHBwIAhcXTzY1PTw1Nk8XF1tQUHcjIhwcYUNDTgL+3QFt/pOTkwABAAAAAQAAmM7nP18PPPUACwQAAAAAANciZKUAAAAA1yJkpf/9/70FtgPDAAAACAACAAAAAAAAAAEAAAPA/8AAAAW3//3//QW2AAEAAAAAAAAAAAAAAAAAAAAMBAAAAAAAAAAAAAAAAgAAAAQAASAEAADgBAAAwAQAAJ0EAP/9BAAAAAQAAAAFtwAAAAAAAAAKABQAHgAyAEYAjACiAL4BFgE2AY4AAAABAAAADAA8AAMAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADQAAAAEAAAAAAAIABwCWAAEAAAAAAAMADQBIAAEAAAAAAAQADQCrAAEAAAAAAAUACwAnAAEAAAAAAAYADQBvAAEAAAAAAAoAGgDSAAMAAQQJAAEAGgANAAMAAQQJAAIADgCdAAMAAQQJAAMAGgBVAAMAAQQJAAQAGgC4AAMAAQQJAAUAFgAyAAMAAQQJAAYAGgB8AAMAAQQJAAoANADsd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzUmVndWxhcgBSAGUAZwB1AGwAYQByd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==") format("truetype");
font-weight: normal;
font-style: normal;
}
[class^="w-icon-"], [class*=" w-icon-"] {
speak: none;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-weight: normal;
line-height: 1;
font-family: webflow-icons !important;
}
.w-icon-slider-right:before {
content: "";
}
.w-icon-slider-left:before {
content: "";
}
.w-icon-nav-menu:before {
content: "";
}
.w-icon-arrow-down:before, .w-icon-dropdown-toggle:before {
content: "";
}
.w-icon-file-upload-remove:before {
content: "";
}
.w-icon-file-upload-icon:before {
content: "";
}
* {
box-sizing: border-box;
}
html {
height: 100%;
}
body {
color: #333;
background-color: #fff;
min-height: 100%;
margin: 0;
font-family: Arial, sans-serif;
font-size: 14px;
line-height: 20px;
}
img {
vertical-align: middle;
max-width: 100%;
display: inline-block;
}
html.w-mod-touch * {
background-attachment: scroll !important;
}
.w-block {
display: block;
}
.w-inline-block {
max-width: 100%;
display: inline-block;
}
.w-clearfix:before, .w-clearfix:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-clearfix:after {
clear: both;
}
.w-hidden {
display: none;
}
.w-button {
color: #fff;
line-height: inherit;
cursor: pointer;
background-color: #3898ec;
border: 0;
border-radius: 0;
padding: 9px 15px;
text-decoration: none;
display: inline-block;
}
input.w-button {
-webkit-appearance: button;
}
html[data-w-dynpage] [data-w-cloak] {
color: #0000 !important;
}
.w-code-block {
margin: unset;
}
pre.w-code-block code {
all: inherit;
}
.w-optimization {
display: contents;
}
.w-webflow-badge, .w-webflow-badge > img {
box-sizing: unset;
width: unset;
height: unset;
max-height: unset;
max-width: unset;
min-height: unset;
min-width: unset;
margin: unset;
padding: unset;
float: unset;
clear: unset;
border: unset;
border-radius: unset;
background: unset;
background-image: unset;
background-position: unset;
background-size: unset;
background-repeat: unset;
background-origin: unset;
background-clip: unset;
background-attachment: unset;
background-color: unset;
box-shadow: unset;
transform: unset;
direction: unset;
font-family: unset;
font-weight: unset;
color: unset;
font-size: unset;
line-height: unset;
font-style: unset;
font-variant: unset;
text-align: unset;
letter-spacing: unset;
-webkit-text-decoration: unset;
text-decoration: unset;
text-indent: unset;
text-transform: unset;
list-style-type: unset;
text-shadow: unset;
vertical-align: unset;
cursor: unset;
white-space: unset;
word-break: unset;
word-spacing: unset;
word-wrap: unset;
transition: unset;
}
.w-webflow-badge {
white-space: nowrap;
cursor: pointer;
box-shadow: 0 0 0 1px #0000001a, 0 1px 3px #0000001a;
visibility: visible !important;
opacity: 1 !important;
z-index: 2147483647 !important;
color: #aaadb0 !important;
overflow: unset !important;
background-color: #fff !important;
border-radius: 3px !important;
width: auto !important;
height: auto !important;
margin: 0 !important;
padding: 6px !important;
font-size: 12px !important;
line-height: 14px !important;
text-decoration: none !important;
display: inline-block !important;
position: fixed !important;
inset: auto 12px 12px auto !important;
transform: none !important;
}
.w-webflow-badge > img {
position: unset;
visibility: unset !important;
opacity: 1 !important;
vertical-align: middle !important;
display: inline-block !important;
}
h1, h2, h3, h4, h5, h6 {
margin-bottom: 10px;
font-weight: bold;
}
h1 {
margin-top: 20px;
font-size: 38px;
line-height: 44px;
}
h2 {
margin-top: 20px;
font-size: 32px;
line-height: 36px;
}
h3 {
margin-top: 20px;
font-size: 24px;
line-height: 30px;
}
h4 {
margin-top: 10px;
font-size: 18px;
line-height: 24px;
}
h5 {
margin-top: 10px;
font-size: 14px;
line-height: 20px;
}
h6 {
margin-top: 10px;
font-size: 12px;
line-height: 18px;
}
p {
margin-top: 0;
margin-bottom: 10px;
}
blockquote {
border-left: 5px solid #e2e2e2;
margin: 0 0 10px;
padding: 10px 20px;
font-size: 18px;
line-height: 22px;
}
figure {
margin: 0 0 10px;
}
figcaption {
text-align: center;
margin-top: 5px;
}
ul, ol {
margin-top: 0;
margin-bottom: 10px;
padding-left: 40px;
}
.w-list-unstyled {
padding-left: 0;
list-style: none;
}
.w-embed:before, .w-embed:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-embed:after {
clear: both;
}
.w-video {
width: 100%;
padding: 0;
position: relative;
}
.w-video iframe, .w-video object, .w-video embed {
border: none;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
fieldset {
border: 0;
margin: 0;
padding: 0;
}
button, [type="button"], [type="reset"] {
cursor: pointer;
-webkit-appearance: button;
border: 0;
}
.w-form {
margin: 0 0 15px;
}
.w-form-done {
text-align: center;
background-color: #ddd;
padding: 20px;
display: none;
}
.w-form-fail {
background-color: #ffdede;
margin-top: 10px;
padding: 10px;
display: none;
}
label {
margin-bottom: 5px;
font-weight: bold;
display: block;
}
.w-input, .w-select {
color: #333;
vertical-align: middle;
background-color: #fff;
border: 1px solid #ccc;
width: 100%;
height: 38px;
margin-bottom: 10px;
padding: 8px 12px;
font-size: 14px;
line-height: 1.42857;
display: block;
}
.w-input::placeholder, .w-select::placeholder {
color: #999;
}
.w-input:focus, .w-select:focus {
border-color: #3898ec;
outline: 0;
}
.w-input[disabled], .w-select[disabled], .w-input[readonly], .w-select[readonly], fieldset[disabled] .w-input, fieldset[disabled] .w-select {
cursor: not-allowed;
}
.w-input[disabled]:not(.w-input-disabled), .w-select[disabled]:not(.w-input-disabled), .w-input[readonly], .w-select[readonly], fieldset[disabled]:not(.w-input-disabled) .w-input, fieldset[disabled]:not(.w-input-disabled) .w-select {
background-color: #eee;
}
textarea.w-input, textarea.w-select {
height: auto;
}
.w-select {
background-color: #f3f3f3;
}
.w-select[multiple] {
height: auto;
}
.w-form-label {
cursor: pointer;
margin-bottom: 0;
font-weight: normal;
display: inline-block;
}
.w-radio {
margin-bottom: 5px;
padding-left: 20px;
display: block;
}
.w-radio:before, .w-radio:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-radio:after {
clear: both;
}
.w-radio-input {
float: left;
margin: 3px 0 0 -20px;
line-height: normal;
}
.w-file-upload {
margin-bottom: 10px;
display: block;
}
.w-file-upload-input {
opacity: 0;
z-index: -100;
width: .1px;
height: .1px;
position: absolute;
overflow: hidden;
}
.w-file-upload-default, .w-file-upload-uploading, .w-file-upload-success {
color: #333;
display: inline-block;
}
.w-file-upload-error {
margin-top: 10px;
display: block;
}
.w-file-upload-default.w-hidden, .w-file-upload-uploading.w-hidden, .w-file-upload-error.w-hidden, .w-file-upload-success.w-hidden {
display: none;
}
.w-file-upload-uploading-btn {
cursor: pointer;
background-color: #fafafa;
border: 1px solid #ccc;
margin: 0;
padding: 8px 12px;
font-size: 14px;
font-weight: normal;
display: flex;
}
.w-file-upload-file {
background-color: #fafafa;
border: 1px solid #ccc;
flex-grow: 1;
justify-content: space-between;
margin: 0;
padding: 8px 9px 8px 11px;
display: flex;
}
.w-file-upload-file-name {
font-size: 14px;
font-weight: normal;
display: block;
}
.w-file-remove-link {
cursor: pointer;
width: auto;
height: auto;
margin-top: 3px;
margin-left: 10px;
padding: 3px;
display: block;
}
.w-icon-file-upload-remove {
margin: auto;
font-size: 10px;
}
.w-file-upload-error-msg {
color: #ea384c;
padding: 2px 0;
display: inline-block;
}
.w-file-upload-info {
padding: 0 12px;
line-height: 38px;
display: inline-block;
}
.w-file-upload-label {
cursor: pointer;
background-color: #fafafa;
border: 1px solid #ccc;
margin: 0;
padding: 8px 12px;
font-size: 14px;
font-weight: normal;
display: inline-block;
}
.w-icon-file-upload-icon, .w-icon-file-upload-uploading {
width: 20px;
margin-right: 8px;
display: inline-block;
}
.w-icon-file-upload-uploading {
height: 20px;
}
.w-container {
max-width: 940px;
margin-left: auto;
margin-right: auto;
}
.w-container:before, .w-container:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-container:after {
clear: both;
}
.w-container .w-row {
margin-left: -10px;
margin-right: -10px;
}
.w-row:before, .w-row:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-row:after {
clear: both;
}
.w-row .w-row {
margin-left: 0;
margin-right: 0;
}
.w-col {
float: left;
width: 100%;
min-height: 1px;
padding-left: 10px;
padding-right: 10px;
position: relative;
}
.w-col .w-col {
padding-left: 0;
padding-right: 0;
}
.w-col-1 {
width: 8.33333%;
}
.w-col-2 {
width: 16.6667%;
}
.w-col-3 {
width: 25%;
}
.w-col-4 {
width: 33.3333%;
}
.w-col-5 {
width: 41.6667%;
}
.w-col-6 {
width: 50%;
}
.w-col-7 {
width: 58.3333%;
}
.w-col-8 {
width: 66.6667%;
}
.w-col-9 {
width: 75%;
}
.w-col-10 {
width: 83.3333%;
}
.w-col-11 {
width: 91.6667%;
}
.w-col-12 {
width: 100%;
}
.w-hidden-main {
display: none !important;
}
@media screen and (max-width: 991px) {
.w-container {
max-width: 728px;
}
.w-hidden-main {
display: inherit !important;
}
.w-hidden-medium {
display: none !important;
}
.w-col-medium-1 {
width: 8.33333%;
}
.w-col-medium-2 {
width: 16.6667%;
}
.w-col-medium-3 {
width: 25%;
}
.w-col-medium-4 {
width: 33.3333%;
}
.w-col-medium-5 {
width: 41.6667%;
}
.w-col-medium-6 {
width: 50%;
}
.w-col-medium-7 {
width: 58.3333%;
}
.w-col-medium-8 {
width: 66.6667%;
}
.w-col-medium-9 {
width: 75%;
}
.w-col-medium-10 {
width: 83.3333%;
}
.w-col-medium-11 {
width: 91.6667%;
}
.w-col-medium-12 {
width: 100%;
}
.w-col-stack {
width: 100%;
left: auto;
right: auto;
}
}
@media screen and (max-width: 767px) {
.w-hidden-main, .w-hidden-medium {
display: inherit !important;
}
.w-hidden-small {
display: none !important;
}
.w-row, .w-container .w-row {
margin-left: 0;
margin-right: 0;
}
.w-col {
width: 100%;
left: auto;
right: auto;
}
.w-col-small-1 {
width: 8.33333%;
}
.w-col-small-2 {
width: 16.6667%;
}
.w-col-small-3 {
width: 25%;
}
.w-col-small-4 {
width: 33.3333%;
}
.w-col-small-5 {
width: 41.6667%;
}
.w-col-small-6 {
width: 50%;
}
.w-col-small-7 {
width: 58.3333%;
}
.w-col-small-8 {
width: 66.6667%;
}
.w-col-small-9 {
width: 75%;
}
.w-col-small-10 {
width: 83.3333%;
}
.w-col-small-11 {
width: 91.6667%;
}
.w-col-small-12 {
width: 100%;
}
}
@media screen and (max-width: 479px) {
.w-container {
max-width: none;
}
.w-hidden-main, .w-hidden-medium, .w-hidden-small {
display: inherit !important;
}
.w-hidden-tiny {
display: none !important;
}
.w-col {
width: 100%;
}
.w-col-tiny-1 {
width: 8.33333%;
}
.w-col-tiny-2 {
width: 16.6667%;
}
.w-col-tiny-3 {
width: 25%;
}
.w-col-tiny-4 {
width: 33.3333%;
}
.w-col-tiny-5 {
width: 41.6667%;
}
.w-col-tiny-6 {
width: 50%;
}
.w-col-tiny-7 {
width: 58.3333%;
}
.w-col-tiny-8 {
width: 66.6667%;
}
.w-col-tiny-9 {
width: 75%;
}
.w-col-tiny-10 {
width: 83.3333%;
}
.w-col-tiny-11 {
width: 91.6667%;
}
.w-col-tiny-12 {
width: 100%;
}
}
.w-widget {
position: relative;
}
.w-widget-map {
width: 100%;
height: 400px;
}
.w-widget-map label {
width: auto;
display: inline;
}
.w-widget-map img {
max-width: inherit;
}
.w-widget-map .gm-style-iw {
text-align: center;
}
.w-widget-map .gm-style-iw > button {
display: none !important;
}
.w-widget-twitter {
overflow: hidden;
}
.w-widget-twitter-count-shim {
vertical-align: top;
text-align: center;
background: #fff;
border: 1px solid #758696;
border-radius: 3px;
width: 28px;
height: 20px;
display: inline-block;
position: relative;
}
.w-widget-twitter-count-shim * {
pointer-events: none;
-webkit-user-select: none;
user-select: none;
}
.w-widget-twitter-count-shim .w-widget-twitter-count-inner {
text-align: center;
color: #999;
font-family: serif;
font-size: 15px;
line-height: 12px;
position: relative;
}
.w-widget-twitter-count-shim .w-widget-twitter-count-clear {
display: block;
position: relative;
}
.w-widget-twitter-count-shim.w--large {
width: 36px;
height: 28px;
}
.w-widget-twitter-count-shim.w--large .w-widget-twitter-count-inner {
font-size: 18px;
line-height: 18px;
}
.w-widget-twitter-count-shim:not(.w--vertical) {
margin-left: 5px;
margin-right: 8px;
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large {
margin-left: 6px;
}
.w-widget-twitter-count-shim:not(.w--vertical):before, .w-widget-twitter-count-shim:not(.w--vertical):after {
content: " ";
pointer-events: none;
border: solid #0000;
width: 0;
height: 0;
position: absolute;
top: 50%;
left: 0;
}
.w-widget-twitter-count-shim:not(.w--vertical):before {
border-width: 4px;
border-color: #75869600 #5d6c7b #75869600 #75869600;
margin-top: -4px;
margin-left: -9px;
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large:before {
border-width: 5px;
margin-top: -5px;
margin-left: -10px;
}
.w-widget-twitter-count-shim:not(.w--vertical):after {
border-width: 4px;
border-color: #fff0 #fff #fff0 #fff0;
margin-top: -4px;
margin-left: -8px;
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large:after {
border-width: 5px;
margin-top: -5px;
margin-left: -9px;
}
.w-widget-twitter-count-shim.w--vertical {
width: 61px;
height: 33px;
margin-bottom: 8px;
}
.w-widget-twitter-count-shim.w--vertical:before, .w-widget-twitter-count-shim.w--vertical:after {
content: " ";
pointer-events: none;
border: solid #0000;
width: 0;
height: 0;
position: absolute;
top: 100%;
left: 50%;
}
.w-widget-twitter-count-shim.w--vertical:before {
border-width: 5px;
border-color: #5d6c7b #75869600 #75869600;
margin-left: -5px;
}
.w-widget-twitter-count-shim.w--vertical:after {
border-width: 4px;
border-color: #fff #fff0 #fff0;
margin-left: -4px;
}
.w-widget-twitter-count-shim.w--vertical .w-widget-twitter-count-inner {
font-size: 18px;
line-height: 22px;
}
.w-widget-twitter-count-shim.w--vertical.w--large {
width: 76px;
}
.w-background-video {
color: #fff;
height: 500px;
position: relative;
overflow: hidden;
}
.w-background-video > video {
object-fit: cover;
z-index: -100;
background-position: 50%;
background-size: cover;
width: 100%;
height: 100%;
margin: auto;
position: absolute;
inset: -100%;
}
.w-background-video > video::-webkit-media-controls-start-playback-button {
-webkit-appearance: none;
display: none !important;
}
.w-background-video--control {
background-color: #0000;
padding: 0;
position: absolute;
bottom: 1em;
right: 1em;
}
.w-background-video--control > [hidden] {
display: none !important;
}
.w-slider {
text-align: center;
clear: both;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
background: #ddd;
height: 300px;
position: relative;
}
.w-slider-mask {
z-index: 1;
white-space: nowrap;
height: 100%;
display: block;
position: relative;
left: 0;
right: 0;
overflow: hidden;
}
.w-slide {
vertical-align: top;
white-space: normal;
text-align: left;
width: 100%;
height: 100%;
display: inline-block;
position: relative;
}
.w-slider-nav {
z-index: 2;
text-align: center;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
height: 40px;
margin: auto;
padding-top: 10px;
position: absolute;
inset: auto 0 0;
}
.w-slider-nav.w-round > div {
border-radius: 100%;
}
.w-slider-nav.w-num > div {
font-size: inherit;
line-height: inherit;
width: auto;
height: auto;
padding: .2em .5em;
}
.w-slider-nav.w-shadow > div {
box-shadow: 0 0 3px #3336;
}
.w-slider-nav-invert {
color: #fff;
}
.w-slider-nav-invert > div {
background-color: #2226;
}
.w-slider-nav-invert > div.w-active {
background-color: #222;
}
.w-slider-dot {
cursor: pointer;
background-color: #fff6;
width: 1em;
height: 1em;
margin: 0 3px .5em;
transition: background-color .1s, color .1s;
display: inline-block;
position: relative;
}
.w-slider-dot.w-active {
background-color: #fff;
}
.w-slider-dot:focus {
outline: none;
box-shadow: 0 0 0 2px #fff;
}
.w-slider-dot:focus.w-active {
box-shadow: none;
}
.w-slider-arrow-left, .w-slider-arrow-right {
cursor: pointer;
color: #fff;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
-webkit-user-select: none;
user-select: none;
width: 80px;
margin: auto;
font-size: 40px;
position: absolute;
inset: 0;
overflow: hidden;
}
.w-slider-arrow-left [class^="w-icon-"], .w-slider-arrow-right [class^="w-icon-"], .w-slider-arrow-left [class*=" w-icon-"], .w-slider-arrow-right [class*=" w-icon-"] {
position: absolute;
}
.w-slider-arrow-left:focus, .w-slider-arrow-right:focus {
outline: 0;
}
.w-slider-arrow-left {
z-index: 3;
right: auto;
}
.w-slider-arrow-right {
z-index: 4;
left: auto;
}
.w-icon-slider-left, .w-icon-slider-right {
width: 1em;
height: 1em;
margin: auto;
inset: 0;
}
.w-slider-aria-label {
clip: rect(0 0 0 0);
border: 0;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
position: absolute;
overflow: hidden;
}
.w-slider-force-show {
display: block !important;
}
.w-dropdown {
text-align: left;
z-index: 900;
margin-left: auto;
margin-right: auto;
display: inline-block;
position: relative;
}
.w-dropdown-btn, .w-dropdown-toggle, .w-dropdown-link {
vertical-align: top;
color: #222;
text-align: left;
white-space: nowrap;
margin-left: auto;
margin-right: auto;
padding: 20px;
text-decoration: none;
position: relative;
}
.w-dropdown-toggle {
-webkit-user-select: none;
user-select: none;
cursor: pointer;
padding-right: 40px;
display: inline-block;
}
.w-dropdown-toggle:focus {
outline: 0;
}
.w-icon-dropdown-toggle {
width: 1em;
height: 1em;
margin: auto 20px auto auto;
position: absolute;
top: 0;
bottom: 0;
right: 0;
}
.w-dropdown-list {
background: #ddd;
min-width: 100%;
display: none;
position: absolute;
}
.w-dropdown-list.w--open {
display: block;
}
.w-dropdown-link {
color: #222;
padding: 10px 20px;
display: block;
}
.w-dropdown-link.w--current {
color: #0082f3;
}
.w-dropdown-link:focus {
outline: 0;
}
@media screen and (max-width: 767px) {
.w-nav-brand {
padding-left: 10px;
}
}
.w-lightbox-backdrop {
cursor: auto;
letter-spacing: normal;
text-indent: 0;
text-shadow: none;
text-transform: none;
visibility: visible;
white-space: normal;
word-break: normal;
word-spacing: normal;
word-wrap: normal;
color: #fff;
text-align: center;
z-index: 2000;
opacity: 0;
-webkit-user-select: none;
-moz-user-select: none;
-webkit-tap-highlight-color: transparent;
background: #000000e6;
outline: 0;
font-family: Helvetica Neue, Helvetica, Ubuntu, Segoe UI, Verdana, sans-serif;
font-size: 17px;
font-style: normal;
font-weight: 300;
line-height: 1.2;
list-style: disc;
position: fixed;
inset: 0;
-webkit-transform: translate(0);
}
.w-lightbox-backdrop, .w-lightbox-container {
-webkit-overflow-scrolling: touch;
height: 100%;
overflow: auto;
}
.w-lightbox-content {
height: 100vh;
position: relative;
overflow: hidden;
}
.w-lightbox-view {
opacity: 0;
width: 100vw;
height: 100vh;
position: absolute;
}
.w-lightbox-view:before {
content: "";
height: 100vh;
}
.w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view:before {
height: 86vh;
}
.w-lightbox-frame, .w-lightbox-view:before {
vertical-align: middle;
display: inline-block;
}
.w-lightbox-figure {
margin: 0;
position: relative;
}
.w-lightbox-group .w-lightbox-figure {
cursor: pointer;
}
.w-lightbox-img {
width: auto;
max-width: none;
height: auto;
}
.w-lightbox-image {
float: none;
max-width: 100vw;
max-height: 100vh;
display: block;
}
.w-lightbox-group .w-lightbox-image {
max-height: 86vh;
}
.w-lightbox-caption {
text-align: left;
text-overflow: ellipsis;
white-space: nowrap;
background: #0006;
padding: .5em 1em;
position: absolute;
bottom: 0;
left: 0;
right: 0;
overflow: hidden;
}
.w-lightbox-embed {
width: 100%;
height: 100%;
position: absolute;
inset: 0;
}
.w-lightbox-control {
cursor: pointer;
background-position: center;
background-repeat: no-repeat;
background-size: 24px;
width: 4em;
transition: all .3s;
position: absolute;
top: 0;
}
.w-lightbox-left {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yMCAwIDI0IDQwIiB3aWR0aD0iMjQiIGhlaWdodD0iNDAiPjxnIHRyYW5zZm9ybT0icm90YXRlKDQ1KSI+PHBhdGggZD0ibTAgMGg1djIzaDIzdjVoLTI4eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDN2MjNoMjN2M2gtMjZ6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg==");
display: none;
bottom: 0;
left: 0;
}
.w-lightbox-right {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMjQgNDAiIHdpZHRoPSIyNCIgaGVpZ2h0PSI0MCI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMC0waDI4djI4aC01di0yM2gtMjN6IiBvcGFjaXR5PSIuNCIvPjxwYXRoIGQ9Im0xIDFoMjZ2MjZoLTN2LTIzaC0yM3oiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+");
display: none;
bottom: 0;
right: 0;
}
.w-lightbox-close {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMTggMTciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMCAwaDd2LTdoNXY3aDd2NWgtN3Y3aC01di03aC03eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDd2LTdoM3Y3aDd2M2gtN3Y3aC0zdi03aC03eiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4=");
background-size: 18px;
height: 2.6em;
right: 0;
}
.w-lightbox-strip {
white-space: nowrap;
padding: 0 1vh;
line-height: 0;
position: absolute;
bottom: 0;
left: 0;
right: 0;
overflow: auto hidden;
}
.w-lightbox-item {
box-sizing: content-box;
cursor: pointer;
width: 10vh;
padding: 2vh 1vh;
display: inline-block;
-webkit-transform: translate3d(0, 0, 0);
}
.w-lightbox-active {
opacity: .3;
}
.w-lightbox-thumbnail {
background: #222;
height: 10vh;
position: relative;
overflow: hidden;
}
.w-lightbox-thumbnail-image {
position: absolute;
top: 0;
left: 0;
}
.w-lightbox-thumbnail .w-lightbox-tall {
width: 100%;
top: 50%;
transform: translate(0, -50%);
}
.w-lightbox-thumbnail .w-lightbox-wide {
height: 100%;
left: 50%;
transform: translate(-50%);
}
.w-lightbox-spinner {
box-sizing: border-box;
border: 5px solid #0006;
border-radius: 50%;
width: 40px;
height: 40px;
margin-top: -20px;
margin-left: -20px;
animation: .8s linear infinite spin;
position: absolute;
top: 50%;
left: 50%;
}
.w-lightbox-spinner:after {
content: "";
border: 3px solid #0000;
border-bottom-color: #fff;
border-radius: 50%;
position: absolute;
inset: -4px;
}
.w-lightbox-hide {
display: none;
}
.w-lightbox-noscroll {
overflow: hidden;
}
@media (min-width: 768px) {
.w-lightbox-content {
height: 96vh;
margin-top: 2vh;
}
.w-lightbox-view, .w-lightbox-view:before {
height: 96vh;
}
.w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view:before {
height: 84vh;
}
.w-lightbox-image {
max-width: 96vw;
max-height: 96vh;
}
.w-lightbox-group .w-lightbox-image {
max-width: 82.3vw;
max-height: 84vh;
}
.w-lightbox-left, .w-lightbox-right {
opacity: .5;
display: block;
}
.w-lightbox-close {
opacity: .8;
}
.w-lightbox-control:hover {
opacity: 1;
}
}
.w-lightbox-inactive, .w-lightbox-inactive:hover {
opacity: 0;
}
.w-richtext:before, .w-richtext:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-richtext:after {
clear: both;
}
.w-richtext[contenteditable="true"]:before, .w-richtext[contenteditable="true"]:after {
white-space: initial;
}
.w-richtext ol, .w-richtext ul {
overflow: hidden;
}
.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-video div:after, .w-richtext .w-richtext-figure-selected[data-rt-type="video"] div:after, .w-richtext .w-richtext-figure-selected.w-richtext-figure-type-image div, .w-richtext .w-richtext-figure-selected[data-rt-type="image"] div {
outline: 2px solid #2895f7;
}
.w-richtext figure.w-richtext-figure-type-video > div:after, .w-richtext figure[data-rt-type="video"] > div:after {
content: "";
display: none;
position: absolute;
inset: 0;
}
.w-richtext figure {
max-width: 60%;
position: relative;
}
.w-richtext figure > div:before {
cursor: default !important;
}
.w-richtext figure img {
width: 100%;
}
.w-richtext figure figcaption.w-richtext-figcaption-placeholder {
opacity: .6;
}
.w-richtext figure div {
color: #0000;
font-size: 0;
}
.w-richtext figure.w-richtext-figure-type-image, .w-richtext figure[data-rt-type="image"] {
display: table;
}
.w-richtext figure.w-richtext-figure-type-image > div, .w-richtext figure[data-rt-type="image"] > div {
display: inline-block;
}
.w-richtext figure.w-richtext-figure-type-image > figcaption, .w-richtext figure[data-rt-type="image"] > figcaption {
caption-side: bottom;
display: table-caption;
}
.w-richtext figure.w-richtext-figure-type-video, .w-richtext figure[data-rt-type="video"] {
width: 60%;
height: 0;
}
.w-richtext figure.w-richtext-figure-type-video iframe, .w-richtext figure[data-rt-type="video"] iframe {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.w-richtext figure.w-richtext-figure-type-video > div, .w-richtext figure[data-rt-type="video"] > div {
width: 100%;
}
.w-richtext figure.w-richtext-align-center {
clear: both;
margin-left: auto;
margin-right: auto;
}
.w-richtext figure.w-richtext-align-center.w-richtext-figure-type-image > div, .w-richtext figure.w-richtext-align-center[data-rt-type="image"] > div {
max-width: 100%;
}
.w-richtext figure.w-richtext-align-normal {
clear: both;
}
.w-richtext figure.w-richtext-align-fullwidth {
text-align: center;
clear: both;
width: 100%;
max-width: 100%;
margin-left: auto;
margin-right: auto;
display: block;
}
.w-richtext figure.w-richtext-align-fullwidth > div {
padding-bottom: inherit;
display: inline-block;
}
.w-richtext figure.w-richtext-align-fullwidth > figcaption {
display: block;
}
.w-richtext figure.w-richtext-align-floatleft {
float: left;
clear: none;
margin-right: 15px;
}
.w-richtext figure.w-richtext-align-floatright {
float: right;
clear: none;
margin-left: 15px;
}
.w-nav {
z-index: 1000;
background: #ddd;
position: relative;
}
.w-nav:before, .w-nav:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-nav:after {
clear: both;
}
.w-nav-brand {
float: left;
color: #333;
text-decoration: none;
position: relative;
}
.w-nav-link {
vertical-align: top;
color: #222;
text-align: left;
margin-left: auto;
margin-right: auto;
padding: 20px;
text-decoration: none;
display: inline-block;
position: relative;
}
.w-nav-link.w--current {
color: #0082f3;
}
.w-nav-menu {
float: right;
position: relative;
}
[data-nav-menu-open] {
text-align: center;
background: #c8c8c8;
min-width: 200px;
position: absolute;
top: 100%;
left: 0;
right: 0;
overflow: visible;
display: block !important;
}
.w--nav-link-open {
display: block;
position: relative;
}
.w-nav-overlay {
width: 100%;
display: none;
position: absolute;
top: 100%;
left: 0;
right: 0;
overflow: hidden;
}
.w-nav-overlay [data-nav-menu-open] {
top: 0;
}
.w-nav[data-animation="over-left"] .w-nav-overlay {
width: auto;
}
.w-nav[data-animation="over-left"] .w-nav-overlay, .w-nav[data-animation="over-left"] [data-nav-menu-open] {
z-index: 1;
top: 0;
right: auto;
}
.w-nav[data-animation="over-right"] .w-nav-overlay {
width: auto;
}
.w-nav[data-animation="over-right"] .w-nav-overlay, .w-nav[data-animation="over-right"] [data-nav-menu-open] {
z-index: 1;
top: 0;
left: auto;
}
.w-nav-button {
float: right;
cursor: pointer;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
-webkit-user-select: none;
user-select: none;
padding: 18px;
font-size: 24px;
display: none;
position: relative;
}
.w-nav-button:focus {
outline: 0;
}
.w-nav-button.w--open {
color: #fff;
background-color: #c8c8c8;
}
.w-nav[data-collapse="all"] .w-nav-menu {
display: none;
}
.w-nav[data-collapse="all"] .w-nav-button, .w--nav-dropdown-open, .w--nav-dropdown-toggle-open {
display: block;
}
.w--nav-dropdown-list-open {
position: static;
}
@media screen and (max-width: 991px) {
.w-nav[data-collapse="medium"] .w-nav-menu {
display: none;
}
.w-nav[data-collapse="medium"] .w-nav-button {
display: block;
}
}
@media screen and (max-width: 767px) {
.w-nav[data-collapse="small"] .w-nav-menu {
display: none;
}
.w-nav[data-collapse="small"] .w-nav-button {
display: block;
}
.w-nav-brand {
padding-left: 10px;
}
}
@media screen and (max-width: 479px) {
.w-nav[data-collapse="tiny"] .w-nav-menu {
display: none;
}
.w-nav[data-collapse="tiny"] .w-nav-button {
display: block;
}
}
.w-tabs {
position: relative;
}
.w-tabs:before, .w-tabs:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-tabs:after {
clear: both;
}
.w-tab-menu {
position: relative;
}
.w-tab-link {
vertical-align: top;
text-align: left;
cursor: pointer;
color: #222;
background-color: #ddd;
padding: 9px 30px;
text-decoration: none;
display: inline-block;
position: relative;
}
.w-tab-link.w--current {
background-color: #c8c8c8;
}
.w-tab-link:focus {
outline: 0;
}
.w-tab-content {
display: block;
position: relative;
overflow: hidden;
}
.w-tab-pane {
display: none;
position: relative;
}
.w--tab-active {
display: block;
}
@media screen and (max-width: 479px) {
.w-tab-link {
display: block;
}
}
.w-ix-emptyfix:after {
content: "";
}
@keyframes spin {
0% {
transform: rotate(0);
}
100% {
transform: rotate(360deg);
}
}
.w-dyn-empty {
background-color: #ddd;
padding: 10px;
}
.w-dyn-hide, .w-dyn-bind-empty, .w-condition-invisible {
display: none !important;
}
.wf-layout-layout {
display: grid;
}
@font-face {
font-family: General Sans;
src: url("https://cdn.prod.website-files.com/65ca6f59445c0a52f3323325/65ca6f59445c0a52f3323397_GeneralSans-Medium.woff2") format("woff2");
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: General Sans;
src: url("https://cdn.prod.website-files.com/65ca6f59445c0a52f3323325/65ca6f59445c0a52f3323398_GeneralSans-Regular.woff2") format("woff2");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Worksans;
src: url("https://cdn.prod.website-files.com/65ca6f59445c0a52f3323325/65cbb4995fe24000c81481ba_WorkSans-Thin.ttf") format("truetype");
font-weight: 100;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Worksans;
src: url("https://cdn.prod.website-files.com/65ca6f59445c0a52f3323325/65cbb4995ea4f5204404fbcd_WorkSans-BlackItalic.ttf") format("truetype");
font-weight: 900;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: Worksans;
src: url("https://cdn.prod.website-files.com/65ca6f59445c0a52f3323325/65cbb499c69c11f415cc62c3_WorkSans-ThinItalic.ttf") format("truetype");
font-weight: 100;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: Worksans;
src: url("https://cdn.prod.website-files.com/65ca6f59445c0a52f3323325/65cbb49964010deb63f3e79b_WorkSans-ExtraLightItalic.ttf") format("truetype");
font-weight: 200;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: Worksans;
src: url("https://cdn.prod.website-files.com/65ca6f59445c0a52f3323325/65cbb499e047f709cf26633b_WorkSans-MediumItalic.ttf") format("truetype");
font-weight: 500;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: Worksans;
src: url("https://cdn.prod.website-files.com/65ca6f59445c0a52f3323325/65cbb4991c469f5d04c835ec_WorkSans-SemiBold.ttf") format("truetype");
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Worksans;
src: url("https://cdn.prod.website-files.com/65ca6f59445c0a52f3323325/65cbb499c670ef4d01decd58_WorkSans-Regular.ttf") format("truetype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Worksans;
src: url("https://cdn.prod.website-files.com/65ca6f59445c0a52f3323325/65cbb4992a9240ca0bcfd299_WorkSans-Medium.ttf") format("truetype");
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Worksans;
src: url("https://cdn.prod.website-files.com/65ca6f59445c0a52f3323325/65cbb49915835ed86af35cb5_WorkSans-ExtraBold.ttf") format("truetype"), url("https://cdn.prod.website-files.com/65ca6f59445c0a52f3323325/65cbb49914cd5d7d1a5d0392_WorkSans-Bold.ttf") format("truetype");
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Worksans;
src: url("https://cdn.prod.website-files.com/65ca6f59445c0a52f3323325/65cbb499be5a9730e2d30f7b_WorkSans-Light.ttf") format("truetype");
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Worksans;
src: url("https://cdn.prod.website-files.com/65ca6f59445c0a52f3323325/65cbb49b1ab3f84218368757_WorkSans-LightItalic.ttf") format("truetype");
font-weight: 300;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: Worksans;
src: url("https://cdn.prod.website-files.com/65ca6f59445c0a52f3323325/65cbb49985d3c364f552c718_WorkSans-ExtraLight.ttf") format("truetype");
font-weight: 200;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Worksans;
src: url("https://cdn.prod.website-files.com/65ca6f59445c0a52f3323325/65cbb49914cd5d7d1a5d03ba_WorkSans-SemiBoldItalic.ttf") format("truetype");
font-weight: 600;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: Worksans;
src: url("https://cdn.prod.website-files.com/65ca6f59445c0a52f3323325/65cbb499769d16a91ed0208c_WorkSans-Black.ttf") format("truetype");
font-weight: 900;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Worksans;
src: url("https://cdn.prod.website-files.com/65ca6f59445c0a52f3323325/65cbb4994af05e3688378eec_WorkSans-Italic.ttf") format("truetype");
font-weight: 400;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: Worksans;
src: url("https://cdn.prod.website-files.com/65ca6f59445c0a52f3323325/65cbb499347bcd965b304527_WorkSans-BoldItalic.ttf") format("truetype"), url("https://cdn.prod.website-files.com/65ca6f59445c0a52f3323325/65cbb499f3447300c884f4a7_WorkSans-ExtraBoldItalic.ttf") format("truetype");
font-weight: 700;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: Worksans Variablefont Wght;
src: url("https://cdn.prod.website-files.com/65ca6f59445c0a52f3323325/65cbdc64be5d35f04f48f6ad_WorkSans-Italic-VariableFont_wght.ttf") format("truetype");
font-weight: 100 900;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: Worksans Variablefont Wght;
src: url("https://cdn.prod.website-files.com/65ca6f59445c0a52f3323325/65cbdc641230f2d0ee95d10b_WorkSans-VariableFont_wght.ttf") format("truetype");
font-weight: 100 900;
font-style: normal;
font-display: swap;
}
:root {
--teacode-type-all-fonts--primary-font: "Worksans Variablefont Wght", sans-serif;
--teacode-colours--tc-body-primary: #333;
--teacode-type-paragraph--font-size-lg: 16px;
--teacode-type-paragraph--line-height: var(--teacode-body-fonts--line-height-body);
--teacode-type-paragraph--letter-spacing: var(--teacode-type-label--letter-spacing);
--teacode-type-paragraph--font-size-t: var(--teacode-fonts-label--label-medium);
--teacode-type-paragraph--font-size-ml: var(--teacode-fonts-label--label-xsmall);
--teacode-type-paragraph--font-size-mp: var(--teacode-body-fonts--body-small);
--teacode-type-weight--teacode-spaces--0: 0px;
--teacode-type-h4--font-size-lg: var(--teacode-headers--h4);
--teacode-type-h4--line-height: var(--teacode-headers--line-height);
--teacode-type-h4--letter-spacing: -.21px;
--teacode-type-h3--font-size-t: var(--teacode-headers--h2-s);
--teacode-headers--h4-s: var(--teacode-headers--h6);
--teacode-type-weight--teacode-spaces--3: 24px;
--teacode-headers--h3-s: var(--teacode-headers--h5);
--teacode-type-h2--font-size-sm: var(--teacode-headers--h3-s);
--teacode-type-weight--teacode-spaces--2: 16px;
--teacode-type-weight--teacode-spaces--6: 48px;
--teacode-type-h5--font-size-lg: var(--teacode-headers--h5);
--teacode-type-h5--line-height: var(--teacode-type-h4--line-height);
--teacode-type-h5--letter-spacing: -.16px;
--teacode-container-layout--teacode-content-layout--padding-t-small: var(--teacode-type-weight--teacode-spaces--3);
--teacode-type-weight--teacode-spaces--4: 32px;
--teacode-container-layout--teacode-content-layout--padding-m-small: var(--teacode-type-weight--teacode-spaces--2);
--teacode-headers--h5-s: 20px;
--teacode-type-h6--font-size-lg: var(--teacode-headers--h6);
--teacode-type-h6--line-height: var(--teacode-headers--line-height);
--teacode-type-h6--letter-spacing: -.12px;
--teacode-type-h4--font-size-t: var(--teacode-headers--h3-s);
--teacode-type-h5--font-size-t: var(--teacode-headers--h3-s);
--teacode-type-h5--font-size-ml: var(--teacode-headers--h4-s);
--teacode-headers--h6: 24px;
--teacode-headers--h6-s: 18px;
--type-body--line-height: 1.6em;
--teacode-body-fonts--body-medium: 16px;
--teacode-body-fonts--body-small: 14px;
--teacode-colours--tc-primary: #00d286;
--teacode-body-fonts--body-large: 18px;
--teacode-type-weight--teacode-spaces--1: 8px;
--teacode-type-h1--bottom-margin: var(--teacode-headers--basic-bottom-margin);
--teacode-type-h1--font-size-lg: var(--teacode-headers--h1);
--teacode-type-h1--line-height: var(--teacode-headers--line-height);
--teacode-type-h1--letter-spacing: -.4px;
--teacode-type-h1--font-size-t: var(--teacode-headers--h1-s);
--teacode-type-h1--font-size-ml: var(--teacode-headers--h2-s);
--teacode-type-h1--font-size-mp: var(--teacode-headers--h3-s);
--teacode-type-h2--font-size-lg: var(--teacode-headers--h2);
--teacode-type-h2--line-height: var(--teacode-headers--line-height);
--teacode-type-h2--letter-spacing: -.32px;
--teacode-type-h2--font-size-t: var(--teacode-headers--h2-s);
--teacode-type-h2--font-size-xs: var(--teacode-headers--h3-s);
--teacode-type-h3--bottom-margin: var(--teacode-type-weight--teacode-spaces--10);
--teacode-type-h3--font-size-lg: var(--teacode-headers--h3);
--teacode-type-h3--line-height: var(--teacode-headers--line-height);
--teacode-type-h3--letter-spacing: -.26px;
--teacode-type-h3--font-size-ml: var(--teacode-headers--h3-s);
--teacode-type-h3--font-size-mp: var(--teacode-headers--h3-s);
--teacode-type-h4--bottom-margin: var(--teacode-headers--basic-bottom-margin);
--teacode-type-h4--font-size-ml: var(--teacode-headers--h4-s);
--teacode-type-h4--font-size-mp: var(--teacode-headers--h4-s);
--teacode-type-weight--teacode-spaces--16: 128px;
--teacode-section-layout--section-padding-lg: var(--teacode-type-weight--teacode-spaces--16);
--teacode-section-layout--section-padding-t: var(--teacode-type-weight--teacode-spaces--12);
--teacode-section-layout--section-padding-ml: var(--teacode-type-weight--teacode-spaces--8);
--teacode-section-layout--section-padding-mp: var(--teacode-type-weight--teacode-spaces--8);
--teacode-type-weight--teacode-spaces--12: 96px;
--teacode-container-layout--teacode-content-layout--padding-d-large: var(--teacode-type-weight--teacode-spaces--8);
--teacode-type-weight--teacode-spaces--13: 104px;
--teacode-type-weight--teacode-spaces--8: 64px;
--teacode-type-weight--teacode-spaces--11: 88px;
--teacode-type-weight--teacode-spaces--9: 72px;
--teacode-radius--rad-normal: var(--teacode-type-weight--teacode-spaces--8);
--teacode-radius--rad-small: var(--teacode-type-weight--teacode-spaces--6);
--teacode-radius--rad-x-small: var(--teacode-type-weight--teacode-spaces--4);
--teacode-colours--tc-white: white;
--teacode-type-weight--teacode-spaces--20: 160px;
--teacode-container-layout--container-with-1280: 85vw;
--teacode-container-layout--container-max-width-1280: 1088px;
--teacode-container-layout--container-with-1920: 75vw;
--teacode-container-layout--container-max-width-1920: 1408px;
--teacode-container-layout--container-with-1440: 82vw;
--teacode-container-layout--container-max-width-1440: 1184px;
--teacode-section-layout--section-width: 100vw;
--tc-surface-transparent: #f3f1eb00;
--teacode-colours--tc-background: #f2f2f2;
--teacode-type-weight--teacode-spaces--1-5: 12px;
--teacode-container-layout--teacode-content-layout--padding-m-large: var(--teacode-type-weight--teacode-spaces--4);
--component-button--border-radius: 125px;
--teacode-fonts-label--label-medium: 16px;
--teacode-type-label--line-height: var(--teacode-fonts-label--line-height-label);
--teacode-type-label--letter-spacing: var(--teacode-fonts-label--letter-spacing-label);
--teacode-colours--bg-hover: #03bf7b;
--teacode-colours--tc-primary-dark: #009c63;
--teacode-fonts-label--label-xsmall: 12px;
--bg-hover-light: #ccffec;
--bg-pressed-light: #80f4ca;
--teacode-fonts-label--label-small: 14px;
--teacode-fonts-caption--caption-small: 14px;
--teacode-type-weight--teacode-spaces--0-5: 4px;
--teacode-fonts-caption--caption-xsmall: 12px;
--teacode-fonts-label--label-large: 18px;
--component-card--border-radius\: .5rem;
--component-card--card-body-padding-lg\: 24px;
--component-card--card-body-padding-sm\: 20px;
--component-input--bottom-margin: 1rem;
--teacode-colours--tc-body-secondary: #949494;
--component-input--border-radius: .5rem;
--component-input--font: var(--teacode-type-all-fonts--primary-font);
--component-input--font-size: 1rem;
--component-input--line-height: 1.5em;
--component-input--letter-spacing: 0em;
--component-input-label--font: var(--teacode-type-all-fonts--primary-font);
--component-input-label--font-size: .9rem;
--component-input-label--line-height: 1em;
--component-input-label--letter-spacing: 0em;
--colors-all--dark-gray\: #5b5953;
--colors-page-wrapper--text\: var(--teacode-colours--tc-body-primary);
--teacode-type-label--bottom-margin: var(--teacode-fonts-label--bottom-margin-label);
--teacode-type-label--font: var(--teacode-type-all-fonts--primary-font);
--teacode-type-label--font-size-lg: var(--teacode-fonts-label--label-large);
--teacode-type-label--font-size-t: var(--teacode-fonts-label--label-medium);
--teacode-type-label--font-size-ml: var(--teacode-fonts-label--label-xsmall);
--teacode-type-label--font-size-xs: var(--teacode-fonts-label--label-xsmall);
--teacode-type-paragraph--bottom-margin: var(--teacode-body-fonts--bottom-margin-body);
--teacode-type-paragraph--font: var(--teacode-type-all-fonts--primary-font);
--type-paragraph-1-25--bottom-margin: 1em;
--type-paragraph-1-25--font: var(--teacode-type-all-fonts--primary-font);
--type-paragraph-1-25--font-size-lg: 1.25rem;
--type-paragraph-1-25--line-height: 1.5em;
--type-paragraph-1-25--letter-spacing: 0em;
--teacode-type-caption--letter-spacing: var(--teacode-fonts-caption--letter-spacing-caption);
--teacode-type-caption--font: var(--teacode-type-all-fonts--primary-font);
--type-paragraph-1-2--font-size-lg\: 16px;
--teacode-type-caption--font-weight: var(--teacode-type-weight--400);
--teacode-type-caption--font-size-lg: var(--teacode-fonts-caption--caption-medium);
--teacode-type-caption--font-size-t: var(--teacode-fonts-caption--caption-medium);
--teacode-type-caption--font-size-ml: var(--teacode-fonts-caption--caption-medium);
--teacode-type-h3-s--letter-spacing: -.16px;
--teacode-type-h4-s--letter-spacing: -.12px;
--teacode-spacing-utility-em--1em: 1em;
--teacode-spacing-utility-em--3em: 3em;
--borders-all--border-size: 1px;
--borders-all--border-color: var(--teacode-colours--tc-body-tertiary);
--type-paragraph-1-25--font-size-md: 1.25rem;
--type-paragraph-1-25--font-size-sm: 1.1rem;
--type-paragraph-1-25--font-size-xs: 1.1rem;
--teacode-colours--tc-body-tertiary: #d7d7d7;
--teacode-container-layout--teacode-content-layout--padding-t-large: var(--teacode-type-weight--teacode-spaces--6);
--teacode-container-layout--teacode-content-layout--padding-hor-ml\: var(--teacode-type-weight--teacode-spaces--4);
--teacode-container-layout--teacode-content-layout--padding-hor-mp\: var(--teacode-type-weight--teacode-spaces--2);
--dropdown-margin: 0px;
--menu-bar-border-animation: #d7d7d7;
--menu-bar-border-animation-industries: #d7d7d7;
--responsiveness--div-radius-div-with-text-testimonials\: 40px;
--teacode-radius--rad-large: var(--teacode-type-weight--teacode-spaces--16);
--teacode-radius--rad-middle: var(--teacode-type-weight--teacode-spaces--12);
--responsiveness--border-radius\: 7vw;
--teacode-body-fonts--body-xsmall: 12px;
--teacode-spacing-utility-rem--0-5rem: .5rem;
--teacode-type-caption--line-height: var(--teacode-fonts-caption--line-height-caption);
--teacode-spacing-utility-rem--4rem: 4rem;
--teacode-spacing-utility-rem--1-5rem: 1.5rem;
--rad-faq-section\: var(--responsiveness--div-radius-div-with-text-testimonials\);
--intro-font-size-lg\: 80px;
--teacode-container-layout--teacode-content-layout--padding-hor-t\: var(--teacode-type-weight--teacode-spaces--6);
--teacode-type-weight--teacode-spaces--14: 112px;
--teacode-type-weight--teacode-spaces--7: 56px;
--padding-md\: 40px;
--faq-top-padding-d-t: 24px;
--faq-top-padding-m: 16px;
--faq-top-padding-d-t-1st: 24px;
--faq-top-padding-d-t-2nd: 24px;
--faq-top-padding-d-t-3rd: 24px;
--faq-top-padding-d-t-4th: 24px;
--faq-top-padding-d-t-5th: 24px;
--faq-top-padding-d-t-6th: 24px;
--faq-top-padding-d-t-7th: 24px;
--faq-top-padding-d-t-8th: 24px;
--2nd-margin: 0px;
--3rd-margin: 0px;
--1st-margin: 16px;
--colors-page-wrapper--semi-grey\: #f3f1eb;
--teacode-spacing-utility-rem--0-75rem: .75rem;
--colors-page-wrapper--ivory-dark\: #ede9e2;
--teacode-spacing-utility-rem--1rem: 1rem;
--teacode-type-weight--teacode-spaces--10: 80px;
--teacode-type-weight--teacode-spaces--5: 40px;
--teacode-colours--tc-surface: #f3f1eb;
--type-body--letter-spacing: 0em;
--div-radius-faq-images\: 100px;
--teacode-headers--h3: 52px;
--teacode-headers--line-height: 1.2em;
--teacode-body-fonts--line-height-body: 28.8px;
--teacode-headers--h1: 80px;
--teacode-headers--h1-s: var(--teacode-headers--h3);
--teacode-type-h1-s--letter-spacing: -.26px;
--teacode-headers--h2-s: var(--teacode-headers--h4);
--teacode-type-h2-s--letter-spacing: -.21px;
--teacode-headers--h2: 64px;
--teacode-headers--h4: 42px;
--teacode-headers--h5: 32px;
--teacode-type-h5-s--letter-spacing: -.1px;
--teacode-body-fonts--letter-spacing: .04px;
--service-accordion-padding: 1.5rem;
--teacode-type-h6-s--letter-spacing: -.09px;
--blog-summary-content-mt: 24px;
--padding-obrazek-top: 32px;
--padding-obrazek-bottom: 0px;
--faq-top-padding-m-1st: var(--faq-top-padding-d-t);
--faq-top-padding-m-2nd: 16px;
--faq-top-padding-m-3rd: 16px;
--component-button--font: var(--teacode-type-all-fonts--primary-font);
--component-button--font-weight: var(--teacode-type-weight--400);
--component-button--font-size: 1rem;
--component-button--line-height: 1.5em;
--component-button--letter-spacing: var(--teacode-body-fonts--letter-spacing);
--component-button--vertical-padding: .5em;
--component-button--horizontal-padding: 1.2em;
--component-input--font-weight: var(--teacode-type-weight--400);
--component-input-label--font-weight: var(--teacode-type-weight--500);
--images-all--phone-mockup-max-width: 350px;
--images-all--phone-mockup-width: 30vw;
--images-all--web-mockup-width: 65vw;
--images-all--web-mockup-max-width: 900px;
--sections--above-header-padding-bottom: 60px;
--sections--section-intro-text-length-lg: 88ch;
--sections--section-intro-text-length-md: 60ch;
--sections--section-intro-text-length-sm: 45ch;
--teacode-body-fonts--body-xlarge: 20px;
--teacode-body-fonts--line-height-body-xlarge: 1.5em;
--teacode-body-fonts--bottom-margin-body: var(--teacode-type-weight--teacode-spaces--1);
--teacode-container-layout--teacode-content-layout--padding-d-small: var(--teacode-type-weight--teacode-spaces--4);
--teacode-fonts-caption--caption-medium: 16px;
--teacode-fonts-caption--line-height-caption: 1.5em;
--teacode-fonts-caption--letter-spacing-caption: 0em;
--teacode-fonts-caption--bottom-margin-caption: var(--teacode-type-weight--teacode-spaces--4);
--teacode-fonts-label--line-height-label: var(--type-body--line-height);
--teacode-fonts-label--letter-spacing-label: var(--teacode-body-fonts--letter-spacing);
--teacode-fonts-label--bottom-margin-label: var(--teacode-type-weight--teacode-spaces--0);
--teacode-headers--letter-spacing: -.4px;
--teacode-headers--basic-bottom-margin: var(--teacode-type-weight--teacode-spaces--4);
--teacode-section-layout--row-col-gap: var(--teacode-type-weight--teacode-spaces--3);
--teacode-spacing-utility-em--0-5em: .5em;
--teacode-spacing-utility-em--2em: 2em;
--teacode-spacing-utility-rem--0-25rem: .25rem;
--teacode-spacing-utility-rem--2rem: 2rem;
--teacode-spacing-utility-rem--3rem: 3rem;
--teacode-spacing-utility-rem--5rem: 5rem;
--teacode-spacing-utility-rem--6rem: 6rem;
--teacode-spacing-utility-rem--7rem: 7rem;
--teacode-spacing-utility-rem--8rem: 8rem;
--teacode-type-caption--font-size-mp: var(--teacode-fonts-caption--caption-small);
--teacode-type-caption--bottom-margin: var(--teacode-fonts-caption--bottom-margin-caption);
--teacode-type-h1--font: var(--teacode-type-all-fonts--primary-font);
--teacode-type-h1--font-weight: var(--teacode-type-weight--400);
--teacode-type-h2--font: var(--teacode-type-all-fonts--primary-font);
--teacode-type-h2--font-weight: var(--teacode-type-weight--400);
--teacode-type-h2--bottom-margin: var(--teacode-headers--basic-bottom-margin);
--teacode-type-h3--font: var(--teacode-type-all-fonts--primary-font);
--teacode-type-h3--font-weight: var(--teacode-type-weight--400);
--teacode-type-h3--max-length: 622px;
--teacode-type-h4--font: var(--teacode-type-all-fonts--primary-font);
--teacode-type-h4--font-weight: var(--teacode-type-weight--400);
--teacode-type-h5--font: var(--teacode-type-all-fonts--primary-font);
--teacode-type-h5--font-size-mp: var(--teacode-headers--h4-s);
--teacode-type-h5--font-weight: var(--teacode-type-weight--400);
--teacode-type-h5--bottom-margin: var(--teacode-headers--basic-bottom-margin);
--teacode-type-h6--font: var(--teacode-type-all-fonts--primary-font);
--teacode-type-h6--font-size-t: var(--teacode-headers--h4-s);
--teacode-type-h6--font-size-ml: var(--teacode-headers--h6-s);
--teacode-type-h6--font-size-mp: var(--teacode-headers--h6-s);
--teacode-type-h6--bottom-margin: var(--teacode-headers--basic-bottom-margin);
--teacode-type-label--font-weight: var(--teacode-type-weight--400);
--teacode-type-paragraph--font-weight: var(--teacode-type-weight--400);
--teacode-type-weight--200: 0px;
--teacode-type-weight--300: 0px;
--teacode-type-weight--400: 0px;
--teacode-type-weight--500: 0px;
--teacode-type-weight--600: 0px;
--teacode-type-weight--700: 0px;
--teacode-type-weight--800: 0px;
--teacode-type-weight--900: 0px;
--type-body--font: var(--teacode-type-all-fonts--primary-font);
--type-body--font-size-lg: 1rem;
--type-body--font-size-md: 1rem;
--type-body--font-size-sm: 16px;
--type-body--font-size-xs: 1rem;
--type-body--font-weight: var(--teacode-type-weight--400);
--type-paragraph-1-25--font-weight: var(--teacode-type-weight--400);
}
.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-checkbox {
margin-bottom: 5px;
padding-left: 20px;
display: block;
}
.w-checkbox:before {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-checkbox:after {
content: " ";
clear: both;
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-checkbox-input {
float: left;
margin: 4px 0 0 -20px;
line-height: normal;
}
.w-checkbox-input--inputType-custom {
border: 1px solid #ccc;
border-radius: 2px;
width: 12px;
height: 12px;
}
.w-checkbox-input--inputType-custom.w--redirected-checked {
background-color: #3898ec;
background-image: url("https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border-color: #3898ec;
}
.w-checkbox-input--inputType-custom.w--redirected-focus {
box-shadow: 0 0 3px 1px #3898ec;
}
.w-pagination-wrapper {
flex-wrap: wrap;
justify-content: center;
display: flex;
}
.w-pagination-previous {
color: #333;
background-color: #fafafa;
border: 1px solid #ccc;
border-radius: 2px;
margin-left: 10px;
margin-right: 10px;
padding: 9px 20px;
font-size: 14px;
display: block;
}
.w-pagination-previous-icon {
margin-right: 4px;
}
.w-pagination-next {
color: #333;
background-color: #fafafa;
border: 1px solid #ccc;
border-radius: 2px;
margin-left: 10px;
margin-right: 10px;
padding: 9px 20px;
font-size: 14px;
display: block;
}
.w-layout-grid {
grid-row-gap: 16px;
grid-column-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.w-form-formrecaptcha {
margin-bottom: 8px;
}
.w-layout-layout {
grid-row-gap: 20px;
grid-column-gap: 20px;
grid-auto-columns: 1fr;
justify-content: center;
padding: 20px;
}
.w-layout-cell {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.w-page-count {
text-align: center;
width: 100%;
margin-top: 20px;
}
.w-layout-blockcontainer {
max-width: 940px;
margin-left: auto;
margin-right: auto;
display: block;
}
@media screen and (max-width: 991px) {
.w-layout-blockcontainer {
max-width: 728px;
}
}
@media screen and (max-width: 767px) {
.w-layout-blockcontainer {
max-width: none;
}
}
body {
font-family: var(--teacode-type-all-fonts--primary-font);
color: var(--teacode-colours--tc-body-primary);
font-size: var(--teacode-type-paragraph--font-size-lg);
line-height: var(--teacode-type-paragraph--line-height);
letter-spacing: var(--teacode-type-paragraph--letter-spacing);
}
h1 {
margin-top: 0;
margin-bottom: var(--teacode-type-weight--teacode-spaces--0);
font-size: var(--teacode-type-h4--font-size-lg);
line-height: var(--teacode-type-h4--line-height);
letter-spacing: var(--teacode-type-h4--letter-spacing);
}
h2 {
margin-top: 0;
margin-bottom: var(--teacode-type-weight--teacode-spaces--3);
font-size: var(--teacode-type-h4--font-size-lg);
line-height: var(--teacode-type-h4--line-height);
letter-spacing: var(--teacode-type-h4--letter-spacing);
max-width: 22ch;
}
h3 {
margin-top: var(--teacode-type-weight--teacode-spaces--6);
margin-bottom: var(--teacode-type-weight--teacode-spaces--3);
font-family: var(--teacode-type-all-fonts--primary-font);
font-size: var(--teacode-type-h5--font-size-lg);
line-height: var(--teacode-type-h5--line-height);
letter-spacing: var(--teacode-type-h5--letter-spacing);
}
h4 {
margin-top: var(--teacode-type-weight--teacode-spaces--4);
margin-bottom: var(--teacode-type-weight--teacode-spaces--2);
font-size: var(--teacode-type-h6--font-size-lg);
line-height: var(--teacode-type-h6--line-height);
letter-spacing: var(--teacode-type-h6--letter-spacing);
}
h5 {
font-size: var(--teacode-type-h5--font-size-lg);
line-height: var(--teacode-type-h5--line-height);
letter-spacing: var(--teacode-type-h5--letter-spacing);
margin-top: 0;
margin-bottom: 0;
font-weight: 400;
}
h6 {
font-size: var(--teacode-type-h6--font-size-lg);
line-height: var(--teacode-type-h6--line-height);
letter-spacing: var(--teacode-type-h6--letter-spacing);
margin-top: 0;
margin-bottom: 0;
font-weight: 400;
}
p {
font-family: var(--teacode-type-all-fonts--primary-font);
font-size: var(--teacode-type-paragraph--font-size-lg);
line-height: var(--type-body--line-height);
letter-spacing: var(--teacode-type-paragraph--letter-spacing);
margin-bottom: 0;
}
a {
border-bottom: 1px solid var(--teacode-colours--tc-body-primary);
padding: 0;
text-decoration: none;
}
a:hover {
border-bottom-color: var(--teacode-colours--tc-primary);
color: var(--teacode-colours--tc-primary);
text-decoration: none;
}
a:focus-visible, a[data-wf-focus-visible] {
outline-color: var(--teacode-colours--tc-primary);
outline-offset: 2px;
outline-width: 2px;
outline-style: solid;
}
a.w--current {
text-decoration: none;
}
ul {
padding-left: var(--teacode-type-weight--teacode-spaces--6);
margin-top: 0;
margin-bottom: 0;
}
ol {
padding-top: var(--teacode-type-weight--teacode-spaces--4);
padding-bottom: var(--teacode-type-weight--teacode-spaces--4);
grid-column-gap: 8px;
grid-row-gap: 8px;
font-size: var(--teacode-body-fonts--body-large);
flex-flow: column;
margin-top: 0;
padding-left: 24px;
list-style-type: decimal;
display: flex;
}
li {
padding-left: var(--teacode-type-weight--teacode-spaces--1);
}
img {
max-width: 100%;
display: block;
}
label {
margin-bottom: 5px;
display: block;
}
strong {
font-weight: bold;
}
.h1 {
margin-top: 0;
margin-bottom: var(--teacode-type-h1--bottom-margin);
font-size: var(--teacode-type-h1--font-size-lg);
line-height: var(--teacode-type-h1--line-height);
letter-spacing: var(--teacode-type-h1--letter-spacing);
max-width: none;
}
.h2 {
font-size: var(--teacode-type-h2--font-size-lg);
line-height: var(--teacode-type-h2--line-height);
letter-spacing: var(--teacode-type-h2--letter-spacing);
margin-top: 0;
margin-bottom: 0;
}
.h3 {
margin-top: 0;
margin-bottom: var(--teacode-type-h3--bottom-margin);
font-size: var(--teacode-type-h3--font-size-lg);
line-height: var(--teacode-type-h3--line-height);
letter-spacing: var(--teacode-type-h3--letter-spacing);
}
.h4 {
margin-top: 0;
margin-bottom: var(--teacode-type-h4--bottom-margin);
font-size: var(--teacode-type-h4--font-size-lg);
line-height: var(--teacode-type-h4--line-height);
letter-spacing: var(--teacode-type-h4--letter-spacing);
}
.section {
padding-top: var(--teacode-type-weight--teacode-spaces--16);
padding-bottom: var(--teacode-section-layout--section-padding-lg);
}
.section.u-bg-primary.u-d-flex {
overflow: hidden;
}
.section.u-bg-primary.u-d-flex:hover {
background-color: #f6f5f100;
}
.section.u-bg-primary.u-d-flex.industries-default {
padding-top: var(--teacode-type-weight--teacode-spaces--12);
padding-bottom: var(--teacode-type-weight--teacode-spaces--12);
position: relative;
overflow: clip;
}
.section.industry-backgrounnd {
z-index: 0;
-webkit-text-fill-color: inherit;
background-image: url("https://cdn.prod.website-files.com/65ca6f59445c0a52f3323325/66633ed24bd59059ba229965_sm_communication.webp");
background-position: 0 60%;
background-repeat: repeat;
background-size: cover;
background-attachment: scroll;
background-clip: border-box;
display: none;
position: absolute;
inset: 0%;
}
.section.industry-backgrounnd.background-properties {
background-position: 30%;
background-repeat: no-repeat;
background-size: 200%;
transition: opacity .2s;
}
.section.industry-backgrounnd.background-properties.social-media-backgrounnd {
background-image: url("https://cdn.prod.website-files.com/65ca6f59445c0a52f3323325/66ad08e4f2acf988c30a4218_sm_communication.webp");
background-position: 100%;
background-repeat: no-repeat;
background-size: cover;
background-attachment: scroll;
}
.section.industry-backgrounnd.background-properties.travel-backgrounnd {
opacity: 0;
background-image: url("https://cdn.prod.website-files.com/65ca6f59445c0a52f3323325/66bf11d7b8bf5190f9a1206d_travel_2.webp");
background-position: 50% 30%;
background-size: cover;
display: none;
}
.section.industry-backgrounnd.background-properties.finance-backgrounnd {
background-image: url("https://cdn.prod.website-files.com/65ca6f59445c0a52f3323325/66ad08e4e2ed8fe7afbaa985_bank.webp");
background-position: 70% 30%;
background-size: cover;
}
.section.industry-backgrounnd.background-properties.healthcare-backgrounnd {
background-image: url("https://cdn.prod.website-files.com/65ca6f59445c0a52f3323325/66ad08e4ad821f11cd512c85_med.webp");
background-position: 70% 30%;
background-size: cover;
}
.section.industry-backgrounnd.background-properties.ecommerce-backgrounnd {
background-image: url("https://cdn.prod.website-files.com/65ca6f59445c0a52f3323325/66ad08e43be7bb15eddb7574_ecommerce.webp");
background-position: 70% 30%;
background-size: cover;
}
.section.industry-backgrounnd.background-properties.marketing-backgrounnd {
background-image: url("https://cdn.prod.website-files.com/65ca6f59445c0a52f3323325/66ad08e436b934e02a346a5c_marketing.webp");
background-position: 70% 30%;
background-size: cover;
}
.section.industry-backgrounnd.background-properties.transportation-backgrounnd {
background-image: url("https://cdn.prod.website-files.com/65ca6f59445c0a52f3323325/66ad08e4ae77190efbf68dfd_transport.webp");
background-position: 70% 30%;
background-size: cover;
}
.section.industry-backgrounnd.background-properties.real-estate-backgrounnd {
background-image: url("https://cdn.prod.website-files.com/65ca6f59445c0a52f3323325/66ad08e4ad821f11cd512c70_real%20estate.webp");
background-position: 70% 30%;
background-size: cover;
}
.section.industry-backgrounnd.background-properties.startups-backgrounnd {
background-image: url("https://cdn.prod.website-files.com/65ca6f59445c0a52f3323325/66ad08e463f00b7de9553a6c_startup.webp");
background-position: 70% 30%;
background-size: cover;
}
.section.healthcare-backgrounnd {
z-index: 0;
-webkit-text-fill-color: inherit;
background-image: url("https://cdn.prod.website-files.com/65ca6f59445c0a52f3323325/66633ed3edc470c4140f3712_med.webp");
background-position: 30%;
background-repeat: no-repeat;
background-size: 200%;
background-attachment: scroll;
background-clip: border-box;
display: none;
position: absolute;
inset: 0%;
}
.section.u-pb-0.u-overflow-clip {
overflow: clip;
}
.section.u-bg-glass.u-opacity-100 {
background-color: #f5f5f5;
}
.section.u-bg-glass.u-opacity-100.u-pb-0 {
background-color: #f5f5f500;
}
.section.logotypes-overflow {
padding-top: var(--teacode-type-weight--teacode-spaces--4);
background-image: linear-gradient(0deg, #f5f5f5, #fff0);
width: 100%;
padding-bottom: 0;
overflow: hidden;
}
.section.u-overflow-hidden {
height: auto;
}
.section.green {
padding-top: var(--teacode-type-weight--teacode-spaces--12);
padding-bottom: var(--teacode-type-weight--teacode-spaces--12);
background-color: var(--teacode-colours--tc-primary);
width: 100%;
height: auto;
display: flex;
position: relative;
overflow: hidden;
}
.section.green.blog-author {
margin-right: auto;
margin-bottom: var(--teacode-type-weight--teacode-spaces--11);
padding-top: var(--teacode-type-weight--teacode-spaces--9);
padding-bottom: var(--teacode-type-weight--teacode-spaces--9);
border-radius: var(--teacode-radius--rad-normal);
min-height: auto;
margin-left: auto;
}
.section.green.case-study-testimonial {
padding-top: var(--teacode-type-weight--teacode-spaces--8);
padding-bottom: var(--teacode-type-weight--teacode-spaces--8);
overflow: clip;
}
.section.green.case-study-testimonial.hidden {
display: none;
}
.section.green.case-study-testimonial.color-skydreamer {
background-color: #ff542c;
}
.section.green.case-study-testimonial.u-mb-16 {
margin-bottom: 128px;
}
.section.green.case-study-testimonial.u-mb-d-8 {
margin-bottom: 64px;
}
.section.green.case-study-testimonial.color-bts {
background-color: #9747ff;
margin-top: 64px;
padding-top: 112px;
padding-bottom: 112px;
}
.section.green.case-study-testimonial.color-buzzin {
background-color: #feaa14;
}
.section.green.case-study-testimonial.color-buzzin.u-mb-8.photo, .section.green.case-study-testimonial.color-buzzin.u-mb-8.photo-three {
height: 345px;
}
.section.green.people {
padding-top: var(--teacode-type-weight--teacode-spaces--8);
margin-bottom: 0;
padding-bottom: 0;
}
.section.green.people.last {
margin-bottom: 128px;
}
.section.green.u-hidden {
display: none;
}
.section.green.last {
margin-bottom: 128px;
}
.section.green.no-padding {
padding-top: 0;
padding-bottom: 0;
overflow: visible;
}
.section.green.no-padding.center {
justify-content: center;
}
.section.u-bp-0 {
padding-bottom: 0;
}
.section.u-bp-0.u-pb-0.u-pt-0.u-overflow-hidden {
display: flex;
}
.section.u-bp-0.filter-section {
margin-bottom: var(--teacode-type-weight--teacode-spaces--9);
padding-top: var(--teacode-type-weight--teacode-spaces--4);
}
.section.travel-backgrounnd {
z-index: 0;
-webkit-text-fill-color: inherit;
background-image: url("https://cdn.prod.website-files.com/65ca6f59445c0a52f3323325/66633ed2744c7a43a4531b51_travel%20(1).webp");
background-position: 0 60%;
background-repeat: repeat;
background-size: cover;
background-attachment: scroll;
background-clip: border-box;
display: none;
position: absolute;
inset: 0%;
}
.section.finance-backgrounnd {
z-index: 0;
-webkit-text-fill-color: inherit;
background-image: url("https://cdn.prod.website-files.com/65ca6f59445c0a52f3323325/66633ed289b4b4e0ef2e7f3c_bank.webp");
background-position: 0 60%;
background-repeat: repeat;
background-size: cover;
background-attachment: scroll;
background-clip: border-box;
display: none;
position: absolute;
inset: 0%;
}
.section.footer {
margin-bottom: 0;
padding-top: 0;
padding-bottom: 20px;
overflow: clip;
}
.section.body {
padding-top: var(--teacode-type-weight--teacode-spaces--0);
padding-bottom: 0;
}
.section.body.blog {
background-color: var(--teacode-colours--tc-white);
padding-top: 0;
padding-bottom: 0;
}
.section.first {
padding-top: var(--teacode-type-weight--teacode-spaces--20);
}
.section.first.u-mb-d--224 {
margin-bottom: -224px;
}
.section.u-overflow-clip {
padding-bottom: 128px;
overflow: clip;
}
.section.u-overflow-clip.u-pb-0 {
padding-bottom: 0;
}
.section.u-overflow-clip.u-pt-d-2 {
padding-top: var(--teacode-type-weight--teacode-spaces--2);
}
.section.u-overflow-clip.no-padding {
padding-top: 0;
padding-bottom: 0;
}
.section.u-overflow-clip.skydreamer-challenges-margin-t {
padding-top: var(--teacode-type-weight--teacode-spaces--8);
padding-bottom: 64px;
}
.section.u-overflow-clip.half-padding {
margin-top: -64px;
margin-bottom: -64px;
}
.section.u-overflow-clip.no-padding-d {
margin-top: -128px;
margin-bottom: -128px;
}
.section.u-overflow-clip.u-pb-0-d {
padding-bottom: 0;
}
.section.u-overflow-clip.compliance {
padding-top: 0;
}
.section.u-pt-8 {
padding-top: var(--teacode-container-layout--teacode-content-layout--padding-d-large);
}
.section.u-mt-d--11 {
margin-top: -88px;
}
.section.blog {
margin-top: -16px;
padding-top: 80px;
padding-bottom: 0;
}
.section.blog.u-pb-rwd-4 {
padding-bottom: 32px;
}
.section.blog.u-hidden {
display: none;
}
.section.case-study-last-mock {
padding-top: 0;
overflow: hidden;
}
.section.background {
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
position: relative;
}
.section.background.u-pb-12-rwd.industry-background-first {
background-color: #f3f1eb;
min-height: 733px;
overflow: clip;
}
.section.background.u-pb-12-rwd.industry-background-second {
background-color: #f3f1eb;
min-height: 650px;
overflow: clip;
}
.section.background.u-pb-12-rwd.industry-background-second.u-hidden {
display: none;
}
.section.background.u-pb-12-rwd.background-fintech {
background-image: url("https://cdn.prod.website-files.com/65ca6f59445c0a52f3323325/6710d6c19c87cb4b859e1f4c_FinTech%20Man%20Checking%20Mobile%20Finance%20App.webp");
background-position: 50% 0;
background-size: cover;
}
.section.background.u-pb-12-rwd.background-ecommerce, .section.background.u-pb-12-rwd.background-logistics {
background-color: #f2f2f2;
}
.section.background.u-pb-12-rwd.service-cta-background {
background-color: #e4e4de;
min-height: 650px;
overflow: clip;
}
.section.u-bg-lightgray.ruff-pass-process-section {
margin-top: 0;
padding-top: 128px;
}
.section.u-bg-lightgray.ruff-pass-process-section.u-overflow-hidden.spaces.buzzin {
padding-top: 0;
}
.section.u-pb-6 {
padding-bottom: var(--teacode-type-weight--teacode-spaces--6);
}
.section.u-margin-vertical-4-d {
margin-top: 32px;
margin-bottom: 32px;
}
.section.u-mb-8-d {
margin-bottom: 64px;
}
.section.plannin {
padding-top: var(--teacode-type-weight--teacode-spaces--12);
padding-bottom: var(--teacode-type-weight--teacode-spaces--12);
background-color: #f57246;
width: 100%;
height: 1056px;
margin-top: 228px;
margin-bottom: 228px;
display: flex;
position: relative;
overflow: visible;
}
.section.plannin.blog-author {
margin-right: auto;
margin-bottom: var(--teacode-type-weight--teacode-spaces--11);
padding-top: var(--teacode-type-weight--teacode-spaces--9);
padding-bottom: var(--teacode-type-weight--teacode-spaces--9);
border-radius: var(--teacode-radius--rad-normal);
min-height: auto;
margin-left: auto;
}
.section.plannin.case-study-testimonial {
padding-top: var(--teacode-type-weight--teacode-spaces--8);
padding-bottom: var(--teacode-type-weight--teacode-spaces--8);
overflow: clip;
}
.section.plannin.case-study-testimonial.hidden {
display: none;
}
.section.plannin.case-study-testimonial.color-skydreamer {
background-color: #ff542c;
}
.section.plannin.case-study-testimonial.u-mb-16 {
margin-bottom: 128px;
}
.section.plannin.case-study-testimonial.u-mb-d-8 {
margin-bottom: 64px;
}
.section.plannin.people {
padding-top: var(--teacode-type-weight--teacode-spaces--8);
margin-bottom: 0;
padding-bottom: 0;
}
.section.plannin.people.last {
margin-bottom: 128px;
}
.section.plannin.u-hidden {
display: none;
}
.section.plannin.last {
margin-bottom: 128px;
}
.section.plannin.no-padding {
padding-top: 0;
padding-bottom: 0;
overflow: visible;
}
.section.plannin.no-padding.center {
justify-content: center;
}
.section.process-margin-ml.half-padding {
margin-top: -64px;
margin-bottom: -64px;
}
.section.toppp {
padding-top: 35px;
padding-bottom: 112px;
}
.section.ruff-pass-blue {
background-color: #5694f3;
border-radius: 0;
margin-bottom: 96px;
padding-top: 32px;
padding-bottom: 32px;
}
.section.ruff-pass-blue.u-text-white {
border-radius: 0;
}
.section.padding-to-margin {
margin-top: 128px;
margin-bottom: 128px;
padding-top: 0;
padding-bottom: 0;
}
.container {
width: var(--teacode-container-layout--container-with-1280);
max-width: var(--teacode-container-layout--container-max-width-1280);
background-color: #ddd0;
flex-flow: column;
justify-content: flex-start;
align-items: center;
margin-left: auto;
margin-right: auto;
display: flex;
position: relative;
}
.container.u-border-rad {
border-radius: 100px;
}
.container.u-bg-glass.u-border.u-border-rad.u-mt-1.sticky, .container.u-bg-glass.u-border.u-border-rad.sticky {
position: fixed;
inset: 0% 0% auto;
}
.container.u-bg-glass.u-border.u-border-rad.sticky.u-mt-1 {
max-width: 100%;
}
.container.u-bg-glass.u-border.u-border-rad.sticky.u-mt-1.menu {
flex-direction: row;
justify-content: space-between;
width: 95vw;
max-width: 1000px;
height: 60px;
padding-left: 50px;
padding-right: 10px;
display: flex;
}
.container.u-d-flex.u-d-flex-vert {
flex-direction: column;
position: relative;
}
.container.u-d-flex.u-d-flex-vert.u-justify-center {
align-items: center;
}
.container.u-d-flex.u-mt-8 {
margin-top: var(--teacode-type-weight--teacode-spaces--8);
}
.container.u-justify-center {
text-align: center;
}
.container.home-intro {
overflow: visible;
}
.container.accordion-item-wrapper---faq {
padding-top: var(--teacode-type-weight--teacode-spaces--2);
flex-flow: column;
}
.container.accordion-item-wrapper---faq.u-pt-0 {
padding-top: 0;
}
.container.menu-sticky {
z-index: 9999;
position: sticky;
top: -16px;
}
.container.service-showcase {
transition: all .2s;
}
.container.blog-img {
margin-top: var(--teacode-type-weight--teacode-spaces--1);
margin-bottom: var(--teacode-type-weight--teacode-spaces--3);
border-radius: var(--teacode-radius--rad-normal);
min-height: 500px;
overflow: hidden;
}
.container.blog-img.small {
min-height: auto;
}
.container.blog-img.u-mb-0 {
margin-bottom: 0;
}
.container.blog-img.u-mt-3 {
margin-top: var(--teacode-type-weight--teacode-spaces--3);
}
.container.blog-img.phone-mockup {
min-height: 600px;
}
.container.white-space.kpi {
overflow: clip;
}
.container.white-space.kpi.u-bg-lightgray {
background-color: var(--teacode-colours--tc-background);
}
.container.white-space.kpi.u-bg-modernisation {
background-image: url("https://cdn.prod.website-files.com/65ca6f59445c0a52f3323325/673dbe85f8e1bc2b25f4236e_teacode%20modernisation%20and%20scaling%20team.webp");
background-position: 50%;
background-size: cover;
}
.container.map-section {
height: 672px;
}
.container.map-section.u-d-flex-vertical-center {
justify-content: center;
}
.container.map-section.u-d-flex-vertical-center.plannin {
width: 100%;
max-width: none;
}
.container.plannin-screenshot-overlay-wrapper {
background-color: #f6d96e;
padding-top: 16px;
padding-bottom: 16px;
}
.container.u-mt-8-d {
margin-top: 64px;
}
.container.u-d-z-index-3 {
z-index: 3;
}
.container.centered {
justify-content: center;
}
.container.ruff-pass-mockup-section {
grid-column-gap: 48px;
grid-row-gap: 48px;
flex-flow: row;
justify-content: center;
align-items: flex-end;
padding-top: 80px;
}
.container.ruff-pass-role-involvement-images {
flex-flow: row;
justify-content: space-between;
margin-top: 80px;
}
.container.ruff-pass-container-white {
background-image: linear-gradient(#fff, #f2f2f2 59%);
border-radius: 64px;
margin-top: -180px;
padding-top: 120px;
}
.container.u-mt-10 {
margin-top: 80px;
}
.container.our-solution-spaces {
margin-top: 100px;
margin-bottom: 48px;
}
.container.buzzin-container-white {
background-image: linear-gradient(#fff, #f2f2f2 59%);
border-radius: 64px;
margin-top: -180px;
padding-top: 64px;
padding-bottom: 64px;
}
.container.buzzin-addon-absolute {
position: absolute;
top: -25%;
left: 2%;
}
.row {
flex-wrap: wrap;
display: flex;
}
.row.row-justify-end {
justify-content: flex-end;
}
.row.row-justify-between {
justify-content: space-between;
}
.row.row-align-end {
align-items: flex-end;
}
.row.row-justify-center {
justify-content: center;
}
.row.row-align-center {
max-width: var(--teacode-container-layout--container-max-width-1920);
}
.row.row-justify-around {
justify-content: space-around;
}
.row.row-no-gutters {
margin-left: 0;
margin-right: 0;
}
.col {
flex: none;
position: relative;
}
.col.col-lg-3 {
flex-basis: 25%;
max-width: 25%;
}
.col.col-lg-6 {
flex-basis: 50%;
max-width: 50%;
}
.col.col-lg-7 {
flex-basis: 58.33%;
max-width: 58.3333%;
}
.col.col-lg-2 {
flex-basis: 16.67%;
max-width: 16.6667%;
position: relative;
}
.col.col-lg-5 {
flex-basis: 41.67%;
max-width: 41.6667%;
}
.col.col-no-gutters {
padding-left: 0;
padding-right: 0;
}
.col.col-lg-9 {
flex-basis: 75%;
max-width: 75%;
}
.col.col-lg-12 {
flex-basis: 100%;
max-width: 100%;
}
.col.col-lg-11 {
flex-basis: 91.67%;
max-width: 91.6667%;
}
.col.col-lg-8 {
flex-flow: column;
flex-basis: 66.67%;
align-items: stretch;
max-width: 66.6667%;
display: flex;
}
.col.col-lg-4 {
flex: 2 2 33.33%;
max-width: 33.3333%;
}
.col.col-lg-4.col-md-6 {
flex: 1;
}
.col.col-lg-10 {
flex-basis: 83.33%;
max-width: 83.3333%;
}
.col.col-lg-1 {
flex-basis: 8.33%;
max-width: 8.33333%;
}
.col.col-lg-1.u-align-center {
align-self: center;
}
.col.col-shrink {
flex: 0 auto;
}
.col.col-lg-first {
order: -1;
}
.col.col-lg-last {
order: 1;
}
.col.u-align-center {
align-self: center;
}
.btn {
padding: var(--teacode-type-weight--teacode-spaces--1-5) var(--teacode-container-layout--teacode-content-layout--padding-m-large);
grid-column-gap: 8px;
grid-row-gap: 8px;
border-radius: var(--component-button--border-radius);
background-color: var(--teacode-colours--tc-primary);
color: var(--teacode-colours--tc-body-primary);
font-size: var(--teacode-fonts-label--label-medium);
line-height: var(--teacode-type-label--line-height);
letter-spacing: var(--teacode-type-label--letter-spacing);
border: 1px solid #0000;
justify-content: flex-start;
align-self: center;
align-items: center;
font-weight: 500;
text-decoration: none;
transition: background-color .2s, box-shadow .3s cubic-bezier(.165, .84, .44, 1), border-color .3s cubic-bezier(.165, .84, .44, 1);
display: flex;
box-shadow: inset 0 0 #0000;
}
.btn:hover {
border-color: var(--teacode-colours--bg-hover);
background-color: var(--teacode-colours--bg-hover);
box-shadow: none;
color: var(--teacode-colours--tc-body-primary);
}
.btn:active {
border-color: var(--teacode-colours--tc-primary-dark);
background-color: var(--teacode-colours--tc-primary-dark);
}
.btn.w--current {
align-self: center;
}
.btn.cc-light {
color: var(--teacode-colours--tc-body-primary);
background-color: #fff;
}
.btn.cc-secondary {
border-color: var(--teacode-colours--tc-primary);
color: var(--teacode-colours--tc-primary);
background-color: #0000;
}
.btn.cc-secondary.cc-light {
border-color: var(--teacode-colours--tc-white);
color: var(--teacode-colours--tc-white);
}
.btn.cc-secondary.cc-light:hover {
box-shadow: inset 0 0 0 100px #ffffff26;
}
.btn.cc-full {
width: 100%;
}
.btn.u-ml-1 {
padding-right: 1.2em;
}
.btn.newsletter-form {
padding: var(--teacode-type-weight--teacode-spaces--1) var(--teacode-type-weight--teacode-spaces--1-5);
font-size: var(--teacode-fonts-label--label-xsmall);
position: absolute;
inset: 8px 8px 8px auto;
}
.btn.menu {
padding: var(--teacode-type-weight--teacode-spaces--1) var(--teacode-type-weight--teacode-spaces--3);
color: var(--teacode-colours--tc-body-primary);
font-size: var(--teacode-fonts-label--label-medium);
}
.btn.u-mt-12 {
margin-top: var(--teacode-type-weight--teacode-spaces--12);
margin-bottom: var(--teacode-type-weight--teacode-spaces--1);
}
.btn.empty {
border-color: var(--teacode-colours--tc-body-primary);
background-color: #00d28600;
}
.btn.empty:hover {
border-color: var(--teacode-colours--tc-primary);
background-color: var(--bg-hover-light);
box-shadow: none;
}
.btn.empty:active {
background-color: var(--bg-pressed-light);
}
.btn.empty.small {
padding: var(--teacode-type-weight--teacode-spaces--1) var(--teacode-container-layout--teacode-content-layout--padding-m-small);
font-size: var(--teacode-fonts-label--label-small);
}
.btn.empty.small.label-medium {
font-size: var(--teacode-fonts-label--label-medium);
}
.btn.empty.small.label-medium.cursor-pointer {
cursor: pointer;
}
.btn.empty.small.text-green {
border-color: var(--teacode-colours--tc-primary);
color: var(--teacode-colours--tc-primary);
}
.btn.empty.small.category {
border-color: var(--teacode-colours--tc-primary);
color: var(--teacode-colours--tc-primary);
font-size: var(--teacode-fonts-caption--caption-small);
text-transform: uppercase;
align-self: flex-start;
font-weight: 400;
}
.btn.empty.small.category.clear {
color: var(--teacode-colours--tc-body-primary);
border-style: none;
}
.btn.empty.small.category.clear:hover {
background-color: var(--tc-surface-transparent);
}
.btn.empty.small.category.clear.cms-filter-form-checkbox-label {
grid-column-gap: 4px;
grid-row-gap: 4px;
cursor: pointer;
}
.btn.empty.small.category.color-heirlume {
color: #bf3a13;
border-color: #bf3a13;
}
.btn.empty.small.category.color-heirlume:hover {
background-color: #ffeee9;
}
.btn.empty.small.category.color-skydreamer {
color: #ff542c;
-webkit-text-stroke-color: #ff542c;
border-color: #ff542c;
}
.btn.empty.small.category.color-skydreamer:hover {
background-color: #ffeee9;
}
.btn.empty.small.category.color-exotic {
color: #64b5ff;
-webkit-text-stroke-color: #64b5ff;
border-color: #64b5ff;
}
.btn.empty.small.category.color-exotic:hover {
background-color: #e9f5ff;
}
.btn.empty.small.category.color-plannin {
color: #ff8d5b;
-webkit-text-stroke-color: #ff8d5b;
border-color: #ff8d5b;
}
.btn.empty.small.category.color-plannin:hover {
background-color: #ffefe8;
}
.btn.empty.small.category.color-muzeum {
color: #00affa;
-webkit-text-stroke-color: #00affa;
border-color: #00affa;
}
.btn.empty.small.category.color-muzeum:hover {
background-color: #ccf0ff;
}
.btn.empty.small.category.color-muzeum.non-clickable {
cursor: default;
}
.btn.empty.small.category.color-bts {
color: #9747ff;
border-color: #9747ff;
}
.btn.empty.small.category.color-bts:hover {
background-color: #f2e8ff;
}
.btn.empty.small.category.color-ruffpass {
color: #5694f3;
border-color: #5694f3;
}
.btn.empty.small.category.color-ruffpass:hover {
background-color: #d6e3f6b3;
}
.btn.empty.small.white {
border-color: var(--teacode-colours--tc-white);
color: var(--teacode-colours--tc-white);
}
.btn.empty.small.white:hover {
background-color: #fff3;
}
.btn.empty.small.transparent-white {
border-color: var(--teacode-colours--tc-white);
}
.btn.empty.small.buzzin:hover {
border-color: var(--teacode-colours--tc-body-primary);
background-color: #fff6;
}
.btn.empty.left {
align-self: flex-start;
}
.btn.small {
padding: var(--teacode-type-weight--teacode-spaces--1) var(--teacode-container-layout--teacode-content-layout--padding-m-small);
}
.btn.small.empty.category.color-buzzin {
color: #feaa14;
border-color: #feaa14;
}
.btn.small.empty.category.color-buzzin:hover {
background-color: #feaa141a;
}
.btn.back-to-top-button {
z-index: 99999;
width: 42px;
height: 42px;
margin-bottom: 16px;
margin-right: 16px;
padding-left: 8px;
padding-right: 8px;
transition: background-color .2s, box-shadow .3s cubic-bezier(.165, .84, .44, 1), border-color .3s cubic-bezier(.165, .84, .44, 1);
display: inline-flex;
position: fixed;
inset: auto 0% 0% auto;
}
.btn.back-to-top-button.background-skydreamer {
border-style: none;
}
.btn.back-to-top-button.background-skydreamer:hover {
background-color: #cc4323;
border-style: none;
}
.btn.back-to-top-button.background-plannin {
background-color: #ff8d5b;
}
.btn.back-to-top-button.background-plannin:hover {
background-color: #ff6420;
}
.btn.back-to-top-button.background-exotic {
background-color: #64b5ff;
}
.btn.back-to-top-button.background-exotic:hover {
background-color: #1a92ff;
border-style: none;
}
.btn.back-to-top-button.background-muzeum {
background-color: #00affa;
}
.btn.back-to-top-button.background-muzeum:hover {
background-color: #00affa;
border-color: #00affa;
}
.btn.back-to-top-button.background-bts {
background-color: #9747ff;
border-style: none;
}
.btn.back-to-top-button.background-bts:hover {
background-color: #7123d6;
border-style: none;
}
.btn.back-to-top-button.background-ruffpass {
background-color: #5694f3;
border-style: none;
}
.btn.back-to-top-button.background-ruffpass:hover {
background-color: #326dc7;
border-style: none;
}
.btn.back-to-top-button.background-buzzin {
background-color: #feaa14;
border-style: none;
}
.btn.back-to-top-button.background-buzzin:hover {
background-color: #dd9310;
border-style: none;
}
.btn.u-text-white.background-skydreamer:hover {
color: var(--teacode-colours--tc-white);
background-color: #cc4323;
border-style: none;
}
.btn.u-text-white.background-exotic {
background-color: #64b5ff;
}
.btn.u-text-white.background-exotic:hover {
color: var(--teacode-colours--tc-white);
background-color: #1f94ff;
border-style: none;
}
.btn.u-text-white.background-plannin {
background-color: #f67245;
}
.btn.u-text-white.background-plannin:hover {
color: var(--teacode-colours--tc-white);
background-color: #cc4323;
border-style: none;
}
.btn.u-text-white.background-bts {
background-color: #9747ff;
border-style: none;
}
.btn.u-text-white.background-bts:hover {
color: var(--teacode-colours--tc-white);
background-color: #7630d1;
}
.btn.u-text-white.background-ruffpass {
background-color: #5694f3;
border-style: none;
}
.btn.u-text-white.background-ruffpass:hover {
color: var(--teacode-colours--tc-white);
background-color: #356bbe;
}
.btn.u-text-white.background-buzzin {
background-color: #feaa14;
border-style: none;
}
.btn.u-text-white.background-buzzin:hover {
color: var(--teacode-colours--tc-white);
background-color: #356bbe;
}
.btn.background-plannin {
background-color: #f67245;
}
.btn.background-muzeum {
color: var(--teacode-colours--tc-white);
background-color: #00affa;
}
.btn.background-buzzin {
background-color: #feaa14;
}
.btn.background-buzzin:hover {
background-color: #ed9d0d;
border-color: #feaa14;
}
.btn.label-large {
font-size: var(--teacode-fonts-label--label-large);
font-weight: 500;
}
.card {
border-radius: var(--component-card--border-radius\);
flex-direction: column;
flex: 1;
justify-content: flex-start;
margin-bottom: 1em;
display: flex;
position: relative;
overflow: hidden;
}
.card-body {
padding: var(--component-card--card-body-padding-lg\);
flex-direction: column;
flex: 1;
justify-content: flex-start;
align-items: flex-start;
position: relative;
}
.card-body.u-border-rad {
border-radius: 100px;
}
.form {
width: 100%;
position: relative;
}
.form_required-note {
font-size: .8rem;
position: absolute;
inset: auto 0% 0% auto;
}
.form-success {
background-color: #0000;
min-height: 320px;
position: relative;
}
.form-success_flex {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
max-width: 500px;
height: 100%;
margin-left: auto;
margin-right: auto;
display: flex;
position: absolute;
inset: 0%;
}
.form-error {
color: #e31700;
background-color: #0000;
border-top: 1px solid #e31700;
margin-top: 16px;
padding: 8px 0 0;
}
.input-group {
margin-bottom: var(--component-input--bottom-margin);
text-align: left;
flex-direction: column;
padding-top: 1px;
padding-bottom: 40px;
padding-right: 1px;
display: block;
position: relative;
}
.input-group.cc-textarea {
min-height: 140px;
}
.input-group.cc-toggle {
margin-bottom: 8px;
padding: 0 0 0 28px;
}
.input {
border: 1px solid var(--teacode-colours--tc-body-secondary);
border-radius: var(--component-input--border-radius);
font-family: var(--component-input--font);
color: var(--teacode-colours--tc-body-primary);
font-size: var(--component-input--font-size);
line-height: var(--component-input--line-height);
letter-spacing: var(--component-input--letter-spacing);
background-color: #0000;
height: 100%;
min-height: 65px;
margin-bottom: 0;
padding: 32px 16px 8px;
transition: border-color .3s cubic-bezier(.165, .84, .44, 1);
position: absolute;
inset: 0%;
}
.input:hover, .input:focus {
border-color: var(--teacode-colours--tc-primary);
}
.input::placeholder {
color: var(--teacode-colours--tc-body-secondary);
}
.input.cc-select {
background-image: url("https://cdn.prod.website-files.com/65ca6f59445c0a52f3323325/65ca6f59445c0a52f332339a_arrow-black.svg");
background-position: 98%;
background-repeat: no-repeat;
background-size: 24px;
padding-left: 12px;
}
.input.cc-light {
color: var(--teacode-colours--tc-white);
}
.input-label {
z-index: 1;
font-family: var(--component-input-label--font);
color: var(--teacode-colours--tc-body-primary);
font-size: var(--component-input-label--font-size);
line-height: var(--component-input-label--line-height);
letter-spacing: var(--component-input-label--letter-spacing);
border-top-right-radius: 3px;
margin-bottom: 0;
margin-left: 16px;
padding-top: 12px;
padding-bottom: 4px;
position: relative;
}
.input-label.cc-static {
font-size: var(--component-input-label--font-size);
background-color: #0000;
margin-left: 0;
padding-top: 0;
padding-bottom: 0;
}
.input-radio {
border-color: var(--teacode-colours--tc-body-secondary);
box-shadow: inset 0 0 0 3px var(--teacode-colours--tc-white);
background-color: #0000;
width: 20px;
height: 20px;
margin-top: 2px;
margin-left: -28px;
}
.input-radio:hover {
border-color: var(--teacode-colours--tc-primary);
background-color: var(--teacode-colours--tc-background);
}
.input-radio.w--redirected-checked {
border-width: 1px;
border-color: var(--teacode-colours--tc-primary);
background-color: var(--teacode-colours--tc-primary);
}
.input-radio.w--redirected-focus {
border-color: var(--teacode-colours--tc-primary);
box-shadow: none;
outline-color: var(--teacode-colours--tc-primary);
outline-offset: 0px;
outline-width: 2px;
outline-style: solid;
}
.input-radio.cc-light {
box-shadow: inset 0 0 0 3px var(--colors-all--dark-gray\);
}
.input-radio.cc-light:hover {
background-color: var(--teacode-colours--tc-body-secondary);
}
.input-check {
border-color: var(--teacode-colours--tc-body-secondary);
background-color: #0000;
width: 20px;
height: 20px;
margin-top: 2px;
margin-left: -28px;
box-shadow: 0 0 #0000;
}
.input-check:hover {
border-color: var(--teacode-colours--tc-primary);
background-color: var(--teacode-colours--tc-background);
}
.input-check.w--redirected-checked {
border-color: var(--teacode-colours--tc-primary);
background-color: var(--teacode-colours--tc-primary);
background-size: 16px;
}
.input-check.w--redirected-focus {
border-color: var(--teacode-colours--tc-primary);
box-shadow: none;
outline-color: var(--teacode-colours--tc-primary);
outline-offset: 0px;
outline-width: 2px;
outline-style: solid;
}
.input-check.cc-light:hover {
background-color: var(--teacode-colours--tc-body-secondary);
}
.utility_form {
text-align: left;
flex-direction: column;
}
.utility_container {
text-align: center;
flex-direction: column;
width: 90%;
max-width: 600px;
display: flex;
}
.page-wrapper {
color: var(--colors-page-wrapper--text\);
position: relative;
overflow: hidden;
}
.page-wrapper.cc-utility {
flex-direction: column;
justify-content: center;
align-items: center;
min-height: 100vh;
display: flex;
}
.styles__section-label {
border-bottom: 2px dotted var(--teacode-colours--tc-body-secondary);
letter-spacing: 0;
text-transform: none;
margin-top: 6rem;
margin-bottom: 2rem;
padding-bottom: 8px;
}
.styles__card-preview {
border-bottom: 1px solid var(--teacode-colours--tc-body-primary);
text-align: center;
justify-content: center;
align-items: center;
width: 100%;
min-height: 120px;
display: flex;
position: relative;
}
.styles__visual-div {
text-align: center;
background-color: #0073e61a;
border: 1px solid #0073e6;
border-radius: 3px;
padding: 16px;
position: relative;
}
.styles__global-embed-code {
position: fixed;
inset: 0% auto auto 0%;
}
.styles__row-example {
border: 1px dashed var(--teacode-colours--tc-body-secondary);
height: 200px;
margin-top: 4px;
padding: 20px;
}
.styles__selector-callout {
color: #fff;
letter-spacing: .01em;
background-color: #0073e6;
border-radius: 3px;
margin-top: .1em;
margin-bottom: .1em;
margin-right: .2em;
padding: .08em .6em;
font-size: .8rem;
line-height: 1.7;
display: inline-block;
position: relative;
top: -1px;
}
.styles__selector-callout.cc-element {
background-color: #d13591;
}
.styles__utility-wrap {
margin-bottom: 40px;
padding: 1px;
}
.styles__utility-wrap.cc-margin {
background-image: url("https://cdn.prod.website-files.com/65ca6f59445c0a52f3323325/65ca6f59445c0a52f3323395_bg-margin.svg");
background-position: 0 0;
background-size: 4px;
}
.styles__utility-wrap.cc-padding {
background-image: url("https://cdn.prod.website-files.com/65ca6f59445c0a52f3323325/65ca6f59445c0a52f3323396_bg-padding.svg");
background-position: 0 0;
background-size: 4px;
}
.styles__nav {
z-index: 2;
background-color: var(--teacode-colours--tc-body-primary);
text-transform: uppercase;
padding-top: 16px;
padding-bottom: 16px;
line-height: 1.1;
position: sticky;
top: 0;
}
.styles__nav-container {
justify-content: space-between;
align-items: center;
display: flex;
}
.styles__nav-link {
color: var(--teacode-colours--tc-white);
letter-spacing: .03em;
padding: .6em .8em;
font-size: .85em;
font-weight: 500;
text-decoration: none;
display: inline-block;
}
.styles__nav-link:hover, .styles__nav-link.w--current {
text-decoration: underline;
}
.styles__nav-link.cc-cta {
background-color: var(--teacode-colours--tc-primary);
border-radius: 4px;
margin-left: .4em;
}
.styles__nav-link.cc-cta:hover {
background-color: var(--colors-all--dark-gray\);
text-decoration: none;
}
.styles__nav-version {
background-color: var(--teacode-colours--tc-primary);
color: var(--teacode-colours--tc-white);
text-transform: none;
border-radius: 4px;
margin-left: .8em;
padding: .35em .5em .4em;
font-size: .7em;
line-height: 1em;
display: inline-block;
}
.styles__card {
background-color: #0073e61a;
border: 1px solid #0073e6;
border-radius: 8px;
overflow: hidden;
}
.styles__nav-logo {
color: var(--teacode-colours--tc-primary);
width: 64px;
line-height: .8;
}
.styles_utility-card {
background-color: #0073e61a;
border: 1px solid #0073e6;
padding: 20px;
}
.eyebrow {
margin-bottom: var(--teacode-type-label--bottom-margin);
font-family: var(--teacode-type-label--font);
font-size: var(--teacode-type-label--font-size-lg);
line-height: var(--teacode-type-label--line-height);
letter-spacing: .1em;
text-transform: uppercase;
}
.paragraph-0-9 {
margin-bottom: var(--teacode-type-paragraph--bottom-margin);
font-family: var(--teacode-type-paragraph--font);
font-size: var(--teacode-type-paragraph--font-size-lg);
line-height: var(--teacode-type-paragraph--line-height);
letter-spacing: var(--teacode-type-paragraph--letter-spacing);
}
.paragraph-1-25 {
margin-bottom: var(--type-paragraph-1-25--bottom-margin);
font-family: var(--type-paragraph-1-25--font);
font-size: var(--type-paragraph-1-25--font-size-lg);
line-height: var(--type-paragraph-1-25--line-height);
letter-spacing: var(--type-paragraph-1-25--letter-spacing);
}
.paragraph-1-5 {
margin-bottom: var(--teacode-type-caption--letter-spacing);
font-family: var(--teacode-type-caption--font);
font-size: var(--type-paragraph-1-2--font-size-lg\);
line-height: var(--teacode-type-caption--font-weight);
max-width: 55ch;
}
.paragraph-1-5.u-intro-par-length {
max-width: 30ch;
}
.u-bg-primary {
background-color: var(--teacode-colours--tc-primary);
}
.u-bg-black {
background-color: var(--teacode-colours--tc-body-primary);
}
.u-bg-darkgray {
background-color: var(--colors-all--dark-gray\);
}
.u-bg-midgray {
background-color: var(--teacode-colours--tc-body-secondary);
}
.u-bg-lightgray {
background-color: var(--teacode-colours--tc-background);
}
.u-bg-lightgray.u-overflow-clip {
overflow: clip;
}
.u-bg-white {
background-color: var(--teacode-colours--tc-white);
}
.u-text-primary {
color: var(--teacode-colours--tc-primary);
}
.u-text-primary.rwd-h1 {
margin-bottom: 0;
}
.u-text-primary.rwd-h1.u-mb-d-12 {
margin-bottom: var(--teacode-type-weight--teacode-spaces--12);
}
.u-text-black {
color: var(--teacode-colours--tc-body-primary);
}
.u-text-darkgray {
color: var(--colors-all--dark-gray\);
}
.u-text-midgray {
color: var(--teacode-colours--tc-body-secondary);
}
.u-text-lightgray {
color: var(--teacode-colours--tc-background);
}
.u-text-white {
color: var(--teacode-colours--tc-white);
}
.u-text-center {
text-align: center;
}
.u-text-right {
text-align: right;
}
.u-overflow-hidden {
overflow: hidden;
}
.u-overflow-visible {
overflow: visible;
}
.u-d-flex {
flex-flow: row;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.u-d-flex.cc-align-center {
justify-content: flex-start;
align-items: center;
}
.u-d-flex.u-flex-vertical {
flex-flow: column;
}
.u-d-flex.u-flex-vertical.u-d-gap-4.u-d-50.u-d-t-100.padding {
padding-top: 24px;
}
.u-d-flex.u-flex-vertical.u-d-gap-2 {
grid-column-gap: var(--teacode-type-weight--teacode-spaces--2);
grid-row-gap: var(--teacode-type-weight--teacode-spaces--2);
}
.u-d-flex.u-justify-center, .u-d-flex.u-align-center, .u-d-flex.u-align-center {
justify-content: center;
align-items: center;
}
.u-d-flex.u-align-center.u-vertical {
flex-flow: column;
}
.u-d-flex.u-mb-1 {
flex-flow: row;
justify-content: flex-start;
align-items: center;
}
.u-d-flex.u-d-flex-horizontal {
grid-column-gap: var(--teacode-type-weight--teacode-spaces--2);
grid-row-gap: var(--teacode-type-weight--teacode-spaces--2);
}
.u-d-flex.u-d-flex-horizontal.u-align-left.u-d-gap-8 {
grid-column-gap: var(--teacode-type-weight--teacode-spaces--8);
grid-row-gap: var(--teacode-type-weight--teacode-spaces--8);
}
.u-d-flex.u-d-flex-horizontal.u-align-left.u-lg-hidden.u-mb-3.u-mt-ml-3.privacy-policy-mobile {
display: none;
}
.u-d-flex.u-d-flex-horizontal.u-align-left.flex-y-centered {
align-items: center;
}
.u-d-flex.u-d-flex-horizontal.u-text-left.u-d-justify-center {
justify-content: flex-start;
align-items: center;
}
.u-d-flex.u-d-flex-horizontal.u-mb-2 {
align-items: center;
}
.u-d-flex.u-d-flex-horizontal.u-align-right.u-align-ml-left.u-d-gap-0, .u-d-flex.u-d-flex-horizontal.u-d-gap-0 {
grid-column-gap: 0px;
grid-row-gap: 0px;
}
.u-d-flex.u-d-flex-horizontal.u-d-gap-0.flex-horizontal {
justify-content: flex-start;
align-items: center;
}
.u-d-flex.u-d-flex-horizontal.u-d-flex-wrap-down {
flex-flow: wrap;
}
.u-d-flex.u-d-flex-horizontal.u-d-flex-wrap-down.u-d-gap-1, .u-d-flex.u-d-flex-horizontal.u-d-gap-1 {
grid-column-gap: var(--teacode-type-weight--teacode-spaces--1);
grid-row-gap: var(--teacode-type-weight--teacode-spaces--1);
}
.u-d-flex.u-position-relative.u-text-left {
text-align: left;
}
.u-d-flex.u-align-left.u-mt-2 {
margin-top: var(--teacode-type-weight--teacode-spaces--2);
}
.u-d-flex.u-align-left.u-mt-2.u-sm-hidden {
font-size: var(--teacode-fonts-label--label-medium);
font-weight: 500;
}
.u-d-flex.u-align-left.u-mt-4 {
margin-top: var(--teacode-type-weight--teacode-spaces--4);
}
.u-d-flex.u-align-right {
justify-content: flex-end;
align-items: flex-end;
}
.u-d-flex.paragraph-link.u-pt-64 {
padding-top: var(--teacode-type-weight--teacode-spaces--8);
}
.u-d-flex.u-d-d-30 {
width: 30%;
}
.u-d-flex._70 {
width: 70%;
}
.u-d-flex.u-d-gap-8 {
grid-column-gap: var(--teacode-type-weight--teacode-spaces--8);
grid-row-gap: var(--teacode-type-weight--teacode-spaces--8);
}
.u-d-flex.u-mb-2 {
margin-bottom: var(--teacode-type-weight--teacode-spaces--2);
}
.u-d-flex.u-d-gap-3 {
grid-column-gap: var(--teacode-type-weight--teacode-spaces--3);
grid-row-gap: var(--teacode-type-weight--teacode-spaces--3);
}
.u-d-flex.u-d-gap-4 {
grid-column-gap: var(--teacode-type-weight--teacode-spaces--4);
grid-row-gap: var(--teacode-type-weight--teacode-spaces--4);
}
.u-d-flex.u-d-gap-2 {
grid-column-gap: var(--teacode-type-weight--teacode-spaces--2);
grid-row-gap: var(--teacode-type-weight--teacode-spaces--2);
}
.u-d-flex.u-d-flex-vertical {
flex-flow: column;
}
.u-d-flex.u-d-flex-vertical.u-d-gap-1 {
grid-column-gap: 8px;
grid-row-gap: 8px;
}
.u-d-none {
display: none;
}
.u-d-block {
display: block;
}
.u-sr-only {
white-space: nowrap;
border: 0 solid #0000;
width: 1px;
height: 1px;
margin-top: -1px;
padding: 0;
position: absolute;
overflow: hidden;
}
.u-h-100 {
height: 100%;
}
.u-w-100 {
width: 100%;
max-width: 100vw;
}
.u-aspect-1x1 {
width: 100%;
padding-top: 100%;
position: relative;
overflow: hidden;
}
.u-img-cover {
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.u-link-cover {
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.u-z-index-1 {
z-index: 1;
position: relative;
}
.u-mt-0 {
margin-top: 0;
}
.u-mt-2 {
margin-top: var(--teacode-type-weight--teacode-spaces--2);
}
.u-mt-3 {
margin-top: var(--teacode-type-weight--teacode-spaces--3);
}
.u-mt-auto {
margin-top: auto;
}
.u-mt-1 {
margin-top: var(--teacode-spacing-utility-em--1em);
}
.u-mb-1 {
margin-bottom: 8px;
}
.u-mb-0 {
margin-bottom: 0;
}
.u-mb-2 {
margin-bottom: var(--teacode-type-weight--teacode-spaces--2);
}
.u-mb-3 {
margin-bottom: var(--teacode-spacing-utility-em--3em);
}
.u-mlr-auto {
margin-left: auto;
margin-right: auto;
}
.u-mr-1 {
margin-right: var(--teacode-spacing-utility-em--1em);
}
.u-m-0 {
margin: 0;
}
.u-ml-1 {
margin-left: var(--teacode-spacing-utility-em--1em);
}
.u-pb-0 {
padding-bottom: 0;
}
.u-pb-1 {
padding-bottom: 8px;
}
.u-pb-3 {
padding-bottom: var(--teacode-type-weight--teacode-spaces--3);
}
.u-pb-2 {
padding-bottom: var(--teacode-type-weight--teacode-spaces--2);
}
.u-pt-1 {
padding-top: var(--teacode-type-weight--teacode-spaces--1);
}
.u-pt-2 {
padding-top: var(--teacode-type-weight--teacode-spaces--2);
}
.u-pt-3 {
padding-top: var(--teacode-type-weight--teacode-spaces--3);
}
.u-p-1 {
padding: var(--teacode-spacing-utility-em--1em);
}
.u-p-0 {
padding: 0;
}
.u-pt-0 {
padding-top: 0;
}
.u-border {
border: var(--borders-all--border-size) solid var(--borders-all--border-color);
border-radius: 0;
}
.u-position-relative {
position: relative;
}
.u-position-relative.u-mb--23 {
margin-bottom: -184px;
}
.u-position-relative.u-d-5-10.u-visible-mp {
display: none;
}
.u-minh-100vh {
min-height: 100vh;
}
.u-bg-glass {
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
background-color: #f5f5f5a6;
}
.u-logo {
width: 110px;
}
.menu-link {
padding-right: var(--teacode-spacing-utility-em--1em);
padding-left: var(--teacode-spacing-utility-em--1em);
align-self: center;
}
.highlighter {
background-color: var(--teacode-colours--tc-primary);
border-radius: 20px;
align-self: flex-start;
width: 115px;
height: 4px;
margin-top: 5px;
margin-bottom: 15px;
}
.highlighter.highlighter-customers {
margin-bottom: var(--teacode-type-weight--teacode-spaces--3);
}
.highlighter.highlighter-customers.u-pb-t-16 {
display: none;
}
.highlight {
color: var(--teacode-colours--tc-primary);
}
.highlight.renoon {
color: #752a00;
}
.u-position-absolute {
position: absolute;
}
.u-position-absolute.process-bubble-1 {
top: 15px;
left: -146%;
}
.brand {
flex-flow: column;
}
.menu-bar {
z-index: 999;
padding-right: var(--teacode-type-weight--teacode-spaces--1);
padding-left: var(--teacode-type-weight--teacode-spaces--3);
border: var(--borders-all--border-size) solid var(--teacode-colours--tc-body-tertiary);
border-radius: var(--teacode-radius--rad-x-small);
-webkit-backdrop-filter: blur(4px);
backdrop-filter: blur(4px);
background-color: #ffffffb3;
justify-content: space-between;
align-items: center;
width: 100%;
max-width: 942px;
height: 58px;
margin-left: auto;
margin-right: auto;
display: flex;
}
.menu-bar.u-menu-blog-pt {
margin-top: 5px;
}
.menu-bar.u-d-z-index-999 {
margin-bottom: var(--dropdown-margin);
}
.menu-bar.u-d-z-index-999.test-menu {
flex-flow: column;
justify-content: flex-start;
}
.menu-bar.u-d-z-index-999.test-menu.menu-copy {
z-index: 1000;
-webkit-backdrop-filter: none;
backdrop-filter: none;
width: 100%;
margin-top: -1px;
margin-left: -24px;
margin-right: -8px;
padding-left: 0;
padding-right: 0;
position: absolute;
}
.menu-bar.u-d-z-index-999.test-menu.menu-copy.services-menu-dropdown-backdrop {
border-bottom-color: var(--menu-bar-border-animation);
opacity: 0;
border-top-left-radius: 30px;
border-top-right-radius: 30px;
width: 100.4%;
max-width: 100.4%;
margin-left: -24px;
margin-right: -8px;
display: block;
}
.menu-bar.u-d-z-index-999.test-menu.menu-copy.industries-menu-dropdown-backdrop {
border-bottom-color: var(--menu-bar-border-animation-industries);
opacity: 0;
width: 100.4%;
max-width: 100.4%;
display: block;
}
.nav-menu {
justify-content: center;
align-items: center;
display: flex;
}
.nav-menu.u-d-flex {
align-items: center;
}
.sticky {
position: fixed;
inset: 0% 0% auto;
}
.green-square {
aspect-ratio: 1;
border-radius: var(--teacode-radius--rad-large);
background-color: var(--teacode-colours--tc-primary);
align-self: flex-end;
width: 100%;
max-width: 584px;
position: relative;
right: -6.16%;
}
.clutch {
padding-top: var(--teacode-type-weight--teacode-spaces--4);
width: 192px;
display: block;
}
.home-bubble {
width: 159px;
position: absolute;
inset: auto auto 13% 46%;
overflow: clip;
}
.u-text-left {
text-align: left;
}
.heading {
position: relative;
}
.paragraph {
max-width: 350px;
font-size: 18px;
font-weight: 400;
line-height: 25px;
}
.paragraph.u-ml-3 {
margin-left: 3em;
}
.paragraph.u-mb-0.u-text-semi-bold {
font-weight: 600;
}
.paragraph.u-mb-0.u-text-link {
cursor: pointer;
border-bottom: 2px solid #0000;
}
.paragraph.u-mb-0.u-text-link:hover {
border-bottom: 2px solid var(--teacode-colours--tc-primary);
}
.u-border-rad {
border-radius: var(--responsiveness--border-radius\);
}
.progress-bar {
width: 250px;
height: 15px;
}
.progress-bar.u-border.u-border-rad.u-bg-glass.u-shadow {
margin-top: 60px;
box-shadow: 2px 2px 6px #0000001f;
}
.progress-bar-status {
border-radius: var(--responsiveness--border-radius\);
background-color: var(--teacode-colours--tc-primary);
width: 33.3%;
height: 15px;
}
.highlight-white {
color: var(--teacode-colours--tc-white);
}
.category-block {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-flow: wrap;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
margin-top: 0;
display: flex;
}
.categories {
padding: var(--teacode-type-weight--teacode-spaces--1-5) var(--teacode-type-weight--teacode-spaces--4);
border-radius: var(--teacode-radius--rad-middle);
font-size: var(--teacode-fonts-label--label-large);
line-height: var(--teacode-type-label--line-height);
cursor: pointer;
background-color: #00d28600;
border: 1px solid #383838;
margin-left: 0;
font-weight: 500;
transition: opacity .2s;
}
.categories:hover {
color: var(--teacode-colours--tc-body-primary);
}
.categories:active {
background-color: var(--teacode-colours--tc-primary-dark);
}
.categories.hover {
border-color: var(--teacode-colours--tc-primary);
background-color: var(--teacode-colours--tc-primary);
}
.social {
z-index: auto;
object-fit: contain;
background-image: url("https://cdn.prod.website-files.com/65ca6f59445c0a52f3323325/65cfbbdd4ae72f81289b1cf7_image%2014%20(1).png");
background-position: 0 0;
background-size: auto;
flex-direction: column;
justify-content: center;
align-items: stretch;
width: 100%;
height: 100%;
display: none;
position: absolute;
inset: 0%;
}
.social-media-backgrounnd {
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
background-position: 0 0;
background-size: auto;
width: 100%;
height: 100%;
position: absolute;
}
.client-slider-slide {
margin-right: var(--teacode-type-weight--teacode-spaces--12);
max-width: none;
height: 128px;
position: static;
}
.client-slider-slide.technology {
height: 48px;
}
.client-slider-slide.technology-static {
height: 132px;
margin-right: 0;
}
.testimonials {
z-index: 999;
padding: var(--teacode-container-layout--teacode-content-layout--padding-m-large);
border-radius: var(--teacode-radius--rad-normal);
background-color: var(--teacode-colours--tc-white);
flex-flow: row;
justify-content: center;
align-items: center;
width: 700px;
height: 250px;
margin-left: auto;
margin-right: auto;
display: flex;
position: relative;
}
.testimonials.u-d-flex.u-pt-3.u-justify-center.u-div-rad {
border-top-left-radius: var(--responsiveness--div-radius-div-with-text-testimonials\);
border-top-right-radius: var(--responsiveness--div-radius-div-with-text-testimonials\);
border-bottom-left-radius: var(--responsiveness--div-radius-div-with-text-testimonials\);
border-bottom-right-radius: var(--responsiveness--div-radius-div-with-text-testimonials\);
height: 360px;
margin: 0 auto;
}
.testimonial-person {
font-size: var(--teacode-type-h6--font-size-lg);
line-height: var(--teacode-type-h6--line-height);
letter-spacing: var(--teacode-type-h6--letter-spacing);
}
.testimonial-position {
justify-content: center;
margin-bottom: 0;
display: flex;
}
.testimonial-arrow {
width: 40px;
height: 40px;
}
.testimonial-arrow.testimonial-arrow-prev {
cursor: pointer;
max-width: none;
}
.testimonial-arrow.testimonial-arrow-next {
cursor: pointer;
transform-style: preserve-3d;
max-width: none;
transform: rotateX(0)rotateY(180deg)rotateZ(0);
}
.link-outside-par {
font-size: 20px;
text-decoration: none;
display: inline-block;
}
.link-outside-par:hover {
text-decoration: none;
}
.link-outside-par.blog-nav {
background-color: #fafafa00;
border-color: #ccc0;
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
}
.paragraph-link {
border-style: solid;
border-width: 0 0 2px;
border-color: #fff0 #fff0 var(--teacode-colours--tc-primary);
line-height: var(--teacode-spacing-utility-rem--0-5rem);
align-items: center;
display: inline-block;
}
.paragraph-link:hover {
border-bottom-color: var(--teacode-colours--tc-primary);
color: var(--teacode-colours--tc-primary);
}
.paragraph-link:active {
border-bottom-color: var(--teacode-colours--tc-primary-dark);
color: var(--teacode-colours--tc-primary-dark);
}
.paragraph-link.paragraph-link-inline-flex {
display: inline-flex;
}
.paragraph-2 {
background-color: #fff0;
text-decoration: none;
display: inline-block;
}
.paragraph-2.link-outside-par {
color: var(--teacode-colours--tc-body-primary);
}
.paragraph-2.link-outside-par.u-pl-0 {
padding-left: 0;
}
.portfolio-arrow {
margin-left: var(--teacode-type-weight--teacode-spaces--1);
width: 24px;
height: 24px;
padding-bottom: 7px;
display: inline-block;
}
.service-categories {
padding: var(--teacode-type-weight--teacode-spaces--1) var(--teacode-type-weight--teacode-spaces--2);
border: 1px solid var(--teacode-colours--tc-primary);
border-radius: var(--teacode-radius--rad-normal);
color: var(--teacode-colours--tc-primary);
font-size: var(--teacode-fonts-caption--caption-small);
line-height: var(--teacode-type-caption--line-height);
text-transform: uppercase;
background-color: #fff0;
}
.service-categories:hover {
background-color: var(--bg-hover-light);
}
.service-categories:active {
background-color: var(--bg-pressed-light);
}
.portfolio {
flex-direction: column;
width: 100vw;
max-width: 110vw;
margin-left: 0;
padding-top: 0;
padding-bottom: 221px;
display: flex;
overflow: hidden;
}
.bubble1 {
width: 287px;
position: absolute;
inset: auto auto 0% 0%;
overflow: hidden;
}
.bubble2 {
width: 123px;
position: absolute;
inset: 0 auto auto 302px;
}
.bubble-teammates {
width: 187px;
max-width: 200px;
position: absolute;
inset: 184px auto auto 380px;
}
.bubble-projects {
width: 449px;
position: absolute;
top: 248px;
left: 567px;
}
.bubble5 {
width: 67px;
position: absolute;
inset: auto 356px 141px auto;
}
.bubble-continents {
width: 174px;
position: absolute;
inset: auto 424px 174px auto;
}
.bubble7 {
width: 243px;
max-width: 290px;
position: absolute;
inset: 119px 0% auto auto;
}
.bubble-years {
width: 322px;
position: absolute;
top: 77px;
bottom: auto;
left: 896px;
}
.faq-open {
padding-top: var(--teacode-spacing-utility-rem--4rem);
padding-right: var(--teacode-spacing-utility-rem--4rem);
padding-bottom: var(--teacode-spacing-utility-rem--4rem);
padding-left: var(--teacode-spacing-utility-rem--4rem);
border-top-left-radius: var(--responsiveness--div-radius-div-with-text-testimonials\);
border-top-right-radius: var(--responsiveness--div-radius-div-with-text-testimonials\);
border-bottom-left-radius: var(--responsiveness--div-radius-div-with-text-testimonials\);
border-bottom-right-radius: var(--responsiveness--div-radius-div-with-text-testimonials\);
text-align: left;
background-color: #ede9e2;
flex-direction: row;
justify-content: flex-start;
align-items: center;
margin-bottom: 1em;
transition-property: opacity;
transition-duration: .2s;
transition-timing-function: ease;
display: flex;
position: relative;
}
.u-justify-left {
text-align: left;
align-self: flex-start;
}
.u-align-left {
text-align: left;
}
.faq-arrow-open {
width: 25px;
position: absolute;
inset: 15% 5% auto auto;
}
.faq-closed {
padding: var(--teacode-spacing-utility-rem--1-5rem) var(--teacode-spacing-utility-rem--4rem);
border: 1px solid var(--teacode-colours--tc-body-primary);
border-radius: var(--responsiveness--div-radius-div-with-text-testimonials\);
text-align: left;
flex-direction: row;
justify-content: flex-start;
align-items: center;
margin-bottom: 1em;
display: flex;
position: relative;
}
.faq-arrow-closed {
z-index: 1;
text-align: left;
background-image: url("https://cdn.prod.website-files.com/65ca6f59445c0a52f3323325/66af9271f3e059138bc407b4_icon-arrow%20(1).svg");
background-position: 0 0;
background-size: cover;
align-self: center;
width: 25px;
height: 25px;
display: block;
position: absolute;
inset: 0% auto 0% 0%;
transform: rotate(180deg);
}
.case-study-desc {
flex-direction: column;
justify-content: flex-start;
align-self: flex-end;
align-items: flex-start;
max-width: 60ch;
margin-top: 12vw;
margin-left: 60px;
margin-right: 0;
display: flex;
position: relative;
}
.body-display {
color: #8a94a6;
line-height: 1.55em;
}
.body-display.large {
font-size: 18px;
line-height: 1.6em;
}
.italic {
font-style: italic;
font-weight: 200;
}
.slider-2 {
background-color: #ddd0;
height: 100%;
}
.slide-nav {
display: none;
}
.process-sticky-parent {
width: 100%;
height: 200vh;
position: static;
overflow: visible;
}
.process-sticky-child {
width: 100%;
height: 80vh;
position: sticky;
top: 20%;
overflow: hidden;
}
.process {
width: 225vh;
height: 60vh;
margin-left: 0;
display: flex;
}
.process-discovery-desc {
z-index: 1;
max-width: 26ch;
position: absolute;
top: auto;
bottom: 22%;
right: auto;
}
.process-no {
margin-bottom: -2em;
}
.process-design-desc {
z-index: 1;
max-width: 26ch;
position: absolute;
bottom: 39%;
right: auto;
}
.img-blog-miniature {
aspect-ratio: 16 / 9;
border-radius: var(--teacode-radius--rad-x-small);
object-fit: cover;
}
.blog-page-item-category {
color: var(--teacode-colours--tc-primary);
text-align: right;
text-transform: uppercase;
margin-bottom: 0;
padding-top: 20px;
}
.people {
justify-content: center;
align-items: flex-start;
width: 1337px;
height: 926px;
margin-left: 0;
margin-right: 0;
display: flex;
position: relative;
left: auto;
right: auto;
}
.img-people {
position: absolute;
}
.img-people.michal {
width: 221px;
top: 505px;
right: 628px;
}
.img-people.mike {
width: 158px;
top: 82px;
left: 294px;
}
.img-people.bubble-large {
width: 213px;
inset: 311px auto auto 0;
}
.img-people.piotr {
width: 306px;
top: 187px;
right: 679px;
}
.img-people.bubble-blurred {
width: 180px;
inset: 455px 793px auto auto;
}
.img-people.klaudia {
width: 187px;
inset: 76px 406px auto auto;
}
.img-people.gaba {
width: 201px;
top: 553px;
right: 220px;
}
.img-people.dima {
width: 225px;
top: 609px;
bottom: auto;
right: 913px;
}
.img-people.bubble-small {
width: 67px;
inset: 287px 245px auto auto;
}
.img-people.bubble-blurred-2 {
width: 229px;
inset: 0% 0% auto auto;
}
.img-people.kuba {
width: 168px;
inset: 329px 386px auto auto;
}
.img-people.bubble-middle {
width: 168px;
inset: auto 443px 0% auto;
}
.footer-container {
margin-top: var(--teacode-type-weight--teacode-spaces--4);
padding-bottom: var(--teacode-type-weight--teacode-spaces--4);
display: flex;
}
.footer-1st-col {
padding-right: var(--teacode-type-weight--teacode-spaces--12);
grid-column-gap: var(--teacode-type-weight--teacode-spaces--4);
grid-row-gap: var(--teacode-type-weight--teacode-spaces--4);
border-right: 1px solid var(--teacode-colours--tc-body-primary);
flex-flow: column;
width: 30%;
display: flex;
}
.footer-link-grid {
padding-right: var(--teacode-type-weight--teacode-spaces--2);
padding-left: var(--teacode-type-weight--teacode-spaces--12);
grid-column-gap: 4px;
grid-row-gap: 4px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
justify-content: space-between;
width: 100%;
display: flex;
}
.footer-col {
width: auto;
}
.fooer-social {
max-width: var(--teacode-container-layout--container-max-width-1920);
padding-top: var(--teacode-type-weight--teacode-spaces--4);
padding-bottom: var(--teacode-type-weight--teacode-spaces--4);
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
justify-content: space-between;
place-items: center stretch;
width: 100%;
display: flex;
}
.u-word-highlighter {
border-top: 8px none var(--teacode-colours--tc-primary);
position: relative;
}
.ribbon-container {
width: var(--teacode-section-layout--section-width);
max-width: var(--teacode-section-layout--section-width);
overflow: hidden;
}
.ribbon-container.test {
width: 100vw;
}
.ribbon-container.test.client-logos {
width: 100%;
max-width: 100%;
}
.ribbon-animation {
aspect-ratio: auto;
white-space: nowrap;
word-break: keep-all;
overflow-wrap: normal;
object-fit: fill;
flex-flow: row;
display: flex;
}
.ribbon-logos-wrapper {
overflow-wrap: normal;
justify-content: center;
align-items: center;
display: flex;
}
.ribbon-logos-wrapper.u-d-flex {
flex-flow: row;
}
.ribbon-child-item {
vertical-align: middle;
}
.ribbon-child-item.badges {
margin-top: 0;
margin-bottom: 0;
}
.swiper-web-carousel.swiper {
height: 643px;
margin-bottom: 48px;
padding-top: 32px;
padding-bottom: 32px;
overflow: hidden;
}
.swiper-wrapper {
height: 100%;
display: flex;
}
.swiper-slide {
border-radius: 0;
flex: none;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
}
.swiper-slide-image {
text-align: left;
border-radius: 143px;
height: 611px;
position: absolute;
inset: 0% 0% 0% auto;
}
.swiper-slide-title {
font-family: var(--teacode-type-all-fonts--primary-font);
color: var(--teacode-colours--tc-primary);
letter-spacing: -.45px;
margin-bottom: 48px;
font-size: 90px;
font-weight: 500;
line-height: 128px;
}
.swiper.swiper-globe-testimonials-carousel {
width: 100%;
position: absolute;
top: -200px;
}
.swiper-slide-grid {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
position: relative;
}
.home-intro {
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
overflow: hidden;
}
.html-embed {
display: none;
}
.swiper-slide-text-wrapper {
z-index: 10;
transition-property: opacity;
transition-duration: .2s;
transition-timing-function: ease;
position: absolute;
}
.rich-text-block {
color: #12171a;
width: 50%;
padding-right: 8px;
font-size: 22px;
font-weight: 300;
line-height: 34px;
}
.fs-3dglobe-container {
width: 100vw;
max-width: 1358px;
height: 1045px;
margin-left: auto;
margin-right: auto;
}
.fs-3dglobe-container.globe-gradient {
width: 1100px;
height: 1100px;
max-height: 1200px;
margin-bottom: 0;
position: relative;
}
.fs-globe-pin {
z-index: 999;
justify-content: center;
align-items: center;
width: 48px;
height: 48px;
position: relative;
}
.fs-globe-tooltip {
background-color: var(--teacode-colours--tc-white);
border-radius: 8px;
padding: 16px;
display: none;
}
.hidden {
display: none;
}
.image-8 {
width: 100%;
position: relative;
}
.image-8.current {
display: none;
}
.globe-testimonials-carousel {
width: 100vw;
margin-top: -400px;
position: relative;
}
.html-embed-3 {
display: none;
}
.div-block-21 {
margin-top: auto;
}
.div-block-22 {
flex-flow: column;
flex: 1;
justify-content: center;
align-items: stretch;
display: flex;
}
.intro-bubble-mobile, .u-lg-hidden {
display: none;
}
.portfolio-sticky-child-copy {
width: 100%;
height: 100vh;
padding-top: 0;
position: sticky;
top: 20px;
overflow: hidden;
}
.portfolio-sticky-parent-scroll {
width: 100%;
height: 150vw;
}
.case-study-mock {
width: 46vw;
height: 35vw;
margin-top: 12vh;
display: flex;
position: relative;
overflow: hidden;
}
.case-study-mock.case-end-1 {
background-image: none;
background-repeat: repeat;
background-size: auto;
}
.case-study-1-addon-1 {
max-width: 23vw;
position: absolute;
top: -5.8vw;
left: auto;
right: 8%;
}
.case-study-1-addon-2 {
max-width: 16vw;
position: absolute;
inset: auto auto -11.8vw 0%;
}
.case-study-left {
width: 50vw;
height: 100%;
}
.case-study-2-addon-1 {
opacity: 0;
max-width: 23vw;
position: absolute;
top: -5.8vw;
left: auto;
right: 55%;
}
.case-study-2-addon-2 {
opacity: 0;
max-width: 16vw;
position: absolute;
inset: auto auto -11.8vw 56%;
}
.case-study-3-addon-2 {
opacity: 0;
max-width: 17vw;
position: absolute;
inset: auto auto -11.4vw 0%;
}
.case-study-3-addon-1 {
opacity: 0;
max-width: 12vw;
position: absolute;
top: -5.6vw;
left: auto;
right: 8%;
}
.case-studies-row {
justify-content: center;
align-items: flex-start;
margin-bottom: 10vh;
display: flex;
}
.case-study-col-left {
height: 50vh;
}
.case-study-col-right {
max-width: 16.67%;
height: 50vh;
margin-right: -1vw;
padding-left: 20px;
}
.case-study-col-middle {
flex-flow: column;
flex: 1;
justify-content: flex-start;
align-items: center;
height: 50vh;
margin-bottom: 40px;
padding-right: 40px;
display: flex;
}
.div-block-23 {
position: relative;
}
.case-study-lg-hidden-main {
opacity: 0;
position: absolute;
}
.case-study-lg-hidden-main.case-2, .case-study-lg-hidden-main.case-3 {
opacity: 0;
}
.case-study-lg-hidden-main.case-1 {
opacity: 1;
}
.case-study-main-hidden-end {
opacity: 0;
max-width: 46vw;
height: 35vw;
max-height: 35vw;
position: absolute;
}
.case-study-main-hidden-end.case-end-3 {
overflow: hidden;
}
.case-study-main-hidden-end.case-end-2 {
max-width: 46vw;
max-height: 35vw;
}
.case-study-main-hidden-end.case-end-1 {
opacity: 1;
}
.case-study-lg-hidden-desc {
opacity: 0;
position: absolute;
}
.case-study-lg-hidden-desc.case-2 {
opacity: 0;
}
.service-carousel {
width: 60%;
margin-left: 60px;
position: relative;
}
.service-carousel.discovery {
background-image: url("https://cdn.prod.website-files.com/65ca6f59445c0a52f3323325/65e8a58a2e6cfc6b32a1d639_Group%2033638.webp");
background-position: 100% 0;
background-repeat: no-repeat;
background-size: 80%;
}
.service-carousel.design {
background-image: url("https://cdn.prod.website-files.com/65ca6f59445c0a52f3323325/65e8ab55d6e83853eb0bb73c_Group%2033640.webp");
background-position: 100% 100%;
background-repeat: no-repeat;
background-size: 80%;
}
.service-carousel.development {
background-image: url("https://cdn.prod.website-files.com/65ca6f59445c0a52f3323325/6669c6f5ab1877ebc99b17ec_Group%2033641.webp");
background-position: 100% 0;
background-repeat: no-repeat;
background-size: 80%;
}
.service-carousel.msintenance {
background-image: url("https://cdn.prod.website-files.com/65ca6f59445c0a52f3323325/65e8b0ce0c57d1002d2b4760_image%2047.webp");
background-position: 100% 100%;
background-repeat: no-repeat;
background-size: 80%;
}
.service-carousel.marketing {
background-image: url("https://cdn.prod.website-files.com/65ca6f59445c0a52f3323325/65e8b090ce38c0143b57c3a1_image%2045.webp");
background-position: 100% 0;
background-repeat: no-repeat;
background-size: 80%;
}
.blog-title {
font-size: var(--teacode-headers--h5-s);
}
.u-bg-gradient-0-1 {
background-image: linear-gradient(#fff, #f2f2f2);
width: 100%;
overflow: clip;
}
.u-bg-gradient-0-1.u-mb--120px {
overflow: clip;
}
.u-bg-gradient-1-0 {
background-image: linear-gradient(#f2f2f2, #fff);
width: 100%;
overflow: clip;
}
.badges-slider-slide-homepage {
max-width: none;
height: 130px;
margin-right: 64px;
padding-left: 0;
}
.badges-collection-wrapper {
display: inline-block;
}
.ribbon-badges-wrapper {
overflow-wrap: normal;
margin-top: 0;
display: inline-block;
position: static;
}
.cell-title-right {
font-size: var(--intro-font-size-lg\);
justify-content: center;
align-items: flex-end;
}
.cell-title-centered {
font-size: var(--intro-font-size-lg\);
text-align: center;
justify-content: center;
align-items: center;
}
.bubble-intro-home {
width: 220px;
padding-right: 34px;
position: absolute;
inset: -256px -221px auto auto;
}
.right {
justify-content: flex-end;
display: flex;
}
.cell-title-left {
font-size: var(--intro-font-size-lg\);
justify-content: center;
align-items: flex-start;
display: flex;
}
.content {
grid-template-rows: 1fr auto;
grid-template-columns: 1fr 1fr;
grid-auto-flow: row;
place-items: stretch stretch;
width: 100%;
margin-left: auto;
margin-right: auto;
padding-left: 8.33%;
padding-right: 8.33%;
}
.content.service-showcase---main {
border-radius: var(--teacode-type-weight--teacode-spaces--16);
min-height: 460px;
padding-top: 80px;
padding-bottom: 80px;
}
.content.service-showcase---main.u-hidden {
display: none;
}
.content.u-pt-2 {
padding-top: var(--teacode-type-weight--teacode-spaces--2);
}
.content.flex-for-home-intro {
display: flex;
}
.content.section-intro-center {
text-align: center;
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
}
.content.blog-content {
font-size: var(--teacode-body-fonts--body-large);
flex-flow: column;
padding-left: 8.33%;
padding-right: 25%;
display: flex;
}
.content.blog-content.cta-centered {
padding-left: 17%;
padding-right: 17%;
}
.content.u-pt-4 {
padding-top: 4rem;
}
.content.u-ds-no-padd {
max-width: 100%;
padding-left: 0%;
padding-right: 0%;
}
.content.u-ds-no-pad {
padding-left: 0%;
padding-right: 0%;
}
.content.u-ds-no-pad.u-t-ml-mp-no-padding.u-position-absolute.u-pt-4 {
padding-top: var(--teacode-type-weight--teacode-spaces--4);
}
.content.u-ds-no-pad.u-t-ml-mp-no-padding.u-position-absolute.u-pt-4.u-t-pt-0.u-position-absolute-top-0 {
top: 0;
}
.content.u-ml-visible {
display: none;
}
.content.u-pb-12-rwd.industries-travel-minh {
min-height: 450px;
}
.content.u-pb-16 {
padding-bottom: 128px;
}
.content.u-minh-300px {
min-height: 300px;
}
.content.u-minh-300px.u-d-flex.u-d-flex-vertical.u-d-flex-centered {
justify-content: center;
}
.content.u-mb-6.u-d-ml-hidden {
display: none;
}
.content.plannin-role-involvement-wrapper {
margin-top: -128px;
}
.content.flex-results {
grid-column-gap: 64px;
grid-row-gap: 64px;
flex-flow: column;
display: flex;
}
.content.bts-compliance {
z-index: 5;
margin-top: -353px;
position: relative;
}
.content.flex-buzzin-yellow {
padding-top: 80px;
position: relative;
}
.content.flex-buzzin-main {
justify-content: flex-end;
display: flex;
position: relative;
}
.page-intro {
padding-top: 200px;
padding-bottom: var(--teacode-type-weight--teacode-spaces--16);
flex-flow: column;
justify-content: flex-start;
align-items: center;
height: 720px;
display: flex;
position: relative;
}
.page-intro.about-us {
background-image: url("https://cdn.prod.website-files.com/65ca6f59445c0a52f3323325/671649062a2ccd119e11507c_about%20teacode%20software%20development.webp");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
}
.page-intro.contact {
background-image: url("https://cdn.prod.website-files.com/65ca6f59445c0a52f3323325/66f1bb51bbb1a9a1b157589a_TeaCode%20contact.webp");
background-position: 40%;
background-size: cover;
}
.page-intro.contact.u-mb--1 {
margin-bottom: -8px;
}
.page-intro.contact.u-mb--1.u-d-z-index-1 {
z-index: 1;
}
.page-intro.case-study-all-intro {
padding-bottom: var(--teacode-type-weight--teacode-spaces--4);
height: auto;
}
.page-intro.case-study {
padding-top: 123px;
}
.page-intro.case-study.trava {
background-image: url("https://cdn.prod.website-files.com/65ca6f59445c0a52f3323325/66f44c7e909f4d2a48274faf_Tava%20case%20study%20cover.webp");
background-position: 50%;
background-size: cover;
}
.page-intro.case-study.plannin {
background-image: url("https://cdn.prod.website-files.com/65ca6f59445c0a52f3323325/670f6e5b8d5ee6a0414a157d_Plannin%20Case%20Study%20Cover.webp");
background-position: 50%;
background-size: cover;
}
.page-intro.case-study.paymi {
background-image: url("https://cdn.prod.website-files.com/65ca6f59445c0a52f3323325/670f81836cffa3066dab837e_Paymi%20Case%20Study%20Cover.webp");
background-position: 50%;
background-size: cover;
}
.page-intro.case-study.bts {
background-image: url("https://cdn.prod.website-files.com/65ca6f59445c0a52f3323325/670f8c0297ebe19383191a17_Beat%20The%20Street%20Case%20Study%20Cover.webp");
background-position: 50%;
background-size: cover;
}
.page-intro.case-study.icongenie {
background-image: url("https://cdn.prod.website-files.com/65ca6f59445c0a52f3323325/670f99457bc27273f842f0ad_Icongenie%20Case%20Study%20Cover.webp");
background-position: 50%;
background-size: cover;
}
.page-intro.case-study.hocomo {
background-image: url("https://cdn.prod.website-files.com/65ca6f59445c0a52f3323325/670f9e4e9cfe94e7e7e8e2fc_Hocomo%20Case%20Study%20Cover.webp");
background-position: 50%;
background-size: cover;
}
.page-intro.case-study.skydreamer {
background-image: url("https://cdn.prod.website-files.com/65ca6f59445c0a52f3323325/6716273f657158d91ea64b25_Skydreamer%20Case%20Study%20Intro.webp");
background-position: 50%;
background-size: cover;
}
.page-intro.case-study.rinno {
background-image: url("https://cdn.prod.website-files.com/65ca6f59445c0a52f3323325/6716a43fe2c02ccece78082b_Rinno%20marketplace%20for%20purchasing%20energy%20resources%20kopia.webp");
background-position: 50%;
background-size: cover;
}
.page-intro.case-study.deubi {
background-image: url("https://cdn.prod.website-files.com/65ca6f59445c0a52f3323325/6716abc3e2c02ccece7fa162_Deutsche%20Buildung%20e-learning%20portal%20for%20students.webp");
background-position: 50%;
background-size: cover;
}
.page-intro.case-study._40k {
background-image: url("https://cdn.prod.website-files.com/65ca6f59445c0a52f3323325/6716bb64819d1b99936833e4_40k%20travel%20app.webp");
background-position: 50%;
background-size: cover;
}
.page-intro.case-study.illumbra {
background-image: url("https://cdn.prod.website-files.com/65ca6f59445c0a52f3323325/6716c18c5641b289d71dd9be_Illumbra%20aviation%20platform%20to%20streamline%20the%20aviation%20audit%20process.webp");
background-position: 50%;
background-size: cover;
}
.page-intro.case-study.gainspot {
background-image: url("https://cdn.prod.website-files.com/65ca6f59445c0a52f3323325/6716c90497444b0f7c17269e_Gainspot%20SEM%20SEO%20and%20AI-driven%20marketing%20tool%20(3).webp");
background-position: 50%;
background-size: cover;
}
.page-intro.case-study.seriousoffer {
background-image: url("https://cdn.prod.website-files.com/65ca6f59445c0a52f3323325/6716ceb0edc2dcdc2af0efd0_Serious%20offer%20real%20estate%20app%20(1).webp");
background-position: 50%;
background-size: cover;
}
.page-intro.case-study.voicey {
background-image: url("https://cdn.prod.website-files.com/65ca6f59445c0a52f3323325/6717646983b1917d5eff1646_Voicey%20Case%20Study%20Cover.webp");
background-position: 50%;
background-size: cover;
}
.page-intro.case-study.prossto {
background-image: url("https://cdn.prod.website-files.com/65ca6f59445c0a52f3323325/67176ed69242a150cdc80ef3_prossto%20case%20study%20cover.webp");
background-position: 50%;
background-size: cover;
}
.page-intro.case-study.touchcom {
background-image: url("https://cdn.prod.website-files.com/65ca6f59445c0a52f3323325/6717791918ef6ad3ae9ae933_Touchcom%20Case%20Study%20Cover.webp");
background-position: 50%;
background-size: cover;
height: 770px;
}
.page-intro.case-study.tbp2 {
background-image: url("https://cdn.prod.website-files.com/65ca6f59445c0a52f3323325/671782788158f77f3eb314c6_tbp2%20case%20study%20cover.webp");
background-position: 50%;
background-size: cover;
height: 850px;
}
.page-intro.case-study.simplifiedbody {
background-image: url("https://cdn.prod.website-files.com/65ca6f59445c0a52f3323325/67220c46a92418a9c8dd66f2_image%20357%20(3).jpg");
background-position: 50%;
background-size: cover;
}
.page-intro.case-study.amberliving {
background-image: url("https://cdn.prod.website-files.com/65ca6f59445c0a52f3323325/67179760a39e50656251374e_amber%20living%20case%20study%20cover.webp");
background-position: 50%;
background-size: cover;
}
.page-intro.case-study.autopilot {
background-image: url("https://cdn.prod.website-files.com/65ca6f59445c0a52f3323325/67179d41d87cac321f5825cb_autopilot%20case%20study%20cover.webp");
background-position: 50%;
background-size: cover;
}
.page-intro.case-study.medicor {
background-image: url("https://cdn.prod.website-files.com/65ca6f59445c0a52f3323325/6717a6952241fce77a524557_medicor%20case%20study%20cover.webp");
background-position: 50%;
background-size: cover;
}
.page-intro.case-study.wynikomat {
background-image: url("https://cdn.prod.website-files.com/65ca6f59445c0a52f3323325/6717ac5084378df858b7e0a2_wynikomat%20case%20study%20cover.webp");
background-position: 50%;
background-size: cover;
}
.page-intro.case-study.meconed {
background-image: url("https://cdn.prod.website-files.com/65ca6f59445c0a52f3323325/6717b8c03036091af59190d5_meconed%20case%20study%20cover.webp");
background-position: 50%;
background-size: cover;
}
.page-intro.case-study.renoon {
background-image: url("https://cdn.prod.website-files.com/65ca6f59445c0a52f3323325/6717bfb390101213ec69f9e5_renoon%20case%20study%20cover.webp");
background-position: 50%;
background-size: cover;
}
.page-intro.case-study.hive {
background-image: url("https://cdn.prod.website-files.com/65ca6f59445c0a52f3323325/6717c1d7ef0a0bfd61feae20_hive%20case%20study%20cover.webp");
background-position: 50%;
background-size: cover;
}
.page-intro.case-study.closedwon {
background-image: url("https://cdn.prod.website-files.com/65ca6f59445c0a52f3323325/6717c85238138935b9ced263_closedwon%20case%20study%20cover.webp");
background-position: 50%;
background-size: cover;
}
.page-intro.case-study.heirlume {
background-image: url("https://cdn.prod.website-files.com/65ca6f59445c0a52f3323325/674042177844bfa381768b4e_Heirlume%20Cover.webp");
background-position: 50%;
background-size: cover;
}
.page-intro.case-study.exotic {
background-image: url("https://cdn.prod.website-files.com/65ca6f59445c0a52f3323325/675992bcc4a32082d505d3f2_teacode%20case%20study%20exotic%20travel%20background.webp");
background-position: 50%;
background-size: cover;
}
.page-intro.case-study.muzeum {
background-image: url("https://cdn.prod.website-files.com/65ca6f59445c0a52f3323325/679a30e2d3aa9f5405be47d0_teacode%20muzeum%20gornictwa%20case%20study%20main.jpg");
background-position: 50%;
background-size: cover;
}
.page-intro.case-study.bts-admin-panel {
background-image: url("https://cdn.prod.website-files.com/65ca6f59445c0a52f3323325/67b2d8fd6e63787fc9cdbcb5_teacode%20case%20study%20bts%20admin%20panel%20cover.webp");
background-size: cover;
}
.page-intro.case-study.ruff-pass {
background-image: url("https://cdn.prod.website-files.com/65ca6f59445c0a52f3323325/67b43d7776695a26fd91e50b_teacode%20case%20study%20ruff%20pass%20cover.webp");
background-position: 30%;
background-size: cover;
}
.page-intro.case-study.buzzin {
background-image: url("https://cdn.prod.website-files.com/65ca6f59445c0a52f3323325/6800bb6afdd5efeb16180ed8_teacode%20case%20study%20buzzin%20background.webp");
background-position: 30%;
background-size: cover;
}
.page-intro.career {
background-image: url("https://cdn.prod.website-files.com/65ca6f59445c0a52f3323325/66ff005f0b3898120fb8307d_Become%20a%20Developer%20at%20TeaCode.webp");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
}
.page-intro.healthcare {
background-image: url("https://cdn.prod.website-files.com/65ca6f59445c0a52f3323325/670579d87c079872a78ab1a0_Custom%20Software%20Development%20for%20Healthcare%20TeaCode.webp");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
}
.page-intro.fintech {
background-image: url("https://cdn.prod.website-files.com/65ca6f59445c0a52f3323325/672b4f7e38de779130b86fdc_FinTech.webp");
background-position: 50%;
background-size: cover;
}
.page-intro.travel {
background-image: url("https://cdn.prod.website-files.com/65ca6f59445c0a52f3323325/66bf11d7b8bf5190f9a1206d_travel_2.webp");
background-position: 50%;
background-size: cover;
}
.page-intro.ecommerce {
background-image: url("https://cdn.prod.website-files.com/65ca6f59445c0a52f3323325/672b508fb37e30ad04b89cb9_eCommerce.webp");
background-position: 50%;
background-size: cover;
}
.page-intro.marketing {
background-image: url("https://cdn.prod.website-files.com/65ca6f59445c0a52f3323325/672b515906e2cccdc57774f9_Marketing.webp");
background-position: 50%;
background-size: cover;
}
.page-intro.logistics {
background-image: url("https://cdn.prod.website-files.com/65ca6f59445c0a52f3323325/672b5108debab2f68c0c2a25_logistics-and-transportation.webp");
background-position: 50%;
background-size: cover;
}
.page-intro.real-estate {
background-image: url("https://cdn.prod.website-files.com/65ca6f59445c0a52f3323325/672b51bb6c4619f0d16e98f6_Real%20Estate.webp");
background-position: 50%;
background-size: cover;
}
.page-intro.startups {
background-image: url("https://cdn.prod.website-files.com/65ca6f59445c0a52f3323325/672b530d97cebc5d6ddbd315_For%20Startups.webp");
background-position: 50%;
background-size: cover;
}
.page-intro.consultancy {
background-image: url("https://cdn.prod.website-files.com/65ca6f59445c0a52f3323325/6718c007d2d536a59d572fea_consyltancy%20background.webp");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
}
.page-intro.branding {
background-image: url("https://cdn.prod.website-files.com/65ca6f59445c0a52f3323325/6737392a90223007c3c9a844_design%20cover.webp");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
}
.page-intro.mobile-app-dev {
background-image: url("https://cdn.prod.website-files.com/65ca6f59445c0a52f3323325/6723325db4d90417ab9e6f6f_Mobile%20App%20Development%20Background.webp");
background-position: 10%;
background-repeat: no-repeat;
background-size: cover;
}
.page-intro.custom-software-dev {
background-image: url("https://cdn.prod.website-files.com/65ca6f59445c0a52f3323325/6723325d49fb3e856f5179fc_Custom%20Software%20Development%20Background.webp");
background-position: 30%;
background-repeat: no-repeat;
background-size: cover;
}
.page-intro.custom-software-dev.test {
background-image: linear-gradient(90deg, #fff, #c3e4da);
background-position: 0 0;
}
.page-intro.web-app-dev {
background-image: url("https://cdn.prod.website-files.com/65ca6f59445c0a52f3323325/67331cc1a598f5348ff47f84_Web%20Development%20Cover.webp");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
}
.page-intro.chatbot {
background-image: url("https://cdn.prod.website-files.com/65ca6f59445c0a52f3323325/6737392b6f0eb8abfd7fa7d4_Chatbot%20Cover.webp");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
}
.page-intro.ai {
background-image: url("https://cdn.prod.website-files.com/65ca6f59445c0a52f3323325/6728c702f64d2899f5e7d11b_AI%20Development%20Background.webp");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
}
.page-intro.digital-product {
background-image: url("https://cdn.prod.website-files.com/65ca6f59445c0a52f3323325/67375a26ddf9ab876db77064_digital%20product%20development%20cover.webp");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
}
.page-intro.modernisation {
background-image: url("https://cdn.prod.website-files.com/65ca6f59445c0a52f3323325/673316d0fc8152bc6a5f9d98_modernisation%20and%20scaling%20cover.webp");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
}
.word-green {
color: var(--teacode-colours--tc-primary);
}
.word-green.u-underline-green {
border-bottom-color: var(--teacode-colours--tc-primary);
}
.button-empty {
padding: var(--teacode-type-weight--teacode-spaces--1) var(--teacode-type-weight--teacode-spaces--2);
font-size: var(--teacode-fonts-label--label-medium);
text-align: center;
border: 1px solid #383838;
border-radius: 20px;
justify-content: center;
align-self: center;
align-items: center;
margin-left: auto;
margin-right: auto;
text-decoration: none;
display: flex;
}
.button-empty:hover {
background-color: var(--teacode-colours--tc-background);
border-color: #00d286;
}
.button-empty:active {
background-color: #00b674;
}
.button-empty.u-ml-0 {
margin-left: 0;
}
.testimonials-carousel {
margin-right: var(--teacode-type-weight--teacode-spaces--7);
padding: var(--teacode-type-weight--teacode-spaces--4);
border-radius: var(--responsiveness--div-radius-div-with-text-testimonials\);
background-color: var(--teacode-colours--tc-white);
vertical-align: baseline;
width: 720px;
min-width: auto;
height: 250px;
position: static;
}
.u-hidden {
display: none;
}
.testimonials-quotation {
text-align: center;
flex-flow: column;
justify-content: center;
align-items: center;
width: 100%;
display: flex;
}
.speaker-slide-mask {
width: 1000px;
overflow: hidden;
}
.speaker-slide-content {
z-index: 100;
flex-flow: row;
justify-content: flex-start;
align-items: flex-start;
height: 650px;
padding-bottom: 36px;
display: flex;
position: relative;
}
.speaker-slider {
background-color: #0000;
justify-content: flex-start;
align-self: center;
align-items: stretch;
max-width: 1000px;
height: 100%;
padding-bottom: 5vw;
padding-left: 0;
display: flex;
}
.clip-text {
overflow: hidden;
}
.clip-text.speaker-headding {
margin-top: 60px;
margin-bottom: 36px;
}
.speaker-arrow {
background-color: var(--teacode-colours--tc-primary);
border: 1px #ffffff0a;
border-radius: 100px;
justify-content: center;
align-items: center;
width: 60px;
height: 60px;
padding: 0;
display: flex;
inset: auto 5vw 5vw auto;
}
.speaker-arrow:hover {
background-color: var(--teacode-colours--tc-body-secondary);
}
.speaker-arrow:active {
background-color: var(--colors-all--dark-gray\);
}
.speaker-arrow.left {
margin-right: 72px;
left: auto;
right: 5vw;
}
.speaker-slide {
width: auto;
}
.speaker-info {
margin-bottom: 36px;
}
.speaker-name {
z-index: 10;
font-size: 64px;
position: relative;
}
.button {
color: #fff;
text-align: center;
letter-spacing: 2px;
text-transform: uppercase;
border: 1px solid #fff;
border-radius: 100px;
justify-content: center;
align-items: center;
width: 100%;
padding: 14px 32px;
font-size: 12px;
font-weight: 400;
text-decoration: none;
display: none;
}
.slide-arrow {
width: 18px;
position: absolute;
}
.blog-posts {
flex-flow: column;
display: flex;
}
.blog-page-item {
flex-flow: column;
padding-bottom: 64px;
padding-left: 0;
padding-right: 60px;
}
.collection-list {
grid-column-gap: 17px;
grid-row-gap: 17px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: row;
margin-right: -64px;
}
.collection-list.paginated-collection-list {
margin-right: 0;
}
.u-d-underline-none {
border-bottom-width: 0;
text-decoration: none;
}
.u-d-underline-none.blog-title {
height: 150px;
min-height: auto;
}
.u-d-underline-none.blog-general-title {
padding-left: 8px;
padding-right: 8px;
}
.service {
cursor: pointer;
background-color: #fff;
border-radius: 14px;
flex-direction: column;
justify-content: center;
align-items: stretch;
padding: 40px;
display: flex;
}
.service.accordion-1 {
border: 1px solid var(--colors-all--dark-gray\);
border-radius: var(--responsiveness--div-radius-div-with-text-testimonials\);
margin-bottom: 32px;
padding-top: 0;
padding-bottom: 0;
padding-left: 4rem;
transition: border-color .2s, box-shadow .2s;
position: relative;
overflow: hidden;
box-shadow: 0 5px 16px #080f340f;
}
.service.accordion-1:hover {
box-shadow: 0 14px 21px #4a3aff0f;
}
.accordion-paragraph---brix {
padding-bottom: var(--teacode-type-weight--teacode-spaces--7);
margin-bottom: 0;
}
.accordion-item---faq {
cursor: pointer;
background-color: #fff;
border-radius: 14px;
flex-direction: column;
justify-content: center;
align-items: stretch;
padding-top: 40px;
padding-bottom: 40px;
display: flex;
}
.accordion-item---faq.accordion-2---faq {
padding-top: var(--faq-top-padding-d-t);
padding-bottom: var(--teacode-container-layout--teacode-content-layout--padding-t-small);
border: 1px solid var(--teacode-colours--tc-body-primary);
border-radius: var(--teacode-radius--rad-normal);
box-shadow: none;
margin-bottom: 32px;
text-decoration: none;
transition: all .2s, border-color .2s, box-shadow .2s;
position: relative;
overflow: hidden;
}
.accordion-item---faq.accordion-2---faq:hover {
box-shadow: none;
}
.accordion-item---faq.accordion-2---faq.content {
background-color: var(--tc-surface-transparent);
}
.accordion-item---faq.accordion-2---faq.content.faq---1st-element {
padding-top: var(--faq-top-padding-d-t-1st);
}
.accordion-item---faq.accordion-2---faq.content.faq---2nd-element {
padding-top: var(--faq-top-padding-d-t-2nd);
}
.accordion-item---faq.accordion-2---faq.content.faq---3rd-element {
padding-top: var(--faq-top-padding-d-t-3rd);
}
.accordion-item---faq.accordion-2---faq.content.faq---4th-element {
padding-top: var(--faq-top-padding-d-t-4th);
}
.accordion-item---faq.accordion-2---faq.content.faq---5th-element {
padding-top: var(--faq-top-padding-d-t-5th);
}
.accordion-item---faq.accordion-2---faq.content.faq---6th-element {
padding-top: var(--faq-top-padding-d-t-6th);
}
.accordion-item---faq.accordion-2---faq.content.faq---7th-element {
padding-top: var(--faq-top-padding-d-t-7th);
}
.accordion-item---faq.accordion-2---faq.content.faq---8th-element {
padding-top: var(--faq-top-padding-d-t-8th);
}
.accordion-item-wrapper---faq {
width: 100%;
margin-left: auto;
margin-right: auto;
padding-top: 0;
}
.accordion-trigger---faq {
z-index: 1;
flex-flow: row;
justify-content: space-between;
align-items: flex-start;
margin-left: 0;
margin-right: 0;
padding: 0 50px 0 0;
display: flex;
position: relative;
}
.accordion-item-title---faq {
margin-top: 0;
margin-bottom: 0;
}
.accordion-arrow-wrap---faq {
box-shadow: none;
background-color: #fff0;
background-image: url("https://cdn.prod.website-files.com/65ca6f59445c0a52f3323325/66af9271f3e059138bc407b4_icon-arrow%20(1).svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
width: 32px;
height: 100%;
display: flex;
position: absolute;
inset: 0% 0% auto auto;
}
.accordion-content---faq {
z-index: 1;
background-color: #0000;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
display: block;
position: relative;
overflow: hidden;
}
.accordion-paragraph---faq {
margin-top: var(--teacode-type-weight--teacode-spaces--3);
width: 100%;
margin-bottom: 56px;
display: block;
}
.image-25 {
z-index: 1;
cursor: pointer;
max-width: 100px;
position: absolute;
inset: 0% auto 0% 0%;
}
.testimonial-slider {
flex-direction: column;
justify-content: flex-start;
align-items: stretch;
width: 100vw;
height: 100%;
margin-top: 40px;
margin-left: -200px;
display: flex;
position: relative;
overflow: clip;
}
.testimonials-in-slider {
background-color: #0000;
justify-content: center;
align-self: center;
align-items: stretch;
width: 720px;
height: 100%;
padding-bottom: 0;
display: flex;
}
.testimonial-slide-mask {
width: 100%;
overflow: visible;
}
.testiminial-slide-content {
z-index: 100;
margin: auto var(--teacode-type-weight--teacode-spaces--9);
padding-bottom: var(--teacode-type-weight--teacode-spaces--4);
flex-flow: row;
justify-content: flex-start;
align-items: flex-start;
display: flex;
position: relative;
}
.testimonial-arrows {
background-color: #00d28600;
border: 1px #ffffff0a;
border-radius: 100px;
justify-content: center;
align-items: center;
width: 40px;
height: 40px;
padding: 0;
display: flex;
inset: 33% 0% auto auto;
}
.testimonial-arrows:hover {
background-color: #88868000;
}
.testimonial-arrows:active {
background-color: #5b595300;
}
.testimonial-arrows.left {
margin-left: var(--teacode-type-weight--teacode-spaces--4);
width: 40px;
height: 40px;
inset: 0% auto 0% 0%;
}
.testimonial-arrows.right {
margin-right: var(--teacode-type-weight--teacode-spaces--4);
inset: 0% 0% 0% auto;
}
.u-grid-2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
text-align: left;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-self: center;
place-items: start;
display: grid;
}
.service-showcase {
margin-left: auto;
margin-right: auto;
position: static;
overflow: hidden;
}
.service-showcase---main {
border-radius: var(--responsiveness--div-radius-div-with-text-testimonials\);
cursor: pointer;
background-color: #fff0;
flex-direction: column;
justify-content: center;
align-items: stretch;
height: auto;
min-height: 400px;
padding-top: 40px;
padding-bottom: 40px;
display: flex;
position: relative;
overflow: hidden;
}
.service-showcase---title {
z-index: 1;
box-sizing: border-box;
padding-bottom: var(--teacode-type-weight--teacode-spaces--3);
flex-flow: row;
justify-content: flex-start;
align-items: center;
width: auto;
height: auto;
display: flex;
position: relative;
}
.u-arrow-large {
opacity: 1;
background-image: url("https://cdn.prod.website-files.com/65ca6f59445c0a52f3323325/66996ae3bf6f6dd3706d9fc3_arrow%20large.png");
background-position: 0 0;
background-repeat: no-repeat;
background-size: contain;
align-self: auto;
width: 24px;
height: 23px;
margin-left: 10px;
}
.service-showcase---desc {
z-index: 1;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
transition: opacity .2s;
display: flex;
position: relative;
overflow: hidden;
}
.service-showcase---desc._2nd, .service-showcase---desc._3rd {
display: block;
}
.image-1st {
background-image: url("https://cdn.prod.website-files.com/65ca6f59445c0a52f3323325/6662ff46553f2f94acc945f1_image%20133%20(2).png");
background-position: 70%;
background-repeat: no-repeat;
background-size: cover;
width: 100%;
height: 100%;
position: absolute;
inset: 0% auto auto 0%;
}
.service-showcase-item._1st {
flex-flow: column;
}
.image-2nd {
background-image: url("https://cdn.prod.website-files.com/65ca6f59445c0a52f3323325/66a79ad61a8f4bb0ec74b669_stages_app_improvement.webp");
background-position: 20%;
background-repeat: no-repeat;
background-size: auto 120%;
width: 100%;
height: 100%;
position: absolute;
inset: 0% auto auto 0%;
}
.image-2nd.service-showcase---img-mobile {
background-image: url("https://cdn.prod.website-files.com/65ca6f59445c0a52f3323325/66bf0cf8fbace2e15b50a780_app_improvement.webp");
background-position: 60%;
background-size: cover;
}
.image-3rd {
background-image: url("https://cdn.prod.website-files.com/65ca6f59445c0a52f3323325/66a79ad45a7f43ddb314538f_stages_outstaffing.webp");
background-position: 25%;
background-repeat: no-repeat;
background-size: auto 130%;
width: 100%;
height: 100%;
position: absolute;
inset: 0% auto auto 0%;
}
.image-3rd.service-showcase---img-mobile {
background-image: url("https://cdn.prod.website-files.com/65ca6f59445c0a52f3323325/66bf0cf9e33fb031148303e5_outstaffing.webp");
background-position: 60%;
background-size: cover;
background-attachment: scroll;
}
.square {
grid-column-gap: var(--teacode-type-weight--teacode-spaces--4);
grid-row-gap: var(--teacode-type-weight--teacode-spaces--4);
aspect-ratio: 1;
border-radius: var(--teacode-radius--rad-middle);
text-align: center;
object-fit: fill;
flex-flow: column;
justify-content: center;
align-items: center;
width: 33.33%;
max-width: 450px;
height: 33.33%;
margin-top: 0;
padding: 40px;
display: flex;
position: static;
}
.square.u-bg-semigrey {
background-color: var(--colors-page-wrapper--semi-grey\);
}
.square.u-fr-grey {
grid-column-gap: var(--teacode-type-weight--teacode-spaces--2);
grid-row-gap: var(--teacode-type-weight--teacode-spaces--2);
border: 2px solid var(--teacode-colours--tc-body-primary);
}
.square.kpi {
grid-column-gap: 0px;
grid-row-gap: 0px;
border-radius: var(--teacode-radius--rad-normal);
text-align: left;
justify-content: space-between;
align-items: flex-start;
width: 48%;
max-width: none;
height: auto;
margin-left: auto;
margin-right: auto;
padding: 32px;
overflow: hidden;
}
.square.kpi.white {
background-color: var(--teacode-colours--tc-white);
}
.square.kpi.white.invisible {
opacity: 0;
}
.square.kpi.transparent {
border: 1px solid var(--teacode-colours--tc-body-primary);
}
.square.kpi.green {
background-color: var(--teacode-colours--tc-primary);
}
.square.kpi.img {
justify-content: center;
}
.square.service-square {
border-radius: var(--teacode-radius--rad-normal);
text-align: left;
justify-content: space-between;
align-items: flex-start;
padding: 32px;
}
.square.service-square.u-fr-grey {
border-width: 1px;
}
.square.service-square.white {
background-color: var(--teacode-colours--tc-white);
}
.image-20-copy {
width: 12vw;
max-width: 200px;
position: absolute;
inset: -7% -44% auto auto;
}
.form-text-field {
padding-right: var(--teacode-type-weight--teacode-spaces--2);
padding-left: var(--teacode-type-weight--teacode-spaces--2);
border-radius: var(--teacode-radius--rad-normal);
height: 56px;
margin-bottom: 32px;
}
.form-text-field:focus {
border: 1px solid var(--teacode-colours--tc-primary);
}
.field-label {
padding-top: 0;
padding-bottom: var(--teacode-type-weight--teacode-spaces--2);
margin-bottom: 0;
padding-left: 15px;
font-weight: 500;
}
.form-textarea {
padding-right: var(--teacode-type-weight--teacode-spaces--2);
padding-left: var(--teacode-type-weight--teacode-spaces--2);
border-top-left-radius: var(--teacode-type-weight--teacode-spaces--2);
border-top-right-radius: var(--teacode-type-weight--teacode-spaces--2);
border-bottom-left-radius: var(--teacode-type-weight--teacode-spaces--2);
border-bottom-right-radius: var(--teacode-type-weight--teacode-spaces--2);
resize: none;
min-height: 120px;
}
.form-textarea:focus {
border: 1px solid var(--teacode-colours--tc-primary);
}
.contact-form {
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
margin-left: 0;
display: flex;
}
.checkbox {
aspect-ratio: 1;
background-color: var(--teacode-colours--tc-background);
border: 1px solid #5b5953;
border-radius: 6px;
width: auto;
height: 20px;
margin-right: 16px;
}
.checkbox-field {
padding-top: 10px;
padding-bottom: 10px;
}
.disclaimer {
font-size: 10px;
line-height: var(--teacode-spacing-utility-rem--0-75rem);
margin-bottom: 0;
padding-left: 20px;
font-weight: 400;
}
.contact-button-area {
padding-top: 32px;
display: flex;
}
.droplets-contact {
width: 1200px;
position: absolute;
inset: auto auto -22% -500px;
}
.droplets-contact.v2 {
bottom: -39%;
}
.green-sec-testimonial-area {
grid-column-gap: var(--teacode-type-weight--teacode-spaces--4);
grid-row-gap: var(--teacode-type-weight--teacode-spaces--4);
flex-flow: column;
display: flex;
position: relative;
}
.quote1 {
max-width: 60px;
position: absolute;
inset: 20px auto auto -15px;
}
.quote2 {
float: right;
max-width: 60px;
position: relative;
top: -34px;
right: -52px;
}
.quote-mark {
width: 32px;
position: absolute;
}
.quote-mark.quote1 {
max-width: 100%;
inset: -32px auto auto -40px;
}
.quote-mark.quote2 {
max-width: 100%;
position: absolute;
inset: auto -40px -16px auto;
}
.process-tab {
display: flex;
}
.process-left {
border-radius: var(--responsiveness--div-radius-div-with-text-testimonials\);
background-color: var(--teacode-colours--tc-white);
width: 60vw;
height: auto;
margin-left: -33vw;
padding: 60px 40px 100px 25vw;
}
.u-pr-1 {
padding-right: var(--teacode-type-weight--teacode-spaces--1);
}
.process-right1 {
border-radius: var(--responsiveness--div-radius-div-with-text-testimonials\);
background-color: #fff0;
width: 60vw;
display: flex;
}
.image-placeholder {
border-radius: var(--responsiveness--div-radius-div-with-text-testimonials\);
align-self: center;
width: auto;
position: relative;
overflow: hidden;
}
.img-process {
border-radius: var(--teacode-radius--rad-normal);
object-fit: cover;
width: 100%;
height: 100%;
position: relative;
}
.img-process.design, .img-process.development, .img-process.deployment, .img-process.marketing {
display: none;
}
.desc-process {
flex-flow: column;
display: flex;
}
.desc-process.design, .desc-process.development, .desc-process.deployment, .desc-process.marketing {
display: none;
}
.icon-heart {
align-self: center;
padding-left: 5px;
padding-right: 5px;
}
.icon-coffee {
align-self: center;
padding-bottom: 0;
padding-left: 5px;
}
.mobile-portfolio-slider {
flex-direction: column;
justify-content: space-between;
width: 100%;
display: block;
}
.mobile-portfolio-slider-wrapper {
flex-direction: column;
justify-content: flex-start;
align-items: stretch;
height: 100%;
display: flex;
position: relative;
}
.mobile-portfolio-slider-div {
background-color: #0000;
justify-content: flex-start;
align-self: center;
align-items: stretch;
width: 100vw;
height: 100%;
padding-bottom: 5vw;
display: flex;
}
.mobile-portfolio-slide-mask {
width: 100%;
overflow: visible;
}
.mobile-portfolio-slide {
width: 100%;
margin-right: 164px;
}
.mobile-portfolio-slide._2nd, .mobile-portfolio-slide._3rd {
margin-left: 120px;
}
.mobile-portfolio-slide-content {
z-index: 100;
flex-flow: row;
justify-content: flex-start;
align-items: flex-start;
width: 100vw;
height: 650px;
padding-bottom: 36px;
display: flex;
position: relative;
}
.mobile-portfolio-desc, .mobile-portfolio-end-img {
justify-content: flex-start;
align-self: center;
align-items: flex-end;
width: 100%;
height: 400px;
display: flex;
position: relative;
overflow: hidden;
}
.mobile-portfolio-main-img {
width: 100%;
height: 35vw;
display: flex;
position: relative;
overflow: hidden;
}
.mobile-case-study-2-addon-1 {
max-width: 23vw;
position: absolute;
top: -5.8vw;
left: auto;
right: 8%;
}
.mobile-case-study-2-addon-2 {
max-width: 16vw;
position: absolute;
inset: auto auto -11.8vw 0%;
}
.mobile-case-study-3-addon-1 {
max-width: 23vw;
position: absolute;
top: -5.8vw;
left: auto;
right: 8%;
}
.mobile-case-study-3-addon-2 {
max-width: 16vw;
position: absolute;
inset: auto auto -11.8vw 0%;
}
.globe-rectangle {
justify-content: center;
align-items: flex-start;
height: auto;
margin-top: 40px;
display: flex;
position: relative;
overflow: hidden;
}
.arrow-button {
max-width: 25px;
display: inline-block;
}
.arrow-button.career-arrow {
width: 24px;
max-width: 24px;
height: 24px;
transform: rotate(90deg);
}
.career-list-img {
margin: var(--teacode-type-weight--teacode-spaces--4) auto var(--teacode-type-weight--teacode-spaces--3);
width: auto;
height: 200px;
}
.u-pr-2 {
padding-right: var(--teacode-type-weight--teacode-spaces--2);
}
.navbar_dropdown-item-title-icon {
width: 6px;
margin-top: 1px;
margin-left: 12px;
}
.navbar_arrow {
background-color: #080808;
border-radius: 50px;
width: 8px;
height: 2px;
transform: rotate(45deg);
}
.navbar_arrow.is--mirrored {
margin-left: -3px;
transform: rotate(-45deg);
}
.navbar_dropdown-menu-wrapper {
z-index: 1050;
grid-column-gap: 16px;
grid-row-gap: 16px;
transform-origin: 0 0;
cursor: default;
border-radius: 8px;
flex-direction: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
margin-top: 32px;
display: flex;
position: absolute;
top: 100%;
left: -12px;
overflow: visible;
transform: scale(0);
}
.navbar_dropdown-icon-wrapper {
background-color: #080808;
border-radius: 100px;
justify-content: center;
align-items: center;
min-width: 64px;
min-height: 64px;
margin-right: 16px;
display: flex;
}
.navbar_dropdown-icon-wrapper.menu-dropdown-circle-bg {
background-color: var(--colors-page-wrapper--ivory-dark\);
display: none;
}
.navbar_dropdown-all-wrapper {
z-index: 1;
color: #080808;
background-color: #fff;
border-top: 1px solid #ededed;
border-bottom-right-radius: 8px;
border-bottom-left-radius: 8px;
width: 100%;
min-width: 100%;
padding: 32px;
text-decoration: none;
}
.navbar_dropdown-menu-title {
color: var(--teacode-colours--tc-body-primary);
letter-spacing: .4px;
margin-bottom: 16px;
margin-left: 12px;
font-size: 14px;
font-weight: 600;
line-height: 1;
}
.navbar_arrow-wrapper {
justify-content: center;
align-items: center;
margin-left: 8px;
display: flex;
}
.navbar_arrow-wrapper.hidden {
display: none;
}
.navbar_dropdown-menu {
z-index: 1001;
background-color: #fff;
flex-direction: column;
align-items: flex-start;
width: 340px;
padding: 24px;
display: flex;
position: relative;
overflow: hidden;
}
.navbar_dropdown-menu.is--left {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
width: 370px;
}
.navbar_dropdown-menu.is--left.clear-padding {
padding: 0;
}
.navbar_dropdown-menu.is--left.clear-padding.remove-white-test {
background-color: #0000;
}
.navbar_dropdown-menu.clear-padding {
padding: 0;
}
.navbar_dropdown-menu.clear-padding.remove-white-test {
background-color: #0000;
}
.navbar_dropdown-menu.clear-padding.remove-white-test.u-hidden {
display: none;
}
.navbar_dropdown-item-title {
color: var(--teacode-colours--tc-body-primary);
letter-spacing: .4px;
font-size: 14px;
font-weight: 500;
line-height: 1;
}
.navbar_dropdown-backdrop {
z-index: 998;
cursor: default;
width: 100vw;
height: 100vh;
display: none;
position: fixed;
inset: 0%;
}
.navbar_dropdown-item-overview {
color: #686868;
font-size: var(--teacode-type-paragraph--font-size-lg);
letter-spacing: .3px;
margin-top: 12px;
margin-bottom: 0;
}
.navbar_dropdown-menu-item {
color: #080808;
cursor: pointer;
border-bottom-style: none;
border-radius: 8px;
align-items: center;
margin-bottom: 4px;
padding: 6px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.navbar_dropdown-pointer {
z-index: 1000;
background-color: #fff;
border-radius: 6px;
width: 24px;
height: 24px;
position: absolute;
inset: -8px auto auto 24px;
transform: rotate(45deg);
box-shadow: 0 0 4px 2px #0000000d;
}
.navbar_dropdown-item-title-wrapper {
align-items: center;
display: flex;
}
.navbar_dropdown-item-title-wrapper.is--centered {
justify-content: center;
}
.navbar_dropdown-icon {
width: 30px;
}
.navbar_link-block {
padding-right: var(--teacode-type-weight--teacode-spaces--4);
color: #080808;
cursor: pointer;
align-items: center;
margin-right: 0;
padding-left: 0;
text-decoration: none;
display: flex;
position: relative;
}
.navbar_link-block.menu-item-dxs {
padding-right: var(--teacode-type-weight--teacode-spaces--4);
}
.navbar_dropdown-grid {
z-index: 1001;
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
position: relative;
}
.navbar_dropdown-grid.industries-grid {
grid-template-columns: 1fr;
}
.dropdown-toggle {
margin-right: 10px;
padding: 0;
display: flex;
}
.icon {
margin-right: -17px;
}
.faq-expl {
max-width: 60%;
margin-right: 10%;
}
.faq-expl.faq-full {
max-width: 100%;
}
.faq-addon {
max-width: 30%;
}
.u-border-top {
border-top: 1px solid var(--teacode-colours--tc-body-primary);
border-radius: 0;
}
.u-border-top.u-border-bottom {
border-bottom: 1px solid var(--teacode-colours--tc-body-primary);
}
.menu-mobile-services {
margin-top: var(--teacode-type-weight--teacode-spaces--2);
grid-column-gap: var(--teacode-type-weight--teacode-spaces--1);
grid-row-gap: var(--teacode-type-weight--teacode-spaces--1);
flex-flow: column;
display: flex;
}
.circle-1 {
border: 3px solid #fff;
border-radius: 50%;
width: 1100px;
height: 1100px;
position: absolute;
top: 50px;
}
.circle-1.globe-distant-gradient-dimensions {
width: 1000px;
height: 1000px;
top: 40px;
}
.circle-2 {
border: 2px solid #fff;
border-radius: 50%;
width: 950px;
height: 950px;
position: absolute;
top: 125px;
box-shadow: inset 0 0 250px #4addac4d, 0 0 250px #4addac4d;
}
.circle-2.globe-close-gradient-dimensions {
width: 870px;
height: 870px;
top: 115px;
box-shadow: inset 0 0 250px #4addac4d, 0 0 70px #4addac4d;
}
.circle-2.globe-close-gradient-dimensions.circle-glow {
z-index: 2;
pointer-events: none;
border-color: #fff0;
width: 835px;
height: 835px;
display: block;
top: 133px;
overflow: visible;
box-shadow: inset 0 0 100px 50px #fffc;
}
.logo-slider {
max-width: 10%;
}
.carousel-item {
width: 40vw;
max-width: 400px;
overflow: visible;
}
.u-text-full-length {
max-width: 100%;
}
.process-center {
flex-flow: column;
justify-content: center;
align-items: flex-start;
width: 60%;
max-width: 350px;
padding-left: 2em;
padding-right: 2em;
display: flex;
}
.green-sec-photo {
width: 500px;
position: absolute;
inset: auto auto -75px -80px;
}
.green-sec-photo.ula {
width: 450px;
bottom: -180px;
left: -40px;
}
.green-sec-photo.jacob {
width: 450px;
bottom: -90px;
}
.green-sec-photo.piotrek {
width: 350px;
bottom: -120px;
left: 0;
}
.green-sec-photo.micha {
width: 450px;
bottom: -90px;
left: 0;
}
.green-sec-photo.olga {
width: 450px;
bottom: -180px;
left: -40px;
}
.green-sec-photo.adrian {
width: 450px;
bottom: -80px;
left: -40px;
}
.green-sec-photo.adam {
width: 450px;
bottom: -200px;
left: -40px;
}
.green-sec-photo.egor {
width: 450px;
bottom: -100px;
left: 0;
}
.green-sec-photo.robert {
width: 450px;
bottom: -110px;
left: -40px;
}
.green-sec-photo.patrycja {
width: 400px;
bottom: -110px;
left: -50px;
}
.blog-intro {
padding-bottom: var(--teacode-type-weight--teacode-spaces--6);
margin-top: 130px;
overflow: clip;
}
.u-pl-0 {
padding-left: 0;
}
.blog-author-img {
margin-right: var(--1st-margin);
border-radius: var(--teacode-type-weight--teacode-spaces--1);
object-fit: contain;
width: 48px;
height: 48px;
box-shadow: -3px 4px 16px #0003;
}
.blog-author-img.blog-general-author-image {
width: 32px;
height: 32px;
}
.u-pl-2 {
padding-left: var(--teacode-type-weight--teacode-spaces--2);
}
.u-l-1 {
padding-left: 1em;
}
.u-d-grid {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.u-d-grid.u-pr-2 {
grid-template-columns: 1.75fr 1fr;
align-items: center;
}
.blog-details {
padding-bottom: var(--teacode-type-weight--teacode-spaces--9);
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
justify-content: space-between;
align-items: center;
display: flex;
}
.blog-details.align-top {
align-items: flex-start;
}
.table-of-contents {
font-size: var(--teacode-body-fonts--body-large);
justify-content: flex-start;
align-items: center;
display: flex;
}
.table-of-contents.sidebar {
justify-content: flex-start;
align-items: flex-start;
font-size: 14px;
line-height: 1.2em;
}
.u-text-semi-bold {
font-weight: 600;
}
.spotify {
grid-column-gap: 8px;
grid-row-gap: 8px;
text-align: right;
flex-flow: column;
justify-content: flex-start;
align-items: flex-end;
display: flex;
}
.blog-highlighted-text {
margin: var(--teacode-type-weight--teacode-spaces--3) var(--teacode-type-weight--teacode-spaces--5);
background-color: var(--teacode-colours--tc-surface);
font-size: var(--teacode-type-h6--font-size-lg);
line-height: var(--teacode-type-h6--line-height);
letter-spacing: var(--teacode-type-h6--letter-spacing);
padding: 10px 10px 10px 20px;
font-weight: 400;
}
.blog-quote {
font-size: var(--teacode-body-fonts--body-large);
font-style: italic;
}
.table-6 {
margin-bottom: var(--teacode-type-weight--teacode-spaces--2);
grid-column-gap: 0px;
grid-row-gap: 0px;
border: 1px solid var(--teacode-colours--tc-body-secondary);
border-radius: 7px;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}
.table---header {
border: 1px solid var(--teacode-colours--tc-body-secondary);
background-color: var(--teacode-colours--tc-primary);
font-size: var(--teacode-body-fonts--body-medium);
text-align: center;
justify-content: center;
align-items: center;
padding: 10px 12px;
display: flex;
}
.cta-banner {
border-radius: var(--teacode-radius--rad-x-small);
background-color: var(--teacode-colours--tc-primary);
justify-content: flex-start;
align-items: center;
width: auto;
height: 151px;
display: flex;
}
.cta-banner.spotify {
margin-top: var(--teacode-type-weight--teacode-spaces--10);
margin-bottom: var(--teacode-type-weight--teacode-spaces--4);
text-align: left;
}
.cta-banner.contact {
margin-top: var(--teacode-type-weight--teacode-spaces--10);
margin-bottom: var(--teacode-type-weight--teacode-spaces--4);
}
.cta-banner.newsletter {
margin-top: var(--teacode-type-weight--teacode-spaces--9);
}
.cta-banner.newsletter.testss {
align-items: flex-start;
height: 231px;
padding-bottom: 80px;
}
.cta-banner.case-sudy-pdf {
margin-top: var(--teacode-type-weight--teacode-spaces--9);
}
.cta-banner.case-sudy-pdf.background-plannin {
background-color: #f6d96e;
}
.cta-banner.case-sudy-pdf.background-muzeum {
background-color: #00affa;
}
.cta-banner.case-sudy-pdf.background-ruffpass {
background-color: #5694f3;
}
.cta-banner.case-sudy-pdf.background-buzzin {
background-color: #feaa14;
}
.img-blog-cta {
z-index: 1;
aspect-ratio: auto;
max-width: 200%;
height: 220px;
position: absolute;
top: auto;
bottom: 0%;
right: auto;
}
.img-blog-cta.right {
height: 210px;
position: relative;
inset: -60px 24px 0% auto;
}
.img-blog-cta.right.pdf {
top: -59px;
}
.img-blog-cta.right.testss {
top: 20px;
}
.informational-clause {
margin-bottom: var(--teacode-type-weight--teacode-spaces--3);
color: var(--teacode-colours--tc-body-secondary);
font-size: var(--teacode-body-fonts--body-xsmall);
line-height: var(--type-body--line-height);
text-align: left;
letter-spacing: var(--type-body--letter-spacing);
padding-top: 8px;
}
.informational-clause.blog-newsletter-clause {
text-align: center;
max-width: 400px;
margin-bottom: 0;
padding-top: 8px;
font-size: 10px;
line-height: 1.3em;
}
.u-underline-none {
border: 0 solid #000;
}
.u-underline-none:active {
color: var(--teacode-colours--tc-primary-dark);
}
.u-underline-none.menu-item-dxs {
padding-right: var(--teacode-type-weight--teacode-spaces--4);
}
.u-underline-none.u-text-green {
color: var(--teacode-colours--tc-primary);
}
.u-underline-none.cursor-pointer {
cursor: pointer;
}
.sources {
color: var(--teacode-colours--tc-body-secondary);
font-size: var(--teacode-body-fonts--body-small);
}
.sticky-tab-of-cont {
z-index: 1;
padding: var(--teacode-type-weight--teacode-spaces--6) var(--teacode-type-weight--teacode-spaces--2) var(--teacode-type-weight--teacode-spaces--6) var(--teacode-type-weight--teacode-spaces--3);
border-top-left-radius: var(--teacode-radius--rad-x-small);
border-bottom-left-radius: var(--teacode-radius--rad-x-small);
background-color: var(--teacode-colours--tc-white);
width: 25%;
height: auto;
position: fixed;
top: 96px;
right: 0;
box-shadow: -11px 32px 55px #0003;
}
.sticky-tab-of-cont.toc-animated {
transition-property: transform;
transition-duration: .5s;
transition-timing-function: cubic-bezier(.25, .46, .45, .94);
top: 50%;
transform: translateX(400px)translateY(-50%);
}
.share-on {
margin-top: var(--teacode-type-weight--teacode-spaces--8);
margin-bottom: var(--teacode-type-weight--teacode-spaces--8);
grid-column-gap: var(--teacode-type-weight--teacode-spaces--1);
grid-row-gap: var(--teacode-type-weight--teacode-spaces--1);
justify-content: flex-start;
align-items: center;
padding-top: 0;
display: flex;
}
.share-on.hidden {
display: none;
}
.form-newsletter {
grid-column-gap: 16px;
grid-row-gap: 16px;
border-radius: var(--div-radius-faq-images\);
background-color: var(--teacode-colours--tc-white);
grid-template-rows: auto;
grid-template-columns: 1.5fr;
grid-auto-columns: 1fr;
grid-auto-flow: row dense;
place-items: center end;
width: auto;
height: auto;
padding-top: 4px;
padding-bottom: 4px;
padding-left: 0;
display: grid;
position: relative;
}
.form-newsletter.no-gap {
grid-column-gap: 0px;
grid-row-gap: 0px;
}
.forn-news-input {
border: 0px solid var(--teacode-colours--tc-white);
border-radius: var(--div-radius-faq-images\);
width: 400px;
margin-bottom: 0;
padding-top: 20px;
padding-bottom: 20px;
padding-left: 20px;
}
.forn-news-input:focus {
color: var(--teacode-colours--tc-body-primary);
border-width: 0;
}
.forn-news-input.u-maxw-350px {
max-width: 350px;
}
.blog-progress-bar {
z-index: 1;
border-top-right-radius: var(--responsiveness--div-radius-div-with-text-testimonials\);
border-bottom-right-radius: var(--responsiveness--div-radius-div-with-text-testimonials\);
width: 100vw;
height: 5px;
position: fixed;
top: 0%;
}
.blog-progress-bar-advanced {
border-top-right-radius: var(--responsiveness--div-radius-div-with-text-testimonials\);
border-bottom-right-radius: var(--responsiveness--div-radius-div-with-text-testimonials\);
background-color: var(--teacode-colours--tc-primary);
width: 1px;
height: 100%;
}
.caption-medium {
margin-bottom: var(--teacode-type-weight--teacode-spaces--7);
font-family: var(--teacode-type-all-fonts--primary-font);
font-size: var(--teacode-type-caption--font-size-lg);
line-height: var(--teacode-type-caption--line-height);
letter-spacing: var(--teacode-type-caption--letter-spacing);
text-transform: uppercase;
}
.caption-medium.u-mb-32 {
margin-bottom: var(--teacode-type-weight--teacode-spaces--4);
}
.caption-medium.u-mb-0 {
margin-bottom: 0;
}
.caption-medium.u-mb-2 {
margin-bottom: var(--teacode-type-weight--teacode-spaces--2);
}
.intro-home-length {
max-width: 983px;
margin-left: auto;
margin-right: auto;
}
.menu-item-dxs {
padding-left: 0;
padding-right: 24px;
}
.bubble-intro-home-2 {
width: 283px;
padding-right: 34px;
position: absolute;
inset: -12px auto auto -203px;
}
.u-mt-7 {
margin-top: var(--teacode-type-weight--teacode-spaces--7);
}
.home-intro-trava {
object-fit: fill;
height: 630px;
position: absolute;
top: -61px;
left: -33px;
}
.home-intro-icongenie {
width: 829px;
max-width: 829px;
position: absolute;
inset: auto auto -33% 68%;
box-shadow: 0 39px 71px #00000040;
}
.home-intro-paymi {
width: 470px;
max-width: 200%;
position: relative;
left: -133px;
}
.home-intro-bts {
width: 800px;
position: absolute;
inset: auto auto -11% -800px;
}
.u-d-50 {
width: 50%;
}
.u-d-50.u-d-t-100.technologies-flex {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-flow: wrap;
display: flex;
}
.u-d-50.u-d-t-100.u-pr-2-d {
padding-right: 16px;
}
.u-d-underline {
background-color: var(--teacode-colours--tc-primary);
width: 100%;
height: 2px;
position: absolute;
inset: auto 0% 0%;
}
.menu-link {
padding-right: var(--teacode-type-weight--teacode-spaces--4);
padding-left: var(--teacode-type-weight--teacode-spaces--0);
border-bottom-width: 0;
text-decoration: none;
}
.menu-link.u-pr-0 {
padding-right: var(--teacode-type-weight--teacode-spaces--0);
}
.service-showcase---img-mobile.image-1st {
background-image: url("https://cdn.prod.website-files.com/65ca6f59445c0a52f3323325/66bf0d1f01dcaedb766acb6d_web_mobile.webp");
background-position: 60%;
background-size: cover;
}
.u-d-75 {
width: 75%;
}
.u-word-highlighter-white {
border-top: 8px none var(--teacode-colours--tc-primary);
position: relative;
}
.section-intro-center {
text-align: center;
flex-flow: column;
justify-content: flex-start;
align-items: center;
display: flex;
}
.porfolio-slider {
justify-content: flex-start;
align-items: center;
width: 100%;
height: 815px;
display: flex;
}
.porfolio-slider._2nd {
position: absolute;
right: -1488px;
}
.porfolio-slider._2nd.u-hidden {
display: none;
}
.porfolio-slider._3rd {
position: absolute;
right: -2976px;
}
.porfolio-slider._3rd.u-hidden {
display: none;
}
.portfolio-left {
border-radius: var(--teacode-radius--rad-large);
width: 878px;
height: 568px;
margin-left: -400px;
position: relative;
}
.portfolio-left.trava {
background-image: url("https://cdn.prod.website-files.com/65ca6f59445c0a52f3323325/66ad2da22269096a92818fb5_trava.webp");
background-position: 0%;
background-size: 120%;
}
.portfolio-right {
width: 58%;
padding-left: 8.33%;
padding-right: 8.33%;
}
.heading-13.u-mb-8 {
margin-bottom: var(--teacode-type-weight--teacode-spaces--8);
line-height: var(--teacode-type-caption--line-height);
}
.u-mb-4 {
margin-bottom: var(--teacode-type-weight--teacode-spaces--4);
}
.portfolio-slider-container {
flex-flow: row;
transition: all .2s;
display: flex;
position: sticky;
top: 32px;
}
.portfolio-sticku-parent {
height: 200vw;
margin-bottom: 40px;
display: none;
position: relative;
}
.u-d-d-1-3 {
width: 33%;
}
.u-pb-4 {
padding-bottom: var(--teacode-type-weight--teacode-spaces--4);
}
.u-pb-4.u-pb-t-2 {
letter-spacing: var(--teacode-type-h5--letter-spacing);
}
.u-pb-4.u-pb-t-2.rwd-h5.u-maxw-70 {
max-width: 70%;
}
.u-pb-4.u-pb-t-2.rwd-h6 {
font-size: var(--teacode-headers--h6);
}
.testimonial-content {
margin-right: var(--teacode-type-weight--teacode-spaces--4);
margin-left: var(--teacode-type-weight--teacode-spaces--4);
}
.portfolio-addon-1 {
border-radius: var(--teacode-type-weight--teacode-spaces--1);
object-fit: contain;
width: auto;
height: 157px;
position: absolute;
inset: -77px 110px auto auto;
box-shadow: -20px 36px 36px #0000001a;
}
.portfolio-addon-2 {
border-radius: var(--teacode-type-weight--teacode-spaces--1);
object-fit: contain;
width: auto;
height: 299px;
position: absolute;
inset: auto 386px -168px auto;
box-shadow: -20px 36px 36px #0000001a;
}
.portfolio-addon-2.u-img-no-shadow {
box-shadow: none;
}
.portfolio-title {
margin-top: var(--teacode-container-layout--teacode-content-layout--padding-m-large);
margin-bottom: var(--teacode-container-layout--teacode-content-layout--padding-m-large);
}
.portfolio-title.rwd-h3-case {
font-size: var(--teacode-headers--h3);
line-height: var(--teacode-headers--line-height);
letter-spacing: var(--teacode-type-h3--letter-spacing);
font-weight: 400;
}
.content-t, .content-t.u-width-d-100 {
width: 100%;
}
.content-t.u-d-flex.cms-filter-empty-div {
justify-content: center;
align-items: center;
}
.portfolio-main-img-container {
border-radius: var(--teacode-radius--rad-large);
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
overflow: hidden;
}
._1st {
width: 100%;
height: auto;
margin-right: -160px;
}
.bubbles-container {
width: 1729px;
height: 831px;
margin-right: -100px;
position: relative;
overflow: hidden;
}
.accordion-content-wrap {
display: flex;
}
.u-d-7-10 {
width: 70%;
}
.u-d-7-10.u-mb-11 {
margin-bottom: 88px;
}
.u-d-5-10 {
width: 50%;
margin-bottom: 0;
}
.u-d-5-10.u-d-flex.u-d-flex-vertical.u-d-gap-4.without-logo {
justify-content: center;
align-items: flex-start;
}
.u-d-2-3 {
width: 67%;
}
.process-container {
grid-column-gap: 41px;
grid-row-gap: 41px;
justify-content: space-between;
width: 1380px;
margin-top: 60px;
margin-left: -384px;
display: flex;
position: relative;
}
.process-left {
padding: var(--teacode-type-weight--teacode-spaces--8) var(--teacode-type-weight--teacode-spaces--8) var(--teacode-type-weight--teacode-spaces--8) 384px;
border-radius: var(--teacode-radius--rad-normal);
flex-flow: column;
width: 715px;
height: 494px;
margin-left: 0;
display: flex;
}
.proces-middle {
flex-flow: column;
justify-content: center;
align-items: stretch;
width: 244px;
display: flex;
}
.h3-s {
font-size: var(--teacode-headers--h3-s);
}
.process-right {
border-radius: var(--teacode-radius--rad-normal);
object-fit: cover;
align-self: center;
width: 340px;
height: 430px;
position: relative;
overflow: visible;
}
.process-bubble {
z-index: 1;
width: 151px;
height: 158px;
position: absolute;
inset: auto -8px -45px auto;
}
.process-bubble._1 {
bottom: -73px;
right: -102px;
}
.process-bubble._3 {
inset: -77px auto auto -65px;
}
.process-bubble._5 {
width: 300px;
height: auto;
bottom: -115px;
right: -135px;
}
.process-container-mobile {
grid-column-gap: 41px;
grid-row-gap: 41px;
justify-content: space-between;
width: 1380px;
margin-left: -384px;
display: none;
position: relative;
}
.caption-small {
font-size: var(--teacode-fonts-caption--caption-small);
line-height: var(--teacode-type-caption--line-height);
letter-spacing: var(--teacode-type-caption--letter-spacing);
text-transform: uppercase;
}
.caption-small.u-text-primary.u-p-blogtitle {
padding-top: var(--teacode-type-weight--teacode-spaces--2);
padding-bottom: var(--teacode-type-weight--teacode-spaces--2);
}
.caption-small.u-text-primary.blog-general-category-name {
text-align: right;
}
.u-mt-12 {
margin-top: var(--teacode-type-weight--teacode-spaces--12);
}
.body-small {
font-size: var(--teacode-body-fonts--body-small);
}
.u-pt-4 {
padding-top: var(--teacode-type-weight--teacode-spaces--4);
}
.social-icon {
width: 32px;
}
.label-small {
font-size: var(--teacode-fonts-label--label-small);
line-height: var(--teacode-type-label--line-height);
letter-spacing: var(--teacode-type-label--letter-spacing);
font-weight: 500;
}
.label-small.summary-text {
min-width: 41px;
}
.label-small.u-pr-0 {
padding-right: 0;
}
.body-xsmall {
font-size: var(--teacode-body-fonts--body-xsmall);
}
.body-xsmall.u-pb-1 {
padding-bottom: var(--teacode-type-weight--teacode-spaces--1);
}
.body-xsmall.u-pr-4 {
padding-right: var(--teacode-type-weight--teacode-spaces--4);
}
.body-xsmall.u-ml-3 {
margin-left: 24px;
}
.footer-social {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-flow: wrap;
grid-template-columns: 1fr 1fr 1fr;
width: 112px;
display: flex;
}
.footer-arrow-mobile {
display: none;
}
.u-d-4-10 {
padding-right: var(--teacode-type-weight--teacode-spaces--8);
width: 40%;
}
.u-d-80 {
width: 80%;
}
.blog-arrow {
padding-top: var(--teacode-type-weight--teacode-spaces--0-5);
padding-right: var(--teacode-type-weight--teacode-spaces--2);
background-image: url("https://cdn.prod.website-files.com/65ca6f59445c0a52f3323325/66c77b163225dc8374fdd989_%E2%86%92.svg");
background-position: 0%;
background-repeat: no-repeat;
background-size: auto;
width: 11px;
height: 22px;
}
.ico-btn {
align-self: center;
width: 16px;
height: 16px;
}
.homepage-intro {
margin-top: var(--teacode-type-weight--teacode-spaces--8);
width: 2485px;
height: 1126px;
margin-left: -184px;
margin-right: 0;
position: relative;
}
.homepage-intro-web1 {
width: 829px;
position: absolute;
inset: 341px auto auto 1656px;
box-shadow: 0 39px 71px #00000040;
}
.homepage-intro-web1.skift {
box-shadow: none;
width: 100px;
top: 292px;
left: 1728px;
}
.homepage-intro-mob2 {
object-fit: fill;
height: 605px;
position: absolute;
top: 0;
left: 1244px;
}
.homepage-intro-web2 {
width: 731px;
position: absolute;
inset: auto auto 0% 0%;
}
.homepage-intro-bubble {
width: 159px;
display: none;
position: relative;
top: 792px;
left: 1376px;
}
.homepage-intro-mob1 {
width: 413px;
position: relative;
top: 250px;
left: 810px;
}
.homepage-introgreen-square {
aspect-ratio: 1;
border-radius: var(--teacode-radius--rad-large);
background-color: var(--teacode-colours--tc-primary);
align-self: flex-end;
width: 100%;
max-width: 584px;
position: absolute;
top: 67px;
left: 1256px;
right: auto;
}
.homepage-intro-par-div {
width: 260px;
position: absolute;
top: 67px;
left: 883px;
}
.homepage-intro-bubble-2 {
width: 159px;
position: absolute;
inset: 792px 950px auto auto;
overflow: clip;
}
.rwd-h1 {
z-index: 1;
font-size: var(--teacode-headers--h1);
line-height: var(--teacode-headers--line-height);
letter-spacing: var(--teacode-type-h1--letter-spacing);
font-weight: 400;
position: relative;
}
.rwd-h1.blog-intro-heading {
font-size: var(--teacode-headers--h2);
line-height: var(--teacode-type-h2--line-height);
letter-spacing: var(--teacode-type-h2--letter-spacing);
}
.rwd-h1.u-text-minw-2ch {
min-width: 2ch;
}
.rwd-h1.no-margin {
margin-top: 0;
margin-bottom: 0;
}
.rwd-h3 {
margin-top: 0;
margin-bottom: var(--teacode-type-weight--teacode-spaces--10);
font-size: var(--teacode-headers--h3);
line-height: var(--teacode-headers--line-height);
letter-spacing: var(--teacode-type-h3--letter-spacing);
max-width: 22ch;
font-weight: 400;
}
.rwd-h3.u-mb-d-10 {
margin-bottom: var(--teacode-type-weight--teacode-spaces--10);
}
.rwd-h3.u-mb-4 {
margin-bottom: var(--teacode-type-weight--teacode-spaces--4);
}
.rwd-h3.u-mb-4.u-text-maxw-none {
max-width: none;
}
.rwd-h3.u-mb-4.ruff-pass {
width: 50%;
padding-top: 24px;
}
.rwd-h3.u-mb-4.ruff-pass.results {
width: 40%;
}
.rwd-h3.u-mb-4.buzzin {
width: 35%;
max-width: none;
margin-bottom: 0;
padding-top: 24px;
}
.rwd-h3.u-mb-4.buzzin.results {
width: 40%;
}
.rwd-h3.u-mb-4.buzzin.longer {
width: 45%;
}
.rwd-h3.u-mb-d-12 {
margin-bottom: var(--teacode-type-weight--teacode-spaces--12);
}
.rwd-h3.u-mb-d-4 {
margin-bottom: var(--teacode-type-weight--teacode-spaces--4);
}
.rwd-h3.u-mb-d-4.u-mb-m-3.u-d-100 {
max-width: 100%;
}
.rwd-h3.u-mb-0 {
margin-bottom: 0;
}
.rwd-h3.u-mb-0.word-green.u-text-width-13 {
max-width: 13ch;
}
.rwd-h3.u-pt-3 {
padding-top: var(--teacode-type-weight--teacode-spaces--3);
}
.rwd-h3.u-mb-2 {
margin-bottom: var(--teacode-type-weight--teacode-spaces--2);
}
.rwd-h3.u-mb-6 {
margin-bottom: var(--teacode-type-weight--teacode-spaces--6);
}
.rwd-h3.u-mb-8 {
margin-bottom: var(--teacode-type-weight--teacode-spaces--8);
}
.rwd-h3.case-study-intro-h {
width: 50%;
max-width: none;
margin-bottom: 0;
}
.rwd-h3.u-mb-6-rwd {
margin-bottom: var(--teacode-type-weight--teacode-spaces--6);
margin-bottom: var(--teacode-type-weight--teacode-spaces--6);
}
.rwd-h3.u-text-center.u-maxw-100 {
max-width: 100%;
}
.rwd-h3.u-text-center.u-maxw-100.u-relative-top--8 {
position: relative;
top: -120px;
}
.rwd-h3.u-text-maxw-muzeum {
max-width: 8ch;
}
.rwd-h3.u-text-maxw-muzeum.u-pb-0 {
margin-bottom: 0;
}
.rwd-h4 {
font-size: var(--teacode-headers--h4);
line-height: var(--teacode-headers--line-height);
letter-spacing: var(--teacode-type-h4--letter-spacing);
margin-bottom: 0;
font-weight: 400;
}
.rwd-h4.u-mt-0.u-text-center.u-mb-4 {
margin-bottom: 32px;
}
.rwd-h4.u-pb-6 {
padding-bottom: 46px;
}
.rwd-h4.u-mb-2 {
margin-bottom: 16px;
}
.rwd-h4.buzzin-results {
width: 80%;
}
.rwd-h5 {
font-size: var(--teacode-headers--h5);
line-height: var(--teacode-headers--line-height);
letter-spacing: var(--teacode-type-h5--letter-spacing);
font-weight: 400;
}
.rwd-h5.no-margin {
margin-top: 0;
margin-bottom: 0;
}
.rwd-h5.no-margin.maxw-custom {
max-width: 20ch;
}
.rwd-h5.ruffpass-results-subheading {
display: none;
}
.rwd-h4-process {
font-size: var(--teacode-headers--h3-s);
letter-spacing: var(--teacode-type-h3-s--letter-spacing);
}
.rwd-h6-blog {
font-size: var(--teacode-headers--h5-s);
line-height: var(--teacode-headers--line-height);
letter-spacing: var(--teacode-type-h5-s--letter-spacing);
margin-top: 0;
margin-bottom: 0;
font-weight: 400;
}
.rwd-h6-blog.u-mb-1 {
margin-bottom: 8px;
}
.dev-process-arrow {
width: 12px;
height: 12px;
}
.u-d-z-index-999 {
z-index: 999;
position: relative;
}
.iondusties-background {
background-image: url("https://cdn.prod.website-files.com/65ca6f59445c0a52f3323325/66bf11d7b8bf5190f9a1206d_travel_2.webp");
background-position: 50% 30%;
background-size: cover;
width: 100%;
height: 100%;
margin-top: -96px;
position: absolute;
}
.u-mt-d--8 {
margin-top: -64px;
}
.u-mb-d--8 {
margin-bottom: -64px;
}
.u-mt-d--11 {
margin-top: -88px;
}
.u-d-1-3 {
width: 33%;
}
.caption-xsmall {
font-size: var(--teacode-fonts-caption--caption-xsmall);
text-transform: uppercase;
}
.u-text-bold {
font-weight: 700;
}
.blog-meta {
grid-column-gap: 16px;
grid-row-gap: 16px;
justify-content: center;
align-items: center;
display: flex;
}
.blog-intro-img {
object-fit: cover;
object-position: 50% 50%;
width: 100vw;
height: 600px;
margin-bottom: 0;
position: relative;
}
.blog-intro-img.u-img-fit-top-top {
object-position: 50% 90%;
}
.blog-reading-time {
display: none;
}
.blog-what-will-you-learn {
font-size: var(--teacode-type-h5--font-size-lg);
line-height: var(--teacode-type-h5--line-height);
letter-spacing: var(--teacode-type-h5--letter-spacing);
font-weight: 700;
}
.body-large {
font-size: var(--teacode-body-fonts--body-large);
}
.body-large.u-ml-2 {
margin-left: 16px;
}
.body-large.podcast-question {
border-left: 4px solid var(--teacode-colours--tc-primary);
padding-left: 8px;
}
.blog-table-of-content-list {
grid-column-gap: var(--teacode-type-weight--teacode-spaces--1);
grid-row-gap: var(--teacode-type-weight--teacode-spaces--1);
font-size: var(--teacode-body-fonts--body-large);
flex-flow: column;
display: flex;
}
.blog---what-will-you-learn {
margin-top: var(--1st-margin);
font-size: var(--teacode-body-fonts--body-large);
font-weight: 700;
}
.spotify-embed {
padding-top: var(--teacode-type-weight--teacode-spaces--3);
padding-bottom: var(--teacode-type-weight--teacode-spaces--3);
}
.blog-quote-div {
box-sizing: content-box;
margin: var(--teacode-type-weight--teacode-spaces--4) var(--teacode-type-weight--teacode-spaces--8);
padding-right: 0;
padding-left: var(--teacode-type-weight--teacode-spaces--4);
border-left: 4px solid var(--teacode-colours--tc-body-primary);
font-size: var(--teacode-body-fonts--body-large);
width: auto;
font-style: italic;
}
.table---record {
border: 1px solid var(--teacode-colours--tc-body-secondary);
font-size: var(--teacode-body-fonts--body-medium);
text-align: center;
justify-content: center;
align-items: center;
padding: 10px 12px;
display: flex;
}
.data-source-desc {
color: var(--teacode-colours--tc-body-secondary);
font-size: var(--teacode-fonts-caption--caption-xsmall);
text-transform: uppercase;
}
.body-large-copy {
font-size: var(--teacode-body-fonts--body-large);
}
.blog---what-to-learn {
padding-top: 0;
padding-bottom: 0;
}
.cta {
justify-content: flex-start;
align-items: center;
width: 100%;
height: 100%;
padding-right: 32px;
display: flex;
}
.cta.cta_space-between {
justify-content: space-between;
}
.cta-right {
grid-column-gap: var(--teacode-type-weight--teacode-spaces--2);
grid-row-gap: var(--teacode-type-weight--teacode-spaces--2);
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
padding-left: 64px;
display: flex;
position: relative;
}
.cta-right.newsletter-form {
margin-left: var(--teacode-type-weight--teacode-spaces--4);
padding-left: 0%;
}
.cta-spotify-left {
width: 270px;
height: 151px;
position: relative;
}
.blog-sources {
grid-column-gap: 0px;
grid-row-gap: 0px;
font-size: var(--teacode-body-fonts--body-small);
line-height: var(--teacode-type-paragraph--line-height);
letter-spacing: var(--teacode-body-fonts--letter-spacing);
padding-top: 0;
padding-left: 1.3em;
}
.cta-message-left {
width: 270px;
height: 151px;
position: relative;
}
.blog-author-details {
align-self: flex-end;
width: 50%;
}
.u-mr-2 {
margin-right: var(--teacode-type-weight--teacode-spaces--2);
}
.u-mt-4 {
margin-top: var(--teacode-type-weight--teacode-spaces--4);
}
.blog-intro-bubble {
width: 300px;
height: 324px;
position: absolute;
inset: 83px -220px auto auto;
}
.blog-bubble-content-top {
width: 335px;
position: absolute;
inset: auto auto 143px -320px;
}
.bullet-list {
margin-top: var(--teacode-type-weight--teacode-spaces--1);
padding-left: var(--teacode-type-weight--teacode-spaces--3);
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-flow: column;
list-style-type: disc;
display: flex;
}
.blog-author-title {
margin-top: var(--teacode-type-weight--teacode-spaces--1);
margin-bottom: var(--teacode-type-weight--teacode-spaces--4);
font-family: var(--teacode-type-all-fonts--primary-font);
font-size: var(--teacode-type-caption--font-size-lg);
line-height: var(--teacode-type-caption--line-height);
letter-spacing: var(--teacode-type-caption--letter-spacing);
text-transform: uppercase;
}
.label-medium {
font-size: var(--teacode-fonts-label--label-medium);
line-height: var(--teacode-type-label--line-height);
letter-spacing: var(--teacode-type-label--letter-spacing);
}
.blog-content-img {
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
overflow: visible;
}
.blog-content-img.blog-img-inside-content {
position: relative;
}
.blog-content-img.blog-img-inside-content.u-mb-3 {
margin-bottom: 24px;
}
.blog-content-img.blog-img-inside-content.u-mt-3.u-mb-3.teacode {
width: 50%;
height: 50%;
margin-left: auto;
margin-right: auto;
}
.list-4 {
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0;
}
.list-4.u-pb-0 {
padding-bottom: 0;
}
.blog-rich-text-block {
grid-column-gap: var(--teacode-type-weight--teacode-spaces--2);
grid-row-gap: var(--teacode-type-weight--teacode-spaces--2);
flex-flow: column;
margin-top: -16px;
margin-bottom: -16px;
display: flex;
}
.blog-rich-text-block.u-mb-2 {
margin-bottom: 16px;
}
.blog-rich-text-block.u-mt-2 {
margin-top: 16px;
}
.blog-page-blog-title {
min-height: 120px;
}
.navbar_dropdown-menu-item-title-icon {
margin-right: var(--teacode-type-weight--teacode-spaces--1);
object-fit: contain;
width: 18px;
height: 18px;
}
.div-block-49 {
justify-content: space-between;
align-items: center;
width: 100%;
display: flex;
position: relative;
top: -5px;
}
.div-block-49.test-navbar {
z-index: 1100;
}
.service-showcase-wrapper {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: column;
display: flex;
}
.service-showcase-row {
grid-column-gap: 16px;
grid-row-gap: 16px;
justify-content: space-between;
align-items: center;
display: flex;
}
.service-grid-item {
border-radius: 64px;
flex-flow: column;
justify-content: flex-end;
align-items: center;
width: 50%;
height: 549px;
display: flex;
position: relative;
overflow: hidden;
}
.service-showcase-content-wrapper {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: column;
justify-content: flex-end;
align-items: center;
margin-bottom: 52px;
margin-left: 62px;
margin-right: 62px;
display: flex;
position: relative;
}
.service-showcase-description {
text-align: center;
}
.page-intro-text-block {
grid-column-gap: var(--teacode-type-weight--teacode-spaces--2);
grid-row-gap: var(--teacode-type-weight--teacode-spaces--2);
flex-flow: column;
align-items: flex-start;
width: 58%;
display: flex;
}
.page-intro-text-block.case-study.icongenie {
width: 50%;
}
.page-intro-text-block.case-study.prossto {
width: 55%;
}
.page-intro-text-block.case-study.plannin-new {
width: 51%;
}
.page-intro-text-block.case-study.muzeum {
width: 52%;
}
.page-intro-text-block.u-d-width-50 {
width: 50%;
}
.page-intro-text-block.chatbot {
width: 46%;
}
.page-intro-text-block.custom-software {
grid-column-gap: var(--teacode-type-weight--teacode-spaces--4);
grid-row-gap: var(--teacode-type-weight--teacode-spaces--4);
width: 50%;
}
.flex-hor-cent {
grid-column-gap: var(--teacode-type-weight--teacode-spaces--2);
grid-row-gap: var(--teacode-type-weight--teacode-spaces--2);
flex-flow: row;
justify-content: space-between;
align-items: center;
display: flex;
}
.square-title {
font-size: var(--teacode-headers--h6);
line-height: var(--teacode-headers--line-height);
letter-spacing: var(--teacode-type-h5--letter-spacing);
font-weight: 400;
}
.square-title.u-text-semi-bold {
font-weight: 600;
}
.checkbox-field-2 {
justify-content: center;
align-items: flex-start;
display: inline-flex;
}
.u-pb-rwd-4 {
padding-bottom: var(--teacode-type-weight--teacode-spaces--4);
}
.faq-dropdown {
cursor: pointer;
background-color: #070707;
border: 1px solid #ffffff0f;
border-radius: 12px;
width: 100%;
overflow: hidden;
}
.accordion-trigger-wrapper.long-faq {
white-space: pre-wrap;
max-width: 100%;
}
.service-image {
object-fit: cover;
object-position: 50% 50%;
width: 100%;
max-width: none;
height: 100%;
position: absolute;
top: 0;
overflow: hidden;
}
.service-image.test-image {
width: auto;
height: 120%;
top: -80px;
}
.div-block-50 {
padding-right: 48px;
}
.form-label {
padding-top: 0;
padding-bottom: var(--teacode-type-weight--teacode-spaces--2);
margin-bottom: 0;
padding-left: 15px;
font-weight: 500;
}
.u-maxw-600px {
max-width: 600px;
}
.dropdown-chevron {
object-fit: contain;
width: 10px;
height: auto;
margin-left: 5px;
}
.code-embed-clutch {
margin-top: 8px;
margin-bottom: 0;
}
.cms-categories-wrapper {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: wrap;
align-items: center;
display: flex;
}
.cms-filter-form-label {
margin-bottom: 16px;
font-weight: 400;
}
.cms-filter-form-checkbox-div {
float: left;
border-radius: var(--component-button--border-radius);
margin-bottom: 8px;
margin-right: 8px;
padding-left: 0;
}
.cms-filter-form-checkbox-div.filter-clear {
opacity: 0;
transition: all .5s cubic-bezier(.25, .46, .45, .94);
display: none;
position: absolute;
right: 0;
}
.cms-filter-form-checkbox-div.checkbox-label-active {
background-color: var(--bg-hover-light);
}
.cms-filter-form-checkbox-toggle {
opacity: 0;
margin-top: 0;
margin-left: 0;
display: none;
position: relative;
}
.back-to-top-arrow {
width: 18px;
height: 18px;
transform: rotate(-90deg);
}
.back-to-top-button {
grid-column-gap: 8px;
grid-row-gap: 8px;
justify-content: center;
align-items: center;
}
.case-study-paragraph {
width: 50%;
}
.case-study-intro-container {
grid-column-gap: 64px;
grid-row-gap: 64px;
justify-content: space-between;
align-items: flex-start;
display: flex;
}
.filter-services-wrapper {
margin-bottom: 24px;
}
.filter-industries-wrapper {
margin-top: -10px;
}
.filter-industries-wrapper.filter-categories {
margin-top: 0;
}
.case-study-link-block {
border-radius: var(--teacode-radius--rad-normal);
border-bottom-style: none;
justify-content: center;
align-items: center;
width: 100%;
min-height: 450px;
margin-bottom: 64px;
display: flex;
position: relative;
overflow: hidden;
}
.case-study-collection-list {
flex-flow: column;
align-items: flex-start;
}
.case-study-background {
width: auto;
height: 450px;
position: absolute;
top: 0;
bottom: auto;
right: -64px;
}
.case-study-content {
z-index: 5;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding-top: 80px;
padding-bottom: 80px;
display: flex;
position: relative;
inset: 0% auto auto 0%;
}
.case-study-logo {
height: 80px;
}
.case-study-collection-wrapper {
margin-bottom: 128px;
}
.case-study-div-spaces {
margin-bottom: var(--teacode-type-weight--teacode-spaces--8);
grid-column-gap: var(--teacode-type-weight--teacode-spaces--8);
grid-row-gap: var(--teacode-type-weight--teacode-spaces--8);
flex-flow: column;
display: flex;
}
.case-study-div-spaces.u-d-gap-6 {
grid-column-gap: var(--teacode-type-weight--teacode-spaces--6);
grid-row-gap: var(--teacode-type-weight--teacode-spaces--6);
}
.case-study-curiosity {
padding-top: var(--teacode-type-weight--teacode-spaces--4);
padding-bottom: var(--teacode-type-weight--teacode-spaces--4);
padding-left: var(--teacode-type-weight--teacode-spaces--4);
border-radius: var(--teacode-radius--rad-x-small);
background-color: var(--teacode-colours--tc-primary);
width: 1500px;
position: absolute;
}
.case-study-curiosity.left {
justify-content: flex-end;
align-items: center;
height: 350px;
display: flex;
top: 390px;
left: -1005px;
}
.case-study-curiosity.left.background-skydreamer {
top: 479px;
}
.case-study-curiosity.left.trava {
top: 480px;
}
.case-study-curiosity.left.background-exotic {
background-color: #64b5ff;
top: 390px;
}
.case-study-curiosity.left.background-plannin {
background-color: #a4dca4;
top: 479px;
}
.case-study-curiosity.left.muzeum {
background-color: #00affa;
top: 480px;
}
.case-study-curiosity.left.background-bts {
background-color: #9747ff;
top: 479px;
}
.case-study-curiosity.left.backgound-ruffpass {
background-color: #5694f3;
top: 479px;
}
.case-study-curiosity.left.background-buzzin {
background-color: #feaa14;
top: 479px;
}
.case-study-curiosity.left.custom-software {
top: 390px;
}
.case-study-curiosity.plannin {
background-color: #f6d96e;
}
.case-study-curiosity.buzzin {
background-color: #fda91b;
}
.cusriosity {
grid-column-gap: var(--teacode-type-weight--teacode-spaces--2);
grid-row-gap: var(--teacode-type-weight--teacode-spaces--2);
flex-flow: column;
width: 406px;
display: flex;
}
.cusriosity.gap-4 {
z-index: 5;
grid-column-gap: var(--teacode-type-weight--teacode-spaces--4);
grid-row-gap: var(--teacode-type-weight--teacode-spaces--4);
position: relative;
}
.case-study-tech {
grid-column-gap: var(--teacode-type-weight--teacode-spaces--4);
grid-row-gap: var(--teacode-type-weight--teacode-spaces--4);
flex-flow: wrap;
justify-content: center;
align-items: center;
width: 100%;
display: flex;
}
.case-study-tech.hidden, .case-study-tech.u-d-hidden {
display: none;
}
.tech {
height: 30px;
}
.case-study-testim-line {
border-bottom: 1px solid var(--teacode-colours--tc-body-primary);
width: 1000px;
height: 2px;
position: absolute;
inset: auto 0% -24px auto;
}
.case-study-testim-line.white {
border-bottom-color: var(--teacode-colours--tc-white);
}
.case-study-testim-line.photo-2 {
border-bottom-width: 2px;
top: 0;
bottom: auto;
}
.case-study-testim-line.photo-1 {
border-bottom-width: 2px;
}
.case-study-text {
display: flex;
}
.case-study-text.col-right {
grid-column-gap: 24px;
grid-row-gap: 24px;
justify-content: flex-end;
align-items: center;
position: relative;
}
.case-study-text.col-left {
grid-column-gap: 24px;
grid-row-gap: 24px;
justify-content: flex-start;
align-items: center;
}
.case-study-mockup {
justify-content: center;
align-items: center;
width: 70%;
display: flex;
}
.case-study-mockup.left {
justify-content: flex-end;
align-items: center;
width: 50%;
position: relative;
}
.case-study-mockup.right {
justify-content: flex-start;
align-items: center;
width: 50%;
position: relative;
}
.icon---number {
border: 6px solid var(--teacode-colours--tc-white);
border-radius: var(--teacode-radius--rad-x-small);
background-color: var(--teacode-colours--tc-primary);
text-shadow: 0 1px 1px #0003;
justify-content: center;
align-items: center;
width: 32px;
height: 32px;
display: flex;
position: absolute;
}
.icon---number._1 {
z-index: 1;
inset: auto 30px 50px auto;
}
.icon---number._1.u-hidden {
display: none;
}
.icon---number._1.plannin {
background-color: #ff8d5b;
inset: 0 auto auto 0;
}
.icon---number._2 {
top: 83px;
left: auto;
right: 580px;
}
.icon---number._2.u-hidden {
display: none;
}
.icon---number.color-plannin {
background-color: #f97447;
}
.icon---number.color-plannin._1 {
z-index: 5;
inset: -50px 365px auto auto;
}
.icon---number.color-plannin._2 {
z-index: 6;
top: -50px;
right: 105px;
}
.icon---number.color-plannin._3 {
top: 210px;
left: 240px;
right: auto;
}
.icon---number.color-plannin._4 {
top: 350px;
left: 6px;
right: auto;
}
.case-study-last-img {
justify-content: center;
align-items: center;
width: 100vw;
height: 672px;
display: flex;
position: relative;
overflow: clip;
}
.case-study-last-img.plannin, .case-study-last-img.ruff-pass {
height: auto;
}
.case-study-intro-img-container {
display: none;
}
.curiosity-container {
height: 160px;
}
.case-study-text-cat {
display: flex;
}
.case-study-text-cat.ruff-pass {
grid-column-gap: 16px;
grid-row-gap: 16px;
justify-content: space-between;
}
.case-study-text-cat.buzzin {
grid-column-gap: 48px;
grid-row-gap: 48px;
}
.categories-div {
grid-column-gap: var(--teacode-type-weight--teacode-spaces--1);
grid-row-gap: var(--teacode-type-weight--teacode-spaces--1);
flex-flow: wrap;
align-content: flex-start;
width: 50%;
display: flex;
}
.categories-div.ruff-pass {
width: 100%;
}
.categories-div.full {
justify-content: flex-end;
width: 100%;
}
.case-study-under-logo-div {
margin-top: var(--teacode-type-weight--teacode-spaces--4);
grid-column-gap: var(--teacode-type-weight--teacode-spaces--4);
grid-row-gap: var(--teacode-type-weight--teacode-spaces--4);
flex-flow: column;
display: flex;
}
.case-study-under-logo-div.u-mt-0 {
margin-top: 0;
}
.case-study-under-logo-div.plannin {
margin-top: 200px;
}
.case-study-under-logo-div.gap-2 {
grid-column-gap: var(--teacode-type-weight--teacode-spaces--2);
grid-row-gap: var(--teacode-type-weight--teacode-spaces--2);
}
.case-study-under-logo-div.bts {
grid-column-gap: var(--teacode-type-weight--teacode-spaces--8);
grid-row-gap: var(--teacode-type-weight--teacode-spaces--8);
}
.testimonial-col.left {
justify-content: flex-end;
align-items: center;
width: 25%;
display: flex;
}
.testimonial-col.left.variant-2 {
width: 35%;
}
.testimonial-col.right {
width: 56.33%;
margin-left: 8.33%;
}
.testimonial-col.right.variant-2 {
width: 40%;
}
.image-33 {
width: 300px;
margin-top: 0;
position: absolute;
top: auto;
right: 0;
}
.image-34 {
width: 350px;
margin-left: 0;
position: absolute;
top: auto;
right: 300px;
}
.image-34.u-ml-0 {
margin-left: 0;
}
.image-35 {
object-position: 50% 50%;
}
.image-35._40k {
max-width: 150%;
}
.cms-pagination-wrapper {
grid-column-gap: 8px;
grid-row-gap: 8px;
margin-top: 32px;
}
.cms-pagination-number {
background-color: var(--teacode-colours--tc-white);
font-size: var(--teacode-fonts-label--label-medium);
text-align: center;
border-bottom-style: none;
border-radius: 4px;
justify-content: center;
align-items: center;
width: 32px;
height: 32px;
padding: 5px 4px;
font-weight: 500;
transition: color .2s, border-color .2s;
display: flex;
}
.cms-pagination-number.w--current {
border: 1px solid var(--teacode-colours--tc-primary);
color: var(--teacode-colours--tc-primary);
}
.previous.cms-pagination-next, .next.cms-pagination-next {
background-color: var(--teacode-colours--tc-white);
border-style: none;
border-radius: 4px;
justify-content: center;
align-items: center;
width: 32px;
height: 32px;
margin-left: 0;
margin-right: 0;
padding: 4px;
display: flex;
}
.cms-pagination-previous {
transform: rotate(180deg);
}
.cms-pagination-number-wrapper {
grid-column-gap: 8px;
grid-row-gap: 8px;
display: flex;
}
.cms-filter-empty-wrapper {
flex-flow: column;
justify-content: center;
align-items: center;
width: 60%;
display: flex;
}
.cms-filter-empty-heading {
font-weight: 600;
}
.cms-filter-empty-message {
text-align: center;
}
.case-study-float-wrapper {
grid-column-gap: var(--teacode-type-weight--teacode-spaces--4);
grid-row-gap: var(--teacode-type-weight--teacode-spaces--4);
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
display: flex;
}
.case-study-heading {
color: var(--teacode-colours--tc-white);
font-size: var(--teacode-headers--h4);
line-height: var(--teacode-type-h4--line-height);
letter-spacing: var(--teacode-type-h4--letter-spacing);
width: 50%;
margin-top: 0;
margin-bottom: 0;
}
.green-people-pic {
width: 500px;
}
.green-people-pic.asia {
width: 400px;
}
.green-people-pic.blog {
position: absolute;
inset: 120px 0 0 -340px;
}
.green-people-col {
margin-left: var(--teacode-type-weight--teacode-spaces--4);
}
.green-people-col.left {
margin-left: -120px;
}
.green-people-col.right {
margin-left: var(--teacode-type-weight--teacode-spaces--10);
align-self: center;
width: 50%;
}
.simple-testimonial-slider {
flex-direction: column;
justify-content: flex-start;
align-items: stretch;
width: 100%;
height: 100%;
margin-top: 40px;
margin-left: auto;
margin-right: auto;
display: flex;
position: relative;
overflow: clip;
}
.case-study-logo-wrapper {
justify-content: flex-start;
align-items: center;
width: 50%;
display: flex;
}
.u-d-flex-horizontal {
grid-column-gap: var(--teacode-type-weight--teacode-spaces--8);
grid-row-gap: var(--teacode-type-weight--teacode-spaces--8);
display: flex;
}
.u-d-flex-horizontal.u-pt-10 {
padding-top: 80px;
}
.u-d-flex-horizontal.flex-y-center {
justify-content: flex-start;
align-items: center;
}
.u-d-flex-horizontal.flex-y-center.gap-2, .u-d-flex-horizontal.gap-2 {
grid-column-gap: var(--teacode-type-weight--teacode-spaces--2);
grid-row-gap: var(--teacode-type-weight--teacode-spaces--2);
}
.u-mb-6 {
margin-bottom: var(--teacode-type-weight--teacode-spaces--6);
}
.u-mt--4 {
margin-top: -32px;
}
.u-text-p-mb {
margin-bottom: 16px;
}
.u-mb-8-rwd {
margin-bottom: var(--teacode-type-weight--teacode-spaces--8);
}
.flag-emoji {
align-self: center;
width: 40px;
margin-top: auto;
margin-bottom: auto;
margin-right: -20px;
}
.page-intro-img-container-mobile {
display: none;
}
.u-pt-8 {
padding-top: var(--teacode-type-weight--teacode-spaces--8);
}
.green-section-testimonial {
margin-top: var(--teacode-type-weight--teacode-spaces--6);
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.green-section-testimonial.u-mt-0 {
margin-top: 0;
}
.flag-emoji-general {
align-self: center;
width: 40px;
margin-top: auto;
margin-bottom: auto;
margin-right: -8px;
}
.row-3-items {
grid-column-gap: var(--teacode-type-weight--teacode-spaces--4);
grid-row-gap: var(--teacode-type-weight--teacode-spaces--4);
text-align: center;
flex-flow: wrap;
justify-content: center;
align-items: flex-start;
display: flex;
}
.row-3-items.u-d-gap-3 {
grid-column-gap: var(--teacode-type-weight--teacode-spaces--3);
grid-row-gap: var(--teacode-type-weight--teacode-spaces--3);
}
.row-3-items.space-around {
justify-content: space-between;
}
.row-3-items.gap-1 {
grid-column-gap: var(--teacode-type-weight--teacode-spaces--1);
grid-row-gap: var(--teacode-type-weight--teacode-spaces--1);
}
.row-3-items.gap-1.space-between {
justify-content: space-between;
}
.row-3-items.row-3-items-mobile-vertical.align-left {
justify-content: flex-start;
}
.row-3-items.u-mt-8.u-d-9-10 {
margin-left: auto;
margin-right: auto;
}
.row-3-items.u-mt-8.u-d-8-10 {
width: 80%;
margin-left: auto;
margin-right: auto;
}
.row-3-items.u-mt-8.plannin-role-involvement-columns {
width: 100%;
}
.row-3-items.buzzin {
justify-content: flex-start;
}
.row-3-items-item {
width: 30%;
}
.row-3-items-item.icon-space {
margin-bottom: 32px;
}
.row-3-items-item.case-study-team {
background-color: var(--teacode-colours--tc-background);
border-radius: 360px;
justify-content: flex-start;
align-items: center;
width: auto;
padding: 16px 30px 16px 16px;
display: flex;
}
.row-3-items-item.u-position-relative-ml {
position: static;
}
.row-3-items-item.u-position-relative-ml.u-d-70--ml.buzzin {
width: 20%;
}
.row-3-items-item.plannin-kpi {
border-left: 2px solid var(--teacode-colours--tc-body-tertiary);
text-align: left;
padding-bottom: 16px;
padding-left: 16px;
padding-right: 16px;
position: relative;
}
.row-3-items-item.plannin-kpi.last {
border-left-style: none;
}
.row-3-items-item.buzzin {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
}
.u-pb-12 {
padding-bottom: var(--teacode-type-weight--teacode-spaces--12);
}
.green-sec-testimonial-author {
flex-flow: column;
justify-content: flex-start;
align-items: flex-end;
display: flex;
}
.buttons-container-testimonials {
grid-column-gap: var(--teacode-type-weight--teacode-spaces--2);
grid-row-gap: var(--teacode-type-weight--teacode-spaces--2);
justify-content: flex-end;
align-items: flex-start;
display: flex;
}
.header-underlined-link {
margin-top: var(--teacode-type-weight--teacode-spaces--2);
grid-column-gap: var(--teacode-type-weight--teacode-spaces--2);
grid-row-gap: var(--teacode-type-weight--teacode-spaces--2);
border-style: solid;
border-width: 0 0 2px;
border-color: #fff0 #fff0 var(--teacode-colours--tc-primary);
align-items: center;
padding-bottom: 4px;
display: flex;
}
.header-underlined-link:hover {
border-bottom-color: var(--teacode-colours--tc-primary);
}
.header-underlined-link:active {
border-bottom-color: var(--teacode-colours--tc-primary-dark);
}
.u-mt-6 {
margin-top: var(--teacode-type-weight--teacode-spaces--6);
}
.career-list-desc {
font-size: var(--teacode-headers--h6);
line-height: var(--teacode-type-h4--line-height);
letter-spacing: var(--teacode-type-h4--letter-spacing);
}
.blog-details-wrapper {
grid-column-gap: 8px;
grid-row-gap: 8px;
justify-content: space-between;
align-items: flex-end;
width: 100%;
padding-left: 8px;
padding-right: 8px;
display: flex;
}
.blog-author-wrapper {
justify-content: flex-start;
align-items: center;
display: flex;
}
.blog-category-wrapper {
width: 30%;
}
.general-blog-page-item {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
height: 410px;
margin-bottom: 48px;
padding-left: 16px;
padding-right: 16px;
display: flex;
}
.blog-general-author-name {
font-size: var(--teacode-type-paragraph--font-size-t);
}
.u-d-6-10 {
width: 60%;
margin-bottom: 0;
}
.u-d-100 {
width: 100%;
max-width: none;
}
.u-d-100.u-mt-8-responsive {
margin-top: 64px;
}
.u-d-100.u-d-flex-horizontal.space-between {
justify-content: space-between;
}
.u-d-100.u-d-flex-horizontal.space-between.gap-2 {
grid-column-gap: var(--teacode-type-weight--teacode-spaces--2);
grid-row-gap: var(--teacode-type-weight--teacode-spaces--2);
}
.u-d-100.u-d-flex-horizontal.gap-2, .u-d-100.u-d-flex-horizontal.u-d-gap-3 {
grid-column-gap: var(--teacode-type-weight--teacode-spaces--3);
grid-row-gap: var(--teacode-type-weight--teacode-spaces--3);
}
.u-d-100.u-d-flex-horizontal.gap-10 {
grid-column-gap: var(--teacode-type-weight--teacode-spaces--10);
grid-row-gap: var(--teacode-type-weight--teacode-spaces--10);
}
.u-d-100.u-d-overflow-scroll.spaces {
margin-top: 80px;
}
.u-mb-6-rwd {
margin-bottom: var(--teacode-type-weight--teacode-spaces--6);
}
.u-pb-12-rwd {
padding-bottom: var(--teacode-type-weight--teacode-spaces--12);
}
.u-pt-12-rwd {
padding-top: var(--teacode-type-weight--teacode-spaces--12);
}
.img-industry {
object-fit: contain;
width: 505px;
max-width: none;
position: absolute;
inset: 0 auto auto -100px;
overflow: visible;
}
.img-industry.right {
inset: 51px 0 auto auto;
}
.img-industry.right.industry-shield {
width: 600px;
top: -40px;
right: -180px;
}
.img-industry.right.medical-board {
width: 425px;
}
.img-industry.right.marketing-envelope {
width: 425px;
right: -50px;
}
.img-industry.right.travel {
top: 0;
}
.img-industry.right.ecommerce-phone-right {
width: 600px;
top: 0;
right: -100px;
}
.img-industry.right.real-estate-phone, .img-industry.right.real-estate-desktop-right {
width: 425px;
right: -50px;
}
.img-industry.healthcare-bars {
width: 600px;
top: -40px;
left: -140px;
}
.img-industry.pills {
left: -140px;
}
.img-industry.smartwatch {
width: 550px;
left: -170px;
}
.img-industry.fintech-walking {
width: 550px;
left: -140px;
}
.img-industry.marketing-cart {
width: 450px;
left: -140px;
}
.img-industry.travel {
width: 450px;
position: relative;
left: 0;
}
.img-industry.ecommerce-phone-left {
width: 600px;
left: -140px;
}
.img-industry.fintech-walking {
width: 450px;
position: relative;
left: -30px;
}
.img-industry.real-estate-phone-vertical {
width: 450px;
left: -110px;
}
.img-industry.real-estate-desktop {
left: -140px;
}
.u-mt-8-rwd {
padding-top: var(--teacode-type-weight--teacode-spaces--8);
}
.case-section-logo {
height: 40px;
}
.case-section-logo.u-mb-8.height-60 {
height: 60px;
}
.case-section-logo.png-with-spaces {
height: 60px;
margin-bottom: 32px;
}
.case-section-logo.png-with-spaces.case-study-item {
height: 120px;
margin-bottom: 0;
position: relative;
left: 32px;
}
.case-section-logo.png-with-spaces.case-study-item.amber-living {
top: -10px;
}
.case-kpi {
font-size: var(--teacode-headers--h2);
font-weight: 600;
line-height: 1em;
}
.case-kpi.additional {
padding-right: 16px;
font-size: 60px;
line-height: 1em;
}
.case-kpi- {
font-size: var(--teacode-headers--h4);
}
.case-kpi-.additional {
font-size: 40px;
}
.kpi-4-squares {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: wrap;
width: 64%;
display: flex;
position: relative;
}
.kpi-4-squares.first {
order: -1;
}
.kpi-img {
object-fit: cover;
object-position: 0% 50%;
align-self: center;
width: 200%;
max-width: none;
}
.kpi-img._150 {
width: 150%;
}
.content-kpi {
padding-left: 8.33%;
}
.content-kpi.one-case {
margin-top: 128px;
margin-bottom: 64px;
}
.case-kpi-col-left {
padding-right: var(--teacode-type-weight--teacode-spaces--6);
width: 40%;
}
.case-kpi-additional {
padding-top: var(--teacode-type-weight--teacode-spaces--8);
padding-bottom: var(--teacode-type-weight--teacode-spaces--8);
display: flex;
overflow: hidden;
}
.white-space {
border-radius: var(--teacode-radius--rad-normal);
background-color: var(--teacode-colours--tc-white);
}
.kpi-container {
flex-flow: row;
justify-content: flex-start;
align-items: flex-start;
display: flex;
position: relative;
}
.kpi-container.right {
justify-content: flex-end;
align-items: flex-start;
}
.kpi-desc {
grid-column-gap: 32px;
grid-row-gap: 32px;
flex-flow: column;
width: 100%;
display: flex;
}
.u-mb-8 {
margin-bottom: 64px;
}
.u-mt-8 {
margin-top: 64px;
}
.kpi-additional-numbers {
justify-content: flex-start;
align-items: center;
display: flex;
}
.richtext-h3 {
margin-top: var(--teacode-type-weight--teacode-spaces--4);
margin-bottom: var(--teacode-type-weight--teacode-spaces--2);
}
.richtext-h3.u-mb-0 {
margin-bottom: 0;
}
.industries-text-wrapper {
z-index: 10;
width: 65%;
position: relative;
}
.industries-text-wrapper.medical {
width: 50%;
}
.industries-text-wrapper.fintech {
width: 100%;
}
.industries-text-wrapper.custom-software, .industries-text-wrapper.modernisation {
width: 50%;
}
.industries-text-wrapper.chatbot {
width: 60%;
}
.list-item-not-blog {
font-size: var(--teacode-body-fonts--body-medium);
}
.industries-info-wrapper {
grid-column-gap: var(--teacode-type-weight--teacode-spaces--8);
grid-row-gap: var(--teacode-type-weight--teacode-spaces--8);
display: flex;
}
.industries-info-col-first {
text-align: left;
width: 60%;
}
.industries-info-col-first.u-d-5-10 {
width: 50%;
}
.industries-info-col-second {
width: 40%;
}
.industries-info-col-second.u-d-5-10 {
width: 50%;
}
.industries-info-col-second.u-d-5-10.u-text-left.u-d-m-100.u-ml-2 {
margin-left: 16px;
}
.industries-details-wrapper {
grid-column-gap: var(--teacode-type-weight--teacode-spaces--8);
grid-row-gap: var(--teacode-type-weight--teacode-spaces--8);
align-items: center;
display: flex;
position: relative;
}
.industries-details-col-text, .industries-details-col-img {
width: 50%;
}
.industry-addon-right {
max-width: none;
height: 730px;
position: absolute;
top: -136px;
right: -850px;
}
.industry-addon-right.second {
height: 430px;
top: -32px;
right: -220px;
}
.industry-addon-right.second.travel-cta {
height: 400px;
right: -240px;
}
.industry-addon-right.ecommerce, .industry-addon-right.real-estate {
height: 600px;
right: -100px;
}
.industry-addon-right.startups {
height: 600px;
top: -150px;
right: -100px;
}
.industry-addon-right.logistics {
height: 600px;
top: -96px;
right: -100px;
}
.industry-addon-right.travel {
z-index: 1;
height: 800px;
top: -130px;
right: -450px;
}
.industry-addon-right.consultancy {
z-index: 1;
height: 700px;
top: -180px;
right: -600px;
}
.industry-addon-right.chatbot {
height: 430px;
top: -32px;
right: -150px;
}
.industry-addon-right.mobile {
z-index: 1;
height: 700px;
top: -180px;
right: -600px;
}
.industry-addon-right.web {
z-index: 1;
height: 660px;
top: -150px;
right: -600px;
}
.industry-addon-right.design {
z-index: 1;
height: 700px;
top: -200px;
right: -700px;
}
.industry-addon-right.chatbot {
z-index: 1;
height: 680px;
top: -210px;
right: -700px;
}
.industry-addon-right.digital-product {
z-index: 1;
height: 700px;
top: -210px;
right: -600px;
}
.industry-addon-right.custom-software {
height: 700px;
top: -150px;
right: -700px;
}
.industry-addon-right.modernisation {
z-index: 1;
top: -180px;
right: -800px;
}
.industry-addon-right.ai-development {
z-index: 1;
height: 680px;
top: -210px;
right: -600px;
}
.industry-addon-left {
max-width: none;
height: 730px;
position: absolute;
top: -136px;
left: -420px;
}
.industry-addon-left.second {
height: 427px;
top: -32px;
left: -200px;
}
.industry-addon-left.second.travel-cta {
left: -300px;
}
.industry-addon-left.travel {
top: -130px;
left: -230px;
}
.industry-addon-left.consultancy {
top: -180px;
left: -400px;
}
.industry-addon-left.mobile {
top: -180px;
left: -320px;
}
.industry-addon-left.web {
height: 660px;
top: -150px;
left: -550px;
}
.industry-addon-left.design {
height: 700px;
top: -220px;
left: -400px;
}
.industry-addon-left.chatbot {
height: 660px;
top: -210px;
left: -390px;
}
.industry-addon-left.ai-development {
height: 670px;
top: -210px;
left: -550px;
}
.industry-addon-left.digital-product {
top: -210px;
left: -650px;
}
.industry-addon-left.custom-software {
top: -160px;
left: -550px;
}
.industry-addon-left.modernisation {
height: 700px;
top: -180px;
left: -950px;
}
.industry-addon-top {
max-width: none;
height: 336px;
position: absolute;
top: -378px;
}
.industry-addon-top.travel {
height: 60%;
top: -240px;
}
.industry-addon-bottom {
max-width: none;
height: 336px;
position: absolute;
top: 386px;
}
.industry-addon-bottom.ctavel-cta {
height: 60%;
top: 375px;
}
.industries-features-bubble {
width: 320px;
position: absolute;
top: -120px;
right: -270px;
transform: rotate(75deg);
}
.row-2-items {
grid-column-gap: var(--teacode-type-weight--teacode-spaces--4);
grid-row-gap: var(--teacode-type-weight--teacode-spaces--4);
text-align: center;
flex-flow: wrap;
justify-content: center;
align-items: flex-start;
display: flex;
}
.row-2-items.deliverables {
grid-column-gap: 24px;
grid-row-gap: 24px;
width: 70%;
}
.row-2-items.row-2-items-space-between {
justify-content: space-between;
}
.row-2-items.row-2-items-space-between.row-2-items-center {
align-items: center;
}
.row-2-items.row-2-items-space-between.row-2-items-mobile-vertical.u-mb-6.gap-2 {
grid-column-gap: var(--teacode-type-weight--teacode-spaces--2);
grid-row-gap: var(--teacode-type-weight--teacode-spaces--2);
}
.row-2-items.row-2-items-space-between.row-2-items-mobile-vertical.u-mb-10 {
margin-bottom: 80px;
}
.row-2-items.row-2-items-space-between.u-d-gap-3 {
grid-column-gap: var(--teacode-type-weight--teacode-spaces--3);
grid-row-gap: var(--teacode-type-weight--teacode-spaces--3);
}
.row-2-items.gap-test {
grid-column-gap: var(--teacode-type-weight--teacode-spaces--2);
grid-row-gap: var(--teacode-type-weight--teacode-spaces--2);
}
.row-2-items-item {
width: 45%;
}
.row-2-items-item.row-2-items-item-3-10 {
width: 25%;
}
.row-2-items-item.row-2-items-item-7-10 {
width: 70%;
}
.row-2-items-item.row-2-items-item-4-10 {
width: 36%;
}
.row-2-items-item.row-2-items-item-6-10 {
width: 57%;
}
.row-2-items-item.results {
grid-column-gap: 32px;
grid-row-gap: 32px;
background-color: var(--teacode-colours--tc-white);
border-radius: 32px;
flex-flow: column;
align-items: flex-start;
width: 47%;
padding: 32px;
display: flex;
}
.row-2-items-item.plannin-development {
width: 46%;
}
.row-2-items-item.muzeum {
grid-column-gap: 16px;
grid-row-gap: 16px;
background-color: #00affa;
border-radius: 32px;
align-items: center;
width: 48.5%;
min-height: 230px;
padding: 16px;
display: flex;
}
.row-2-items-item.ruff-pass {
grid-column-gap: 16px;
grid-row-gap: 16px;
color: var(--teacode-colours--tc-white);
background-color: #5694f3;
border-radius: 32px;
align-items: center;
width: 48.5%;
min-height: 370px;
padding: 16px;
display: flex;
}
.kpi-case-img {
width: 700px;
max-width: none;
position: absolute;
inset: 0 -80px auto auto;
}
.kpi-case-img.left {
top: 0;
left: -230px;
right: auto;
}
.kpi-case-img.hocomo {
top: -100px;
}
.kpi-case-img.paymi1 {
width: 600px;
top: -140px;
right: 0;
}
.kpi-case-img.aviation {
top: 40px;
}
.kpi-case-img.autopilot {
width: 500px;
top: -50px;
right: 0;
}
.banner-img-old {
width: 800px;
position: absolute;
inset: -60px -250px auto auto;
}
.case-kpi-image {
height: 350px;
position: absolute;
top: 0;
left: 55%;
right: auto;
}
.case-kpi-image.hocomo {
height: 550px;
top: -30px;
}
.case-study---logo-in-line {
justify-content: flex-start;
align-items: center;
display: flex;
}
.kpi-add-kpis {
grid-column-gap: 32px;
grid-row-gap: 32px;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
width: 50%;
display: flex;
}
.trava-mobile-bottom {
z-index: 2;
width: 500px;
margin-top: 0;
position: absolute;
top: 200px;
right: -64px;
}
.trava-mobile-top {
z-index: 3;
width: 500px;
margin-left: 0;
position: absolute;
top: 50px;
right: -64px;
}
.button-arrow {
width: 16px;
}
.case-study-item-img {
order: 1;
width: 300px;
display: block;
position: absolute;
right: 0;
}
.case-study-item-img.paymi-group {
width: 600px;
top: 100px;
right: 0;
}
.case-study-item-img.paymi-group._2 {
top: 0;
}
.case-study-item-img.case-left {
inset: auto auto auto 0%;
}
.case-study-item-img.case-left.desktop {
width: 800px;
left: auto;
right: 55%;
}
.case-study-item-img.case-left.desktop.rinno1 {
top: 20px;
}
.case-study-item-img.case-left.desktop.buzzin1 {
right: 40%;
}
.case-study-item-img.case-left.desktop.amberliving1 {
right: 35%;
}
.case-study-item-img.case-left.desktop.simplifiedbody-fork {
top: 0;
}
.case-study-item-img.case-left.width400px {
width: 450px;
left: -100px;
}
.case-study-item-img.case-left.width400px.voicey {
left: -150px;
}
.case-study-item-img.case-left.width400px.autopilot {
width: 550px;
left: -200px;
}
.case-study-item-img.case-left.width400px.meconed {
left: -150px;
}
.case-study-item-img.case-left.width400px.heirlume {
left: -180px;
}
.case-study-item-img.case-left.plannin-stack {
width: 536px;
max-width: none;
top: 56px;
left: -180px;
}
.case-study-item-img.case-left.plannin-stack.voicey {
left: -150px;
}
.case-study-item-img.case-left.plannin-stack.autopilot {
width: 550px;
left: -200px;
}
.case-study-item-img.case-left.plannin-stack.meconed {
left: -150px;
}
.case-study-item-img.case-left.plannin-stack.heirlume {
left: -180px;
}
.case-study-item-img.general {
width: 500px;
right: -100px;
}
.case-study-item-img.general.absolute-right--50, .case-study-item-img.general.voicey-phone {
right: -50px;
}
.case-study-item-img.general.medicor {
width: 450px;
}
.case-study-item-img.general.meconed-phone-mockup {
width: 450px;
right: -50px;
}
.case-study-item-img.general.heirlume {
right: 0;
}
.case-study-item-img.desktop {
width: 800px;
right: -400px;
}
.case-study-item-img.desktop.absolute-right--250 {
right: -250px;
}
.case-study-item-img.desktop.skydreamer2 {
top: 100px;
right: -300px;
}
.case-study-item-img.desktop.bts-img {
right: -180px;
}
.case-study-item-img.desktop.larger {
width: 900px;
}
.case-study-item-img.desktop.tbp2-desktop {
width: 750px;
right: -350px;
}
.case-study-item-img.desktop.simplifiedbody {
width: 700px;
right: -200px;
}
.case-study-item-img.desktop.renoon {
width: 1000px;
}
.case-study-item-img.desktop.plannin {
z-index: 3;
width: 937px;
max-width: none;
right: -550px;
}
.case-study-item-img.prossto {
width: 600px;
}
.case-study-item-img.prossto.absolute-right--100 {
right: -100px;
}
.case-study-item-paragraph {
grid-column-gap: var(--teacode-type-weight--teacode-spaces--2);
grid-row-gap: var(--teacode-type-weight--teacode-spaces--2);
text-align: left;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
width: 50%;
display: flex;
}
.case-study-item-paragraph.width40 {
width: 40%;
}
.case-study-item-paragraph.width1-100 {
width: 100%;
}
.case-study-item-paragraph.trava {
width: 45%;
}
.case-study-item-paragraph.trava-new {
width: 49%;
}
.case-study-item-paragraph.u-pr-8-1280.gap-8 {
grid-column-gap: 64px;
grid-row-gap: 64px;
}
.case-study-item-paragraph.u-pr-8-1280.buzzin {
width: 40%;
}
.case-study-item-paragraph.u-text-white.u-d-4-10 {
width: 40%;
padding-right: 0;
}
.case-study-item-paragraph.gap-8 {
grid-column-gap: var(--teacode-type-weight--teacode-spaces--8);
grid-row-gap: var(--teacode-type-weight--teacode-spaces--8);
}
.case-study-item-paragraph.gap-8.u-d-4-10 {
width: 40%;
padding-right: 0;
}
.case-study-item-paragraph.plannin {
width: 49%;
}
.case-study-item-web-link {
grid-column-gap: 32px;
grid-row-gap: 32px;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.u-text-hover-white:hover {
border: 1px solid var(--teacode-colours--tc-white);
color: var(--teacode-colours--tc-white);
}
.rwd-h5-services {
font-size: var(--teacode-headers--h5);
line-height: var(--teacode-type-h5--line-height);
letter-spacing: var(--teacode-type-h5--letter-spacing);
}
.services-squares-wrapper {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: column;
width: 100%;
display: flex;
}
.services-squares-row {
grid-column-gap: 16px;
grid-row-gap: 16px;
justify-content: center;
align-items: center;
display: flex;
}
.services-squares-item {
border-radius: 64px;
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
width: 442px;
height: 280px;
padding: 36px 32px;
display: flex;
}
.services-squares-item.white {
background-color: #fff;
}
.services-squares-item.transparent {
border: 1px solid var(--teacode-colours--tc-body-primary);
}
.services-squares-item.green {
background-color: var(--teacode-colours--tc-primary);
}
.services-squares-paragraph {
font-size: var(--teacode-headers--h6);
line-height: var(--teacode-type-h6--line-height);
text-align: left;
letter-spacing: var(--teacode-type-h6--letter-spacing);
}
.img-service {
object-fit: contain;
width: 350px;
max-width: none;
position: absolute;
inset: 0 auto auto -100px;
overflow: visible;
}
.img-service.right {
inset: 51px 0 auto auto;
}
.img-service.right.service-chat-bubbles {
top: 0;
right: 50px;
}
.img-service.service-loupe {
left: 0;
}
.img-service.service-arrow {
width: 275px;
left: 50px;
}
.services-details-wrapper {
grid-column-gap: var(--teacode-type-weight--teacode-spaces--8);
grid-row-gap: var(--teacode-type-weight--teacode-spaces--8);
align-items: center;
display: flex;
position: relative;
}
.services-details-col-img, .services-details-col-text {
width: 50%;
}
.case-section-logo-png {
height: 60px;
}
.services-step-heading {
font-size: var(--teacode-headers--h4-s);
margin-top: 0;
margin-bottom: 8px;
}
.services-deliverables-wrapper {
grid-column-gap: 48px;
grid-row-gap: 48px;
padding-top: 32px;
padding-bottom: 32px;
display: flex;
overflow: hidden;
}
.service-deliverables-left {
justify-content: flex-start;
align-items: flex-start;
width: 28%;
display: flex;
}
.service-deliverables-right {
width: 68%;
}
.deliverable-heart {
height: 40px;
}
.ribbon-logos-wrapper-static {
grid-column-gap: 96px;
grid-row-gap: 96px;
overflow-wrap: normal;
justify-content: center;
align-items: center;
width: 100%;
display: flex;
}
.process-arrow {
margin-left: var(--teacode-type-weight--teacode-spaces--1);
width: 20px;
height: 20px;
padding-bottom: 7px;
display: inline-block;
}
.service-icon {
width: 32px;
height: 32px;
margin-bottom: 8px;
}
.footer-link, .footer-link-first, .footer-link-last {
font-size: var(--teacode-body-fonts--body-xsmall);
border-bottom-style: none;
}
.industry-icon {
width: 40px;
height: 40px;
}
.industry-icon.short {
margin-right: 8px;
}
.categories-paragraph {
font-size: var(--teacode-fonts-label--label-large);
line-height: var(--teacode-type-label--line-height);
cursor: pointer;
font-weight: 500;
transition: opacity .2s;
}
.categories-paragraph:hover {
color: var(--teacode-colours--tc-body-primary);
}
.categories-paragraph:active {
background-color: var(--teacode-colours--tc-primary-dark);
}
.richtext-h4 {
margin-top: var(--teacode-type-weight--teacode-spaces--4);
margin-bottom: 0;
}
.richtext-h4.u-mt-0 {
margin-top: 0;
}
.richtext-h4.u-mt-1 {
margin-top: var(--teacode-type-weight--teacode-spaces--1);
}
.icon-single-line {
margin: var(--teacode-type-weight--teacode-spaces--4) auto var(--teacode-type-weight--teacode-spaces--3);
width: auto;
height: 48px;
}
.u-text-maxw-blog {
max-width: 30ch;
}
.table-4 {
margin-bottom: var(--teacode-type-weight--teacode-spaces--2);
grid-column-gap: 0px;
grid-row-gap: 0px;
border: 1px solid var(--teacode-colours--tc-body-secondary);
border-radius: 7px;
grid-template-rows: auto auto auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.richtext-h6 {
margin-top: 16px;
}
.u-pl-4 {
padding-left: 32px;
}
.technology-case-studies {
height: 30px;
}
.technology-case-studies.next {
height: 35px;
}
.technology-case-studies.muzeum {
height: 150px;
}
.technology-case-studies.bts {
height: 40px;
}
.color-heirlume {
color: #bf3a13;
}
.table-3 {
margin-bottom: var(--teacode-type-weight--teacode-spaces--2);
grid-column-gap: 0px;
grid-row-gap: 0px;
border: 1px solid var(--teacode-colours--tc-body-secondary);
border-radius: 7px;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr 1fr 1fr;
}
.table-2 {
margin-bottom: var(--teacode-type-weight--teacode-spaces--2);
grid-column-gap: 0px;
grid-row-gap: 0px;
border: 1px solid var(--teacode-colours--tc-body-secondary);
border-radius: 7px;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr 1fr;
}
.case-study-image-container {
aspect-ratio: 1;
border-radius: 32px;
width: 49%;
position: relative;
overflow: hidden;
}
.case-study-image-container.results {
aspect-ratio: auto;
border-radius: 0;
width: 100%;
height: auto;
}
.case-study-image-container.ruff-pass {
width: 100%;
height: 100%;
}
.case-study-container-image {
width: 100%;
position: relative;
top: -140px;
}
.case-study-container-image.mockup {
z-index: 2;
width: 55%;
margin-left: auto;
margin-right: auto;
top: 0;
}
.case-study-container-image.mockup.ruffpass {
width: 300px;
}
.case-study-container-image.boat {
border-radius: 32px;
width: auto;
height: 100%;
top: auto;
}
.case-study-container-image.mobile-mockup {
z-index: 5;
width: 302px;
position: absolute;
top: -40px;
right: 120px;
}
.case-study-container-image.bg-primary {
background-color: var(--teacode-colours--tc-primary);
border-radius: 32px;
width: auto;
height: 100%;
top: auto;
overflow: clip;
}
.case-study-container-image.mobile-mockup-second {
z-index: 5;
border-radius: 26px;
width: 400px;
position: absolute;
top: 50px;
right: 60px;
}
.case-study-container-image.exotic-mockup {
object-fit: cover;
border-radius: 32px;
width: auto;
height: 100%;
top: auto;
}
.case-study-container-image.small {
object-fit: cover;
border-radius: 32px;
width: 50%;
height: 50%;
top: auto;
}
.case-study-container-image.exotic-flight {
aspect-ratio: 1;
object-fit: cover;
object-position: 50% 0%;
border-radius: 32px;
width: 100%;
height: auto;
top: auto;
}
.case-study-container-image.cluster {
border-radius: 32px;
width: auto;
height: 100%;
top: auto;
}
.case-study-container-image.muzeum {
border-radius: 32px;
width: 50%;
top: auto;
}
.case-study-container-image.muzeum.text {
width: 100%;
}
.case-study-container-image.bts {
border-radius: 32px;
width: 100%;
margin-left: auto;
margin-right: auto;
top: auto;
}
.case-study-container-image.bts.text {
width: 100%;
}
.case-study-container-image.buzzin {
top: 0;
}
.case-study-color-block {
z-index: 1;
background-color: var(--teacode-colours--tc-primary);
border-radius: 32px;
width: 100%;
height: 50%;
position: absolute;
bottom: 0;
}
.case-study-color-block.color-skydreamer {
background-color: #ff542c;
}
.case-study-color-block.color-ruffpass {
background-color: #5694f3;
height: 266px;
}
.case-study-color-block.buzzin {
background-color: #feaa14;
}
.case-team-icon-wrapper {
width: 80px;
min-width: 70px;
}
.case-team-icon {
border: 6px solid var(--teacode-colours--tc-white);
background-color: var(--teacode-colours--tc-primary);
border-radius: 100%;
width: 100%;
padding: 6px;
}
.case-team-icon.plannin {
background-color: #f6d96e;
}
.case-team-icon.bts {
background-color: #9747ff;
}
.trava-mobile-mockup-top {
z-index: 3;
width: 570px;
margin-left: 0;
position: absolute;
top: -120px;
right: -50px;
}
.trava-mobile-mockup-bottom {
z-index: 2;
width: 500px;
margin-top: 0;
position: absolute;
top: 100px;
right: -10px;
}
.case-mid-section {
background-color: var(--teacode-colours--tc-primary);
padding-top: 64px;
padding-bottom: 64px;
}
.case-mid-section.u-mt-8.padding-big-kpi {
padding-top: 128px;
padding-bottom: 128px;
}
.case-mid-section.map {
background-image: url("https://cdn.prod.website-files.com/65ca6f59445c0a52f3323325/67485173f414897a6bda1ff5_teacode%20trava%20topographic%20map.png");
background-position: 0 0;
background-size: cover;
padding-top: 0;
padding-bottom: 0;
overflow: hidden;
}
.case-mid-section.background-skydreamer {
min-height: 570px;
}
.case-mid-section.plannin {
background-color: #f67245;
height: 1054px;
padding-top: 0;
padding-bottom: 0;
overflow: hidden;
}
.case-mid-section.plannin-solid {
background-color: #f8cfb9;
padding-top: 0;
padding-bottom: 0;
overflow: visible;
}
.case-mid-section.plannin-secondary {
background-color: #f6d96e;
padding-top: 0;
padding-bottom: 0;
overflow: hidden;
}
.case-mid-section.buzzin {
background-color: #ffeac5;
padding-top: 0;
padding-bottom: 0;
}
.case-mid-section.buzzin-main {
background-color: #feaa14;
padding-top: 0;
padding-bottom: 0;
}
.case-mid-section.buzzin-main.spaces {
padding-top: 64px;
padding-bottom: 64px;
position: relative;
}
.rwd-h6 {
font-size: var(--teacode-headers--h6);
line-height: var(--teacode-type-h6--line-height);
letter-spacing: var(--teacode-type-h6--letter-spacing);
margin-top: 0;
margin-bottom: 0;
font-weight: 400;
}
.rwd-h6.u-mb-2 {
z-index: 2;
margin-bottom: 16px;
position: relative;
}
.big-kpi-number {
color: var(--teacode-colours--tc-primary);
margin-bottom: 64px;
font-size: 160px;
font-weight: 400;
display: block;
}
.big-kpi-text {
color: var(--teacode-colours--tc-primary);
font-size: 91px;
display: block;
}
.big-kpi-single-number {
color: var(--teacode-colours--tc-white);
font-size: 190px;
display: block;
}
.u-d-8-10 {
width: 80%;
}
.u-d-8-10.u-d-centered {
margin-left: auto;
margin-right: auto;
}
.trava-flat-mockup-1 {
z-index: 3;
width: 210px;
margin-left: 0;
position: absolute;
top: -750px;
right: 200px;
}
.trava-flat-mockup-2 {
z-index: 3;
width: 210px;
margin-left: 0;
position: absolute;
top: -300px;
right: 200px;
}
.trava-flat-mockup-3 {
z-index: 3;
width: 210px;
margin-left: 0;
position: absolute;
top: -350px;
right: -50px;
}
.trava-flat-mockup-4 {
z-index: 3;
width: 210px;
margin-left: 0;
position: absolute;
top: 100px;
right: -50px;
}
.trava-flat-mockup-5 {
z-index: 3;
width: 210px;
margin-left: 0;
position: absolute;
top: 550px;
right: -50px;
}
.trava-flat-mockup-6 {
z-index: 3;
width: 210px;
margin-left: 0;
position: absolute;
top: -50px;
right: -280px;
}
.trava-flat-mockup-7 {
z-index: 3;
width: 210px;
margin-left: 0;
position: absolute;
top: 400px;
right: -280px;
}
.green-sec-photo-small {
border-radius: var(--teacode-radius--rad-small);
width: 200px;
position: absolute;
inset: -30px auto auto 0;
}
.blog-author-details-small {
align-self: center;
width: 50%;
}
.case-study-text-container {
flex-flow: column;
justify-content: center;
align-items: flex-start;
width: 35%;
display: flex;
}
.case-study-text-container.muzeum {
grid-column-gap: 16px;
grid-row-gap: 16px;
width: 50%;
}
.relative-wrapper {
aspect-ratio: 1;
border-radius: 32px;
width: 65%;
max-width: 531px;
position: relative;
overflow: visible;
}
.relative-wrapper.u-d-flex-horizontal.flex-hor-cent.u-d-gap-3 {
grid-column-gap: var(--teacode-type-weight--teacode-spaces--3);
grid-row-gap: var(--teacode-type-weight--teacode-spaces--3);
}
.relative-wrapper.plannin-results {
aspect-ratio: auto;
width: 100%;
max-width: none;
height: 540px;
margin-bottom: 72px;
}
.relative-wrapper.plannin-results-2 {
aspect-ratio: auto;
width: 100%;
max-width: none;
height: 580px;
}
.form-image {
border-radius: 12px;
width: 50px;
}
.u-mb-12 {
margin-bottom: 96px;
}
.process-mobile-scroll.plannin-featured {
border-radius: 32px;
box-shadow: 0 22.5px 30px #0000001a;
}
.process-mobile-scroll.mobile {
display: none;
}
.u-text-skydreamer {
color: #ff542c;
}
.challenge-wrapper {
justify-content: flex-start;
align-items: center;
display: flex;
}
.challenge-icon {
min-width: 60px;
margin-right: 16px;
}
.challenge-text {
max-width: 37ch;
}
.color-skydreamer {
color: #ff542c;
}
.process-line-wrapper {
align-items: center;
margin-top: 64px;
display: none;
}
.process-line-dot {
width: 12px;
}
.process-line-dashed {
border-bottom: 2px dashed var(--borders-all--border-color);
width: 33%;
height: 2px;
margin-top: 1px;
}
.process-line-dashed.last {
width: 29%;
}
.process-stages-wrapper {
border-bottom: 2px dashed var(--teacode-colours--tc-body-tertiary);
flex-flow: column;
align-items: stretch;
padding-bottom: 64px;
display: flex;
position: relative;
}
.process-stages-wrapper.buzzin {
margin-bottom: 32px;
padding-bottom: 32px;
}
.process-stages-wrapper.buzzin.second {
border-bottom-style: none;
margin-bottom: 180px;
padding-bottom: 0;
}
.background-skydreamer {
background-color: #ff542c;
}
.skydreamer-mobile-mockup-bottom {
z-index: 2;
width: 600px;
margin-top: 0;
position: absolute;
top: 130px;
right: -150px;
}
.skydreamer-mobile-mockup-top {
z-index: 3;
width: 600px;
margin-left: 0;
position: absolute;
top: -90px;
right: -150px;
}
.copyspan {
cursor: pointer;
}
.christmas-hat {
width: 25px;
display: none;
position: absolute;
top: 9px;
left: -8px;
}
.drag-me {
z-index: 3;
width: 100px;
transition: opacity .5s;
position: absolute;
top: 180px;
right: 70px;
}
.u-text-exotic {
color: #64b5ff;
}
.exotic-travel-about-image {
border-radius: 16px;
margin-top: 64px;
margin-bottom: 64px;
}
.logo-technology {
height: 30px;
}
.dev-goals-wrapper {
display: flex;
}
.dev-goals-wrapper.buzzin {
justify-content: space-between;
}
.dev-goals-item {
z-index: 2;
grid-column-gap: 64px;
grid-row-gap: 64px;
justify-content: flex-start;
align-items: center;
display: flex;
position: relative;
}
.dev-goals-item.middle {
z-index: 2;
padding-top: 36px;
padding-bottom: 36px;
}
.dev-goals-item.middle.align-top {
align-items: flex-start;
}
.dev-goals-item.middle.align-top.empty {
margin-top: 36px;
padding-top: 0;
padding-bottom: 0;
}
.dev-goals-item.first {
margin-bottom: 36px;
}
.dev-goals-item.first.align-top {
align-items: flex-start;
}
.dev-goals-item.last {
margin-top: 36px;
}
.dev-goals-item.last.align-top {
align-items: flex-start;
}
.dev-goals-item.last.align-top.bts {
padding-top: 36px;
padding-bottom: 36px;
}
.dev-goals-item.bts {
grid-column-gap: 32px;
grid-row-gap: 32px;
padding-top: 24px;
padding-bottom: 24px;
}
.dev-goals-item.bts.middle {
padding-top: 24px;
padding-bottom: 24px;
}
.dev-goals-item.bts.middle.empty {
margin-top: 48px;
}
.dev-goals-item.bts.last {
margin-top: 0;
padding-top: 24px;
padding-bottom: 24px;
}
.dev-goals-item-text {
z-index: 1;
width: 75%;
position: relative;
}
.dev-goals-item-text.gap {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: column;
display: flex;
}
.dev-goals-left {
width: 30%;
}
.dev-goals-left.buzzin {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: column;
align-items: flex-start;
width: 40%;
display: flex;
}
.dev-goals-right {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: column;
width: 72%;
display: flex;
}
.dev-goals-right.muzeum {
width: 75%;
}
.dev-goals-right.bts {
grid-column-gap: 48px;
grid-row-gap: 48px;
width: auto;
margin-left: 64px;
}
.dev-goals-right.buzzin {
width: 50%;
position: relative;
}
.dev-goals-image {
z-index: 3;
width: 220px;
position: absolute;
top: 180px;
}
.dev-goals-image.muzeum {
position: absolute;
top: 50%;
left: -260px;
transform: translate(0, -50%);
}
.dev-goals-bar-wapper {
z-index: 1;
position: absolute;
top: 140px;
left: 50px;
}
.dev-goals-bar {
z-index: auto;
border-radius: var(--teacode-radius--rad-normal);
background-color: var(--teacode-colours--tc-surface);
width: 1500px;
height: 100%;
padding-top: 0;
padding-bottom: 0;
padding-left: 0;
position: absolute;
top: 0;
left: -32px;
}
.dev-goals-bar.left {
justify-content: flex-end;
align-items: center;
height: 350px;
display: flex;
top: 390px;
left: -1005px;
}
.dev-goals-bar.muzeum {
left: -286px;
}
.dev-goals-bar.buzzin {
height: 110%;
top: -5%;
left: -40px;
}
.u-d-9-10 {
width: 90%;
}
.u-d-9-10.u-mb-3 {
margin-bottom: 24px;
}
.case-study-left-right {
grid-column-gap: var(--teacode-type-weight--teacode-spaces--10);
grid-row-gap: var(--teacode-type-weight--teacode-spaces--10);
width: 100%;
max-width: none;
display: flex;
}
.case-study-left-right.left.muzeum {
grid-column-gap: var(--teacode-type-weight--teacode-spaces--3);
grid-row-gap: var(--teacode-type-weight--teacode-spaces--3);
justify-content: space-between;
}
.case-study-left-right.right.center.u-mb-8.ruff-pass {
grid-column-gap: var(--teacode-type-weight--teacode-spaces--3);
grid-row-gap: var(--teacode-type-weight--teacode-spaces--3);
}
.case-study-left-right.right.muzeum {
grid-column-gap: var(--teacode-type-weight--teacode-spaces--3);
grid-row-gap: var(--teacode-type-weight--teacode-spaces--3);
justify-content: space-between;
}
.case-study-column-right {
padding-right: var(--teacode-type-weight--teacode-spaces--8);
grid-column-gap: var(--teacode-type-weight--teacode-spaces--2);
grid-row-gap: var(--teacode-type-weight--teacode-spaces--2);
text-align: left;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
width: 40%;
display: flex;
}
.case-study-green-kpi-description {
color: var(--teacode-colours--tc-white);
font-size: var(--teacode-headers--h3);
line-height: var(--teacode-headers--line-height);
letter-spacing: var(--teacode-type-h3--letter-spacing);
max-width: 12ch;
margin: 0 auto;
font-weight: 400;
}
.process-line-dot-abs {
z-index: 3;
width: 12px;
position: absolute;
bottom: -6px;
left: 0;
}
.process-line-dot-abs.last {
left: auto;
right: -12px;
}
.process-line-dot-abs.last.buzzin {
left: auto;
right: 14%;
}
.process-line-dot-abs._2 {
left: 34%;
}
.process-line-dot-abs._2.buzzin {
left: 37.5%;
}
.process-line-dot-abs._3 {
left: 68%;
}
.process-line-dot-abs._3.buzzin {
left: 61%;
}
.process-line-dot-abs.buzzin {
left: 14%;
}
.u-text-plannin {
color: #ff8d5b;
-webkit-text-stroke-color: #ff8d5b;
}
.border-radius-top-2 {
border-top-left-radius: 16px;
border-top-right-radius: 16px;
}
.border-radius-top-2.fade-white-bottom {
-webkit-mask: linear-gradient(#000, #0000);
mask: linear-gradient(#000, #0000);
}
.plannin-logo {
width: 110%;
max-width: 110%;
margin-bottom: -64px;
position: relative;
top: -100px;
left: -30px;
}
.u-word-highlighter-secondary {
border-top: 8px none var(--teacode-colours--tc-primary);
position: relative;
}
.u-d-relative-top-plannin {
width: 60%;
margin-bottom: -112px;
margin-left: auto;
margin-right: auto;
position: relative;
top: -112px;
}
.u-text-plannin-secodary {
color: #73ba00;
-webkit-text-stroke-color: #73ba00;
}
.team-row-wrapper {
grid-column-gap: 16px;
grid-row-gap: 16px;
justify-content: center;
display: flex;
position: relative;
left: 50px;
}
.team-row-wrapper.u-mb-2.second {
left: -128px;
}
.team-row-wrapper.u-mb-2._1st {
left: 100px;
}
.team-row-wrapper.u-mb-2._2nd {
left: 0;
}
.team-row-wrapper.third {
left: -32px;
}
.team-row-wrapper._3rd {
left: -100px;
}
.team-row-element {
background-color: var(--teacode-colours--tc-white);
border-radius: 360px;
justify-content: flex-start;
align-items: center;
width: 280px;
padding: 16px 30px 16px 16px;
display: flex;
}
.team-row-element.empty {
background-color: #a4dca4;
}
.results-bar {
z-index: auto;
border-radius: var(--teacode-radius--rad-normal);
background-color: #64b5ff;
width: 1500px;
height: 140%;
padding-top: 0;
padding-bottom: 0;
padding-left: 0;
position: absolute;
top: -20%;
left: -250px;
}
.results-bar.left {
justify-content: flex-end;
align-items: center;
height: 350px;
display: flex;
top: 390px;
left: -1005px;
}
.paragraph-4 {
z-index: 3;
position: relative;
}
.u-d-visible-t {
display: none;
}
.plannin-result-image-1 {
border-radius: 16px;
align-self: flex-start;
width: 903px;
position: absolute;
left: 0;
box-shadow: 0 46px 60px #00000026;
}
.plannin-result-image-2 {
z-index: 2;
border-radius: 16px;
align-self: flex-start;
width: 593px;
position: absolute;
top: -35px;
right: 0;
box-shadow: 0 46px 60px #00000026;
}
.u-d-55 {
width: 55%;
}
.scroll-image-wrapper {
display: none;
}
.number-circle {
background-color: #f97447;
border-radius: 50%;
padding-left: 6px;
padding-right: 6px;
}
.number-circle.one {
padding-left: 6px;
padding-right: 6px;
}
.number-circle.two, .number-circle.three {
padding-left: 5px;
padding-right: 5px;
}
.number-circle.four {
padding-left: 4px;
padding-right: 4px;
}
.result-arrow-paragraph {
width: 175px;
display: none;
position: absolute;
top: 200px;
right: 0;
}
.result-arrow {
display: none;
position: absolute;
}
.plannin-addon {
border-radius: 16px;
width: 289px;
position: absolute;
box-shadow: 0 15px 40px #00000026;
}
.plannin-addon._1 {
position: static;
top: 430px;
}
.plannin-addon._3 {
position: static;
top: -350px;
left: 50%;
}
.plannin-addon._6 {
position: static;
top: 430px;
}
.plannin-addon._4 {
position: static;
top: 50%;
left: 50%;
}
.plannin-addon._5 {
position: static;
top: 710px;
left: 50%;
}
.plannin-addon._2, .plannin-addon._7 {
position: static;
top: -100px;
}
.plannin-overlay-wrapper {
background-color: #f6d96e;
width: 100%;
padding-top: 16px;
padding-bottom: 16px;
}
.plannin-development-header {
text-align: left;
min-height: 4ch;
margin-bottom: 16px;
font-size: 26px;
font-weight: 500;
}
.development-wrapper-item {
flex-flow: column;
align-items: stretch;
padding-bottom: 0;
display: flex;
position: relative;
}
.development-wrapper {
z-index: 5;
-webkit-backdrop-filter: blur(30px);
backdrop-filter: blur(30px);
background-color: #fff9;
border-radius: 56px;
padding-top: 64px;
padding-bottom: 64px;
position: relative;
}
.development-bubble {
width: 650px;
position: absolute;
top: -115px;
left: -78px;
}
.u-d-visible-mp {
display: none;
}
.plannin-redesign-image-1 {
z-index: 2;
border-radius: 16px;
align-self: flex-start;
width: 680px;
position: absolute;
top: -35px;
left: 0;
right: auto;
box-shadow: 0 46px 60px #00000026;
}
.plannin-redesign-image-2 {
border-radius: 16px;
align-self: flex-start;
width: 680px;
position: absolute;
top: 275px;
left: auto;
right: 50px;
box-shadow: 0 46px 60px #00000026;
}
.redesign-arrow {
z-index: 5;
width: 90px;
position: absolute;
top: 267px;
left: auto;
right: 824px;
transform: rotate(110deg);
}
.redesign-arrow-paragraph {
width: 175px;
font-size: 28px;
position: absolute;
top: 326px;
left: auto;
right: 753px;
}
.kpi-plannin {
z-index: 2;
color: #f6d96e;
font-size: 80px;
font-weight: 600;
position: relative;
}
.kpi-plannin.small {
font-size: 40px;
}
.kpi-plannin.u-text-black {
color: var(--teacode-colours--tc-body-primary);
}
.kpi-green-background {
z-index: 1;
background-color: var(--teacode-colours--tc-primary);
border-radius: 32px;
width: 110%;
height: 400px;
position: absolute;
bottom: 0;
transform: translate(-10%, 5%);
}
.kpi-plannin-paragraph {
z-index: 2;
position: relative;
}
.discovery-persona-wrapper {
grid-column-gap: 32px;
grid-row-gap: 32px;
flex-flow: row;
justify-content: space-between;
align-items: flex-start;
margin-top: 64px;
margin-bottom: 80px;
display: flex;
}
.discovery-persona-item {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-flow: column;
align-items: center;
width: 156px;
display: flex;
}
.discovery-persona-image {
filter: drop-shadow(-10px 10px 20px #00000012);
}
.discovery-persona-image.inactive {
filter: grayscale();
-webkit-mask-image: linear-gradient(#000 0%, #0000 100%);
mask-image: linear-gradient(#000 0%, #0000 100%);
}
.discovery-contents-wrapper {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: column;
justify-content: space-between;
align-items: center;
width: 100%;
margin-bottom: 152px;
display: flex;
}
.discovery-contents-first, .discovery-contents-second {
flex-flow: row;
justify-content: space-between;
align-items: flex-start;
width: 100%;
display: flex;
}
.discovery-contents-left {
width: 49%;
}
.discovery-contents-right {
flex-flow: column;
justify-content: space-between;
width: 49%;
height: 100%;
padding-top: 64px;
display: flex;
}
.discovery-contents-right.second {
grid-column-gap: 56px;
grid-row-gap: 56px;
align-items: flex-end;
padding-top: 0;
}
.discovery-contents-right.no-padding {
align-items: center;
padding-top: 0;
}
.kpi-vertical-line {
background-color: #f6d96e;
width: 4px;
height: 100%;
position: absolute;
bottom: 0;
left: -19px;
}
.kpi-plannin-background {
z-index: 1;
aspect-ratio: 1;
background-color: #f6d96e;
border-radius: 32px;
width: 110%;
height: auto;
position: absolute;
bottom: 0;
transform: translate(-10%, 5%);
}
.plannin-results-left {
width: 50%;
}
.plannin-results-right {
width: 50%;
padding-right: 0;
}
.plannin-flat-mockup-1, .plannin-flat-mockup-2, .plannin-flat-mockup-3, .plannin-flat-mockup-4, .plannin-flat-mockup-5, .plannin-flat-mockup-6, .plannin-flat-mockup-7 {
z-index: 3;
width: 210px;
margin-left: 0;
}
.flat-mockup-wrapper {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: column;
justify-content: flex-start;
align-items: center;
display: flex;
position: absolute;
}
.flat-mockup-wrapper._1 {
top: -114px;
right: 257px;
}
.flat-mockup-wrapper._2 {
top: -372px;
right: 30px;
}
.flat-mockup-wrapper._3 {
top: -198px;
right: -191px;
}
.plannin-role-involvement {
object-position: 50% 50%;
-webkit-mask: linear-gradient(#000, #0000);
mask: linear-gradient(#000, #0000);
}
.plannin-role-involvement._40k {
max-width: 150%;
}
.plannin-role-involvement.bts {
-webkit-mask: linear-gradient(#000 20%, #0000 80%);
mask: linear-gradient(#000 20%, #0000 80%);
}
.plannin-role-involvement.ruff-pass {
-webkit-mask: none 0;
mask: none 0;
}
.plannin-role-involvement-title {
width: 60%;
margin-left: auto;
margin-right: auto;
}
.u-pl-3 {
padding-left: 24px;
}
.greg-persona-wrapper {
position: relative;
}
.greg-persona-text-block {
aspect-ratio: 1;
background-color: #f8cfb9;
border-radius: 60px;
flex-flow: column;
align-items: center;
padding-top: 24px;
padding-left: 56px;
padding-right: 56px;
display: flex;
}
.greg-persona-text {
width: 500px;
}
.greg-persona {
width: 260px;
margin-top: -278px;
margin-left: auto;
margin-right: auto;
}
.greg-arrow {
width: 150px;
position: absolute;
top: 70%;
right: 20px;
}
.greg-name {
font-size: 24px;
position: absolute;
top: 64%;
right: 0;
}
.greg-persona-stats {
margin-top: 64px;
}
.greg-persona-description {
padding-left: 48px;
}
.greg-apps {
margin-top: 16px;
}
.greg-apps-label {
font-size: 24px;
}
.greg-apps-image {
width: 100%;
margin-top: 16px;
}
.discovery-pros-cons-wrapper {
justify-content: space-between;
align-items: flex-start;
margin-top: 72px;
display: flex;
}
.discovery-pros {
width: 48%;
}
.discovery-cons {
width: 48%;
margin-top: 56px;
}
.discovery-plannin-logo {
width: 50%;
}
.plannin-featured-creators {
border-radius: 16px;
box-shadow: 0 30px 40px #0000001a;
}
.image-39 {
display: none;
}
.greg-persona-text-mobile {
width: 500px;
display: none;
}
.plannin-mosaic-column {
grid-column-gap: 32px;
grid-row-gap: 32px;
flex-flow: column;
align-items: center;
margin-left: auto;
margin-right: auto;
display: flex;
}
.plannin-mosaic-column-wrapper {
grid-column-gap: 32px;
grid-row-gap: 32px;
justify-content: center;
align-items: center;
display: flex;
}
.mosaic-background {
z-index: 2;
background-color: #f67245;
width: 100%;
height: 860px;
position: absolute;
inset: -353px auto auto;
transform: translate(0, -100%);
}
.relative-mosaic-wrappr {
position: relative;
}
.relative-mosaic-wrappr.u-mb--23 {
margin-bottom: -184px;
}
.relative-mosaic-wrappr.u-d-5-10.u-visible-mp {
display: none;
}
.plannin-kpi-wrapper {
position: relative;
}
.plannin-kpi-wrapper.u-mb--23 {
margin-bottom: -184px;
}
.plannin-kpi-wrapper.u-d-5-10.u-visible-mp {
display: none;
}
.skift-nomination {
width: 264px;
}
.scroll-me-arrow, .scroll-me-text, .creators-paths {
display: none;
}
.div-block-54 {
width: 100%;
height: 100%;
position: absolute;
overflow: hidden;
}
.redesign-arrow-mobile {
z-index: 5;
width: 90px;
display: none;
position: absolute;
top: 267px;
left: auto;
right: 824px;
transform: rotate(110deg);
}
.redesign-arrow-paragraph-mobile {
width: 175px;
font-size: 28px;
display: none;
position: absolute;
top: 326px;
left: auto;
right: 753px;
}
.collaboration-image-mobile-1, .collaboration-image-mobile-2, .collaboration-image-mobile-3 {
display: none;
}
.plannin-image-position {
object-position: 0% 50%;
}
._3rdimage {
width: 110%;
max-width: none;
height: auto;
margin-right: -87px;
}
.u-text-muzeum {
color: #00affa;
}
.technologies-muzeum {
justify-content: space-between;
align-items: flex-start;
width: 50%;
display: flex;
}
.muzeum-image-wrapper {
aspect-ratio: 1;
border-radius: 32px;
width: 100%;
}
.muzeum-image-item {
object-fit: none;
width: 100%;
max-width: none;
}
.content-wrapper {
width: 65%;
}
.muzeum-description-wrapper {
justify-content: space-between;
align-items: flex-start;
width: 100%;
display: flex;
}
.muzeum-description-left, .muzeum-description-right {
grid-column-gap: 48px;
grid-row-gap: 48px;
flex-flow: column;
align-items: center;
width: 49%;
display: flex;
}
.muzeum-description-content {
grid-column-gap: 32px;
grid-row-gap: 32px;
flex-flow: column;
width: 68%;
display: flex;
}
.muzeum-description-content.narrow {
width: 66%;
}
.muzeum-image-stack-wrapper {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: column;
display: flex;
}
.muzeum-image-stack-wrapper.bts {
margin-top: 48px;
}
.text-source {
margin-top: -12px;
font-size: 12px;
}
.muzeum-requirements-icon-wrapper {
aspect-ratio: 1;
background-color: #fff;
border-radius: 50%;
justify-content: center;
align-items: center;
width: 80px;
height: 80px;
display: flex;
}
.muzeum-requirements-icon-wrapper.ruff-pass {
background-color: #f35659;
width: 60px;
height: 60px;
}
.muzeum-requirements-icon-wrapper.ruff-pass.solution {
background-color: #61e01d;
}
.row-2-items-icon {
width: 80%;
}
.row-2-items-icon.ai {
width: 60%;
}
.row-2-items-icon.translate, .row-2-items-icon.poland {
width: 70%;
}
.row-2-items-icon.document {
width: 60%;
}
.row-2-items-icon.map {
width: 45px;
}
.row-2-items-icon.pin {
width: 30px;
}
.row-2-items-icon.stamp {
width: 40px;
}
.row-2-items-icon.tag {
width: 35px;
margin-top: 2px;
margin-left: 2px;
}
.row-2-items-icon.cog {
width: 40px;
}
.row-2-items-icon.hug {
width: 50px;
}
.row-2-items-icon.ruler {
width: 40px;
margin-top: 2px;
margin-left: 2px;
}
.muzeum-paragraph {
width: 66%;
margin-top: 64px;
}
.div-block-56 {
justify-content: center;
align-items: center;
width: 50%;
display: flex;
}
.font-list-default {
font-size: var(--teacode-body-fonts--body-medium);
line-height: var(--type-body--line-height);
}
.recaptcha-wrapper {
opacity: 0;
justify-content: center;
align-items: center;
width: 100%;
height: 80px;
display: flex;
position: absolute;
top: 60px;
}
.cms-categories-flex {
display: flex;
}
.code-embed-4 {
display: none;
}
.button-plannin {
padding: var(--teacode-type-weight--teacode-spaces--1) var(--teacode-container-layout--teacode-content-layout--padding-m-small);
grid-column-gap: 8px;
grid-row-gap: 8px;
border-radius: var(--component-button--border-radius);
color: #ff8d5b;
font-size: var(--teacode-fonts-caption--caption-small);
line-height: var(--teacode-type-label--line-height);
letter-spacing: var(--teacode-type-label--letter-spacing);
-webkit-text-stroke-color: #ff8d5b;
text-transform: uppercase;
background-color: #00d28600;
border: 1px solid #ff8d5b;
justify-content: flex-start;
align-self: flex-start;
align-items: center;
font-weight: 400;
text-decoration: none;
transition: background-color .2s, box-shadow .3s cubic-bezier(.165, .84, .44, 1), border-color .3s cubic-bezier(.165, .84, .44, 1);
display: flex;
box-shadow: inset 0 0 #0000;
}
.button-plannin:hover {
color: #ff8d5b;
background-color: #ffefe8;
border-color: #ff8d5b;
}
.button-plannin.w--current {
align-self: center;
}
.non-clickable {
cursor: default;
}
.slider_mobile_image_plannin {
width: 110%;
max-width: none;
height: auto;
margin-right: -30px;
}
.podcast-question {
border-left: 4px solid var(--teacode-colours--tc-primary);
padding-left: 8px;
}
.custom-gradient {
background-image: url("https://cdn.prod.website-files.com/65ca6f59445c0a52f3323325/67ac8c9a3f2a6e59e4814c5c_bg%20full.webp");
background-position: 50% 80%;
background-size: cover;
width: 100%;
height: 151px;
}
.summary-dropdown-wrapper {
background-image: url("https://cdn.prod.website-files.com/65ca6f59445c0a52f3323325/67ac8c9a3f2a6e59e4814c5c_bg%20full.webp");
background-position: 50% 80%;
background-size: cover;
border-radius: 16px;
width: 100%;
margin-bottom: 32px;
padding: 32px;
}
.summary-dropdown-toggle {
justify-content: space-between;
align-items: center;
width: 100%;
padding: 0;
display: flex;
}
.rotate-z-90 {
transform: rotate(90deg);
}
.summary-dropdown-content {
margin-top: var(--blog-summary-content-mt);
background-color: #0000;
position: static;
}
.summary-dropdown-content.w--open {
margin-top: 24px;
}
.accordion-paragraph---faq-2 {
width: 100%;
margin-top: 24px;
margin-bottom: 56px;
display: block;
}
.btn-2 {
grid-column-gap: 8px;
grid-row-gap: 8px;
color: #333;
letter-spacing: .04px;
background-color: #00d286;
border: 1px solid #0000;
border-radius: 125px;
justify-content: flex-start;
align-self: center;
align-items: center;
padding: 12px 32px;
font-size: 16px;
font-weight: 500;
line-height: 1.6em;
text-decoration: none;
transition: background-color .2s, box-shadow .3s cubic-bezier(.165, .84, .44, 1), border-color .3s cubic-bezier(.165, .84, .44, 1);
display: flex;
box-shadow: inset 0 0 #0000;
}
.btn-2:hover {
box-shadow: none;
color: #333;
background-color: #03bf7b;
border-color: #03bf7b;
}
.btn-2:active {
background-color: #009c63;
border-color: #009c63;
}
.btn-2.w--current {
align-self: center;
}
.btn-2.small {
padding: 8px 16px;
}
.faq-addon-2 {
max-width: 30%;
}
.accordion-item---faq-2 {
cursor: pointer;
background-color: #fff;
border-radius: 14px;
flex-direction: column;
justify-content: center;
align-items: stretch;
padding-top: 40px;
padding-bottom: 40px;
display: flex;
}
.accordion-item---faq-2.accordion-2---faq {
box-shadow: none;
border: 1px solid #333;
border-radius: 64px;
margin-bottom: 32px;
padding-top: 24px;
padding-bottom: 24px;
text-decoration: none;
transition: all .2s, border-color .2s, box-shadow .2s;
position: relative;
overflow: hidden;
}
.accordion-item---faq-2.accordion-2---faq:hover {
box-shadow: none;
}
.accordion-item---faq-2.accordion-2---faq.content {
background-color: #f3f1eb00;
}
.accordion-item---faq-2.accordion-2---faq.content.faq---1st-element {
padding-top: 24px;
}
.accordion-item-title---faq-2 {
margin-top: 0;
margin-bottom: 0;
}
.highlighter-2 {
background-color: #00d286;
border-radius: 20px;
align-self: flex-start;
width: 115px;
height: 4px;
margin-top: 5px;
margin-bottom: 15px;
}
.u-text-bts {
color: #9747ff;
}
.logo-bts {
margin-top: 64px;
margin-left: auto;
margin-right: auto;
}
.technologies-bts {
justify-content: space-between;
align-items: flex-start;
width: 50%;
display: flex;
}
.our-team-wrapper {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-flow: wrap;
justify-content: space-between;
align-items: center;
display: flex;
}
.our-team-element {
background-color: var(--teacode-colours--tc-background);
border-radius: 360px;
justify-content: flex-start;
align-items: center;
width: 48%;
padding: 16px;
display: flex;
}
.infrastructure-wrapper {
justify-content: space-between;
align-items: flex-start;
width: 100%;
display: flex;
}
.infrastructure-wrapper.ruff-pass-process {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.infrastructure-item {
background-color: var(--teacode-colours--tc-surface);
border-radius: 32px;
width: 48%;
}
.infrastructure-item.ruff-pass {
background-color: #d9e7ff;
width: 100%;
}
.infrastructure-item.ruff-pass.shorter {
height: 100%;
}
.infrastructure-item-text {
padding: 48px;
}
.bts-results {
width: 48%;
}
.bts-results-image {
position: absolute;
top: -314px;
left: -250px;
}
.background-bts {
background-color: #9747ff;
}
.bts-features-wrapper {
grid-column-gap: 32px;
grid-row-gap: 32px;
flex-flow: column;
display: flex;
}
.bts-features-item {
grid-column-gap: 16px;
grid-row-gap: 16px;
background-color: #fff;
border-radius: 32px;
align-items: center;
width: 60%;
padding: 16px;
display: flex;
}
.bts-features-item.last {
align-self: flex-end;
}
.bts-features-item.middle {
align-self: center;
}
.bts-features-item.middle.second {
margin-left: 100px;
}
.bts-features-item.middle.first {
margin-left: -100px;
}
.bts-features-item.buzzin {
background-color: #feaa14;
}
.bts-features-icon-wrapper {
aspect-ratio: 1;
background-color: #9747ff;
border-radius: 50%;
justify-content: center;
align-items: center;
width: 80px;
height: 80px;
display: flex;
}
.bts-icon {
width: 87px;
}
.case-study-image-wrapper {
width: 50%;
}
.testimonial-photo-wrapper {
grid-column-gap: 16px;
grid-row-gap: 16px;
text-align: left;
flex-flow: row;
justify-content: flex-start;
align-items: center;
display: flex;
position: relative;
}
.testimonial-content-wrapper {
flex-flow: row;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.testimonial-author {
margin-top: 40px;
}
.testimonial-author.mobile-visible {
display: none;
}
.testimonial-author.u-align-right {
flex-flow: column;
justify-content: center;
align-items: flex-end;
display: flex;
}
.testimonial-photo-2 {
width: 148px;
position: absolute;
top: -165px;
right: 32px;
}
.testimonial-wrapper {
grid-column-gap: 96px;
grid-row-gap: 96px;
justify-content: flex-end;
align-items: center;
width: 100%;
display: flex;
}
.testimonial-column-left {
justify-content: flex-end;
align-items: center;
width: 30%;
margin-top: 163px;
display: flex;
position: relative;
}
.testimonial-column-left.version-3 {
flex-flow: column;
justify-content: center;
align-items: flex-start;
width: 50%;
margin-top: 0;
margin-left: 64px;
}
.testimonial-column-left.version-4 {
flex-flow: column;
justify-content: center;
align-items: flex-end;
width: 50%;
margin-top: 0;
margin-left: 64px;
}
.testimonial-column-right {
width: 40%;
}
.testimonial-column-right.version-3 {
width: 30%;
}
.testimonial-line-wrapper {
position: absolute;
top: 0;
}
.testimonial-photo-3 {
width: 285px;
position: absolute;
bottom: -66px;
right: 66px;
}
.homepage-skift-badge {
width: 110px;
position: absolute;
bottom: -50px;
right: 80px;
}
.u-text-ruffpass {
color: #5694f3;
}
.case-study-intro-information {
grid-column-gap: 64px;
grid-row-gap: 64px;
flex-flow: column;
width: 50%;
display: flex;
}
.case-study-intro-information-text {
grid-column-gap: 32px;
grid-row-gap: 32px;
flex-flow: column;
display: flex;
}
.case-study-intro-information-image {
flex-flow: column;
justify-content: flex-end;
align-items: center;
width: 50%;
padding-top: 24px;
display: flex;
}
.ruff-pass-section-intro-wrapper {
flex-flow: row;
display: flex;
}
.ruff-pass-section-intro-wrapper.results {
margin-bottom: 64px;
}
.ruff-pass-section-intro-paragraph {
width: 49%;
}
.ruff-pass-section-intro-paragraph.results {
width: 58%;
}
.ruff-pass-mockup-mobile {
width: 280px;
}
.ruff-pass-mockup-mobile.middle {
position: relative;
top: -120px;
}
.ruff-pass-mockup-mobile.last {
position: relative;
top: -240px;
}
.ruff-pass-role-involvement-item {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: column;
justify-content: flex-start;
align-items: center;
width: 23%;
display: flex;
}
.ruff-pass-role-involvement-item.solution {
width: 32%;
}
.ruff-pass-role-involvement-intro {
grid-column-gap: 32px;
grid-row-gap: 32px;
flex-flow: column;
width: 50%;
margin-bottom: 72px;
display: flex;
}
.ruff-pass-role-involvement-wrapper {
justify-content: space-between;
align-items: flex-start;
width: 100%;
display: flex;
}
.ruff-pass-role-involvement-solution-wrapper {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: column;
justify-content: center;
align-items: center;
width: 300px;
display: flex;
}
.ruff-pass-role-involvement-image {
width: 100%;
}
.ruff-pass-involvement-image-wrapper {
width: 47%;
}
.ruff-pass-involvement-image-wrapper.left {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: column;
justify-content: flex-start;
align-items: flex-end;
display: flex;
}
.ruff-pass-involvement-image-wrapper.right {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.ruff-pass-image-subtext {
text-align: center;
width: 85%;
font-size: 16px;
font-style: italic;
}
.non-wrap {
white-space: nowrap;
}
.results-block-wrapper {
width: 48%;
}
.results-block-wrapper.ruff-pass-process {
width: 100%;
height: 100%;
}
.ruff-pass-list {
padding-left: 24px;
}
.ruff-pass-list-element {
margin-bottom: -4px;
padding-left: 0;
}
.ruff-pass-blue {
background-color: #5694f3;
padding-top: 32px;
padding-bottom: 32px;
}
.video-wrapper {
width: 100vw;
max-width: 2000px;
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
}
.code-embed-5 {
width: 100%;
height: 100%;
display: block;
position: absolute;
top: -150px;
left: -345px;
}
.code-embed-5.hidden {
display: none;
}
.ai-driven-badge {
width: 100px;
position: absolute;
inset: -32px -32px auto auto;
}
.ai-driven-badge.mobile {
display: none;
}
.u-text-buzzin {
color: #feaa14;
}
.logo-buzzin {
width: 400px;
margin-top: 64px;
margin-left: 0;
margin-right: auto;
}
.case-study-intro-col-right {
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
width: 50%;
padding-top: 24px;
display: flex;
}
.case-study-number-paragraph-item {
grid-column-gap: 8px;
grid-row-gap: 8px;
align-items: flex-start;
margin-top: 0;
display: flex;
}
.case-study-number-wrapper {
aspect-ratio: 1;
background-color: #feaa14;
border-radius: 50%;
justify-content: center;
align-items: center;
width: 30px;
min-width: 30px;
display: flex;
}
.case-study-number-paragraph {
text-align: left;
}
.case-study-number {
color: var(--teacode-colours--tc-white);
font-size: 18px;
}
.case-study-number-paragraph-wrapper {
grid-column-gap: 32px;
grid-row-gap: 32px;
flex-flow: column;
align-items: flex-start;
margin-top: 32px;
display: flex;
}
.case-study-section-intro-wrapper {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-flow: row;
justify-content: space-between;
margin-bottom: 24px;
display: flex;
}
.case-study-section-intro-wrapper.results {
margin-bottom: 64px;
}
.case-study-section-intro-wrapper.buzzin {
margin-bottom: 90px;
}
.case-study-section-intro-wrapper.buzzin.short {
margin-bottom: 32px;
}
.case-study-section-intro-paragraphs {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: column;
align-items: center;
width: 55%;
display: flex;
}
.buzzin-desktop-mockup {
width: 550px;
position: static;
left: 0;
box-shadow: 0 4px 18.6px #00000040;
}
.buzzin-yellow-floating {
width: 200px;
margin-left: auto;
margin-right: auto;
position: absolute;
bottom: 200px;
left: 80%;
right: auto;
}
.buzzin-yellow-arrow {
width: 200px;
position: absolute;
bottom: 65px;
left: 69%;
}
.rwd-h2 {
z-index: 1;
font-size: var(--teacode-headers--h2);
line-height: var(--teacode-headers--line-height);
letter-spacing: var(--teacode-type-h2--letter-spacing);
font-weight: 400;
position: relative;
}
.rwd-h2.blog-intro-heading {
font-size: var(--teacode-headers--h2);
line-height: var(--teacode-type-h2--line-height);
letter-spacing: var(--teacode-type-h2--letter-spacing);
}
.rwd-h2.u-text-minw-2ch {
min-width: 2ch;
}
.rwd-h2.no-margin {
margin-top: 0;
margin-bottom: 0;
}
.buzzin-integrations-wrapper {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: column;
width: 40%;
display: flex;
}
.buzzin-addon {
border-radius: 26px;
width: 380px;
position: absolute;
top: -20%;
left: 15%;
box-shadow: 0 4px 16px #00000026, 0 10px 40px #00000040;
}
.buzzin-addon.mobile {
display: none;
}
.buzzin-phone-mockup {
border-radius: 26px;
width: 258px;
margin-left: 0;
position: absolute;
top: auto;
right: 300px;
box-shadow: 0 4px 16px #00000026, 0 10px 40px #00000040;
}
.buzzin-phone-mockup.u-ml-0 {
margin-left: 0;
}
.buzzin-phone-mockup-small {
border-radius: 26px;
width: 208px;
margin-top: 0;
position: absolute;
top: auto;
right: 50px;
box-shadow: 0 4px 16px #00000026, 0 10px 40px #00000040;
}
.case-study-section-intr-paragraph {
width: 55%;
}
.buzzin-kpi-wrapper {
justify-content: flex-start;
margin-bottom: 80px;
display: flex;
position: relative;
}
.buzzin-kpi-wrapper.second {
margin-bottom: 0;
position: relative;
}
.buzzin-kpi-text {
color: #feaa14;
}
.buzzin-kpi-text.year {
color: #e1dfda;
font-size: 20px;
font-weight: 600;
}
.buzzin-kpi-left {
grid-column-gap: 8px;
grid-row-gap: 8px;
border-left: 2px solid var(--borders-all--border-color);
flex-flow: column;
width: 48%;
padding-top: 32px;
padding-bottom: 32px;
padding-left: 16px;
display: flex;
}
.buzzin-kpi-right {
justify-content: flex-end;
align-items: center;
width: 48%;
display: flex;
}
.buzzin-kpi-number {
color: #feaa14;
letter-spacing: -.4px;
font-size: 80px;
font-weight: 600;
line-height: 120%;
}
.buzzin-kpi-paragraph-wrapper {
position: relative;
}
.buzzin-kpi-paragraph-line {
background-color: #feaa14;
border-radius: 4px;
width: 4px;
height: 100%;
position: absolute;
bottom: -4px;
left: -19px;
}
.buzzin-kpi-stats {
width: 90%;
}
.buzzin-kpi-addon-paragraph {
width: 30%;
position: absolute;
top: -100px;
right: 0%;
}
.buzzin-kpi-addon-arrow {
width: 95px;
position: absolute;
top: -50px;
right: -30px;
}
.section-intro-wrapper {
flex-flow: column;
justify-content: center;
align-items: flex-start;
display: flex;
}
.service-subheading {
font-size: 24px;
font-weight: 500;
line-height: 120%;
}
.double-kpi-wrapper {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: row;
justify-content: space-between;
align-items: center;
width: 100%;
display: flex;
}
.double-kpi-image {
width: 50%;
}
.section-testimonial-three {
padding-top: var(--teacode-type-weight--teacode-spaces--8);
padding-bottom: var(--teacode-type-weight--teacode-spaces--8);
background-color: #feaa14;
width: 100%;
height: 345px;
margin-bottom: 64px;
display: flex;
position: relative;
overflow: clip;
}
.section-testimonial-four {
background-color: var(--teacode-colours--tc-primary);
width: 100%;
height: 264px;
margin-bottom: 64px;
display: flex;
position: relative;
overflow: visible;
}
.testimonial-photo-4 {
width: 285px;
position: absolute;
bottom: 0;
left: 66px;
}
.our-values-wrapper {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: column;
grid-template-rows: auto auto auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
display: flex;
}
.our-values-intro {
justify-content: space-between;
width: 100%;
margin-bottom: 64px;
display: flex;
}
.our-values-row {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
width: 100%;
display: grid;
}
.our-values-divider {
background-color: var(--borders-all--border-color);
width: 100%;
height: 1px;
margin-top: 32px;
margin-bottom: 32px;
}
@media screen and (min-width: 1280px) {
h6 {
margin-top: 0;
margin-bottom: 0;
}
.section {
position: relative;
}
.section.industry-backgrounnd.background-properties {
background-position: 20% 40%;
background-size: 150%;
transition: all .2s;
}
.section.industry-backgrounnd.background-properties.social-media-backgrounnd {
background-position: 70% 40%;
}
.section.u-bg-lightgray.ruff-pass-process-section.u-overflow-hidden.spaces.buzzin {
padding-bottom: 0;
}
.container.buzzin-addon-absolute {
position: absolute;
top: -21%;
left: 50%;
transform: translate(-50%);
}
.menu-bar {
width: 942px;
}
.menu-bar.u-d-z-index-999.test-menu.menu-copy.services-menu-dropdown-backdrop {
max-width: 100.4%;
}
.testimonials {
width: 700px;
}
.bubble5 {
width: 67px;
}
.people {
width: 1782px;
height: 1234px;
overflow: visible;
}
.img-people.michal {
width: 295px;
top: 673px;
right: 838px;
}
.img-people.mike {
width: 209px;
top: 109px;
left: auto;
right: 1180px;
}
.img-people.bubble-large {
width: 285px;
top: 415px;
left: 0;
}
.img-people.piotr {
width: 408px;
top: 250px;
right: 906px;
}
.img-people.bubble-blurred {
width: 240px;
top: 606px;
right: 1058px;
}
.img-people.klaudia {
width: 249px;
top: 102px;
right: 542px;
}
.img-people.gaba {
width: 268px;
top: 737px;
right: 293px;
}
.img-people.dima {
width: 300px;
top: 812px;
right: 1217px;
}
.img-people.bubble-small {
width: 89px;
top: 382px;
right: 327px;
}
.img-people.bubble-blurred-2 {
width: 305px;
inset: 0% 0% auto auto;
}
.img-people.kuba {
width: 224px;
top: 439px;
right: 515px;
}
.img-people.bubble-middle {
width: 225px;
right: 591px;
}
.fs-3dglobe-container.globe-gradient {
height: 1100px;
}
.globe-testimonials-carousel {
margin-top: -400px;
}
.bubble-intro-home {
inset: -269px -149px auto auto;
}
.page-intro.case-study.touchcom, .page-intro.case-study.tbp2, .page-intro.case-study.renoon {
height: 720px;
}
.button-empty {
font-weight: 500;
}
.button-empty.u-ml-0.u-pt-3 {
margin-top: 3em;
}
.blog-posts {
padding-left: 0;
padding-right: 0;
}
.testimonial-slider {
margin-left: 0;
}
.image-2nd {
background-image: url("https://cdn.prod.website-files.com/65ca6f59445c0a52f3323325/66a79ad61a8f4bb0ec74b669_stages_app_improvement.webp");
background-position: 10%;
background-size: auto 130%;
}
.image-2nd.service-showcase---img-mobile {
background-position: 50% 55%;
background-size: cover;
}
.image-3rd {
background-position: 15%;
}
.droplets-contact {
bottom: -24%;
left: -535px;
}
.u-pr-1 {
padding-right: var(--teacode-type-weight--teacode-spaces--1);
}
.mobile-portfolio-slider {
display: none;
}
.u-pr-2 {
padding-right: var(--teacode-type-weight--teacode-spaces--2);
}
.circle-1.globe-distant-gradient-dimensions {
width: 1000px;
height: 1000px;
top: 40px;
}
.circle-2.globe-close-gradient-dimensions {
width: 870px;
height: 870px;
top: 115px;
box-shadow: inset 0 0 250px #4addac4d, 0 0 150px #4addac4d;
}
.circle-2.globe-close-gradient-dimensions.circle-glow {
width: 835px;
height: 835px;
top: 133px;
}
.green-sec-photo.patrycja {
left: -20px;
}
.table-6 {
border-radius: 4px;
}
.sticky-tab-of-cont {
width: 317px;
}
.form-newsletter {
margin-bottom: 0;
}
.forn-news-input.u-maxw-350px.u-maxw-none-1280 {
max-width: none;
}
.service-showcase---img-mobile.image-1st {
background-position: 50%;
background-size: cover;
}
.u-d-75.u-d-d1280-50 {
width: 50%;
}
.portfolio-sticku-parent {
display: block;
}
.process-container {
width: 1380px;
margin-left: -384px;
}
.process-left {
width: 720px;
padding-left: 384px;
}
.proces-middle {
grid-column-gap: 32px;
grid-row-gap: 32px;
flex-flow: column;
width: 244px;
display: flex;
}
.process-container-mobile {
width: 1380px;
margin-left: -384px;
}
.homepage-intro-web1.skift {
left: 1784px;
}
.rwd-h4-process {
font-size: var(--teacode-headers--h4);
line-height: var(--teacode-headers--line-height);
letter-spacing: var(--teacode-type-h4--letter-spacing);
font-weight: 400;
}
.rwd-h6-blog {
font-size: var(--teacode-headers--h6);
letter-spacing: var(--teacode-type-h6--letter-spacing);
}
.u-d-1-3 {
width: 33%;
}
.cta-right {
padding-left: 16px;
}
.cta-spotify-left {
width: 36%;
}
.cta-message-left {
width: 45%;
}
.blog-author-details {
width: 628px;
}
.blog-intro-bubble {
top: 100px;
right: -200px;
}
.blog-bubble-content-top {
inset: -200px auto auto -320px;
}
.service-showcase-wrapper {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: column;
justify-content: flex-start;
align-items: center;
display: flex;
}
.service-showcase-row {
grid-column-gap: 20px;
grid-row-gap: 20px;
}
.service-grid-item {
width: 534px;
}
.service-showcase-content-wrapper {
margin-left: 91px;
margin-right: 91px;
}
.page-intro-text-block {
width: 50%;
}
.page-intro-text-block.chatbot, .page-intro-text-block.custom-software {
width: 49%;
}
.page-intro-text-block.digital-product {
width: 58%;
}
.filter-industries-wrapper.filter-categories {
margin-top: 0;
}
.case-study-background {
right: 0;
}
.green-people-col.left.asia, .simple-testimonial-slider {
margin-left: 0;
}
.blog-details-wrapper {
justify-content: space-between;
align-items: center;
}
.general-blog-page-item {
height: 430px;
}
.u-d-6-10 {
width: 60%;
}
.img-industry.pills, .img-industry.smartwatch, .img-industry.fintech-walking, .img-industry.marketing-cart, .img-industry.ecommerce-phone-left, .img-industry.real-estate-phone-vertical, .img-industry.real-estate-desktop {
left: -100px;
}
.case-kpi {
font-size: 80px;
}
.case-kpi- {
font-size: 60px;
}
.kpi-4-squares {
position: relative;
}
.case-kpi-col-left {
width: 36%;
padding-right: 0;
}
.kpi-desc {
width: 95%;
}
.industry-addon-right.chatbot {
height: 660px;
right: -600px;
}
.industry-addon-right.custom-software {
right: -600px;
}
.industry-addon-left.chatbot {
left: -400px;
}
.row-2-items.gap-test {
grid-column-gap: var(--teacode-type-weight--teacode-spaces--4);
grid-row-gap: var(--teacode-type-weight--teacode-spaces--4);
}
.row-2-items-item.muzeum {
width: 47%;
min-height: 220px;
padding-top: 24px;
padding-bottom: 24px;
}
.row-2-items-item.ruff-pass {
width: 47%;
min-height: 270px;
padding-top: 24px;
padding-bottom: 24px;
}
.kpi-case-img.left {
width: 800px;
top: -75px;
left: -200px;
}
.kpi-case-img.left.buzzin {
top: -40px;
left: -220px;
}
.case-kpi-image {
height: 400px;
top: -50px;
left: auto;
right: -60px;
}
.case-study-item-img.case-left.desktop.amberliving1 {
right: 40%;
}
.case-study-item-img.case-left.width400px.voicey {
left: -50px;
}
.case-study-item-img.case-left.width400px.autopilot {
left: -150px;
}
.case-study-item-img.case-left.width400px.meconed {
left: -50px;
}
.case-study-item-img.case-left.plannin-stack {
left: -144px;
}
.case-study-item-img.case-left.plannin-stack.voicey {
left: -50px;
}
.case-study-item-img.case-left.plannin-stack.autopilot {
left: -150px;
}
.case-study-item-img.case-left.plannin-stack.meconed {
left: -50px;
}
.case-study-item-img.general, .case-study-item-img.general.absolute-right--50 {
right: 0;
}
.case-study-item-img.general.voicey-phone {
right: 50px;
}
.case-study-item-img.general.meconed-phone-mockup {
right: 0;
}
.case-study-item-img.desktop {
right: -350px;
}
.case-study-item-img.desktop.bts-img {
right: -80px;
}
.case-study-item-img.desktop.seriousoffer {
right: -300px;
}
.case-study-item-img.desktop.tbp2-desktop {
right: -250px;
}
.case-study-item-img.desktop.renoon, .case-study-item-img.desktop.plannin {
right: -400px;
}
.case-study-item-paragraph.u-pr-8-1280 {
padding-right: 64px;
}
.case-study-item-web-link {
flex-flow: row;
}
.img-service.service-loupe, .img-service.service-arrow {
left: 50px;
}
.table-4, .table-3, .table-2 {
border-radius: 4px;
}
.case-study-container-image.mockup.ruffpass {
width: 323px;
}
.trava-mobile-mockup-top {
top: -120px;
}
.trava-mobile-mockup-bottom {
top: 100px;
}
.case-mid-section.buzzin-main.spaces {
justify-content: center;
align-items: center;
height: 450px;
display: flex;
}
.rwd-h6 {
font-size: var(--teacode-headers--h6);
letter-spacing: var(--teacode-type-h6--letter-spacing);
}
.trava-flat-mockup-1 {
top: -790px;
right: 300px;
}
.trava-flat-mockup-2 {
top: -330px;
right: 300px;
}
.trava-flat-mockup-3 {
top: -300px;
right: 50px;
}
.trava-flat-mockup-4 {
top: 150px;
right: 50px;
}
.trava-flat-mockup-5 {
top: 600px;
right: 50px;
}
.trava-flat-mockup-6 {
top: -50px;
right: -210px;
}
.trava-flat-mockup-7 {
top: 400px;
right: -210px;
}
.blog-author-details-small {
width: 628px;
}
.relative-wrapper.plannin-results {
height: 540px;
}
.skydreamer-mobile-mockup-bottom {
width: 630px;
top: 130px;
right: -50px;
}
.skydreamer-mobile-mockup-top {
width: 630px;
top: -90px;
right: -50px;
}
.dev-goals-wrapper {
justify-content: space-between;
}
.dev-goals-right {
width: 627px;
}
.dev-goals-bar {
left: -370px;
}
.dev-goals-bar.muzeum {
left: -351px;
}
.team-row-wrapper {
left: 100px;
}
.team-row-wrapper.u-mb-2._2nd {
left: 0;
}
.team-row-element {
width: 320px;
}
.results-bar {
left: -370px;
}
.result-arrow-paragraph {
font-size: var(--teacode-body-fonts--body-small);
width: 148px;
display: block;
}
.result-arrow {
width: 220px;
display: block;
position: absolute;
top: 300px;
right: 60px;
transform: rotate(-4deg);
}
.plannin-redesign-image-1, .plannin-redesign-image-2 {
width: 800px;
}
.redesign-arrow {
display: block;
left: 35px;
}
.redesign-arrow-paragraph {
width: 148px;
display: block;
left: 25px;
}
.plannin-flat-mockup-1 {
top: -790px;
right: 300px;
}
.plannin-flat-mockup-2 {
top: -330px;
right: 300px;
}
.plannin-flat-mockup-3 {
top: -300px;
right: 50px;
}
.plannin-flat-mockup-4 {
top: 150px;
right: 50px;
}
.plannin-flat-mockup-5 {
top: 600px;
right: 50px;
}
.plannin-flat-mockup-6 {
top: -50px;
right: -210px;
}
.plannin-flat-mockup-7 {
top: 400px;
right: -210px;
}
.flat-mockup-wrapper._1 {
right: 375px;
}
.flat-mockup-wrapper._2 {
right: 145px;
}
.flat-mockup-wrapper._3 {
top: -50px;
right: -95px;
}
.redesign-arrow-mobile {
display: block;
left: 35px;
}
.redesign-arrow-paragraph-mobile {
width: 148px;
display: block;
left: 25px;
}
.our-team-wrapper {
flex-flow: row;
justify-content: flex-start;
align-items: center;
}
.our-team-element {
width: auto;
}
.ruff-pass-role-involvement-solution-wrapper {
width: 30%;
}
.code-embed-5 {
left: -277px;
}
.logo-buzzin {
width: 443px;
}
.case-study-section-intro-paragraphs {
width: 60%;
}
.buzzin-desktop-mockup {
width: 627px;
}
.buzzin-yellow-floating {
width: 260px;
left: 756px;
}
.buzzin-yellow-arrow {
width: 220px;
bottom: 69px;
left: 687px;
}
.buzzin-integrations-wrapper {
width: 50%;
}
.buzzin-addon {
width: 396px;
position: static;
top: -45%;
}
.section-testimonial-three, .section-testimonial-four {
position: relative;
}
}
@media screen and (min-width: 1440px) {
h2 {
max-width: 23ch;
}
.section.industry-backgrounnd {
background-position: 20% 60%;
background-size: 100%;
}
.section.healthcare-backgrounnd {
background-position: 30% 40%;
}
.section.green.blog-author {
width: 1440px;
}
.section.plannin {
margin-top: 180px;
margin-bottom: 180px;
}
.section.plannin.blog-author {
width: 1440px;
}
.section.ruff-pass-blue {
padding-top: 64px;
padding-bottom: 64px;
}
.container {
width: var(--teacode-container-layout--container-with-1440);
max-width: var(--teacode-container-layout--container-max-width-1440);
}
.page-wrapper {
overflow: visible;
}
.brand {
padding-top: 18px;
padding-left: 16px;
padding-right: 0;
}
.menu-bar {
width: 984px;
max-width: 100%;
}
.menu-bar.u-d-z-index-999.test-menu.menu-copy {
margin-top: 0;
}
.menu-bar.u-d-z-index-999.test-menu.menu-copy.services-menu-dropdown-backdrop, .menu-bar.u-d-z-index-999.test-menu.menu-copy.industries-menu-dropdown-backdrop {
max-width: 986px;
margin-top: -1px;
}
.green-square {
right: 0%;
}
.clutch {
max-width: 150px;
}
.home-bubble {
bottom: 4%;
}
.testimonials {
width: 700px;
}
.globe-testimonials-carousel {
margin-top: -400px;
}
.case-studies-row {
margin-bottom: 25vh;
}
.content {
flex-flow: column;
}
.content.flex-for-home-intro {
flex-flow: row;
}
.content.u-ds-no-padd, .content.u-ds-no-pad {
padding-left: 8.33%;
padding-right: 8.33%;
}
.content.bts-compliance {
margin-top: -412px;
}
.content.flex-buzzin-main {
flex-flow: row;
}
.content.u-align-left {
justify-content: flex-start;
align-items: flex-start;
}
.page-intro.case-study.medicor {
background-position: 50% 20%;
}
.page-intro.fintech {
background-image: url("https://cdn.prod.website-files.com/65ca6f59445c0a52f3323325/66ad08e4e2ed8fe7afbaa985_bank.webp");
background-position: 0 0;
background-size: cover;
}
.page-intro.custom-software-dev.test {
background-color: #c3e4da;
}
.button-empty.u-ml-0 {
margin-left: 0;
}
.testimonials-carousel {
width: 780px;
}
.speaker-slide-mask {
overflow: visible;
}
.speaker-slider {
max-width: 100%;
overflow: hidden;
}
.testimonials-in-slider {
width: 780px;
}
.testimonial-arrows.right {
inset: 0% 0% 0% auto;
}
.image-2nd {
background-position: 15%;
background-size: auto 150%;
}
.image-2nd.service-showcase---img-mobile {
background-position: 50%;
background-size: cover;
}
.image-3rd {
background-position: 15%;
background-size: auto 150%;
}
.square {
width: 100%;
height: auto;
}
.square.kpi {
padding: 48px;
}
.droplets-contact {
left: -564px;
}
.desc-process {
grid-column-gap: 32px;
grid-row-gap: 32px;
flex-flow: column;
}
.desc-process.discovery {
grid-column-gap: 0px;
grid-row-gap: 0px;
}
.mobile-portfolio-slider-div {
overflow: hidden;
}
.mobile-portfolio-slide-mask {
overflow: visible;
}
.navbar_link-block.u-pb-0 {
padding-bottom: 0;
}
.navbar_link-block.u-pb-0.u-pt-0 {
padding-top: 0;
}
.circle-1.globe-distant-gradient-dimensions {
width: 1000px;
height: 1000px;
top: 40px;
}
.circle-2.globe-close-gradient-dimensions {
width: 870px;
height: 870px;
top: 115px;
}
.circle-2.globe-close-gradient-dimensions.circle-glow {
width: 835px;
height: 835px;
top: 133px;
}
.green-sec-photo.egor {
left: -20px;
}
.green-sec-photo.robert {
bottom: -130px;
}
.green-sec-photo.patrycja {
bottom: -150px;
}
.sticky-tab-of-cont {
padding: var(--teacode-type-weight--teacode-spaces--8) var(--teacode-type-weight--teacode-spaces--4);
width: 344px;
}
.bubble-intro-home-2 {
top: -12px;
left: -231px;
}
.home-intro-paymi {
left: -104px;
}
.service-showcase---img-mobile.image-1st {
background-position: 50%;
background-size: cover;
}
.porfolio-slider._2nd {
right: -1584px;
}
.porfolio-slider._3rd {
right: -3168px;
}
.portfolio-addon-2 {
left: 195px;
right: auto;
}
._1st {
object-position: 50% 0%;
margin-right: 0;
}
.u-d-7-10.u-mb-8-rwd.muzeum {
width: 65%;
}
.process-container {
grid-column-gap: var(--teacode-type-weight--teacode-spaces--8);
grid-row-gap: var(--teacode-type-weight--teacode-spaces--8);
width: 1767px;
margin-left: -684px;
}
.process-left {
width: 1020px;
padding-left: 684px;
}
.process-container-mobile {
grid-column-gap: var(--teacode-type-weight--teacode-spaces--8);
grid-row-gap: var(--teacode-type-weight--teacode-spaces--8);
width: 1767px;
margin-left: -684px;
}
.homepage-intro-web1.skift {
left: 1799px;
}
.homepage-intro-bubble-2 {
bottom: 4%;
}
.cta-right {
padding-left: 48px;
}
.cta-right.newsletter-form {
width: 60%;
}
.cta-message-left {
width: 36%;
}
.blog-author-details {
width: 684px;
}
.service-showcase-wrapper {
justify-content: flex-start;
align-items: center;
}
.service-grid-item {
width: 586px;
}
.page-intro-text-block.case-study.plannin-new {
width: 47%;
}
.page-intro-text-block.case-study.muzeum {
width: 53%;
}
.page-intro-text-block.chatbot {
width: 48%;
}
.page-intro-text-block.custom-software {
width: 45%;
}
.case-study-text.col-left {
position: relative;
}
.case-study-mockup.left, .case-study-mockup.right {
padding-right: 40px;
}
.case-study-text-cat.buzzin {
grid-column-gap: 32px;
grid-row-gap: 32px;
}
.row-3-items-item.case-study-team {
width: 30%;
}
.general-blog-page-item {
height: 450px;
}
.img-industry.fintech-walking {
top: -50px;
}
.case-kpi {
font-size: 100px;
}
.case-kpi.buzzin {
font-size: 90px;
}
.industry-addon-right {
top: -166px;
}
.industry-addon-right.startups {
height: 570px;
}
.industry-addon-right.consultancy {
top: -220px;
}
.industry-addon-right.mobile, .industry-addon-right.web {
top: -190px;
right: -500px;
}
.industry-addon-right.design {
top: -190px;
right: -550px;
}
.industry-addon-right.chatbot {
right: -500px;
}
.industry-addon-right.digital-product {
top: -210px;
right: -500px;
}
.industry-addon-right.ai-development {
top: -240px;
right: -500px;
}
.industry-addon-left {
top: -166px;
}
.industry-addon-left.consultancy, .industry-addon-left.mobile {
top: -220px;
}
.industry-addon-left.web {
top: -180px;
}
.industry-addon-left.design, .industry-addon-left.chatbot {
top: -220px;
}
.industry-addon-left.ai-development {
top: -240px;
}
.industry-addon-left.digital-product, .industry-addon-left.custom-software, .industry-addon-left.modernisation {
top: -220px;
}
.row-2-items-item.muzeum {
grid-column-gap: 24px;
grid-row-gap: 24px;
min-height: auto;
padding-left: 24px;
}
.row-2-items-item.ruff-pass {
grid-column-gap: 24px;
grid-row-gap: 24px;
padding-left: 24px;
}
.case-kpi-image {
right: 0;
}
.case-study-item-img {
right: -64px;
}
.case-study-item-img.case-left.desktop {
right: 550px;
}
.case-study-item-img.case-left.desktop.buzzin1 {
right: 50%;
}
.case-study-item-img.case-left.plannin-stack {
left: -124px;
}
.case-study-item-img.general.deubiimg {
right: -60px;
}
.case-study-item-img.general.illumbra-addon, .case-study-item-img.general.wynikomat {
right: -50px;
}
.case-study-item-img.general.btsadmin_square {
right: -100px;
}
.case-study-item-img.general.meconed-phone-mockup {
right: -50px;
}
.case-study-item-img.general.bts-admin-stats {
right: -100px;
}
.case-study-item-img.desktop.bts-img {
right: -140px;
}
.case-study-item-img.desktop.larger {
right: -400px;
}
.case-study-item-img.desktop.seriousoffer {
right: -350px;
}
.case-study-item-img.desktop.simplifiedbody {
right: -300px;
}
.case-study-item-img.desktop.renoon {
right: -450px;
}
.img-service.right.service-chat-bubbles {
right: 100px;
}
.img-service.service-arrow {
left: 100px;
}
.technology-case-studies.bts {
height: 50px;
}
.trava-mobile-mockup-top {
right: -80px;
}
.trava-mobile-mockup-bottom {
top: 70px;
right: -80px;
}
.case-mid-section.plannin-secondary {
padding-top: 32px;
padding-bottom: 32px;
}
.trava-flat-mockup-1, .trava-flat-mockup-2 {
right: 330px;
}
.trava-flat-mockup-3 {
top: -550px;
right: 0;
}
.trava-flat-mockup-4 {
top: -110px;
right: 0;
}
.trava-flat-mockup-5 {
top: 340px;
right: 0;
}
.trava-flat-mockup-6 {
top: -300px;
right: -230px;
}
.trava-flat-mockup-7 {
top: 150px;
right: -230px;
}
.blog-author-details-small {
width: 684px;
}
.relative-wrapper.plannin-results {
height: 540px;
}
.skydreamer-mobile-mockup-bottom {
top: 120px;
right: -50px;
}
.skydreamer-mobile-mockup-top {
right: -50px;
}
.dev-goals-wrapper {
justify-content: space-between;
}
.dev-goals-bar {
left: -458px;
}
.dev-goals-bar.muzeum {
left: -380px;
}
.case-study-left-right.left {
grid-column-gap: var(--teacode-type-weight--teacode-spaces--12);
grid-row-gap: var(--teacode-type-weight--teacode-spaces--12);
justify-content: center;
}
.case-study-left-right.right {
justify-content: center;
}
.process-line-dot-abs._2 {
left: 33%;
}
.process-line-dot-abs._3 {
left: 66%;
}
.team-row-wrapper {
left: -50px;
}
.team-row-wrapper.u-mb-2._1st {
left: -100px;
}
.team-row-wrapper.u-mb-2._2nd {
left: 0;
}
.team-row-wrapper._3rd {
left: -80px;
}
.team-row-element {
width: 340px;
}
.team-row-element.empty.u-visible-dl {
display: none;
}
.results-bar {
width: 1900px;
left: -300px;
}
.plannin-development-header {
min-height: 3ch;
}
.redesign-arrow, .redesign-arrow-paragraph {
left: 60px;
}
.plannin-flat-mockup-1, .plannin-flat-mockup-2 {
right: 330px;
}
.plannin-flat-mockup-3 {
top: -550px;
right: 0;
}
.plannin-flat-mockup-4 {
top: -110px;
right: 0;
}
.plannin-flat-mockup-5 {
top: 340px;
right: 0;
}
.plannin-flat-mockup-6 {
top: -300px;
right: -230px;
}
.plannin-flat-mockup-7 {
top: 150px;
right: -230px;
}
.redesign-arrow-mobile, .redesign-arrow-paragraph-mobile {
left: 60px;
}
._3rdimage {
object-position: 50% 0%;
margin-right: 0;
}
.text-source {
margin-top: 0;
}
.slider_mobile_image_plannin {
object-position: 50% 0%;
margin-right: 0;
}
.logo-bts {
width: 360px;
margin-left: 0;
}
.bts-results-image {
top: -351px;
left: -268px;
}
.case-study-image-wrapper {
width: 40%;
}
.testimonial-column-left.version-3, .testimonial-column-left.version-4 {
margin-left: 96px;
}
.case-study-intro-information {
width: 45%;
}
.ruff-pass-role-involvement-solution-wrapper {
width: 25%;
}
.code-embed-5 {
left: -248px;
}
.logo-buzzin {
width: 360px;
margin-left: 0;
}
.buzzin-integrations-wrapper {
transform: translate(-32px);
}
.section-intro-wrapper.custom-software {
width: 90%;
}
}
@media screen and (min-width: 1920px) {
.section.industry-backgrounnd {
background-position: 20%;
background-size: 100%;
}
.section.industry-backgrounnd.background-properties.travel-backgrounnd {
background-position: 30%;
background-size: 110%;
}
.section.green.blog-author {
width: 1406px;
}
.section.plannin {
margin-top: 390px;
margin-bottom: 390px;
}
.section.plannin.blog-author {
width: 1406px;
}
.section.toppp {
margin-bottom: 64px;
}
.section.ruff-pass-blue {
background-color: #0000;
padding-top: 0;
padding-bottom: 0;
}
.container {
width: var(--teacode-container-layout--container-with-1920);
max-width: var(--teacode-container-layout--container-max-width-1920);
justify-content: center;
align-items: center;
}
.container.u-mt-8.u-mt-12-dl {
margin-top: 96px;
}
.container.plannin-screenshot-overlay-wrapper {
border-radius: 16px;
}
.container.ruff-pass-blue {
border-radius: 64px;
padding-top: 64px;
padding-bottom: 64px;
}
.container.buzzin-addon-absolute {
top: -19%;
}
.menu-bar {
width: 1170px;
top: 20px;
}
.menu-bar.u-d-z-index-999.test-menu.menu-copy {
margin-top: -21px;
}
.menu-bar.u-d-z-index-999.test-menu.menu-copy.services-menu-dropdown-backdrop {
max-width: 1172px;
top: auto;
}
.menu-bar.u-d-z-index-999.test-menu.menu-copy.industries-menu-dropdown-backdrop {
max-width: 1172px;
top: 0;
}
.testimonials {
width: 700px;
}
.case-study-desc {
max-width: 70ch;
margin-left: 0;
}
.people {
overflow: visible;
}
.globe-testimonials-carousel {
margin-top: -400px;
}
.content.flex-for-home-intro.u-mt-7.u-pr-16 {
padding-right: 16.55%;
}
.content.blog-content {
padding-left: 16.7%;
padding-right: 16.7%;
}
.content.u-ds-no-pad.u-t-ml-mp-no-padding.u-position-absolute.u-pt-4.u-t-pt-0.u-position-absolute-top-0 {
top: 0;
}
.content.u-ds-no-pad.u-t-ml-mp-no-padding.u-position-absolute.u-pt-4.u-t-pt-0.u-position-absolute-top-0.content-desktop-absolute {
top: -20px;
}
.content.u-pb-12-rwd.u-pb-dl-0 {
padding-bottom: 0;
}
.content.bts-compliance {
margin-top: -408px;
}
.page-intro.case-study.trava {
background-position: 100%;
background-repeat: no-repeat;
background-size: cover;
}
.page-intro.case-study._40k {
background-image: url("https://cdn.prod.website-files.com/65ca6f59445c0a52f3323325/6716bb64819d1b99936833e4_40k%20travel%20app.webp");
}
.page-intro.case-study.seriousoffer {
background-image: url("https://cdn.prod.website-files.com/65ca6f59445c0a52f3323325/6716ceb0edc2dcdc2af0efd0_Serious%20offer%20real%20estate%20app%20(1).webp");
}
.page-intro.case-study.simplifiedbody {
background-color: #dedede;
background-image: url("https://cdn.prod.website-files.com/65ca6f59445c0a52f3323325/67220f43edb15552d1e50c1d_simplified%20body%20case%20study%20cover.webp");
background-position: 50% 35%;
background-repeat: no-repeat;
background-size: cover;
}
.page-intro.case-study.muzeum {
background-position: 100%;
background-repeat: no-repeat;
background-size: cover;
}
.page-intro.case-study.bts-admin-panel {
background-position: 50%;
}
.page-intro.case-study.ruff-pass, .page-intro.case-study.buzzin {
background-position: 60%;
}
.page-intro.healthcare, .page-intro.consultancy, .page-intro.branding, .page-intro.mobile-app-dev, .page-intro.custom-software-dev, .page-intro.web-app-dev, .page-intro.chatbot, .page-intro.ai {
background-position: 50% 40%;
}
.page-intro.digital-product {
background-position: 50% 30%;
}
.page-intro.modernisation {
background-position: 50% 40%;
}
.button-empty {
text-align: center;
}
.testimonials-carousel {
width: 932px;
}
.speaker-slide-mask {
width: 1200px;
}
.speaker-slide {
cursor: pointer;
}
.collection-list.paginated-collection-list {
margin-right: 0;
}
.u-d-underline-none.blog-title {
height: 150px;
}
.accordion-item---faq.accordion-2---faq {
border-radius: var(--responsiveness--div-radius-div-with-text-testimonials\);
padding-left: 4rem;
overflow: hidden;
}
.accordion-item---faq.accordion-2---faq.content {
border-radius: var(--teacode-radius--rad-normal);
}
.accordion-item---faq.accordion-2---faq.content.faq---1st-element, .accordion-item---faq.accordion-2---faq.content.faq---2nd-element, .accordion-item---faq.accordion-2---faq.content.faq---3rd-element, .accordion-item---faq.accordion-2---faq.content.faq---4th-element, .accordion-item---faq.accordion-2---faq.content.faq---5th-element, .accordion-item---faq.accordion-2---faq.content.faq---6th-element, .accordion-item---faq.accordion-2---faq.content.faq---7th-element, .accordion-item---faq.accordion-2---faq.content.faq---8th-element {
padding-left: 8.33%;
}
.accordion-trigger---faq {
z-index: 1;
}
.accordion-arrow-wrap---faq {
display: flex;
}
.testimonial-slider {
width: 120vw;
margin-left: -35vw;
}
.testimonials-in-slider {
width: 932px;
margin-left: auto;
margin-right: auto;
}
.service-showcase---title {
z-index: 1;
}
.image-2nd {
background-position: 0%;
}
.image-2nd.service-showcase---img-mobile {
background-position: 50% 55%;
background-size: cover;
}
.image-3rd {
background-position: 0%;
background-size: auto 150%;
}
.square.u-bg-semigrey {
background-color: #f3f1eb;
}
.droplets-contact {
left: -600px;
}
.mobile-portfolio-slide {
cursor: pointer;
}
.circle-1.globe-distant-gradient-dimensions {
width: 1000px;
height: 1000px;
top: 40px;
}
.circle-2.globe-close-gradient-dimensions {
width: 870px;
height: 870px;
top: 115px;
}
.circle-2.globe-close-gradient-dimensions.circle-glow {
z-index: 2;
width: 835px;
height: 835px;
top: 133px;
}
.green-sec-photo {
left: 100px;
}
.green-sec-photo.micha {
left: 150px;
}
.green-sec-photo.olga, .green-sec-photo.adrian {
left: 120px;
}
.green-sec-photo.adam {
left: 100px;
}
.green-sec-photo.egor {
left: 130px;
}
.green-sec-photo.robert, .green-sec-photo.patrycja {
left: 150px;
}
.sticky-tab-of-cont {
border-radius: var(--teacode-radius--rad-x-small) 0px 0px var(--teacode-radius--rad-small);
right: 0;
}
.bubble-intro-home-2 {
left: -283px;
}
.home-intro-paymi {
top: 9px;
}
.service-showcase---img-mobile.image-1st {
background-position: 50%;
background-size: cover;
}
.porfolio-slider._2nd {
right: -1808px;
}
.porfolio-slider._3rd {
right: -3616px;
}
.portfolio-addon-2 {
left: 191px;
}
.bubbles-container {
overflow: visible;
}
.u-d-7-10.u-mb-8-rwd.muzeum {
width: 50%;
}
.process-container {
width: 2119px;
margin-left: -784px;
display: flex;
}
.process-left {
width: 1320px;
margin-left: 0;
padding-left: 784px;
}
.proces-middle {
width: 600px;
}
.process-right {
width: 500px;
}
.div-block-43 {
align-self: flex-start;
}
.process-container-mobile {
width: 2119px;
margin-left: -784px;
}
.rwd-h1.blog-intro-heading {
font-size: var(--teacode-headers--h1);
line-height: var(--teacode-type-h1--line-height);
letter-spacing: var(--teacode-type-h1--letter-spacing);
}
.rwd-h3.u-mb-0.u-text-maxw-dl-65 {
max-width: 65%;
}
.rwd-h3.case-study-intro-h {
width: 40%;
}
.cta-right {
padding-left: var(--teacode-type-weight--teacode-spaces--4);
}
.cta-right.newsletter-form {
padding-left: 64px;
}
.blog-author-details {
padding-right: 94px;
}
.blog-bubble-content-top {
left: -240px;
}
.blog-content-img {
object-position: 50% 20%;
}
.service-showcase-wrapper {
align-items: center;
}
.service-grid-item {
width: 698px;
}
.page-intro-text-block, .page-intro-text-block.case-study.plannin-new {
width: 40%;
}
.page-intro-text-block.case-study.muzeum {
width: 50%;
}
.page-intro-text-block.chatbot {
width: 45%;
}
.page-intro-text-block.custom-software {
width: 39%;
}
.page-intro-text-block.digital-product {
width: 50%;
}
.square-title {
font-size: var(--teacode-headers--h5);
}
.case-study-intro-container {
grid-column-gap: 250px;
grid-row-gap: 250px;
}
.case-study-background {
width: 750px;
height: auto;
top: -50px;
right: 0;
}
.case-study-curiosity.left {
top: 300px;
}
.case-study-curiosity.left.background-skydreamer {
top: 393px;
left: -900px;
}
.case-study-curiosity.left.trava {
top: 390px;
left: -950px;
}
.case-study-curiosity.left.background-exotic {
top: 310px;
left: -900px;
}
.case-study-curiosity.left.background-plannin {
top: 393px;
left: -900px;
}
.case-study-curiosity.left.muzeum {
top: 390px;
left: -950px;
}
.case-study-curiosity.left.background-bts, .case-study-curiosity.left.backgound-ruffpass, .case-study-curiosity.left.background-buzzin {
top: 393px;
left: -900px;
}
.case-study-curiosity.left.custom-software {
top: 390px;
left: -950px;
}
.icon---number._1 {
right: 30px;
}
.icon---number._2 {
left: -30px;
}
.icon---number.color-plannin._1 {
top: -90px;
right: 515px;
}
.icon---number.color-plannin._2 {
top: -90px;
left: auto;
right: 150px;
}
.icon---number.color-plannin._3 {
top: 240px;
left: 280px;
}
.icon---number.color-plannin._4 {
top: 420px;
}
.case-study-last-img {
width: var(--teacode-container-layout--container-max-width-1920);
border-radius: var(--teacode-radius--rad-normal);
background-image: none;
justify-content: center;
align-items: center;
}
.case-study-under-logo-div.plannin {
margin-top: 200px;
}
.image-34 {
left: auto;
}
.cms-pagination-wrapper {
margin-top: 20px;
}
.case-study-heading {
width: 45%;
}
.green-people-pic {
left: 100px;
}
.green-people-col.left {
margin-left: 0;
}
.green-people-col.right.u-ml-dxl-16 {
margin-left: 128px;
}
.u-d-flex-horizontal {
grid-column-gap: var(--teacode-type-weight--teacode-spaces--16);
grid-row-gap: var(--teacode-type-weight--teacode-spaces--16);
}
.row-3-items.u-mt-8.u-d-9-10.u-d-8-10-dl {
width: 80%;
}
.row-3-items-item.case-study-team {
width: 30%;
}
.row-3-items-item.plannin-kpi {
padding-left: 32px;
padding-right: 32px;
}
.general-blog-page-item {
height: 500px;
}
.u-d-100.u-d-flex-horizontal.gap-10.gap-t-5.u-d-flex-mobile-centered.u-d-right {
justify-content: flex-end;
}
.img-industry.right.industry-shield {
right: -140px;
}
.img-industry.right.medical-board {
right: 40px;
}
.img-industry.right.marketing-envelope, .img-industry.right.ecommerce-phone-right {
top: -30px;
right: 40px;
}
.img-industry.right.real-estate-phone, .img-industry.right.real-estate-desktop-right {
top: -30px;
right: 60px;
}
.img-industry.healthcare-bars {
left: -48px;
}
.img-industry.pills {
left: -40px;
}
.img-industry.fintech-walking {
top: -80px;
left: -40px;
}
.img-industry.marketing-cart, .img-industry.ecommerce-phone-left, .img-industry.real-estate-phone-vertical, .img-industry.real-estate-desktop {
top: -30px;
left: -40px;
}
.kpi-4-squares {
width: 70%;
}
.content-kpi {
padding-right: 8.33%;
}
.case-kpi-col-left {
width: 40%;
padding-right: 40px;
}
.h6-mp.u-text-dl-h5 {
font-size: var(--teacode-headers--h5);
line-height: var(--teacode-type-h5--line-height);
letter-spacing: var(--teacode-type-h5--letter-spacing);
}
.industries-details-col-text {
width: 60%;
}
.industry-addon-right {
top: -180px;
}
.industry-addon-right.second, .industry-addon-right.chatbot {
top: -80px;
}
.industry-addon-right.design {
top: -230px;
}
.industry-addon-right.chatbot {
top: -220px;
}
.industry-addon-right.custom-software {
top: -210px;
}
.industry-addon-right.modernisation {
height: 670px;
top: -220px;
right: -600px;
}
.industry-addon-left {
top: -180px;
}
.industry-addon-left.second {
top: -80px;
}
.industry-addon-left.design, .industry-addon-left.chatbot {
top: -250px;
}
.industry-addon-left.ai-development {
left: -650px;
}
.industry-addon-left.custom-software {
height: 700px;
}
.industry-addon-top {
top: -420px;
}
.industry-addon-bottom {
top: 330px;
}
.industry-addon-bottom.ctavel-cta {
height: 100%;
top: 320px;
}
.row-2-items-item.ruff-pass {
min-height: 250px;
}
.case-kpi-image {
left: auto;
}
.trava-mobile-bottom {
top: 150px;
right: 0;
}
.trava-mobile-top {
top: 0;
right: 0;
}
.case-study-item-img {
right: 0;
}
.case-study-item-img.paymi-group {
width: 600px;
}
.case-study-item-img.case-left.desktop {
right: 650px;
}
.case-study-item-img.case-left.width400px {
left: 0;
}
.case-study-item-img.case-left.width400px.voicey {
left: 50px;
}
.case-study-item-img.case-left.width400px.autopilot {
left: -100px;
}
.case-study-item-img.case-left.width400px.meconed {
left: 50px;
}
.case-study-item-img.case-left.plannin-stack {
left: -50px;
}
.case-study-item-img.case-left.plannin-stack.voicey {
left: 50px;
}
.case-study-item-img.case-left.plannin-stack.autopilot {
left: -100px;
}
.case-study-item-img.case-left.plannin-stack.meconed {
left: 50px;
}
.case-study-item-img.general.bts-admin-stats {
right: 0;
}
.case-study-item-img.desktop {
right: -300px;
}
.case-study-item-img.desktop.skydreamer2 {
top: 60px;
right: -250px;
}
.case-study-item-img.desktop.larger {
right: -350px;
}
.case-study-item-img.desktop.seriousoffer, .case-study-item-img.desktop.plannin {
right: -300px;
}
.img-service.right.service-chat-bubbles {
width: 400px;
right: 150px;
}
.img-service.service-loupe {
top: 40px;
left: 100px;
}
.img-service.service-arrow {
top: 40px;
left: 140px;
}
.services-details-wrapper {
min-height: 350px;
}
.services-details-col-text {
width: 60%;
}
.trava-mobile-mockup-top {
top: -120px;
right: 0;
}
.trava-mobile-mockup-bottom {
top: 50px;
right: 30px;
}
.case-mid-section {
width: var(--teacode-container-layout--container-max-width-1920);
border-radius: var(--teacode-radius--rad-normal);
margin-left: auto;
margin-right: auto;
}
.case-mid-section.background-skydreamer {
min-height: 530px;
}
.case-mid-section.plannin-secondary {
padding-top: 64px;
padding-bottom: 64px;
}
.trava-flat-mockup-1 {
top: -320px;
right: 430px;
}
.trava-flat-mockup-2 {
top: -770px;
right: 430px;
}
.trava-flat-mockup-3, .trava-flat-mockup-4, .trava-flat-mockup-5 {
right: 70px;
}
.trava-flat-mockup-6, .trava-flat-mockup-7 {
right: -180px;
}
.green-sec-photo-small {
left: 100px;
}
.blog-author-details-small {
padding-right: 94px;
}
.case-study-text-container.u-ml-10 {
margin-left: 80px;
}
.relative-wrapper.plannin-results, .relative-wrapper.plannin-results-2 {
height: 650px;
}
.challenge-text {
max-width: 50ch;
}
.skydreamer-mobile-mockup-bottom {
top: 100px;
right: 100px;
}
.skydreamer-mobile-mockup-top {
top: -100px;
right: 100px;
}
.dev-goals-left {
position: relative;
}
.dev-goals-left.muzeum {
width: 25%;
}
.dev-goals-image {
left: -32px;
}
.dev-goals-bar {
left: -664px;
}
.dev-goals-bar.left {
top: 300px;
}
.dev-goals-bar.muzeum {
left: -453px;
}
.case-study-left-right {
grid-column-gap: var(--teacode-type-weight--teacode-spaces--16);
grid-row-gap: var(--teacode-type-weight--teacode-spaces--16);
}
.case-study-left-right.right.center.u-mb-8.ruff-pass {
justify-content: space-between;
}
.process-line-dot-abs._2 {
left: 33%;
}
.process-line-dot-abs._3 {
left: 66%;
}
.plannin-logo {
z-index: 5;
}
.team-row-wrapper {
left: 50px;
}
.team-row-wrapper.u-mb-2, .team-row-wrapper.u-mb-2._2nd {
left: 0;
}
.team-row-element.empty.u-visible-dl {
display: block;
}
.results-bar {
width: 1594px;
left: -121px;
}
.results-bar.left {
top: 300px;
}
.plannin-result-image-1 {
width: 1074px;
}
.plannin-result-image-2 {
width: 815px;
top: -74px;
}
.result-arrow-paragraph {
top: 250px;
right: 50px;
}
.result-arrow {
top: 335px;
right: 110px;
}
.plannin-addon {
width: 347px;
}
.plannin-addon._1 {
left: calc(50% - 570px);
}
.plannin-addon._3 {
top: -500px;
}
.plannin-addon._6 {
left: calc(50% + 220px);
}
.plannin-addon._5 {
top: 770px;
}
.plannin-addon._2 {
top: -200px;
left: calc(50% - 570px);
}
.plannin-addon._7 {
top: -200px;
left: calc(50% + 220px);
}
.plannin-overlay-wrapper {
width: var(--teacode-container-layout--container-with-1920);
max-width: var(--teacode-container-layout--container-max-width-1920);
border-radius: 16px;
margin-left: auto;
margin-right: auto;
}
.plannin-development-header {
min-height: auto;
}
.development-bubble {
top: -244px;
left: -77px;
}
.plannin-redesign-image-1 {
width: 914px;
top: -74px;
}
.plannin-redesign-image-2 {
width: 914px;
}
.redesign-arrow {
top: 335px;
left: 150px;
}
.redesign-arrow-paragraph {
top: 400px;
left: 150px;
}
.kpi-green-background {
border-radius: 42px;
width: 110%;
transform: translate(-10%, 10%);
}
.kpi-plannin-paragraph {
font-size: 20px;
}
.discovery-persona-wrapper {
margin-bottom: 80px;
}
.discovery-contents-right {
padding-top: 72px;
}
.discovery-contents-right.second {
grid-column-gap: 72px;
grid-row-gap: 72px;
padding-top: 0;
}
.kpi-vertical-line {
left: -35px;
}
.kpi-plannin-background {
border-radius: 42px;
width: 110%;
transform: translate(-10%, 10%);
}
.plannin-results-left {
width: 60%;
}
.plannin-results-right {
width: 40%;
}
.plannin-flat-mockup-1 {
top: -320px;
right: 430px;
}
.plannin-flat-mockup-2 {
top: -770px;
right: 430px;
}
.plannin-flat-mockup-3, .plannin-flat-mockup-4, .plannin-flat-mockup-5 {
right: 70px;
}
.plannin-flat-mockup-6, .plannin-flat-mockup-7 {
right: -180px;
}
.flat-mockup-wrapper._1 {
top: -103px;
right: 416px;
}
.flat-mockup-wrapper._2 {
right: 187px;
}
.flat-mockup-wrapper._3 {
right: -47px;
}
.plannin-role-involvement {
border-radius: var(--teacode-radius--rad-normal);
}
.plannin-role-involvement-title {
width: 50%;
}
.greg-persona-text-block {
padding-top: 32px;
}
.greg-persona-text {
width: 592px;
}
.greg-persona {
width: 360px;
margin-top: -387px;
}
.greg-persona-description {
padding-left: 56px;
}
.greg-apps-label {
font-size: 30px;
}
.greg-persona-description-text {
margin-bottom: 64px;
font-size: 20px;
}
.discovery-pros-cons-wrapper {
justify-content: space-between;
align-items: flex-start;
}
.discovery-cons {
margin-top: 72px;
}
.greg-persona-text-mobile {
width: 592px;
}
.mosaic-background {
height: 1054px;
top: -425px;
}
.div-block-54 {
border-radius: var(--teacode-radius--rad-normal);
}
.redesign-arrow-mobile {
top: 335px;
left: 150px;
}
.redesign-arrow-paragraph-mobile {
top: 400px;
left: 150px;
}
.accordion-item---faq-2.accordion-2---faq {
border-radius: 40px;
padding-left: 4rem;
overflow: hidden;
}
.accordion-item---faq-2.accordion-2---faq.content {
border-radius: 64px;
}
.accordion-item---faq-2.accordion-2---faq.content.faq---1st-element {
padding-left: 8.33%;
}
.technologies-bts {
overflow: hidden;
}
.our-team-element {
width: 30%;
}
.bts-results-image {
width: 1000px;
top: -318px;
left: -45px;
}
.ruff-pass-section-intro-wrapper {
justify-content: space-between;
}
.ruff-pass-section-intro-paragraph {
width: 48%;
}
.ruff-pass-role-involvement-solution-wrapper {
width: 30%;
}
.ruff-pass-involvement-image-wrapper.left, .ruff-pass-involvement-image-wrapper.right {
justify-content: flex-start;
align-items: center;
}
.ruff-pass-image-subtext {
width: 65%;
}
.video-wrapper {
max-width: none;
}
.code-embed-5 {
top: -114px;
left: -50px;
}
.ai-driven-badge {
z-index: 1;
width: 100px;
position: absolute;
inset: -30px -30px auto auto;
}
.case-study-section-intro-wrapper {
justify-content: space-between;
}
.buzzin-yellow-floating {
left: 800px;
}
.buzzin-yellow-arrow {
left: 720px;
}
.rwd-h2.blog-intro-heading {
font-size: var(--teacode-headers--h1);
line-height: var(--teacode-type-h1--line-height);
letter-spacing: var(--teacode-type-h1--letter-spacing);
}
.buzzin-integrations-wrapper {
transform: translate(-112px);
}
.buzzin-phone-mockup {
left: auto;
}
.section-intro-wrapper.custom-software {
width: 80%;
}
}
@media screen and (max-width: 991px) {
body {
font-size: var(--teacode-type-paragraph--font-size-t);
}
h1 {
font-size: var(--teacode-type-h3--font-size-t);
}
h2 {
font-size: var(--teacode-headers--h3-s);
max-width: 20ch;
}
h3 {
margin-bottom: var(--teacode-container-layout--teacode-content-layout--padding-t-small);
font-size: var(--teacode-headers--h4-s);
}
h4 {
font-size: var(--teacode-headers--h5-s);
}
h5 {
font-size: var(--teacode-type-h5--font-size-t);
}
p {
font-size: var(--teacode-body-fonts--body-medium);
}
.h1 {
font-size: var(--teacode-type-h1--font-size-t);
}
.h2 {
font-size: var(--teacode-type-h2--font-size-t);
}
.h3 {
font-size: var(--teacode-type-h3--font-size-t);
}
.h4 {
font-size: var(--teacode-type-h4--font-size-t);
}
.section {
padding-top: var(--teacode-section-layout--section-padding-t);
padding-bottom: var(--teacode-section-layout--section-padding-t);
}
.section.u-bg-primary.u-d-flex:hover {
background-color: var(--teacode-colours--tc-primary);
}
.section.industry-backgrounnd {
background-position: 30% 30%;
background-repeat: no-repeat;
background-size: 200%;
}
.section.industry-backgrounnd.background-properties {
background-position: 45%;
background-size: cover;
}
.section.healthcare-backgrounnd {
background-position: 35%;
background-size: 200%;
}
.section.u-pb-0 {
overflow: clip;
}
.section.u-pb-0.u-overflow-clip {
padding-bottom: 0;
}
.section.u-pb-0.u-overflow-visible {
overflow: visible;
}
.section.u-overflow-hidden {
overflow: hidden !important;
}
.section.u-overflow-hidden.u-pt-0.u-pt-t-12 {
padding-top: var(--teacode-type-weight--teacode-spaces--12);
}
.section.green.blog-author {
margin-bottom: var(--teacode-type-weight--teacode-spaces--12);
padding-top: var(--teacode-type-weight--teacode-spaces--6);
padding-bottom: var(--teacode-type-weight--teacode-spaces--6);
border-radius: var(--teacode-radius--rad-small);
}
.section.green.case-study-testimonial {
padding-bottom: var(--teacode-type-weight--teacode-spaces--11);
}
.section.green.case-study-testimonial.u-mb-d-8 {
margin-bottom: 0;
}
.section.green.people.last {
margin-bottom: 96px;
}
.section.u-bp-0.filter-section {
padding-top: var(--teacode-type-weight--teacode-spaces--2);
margin-bottom: 59px;
}
.section.travel-backgrounnd, .section.finance-backgrounnd {
background-position: 30% 30%;
background-repeat: no-repeat;
background-size: 200%;
}
.section.footer {
margin-bottom: 0;
padding-bottom: 0;
}
.section.first {
padding-top: var(--teacode-type-weight--teacode-spaces--13);
padding-bottom: var(--teacode-type-weight--teacode-spaces--0);
}
.section.first.u-mb-d--224 {
margin-bottom: 0;
}
.section.u-overflow-clip {
padding-bottom: var(--teacode-type-weight--teacode-spaces--12);
}
.section.u-overflow-clip.u-pt-d-2 {
padding-top: 0;
}
.section.u-overflow-clip.u-pt-0.u-pt-t-full {
padding-top: 96px;
}
.section.u-overflow-clip.u-pb-t-0 {
padding-bottom: 0;
}
.section.u-overflow-clip.skydreamer-challenges-margin-t {
padding-top: 32px;
padding-bottom: 32px;
}
.section.u-overflow-clip.u-mb-0-t {
padding-bottom: 0;
}
.section.u-overflow-clip.half-padding {
margin-top: -48px;
margin-bottom: -48px;
}
.section.u-overflow-clip.no-padding-d {
margin-top: 0;
margin-bottom: 0;
}
.section.u-overflow-clip.no-padding-d.no-padding-ml, .section.u-overflow-clip.no-padding-d.no-paddng-top-t {
padding-top: 0;
}
.section.u-overflow-clip.u-pb-0-d {
padding-bottom: 96px;
}
.section.u-overflow-clip.u-pb-0-d.u-pb-0-t {
padding-bottom: 0;
}
.section.u-mt-t--12 {
margin-top: -96px;
}
.section.blog {
padding-top: 64px;
padding-bottom: 0;
}
.section.background.u-pb-12-rwd.industry-background-first {
min-height: 630px;
}
.section.background.u-pb-12-rwd.industry-background-second, .section.background.u-pb-12-rwd.service-cta-background {
min-height: 403px;
}
.section.u-bg-lightgray.u-pt-t-0 {
margin-top: 96px;
padding-top: 0;
}
.section.u-bg-lightgray.ruff-pass-process-section {
margin-top: 0;
}
.section.u-mb-t-0, .section.u-pb-t-0 {
padding-bottom: 0;
}
.section.u-pb-t-0.u-mb-t--8 {
margin-bottom: -64px;
}
.section.u-margin-vertical-4-d {
margin-top: 0;
margin-bottom: 0;
}
.section.u-mb-8-d {
margin-bottom: 0;
}
.section.plannin.blog-author {
margin-bottom: var(--teacode-type-weight--teacode-spaces--12);
padding-top: var(--teacode-type-weight--teacode-spaces--6);
padding-bottom: var(--teacode-type-weight--teacode-spaces--6);
border-radius: var(--teacode-radius--rad-small);
}
.section.plannin.case-study-testimonial {
padding-bottom: var(--teacode-type-weight--teacode-spaces--11);
}
.section.plannin.case-study-testimonial.u-mb-d-8 {
margin-bottom: 0;
}
.section.plannin.people.last {
margin-bottom: 96px;
}
.section.process-margin-ml.half-padding {
margin-top: -48px;
margin-bottom: -48px;
}
.container {
width: var(--teacode-section-layout--section-width);
max-width: var(--teacode-section-layout--section-width);
}
.container.u-d-flex {
flex-direction: column;
}
.container.u-d-flex.u-mt-8.u-t-mt-0 {
margin-top: var(--teacode-type-weight--teacode-spaces--0);
}
.container.accordion-item-wrapper---faq {
max-width: 95vw;
margin-top: -16px;
margin-left: auto;
margin-right: auto;
padding-top: 0;
}
.container.menu-sticky {
padding-top: var(--teacode-type-weight--teacode-spaces--0);
top: 0;
}
.container.service-showcase {
padding-right: var(--teacode-container-layout--teacode-content-layout--padding-t-small);
padding-left: var(--teacode-container-layout--teacode-content-layout--padding-t-small);
}
.container.u-d-overflow-t-clip {
overflow: clip;
}
.container.blog-img {
margin-right: var(--teacode-type-weight--teacode-spaces--4);
margin-left: var(--teacode-type-weight--teacode-spaces--4);
border-radius: var(--teacode-radius--rad-small);
width: auto;
min-height: 400px;
}
.container.blog-img.phone-mockup {
min-height: 400px;
}
.container.white-space {
background-color: var(--tc-surface-transparent);
}
.container.u-position-static {
position: static;
}
.container.map-section {
height: 550px;
}
.container.map-section.u-d-flex-vertical-center.plannin {
padding-top: 64px;
padding-bottom: 64px;
}
.container.centered.custom-software {
padding-top: 32px;
padding-bottom: 32px;
}
.container.ruff-pass-role-involvement-images {
align-items: flex-start;
}
.container.ruff-pass-container-white, .container.buzzin-container-white {
margin-top: -120px;
padding-top: 96px;
}
.container.buzzin-addon-absolute {
top: -5%;
left: auto;
}
.col.col-md-9 {
flex-basis: 75%;
max-width: 75%;
}
.col.col-md-2 {
flex-basis: 16.67%;
max-width: 16.6667%;
}
.col.col-md-6 {
flex-basis: 50%;
max-width: 50%;
}
.col.col-md-5 {
flex-basis: 41.67%;
max-width: 41.6667%;
}
.col.col-md-4 {
flex-basis: 33.33%;
max-width: 33.3333%;
}
.col.col-md-11 {
flex-basis: 91.67%;
max-width: 91.6667%;
}
.col.col-md-3 {
flex-basis: 25%;
max-width: 25%;
}
.col.col-md-8 {
flex-basis: 66.67%;
max-width: 66.6667%;
}
.col.col-md-7 {
flex-basis: 58.33%;
max-width: 58.3333%;
}
.col.col-lg-4.col-md-6 {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: row;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
}
.col.col-md-10 {
flex-basis: 83.33%;
max-width: 83.3333%;
}
.col.col-md-1 {
flex-basis: 8.33%;
max-width: 8.33333%;
}
.col.col-md-12 {
flex-basis: 100%;
max-width: 100%;
}
.col.col-md-first {
order: -1;
}
.col.col-md-last {
order: 1;
}
.btn.menu {
display: none;
}
.btn.menu.u-lg-hidden {
margin-bottom: var(--teacode-type-weight--teacode-spaces--3);
display: block;
}
.btn.u-mt-12 {
margin-top: var(--teacode-type-weight--teacode-spaces--8);
}
.btn.back-to-top-button {
padding: var(--teacode-type-weight--teacode-spaces--1) 8px;
width: 33px;
height: 33px;
}
.eyebrow {
font-size: var(--teacode-type-label--font-size-t);
}
.paragraph-0-9 {
font-size: var(--teacode-type-paragraph--font-size-t);
}
.paragraph-1-5 {
font-size: var(--teacode-type-caption--font-size-lg);
}
.paragraph-1-5.u-intro-par-length {
max-width: 28ch;
}
.u-text-primary.u-mb-0.rwd-h4 {
font-size: var(--teacode-headers--h3-s);
letter-spacing: var(--teacode-type-h3-s--letter-spacing);
}
.u-text-primary.u-mb-0.rwd-h4.u-mb-t-0-5 {
margin-bottom: 4px;
}
.u-text-primary.rwd-h1.u-mb-d-12.u-mb-t-6 {
margin-bottom: var(--teacode-type-weight--teacode-spaces--6);
}
.u-text-center.upper-testimonial {
justify-content: center;
align-items: center;
min-height: 128px;
padding-bottom: 0;
display: flex;
}
.u-d-flex {
text-align: center;
}
.u-d-flex.u-flex-vertical.u-d-gap-2.u-d-4-10.u-d-t-100 {
width: 100%;
}
.u-d-flex.u-flex-vertical.u-d-gap-2.u-d-4-10.u-d-t-100.u-text-left, .u-d-flex.u-d-flex-horizontal.u-align-left {
text-align: left;
}
.u-d-flex.u-d-flex-horizontal.u-align-left.u-d-gap-8 {
grid-column-gap: var(--teacode-type-weight--teacode-spaces--6);
grid-row-gap: var(--teacode-type-weight--teacode-spaces--6);
}
.u-d-flex.u-d-flex-horizontal.u-align-left.u-d-gap-8.u-d-2-3 {
width: 100%;
}
.u-d-flex.u-d-flex-horizontal.u-align-left.u-lg-hidden.u-mb-3 {
margin-bottom: var(--teacode-type-weight--teacode-spaces--3);
}
.u-d-flex.u-d-flex-horizontal.u-align-left.u-lg-hidden.u-mb-3.u-mt-ml-3.privacy-policy-mobile {
display: flex;
}
.u-d-flex.u-d-flex-horizontal.u-align-center.u-align-t-stretched {
justify-content: space-between;
}
.u-d-flex.u-d-flex-horizontal.u-text-left {
text-align: left;
}
.u-d-flex.u-d-flex-horizontal.u-d-gap-8.u-d-t-grid {
grid-template-columns: 1fr;
}
.u-d-flex.u-d-flex-horizontal.u-mt-4.u-mt-t-3 {
margin-top: var(--teacode-type-weight--teacode-spaces--3);
}
.u-d-flex.u-align-left {
justify-content: flex-start;
align-items: center;
}
.u-d-flex.u-align-left.u-mt-6 {
margin-top: var(--teacode-type-weight--teacode-spaces--6);
}
.u-d-flex.u-d-d-30 {
width: 100%;
}
.u-d-flex.u-d-d-30.u-d-t-50--center {
text-align: center;
align-self: center;
width: 50%;
}
.u-d-flex.u-d-d-30.u-d-t-50--center.u-d-ml-67--center.u-d-mp-100--center {
align-items: center;
}
.u-d-flex._70 {
width: 100%;
}
.u-d-flex._70.u-t-mt-4 {
margin-top: var(--teacode-type-weight--teacode-spaces--4);
height: 600px;
overflow: visible;
}
.u-d-flex._70.u-t-mt-4.u-t-align-bottom {
justify-content: flex-end;
}
.u-d-flex.u-d-gap-8 {
grid-column-gap: var(--teacode-type-weight--teacode-spaces--6);
grid-row-gap: var(--teacode-type-weight--teacode-spaces--6);
}
.u-d-flex.u-pt-12 {
padding-top: var(--teacode-type-weight--teacode-spaces--12);
}
.u-d-flex.u-d-flex-t-vertical {
flex-flow: column;
}
.u-mt-0 {
margin-top: 0;
}
.u-mb-0 {
margin-bottom: 0;
}
.u-m-0 {
margin: 0;
}
.u-pb-0 {
padding-bottom: 0;
}
.u-p-0 {
padding: 0;
}
.u-pt-0 {
padding-top: 0;
}
.u-position-relative.u-mb--23 {
margin-bottom: -160px;
}
.div-block {
font-size: var(--type-paragraph-1-25--font-size-md);
}
.highlighter.highlighter-customers.u-pb-t-16 {
margin-bottom: var(--teacode-type-weight--teacode-spaces--2);
width: 75px;
}
.menu-bar {
margin-top: var(--teacode-type-weight--teacode-spaces--0);
padding-right: var(--teacode-container-layout--teacode-content-layout--padding-t-large);
padding-left: var(--teacode-container-layout--teacode-content-layout--padding-t-large);
border-radius: var(--teacode-type-weight--teacode-spaces--0);
max-width: none;
height: 50px;
overflow: clip;
}
.menu-bar.u-menu-blog-pt {
margin-top: 0;
}
.menu-bar.u-d-z-index-999.test-menu {
background-color: var(--teacode-colours--tc-white);
justify-content: center;
align-items: center;
}
.menu-bar.u-d-z-index-999.test-menu.menu-copy {
display: none;
}
.nav-menu {
padding-top: var(--teacode-container-layout--teacode-content-layout--padding-m-large);
border-bottom: 1px solid var(--borders-all--border-color);
background-color: var(--teacode-colours--tc-white);
margin-top: 50px;
}
.nav-menu.u-d-flex.menu-u-bg-glass {
border-radius: var(--responsiveness--div-radius-div-with-text-testimonials\);
background-color: #c8c8c8fc;
}
.green-square {
border-radius: var(--teacode-radius--rad-middle);
width: 435px;
height: 435px;
position: relative;
inset: 76px auto 0% -47%;
}
.u-md-hidden {
display: none;
}
.home-bubble {
inset: 235px 23% auto auto;
}
.u-text-left {
text-align: left;
}
.u-text-left.first {
order: -1;
}
.category-block {
grid-column-gap: 12px;
grid-row-gap: 12px;
width: 100%;
}
.categories {
padding: var(--teacode-type-weight--teacode-spaces--1) var(--teacode-type-weight--teacode-spaces--2);
font-size: var(--teacode-fonts-label--label-medium);
}
.categories:hover {
background-color: var(--bg-hover-light);
border-style: solid;
border-bottom-width: 1px;
border-bottom-color: #383838;
}
.categories:active {
background-color: var(--bg-pressed-light);
}
.categories.hover {
border-color: var(--teacode-colours--tc-body-primary);
}
.categories.hover:hover {
border-color: #383838;
}
.client-slider-slide {
margin-right: var(--teacode-type-weight--teacode-spaces--9);
}
.testimonials {
border-radius: var(--teacode-radius--rad-small);
width: 527px;
height: 250px;
}
.testimonial-person {
font-size: var(--teacode-headers--h4-s);
}
.testimonial-position {
font-size: var(--teacode-body-fonts--body-small);
}
.testimonial-arrow.testimonial-arrow-prev, .testimonial-arrow.testimonial-arrow-next {
width: 24px;
max-width: 24px;
height: 24px;
}
.portfolio-arrow.u-t-rotate--90 {
transform: rotate(-90deg);
}
.service-categories {
padding: var(--teacode-type-weight--teacode-spaces--0-5) var(--teacode-type-weight--teacode-spaces--1-5);
font-size: var(--teacode-fonts-caption--caption-xsmall);
}
.service-categories.u-mr-4 {
margin-right: var(--teacode-type-weight--teacode-spaces--4);
}
.portfolio {
height: 300vw;
padding-bottom: 0;
}
.bubble1 {
width: 215px;
inset: auto auto 0% 0%;
}
.bubble2 {
width: 92px;
left: 227px;
}
.bubble-teammates {
width: 140px;
top: 138px;
left: 285px;
}
.bubble-projects {
width: 337px;
top: 186px;
left: 425px;
}
.bubble5 {
width: 50px;
inset: 467px 267px auto auto;
}
.bubble-continents {
width: 131px;
top: 361px;
bottom: auto;
right: 318px;
}
.bubble-years {
width: 242px;
top: 58px;
left: 672px;
}
.case-study-desc {
margin-left: 0;
margin-right: 40px;
}
.process-sticky-parent {
height: 300vh;
}
.process {
margin-left: 2em;
}
.people {
width: 1337px;
margin-bottom: -64px;
}
.footer-1st-col {
padding-right: var(--teacode-type-weight--teacode-spaces--8);
grid-column-gap: var(--teacode-type-weight--teacode-spaces--3);
grid-row-gap: var(--teacode-type-weight--teacode-spaces--3);
width: 100%;
}
.footer-link-grid {
flex-flow: column;
grid-template-columns: .25fr 1fr;
justify-content: flex-start;
}
.footer-col {
width: 45vw;
}
.fooer-social {
padding-top: var(--teacode-type-weight--teacode-spaces--2);
grid-template-columns: 1fr;
grid-auto-flow: row;
}
.u-word-highlighter {
border-top-width: 4px;
}
.ribbon-logos-wrapper {
justify-content: space-around;
display: flex;
}
.fs-3dglobe-container.globe-gradient {
height: 100vw;
}
.globe-testimonials-carousel {
width: 100vw;
margin-top: -25vw;
}
.intro-bubble-mobile {
width: 353px;
display: block;
position: absolute;
inset: auto auto -680px -11%;
}
.u-lg-hidden {
display: block;
}
.u-lg-hidden.u-d-flex {
display: flex;
}
.u-lg-hidden.u-d-flex.u-position-relative.u-margin-auto {
margin-left: auto;
margin-right: auto;
}
.home-intro-mobile-mobile {
z-index: 1;
width: 300px;
margin-bottom: -200px;
position: relative;
top: -256px;
left: auto;
right: -280px;
}
.home-intro-web-mobile {
width: 550px;
position: relative;
right: -155px;
}
.portfolio-sticky-child-copy {
height: auto;
}
.portfolio-sticky-parent-scroll {
height: auto;
display: none;
}
.case-study-mock {
width: 50vw;
height: 40vw;
}
.case-study-1-addon-1 {
top: -7.6vw;
}
.case-study-1-addon-2 {
bottom: -13.3vw;
}
.case-study-left {
width: 50vw;
}
.case-study-2-addon-1 {
top: -7.6vw;
}
.case-study-2-addon-2, .case-study-3-addon-2 {
bottom: -13.3vw;
}
.case-study-3-addon-1 {
top: -7.6vw;
}
.case-studies-row {
height: auto;
margin-bottom: 0;
}
.case-study-col-right {
display: none;
}
.case-study-col-middle {
padding-left: 40px;
}
.case-study-main-hidden-end {
max-height: 100%;
margin-right: -10px;
}
.service-carousel {
width: 40%;
}
.u-bg-gradient-0-1.u-mb--120px {
margin-bottom: -120px;
}
.cell-title-right {
padding-bottom: 0;
}
.bubble-intro-home {
right: -36%;
}
.content {
padding-right: var(--teacode-type-weight--teacode-spaces--4);
padding-left: var(--teacode-type-weight--teacode-spaces--4);
margin-left: auto;
margin-right: auto;
}
.content.service-showcase---main {
margin-right: var(--teacode-type-weight--teacode-spaces--4);
margin-left: var(--teacode-type-weight--teacode-spaces--4);
padding: var(--teacode-type-weight--teacode-spaces--8);
width: 100%;
}
.content.u-pt-2.u-pt-t-0 {
padding-top: 0;
padding-bottom: 96px;
}
.content.u-pt-2.u-pt-t-0.u-pb-t-0 {
padding-bottom: 0;
}
.content.flex-for-home-intro {
flex-flow: column;
}
.content.flex-for-home-intro.u-mt-7.u-pr-16.u-t-mt6 {
margin-top: var(--teacode-type-weight--teacode-spaces--6);
}
.content.section-intro-center.u-mb-6.u-mb-t-4 {
margin-bottom: var(--teacode-type-weight--teacode-spaces--4);
}
.content.blog-content {
padding-right: var(--teacode-type-weight--teacode-spaces--4);
padding-left: var(--teacode-type-weight--teacode-spaces--4);
}
.content.blog-content.cta-centered {
padding-left: 32px;
padding-right: 32px;
}
.content.u-pt-4 {
padding-top: 32px;
}
.content.u-ds-no-padd, .content.u-ds-no-pad {
padding-right: var(--teacode-container-layout--teacode-content-layout--padding-hor-t\);
padding-left: var(--teacode-container-layout--teacode-content-layout--padding-hor-t\);
}
.content.u-ds-no-pad.u-t-ml-mp-no-padding {
padding-right: var(--teacode-type-weight--teacode-spaces--0);
padding-left: var(--teacode-type-weight--teacode-spaces--0);
}
.content.u-ds-no-pad.u-t-ml-mp-no-padding.u-position-absolute.u-pt-4.u-t-pt-0 {
padding-top: var(--teacode-type-weight--teacode-spaces--0);
}
.content.section-intro-center-t {
text-align: center;
flex-flow: column;
justify-content: center;
align-self: center;
align-items: center;
display: flex;
}
.content.section-intro-center-t.industries-intro-new {
justify-content: center;
align-items: flex-start;
}
.content.u-p-horizontal-t-0 {
padding-left: 0;
padding-right: 0;
}
.content.bts-compliance {
margin-top: -217px;
}
.page-intro {
padding-top: var(--teacode-type-weight--teacode-spaces--16);
padding-bottom: var(--teacode-type-weight--teacode-spaces--12);
background-image: none;
height: auto;
min-height: auto;
}
.page-intro.about-us {
background-position: 65%;
min-height: auto;
}
.page-intro.case-study-all-intro {
padding-bottom: var(--teacode-type-weight--teacode-spaces--2);
}
.page-intro.case-study {
padding-top: var(--teacode-type-weight--teacode-spaces--12);
}
.page-intro.case-study.trava {
background-position: 50%;
}
.page-intro.case-study.tbp2, .page-intro.case-study.renoon {
height: 720px;
}
.page-intro.case-study.muzeum {
background-position: 50%;
}
.page-intro.case-study.bts-admin-panel {
background-position: 50%;
background-size: cover;
}
.page-intro.case-study.ruff-pass, .page-intro.case-study.buzzin {
background-position: 60%;
background-size: cover;
}
.page-intro.healthcare, .page-intro.consultancy, .page-intro.branding, .page-intro.mobile-app-dev, .page-intro.custom-software-dev {
background-position: 65%;
min-height: auto;
}
.page-intro.custom-software-dev.test {
background-position: 40%;
}
.page-intro.web-app-dev, .page-intro.chatbot, .page-intro.ai, .page-intro.digital-product, .page-intro.modernisation {
background-position: 65%;
min-height: auto;
}
.button-empty {
text-align: center;
}
.testimonials-carousel, .speaker-slide-mask {
width: 100%;
}
.speaker-slide-content {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
height: auto;
}
.speaker-slider {
width: 90vw;
padding-bottom: 10vw;
padding-left: 0;
}
.clip-text.speaker-headding {
margin-bottom: 24px;
}
.speaker-arrow {
margin-top: -18px;
}
.speaker-arrow.left.hidden, .speaker-arrow.hidden {
display: none;
}
.speaker-info {
align-self: center;
max-width: 90vw;
}
.speaker-name {
font-size: 40px;
}
.blog-page-item {
padding-right: var(--teacode-container-layout--teacode-content-layout--padding-t-large);
}
.blog-page-item.u-pb-2 {
padding-bottom: 16px;
}
.collection-list {
margin-right: -48px;
overflow: clip;
}
.collection-list.paginated-collection-list {
margin-right: 0;
}
.u-d-underline-none.blog-title {
height: 128px;
min-height: auto;
}
.u-d-underline-none.u-mt-4.u-mt-t-3 {
margin-top: var(--teacode-type-weight--teacode-spaces--3);
}
.service.accordion-1 {
margin-bottom: 20px;
}
.accordion-paragraph---brix {
padding-bottom: var(--teacode-container-layout--teacode-content-layout--padding-t-large);
max-width: 30ch;
}
.accordion-item---faq {
padding-right: var(--padding-md\);
padding-left: var(--padding-md\);
}
.accordion-item---faq.accordion-2---faq {
border-radius: var(--teacode-radius--rad-small);
margin-bottom: 20px;
}
.accordion-item---faq.accordion-2---faq.content.faq---1st-element, .accordion-item---faq.accordion-2---faq.content.faq---2nd-element, .accordion-item---faq.accordion-2---faq.content.faq---3rd-element, .accordion-item---faq.accordion-2---faq.content.faq---4th-element, .accordion-item---faq.accordion-2---faq.content.faq---5th-element, .accordion-item---faq.accordion-2---faq.content.faq---6th-element, .accordion-item---faq.accordion-2---faq.content.faq---7th-element, .accordion-item---faq.accordion-2---faq.content.faq---8th-element {
padding-top: 24px;
}
.accordion-item-title---faq.rwd-h4 {
font-size: var(--teacode-headers--h3-s);
letter-spacing: var(--teacode-type-h3-s--letter-spacing);
}
.accordion-paragraph---faq {
margin-top: var(--teacode-type-weight--teacode-spaces--2);
margin-bottom: 8px;
}
.testimonial-slider {
margin-left: -5%;
}
.testimonials-in-slider {
max-width: 1000px;
}
.testimonial-slide-mask {
width: 100%;
}
.testiminial-slide-content {
width: 70vw;
max-width: 600px;
}
.u-grid-2 {
order: 1;
grid-template-columns: 1fr;
align-self: flex-start;
}
.service-showcase---main {
padding-left: 20px;
}
.service-showcase---title {
padding-bottom: var(--teacode-container-layout--teacode-content-layout--padding-m-small);
}
.u-arrow-large.u-ml-t-2 {
margin-left: var(--teacode-type-weight--teacode-spaces--2);
}
.image-1st {
background-position: 70%;
background-size: auto 100%;
}
.image-2nd {
background-position: 25%;
background-size: auto 120%;
}
.image-2nd.service-showcase---img-mobile {
background-image: url("https://cdn.prod.website-files.com/65ca6f59445c0a52f3323325/66bf0cf9e567cda1c3486f91_tablet_app_improvement.webp");
background-position: 50%;
}
.image-3rd {
background-position: 25%;
background-size: auto 120%;
}
.image-3rd.service-showcase---img-mobile {
background-image: url("https://cdn.prod.website-files.com/65ca6f59445c0a52f3323325/66bf0cfad450f6fbfdf53d78_tablet_outstaffing.webp");
}
.square {
font-size: var(--teacode-type-caption--font-size-lg);
width: 60%;
height: 60%;
}
.square.kpi.white.invisible {
display: none;
}
.square.service-square {
width: 48%;
}
.form-text-field {
margin-bottom: var(--teacode-type-weight--teacode-spaces--3);
}
.contact-form {
padding-top: var(--teacode-type-weight--teacode-spaces--3);
}
.droplets-contact {
display: none;
}
.green-sec-testimonial-area {
width: 100%;
margin-left: auto;
margin-right: auto;
padding-bottom: 0;
}
.u-sm-hidden {
display: none;
}
.process-left {
width: 80vw;
padding-left: 33vw;
}
.process-right1 {
width: 40vw;
}
.image-placeholder {
display: none;
}
.img-process.design {
display: block;
}
.desc-process {
width: 437px;
}
.desc-process.design, .mobile-portfolio-slider {
display: block;
}
.mobile-portfolio-slider-div {
padding-bottom: 0;
overflow: clip;
}
.mobile-portfolio-slide-mask {
width: 80%;
padding-top: 64px;
padding-bottom: 0;
overflow: visible;
}
.mobile-portfolio-slide-mask.process-slider {
width: 60%;
}
.mobile-portfolio-slide {
width: auto;
padding-left: 72px;
}
.mobile-portfolio-slide._2nd, .mobile-portfolio-slide._3rd {
width: 100%;
margin-left: 0;
margin-right: 120px;
}
.mobile-portfolio-slide._1st {
width: 100%;
margin-right: 120px;
}
.mobile-portfolio-slide-content {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
align-items: center;
}
.mobile-portfolio-desc {
width: 40%;
height: auto;
padding-left: 10px;
padding-right: 10px;
display: block;
}
.mobile-portfolio-end-img {
justify-content: flex-end;
align-items: stretch;
width: 13vw;
height: 34vw;
margin-top: 15px;
display: flex;
}
.mobile-portfolio-main-img {
width: 45vw;
height: 32vw;
overflow: visible;
}
.mobile-case-study-2-addon-1 {
top: -7.6vw;
right: 51%;
}
.mobile-case-study-2-addon-2 {
bottom: -13.3vw;
left: 56%;
}
.mobile-case-study-3-addon-1 {
max-width: 13vw;
top: -7.2vw;
}
.mobile-case-study-3-addon-2 {
bottom: -11.4vw;
}
.career-list-img {
max-width: 150%;
}
.navbar_dropdown-menu.is--left {
width: 300px;
}
.dropdown-toggle {
margin-bottom: -20px;
margin-right: 0;
}
.faq-expl {
flex: 1;
max-width: 100%;
}
.faq-addon {
margin-top: var(--teacode-container-layout--teacode-content-layout--padding-t-large);
flex: 1;
max-width: 100%;
}
.footer-links-arrow {
background-image: none;
background-repeat: repeat;
background-size: auto;
margin-bottom: 0;
}
.footer-links-arrow.last {
margin-bottom: 0;
}
.footer-links-arrow.u-mt-t-0 {
background-image: none;
background-repeat: repeat;
background-size: auto;
margin-top: 0;
}
.menu-mobile-services {
grid-column-gap: 0px;
grid-row-gap: 0px;
margin-top: 0;
display: none;
}
.menu-mobile-services.u-align-left.u-d-flex {
display: flex;
}
.menu-mobile-services.u-align-left.u-d-flex.u-justify-left {
justify-content: flex-start;
align-items: flex-start;
}
.menu-mobile-services.u-align-left.u-d-flex.u-justify-left.u-pb-1 {
padding-bottom: var(--teacode-type-weight--teacode-spaces--1);
}
.circle-1.globe-distant-gradient-dimensions {
width: 90vw;
height: 90vw;
top: 5vw;
overflow: scroll;
}
.circle-2.globe-close-gradient-dimensions {
width: 80vw;
height: 80vw;
margin-top: 0;
top: 10vw;
box-shadow: inset 0 0 250px #4addac4d, 0 0 100px #4addac4d;
}
.circle-2.globe-close-gradient-dimensions.circle-glow {
width: 76vw;
height: 76vw;
top: 12vw;
}
.carousel-item {
width: 60vw;
}
.process-grid {
width: 90vw;
}
.green-sec-photo {
width: 404px;
height: auto;
bottom: -48px;
left: -50px;
}
.green-sec-photo.micha {
width: 320px;
bottom: -50px;
}
.green-sec-photo.olga {
width: 350px;
bottom: -100px;
}
.green-sec-photo.adam {
width: 400px;
}
.green-sec-photo.egor {
width: 350px;
bottom: -60px;
}
.green-sec-photo.robert {
width: 350px;
bottom: -60px;
left: -20px;
}
.green-sec-photo.patrycja {
width: 350px;
bottom: -70px;
left: -40px;
}
.blog-intro {
margin-top: var(--teacode-type-weight--teacode-spaces--10);
padding-bottom: var(--teacode-type-weight--teacode-spaces--4);
}
.u-pl-0 {
padding-left: 0;
}
.blog-details {
padding-bottom: var(--teacode-type-weight--teacode-spaces--6);
}
.blog-highlighted-text {
font-size: var(--teacode-headers--h5-s);
text-align: center;
margin-left: 12.5%;
margin-right: 12.5%;
}
.cta-banner.spotify {
margin-top: var(--teacode-type-weight--teacode-spaces--11);
margin-bottom: var(--teacode-type-weight--teacode-spaces--3);
}
.cta-banner.contact {
margin-top: var(--teacode-type-weight--teacode-spaces--9);
margin-bottom: var(--teacode-type-weight--teacode-spaces--3);
}
.cta-banner.newsletter, .cta-banner.case-sudy-pdf {
margin-top: var(--teacode-type-weight--teacode-spaces--8);
}
.informational-clause {
margin-bottom: var(--teacode-type-weight--teacode-spaces--3);
}
.u-underline-none {
padding-left: 0;
padding-right: 0;
}
.sticky-tab-of-cont {
display: none;
}
.share-on {
margin-top: var(--teacode-type-weight--teacode-spaces--6);
margin-bottom: var(--teacode-type-weight--teacode-spaces--6);
}
.blog-progress-bar {
display: none;
}
.caption-medium {
margin-bottom: var(--teacode-type-weight--teacode-spaces--5);
}
.caption-medium.u-mb-t-1 {
margin-bottom: var(--teacode-type-weight--teacode-spaces--1);
}
.intro-home-length {
width: 100%;
}
.hamburger-menu {
padding: 0;
display: flex;
background-color: #0000 !important;
}
.bubble-intro-home-2 {
display: none;
right: -36%;
}
.home-intro-trava {
height: 500px;
position: relative;
top: -479px;
left: 39px;
}
.home-intro-icongenie {
width: 550px;
height: 330px;
position: relative;
bottom: -16%;
left: 83%;
}
.home-intro-paymi, .home-intro-bts {
display: none;
}
.u-d-t-50 {
width: 50%;
}
.u-d-50.u-d-t-70 {
width: 70%;
}
.u-d-50.u-d-t-100 {
width: 100%;
}
.u-d-50.u-d-t-100.u-pr-2-d {
padding-right: 0;
}
.menu-link {
padding-top: var(--teacode-type-weight--teacode-spaces--1);
padding-bottom: var(--teacode-type-weight--teacode-spaces--1);
padding-left: 32px;
font-size: 18px;
font-weight: 400;
}
.service-showcase---img-mobile.image-1st {
background-image: url("https://cdn.prod.website-files.com/65ca6f59445c0a52f3323325/66bf0cfc6ebbbd1f1b3bdcf2_tablet_web_mobile.webp");
background-position: 60%;
}
.u-word-highlighter-white {
border-top-width: 4px;
}
.porfolio-slider {
flex-flow: column;
justify-content: center;
align-items: flex-start;
height: auto;
}
.porfolio-slider._2nd {
right: -90vw;
}
.porfolio-slider._3rd {
right: -170vw;
}
.portfolio-left {
border-radius: var(--teacode-radius--rad-normal);
width: 491px;
height: 320px;
margin-left: 0;
}
.portfolio-left.trava {
margin-bottom: var(--teacode-container-layout--teacode-content-layout--padding-m-large);
}
.portfolio-right {
margin-top: var(--teacode-container-layout--teacode-content-layout--padding-m-large);
width: 75%;
padding-left: 0%;
padding-right: 0%;
}
.heading-13.u-mb-8.u-mb-t-6 {
margin-bottom: var(--teacode-type-weight--teacode-spaces--6);
}
.portfolio-slider-container {
padding-left: 12.5%;
top: 48px;
}
.portfolio-sticku-parent {
margin-top: var(--teacode-section-layout--section-padding-ml);
margin-bottom: 0;
display: none;
}
.u-pb-4.u-pb-t-2 {
padding-bottom: var(--teacode-type-weight--teacode-spaces--2);
}
.u-pb-4.u-pb-t-2.rwd-h5 {
font-size: var(--teacode-headers--h3-s);
letter-spacing: var(--teacode-type-h3-s--letter-spacing);
}
.u-pb-4.u-pb-t-3 {
padding-bottom: var(--teacode-type-weight--teacode-spaces--3);
}
.testimonial-content {
margin-left: 0;
margin-right: 0;
}
.portfolio-addon-1 {
height: 133px;
inset: -40px -70px auto auto;
}
.portfolio-addon-1.plannin {
height: 100px;
}
.portfolio-addon-2 {
height: 252px;
inset: 34px auto auto -59px;
}
.portfolio-addon-2.u-img-no-shadow.icongenie {
left: -100px;
}
.portfolio-addon-2.u-img-no-shadow.plannin {
height: 200px;
left: -63px;
}
.portfolio-addon-2.plannin {
height: 180px;
}
.portfolio-title {
margin-top: var(--teacode-container-layout--teacode-content-layout--padding-t-small);
margin-bottom: var(--teacode-container-layout--teacode-content-layout--padding-t-small);
font-size: var(--teacode-headers--h3-s);
}
.portfolio-title.rwd-h3-case {
font-size: var(--teacode-headers--h3-s);
letter-spacing: var(--teacode-type-h3-s--letter-spacing);
}
.content-t {
padding-right: var(--teacode-type-weight--teacode-spaces--4);
padding-left: var(--teacode-type-weight--teacode-spaces--4);
width: 100%;
}
.portfolio-main-img-container {
border-radius: var(--teacode-radius--rad-normal);
}
._1st {
margin-right: 0;
}
.bubbles-container {
width: 1297px;
height: 623px;
margin-top: -60px;
margin-right: -50px;
}
.accordion-content-wrap {
flex-flow: column;
}
.u-d-7-10 {
width: 75%;
}
.u-d-5-10 {
width: 65%;
}
.u-d-t-grid {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: column;
display: grid;
}
.process-container {
display: none;
}
.h3-s {
margin-bottom: var(--teacode-container-layout--teacode-content-layout--padding-m-small);
}
.process-right {
display: block;
}
.process-bubble {
width: 100px;
height: auto;
inset: -30px auto auto 220px;
}
.process-bubble._1st-bubble {
top: 270px;
left: 220px;
}
.process-bubble._3rd-bubble {
width: 170px;
top: 230px;
left: 200px;
}
.process-container-mobile {
flex-flow: row;
justify-content: flex-start;
align-items: flex-start;
width: 2500px;
margin-left: 0;
transition: all .2s;
display: flex;
position: relative;
}
.process-mobile-slide {
width: 437px;
margin-right: 64px;
position: relative;
}
.process-mobile-slide.slider-mobile {
width: 100%;
}
.img-process-mobile {
margin-bottom: var(--teacode-type-weight--teacode-spaces--4);
border-radius: var(--teacode-radius--rad-small);
width: 294px;
position: relative;
overflow: hidden;
}
.sticky-parent-tab {
height: 100vw;
}
.u-mt-12 {
margin-top: var(--teacode-type-weight--teacode-spaces--8);
}
.label-small {
padding-right: var(--teacode-type-weight--teacode-spaces--1);
}
.body-xsmall.u-pb-1 {
padding-bottom: var(--teacode-type-weight--teacode-spaces--1);
}
.body-xsmall.u-pb-1.u-pt-t-1 {
padding-top: var(--teacode-type-weight--teacode-spaces--1);
font-size: var(--teacode-body-fonts--body-small);
}
.body-xsmall.u-pr-3 {
padding-right: var(--teacode-type-weight--teacode-spaces--3);
}
.body-xsmall.u-pt-t-1 {
padding-top: 8px;
}
.footer-social {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
width: 240px;
}
.footer-arrow-mobile {
align-self: center;
height: 100%;
display: block;
}
.footer-arrow-mobile.navbar-arrow {
margin-left: 8px;
}
.footer-menu-category {
padding-top: var(--teacode-type-weight--teacode-spaces--3);
justify-content: flex-start;
align-items: center;
display: flex;
}
.footer-menu-category.u-pt-t-0 {
padding-top: 0;
}
.footer-menu-category.u-pb-2 {
padding-bottom: var(--teacode-type-weight--teacode-spaces--2);
}
.footer-menu-category.u-pb-2.u-pt-2 {
padding-top: var(--teacode-type-weight--teacode-spaces--2);
}
.footer-menu-category.u-pb-1 {
padding-bottom: var(--teacode-type-weight--teacode-spaces--1);
}
.footer-menu-category.u-pb-1.u-pt-1 {
padding-top: var(--teacode-type-weight--teacode-spaces--1);
}
.u-d-4-10.u-d-100--ml.u-pr-0-t {
padding-right: 0;
}
.homepage-intro {
margin-top: var(--teacode-container-layout--teacode-content-layout--padding-t-large);
width: 767px;
height: 1526px;
margin-left: 0;
}
.homepage-intro-web1 {
width: 507px;
top: 490px;
left: auto;
right: -71px;
}
.homepage-intro-web1.skift {
width: 80px;
top: 447px;
left: auto;
right: 52px;
}
.homepage-intro-mob2 {
height: 451px;
position: absolute;
top: 273px;
left: 8px;
}
.homepage-intro-web2 {
width: 498px;
inset: 900px 235px auto auto;
}
.homepage-intro-bubble {
width: 282px;
display: block;
position: absolute;
inset: 1200px auto auto -77px;
}
.homepage-intro-mob1 {
width: 282px;
position: absolute;
top: 990px;
left: auto;
right: 131px;
}
.homepage-introgreen-square {
border-radius: var(--teacode-radius--rad-middle);
width: 435px;
height: 435px;
position: relative;
inset: 420px auto 0% -48px;
}
.homepage-intro-par-div {
text-align: center;
flex-flow: column;
justify-content: flex-start;
align-items: center;
width: 50%;
display: flex;
top: 0;
left: 211px;
}
.homepage-intro-bubble-2 {
inset: 235px 23% auto auto;
}
.rwd-h1 {
z-index: 1;
font-size: var(--teacode-headers--h1-s);
letter-spacing: var(--teacode-type-h1-s--letter-spacing);
}
.rwd-h1.blog-intro-heading {
font-size: var(--teacode-headers--h2-s);
line-height: var(--teacode-type-h4--line-height);
letter-spacing: var(--teacode-type-h2-s--letter-spacing);
}
.rwd-h3 {
margin-bottom: var(--teacode-type-weight--teacode-spaces--8);
font-size: var(--teacode-headers--h2-s);
letter-spacing: var(--teacode-type-h2-s--letter-spacing);
}
.rwd-h3.u-mb-d-10.u-mb-t-8 {
margin-bottom: var(--teacode-type-weight--teacode-spaces--8);
}
.rwd-h3.u-mb-d-12.u-mb-t-6 {
margin-bottom: var(--teacode-type-weight--teacode-spaces--6);
}
.rwd-h4-process.u-mb-t-2 {
margin-bottom: var(--teacode-type-weight--teacode-spaces--2);
}
.iondusties-background {
display: none;
}
.div-block-46 {
padding-left: var(--teacode-type-weight--teacode-spaces--12);
}
.u-mt-d--8 {
margin-top: 0;
}
.u-mb-d--8 {
margin-bottom: 0;
}
.u-mt-d--11 {
margin-top: 0;
}
.u-d-1-3 {
width: 50%;
}
.u-pb-t-0 {
padding-bottom: 0;
}
.blog-meta {
grid-column-gap: 0px;
grid-row-gap: 0px;
align-self: flex-start;
}
.blog-intro-img {
height: 400px;
}
.blog-what-will-you-learn {
font-size: var(--teacode-headers--h4-s);
}
.cta.cta_space-between {
justify-content: space-between;
}
.cta-right {
padding-left: var(--teacode-type-weight--teacode-spaces--4);
}
.blog-sources {
padding-bottom: var(--teacode-type-weight--teacode-spaces--3);
}
.cta-message-left {
width: 36%;
}
.blog-author-details {
margin-right: var(--teacode-type-weight--teacode-spaces--4);
width: 50%;
}
.blog-intro-bubble {
width: 138px;
height: auto;
top: 170px;
right: -40px;
}
.blog-bubble-content-top {
display: none;
}
.blog-author-title {
margin-bottom: var(--teacode-type-weight--teacode-spaces--3);
font-size: var(--teacode-fonts-caption--caption-small);
}
.u-font-t-body-small {
font-size: var(--teacode-body-fonts--body-small);
}
.mobile-slider {
width: 100%;
}
.div-block-49 {
margin-top: 5px;
}
.nav-col {
width: 45vw;
padding-top: 8px;
padding-bottom: 8px;
}
.nav-menu-category {
justify-content: flex-start;
align-items: center;
display: flex;
}
.navbar_dropdown-mobile {
padding-left: 32px;
}
.navbar_menu-category {
font-size: 18px;
}
.menu-mobile-services-item {
flex-flow: row;
justify-content: flex-start;
align-items: center;
margin-left: 16px;
font-size: 14px;
display: flex;
}
.menu-mobile-services-img {
object-fit: contain;
width: 18px;
height: 18px;
margin-right: 8px;
}
.service-showcase-content-wrapper {
width: 294px;
margin-left: 52px;
margin-right: 52px;
}
.service-showcase-description {
width: 90%;
}
.page-intro-text-block {
width: 50%;
}
.page-intro-text-block.case-study.muzeum {
width: 54%;
}
.page-intro-text-block.chatbot {
width: 42%;
}
.flex-hor-cent {
flex-flow: column;
}
.flex-hor-cent.flex-wrap {
flex-flow: wrap;
justify-content: center;
}
.square-title {
width: 80%;
}
.u-pb-rwd-4 {
padding-bottom: var(--teacode-type-weight--teacode-spaces--3);
}
.navbar_menu-subcategory {
margin-top: 8px;
margin-left: 16px;
font-weight: 600;
}
.div-block-50 {
width: 100%;
}
.case-study-intro-container {
grid-column-gap: 68px;
grid-row-gap: 68px;
}
.case-study-link-block {
border-radius: var(--teacode-radius--rad-small);
min-height: 350px;
margin-bottom: 48px;
}
.case-study-background {
z-index: 1;
width: auto;
height: 100%;
position: absolute;
right: -80px;
}
.case-study-content {
z-index: 2;
padding: 64px;
}
.case-study-logo {
height: 60px;
}
.case-study-div-spaces {
margin-bottom: var(--teacode-type-weight--teacode-spaces--6);
grid-column-gap: var(--teacode-type-weight--teacode-spaces--4);
grid-row-gap: var(--teacode-type-weight--teacode-spaces--4);
}
.case-study-curiosity {
width: 1000px;
margin-left: 10%;
position: relative;
}
.case-study-curiosity.left {
top: -315px;
left: -500px;
}
.case-study-curiosity.left.background-skydreamer, .case-study-curiosity.left.trava, .case-study-curiosity.left.background-exotic, .case-study-curiosity.left.background-plannin, .case-study-curiosity.left.muzeum, .case-study-curiosity.left.background-bts, .case-study-curiosity.left.backgound-ruffpass, .case-study-curiosity.left.background-buzzin, .case-study-curiosity.left.custom-software {
top: -330px;
}
.case-study-testim-line {
left: 0;
right: auto;
}
.case-study-testim-line.photo-2 {
left: -995px;
}
.case-study-text.col-right, .case-study-text.col-left {
flex-flow: column;
}
.case-study-text.col-left.u-align-t-left {
justify-content: flex-start;
align-items: flex-start;
}
.case-study-text.col-left.position-t-left {
justify-content: center;
align-items: flex-start;
}
.case-study-mockup.left {
padding-top: var(--teacode-type-weight--teacode-spaces--6);
order: 1;
justify-content: center;
align-items: center;
width: 640px;
margin-left: auto;
margin-right: auto;
}
.case-study-mockup.left.first {
order: -1;
}
.case-study-mockup.right {
padding-top: var(--teacode-type-weight--teacode-spaces--6);
order: 1;
justify-content: center;
align-items: center;
width: 640px;
margin-left: auto;
margin-right: auto;
}
.icon---number._1 {
bottom: 450px;
right: 14px;
}
.icon---number._2 {
top: 120px;
right: 590px;
}
.icon---number.color-plannin._1 {
right: 297px;
}
.icon---number.color-plannin._2 {
z-index: 5;
right: 83px;
}
.icon---number.color-plannin._3 {
z-index: 5;
top: 160px;
left: 175px;
}
.icon---number.color-plannin._4 {
z-index: 5;
top: 265px;
left: 0;
}
.case-study-last-img {
height: auto;
}
.curiosity-container {
margin-top: var(--teacode-type-weight--teacode-spaces--2);
height: auto;
}
.curiosity-container.left {
height: 24px;
}
.case-study-text-cat {
grid-column-gap: var(--teacode-type-weight--teacode-spaces--3);
grid-row-gap: var(--teacode-type-weight--teacode-spaces--3);
text-align: left;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
}
.categories-div {
order: -1;
width: 100%;
}
.categories-div.full {
justify-content: flex-start;
}
.case-study-under-logo-div {
grid-column-gap: var(--teacode-type-weight--teacode-spaces--3);
grid-row-gap: var(--teacode-type-weight--teacode-spaces--3);
}
.testimonial-col.left {
justify-content: flex-start;
align-self: flex-end;
align-items: center;
width: 37.5%;
}
.testimonial-col.right {
padding-bottom: var(--teacode-type-weight--teacode-spaces--3);
text-align: left;
order: -1;
width: 100%;
margin-left: auto;
margin-right: auto;
}
.image-33 {
position: static;
}
.image-34 {
margin-left: 0;
position: static;
}
.case-study-float-wrapper {
grid-column-gap: var(--teacode-type-weight--teacode-spaces--4);
grid-row-gap: var(--teacode-type-weight--teacode-spaces--4);
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.case-study-heading {
font-size: var(--teacode-headers--h5);
}
.green-people-pic {
bottom: -48px;
left: -50px;
}
.green-people-pic.blog {
width: 300px;
top: 298px;
left: -120px;
}
.green-people-col.left {
position: absolute;
left: -47px;
}
.green-people-col.left.asia {
left: 56px;
}
.green-people-col.right {
width: 80%;
margin-left: 80px;
padding-top: 80px;
padding-bottom: 128px;
padding-left: 30%;
}
.u-d-flex-horizontal.u-pt-10.u-pt-t-6 {
padding-top: 48px;
}
.u-mb-8-rwd {
margin-bottom: var(--teacode-type-weight--teacode-spaces--6);
}
.u-pt-8.u-pb-3.u-pt-t-6.u-pt-t-0 {
padding-bottom: 0;
}
.u-pt-t-6 {
padding-top: var(--teacode-type-weight--teacode-spaces--6);
}
.row-3-items.gap-1.space-between.tablet-horizontal {
flex-flow: row;
}
.row-3-items.row-3-items-mobile-vertical.align-left {
grid-row-gap: var(--teacode-type-weight--teacode-spaces--6);
justify-content: space-between;
}
.row-3-items.buzzin {
justify-content: flex-start;
}
.row-3-items-item {
width: 45%;
}
.row-3-items-item.icon-space {
margin-bottom: 24px;
}
.buttons-container-testimonials {
grid-column-gap: var(--teacode-type-weight--teacode-spaces--1);
grid-row-gap: var(--teacode-type-weight--teacode-spaces--1);
flex-flow: column;
justify-content: flex-start;
align-items: flex-end;
}
.career-list-desc {
font-size: var(--teacode-headers--h5-s);
line-height: var(--teacode-type-h5--line-height);
letter-spacing: var(--teacode-type-h5--letter-spacing);
}
.general-blog-page-item {
margin-bottom: 32px;
}
.u-d-6-10 {
width: 65%;
}
.u-d-6-10.u-d-t-100 {
width: 100%;
}
.u-d-100.u-mt-8-responsive {
margin-top: 48px;
}
.u-d-100.u-d-flex-horizontal.gap-10.gap-t-5 {
grid-column-gap: var(--teacode-type-weight--teacode-spaces--5);
grid-row-gap: var(--teacode-type-weight--teacode-spaces--5);
}
.img-industry {
width: 317px;
left: -60px;
}
.img-industry.right {
top: 0;
right: -20px;
}
.img-industry.right.industry-shield {
width: 350px;
top: 0;
right: -60px;
}
.img-industry.right.medical-board {
width: 300px;
top: 24px;
right: 12px;
}
.img-industry.right.marketing-envelope {
width: 300px;
top: 24px;
right: -24px;
}
.img-industry.right.ecommerce-phone-right {
width: 450px;
top: 24px;
right: -100px;
}
.img-industry.right.real-estate-phone {
width: 350px;
top: 24px;
right: -90px;
}
.img-industry.right.real-estate-desktop-right {
width: 300px;
top: 24px;
right: -24px;
}
.img-industry.healthcare-bars {
width: 350px;
position: relative;
top: 0%;
left: -80px;
}
.img-industry.pills {
width: 300px;
}
.img-industry.smartwatch {
width: 350px;
left: -100px;
}
.img-industry.fintech-walking {
width: 300px;
}
.img-industry.marketing-cart {
width: 300px;
left: -60px;
}
.img-industry.travel {
width: 300px;
left: -20px;
}
.img-industry.ecommerce-phone-left {
width: 450px;
}
.img-industry.fintech-walking {
width: 300px;
left: -20px;
}
.img-industry.real-estate-phone-vertical {
width: 300px;
left: -50px;
}
.img-industry.real-estate-desktop {
width: 350px;
left: -100px;
}
.case-section-logo.u-mb-8.u-mb-t-2 {
margin-bottom: 16px;
}
.case-section-logo.png-with-spaces.case-study-item {
height: 100px;
top: 0;
}
.case-kpi {
font-size: 80px;
}
.case-kpi- {
font-size: 60px;
}
.kpi-4-squares {
width: 100%;
padding-left: 48px;
padding-right: 48px;
right: 0;
}
.kpi-4-squares.first {
order: 0;
}
.content-kpi {
padding-left: 32px;
padding-right: 32px;
}
.content-kpi.one-case {
margin-bottom: 0;
}
.content-kpi.one-case.u-mt-t-8 {
margin-top: 64px;
}
.case-kpi-col-left {
flex-flow: column;
justify-content: center;
align-items: center;
width: 100%;
margin-bottom: 64px;
padding-right: 0;
display: flex;
}
.case-kpi-additional {
padding-top: var(--teacode-type-weight--teacode-spaces--6);
padding-bottom: var(--teacode-type-weight--teacode-spaces--6);
border-radius: var(--teacode-radius--rad-normal);
background-color: var(--teacode-colours--tc-white);
padding-left: 48px;
position: relative;
}
.kpi-container {
text-align: center;
flex-flow: column;
}
.kpi-desc {
grid-column-gap: 24px;
grid-row-gap: 24px;
}
.kpi-additional-numbers {
text-align: left;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
}
.industries-text-wrapper {
text-align: left;
width: 65%;
}
.industries-text-wrapper.medical {
width: 65%;
}
.industries-text-wrapper.fintech {
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
}
.industries-text-wrapper.custom-software, .industries-text-wrapper.modernisation {
width: 55%;
}
.industries-text-wrapper.chatbot {
width: 65%;
}
.industries-info-col-first, .industries-info-col-second {
width: 50%;
}
.industries-details-col-text {
width: 70%;
}
.industries-details-col-img {
width: 30%;
}
.industry-addon-right {
height: 630px;
top: -120px;
left: 60%;
right: 0;
}
.industry-addon-right.second {
height: 215px;
top: 0;
left: auto;
right: -60px;
}
.industry-addon-right.second.travel-cta {
height: 350px;
top: auto;
right: -400px;
}
.industry-addon-right.ecommerce, .industry-addon-right.real-estate, .industry-addon-right.startups, .industry-addon-right.startups {
left: 50%;
right: auto;
}
.industry-addon-right.logistics {
top: -120px;
left: 50%;
right: auto;
}
.industry-addon-right.travel {
top: -100px;
left: auto;
right: -500px;
}
.industry-addon-right.consultancy {
height: 500px;
top: -100px;
left: auto;
right: -450px;
}
.industry-addon-right.chatbot {
height: 215px;
top: 0;
left: auto;
right: -60px;
}
.industry-addon-right.mobile, .industry-addon-right.web, .industry-addon-right.design, .industry-addon-right.chatbot, .industry-addon-right.digital-product {
height: 520px;
top: -100px;
left: auto;
right: -500px;
}
.industry-addon-right.custom-software {
height: 500px;
top: -120px;
left: auto;
right: -400px;
}
.industry-addon-right.modernisation {
height: 520px;
top: -100px;
left: auto;
right: -500px;
}
.industry-addon-right.ai-development {
height: 410px;
top: -115px;
left: auto;
right: -300px;
}
.industry-addon-left, .industry-addon-top {
display: none;
}
.industry-addon-bottom {
height: 321px;
top: 300px;
}
.industries-features-bubble {
display: none;
}
.row-2-items.deliverables {
justify-content: flex-start;
align-items: flex-start;
}
.row-2-items-item.deliverables {
width: 100%;
}
.row-2-items-item.results {
padding: 24px;
}
.row-2-items-item.plannin-development {
width: 46%;
}
.row-2-items-item.muzeum {
width: 100%;
}
.row-2-items-item.ruff-pass {
width: 100%;
min-height: 220px;
}
.kpi-case-img {
width: 100%;
margin-left: auto;
margin-right: auto;
position: relative;
top: 0;
right: auto;
}
.kpi-case-img.left {
left: auto;
}
.kpi-case-img.hocomo {
top: 0;
}
.kpi-case-img.paymi1 {
width: 100%;
margin-bottom: -100px;
top: -40px;
}
.kpi-case-img.autopilot {
z-index: 0;
width: 100%;
margin-bottom: -100px;
top: -40px;
}
.banner-img-old {
right: -300px;
}
.case-kpi-image {
left: 50%;
right: auto;
}
.case-kpi-image.hocomo {
top: 0;
}
.kpi-add-kpis {
width: 40%;
}
.trava-mobile-bottom {
top: auto;
bottom: -100px;
right: auto;
}
.trava-mobile-top {
margin-left: 0;
padding-bottom: 48px;
position: relative;
top: 0;
right: 0;
}
.case-study-item-img {
padding-top: 32px;
position: static;
}
.case-study-item-img.paymi-group {
margin-right: 25%;
}
.case-study-item-img.case-left.desktop.margin-right-30 {
margin-right: 30%;
}
.case-study-item-img.case-left.desktop.margin-right-10 {
margin-right: 10%;
}
.case-study-item-img.case-left.desktop.amberliving1 {
margin-top: -72px;
padding-top: 0;
}
.case-study-item-img.case-left.width400px.medicor {
transform: translate(-30px);
}
.case-study-item-img.case-left.width400px.meconed-phone-mockup {
transform: translate(50px);
}
.case-study-item-img.case-left.plannin-stack.medicor {
transform: translate(-30px);
}
.case-study-item-img.case-left.plannin-stack.meconed-phone-mockup {
transform: translate(50px);
}
.case-study-item-img.general.medicor {
transform: translate(-30px);
}
.case-study-item-img.general.meconed-phone-mockup {
transform: translate(40px);
}
.case-study-item-img.desktop.bts-img {
margin-right: 25%;
}
.case-study-item-img.desktop.plannin {
width: 90%;
}
.case-study-item-paragraph, .case-study-item-paragraph.width40, .case-study-item-paragraph.width1-100 {
width: 100%;
}
.case-study-item-paragraph.trava {
width: auto;
}
.case-study-item-paragraph.u-pr-8-1280.buzzin, .case-study-item-paragraph.u-text-white.u-d-4-10.u-d-100--t, .case-study-item-paragraph.gap-8.u-d-4-10.u-d-100--t {
width: 100%;
}
.case-study-item-web-link {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
}
.services-squares-item {
width: 347px;
height: 230px;
padding-top: 32px;
padding-bottom: 32px;
}
.services-squares-paragraph {
font-size: var(--teacode-headers--h6-s);
letter-spacing: var(--teacode-type-h6-s--letter-spacing);
}
.img-service {
width: 317px;
left: -60px;
}
.img-service.right {
top: 0;
right: -20px;
}
.img-service.right.service-chat-bubbles {
right: -40px;
}
.img-service.service-loupe {
width: 280px;
left: -60px;
}
.img-service.service-arrow {
width: 240px;
left: -40px;
}
.services-details-col-img {
width: 30%;
}
.services-details-col-text {
width: 70%;
}
.services-deliverables-wrapper {
padding-top: var(--teacode-type-weight--teacode-spaces--6);
padding-bottom: var(--teacode-type-weight--teacode-spaces--6);
border-radius: var(--teacode-radius--rad-normal);
background-color: var(--teacode-colours--tc-white);
padding-left: 32px;
position: relative;
}
.services-deliverables-wrapper.branding {
text-align: left;
background-color: #0000;
}
.ribbon-logos-wrapper-static {
grid-column-gap: 72px;
grid-row-gap: 72px;
justify-content: center;
display: flex;
}
.footer-link {
padding-bottom: 8px;
display: inline-block;
}
.footer-link-first {
padding-top: 8px;
padding-bottom: 8px;
display: inline-block;
}
.footer-link-last {
padding-bottom: 0;
display: inline-block;
}
.categories-paragraph {
font-size: var(--teacode-fonts-label--label-medium);
}
.categories-paragraph:hover {
background-color: var(--bg-hover-light);
}
.categories-paragraph:active {
background-color: var(--bg-pressed-light);
}
.icon-single-line {
max-width: 150%;
}
.u-text-maxw-blog {
max-width: 30ch;
}
.richtext-h6 {
font-size: var(--teacode-headers--h5-s);
}
.case-study-image-container.ruff-pass {
height: 400px;
}
.case-study-container-image.mockup.ruffpass {
width: 250px;
}
.case-study-container-image.mobile-mockup {
width: 230px;
right: 80px;
}
.case-study-container-image.mobile-mockup-second {
width: 300px;
right: 40px;
}
.case-study-container-image.cluster {
height: auto;
}
.case-team-icon-wrapper {
width: 54px;
min-width: 54px;
}
.trava-mobile-mockup-top {
margin-left: 0;
padding-bottom: 48px;
position: relative;
top: 0;
right: 0;
}
.trava-mobile-mockup-bottom {
top: auto;
bottom: -100px;
right: auto;
}
.case-mid-section.background-skydreamer {
height: 1000px;
}
.case-mid-section.buzzin-main.spaces {
justify-content: center;
align-items: center;
height: 500px;
display: flex;
}
.trava-flat-mockup-1 {
width: 160px;
margin-left: 0;
position: absolute;
top: -250px;
right: 180px;
}
.trava-flat-mockup-2 {
width: 160px;
margin-left: 0;
position: absolute;
top: -590px;
right: 180px;
}
.trava-flat-mockup-3 {
width: 160px;
margin-left: 0;
position: absolute;
top: -220px;
right: 10px;
}
.trava-flat-mockup-4 {
width: 160px;
margin-left: 0;
top: 120px;
right: 10px;
}
.trava-flat-mockup-5 {
width: 160px;
margin-left: 0;
top: 470px;
right: 10px;
}
.trava-flat-mockup-6, .trava-flat-mockup-7 {
margin-left: 0;
padding-bottom: 48px;
display: none;
position: relative;
top: 0;
right: 0;
}
.green-sec-photo-small {
width: 150px;
height: auto;
top: -10px;
bottom: 0;
left: 24px;
}
.blog-author-details-small {
margin-right: var(--teacode-type-weight--teacode-spaces--4);
width: 50%;
margin-left: 64px;
}
.case-study-text-container {
width: 40%;
}
.relative-wrapper {
width: 50%;
}
.relative-wrapper.plannin-results {
margin-bottom: 0;
}
.relative-wrapper.plannin-results-2 {
height: 460px;
}
.u-mb-12.u-maxw-90vw-t {
max-width: 90vw;
}
.form-block {
max-width: 92vw;
}
.skydreamer-mobile-mockup-bottom {
width: 550px;
position: absolute;
top: 190px;
left: 20%;
right: auto;
}
.skydreamer-mobile-mockup-top {
width: 550px;
margin-left: auto;
margin-right: auto;
position: absolute;
top: 30px;
left: 20%;
right: auto;
}
.christmas-hat {
top: -11px;
}
.drag-me {
width: 80px;
top: 120px;
right: 40px;
}
.dev-goals-item.middle {
padding-top: 32px;
padding-bottom: 32px;
}
.dev-goals-bar-wapper {
z-index: 1;
height: 100%;
position: absolute;
top: -24px;
left: -50px;
}
.dev-goals-bar-wapper.left {
height: 24px;
}
.dev-goals-bar {
width: 1000px;
}
.dev-goals-bar.left {
top: -315px;
left: -670px;
}
.case-study-left-right {
grid-column-gap: var(--teacode-type-weight--teacode-spaces--5);
grid-row-gap: var(--teacode-type-weight--teacode-spaces--5);
}
.case-study-left-right.left.center, .case-study-left-right.right.center {
align-items: center;
}
.u-d-ml-hidden {
display: none;
}
.case-study-column-right {
text-align: left;
width: 100%;
}
.case-study-green-kpi-description {
font-size: var(--teacode-headers--h2-s);
letter-spacing: var(--teacode-type-h2-s--letter-spacing);
margin-bottom: 0;
}
.div-block-53 {
width: 100%;
position: relative;
}
.process-line-dot-abs.last.buzzin {
left: 80%;
right: auto;
}
.process-line-dot-abs._2.buzzin {
left: 33.5%;
}
.process-line-dot-abs._3.buzzin {
left: 56.5%;
}
.process-line-dot-abs.buzzin {
left: 10%;
}
.plannin-logo {
width: 100%;
max-width: 100%;
top: -71px;
left: auto;
}
.u-word-highlighter-secondary {
border-top-width: 4px;
}
.u-d-relative-top-plannin {
width: 80%;
margin-bottom: -64px;
top: -64px;
}
.team-row-wrapper {
left: 150px;
}
.team-row-wrapper.u-mb-2 {
left: 164px;
}
.team-row-wrapper.u-mb-2._1st {
left: -48px;
}
.team-row-wrapper.u-mb-2._2nd {
left: -24px;
}
.team-row-wrapper.u-mb-2._3rd {
left: 0;
}
.team-row-wrapper.u-mb-2._4th, .team-row-wrapper.u-mb-2._5th {
left: 24px;
}
.team-row-wrapper._1st {
left: -37px;
}
.team-row-wrapper._6th {
left: 0;
}
.team-row-wrapper._7th {
left: -24px;
}
.team-row-wrapper._8th {
left: -48px;
}
.team-row-element {
width: 265px;
min-height: 82px;
}
.results-bar {
border-radius: var(--teacode-radius--rad-small);
width: 105%;
left: -2.5%;
}
.results-bar.left {
top: -315px;
left: -670px;
}
.u-d-hidden-t {
display: none;
}
.u-d-visible-t {
display: block;
}
.plannin-result-image-1 {
z-index: 1;
width: 800px;
position: relative;
}
.plannin-result-image-2 {
z-index: 2;
width: 60%;
}
.result-arrow-paragraph, .result-arrow {
display: none;
}
.plannin-addon {
width: 240px;
}
.plannin-addon._1 {
left: calc(50% - 390px);
}
.plannin-addon._3 {
top: -220px;
}
.plannin-addon._6 {
left: calc(50% + 150px);
}
.plannin-addon._5 {
top: 660px;
}
.plannin-addon._2 {
top: -10px;
left: calc(50% - 390px);
}
.plannin-addon._7 {
top: -10px;
left: calc(50% + 150px);
}
.image-36 {
height: 90%;
}
.development-bubble {
width: 450px;
top: -52px;
left: -52px;
}
.plannin-redesign-image-1 {
z-index: 2;
width: 500px;
left: 16px;
}
.plannin-redesign-image-2 {
z-index: 1;
width: 500px;
top: 190px;
right: 16px;
}
.redesign-arrow {
width: 80px;
display: block;
top: 180px;
left: 13%;
}
.redesign-arrow-paragraph {
font-size: 20px;
display: block;
top: 240px;
left: 13%;
}
.kpi-green-background {
height: 100%;
}
.discovery-persona-wrapper {
grid-column-gap: 48px;
grid-row-gap: 48px;
flex-flow: wrap;
justify-content: center;
}
.discovery-persona-item {
width: 172px;
}
.discovery-contents-wrapper {
margin-bottom: 96px;
}
.kpi-vertical-line {
left: -19px;
}
.kpi-plannin-background {
height: 100%;
}
.plannin-results-right {
padding-right: 0;
}
.plannin-flat-mockup-1, .plannin-flat-mockup-2 {
width: 160px;
}
.plannin-flat-mockup-3 {
width: 160px;
margin-left: 0;
}
.plannin-flat-mockup-4 {
width: 160px;
margin-left: 0;
top: 120px;
right: 10px;
}
.plannin-flat-mockup-5 {
width: 160px;
margin-left: 0;
top: 470px;
right: 10px;
}
.plannin-flat-mockup-6, .plannin-flat-mockup-7 {
width: 160px;
position: relative;
top: 0;
right: 0;
}
.flat-mockup-wrapper._1 {
top: -56px;
right: 180px;
}
.flat-mockup-wrapper._2 {
top: -278px;
right: -2px;
}
.flat-mockup-wrapper._3 {
display: none;
right: -112px;
}
.plannin-role-involvement.bts {
-webkit-mask: linear-gradient(#000 20%, #0000 100%);
mask: linear-gradient(#000 20%, #0000 100%);
}
.greg-persona-description {
padding-right: 24px;
}
.mosaic-background {
height: 681px;
top: -302px;
}
.relative-mosaic-wrappr.u-mb--23, .plannin-kpi-wrapper.u-mb--23 {
margin-bottom: -160px;
}
.skift-nomination {
width: 224px;
}
.redesign-arrow-mobile {
width: 80px;
display: block;
top: 180px;
left: 13%;
}
.redesign-arrow-paragraph-mobile {
font-size: 20px;
display: block;
top: 240px;
left: 13%;
}
._3rdimage {
margin-right: 0;
}
.technologies-muzeum {
grid-column-gap: 32px;
grid-row-gap: 32px;
justify-content: center;
width: 100%;
}
.muzeum-description-content, .muzeum-description-content.narrow {
width: 80%;
}
.muzeum-image-stack-wrapper.bts, .text-source {
margin-top: 0;
}
.slider_mobile_image_plannin {
margin-right: 0;
}
.accordion-paragraph---faq-2 {
margin-top: 16px;
margin-bottom: 8px;
}
.faq-addon-2 {
flex: 1;
max-width: 100%;
margin-top: 48px;
}
.accordion-item---faq-2 {
padding-left: 40px;
padding-right: 40px;
}
.accordion-item---faq-2.accordion-2---faq {
border-radius: 48px;
margin-bottom: 20px;
}
.accordion-item---faq-2.accordion-2---faq.content.faq---1st-element {
padding-top: 24px;
}
.accordion-item-title---faq-2.rwd-h4 {
letter-spacing: -.16px;
font-size: 32px;
}
.technologies-bts {
grid-column-gap: 32px;
grid-row-gap: 32px;
justify-content: center;
width: 100%;
}
.our-team-wrapper {
flex-flow: wrap;
justify-content: space-between;
}
.our-team-element {
width: 48%;
}
.infrastructure-wrapper {
padding-left: 32px;
padding-right: 32px;
}
.infrastructure-item-text {
padding: 24px;
}
.bts-results {
width: 60%;
}
.bts-results-image {
width: 500px;
top: -167px;
left: -47px;
}
.bts-icon {
width: 67px;
}
.testimonial-photo-wrapper {
text-align: left;
}
.testimonial-content-wrapper {
text-align: center;
flex-flow: column;
}
.testimonial-wrapper {
padding-left: 32px;
padding-right: 32px;
}
.testimonial-column-left {
margin-top: 213px;
}
.testimonial-column-right {
width: 50%;
}
.testimonial-photo-3 {
width: 255px;
bottom: -89px;
}
.case-study-intro-information {
width: 100%;
}
.case-study-intro-information-image {
width: 70%;
margin-top: 24px;
margin-left: auto;
margin-right: auto;
}
.ruff-pass-mockup-mobile {
width: 200px;
}
.ruff-pass-role-involvement-wrapper {
padding-left: 32px;
padding-right: 32px;
}
.ruff-pass-role-involvement-solution-wrapper {
width: 45%;
}
.ruff-pass-involvement-image-wrapper.left {
padding-left: 32px;
}
.ruff-pass-involvement-image-wrapper.right {
padding-right: 32px;
}
.code-embed-5 {
top: -142px;
left: -573px;
}
.ai-driven-badge {
position: absolute;
top: -40px;
right: 16px;
}
.case-study-intro-col-right {
text-align: center;
width: 100%;
}
.buzzin-desktop-mockup {
width: 500px;
}
.buzzin-yellow-floating {
left: 70%;
}
.buzzin-yellow-arrow {
left: 61%;
}
.rwd-h2 {
z-index: 1;
font-size: var(--teacode-headers--h1-s);
letter-spacing: var(--teacode-type-h1-s--letter-spacing);
}
.rwd-h2.blog-intro-heading {
font-size: var(--teacode-headers--h2-s);
line-height: var(--teacode-type-h4--line-height);
letter-spacing: var(--teacode-type-h2-s--letter-spacing);
}
.buzzin-addon {
width: 340px;
top: 0%;
left: 10%;
}
.buzzin-phone-mockup {
margin-left: 0;
position: static;
}
.buzzin-phone-mockup-small {
position: static;
}
.section-testimonial-three {
padding-top: var(--teacode-section-layout--section-padding-t);
padding-bottom: var(--teacode-type-weight--teacode-spaces--11);
}
.section-testimonial-four {
height: auto;
}
.testimonial-photo-4 {
width: 255px;
bottom: 0;
}
}
@media screen and (max-width: 767px) {
body {
font-size: var(--teacode-type-paragraph--font-size-ml);
}
h1 {
font-size: var(--teacode-headers--h4-s);
}
h2 {
margin-bottom: var(--teacode-type-weight--teacode-spaces--3);
font-size: var(--teacode-type-h2--font-size-sm);
}
h3 {
margin-top: var(--teacode-type-weight--teacode-spaces--4);
margin-bottom: var(--teacode-container-layout--teacode-content-layout--padding-m-small);
font-size: var(--teacode-headers--h5-s);
}
h4 {
font-size: var(--teacode-type-h4--font-size-t);
}
h5 {
font-size: var(--teacode-type-h5--font-size-ml);
}
h6 {
font-size: var(--teacode-headers--h6);
}
p {
font-size: var(--teacode-body-fonts--body-small);
font-weight: 400;
}
ol {
padding-top: var(--teacode-type-weight--teacode-spaces--2);
padding-bottom: var(--teacode-type-weight--teacode-spaces--2);
}
li {
font-size: var(--teacode-body-fonts--body-medium);
}
.h1 {
font-size: var(--teacode-type-h1--font-size-ml);
}
.h2 {
font-size: var(--teacode-type-h2--font-size-sm);
}
.h3 {
font-size: var(--teacode-type-h3--font-size-ml);
}
.h4 {
font-size: var(--teacode-type-h4--font-size-ml);
}
.section {
padding-top: var(--teacode-section-layout--section-padding-ml);
padding-bottom: var(--teacode-section-layout--section-padding-ml);
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
}
.section.u-bg-primary.u-d-flex.industries-default {
padding-top: var(--teacode-container-layout--teacode-content-layout--padding-d-large);
padding-bottom: var(--teacode-container-layout--teacode-content-layout--padding-d-large);
}
.section.industry-backgrounnd.background-properties {
background-position: 50%;
}
.section.healthcare-backgrounnd {
background-position: 30% 30%;
}
.section.u-pb-0.u-pt-ml-13 {
padding-top: var(--teacode-type-weight--teacode-spaces--16);
}
.section.u-pb-0.u-pb-ml-8 {
padding-bottom: 64px;
}
.section.green {
padding-top: var(--teacode-type-weight--teacode-spaces--8);
padding-bottom: var(--teacode-type-weight--teacode-spaces--8);
}
.section.green.blog-author {
margin-bottom: var(--teacode-type-weight--teacode-spaces--8);
border-radius: var(--teacode-radius--rad-x-small);
background-color: #00d28600;
padding-top: 0;
padding-bottom: 0;
}
.section.green.case-study-testimonial {
padding-top: var(--teacode-type-weight--teacode-spaces--6);
padding-bottom: var(--teacode-type-weight--teacode-spaces--8);
}
.section.green.people {
padding-top: var(--teacode-type-weight--teacode-spaces--6);
}
.section.green.people.last {
margin-bottom: 64px;
}
.section.u-bp-0.u-pb-0 {
padding-bottom: 0;
}
.section.u-bp-0.filter-section {
padding-top: var(--teacode-type-weight--teacode-spaces--3);
margin-bottom: 43px;
}
.section.first {
padding-top: var(--teacode-type-weight--teacode-spaces--11);
}
.section.u-overflow-clip {
padding-bottom: var(--teacode-type-weight--teacode-spaces--8);
}
.section.u-overflow-clip.u-mt-d--11 {
margin-top: 0;
}
.section.u-overflow-clip.u-pb-0.u-hidden {
display: none;
}
.section.u-overflow-clip.u-pt-0.u-pt-t-full {
padding-top: 64px;
}
.section.u-overflow-clip.skydreamer-challenges-margin-t {
padding-top: 56px;
padding-bottom: 56px;
}
.section.u-overflow-clip.half-padding {
margin-top: 0;
margin-bottom: 0;
}
.section.u-overflow-clip.half-padding.u-pb-0-ml {
padding-bottom: 0;
}
.section.u-mt-t--12 {
margin-top: 0;
}
.section.u-mt-t--12.hidden {
display: none;
}
.section.blog {
padding-top: 48px;
padding-bottom: 32px;
}
.section.blog.u-pb-rwd-4 {
padding-bottom: 16px;
}
.section.u-mt--4.u-mt-ml-0.hidden {
display: none;
}
.section.background.u-pb-12-rwd.industry-background-first {
min-height: auto;
}
.section.u-bg-lightgray.ruff-pass-process-section {
margin-top: 0;
}
.section.u-bg-lightgray.ruff-pass-process-section.u-overflow-hidden.spaces {
padding-top: 64px;
}
.section.plannin {
padding-top: var(--teacode-type-weight--teacode-spaces--8);
padding-bottom: var(--teacode-type-weight--teacode-spaces--8);
height: 650px;
}
.section.plannin.blog-author {
margin-bottom: var(--teacode-type-weight--teacode-spaces--8);
border-radius: var(--teacode-radius--rad-x-small);
background-color: #00d28600;
padding-top: 0;
padding-bottom: 0;
}
.section.plannin.case-study-testimonial {
padding-top: var(--teacode-type-weight--teacode-spaces--6);
padding-bottom: var(--teacode-type-weight--teacode-spaces--8);
}
.section.plannin.people {
padding-top: var(--teacode-type-weight--teacode-spaces--6);
}
.section.plannin.people.last {
margin-bottom: 64px;
}
.section.process-margin-ml {
padding-bottom: 96px;
}
.section.process-margin-ml.half-padding {
margin-top: 0;
margin-bottom: 0;
}
.container.accordion-item-wrapper---faq {
margin-left: 40px;
margin-right: 40px;
}
.container.blog-img {
margin-right: var(--teacode-type-weight--teacode-spaces--3);
margin-bottom: var(--teacode-type-weight--teacode-spaces--2);
margin-left: var(--teacode-type-weight--teacode-spaces--3);
border-radius: var(--teacode-radius--rad-x-small);
min-height: auto;
}
.container.blog-img.phone-mockup {
min-height: auto;
}
.container.white-space.kpi.u-bg-lightgray.u-bg-ml-transparent {
background-color: var(--tc-surface-transparent);
}
.container.map-section.u-d-flex-vertical-center.plannin {
height: 600px;
padding-top: 48px;
padding-bottom: 48px;
}
.container.u-mt-8-d.u-mt-0-ml {
margin-top: 0;
}
.container.mobile-content {
padding-left: 24px;
padding-right: 24px;
}
.container.ruff-pass-mockup-section {
grid-column-gap: 16px;
grid-row-gap: 16px;
padding-top: 24px;
}
.container.ruff-pass-role-involvement-images {
grid-column-gap: 32px;
grid-row-gap: 32px;
flex-flow: column;
align-items: center;
}
.container.ruff-pass-container-white, .container.buzzin-container-white {
z-index: 5;
border-radius: 48px;
margin-top: -100px;
padding-top: 72px;
}
.container.buzzin-addon-absolute {
display: none;
}
.col.col-sm-12 {
flex-basis: 100%;
max-width: 100%;
}
.col.col-sm-9 {
flex-basis: 75%;
max-width: 75%;
}
.col.col-sm-10 {
flex-basis: 83.33%;
max-width: 83.3333%;
}
.col.col-sm-7 {
flex-basis: 58.33%;
max-width: 58.3333%;
}
.col.col-sm-5 {
flex-basis: 41.67%;
max-width: 41.6667%;
}
.col.col-sm-6 {
flex-basis: 50%;
max-width: 50%;
}
.col.col-sm-3 {
flex-basis: 25%;
max-width: 25%;
}
.col.col-sm-4 {
flex-basis: 33.33%;
max-width: 33.3333%;
}
.col.col-sm-1 {
flex-basis: 8.33%;
max-width: 8.33333%;
}
.col.col-sm-8 {
flex-basis: 66.67%;
max-width: 66.6667%;
}
.col.col-sm-11 {
flex-basis: 91.67%;
max-width: 91.6667%;
}
.col.col-sm-2 {
flex-basis: 16.67%;
max-width: 16.6667%;
}
.col.col-sm-first {
order: -1;
}
.col.col-sm-last {
order: 1;
}
.btn {
padding: var(--teacode-type-weight--teacode-spaces--1) var(--teacode-type-weight--teacode-spaces--3);
}
.btn.u-mt-12 {
margin-top: var(--teacode-type-weight--teacode-spaces--6);
}
.btn.empty.small.category {
padding: var(--teacode-type-weight--teacode-spaces--0-5) var(--teacode-type-weight--teacode-spaces--1-5);
font-size: var(--teacode-fonts-caption--caption-xsmall);
}
.btn.back-to-top-button {
padding-left: 8px;
padding-right: 8px;
}
.btn.label-large {
font-size: 16px;
}
.card-body {
padding: var(--component-card--card-body-padding-sm\);
}
.form-success_flex {
max-width: 340px;
}
.styles__section-label {
padding-bottom: 10px;
}
.styles__nav-link {
text-align: left;
padding: .6em 0;
display: block;
}
.styles__nav-link.cc-cta {
background-color: #0000;
margin-left: 0;
padding-left: 0;
padding-right: 0;
display: block;
}
.styles__nav-link.cc-cta:hover {
background-color: #0000;
text-decoration: underline;
}
.styles__nav-btn {
margin-top: -2px;
padding: 0 2px;
font-size: 1.8rem;
line-height: 1;
}
.styles__nav-btn:hover {
background-color: var(--colors-all--dark-gray\);
}
.styles__nav-btn.w--open {
background-color: var(--colors-all--dark-gray\);
border-radius: 4px;
}
.styles__nav-menu {
background-color: var(--colors-all--dark-gray\);
padding: 12px 5% 20px;
}
.styles__nav-btn-icon {
width: 28px;
height: 28px;
}
.eyebrow {
font-size: var(--teacode-type-label--font-size-ml);
}
.paragraph-0-9 {
font-size: var(--teacode-type-paragraph--font-size-ml);
}
.paragraph-1-25 {
font-size: 1.1rem;
}
.paragraph-1-5 {
font-size: var(--teacode-type-caption--font-size-t);
}
.paragraph-1-5.u-intro-par-length {
max-width: 25ch;
}
.u-text-primary.u-mb-0.rwd-h4 {
font-size: var(--teacode-headers--h4-s);
letter-spacing: var(--teacode-type-h4-s--letter-spacing);
}
.u-text-primary.rwd-h1.u-mb-d-12.u-mb-t-6.u-mb-m-4 {
margin-bottom: var(--teacode-type-weight--teacode-spaces--4);
}
.u-text-center.upper-testimonial {
width: 90%;
min-height: 120px;
}
.u-d-flex.u-flex-vertical.u-d-gap-2.u-d-t-100 {
width: 100%;
}
.u-d-flex.u-d-flex-horizontal {
flex-flow: row;
}
.u-d-flex.u-d-flex-horizontal.u-align-left.u-d-gap-8.u-d-2-3.u-d-flex-ml-vertical, .u-d-flex.u-d-flex-horizontal.u-align-left.u-d-gap-8.u-d-flex-ml-vertical {
flex-flow: column;
}
.u-d-flex.u-d-flex-horizontal.u-align-left.u-lg-hidden.u-mb-3.u-mt-ml-3 {
margin-top: var(--teacode-type-weight--teacode-spaces--3);
}
.u-d-flex.u-d-flex-horizontal.u-align-center.u-position-relative {
margin-top: 0;
}
.u-d-flex.u-d-flex-horizontal.u-align-center.u-align-t-stretched.u-pt-2.lower-testimonial {
justify-content: space-between;
width: 100%;
}
.u-d-flex.u-d-flex-horizontal.u-text-left {
align-self: flex-start;
}
.u-d-flex.u-d-flex-horizontal.u-d-gap-8.u-d-t-grid.u-text-left.u-d-ml-2-3 {
width: 75%;
margin-left: auto;
margin-right: auto;
}
.u-d-flex.u-d-flex-horizontal.u-align-right.u-align-ml-left {
justify-content: flex-start;
align-items: flex-end;
}
.u-d-flex.u-d-flex-horizontal.u-d-flex-ml-vertical {
flex-flow: column;
}
.u-d-flex.u-d-d-30.u-d-t-50--center.u-d-ml-67--center {
width: 66.66%;
}
.u-d-flex.u-d-d-30.u-d-t-50--center.u-d-ml-67--center.u-d-mp-100--center {
align-items: center;
}
.u-d-flex._70.u-t-mt-4 {
height: 400px;
}
.u-d-flex.u-pt-12.u-ml-pt-3 {
padding-top: var(--teacode-type-weight--teacode-spaces--3);
}
.u-pb-0 {
padding-bottom: 0;
}
.u-pt-3 {
padding-top: var(--teacode-type-weight--teacode-spaces--3);
}
.u-p-0 {
padding: 0;
}
.u-pt-0 {
padding-top: 0;
}
.u-position-relative.u-mb--23 {
margin-bottom: -140px;
}
.u-position-relative.u-d-hidden-mp {
display: none;
}
.div-block {
font-size: var(--type-paragraph-1-25--font-size-sm);
}
.menu-bar {
padding-right: var(--teacode-container-layout--teacode-content-layout--padding-hor-ml\);
padding-left: var(--teacode-container-layout--teacode-content-layout--padding-hor-ml\);
overflow: clip;
}
.menu-bar.u-d-z-index-999.test-menu {
justify-content: center;
align-items: center;
margin-top: 0;
}
.nav-menu {
padding-top: var(--teacode-container-layout--teacode-content-layout--padding-t-small);
padding-left: var(--teacode-container-layout--teacode-content-layout--padding-t-small);
}
.home-bubble {
width: 113px;
top: 238px;
right: 27%;
}
.category-block {
grid-column-gap: 12px;
grid-row-gap: 12px;
}
.categories {
padding-right: var(--teacode-type-weight--teacode-spaces--1-5);
padding-left: var(--teacode-type-weight--teacode-spaces--1-5);
font-size: var(--teacode-fonts-label--label-xsmall);
}
.categories:active {
background-color: var(--teacode-colours--tc-white);
}
.client-slider-slide {
margin-right: var(--teacode-type-weight--teacode-spaces--6);
}
.client-slider-slide.technology-static {
height: 100px;
}
.testimonials {
padding: var(--teacode-container-layout--teacode-content-layout--padding-t-small) var(--teacode-container-layout--teacode-content-layout--padding-m-small);
border-radius: var(--teacode-radius--rad-x-small);
width: auto;
max-width: 520px;
height: auto;
}
.testimonial-person {
font-size: var(--teacode-headers--h6-s);
}
.testimonial-position {
font-size: var(--teacode-body-fonts--body-xsmall);
}
.service-categories.u-mr-4.u-mr-ml-0 {
margin-right: 0;
}
.bubble1 {
width: 159px;
inset: auto auto 0% 0%;
}
.bubble2 {
width: 68px;
left: 286px;
}
.bubble-teammates {
width: 104px;
top: 56px;
left: 98px;
}
.bubble-projects {
width: 250px;
top: 161px;
left: 108px;
}
.bubble5 {
width: 38px;
top: 428px;
right: 166px;
}
.bubble-continents {
width: 97px;
top: 349px;
right: 266px;
}
.bubble7 {
width: 136px;
top: 243px;
left: 654px;
right: auto;
}
.bubble-years {
width: 180px;
top: 66px;
left: 416px;
}
.faq-open {
padding-left: 2rem;
padding-right: 1rem;
}
.faq-arrow-open {
top: 7%;
}
.case-study-desc {
margin-top: 10vw;
margin-bottom: 10vw;
}
.process-sticky-parent {
height: 300vh;
}
.img-blog-miniature {
width: 100vw;
}
.people {
width: 480px;
height: 826px;
margin-bottom: -64px;
margin-left: 0;
margin-right: 0;
}
.img-people.michal {
width: 154px;
top: 362px;
right: 307px;
}
.img-people.mike {
width: 109px;
top: 72px;
left: auto;
right: 351px;
}
.img-people.bubble-large {
display: none;
left: auto;
}
.img-people.piotr {
width: 212px;
top: 160px;
left: auto;
right: 196px;
}
.img-people.bubble-blurred {
width: 125px;
top: 708px;
right: 363px;
}
.img-people.klaudia {
width: 130px;
top: 0;
right: 59px;
}
.img-people.gaba {
width: 140px;
top: 445px;
right: 129px;
}
.img-people.dima {
width: 156px;
top: 563px;
right: 248px;
}
.img-people.bubble-small {
width: 46px;
top: 15px;
left: auto;
right: 303px;
}
.img-people.bubble-blurred-2 {
width: 159px;
top: 118px;
right: 0%;
}
.img-people.kuba {
width: 117px;
top: 294px;
right: 72px;
}
.img-people.bubble-middle {
width: 117px;
top: 651px;
right: 54px;
}
.footer-container {
flex-flow: column;
}
.footer-1st-col {
border-right-width: 0;
width: auto;
}
.footer-link-grid {
padding-top: var(--teacode-type-weight--teacode-spaces--4);
border-top: 1px solid #000;
grid-template-columns: 1fr;
padding-left: 0;
}
.footer-col {
width: 90vw;
}
.fooer-social {
flex-flow: column;
align-items: flex-start;
}
.fs-globe-pin {
width: 32px;
height: 32px;
}
.globe-testimonials-carousel {
margin-top: -15vw;
}
.intro-bubble-mobile {
width: 236px;
top: 460px;
bottom: 0;
left: -45px;
}
.u-lg-hidden {
display: block;
}
.u-lg-hidden.u-position-relative {
margin-top: 0;
margin-bottom: -25vw;
}
.u-lg-hidden.u-d-flex.u-position-relative {
margin-bottom: 0;
}
.home-intro-mobile-mobile {
width: 188px;
margin-bottom: -145px;
top: -158px;
right: -146px;
}
.home-intro-web-mobile {
width: 332px;
right: -74px;
}
.portfolio-sticky-child-copy {
height: auto;
}
.case-study-mock {
width: 95vw;
height: 70vw;
margin-left: -3vw;
}
.case-study-1-addon-1 {
max-width: 40vw;
inset: -25% 5% auto auto;
}
.case-study-1-addon-2 {
max-width: 30vw;
bottom: -14.4vw;
}
.case-study-2-addon-1 {
max-width: 40vw;
top: -12vw;
}
.case-study-2-addon-2 {
max-width: 36vw;
bottom: -28.8vw;
}
.case-study-3-addon-2 {
max-width: 32vw;
bottom: -20.1vw;
left: 3%;
}
.case-study-3-addon-1 {
max-width: 30vw;
top: -15.2vw;
right: 14%;
}
.case-studies-row {
flex-flow: column wrap-reverse;
}
.case-study-col-left {
width: 100vw;
height: 95vw;
}
.case-study-lg-hidden-main.case-1 {
border-radius: 0px var(--rad-faq-section\) var(--rad-faq-section\) 0px;
object-fit: cover;
width: 100vw;
height: 55vw;
}
.u-bg-gradient-0-1 {
width: 100%;
}
.bubble-intro-home {
display: none;
}
.content {
padding-right: var(--teacode-container-layout--teacode-content-layout--padding-t-small);
padding-left: var(--teacode-container-layout--teacode-content-layout--padding-t-small);
}
.content.service-showcase---main {
margin-right: var(--teacode-type-weight--teacode-spaces--3);
margin-left: var(--teacode-type-weight--teacode-spaces--3);
padding: var(--teacode-type-weight--teacode-spaces--0);
border-radius: var(--teacode-type-weight--teacode-spaces--0);
}
.content.mobile-portfolio-desc {
width: 100%;
padding-left: 0;
}
.content.section-intro-center.u-pt-ml-0 {
padding-top: 0;
}
.content.section-intro-center.u-mb-6.u-mb-t-4.u-mb-ml-3 {
margin-bottom: var(--teacode-type-weight--teacode-spaces--3);
}
.content.blog-content {
margin-right: var(--teacode-type-weight--teacode-spaces--3);
margin-left: var(--teacode-type-weight--teacode-spaces--3);
width: auto;
padding-left: 0%;
padding-right: 0%;
}
.content.blog-content.cta-centered {
padding-left: 0;
padding-right: 0;
}
.content.u-ds-no-padd, .content.u-ds-no-pad {
padding-right: var(--teacode-container-layout--teacode-content-layout--padding-hor-ml\);
padding-left: var(--teacode-container-layout--teacode-content-layout--padding-hor-ml\);
}
.content.u-lg-hidden.u-ml-hidden {
display: none;
}
.content.u-ml-visible {
display: block;
}
.content.u-mb-6.u-d-ml-hidden {
display: none;
}
.content.bts-compliance {
margin-top: -151px;
}
.content.flex-buzzin-main {
grid-column-gap: 32px;
grid-row-gap: 32px;
justify-content: center;
}
.page-intro {
padding-top: var(--teacode-type-weight--teacode-spaces--14);
padding-bottom: var(--teacode-type-weight--teacode-spaces--8);
background-image: linear-gradient(#0000, #0000);
width: 100vw;
}
.page-intro.case-study-all-intro {
padding-bottom: 0;
}
.page-intro.case-study {
padding-top: var(--teacode-type-weight--teacode-spaces--11);
padding-bottom: 0;
overflow: clip;
}
.page-intro.case-study.trava {
background-color: #012f2d;
background-image: none;
background-size: auto;
}
.page-intro.case-study.plannin {
background-color: #d7f3ff;
background-image: none;
background-size: auto;
}
.page-intro.case-study.paymi {
background-color: #f7f7f7;
background-image: none;
background-size: auto;
}
.page-intro.case-study.bts {
background-color: #fff3e0;
background-image: none;
background-position: 0 0;
background-size: auto;
}
.page-intro.case-study.icongenie {
background-color: #e5d0b6;
background-image: none;
background-size: auto;
}
.page-intro.case-study.hocomo {
background-color: #e9e9e9;
background-image: none;
background-position: 0 0;
background-size: auto;
}
.page-intro.case-study.skydreamer {
background-color: #d4f0f8;
background-image: none;
background-size: auto;
}
.page-intro.case-study.rinno {
background-color: #bbcfb9;
background-image: none;
background-size: auto;
}
.page-intro.case-study.deubi {
background-color: #eae2d8;
background-image: none;
background-size: auto;
}
.page-intro.case-study.buzzin {
background-color: #e4e0dc;
background-image: none;
background-size: auto;
}
.page-intro.case-study._40k {
background-color: #1e1606;
background-image: none;
background-size: auto;
}
.page-intro.case-study.illumbra {
background-color: #ddd;
background-image: none;
background-size: auto;
}
.page-intro.case-study.gainspot {
background-color: #44362e;
background-image: none;
background-size: auto;
}
.page-intro.case-study.seriousoffer {
background-color: #eceef0;
background-image: none;
background-size: auto;
}
.page-intro.case-study.voicey {
background-color: #2e008a;
background-image: none;
background-size: auto;
}
.page-intro.case-study.prossto {
background-color: #f3efe9;
background-image: none;
background-size: auto;
}
.page-intro.case-study.touchcom {
background-color: #90705e;
background-image: none;
background-size: auto;
}
.page-intro.case-study.tbp2 {
background-color: #ddd;
background-image: none;
background-size: auto;
height: auto;
}
.page-intro.case-study.simplifiedbody {
background-color: #dedede;
background-image: none;
background-size: auto;
}
.page-intro.case-study.amberliving {
background-color: #dbebff;
background-image: none;
background-size: auto;
}
.page-intro.case-study.autopilot {
background-color: #ffd8d3;
background-image: none;
background-size: auto;
}
.page-intro.case-study.medicor {
background-color: #ebfff7;
background-image: none;
background-size: auto;
}
.page-intro.case-study.wynikomat {
background-color: #f1dbcf;
background-image: none;
background-size: auto;
}
.page-intro.case-study.meconed {
background-color: #dfe9f2;
background-image: none;
background-size: auto;
}
.page-intro.case-study.renoon {
background-color: #d5c0b3;
background-image: none;
background-size: auto;
height: auto;
}
.page-intro.case-study.hive {
background-color: #dfc2de;
background-image: none;
background-size: auto;
}
.page-intro.case-study.closedwon {
background-color: #4f4a44;
background-image: none;
background-size: auto;
}
.page-intro.case-study.heirlume {
background-color: #eae2d8;
background-image: none;
background-size: auto;
}
.page-intro.case-study.exotic {
background-color: #1e1606;
background-image: none;
background-size: auto;
}
.page-intro.case-study.muzeum {
background-color: #040404;
background-image: none;
background-size: auto;
}
.page-intro.case-study.bts-admin-panel {
background-color: #faf6fe;
background-image: none;
background-size: auto;
}
.page-intro.case-study.ruff-pass {
background-color: #f2f8fd;
background-image: none;
background-size: auto;
}
.page-intro.case-study.buzzin {
background-color: #feaa1412;
background-image: none;
}
.page-intro.healthcare, .page-intro.consultancy, .page-intro.branding, .page-intro.mobile-app-dev, .page-intro.custom-software-dev, .page-intro.web-app-dev {
background-position: 45%;
}
.page-intro.chatbot {
background-position: 65%;
}
.page-intro.ai, .page-intro.digital-product, .page-intro.modernisation {
background-position: 45%;
}
.speaker-slide-mask {
width: 100vw;
}
.speaker-name {
font-size: 35px;
}
.blog-page-item {
height: auto;
padding-bottom: 0;
padding-right: 0;
}
.collection-list {
margin-right: 0;
}
.u-d-underline-none.blog-title {
margin-bottom: var(--teacode-type-weight--teacode-spaces--6);
height: auto;
min-height: auto;
padding-top: 0;
}
.service.accordion-1 {
margin-bottom: 16px;
padding: 32px;
}
.accordion-paragraph---brix {
padding-bottom: var(--teacode-type-weight--teacode-spaces--4);
max-width: 100%;
margin-bottom: 0;
font-size: 16px;
line-height: 1.6;
}
.accordion-item---faq.accordion-2---faq {
padding: var(--faq-top-padding-m) var(--teacode-container-layout--teacode-content-layout--padding-t-small) var(--teacode-container-layout--teacode-content-layout--padding-m-small);
border-radius: var(--teacode-radius--rad-x-small);
margin-bottom: 16px;
}
.accordion-item---faq.accordion-2---faq.content.faq---1st-element, .accordion-item---faq.accordion-2---faq.content.faq---2nd-element, .accordion-item---faq.accordion-2---faq.content.faq---3rd-element, .accordion-item---faq.accordion-2---faq.content.faq---4th-element, .accordion-item---faq.accordion-2---faq.content.faq---5th-element, .accordion-item---faq.accordion-2---faq.content.faq---6th-element, .accordion-item---faq.accordion-2---faq.content.faq---7th-element, .accordion-item---faq.accordion-2---faq.content.faq---8th-element {
padding-top: 16px;
}
.accordion-trigger---faq._3rd-trigger {
max-width: 90%;
}
.accordion-item-title---faq {
font-size: var(--teacode-headers--h4-s);
}
.accordion-item-title---faq.rwd-h4 {
font-size: var(--teacode-headers--h4-s);
letter-spacing: var(--teacode-type-h4-s--letter-spacing);
}
.accordion-item-title---faq.rwd-h4.trigger {
white-space: pre-wrap;
}
.accordion-paragraph---faq {
font-size: 16px;
line-height: 1.6;
}
.testimonial-slider {
width: auto;
margin-left: 0%;
}
.testimonials-in-slider {
width: 100%;
}
.testimonial-arrows {
right: 0%;
}
.testimonial-arrows.left {
margin-left: var(--teacode-type-weight--teacode-spaces--2);
}
.testimonial-arrows.right {
margin-right: var(--teacode-type-weight--teacode-spaces--2);
}
.u-grid-2 {
grid-template-columns: 1fr;
}
.service-showcase---title {
margin-top: var(--teacode-type-weight--teacode-spaces--1-5);
padding-bottom: var(--teacode-type-weight--teacode-spaces--1-5);
}
.service-showcase---title._2nd {
margin-top: var(--2nd-margin);
}
.service-showcase---title._3rd {
margin-top: var(--3rd-margin);
}
.service-showcase---title._1st-margin {
margin-top: var(--1st-margin);
}
.u-arrow-large.u-ml-t-2.u-mb-t-0-5 {
margin-bottom: 4px;
}
.u-arrow-large.u-ml-t-2.u-mb-t-0-5.u-arrow-mobile {
width: 16px;
height: 16px;
margin-bottom: 0;
}
.image-1st {
border-radius: var(--teacode-radius--rad-x-small);
background-image: url("https://cdn.prod.website-files.com/65ca6f59445c0a52f3323325/669fc22c58135aaca7413585_Frame%2033634.webp");
background-position: 50%;
background-size: cover;
padding-bottom: 4px;
}
.image-1st.service-showcase---img-mobile {
margin-bottom: var(--teacode-container-layout--teacode-content-layout--padding-m-small);
height: 224px;
padding-bottom: 0;
position: relative;
}
.service-showcase-item._1st {
width: 100%;
}
.image-2nd {
display: none;
}
.image-2nd.service-showcase---img-mobile {
border-radius: var(--teacode-radius--rad-x-small);
background-image: url("https://cdn.prod.website-files.com/65ca6f59445c0a52f3323325/66a79ad61a8f4bb0ec74b669_stages_app_improvement.webp");
background-position: 50%;
background-size: auto 400px;
}
.image-3rd {
background-position: 50%;
display: none;
}
.image-3rd.service-showcase---img-mobile {
border-radius: var(--teacode-radius--rad-x-small);
background-image: url("https://cdn.prod.website-files.com/65ca6f59445c0a52f3323325/66a79ad45a7f43ddb314538f_stages_outstaffing.webp");
background-position: 50%;
background-size: auto 360px;
}
.square {
border-radius: var(--teacode-radius--rad-normal);
font-size: var(--teacode-type-caption--font-size-t);
width: 75%;
max-width: 350px;
height: auto;
}
.square.kpi {
width: 45%;
min-width: 300px;
max-width: none;
margin-left: auto;
margin-right: auto;
padding: 24px;
}
.square.service-square {
width: 45%;
min-width: 300px;
max-width: none;
padding: 24px;
}
.form-text-field {
height: 48px;
}
.field-label {
padding-top: 20px;
}
.contact-form {
padding-top: var(--teacode-type-weight--teacode-spaces--2);
}
.checkbox-field {
font-size: var(--teacode-fonts-label--label-small);
}
.disclaimer {
padding-top: 20px;
padding-left: 0;
}
.contact-button-area {
flex-flow: column;
}
.green-sec-testimonial-area {
padding-top: var(--teacode-type-weight--teacode-spaces--8);
grid-column-gap: var(--teacode-type-weight--teacode-spaces--3);
grid-row-gap: var(--teacode-type-weight--teacode-spaces--3);
}
.quote-mark.quote1 {
left: 0;
}
.quote-mark.quote2 {
bottom: -32px;
right: 0;
}
.u-sm-hidden {
display: none;
}
.process-left {
flex-flow: column;
width: 125vw;
padding-left: 33vw;
display: flex;
}
.process-right1 {
background-color: var(--teacode-colours--tc-white);
width: 125vw;
height: 250px;
margin-top: -60px;
margin-left: -33vw;
padding-top: 20px;
padding-bottom: 100px;
padding-left: 33vw;
}
.mobile-portfolio-slide-mask {
padding-top: 48px;
overflow: visible;
}
.mobile-portfolio-slide-mask.process-slider {
width: 75%;
}
.mobile-portfolio-slide {
padding-left: 24px;
}
.mobile-portfolio-slide._1st {
margin-right: 60px;
}
.mobile-portfolio-slide-content {
flex-flow: column;
height: auto;
}
.mobile-portfolio-desc {
width: 80vw;
min-height: 400px;
padding-top: 40px;
}
.mobile-portfolio-end-img {
min-height: 400px;
display: none;
}
.mobile-portfolio-main-img {
width: 95vw;
height: 55vw;
margin-left: -5vw;
}
.mobile-case-study-2-addon-1 {
max-width: 40vw;
top: -12vw;
right: 0%;
}
.mobile-case-study-2-addon-2 {
max-width: 30vw;
bottom: -14.4vw;
}
.mobile-case-study-3-addon-1 {
max-width: 40vw;
top: -12vw;
right: 0%;
}
.mobile-case-study-3-addon-2 {
max-width: 30vw;
bottom: -14.4vw;
}
.globe-rectangle {
overflow: visible;
}
.arrow-button.career-arrow {
width: 18px;
height: 18px;
}
.career-list-img {
margin-top: var(--teacode-type-weight--teacode-spaces--2);
max-width: none;
height: 169px;
}
.navbar_dropdown-item-overview {
display: none;
}
.faq-expl {
max-width: 100%;
}
.faq-addon {
margin-top: var(--teacode-container-layout--teacode-content-layout--padding-m-large);
max-width: 100%;
}
.footer-links-arrow {
background-image: none;
background-position: 0 0;
background-repeat: repeat;
background-size: auto;
margin-bottom: 0;
}
.menu-mobile-services {
padding-bottom: var(--teacode-spacing-utility-rem--1rem);
display: none;
}
.circle-1.globe-distant-gradient-dimensions {
top: 5vw;
}
.circle-2.globe-close-gradient-dimensions {
top: 10vw;
}
.process-grid {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.process-center {
width: 100%;
max-width: 80%;
padding-left: 0;
}
.green-sec-photo {
padding-top: var(--teacode-type-weight--teacode-spaces--2);
margin-left: auto;
margin-right: auto;
position: relative;
bottom: -32px;
left: auto;
right: auto;
}
.green-sec-photo.olga, .green-sec-photo.adam, .green-sec-photo.egor {
bottom: -50px;
left: auto;
}
.green-sec-photo.robert, .green-sec-photo.patrycja {
left: auto;
}
.blog-intro {
padding-bottom: var(--teacode-type-weight--teacode-spaces--3);
}
.blog-details {
padding-bottom: var(--teacode-type-weight--teacode-spaces--5);
}
.blog-highlighted-text {
margin: var(--teacode-type-weight--teacode-spaces--2) auto;
font-size: var(--teacode-headers--h6-s);
}
.blog-quote {
font-size: var(--teacode-body-fonts--body-medium);
}
.cta-banner {
align-self: center;
width: 343px;
height: 352px;
}
.cta-banner.spotify {
margin-top: var(--teacode-type-weight--teacode-spaces--2);
margin-bottom: var(--teacode-type-weight--teacode-spaces--2);
}
.cta-banner.contact {
margin-top: var(--teacode-type-weight--teacode-spaces--2);
margin-bottom: var(--teacode-type-weight--teacode-spaces--2);
padding-left: 20px;
padding-right: 20px;
}
.cta-banner.newsletter {
margin-top: var(--teacode-type-weight--teacode-spaces--2);
}
.cta-banner.newsletter.testss {
height: 420px;
}
.cta-banner.case-sudy-pdf {
margin-top: var(--teacode-type-weight--teacode-spaces--2);
width: 100%;
height: 350px;
}
.img-blog-cta {
height: 200px;
margin-left: auto;
margin-right: auto;
inset: auto 0% 0%;
}
.img-blog-cta.right {
height: 200px;
position: absolute;
inset: -2px 0% 0%;
}
.img-blog-cta.right.pdf {
top: auto;
}
.img-blog-cta.right.testss {
top: 66px;
}
.informational-clause {
width: 343px;
}
.share-on {
margin-top: var(--teacode-type-weight--teacode-spaces--4);
margin-bottom: var(--teacode-type-weight--teacode-spaces--4);
}
.form-newsletter {
place-items: center start;
}
.forn-news-input {
width: 300px;
}
.caption-medium {
margin-bottom: var(--teacode-type-weight--teacode-spaces--3);
font-size: var(--teacode-fonts-caption--caption-small);
}
.hamburger-menu {
flex-flow: column;
}
.bubble-intro-home-2 {
display: none;
}
.home-intro-trava {
height: 340px;
top: -318px;
}
.home-intro-icongenie {
width: 338px;
height: 205px;
}
.u-d-50, .u-d-50.u-d-t-70.u-d-ml-100 {
width: 100%;
}
.u-d-50.bts {
display: none;
}
.menu-link {
padding-left: 16px;
}
.service-showcase---img-mobile {
width: auto;
height: 224px;
padding-bottom: 0;
padding-right: 0;
position: relative;
}
.service-showcase---img-mobile.image-1st {
background-image: url("https://cdn.prod.website-files.com/65ca6f59445c0a52f3323325/66a79ad440b4be76da60bb82_stages_web_mobile.webp");
background-position: 50%;
background-size: auto 400px;
background-attachment: scroll;
margin-bottom: 0;
}
.porfolio-slider._2nd {
right: -85vw;
}
.portfolio-left, .portfolio-left.trava {
width: 329px;
height: 213px;
}
.portfolio-right {
margin-top: var(--teacode-type-weight--teacode-spaces--10);
}
.portfolio-slider-container {
margin-bottom: 24px;
padding-left: 0%;
}
.u-d-d-1-3.u-d-t-50 {
width: 100%;
}
.u-pb-4.u-pb-t-2.rwd-h5 {
font-size: var(--teacode-headers--h4-s);
letter-spacing: var(--teacode-type-h4-s--letter-spacing);
}
.u-pb-4.u-pb-t-3.u-pb-ml-2 {
padding-bottom: var(--teacode-type-weight--teacode-spaces--2);
}
.testimonial-content {
flex-flow: column;
align-items: center;
display: flex;
}
.portfolio-addon-1 {
height: 89px;
top: -27px;
right: -56px;
}
.portfolio-addon-1.plannin {
height: 70px;
top: -36px;
}
.portfolio-addon-2 {
height: 168px;
top: 98px;
left: 18px;
}
.portfolio-addon-2.u-img-no-shadow.icongenie {
left: -60px;
}
.portfolio-addon-2.u-img-no-shadow.plannin {
height: 120px;
left: -60px;
}
.portfolio-addon-2.plannin {
height: 120px;
top: 120px;
left: -30px;
}
.portfolio-title.rwd-h3-case {
font-size: var(--teacode-headers--h4-s);
letter-spacing: var(--teacode-type-h4-s--letter-spacing);
}
.content-t {
padding-right: var(--teacode-type-weight--teacode-spaces--3);
padding-left: var(--teacode-type-weight--teacode-spaces--3);
}
.portfolio-link {
font-size: var(--teacode-body-fonts--body-large);
line-height: var(--teacode-body-fonts--line-height-body);
letter-spacing: var(--teacode-type-paragraph--letter-spacing);
}
.portfolio-main-img-container {
border-radius: var(--teacode-radius--rad-small);
}
.bubbles-container {
width: 790px;
height: 568px;
margin-top: 0;
margin-right: -150px;
}
.u-d-7-10 {
width: 100%;
}
.u-d-7-10.u-mb-8-rwd.muzeum {
width: 70%;
}
.u-d-5-10 {
width: 100%;
}
.u-d-5-10.u-d-flex.u-d-flex-vertical.u-d-gap-4.without-logo {
margin-top: 16px;
padding-bottom: 64px;
}
.sticky-parent-tab {
height: 200vw;
}
.caption-small.u-text-primary {
padding-top: var(--teacode-type-weight--teacode-spaces--1);
padding-bottom: var(--teacode-type-weight--teacode-spaces--1);
}
.caption-small.u-text-primary.blog-general-category-name {
padding-top: 0;
padding-bottom: 0;
}
.u-mt-12 {
margin-top: var(--teacode-type-weight--teacode-spaces--6);
}
.footer-social {
margin-bottom: var(--teacode-type-weight--teacode-spaces--2);
grid-column-gap: 8px;
grid-row-gap: 8px;
width: auto;
display: flex;
}
.u-d-4-10.u-d-100--ml, .u-d-80 {
width: 100%;
}
.homepage-intro {
width: 568px;
height: 1100px;
}
.homepage-intro-web1 {
width: 338px;
height: 205px;
top: 400px;
right: -26px;
}
.homepage-intro-web1.skift {
width: 60px;
height: auto;
top: 379px;
right: 189px;
}
.homepage-intro-mob2 {
height: 300px;
left: 32px;
}
.homepage-intro-web2 {
width: 332px;
top: 700px;
right: 200px;
}
.homepage-intro-bubble {
width: 236px;
top: 880px;
bottom: 0;
left: -92px;
}
.homepage-intro-mob1 {
width: 188px;
top: 750px;
right: 137px;
}
.homepage-introgreen-square {
border-radius: var(--teacode-radius--rad-normal);
width: 290px;
height: 280px;
margin-top: 0;
position: absolute;
inset: 370px auto auto 0;
}
.homepage-intro-par-div {
justify-content: flex-start;
align-items: center;
margin-left: auto;
margin-right: auto;
position: static;
}
.homepage-intro-bubble-2 {
width: 113px;
top: 238px;
right: 27%;
}
.rwd-h1 {
font-size: var(--teacode-headers--h2-s);
letter-spacing: var(--teacode-type-h2-s--letter-spacing);
}
.rwd-h1.proper {
font-size: var(--teacode-headers--h1-s);
}
.rwd-h3 {
margin-bottom: var(--teacode-type-weight--teacode-spaces--6);
font-size: var(--teacode-headers--h3-s);
letter-spacing: var(--teacode-type-h3-s--letter-spacing);
}
.rwd-h3.u-mb-d-10.u-mb-t-8.u-mb-m-6 {
margin-bottom: var(--teacode-type-weight--teacode-spaces--6);
}
.rwd-h3.u-mb-4.u-mb-m-3 {
margin-bottom: var(--teacode-type-weight--teacode-spaces--3);
}
.rwd-h3.u-mb-4.buzzin.mobile {
width: 100%;
}
.rwd-h3.u-mb-d-12.u-mb-t-6.u-mb-m-4 {
margin-bottom: var(--teacode-type-weight--teacode-spaces--4);
}
.rwd-h3.u-mb-d-4.u-mb-m-3 {
margin-bottom: var(--teacode-type-weight--teacode-spaces--3);
}
.rwd-h3.u-mb-6-rwd {
margin-bottom: var(--teacode-type-weight--teacode-spaces--4);
}
.rwd-h3.u-text-maxw-muzeum {
max-width: 22ch;
}
.rwd-h4.u-mt-0.proper {
font-size: var(--teacode-headers--h4-s);
}
.rwd-h4.u-mb-2.u-mt-ml-6 {
margin-top: var(--teacode-type-weight--teacode-spaces--6);
}
.rwd-h5 {
font-size: var(--teacode-headers--h5-s);
}
.rwd-h5.u-text-primary.u-text-center.u-pb-0.service-mobile-font {
font-size: var(--teacode-headers--h4-s);
}
.rwd-h5.ruffpass-results-subheading {
text-align: center;
margin-bottom: 16px;
display: block;
}
.rwd-h5.proper-larger {
font-size: var(--teacode-headers--h4-s);
}
.rwd-h4-process {
font-size: var(--teacode-headers--h4-s);
letter-spacing: var(--teacode-type-h4-s--letter-spacing);
}
.div-block-46 {
padding-left: var(--teacode-type-weight--teacode-spaces--6);
}
.u-d-1-3 {
width: 100%;
}
.blog-meta {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-flow: column;
justify-content: center;
align-items: flex-end;
}
.blog-intro-img {
margin-bottom: var(--teacode-type-weight--teacode-spaces--2);
height: 300px;
}
.blog-what-will-you-learn {
font-size: var(--teacode-headers--h5-s);
}
.body-large {
font-size: var(--teacode-body-fonts--body-medium);
}
.spotify-embed {
padding-top: var(--teacode-type-weight--teacode-spaces--2);
padding-bottom: var(--teacode-type-weight--teacode-spaces--2);
}
.blog-quote-div {
margin: var(--teacode-type-weight--teacode-spaces--2) 0px;
padding-left: var(--teacode-type-weight--teacode-spaces--2);
}
.blog---what-to-learn {
font-size: var(--teacode-body-fonts--body-medium);
}
.cta {
flex-flow: column;
justify-content: flex-start;
align-items: center;
padding-right: 0;
}
.cta-right {
margin-top: var(--teacode-type-weight--teacode-spaces--4);
text-align: center;
order: -1;
justify-content: flex-start;
align-items: center;
width: 75%;
padding-left: 0;
}
.cta-right.newsletter-form {
margin-left: 0;
}
.cta-spotify-left {
order: 1;
width: 100%;
height: 275px;
margin-left: auto;
margin-right: auto;
position: relative;
bottom: 0;
}
.blog-sources {
padding-bottom: var(--teacode-type-weight--teacode-spaces--2);
}
.cta-message-left {
width: 100%;
height: 275px;
}
.blog-author-details {
margin-right: var(--teacode-type-weight--teacode-spaces--3);
margin-left: var(--teacode-type-weight--teacode-spaces--3);
padding: var(--teacode-type-weight--teacode-spaces--4);
border-radius: var(--teacode-radius--rad-x-small);
background-color: var(--teacode-colours--tc-primary);
flex-flow: column;
width: auto;
display: flex;
}
.blog-intro-bubble {
display: none;
}
.blog-author-title {
margin-bottom: var(--teacode-type-weight--teacode-spaces--3);
font-size: var(--teacode-fonts-caption--caption-small);
}
.blog-content-img {
height: 250px;
position: relative;
}
.div-block-49 {
margin-top: 5px;
}
.nav-col {
width: 90vw;
}
.navbar_dropdown-mobile {
padding-left: 16px;
}
.service-showcase-row {
flex-flow: column;
}
.service-grid-item {
width: 100%;
height: 380px;
}
.service-showcase-content-wrapper {
width: 95%;
margin-bottom: 48px;
}
.page-intro-text-block {
width: 60%;
}
.page-intro-text-block.case-study {
z-index: 1;
width: 100%;
position: relative;
}
.page-intro-text-block.case-study.icongenie, .page-intro-text-block.case-study.prossto, .page-intro-text-block.case-study.plannin-new, .page-intro-text-block.case-study.muzeum {
width: 100%;
}
.page-intro-text-block.chatbot {
width: 50%;
}
.square-title {
width: 100%;
font-size: 24px;
}
.checkbox-field-2 {
font-size: var(--teacode-fonts-label--label-small);
}
.u-pb-rwd-4 {
padding-bottom: var(--teacode-type-weight--teacode-spaces--2);
}
.service-image.test-image {
top: -60px;
}
.form-label {
padding-bottom: var(--teacode-type-weight--teacode-spaces--1);
font-size: var(--teacode-fonts-label--label-small);
}
.cms-filter-form-label {
margin-bottom: 8px;
}
.back-to-top-arrow {
width: 16px;
height: 16px;
}
.case-study-link-block {
min-height: 300px;
margin-bottom: 32px;
}
.case-study-background {
right: -80px;
}
.case-study-div-spaces {
margin-bottom: var(--teacode-type-weight--teacode-spaces--4);
grid-column-gap: var(--teacode-type-weight--teacode-spaces--3);
grid-row-gap: var(--teacode-type-weight--teacode-spaces--3);
}
.case-study-curiosity {
width: 100%;
margin-left: auto;
margin-right: auto;
}
.case-study-curiosity.left {
max-width: 100%;
left: -12%;
}
.cusriosity {
width: 90%;
}
.cusriosity.gap-4.mobile-left {
align-items: flex-start;
}
.case-study-testim-line {
bottom: -16px;
}
.case-study-testim-line.photo-1 {
left: 0;
}
.case-study-mockup.left {
width: 100%;
margin-left: auto;
margin-right: auto;
}
.case-study-mockup.left.buzzin {
grid-column-gap: 32px;
grid-row-gap: 32px;
}
.case-study-mockup.right {
width: 100%;
margin-left: auto;
margin-right: auto;
}
.icon---number._1 {
bottom: 336px;
right: 8%;
}
.icon---number._2 {
right: 88%;
}
.case-study-last-img {
background-image: none;
background-size: auto;
}
.case-study-intro-img-container {
background-image: linear-gradient(#012f2d, #fff0);
justify-content: center;
align-self: center;
align-items: center;
width: 787px;
height: 550px;
margin-top: -100px;
display: flex;
overflow: clip;
}
.case-study-intro-img-container.plannin {
background-image: none;
}
.case-study-intro-img-container.voicey {
background-image: none;
height: auto;
}
.case-study-intro-img-container.muzeum, .case-study-intro-img-container.ruffpass {
background-image: none;
}
.case-study-intro-img {
object-fit: contain;
object-position: 50% 0%;
width: 100%;
padding-top: 120px;
}
.curiosity-container {
width: 100%;
}
.case-study-text-cat {
grid-column-gap: var(--teacode-type-weight--teacode-spaces--2);
grid-row-gap: var(--teacode-type-weight--teacode-spaces--2);
}
.categories-div {
grid-column-gap: 10px;
grid-row-gap: 10px;
}
.case-study-under-logo-div {
margin-top: var(--teacode-type-weight--teacode-spaces--2);
grid-column-gap: var(--teacode-type-weight--teacode-spaces--2);
grid-row-gap: var(--teacode-type-weight--teacode-spaces--2);
}
.testimonial-col.left.new {
justify-content: flex-end;
width: 55%;
}
.testimonial-col.right {
padding-bottom: var(--teacode-type-weight--teacode-spaces--3);
}
.image-33 {
width: 45%;
}
.image-34 {
width: 50%;
}
.cms-filter-empty-wrapper {
width: 80%;
}
.case-study-float-wrapper {
position: relative;
}
.case-study-heading {
font-size: var(--teacode-headers--h4-s);
width: 45%;
}
.green-people-pic {
margin-left: auto;
margin-right: auto;
padding-top: 0;
position: relative;
bottom: 0;
left: auto;
right: auto;
}
.green-people-pic.asia {
margin-top: -32px;
}
.green-people-pic.blog {
width: 250px;
position: absolute;
top: 242px;
left: -533px;
}
.green-people-col.left {
margin-left: auto;
margin-right: auto;
position: relative;
left: 0;
}
.green-people-col.left.asia {
left: 0;
}
.green-people-col.right {
padding-top: 16px;
padding-bottom: var(--teacode-type-weight--teacode-spaces--4);
width: 100%;
margin-left: 0;
padding-left: 0%;
}
.u-d-flex-horizontal {
grid-column-gap: var(--teacode-type-weight--teacode-spaces--6);
grid-row-gap: var(--teacode-type-weight--teacode-spaces--6);
flex-flow: column;
}
.u-d-flex-horizontal.flex-y-center.gap-2.mobile-horizontal, .u-d-flex-horizontal.gap-2.mobile-horizontal {
flex-flow: row;
}
.u-mt-ml-0 {
margin-top: 0;
}
.u-text-p-mb {
margin-bottom: 8px;
}
.u-mb-8-rwd {
margin-bottom: var(--teacode-type-weight--teacode-spaces--4);
}
.flag-emoji {
width: 36px;
}
.u-pt-8.u-pb-3.u-pt-t-6.u-pt-t-0.u-pt-ml-8, .u-pt-ml-8 {
padding-bottom: var(--teacode-type-weight--teacode-spaces--8);
}
.green-section-testimonial {
flex-flow: column;
}
.flag-emoji-general {
width: 36px;
}
.row-3-items.gap-1.space-between.tablet-horizontal.mobile-vertical, .row-3-items.row-3-items-mobile-vertical {
flex-flow: column;
}
.row-3-items.row-3-items-mobile-vertical.u-mt--6-ml {
margin-top: -6px;
}
.row-3-items.row-3-items-mobile-vertical.u-mt--6-ml.buzzin {
margin-top: 0;
}
.row-3-items.row-3-items-mobile-vertical.plannin-kpi {
flex-flow: wrap;
}
.row-3-items-item {
flex-flow: column;
display: flex;
}
.row-3-items-item.icon-space {
margin-bottom: 16px;
}
.row-3-items-item.case-study-team {
flex-flow: row;
}
.row-3-items-item.u-position-relative.u-d-70--ml {
width: 70%;
}
.row-3-items-item.u-position-relative-ml {
position: relative;
}
.row-3-items-item.u-position-relative-ml.u-d-70--ml {
width: 70%;
}
.row-3-items-item.u-position-relative-ml.u-d-70--ml.buzzin {
width: 100%;
}
.row-3-items-item.plannin-kpi {
width: 44%;
}
.green-sec-testimonial-author {
padding-top: var(--teacode-type-weight--teacode-spaces--2);
}
.link-block {
grid-column-gap: var(--teacode-type-weight--teacode-spaces--2);
grid-row-gap: var(--teacode-type-weight--teacode-spaces--2);
}
.link-block-2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
}
.link-block-3 {
grid-column-gap: var(--service-accordion-padding);
grid-row-gap: var(--service-accordion-padding);
}
.link-block-4 {
grid-column-gap: var(--component-button--border-radius);
grid-row-gap: var(--component-button--border-radius);
}
.link-block-5, .link-block-6 {
grid-column-gap: var(--teacode-body-fonts--body-xsmall);
grid-row-gap: var(--teacode-body-fonts--body-xsmall);
}
.link-block-7 {
grid-column-gap: var(--teacode-fonts-caption--caption-xsmall);
grid-row-gap: var(--teacode-fonts-caption--caption-xsmall);
}
.link-block-8 {
grid-column-gap: var(--teacode-type-h4-s--letter-spacing);
grid-row-gap: var(--teacode-type-h4-s--letter-spacing);
}
.link-block-9 {
grid-column-gap: var(--teacode-fonts-caption--caption-xsmall);
grid-row-gap: var(--teacode-fonts-caption--caption-xsmall);
}
.link-block-10 {
grid-column-gap: var(--teacode-type-h4-s--letter-spacing);
grid-row-gap: var(--teacode-type-h4-s--letter-spacing);
}
.link-block-11 {
grid-column-gap: var(--teacode-fonts-caption--caption-xsmall);
grid-row-gap: var(--teacode-fonts-caption--caption-xsmall);
}
.link-block-12 {
grid-column-gap: var(--teacode-type-h4-s--letter-spacing);
grid-row-gap: var(--teacode-type-h4-s--letter-spacing);
}
.link-block-13 {
grid-column-gap: var(--teacode-fonts-caption--caption-xsmall);
grid-row-gap: var(--teacode-fonts-caption--caption-xsmall);
}
.link-block-14 {
grid-column-gap: var(--teacode-type-h4-s--letter-spacing);
grid-row-gap: var(--teacode-type-h4-s--letter-spacing);
}
.link-block-15 {
grid-column-gap: var(--teacode-type-weight--teacode-spaces--1-5);
grid-row-gap: var(--teacode-type-weight--teacode-spaces--1-5);
}
.link-block-16 {
grid-column-gap: var(--teacode-fonts-caption--caption-xsmall);
grid-row-gap: var(--teacode-fonts-caption--caption-xsmall);
}
.link-block-17 {
grid-column-gap: var(--teacode-type-weight--teacode-spaces--14);
grid-row-gap: var(--teacode-type-weight--teacode-spaces--14);
}
.link-block-18 {
grid-column-gap: var(--teacode-type-weight--teacode-spaces--1-5);
grid-row-gap: var(--teacode-type-weight--teacode-spaces--1-5);
}
.link-block-19 {
grid-column-gap: var(--teacode-type-weight--teacode-spaces--14);
grid-row-gap: var(--teacode-type-weight--teacode-spaces--14);
}
.link-block-20, .link-block-21 {
grid-column-gap: var(--teacode-type-weight--teacode-spaces--1-5);
grid-row-gap: var(--teacode-type-weight--teacode-spaces--1-5);
}
.general-blog-page-item {
height: auto;
margin-bottom: 64px;
padding-left: 0;
padding-right: 0;
}
.u-d-6-10 {
width: 100%;
}
.u-d-100.u-mt-8-responsive {
margin-top: 32px;
}
.u-d-100.u-d-flex-horizontal.space-between.gap-2.u-d-flex-ml-horizontal {
flex-flow: row;
}
.u-d-100.u-d-flex-horizontal.gap-10.gap-t-5.u-d-flex-mobile-centered {
align-items: center;
}
.u-d-100.u-d-overflow-scroll {
overflow: scroll;
}
.u-d-100.u-d-overflow-scroll.plannin-tech {
justify-content: center;
align-items: center;
}
.img-industry {
position: static;
}
.img-industry.right.industry-shield {
width: 400px;
margin-bottom: -110px;
margin-left: auto;
margin-right: auto;
display: block;
transform: translate(20px);
}
.img-industry.right.medical-board {
margin-bottom: -80px;
margin-left: auto;
margin-right: auto;
display: block;
transform: translate(-30px);
}
.img-industry.right.marketing-envelope, .img-industry.right.ecommerce-phone-right {
margin-bottom: -80px;
margin-left: auto;
margin-right: auto;
display: block;
transform: none;
}
.img-industry.right.real-estate-phone {
width: 300px;
margin-bottom: -50px;
margin-left: auto;
margin-right: auto;
display: block;
transform: none;
}
.img-industry.right.real-estate-desktop-right {
margin-bottom: -50px;
margin-left: auto;
margin-right: auto;
display: block;
transform: none;
}
.img-industry.healthcare-bars {
width: 450px;
margin-bottom: -90px;
margin-left: auto;
margin-right: auto;
transform: translate(50px);
}
.img-industry.pills {
margin-bottom: -80px;
margin-left: auto;
margin-right: auto;
transform: translate(-50px);
}
.img-industry.smartwatch {
width: 420px;
margin-bottom: -100px;
margin-left: auto;
margin-right: auto;
transform: translate(-30px);
}
.img-industry.fintech-walking {
margin-bottom: -80px;
margin-left: auto;
margin-right: auto;
transform: translate(-50px);
}
.img-industry.marketing-cart {
margin-bottom: -80px;
margin-left: auto;
margin-right: auto;
transform: none;
}
.img-industry.travel {
margin-left: auto;
margin-right: auto;
left: 0;
}
.img-industry.ecommerce-phone-left {
margin-bottom: -80px;
margin-left: auto;
margin-right: auto;
transform: none;
}
.img-industry.fintech-walking {
margin-left: auto;
margin-right: auto;
left: 0;
}
.img-industry.real-estate-phone-vertical {
margin-bottom: -40px;
margin-left: auto;
margin-right: auto;
transform: none;
}
.img-industry.real-estate-desktop {
margin-bottom: -50px;
margin-left: auto;
margin-right: auto;
transform: none;
}
.blog-all-form-wrapper {
margin-left: 72px;
}
.case-section-logo.png-with-spaces.case-study-item {
height: 70px;
}
.case-kpi {
font-size: 59px;
}
.case-kpi- {
font-size: 45px;
}
.kpi-4-squares {
padding-left: 0;
padding-right: 0;
}
.content-kpi {
padding-left: 24px;
padding-right: 24px;
}
.content-kpi.one-case {
margin-top: 32px;
}
.case-kpi-additional {
flex-flow: column;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
position: relative;
}
.industries-text-wrapper {
position: relative;
}
.list-item-not-blog {
font-size: var(--teacode-body-fonts--body-small);
}
.industries-info-wrapper {
grid-column-gap: var(--teacode-type-weight--teacode-spaces--6);
grid-row-gap: var(--teacode-type-weight--teacode-spaces--6);
flex-flow: column;
}
.industries-info-wrapper.u-d-100.u-d-flex-ml-horizontal {
flex-flow: row;
}
.industries-info-col-first, .industries-info-col-second {
width: 100%;
}
.industries-details-wrapper {
grid-column-gap: var(--teacode-type-weight--teacode-spaces--6);
grid-row-gap: var(--teacode-type-weight--teacode-spaces--6);
flex-flow: column;
}
.industries-details-col-text, .industries-details-col-img {
width: 100%;
}
.industries-details-col-img.mobile-first {
order: -1;
}
.industries-details-col-img.mobile-first.travel {
justify-content: center;
align-items: flex-start;
display: flex;
}
.industries-details-col-img.center {
justify-content: center;
align-items: center;
display: flex;
}
.industry-addon-right {
height: 500px;
top: -80px;
}
.industry-addon-right.second {
right: -120px;
}
.industry-addon-right.ecommerce, .industry-addon-right.real-estate, .industry-addon-right.startups, .industry-addon-right.startups {
height: 400px;
top: -100px;
left: 45%;
}
.industry-addon-right.logistics {
height: 400px;
top: -48px;
left: 45%;
}
.industry-addon-right.travel {
right: -550px;
}
.industry-addon-right.consultancy {
height: 450px;
top: -128px;
right: -450px;
}
.industry-addon-right.chatbot {
right: -120px;
}
.industry-addon-right.mobile, .industry-addon-right.web, .industry-addon-right.design, .industry-addon-right.chatbot, .industry-addon-right.digital-product {
height: 500px;
top: -128px;
right: -550px;
}
.industry-addon-right.custom-software {
height: 500px;
top: -80px;
right: -560px;
}
.industry-addon-right.modernisation {
height: 400px;
top: -60px;
right: -450px;
}
.industry-addon-right.ai-development {
height: 500px;
top: -128px;
right: -550px;
}
.industry-addon-bottom {
top: 260px;
}
.row-2-items.row-2-items-space-between.row-2-items-center.margins {
margin-top: -48px;
margin-bottom: -80px;
}
.row-2-items.row-2-items-space-between.row-2-items-mobile-vertical {
flex-flow: column;
align-items: center;
}
.row-2-items.row-2-items-space-between.row-2-items-mobile-vertical.row-2-items-left {
align-items: flex-start;
}
.row-2-items-item, .row-2-items-item.row-2-items-item-4-10.row-2-items-item-mobile-full, .row-2-items-item.row-2-items-item-6-10.row-2-items-item-mobile-full {
width: 100%;
}
.row-2-items-item.u-mt-ml-5 {
margin-top: 40px;
}
.row-2-items-item.results.row-2-items-item-mobile-full {
width: 100%;
}
.row-2-items-item.u-d-hidden-ml {
display: none;
}
.row-2-items-item.plannin-development {
width: 100%;
}
.row-2-items-item.launch {
align-self: flex-start;
width: 50%;
}
.row-2-items-item.ruff-pass {
min-height: 200px;
}
.banner-img-old {
max-width: 100%;
top: 0;
right: -200px;
}
.case-kpi-image {
object-fit: cover;
width: auto;
height: auto;
padding-bottom: 20px;
position: relative;
top: 32px;
left: 0;
right: 0;
}
.case-kpi-image.hocomo {
top: 48px;
}
.kpi-add-kpis {
width: 100%;
padding-left: 32px;
padding-right: 32px;
}
.trava-mobile-bottom {
width: 100%;
}
.trava-mobile-top {
width: 110%;
max-width: 110%;
}
.case-study-item-img {
padding-top: 16px;
}
.case-study-item-img.desktop.plannin {
padding-top: 64px;
}
.case-study-item-paragraph.plannin {
width: 60%;
}
.rwd-h5-services {
font-size: var(--teacode-headers--h5-s);
letter-spacing: var(--teacode-type-h5-s--letter-spacing);
}
.services-squares-row {
flex-flow: wrap;
}
.services-squares-item {
aspect-ratio: 2 / 3;
width: 48%;
height: auto;
max-height: 300px;
}
.img-service {
position: static;
}
.services-details-wrapper {
grid-column-gap: var(--teacode-type-weight--teacode-spaces--6);
grid-row-gap: var(--teacode-type-weight--teacode-spaces--6);
flex-flow: column;
}
.services-details-col-img {
justify-content: center;
align-items: center;
width: 100%;
display: flex;
}
.services-details-col-img.mobile-first {
order: -1;
}
.services-details-col-text {
width: 100%;
}
.services-deliverables-wrapper {
flex-flow: column;
padding-bottom: 48px;
padding-left: 32px;
padding-right: 0;
position: relative;
}
.services-deliverables-wrapper.branding.u-bg-lightgray-ml {
background-color: var(--teacode-colours--tc-background);
}
.service-deliverables-left, .service-deliverables-right {
width: 100%;
}
.ribbon-logos-wrapper-static {
grid-column-gap: 48px;
grid-row-gap: 48px;
}
.categories-paragraph {
padding-right: var(--teacode-type-weight--teacode-spaces--1-5);
padding-left: var(--teacode-type-weight--teacode-spaces--1-5);
font-size: var(--teacode-fonts-label--label-xsmall);
}
.categories-paragraph:active {
background-color: var(--teacode-colours--tc-white);
}
.richtext-h4 {
font-size: var(--teacode-headers--h5-s);
}
.icon-single-line {
margin-top: var(--teacode-type-weight--teacode-spaces--2);
max-width: none;
height: 64px;
}
.u-text-maxw-blog {
max-width: 22ch;
}
.technology-case-studies.bts {
height: 30px;
}
.case-study-container-image {
top: -120px;
}
.case-study-container-image.mobile-mockup {
width: 55%;
top: -24px;
right: 21%;
}
.case-study-container-image.mobile-mockup-second {
width: 60%;
right: 20%;
}
.case-study-container-image.small {
aspect-ratio: 1;
width: 47%;
height: auto;
}
.case-study-container-image.bts {
object-fit: cover;
object-position: 50% 50%;
width: auto;
margin-left: 0;
margin-right: 0;
position: relative;
top: -25px;
}
.case-study-container-image.bts._2 {
top: -143px;
}
.case-study-container-image.bts._2.ruff-pass {
height: 100%;
top: 0;
}
.case-study-container-image.bts._3 {
top: -91px;
}
.case-study-container-image.bts._3.ruff-pass {
height: 100%;
top: 0;
}
.trava-mobile-mockup-top {
width: 110%;
max-width: 110%;
}
.trava-mobile-mockup-bottom {
width: 100%;
}
.case-mid-section.background-skydreamer {
height: 850px;
}
.case-mid-section.buzzin-main.spaces {
height: auto;
}
.rwd-h6 {
font-size: var(--teacode-headers--h6-s);
}
.big-kpi-container {
margin-top: 72px;
margin-bottom: 48px;
}
.u-d-8-10.u-d-centered {
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
}
.trava-flat-mockup-1, .trava-flat-mockup-2 {
right: 70px;
}
.trava-flat-mockup-3, .trava-flat-mockup-4, .trava-flat-mockup-5 {
right: -100px;
}
.trava-flat-mockup-6, .trava-flat-mockup-7 {
width: 110%;
max-width: 110%;
}
.green-sec-photo-small {
padding-top: var(--teacode-type-weight--teacode-spaces--2);
margin-left: auto;
margin-right: auto;
display: none;
position: relative;
inset: auto auto 0;
}
.blog-author-details-small {
margin-right: var(--teacode-type-weight--teacode-spaces--3);
margin-left: var(--teacode-type-weight--teacode-spaces--3);
padding: var(--teacode-type-weight--teacode-spaces--4);
border-radius: var(--teacode-radius--rad-x-small);
background-color: var(--teacode-colours--tc-primary);
flex-flow: column;
width: auto;
display: flex;
}
.case-study-text-container {
width: 100%;
padding-left: 32px;
padding-right: 32px;
}
.case-study-text-container.muzeum {
order: -1;
width: 100%;
padding-left: 0;
padding-right: 0;
}
.relative-wrapper {
width: 70%;
}
.relative-wrapper.first {
order: -1;
}
.relative-wrapper.first.mobile-last {
order: 1;
}
.relative-wrapper.u-d-flex-horizontal.flex-hor-cent.u-d-gap-3.mobile-positioning {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-flow: row;
order: -1;
width: 100%;
max-width: none;
margin-top: -128px;
margin-bottom: -128px;
padding-left: 16px;
padding-right: 16px;
position: static;
}
.relative-wrapper.plannin-results {
height: 450px;
}
.relative-wrapper.plannin-results-2 {
flex-flow: column;
justify-content: space-between;
height: auto;
margin-bottom: 56px;
}
.u-mb-12.u-maxw-90vw-t {
max-width: 100%;
}
.process-mobile-scroll {
cursor: grabbing;
width: 150%;
max-width: 150%;
}
.process-mobile-scroll.plannin-featured {
box-shadow: none;
}
.process-mobile-scroll.desktop {
display: none;
}
.process-mobile-scroll.mobile {
display: block;
}
.process-mobile-scroll.plannin-tech {
width: 100%;
}
.form-block {
max-width: none;
}
.process-line-wrapper {
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
background-position: 0 0;
background-size: auto;
flex-flow: column;
order: -1;
margin-top: 0;
margin-right: 32px;
}
.process-line-dot {
display: none;
}
.process-line-dashed {
border-right: 2px dashed var(--borders-all--border-color);
border-bottom-style: none;
width: 2px;
height: 29vh;
margin-top: 0;
display: none;
position: relative;
top: 6px;
}
.process-line-dashed.last {
width: 2px;
}
.process-line-dashed.middle {
height: 26vh;
}
.process-stages-wrapper {
border-left: 2px dashed var(--teacode-colours--tc-body-tertiary);
border-bottom-style: none;
flex-flow: row;
align-items: flex-start;
padding-bottom: 32px;
padding-left: 32px;
}
.process-stages-wrapper.buzzin {
padding-top: 16px;
padding-bottom: 16px;
}
.process-stages-wrapper.buzzin.second {
border-left-style: none;
margin-bottom: 0;
position: absolute;
top: 0;
right: 0;
}
.skydreamer-mobile-mockup-bottom, .skydreamer-mobile-mockup-top {
width: 350px;
left: 15%;
}
.row-2-items-item-mobile-full {
width: 100%;
}
.drag-me {
width: 70px;
top: 80px;
right: 300px;
}
.dev-goals-wrapper {
flex-flow: column;
}
.dev-goals-wrapper.buzzin {
grid-column-gap: 48px;
grid-row-gap: 48px;
}
.dev-goals-item {
grid-column-gap: 32px;
grid-row-gap: 32px;
justify-content: flex-start;
}
.dev-goals-left, .dev-goals-left.buzzin, .dev-goals-right, .dev-goals-right.muzeum, .dev-goals-right.bts, .dev-goals-right.buzzin {
width: 100%;
}
.dev-goals-image {
width: 180px;
inset: -70px 20px auto auto;
}
.dev-goals-bar-wapper {
width: 100%;
}
.dev-goals-bar.left {
max-width: 100%;
left: -12%;
}
.dev-goals-bar.buzzin {
left: -85px;
}
.case-study-left-right {
grid-column-gap: var(--teacode-type-weight--teacode-spaces--6);
grid-row-gap: var(--teacode-type-weight--teacode-spaces--6);
flex-flow: column;
align-items: center;
}
.case-study-left-right.right {
justify-content: flex-start;
}
.case-study-green-kpi-description {
margin-bottom: var(--teacode-type-weight--teacode-spaces--6);
font-size: var(--teacode-headers--h3-s);
letter-spacing: var(--teacode-type-h3-s--letter-spacing);
}
.process-line-dot-abs {
z-index: 3;
aspect-ratio: 1;
width: 10px;
position: absolute;
top: 5px;
left: -38px;
}
.process-line-dot-abs.last {
inset: auto auto -32px -38px;
}
.process-line-dot-abs.last.buzzin {
inset: 5px auto -6px -38px;
}
.process-line-dot-abs._2, .process-line-dot-abs._2.buzzin, .process-line-dot-abs._3, .process-line-dot-abs._3.buzzin, .process-line-dot-abs.buzzin {
left: -38px;
}
.plannin-logo {
margin-bottom: -48px;
top: -51px;
}
.team-row-element {
flex-flow: row;
display: flex;
}
.results-bar.left {
max-width: 100%;
left: -12%;
}
.u-d-55.u-d-100--ml {
width: 100%;
}
.u-d-hidden-ml {
display: none;
}
.plannin-addon {
width: 200px;
min-width: 200px;
}
.plannin-addon._1 {
top: 11px;
left: calc(50% - 320px);
}
.plannin-addon._3 {
top: -539px;
}
.plannin-addon._6 {
top: 11px;
left: calc(50% + 120px);
}
.plannin-addon._5 {
top: 192px;
}
.plannin-addon._2 {
top: -354px;
left: calc(50% - 320px);
}
.plannin-addon._7 {
top: -354px;
left: calc(50% + 120px);
}
.image-36 {
max-width: none;
height: 100%;
}
.development-wrapper-item {
flex-flow: row;
align-items: flex-start;
padding-bottom: 32px;
padding-left: 32px;
}
.development-bubble {
width: 350px;
top: -64px;
left: 40%;
}
.u-d-visible-mp {
display: block;
}
.plannin-redesign-image-1 {
width: 90%;
margin-left: auto;
margin-right: auto;
position: static;
box-shadow: 11px 16px 32px -22px #00000026;
}
.plannin-redesign-image-2 {
width: 90%;
margin-top: 16px;
margin-left: auto;
margin-right: auto;
position: static;
box-shadow: 11px 16px 32px -22px #00000026;
}
.redesign-arrow, .redesign-arrow-paragraph {
display: none;
}
.kpi-green-background {
width: 120%;
transform: translate(-10%, 10%);
}
.discovery-persona-item {
width: 112px;
}
.discovery-contents-wrapper {
margin-bottom: 112px;
}
.discovery-contents-first {
flex-flow: column;
}
.discovery-contents-second {
flex-flow: column;
margin-top: 32px;
}
.discovery-contents-left, .discovery-contents-right {
width: 100%;
}
.discovery-contents-right.second {
order: -1;
}
.kpi-plannin-background {
width: 120%;
bottom: 16px;
transform: translate(-10%, 10%);
}
.plannin-results-left, .plannin-results-right {
width: 100%;
}
.plannin-flat-mockup-1, .plannin-flat-mockup-2 {
right: 70px;
}
.plannin-flat-mockup-3, .plannin-flat-mockup-4, .plannin-flat-mockup-5 {
right: -100px;
}
.plannin-flat-mockup-6, .plannin-flat-mockup-7 {
width: 110%;
max-width: 110%;
}
.flat-mockup-wrapper._1 {
display: none;
}
.flat-mockup-wrapper._2 {
top: -226px;
right: 11px;
}
.plannin-role-involvement {
z-index: 1;
position: relative;
}
.plannin-role-involvement.ruff-pass {
-webkit-mask: none 0;
mask: none 0;
}
.plannin-role-involvement-title {
z-index: 2;
position: relative;
}
.plannin-role-involvement-title.bts {
width: 90%;
}
.greg-persona-text {
display: none;
}
.greg-persona {
width: 220px;
margin-top: -218px;
margin-left: 37px;
}
.greg-arrow {
top: 80%;
right: 61px;
}
.greg-name {
top: 74%;
right: 40px;
}
.greg-persona-description {
padding-left: 0;
padding-right: 0;
}
.greg-apps {
margin-top: 32px;
}
.discovery-pros-cons-wrapper {
flex-flow: column;
justify-content: flex-start;
align-items: stretch;
}
.discovery-pros {
width: 100%;
}
.discovery-cons {
width: 100%;
margin-top: 32px;
}
.image-38 {
display: none;
}
.image-39, .greg-persona-text-mobile {
display: block;
}
.plannin-mosaic-column-wrapper {
overflow: visible;
}
.mosaic-background {
height: 567px;
top: -256px;
}
.relative-mosaic-wrappr {
width: 100%;
}
.relative-mosaic-wrappr.u-mb--23, .plannin-kpi-wrapper.u-mb--23 {
margin-bottom: -140px;
}
.scroll-me-arrow {
width: 70px;
display: block;
position: absolute;
transform: rotate(74deg);
}
.scroll-me-arrow.featured {
width: 120px;
top: 30px;
left: -35px;
}
.scroll-me-arrow.development {
width: 120px;
top: 116px;
left: -31px;
}
.scroll-me-text {
font-size: 18px;
display: block;
position: absolute;
top: 51px;
left: -11px;
}
.scroll-me-text.featured {
top: 74px;
left: 22px;
}
.scroll-me-text.development {
top: 152px;
left: 30px;
}
.scroll-me-wrapper {
width: 200px;
height: 100px;
position: absolute;
bottom: 39px;
left: 60px;
right: auto;
}
.scroll-me-wrapper.development {
bottom: -22px;
left: auto;
right: 0;
}
.scroll-me-wrapper.featured {
bottom: -89px;
left: auto;
right: 20px;
}
.creators-paths {
width: 170px;
display: block;
position: absolute;
top: 0;
right: 20px;
}
.redesign-arrow-mobile {
width: 60px;
display: block;
inset: auto 37% -131px auto;
transform: rotate(28deg);
}
.redesign-arrow-paragraph-mobile {
display: block;
inset: auto 35% -92px auto;
}
.contact-role-width {
width: 70%;
}
.muzeum-description-wrapper {
flex-flow: column;
}
.muzeum-description-left {
width: 100%;
padding-top: 48px;
padding-left: 24px;
padding-right: 24px;
}
.muzeum-description-right {
order: -1;
width: 100%;
padding-left: 24px;
padding-right: 24px;
}
.muzeum-description-content, .muzeum-description-content.narrow {
width: 100%;
}
.muzeum-description-content.narrow.first {
order: -1;
}
.muzeum-paragraph {
width: 100%;
}
.font-list-default {
font-size: var(--teacode-body-fonts--body-small);
}
.button-plannin {
padding: var(--teacode-type-weight--teacode-spaces--0-5) var(--teacode-type-weight--teacode-spaces--1-5);
font-size: var(--teacode-fonts-caption--caption-xsmall);
}
.accordion-paragraph---faq-2 {
font-size: 16px;
line-height: 1.6;
}
.btn-2 {
padding: 8px 24px;
}
.faq-addon-2 {
max-width: 100%;
margin-top: 32px;
}
.accordion-item---faq-2.accordion-2---faq {
border-radius: 32px;
margin-bottom: 16px;
padding: 16px 24px;
}
.accordion-item---faq-2.accordion-2---faq.content.faq---1st-element {
padding-top: 16px;
}
.accordion-item-title---faq-2 {
font-size: 24px;
}
.accordion-item-title---faq-2.rwd-h4 {
letter-spacing: -.12px;
font-size: 24px;
}
.technologies-bts {
margin-top: 24px;
}
.our-team-element {
flex-flow: row;
width: 47%;
display: flex;
}
.infrastructure-wrapper.ruff-pass-process {
grid-column-gap: 48px;
grid-row-gap: 48px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
.infrastructure-wrapper.ruff-pass-process.text {
display: none;
}
.infrastructure-item.ruff-pass.shorter {
height: auto;
}
.bts-results {
width: 100%;
margin-bottom: 220px;
}
.bts-results-image {
left: auto;
}
.bts-features-item {
width: 80%;
}
.bts-features-item.middle.second {
margin-left: 40px;
}
.bts-features-item.middle.first {
margin-left: -40px;
}
.case-study-image-wrapper {
border-radius: 32px;
width: 100%;
height: 350px;
overflow: hidden;
}
.case-study-image-wrapper.first.ruff-pass {
justify-content: center;
align-items: center;
width: 80%;
display: flex;
}
.case-study-image-wrapper.ruff-pass {
justify-content: center;
align-items: center;
width: 80%;
height: auto;
display: flex;
}
.testimonial-author.mobile-hide {
display: none;
}
.testimonial-author.mobile-visible {
display: block;
}
.testimonial-photo-2 {
right: 10px;
}
.testimonial-wrapper {
grid-column-gap: 64px;
grid-row-gap: 64px;
padding-left: 24px;
padding-right: 24px;
}
.testimonial-column-left {
width: 40%;
margin-left: -38px;
}
.testimonial-column-left.version-3, .testimonial-column-left.version-4 {
margin-left: 32px;
}
.testimonial-photo-3 {
width: 240px;
bottom: -83px;
right: 29px;
}
.homepage-skift-badge {
width: 80px;
right: 10px;
}
.ruff-pass-mockup-mobile {
width: 25%;
}
.ruff-pass-mockup-mobile.middle {
z-index: 5;
top: -60px;
}
.ruff-pass-mockup-mobile.last {
z-index: 5;
top: -120px;
}
.ruff-pass-role-involvement-wrapper {
padding-left: 24px;
padding-right: 24px;
}
.ruff-pass-role-involvement-solution-wrapper {
width: 50%;
}
.ruff-pass-involvement-image-wrapper.left, .ruff-pass-involvement-image-wrapper.right {
width: 100%;
padding-left: 24px;
padding-right: 24px;
}
.ruff-pass-image-subtext {
width: 100%;
}
.results-block-wrapper.ruff-pass-process {
height: auto;
}
.ruff-pass-list-element {
font-size: var(--teacode-body-fonts--body-small);
}
.ruffpass-results-image {
width: 100%;
}
.code-embed-5 {
top: -221px;
left: -673px;
}
.ai-driven-badge {
display: none;
}
.ai-driven-badge.mobile {
width: 60px;
display: block;
inset: -16px -80px auto auto;
}
.u-d-relative {
position: relative;
}
.case-study-intro-col-right {
width: 100%;
}
.case-study-section-intro-wrapper.buzzin {
margin-bottom: 48px;
}
.case-study-section-intro-wrapper.mobile {
flex-flow: column;
}
.case-study-section-intro-paragraphs.mobile {
width: 100%;
}
.buzzin-desktop-mockup {
width: 320px;
}
.buzzin-yellow-floating {
width: 200px;
bottom: 137px;
left: 62%;
}
.buzzin-yellow-arrow {
width: 120px;
left: 56%;
}
.rwd-h2 {
font-size: var(--teacode-headers--h2-s);
letter-spacing: var(--teacode-type-h2-s--letter-spacing);
}
.rwd-h2.u-mb-0.proper {
font-size: var(--teacode-headers--h2-s);
}
.buzzin-addon {
width: 200px;
position: static;
}
.buzzin-addon.mobile {
display: block;
}
.buzzin-phone-mockup {
width: 40%;
}
.buzzin-phone-mockup-small {
width: 35%;
}
.case-study-section-intr-paragraph.full {
width: 100%;
}
.buzzin-kpi-text {
text-align: left;
}
.buzzin-kpi-text.year {
font-size: 14px;
}
.buzzin-kpi-number {
font-size: 64px;
}
.buzzin-kpi-addon-arrow {
width: 60px;
top: -20px;
}
.buzzin-timeline-parent-wrapper {
margin-bottom: 140px;
position: relative;
}
.double-kpi-wrapper {
flex-flow: column;
padding-left: 32px;
padding-right: 32px;
}
.double-kpi-image {
width: 100%;
}
.section-testimonial-three {
padding-top: var(--teacode-type-weight--teacode-spaces--6);
padding-bottom: var(--teacode-type-weight--teacode-spaces--8);
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
}
.section-testimonial-four {
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
}
.testimonial-photo-4 {
width: 240px;
left: -11px;
}
}
@media screen and (max-width: 479px) {
body {
font-size: var(--teacode-type-paragraph--font-size-mp);
}
h1 {
font-size: var(--teacode-headers--h4-s);
}
h2 {
margin-bottom: var(--teacode-type-weight--teacode-spaces--2);
font-size: var(--teacode-headers--h4-s);
}
h3 {
font-size: var(--teacode-headers--h5-s);
}
h4 {
font-size: var(--teacode-type-h4--font-size-t);
}
h6 {
font-size: var(--teacode-headers--h6-s);
}
.h1 {
font-size: var(--teacode-type-h1--font-size-mp);
}
.h2 {
font-size: var(--teacode-type-h2--font-size-xs);
}
.h3 {
font-size: var(--teacode-type-h3--font-size-mp);
}
.h4 {
font-size: var(--teacode-type-h4--font-size-mp);
}
.section {
padding-top: var(--teacode-section-layout--section-padding-mp);
padding-bottom: var(--teacode-section-layout--section-padding-mp);
}
.section.healthcare-backgrounnd {
display: none;
}
.section.u-pb-0.u-pt-ml-13.u-pt-mp-13 {
padding-top: var(--teacode-type-weight--teacode-spaces--13);
}
.section.logotypes-overflow {
margin-top: 24px;
}
.section.green.case-study-testimonial {
padding-top: var(--teacode-type-weight--teacode-spaces--4);
padding-bottom: var(--teacode-type-weight--teacode-spaces--6);
}
.section.green.case-study-testimonial.color-buzzin.u-mb-8.photo {
justify-content: flex-start;
height: auto;
padding-bottom: 32px;
}
.section.green.case-study-testimonial.color-buzzin.u-mb-8.photo-three {
justify-content: flex-start;
height: 470px;
}
.section.u-overflow-clip.no-padding-d.no-paddng-top-mp, .section.u-overflow-clip.no-padding-d.no-paddng-top-t {
padding-top: 0;
}
.section.u-overflow-clip.u-pb-0-d.u-pb-0-t.u-pb-8-mp {
padding-bottom: 64px;
}
.section.u-pt-8.u-pt-0-mp {
padding-top: 0;
}
.section.blog.u-overflowe-mp-clip {
overflow: clip;
}
.section.background.u-pb-12-rwd.industry-background-first, .section.background.u-pb-12-rwd.industry-background-second {
padding-bottom: 0;
}
.section.background.u-pb-12-rwd.background-fintech {
background-color: #f3f1eb;
background-image: none;
background-size: auto;
}
.section.background.u-pb-12-rwd.service-cta-background, .section.u-bg-lightgray.u-pb-mp-0 {
padding-bottom: 0;
}
.section.u-bg-lightgray.ruff-pass-process-section.u-overflow-hidden.spaces {
padding-top: 32px;
}
.section.plannin {
height: 500px;
margin-top: 164px;
margin-bottom: 164px;
}
.section.plannin.case-study-testimonial {
padding-top: var(--teacode-type-weight--teacode-spaces--4);
padding-bottom: var(--teacode-type-weight--teacode-spaces--6);
}
.section.collaboration-margin {
padding-bottom: 176px;
overflow: clip;
}
.section.ruff-pass-blue {
margin-bottom: 32px;
}
.container {
position: relative;
}
.container.accordion-item-wrapper---faq {
margin-left: 32px;
margin-right: 32px;
}
.container.service-showcase {
padding-right: var(--teacode-container-layout--teacode-content-layout--padding-m-small);
padding-left: var(--teacode-container-layout--teacode-content-layout--padding-m-small);
}
.container.blog-img {
margin-right: var(--teacode-type-weight--teacode-spaces--2);
margin-left: var(--teacode-type-weight--teacode-spaces--2);
}
.container.white-space {
background-color: var(--teacode-colours--tc-white);
border-radius: 0;
}
.container.u-mb-8.u-mb-mp-0 {
margin-bottom: 0;
}
.container.u-mt-6.u-mt-mp-0 {
margin-top: 0;
}
.container.map-section {
height: 400px;
}
.container.map-section.u-d-flex-vertical-center.plannin {
height: auto;
}
.container.map-section.u-d-flex-vertical-center.plannin.yellow-section {
padding-top: 24px;
padding-bottom: 24px;
}
.container.mobile-content {
padding-left: 16px;
padding-right: 16px;
}
.container.u-d-z-index-3 {
overflow: visible;
}
.container.centered {
justify-content: flex-start;
align-items: center;
}
.container.ruff-pass-role-involvement-images {
grid-column-gap: 32px;
grid-row-gap: 32px;
flex-flow: column;
}
.container.ruff-pass-container-white, .container.buzzin-container-white {
border-radius: 32px;
margin-top: -60px;
padding-top: 64px;
}
.col {
max-width: 100%;
}
.col.col-xs-11 {
flex-basis: 91.67%;
max-width: 91.6667%;
}
.col.col-xs-6 {
flex-basis: 50%;
max-width: 50%;
}
.col.col-xs-10 {
flex-basis: 83.33%;
max-width: 83.3333%;
}
.col.col-xs-4 {
flex-basis: 33.33%;
max-width: 33.3333%;
}
.col.col-xs-3 {
flex-basis: 25%;
max-width: 25%;
}
.col.col-xs-7 {
flex-basis: 58.33%;
max-width: 58.3333%;
}
.col.col-xs-8 {
flex-basis: 66.67%;
max-width: 66.6667%;
}
.col.col-xs-9 {
flex-basis: 75%;
max-width: 75%;
}
.col.col-xs-2 {
flex-basis: 16.67%;
max-width: 16.6667%;
}
.col.col-xs-12 {
flex-basis: 100%;
max-width: 100%;
}
.col.col-xs-5 {
flex-basis: 41.67%;
max-width: 41.6667%;
}
.col.col-xs-1 {
flex-basis: 8.33%;
max-width: 8.33333%;
}
.col.col-xs-first {
order: -1;
}
.btn {
font-size: var(--teacode-fonts-label--label-medium);
}
.btn.small.empty.u-mr-2.u-mb-mp-1 {
margin-bottom: var(--teacode-type-weight--teacode-spaces--1);
}
.btn.label-large {
font-size: 14px;
}
.styles__row-example {
height: auto;
}
.styles__nav-menu {
padding-left: 7%;
padding-right: 7%;
}
.eyebrow {
font-size: var(--teacode-type-label--font-size-xs);
}
.paragraph-0-9 {
font-size: var(--teacode-type-paragraph--font-size-mp);
}
.paragraph-1-5 {
font-size: var(--teacode-type-caption--font-size-ml);
}
.paragraph-1-5.u-intro-par-length {
max-width: 20ch;
}
.u-text-white.u-text-primary-mp {
color: var(--teacode-colours--tc-body-primary);
}
.u-d-flex.u-d-flex-horizontal {
flex-flow: wrap;
}
.u-d-flex.u-d-flex-horizontal.u-d-gap-8.u-d-t-grid.u-text-left.u-d-ml-2-3 {
width: 100%;
}
.u-d-flex.u-d-flex-horizontal.u-mt-4.u-mt-t-3.u-d-flext-mp-vertical {
flex-flow: column;
}
.u-d-flex.u-d-d-30.u-d-t-50--center.u-d-ml-67--center.u-d-mp-100--center {
width: 100%;
}
.u-mt-0 {
margin-top: 0;
}
.u-mb-0 {
margin-bottom: 0;
}
.u-m-0 {
margin: 0;
}
.u-pb-0 {
padding-bottom: 0;
}
.u-p-0 {
padding: 0;
}
.u-pt-0 {
padding-top: 0;
}
.u-position-relative.u-mb--23 {
margin-bottom: -110px;
}
.u-position-relative.u-d-5-10 {
width: 50%;
}
.u-position-relative.u-d-5-10.u-visible-mp {
display: block;
}
.div-block {
font-size: var(--type-paragraph-1-25--font-size-xs);
}
.menu-bar {
padding-right: var(--teacode-container-layout--teacode-content-layout--padding-hor-mp\);
padding-left: var(--teacode-container-layout--teacode-content-layout--padding-hor-mp\);
}
.nav-menu {
padding-top: var(--teacode-container-layout--teacode-content-layout--padding-m-small);
padding-left: var(--teacode-container-layout--teacode-content-layout--padding-m-small);
}
.green-square {
align-self: center;
width: 290px;
left: -25%;
}
.clutch {
max-width: 192px;
}
.home-bubble {
right: -16%;
}
.categories {
padding-right: var(--teacode-type-weight--teacode-spaces--1-5);
padding-left: var(--teacode-type-weight--teacode-spaces--1-5);
}
.client-slider-slide.technology-static {
height: 80px;
}
.testimonials {
width: auto;
height: auto;
min-height: 250px;
}
.bubble2 {
top: 10px;
left: 224px;
}
.bubble5 {
right: 104px;
}
.bubble-continents {
right: 142px;
}
.bubble7 {
left: 406px;
}
.bubble-years {
left: 292px;
}
.u-justify-left.u-mt-4.u-mb-mp-4 {
margin-bottom: 32px;
}
.u-justify-left.u-mt-4.u-mb-mp-4.button-custom {
justify-content: center;
align-items: center;
display: flex;
}
.case-study-desc {
margin-top: 0;
margin-right: 10px;
}
.img-blog-miniature {
width: 100vw;
}
.people {
margin-bottom: -48px;
}
.img-people.michal {
right: 287px;
}
.img-people.mike {
right: 331px;
}
.img-people.bubble-large {
left: -22.9px;
}
.img-people.piotr {
right: 176px;
}
.img-people.bubble-blurred {
right: 343px;
}
.img-people.gaba {
right: 109px;
}
.img-people.dima {
right: 228px;
}
.img-people.bubble-blurred-2 {
right: -20px;
}
.img-people.kuba {
right: 52px;
}
.footer-1st-col {
padding-right: 0;
}
.footer-link-grid {
padding-top: var(--teacode-type-weight--teacode-spaces--2);
padding-left: 0;
}
.footer-col {
width: 100%;
}
.fooer-social {
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
}
.fs-3dglobe-container.globe-gradient {
height: 100vw;
}
.globe-testimonials-carousel {
width: 100vw;
margin-top: 9vw;
}
.intro-bubble-mobile {
top: 560px;
bottom: 0;
left: -58px;
}
.u-lg-hidden.u-position-relative {
margin-top: 25vw;
margin-bottom: 0;
position: relative;
}
.u-lg-hidden.u-d-flex.u-position-relative {
margin-top: 0;
}
.home-intro-mobile-mobile {
width: 210px;
margin-bottom: -80px;
top: -138px;
right: -78px;
}
.home-intro-web-mobile {
max-width: 332px;
}
.portfolio-sticky-child-copy {
padding-top: 0;
}
.case-study-mock {
width: 100vw;
height: 80vw;
}
.case-study-1-addon-2 {
bottom: -19.2vw;
}
.case-study-left {
width: 100vw;
}
.case-study-col-left {
height: 120vw;
}
.blog-title {
margin-top: 0;
margin-bottom: 0;
}
.cell-title-right {
justify-content: center;
align-items: flex-start;
}
.cell-title-centered {
text-align: left;
justify-content: center;
align-items: flex-start;
display: block;
}
.content {
padding-right: var(--teacode-container-layout--teacode-content-layout--padding-hor-mp\);
padding-left: var(--teacode-container-layout--teacode-content-layout--padding-hor-mp\);
}
.content.service-showcase---main {
min-height: 500px;
}
.content.blog-content {
margin-right: var(--teacode-type-weight--teacode-spaces--2);
margin-left: var(--teacode-type-weight--teacode-spaces--2);
align-self: stretch;
}
.content.blog-content.u-flex-align-left {
align-self: flex-start;
}
.content.u-ds-no-padd, .content.u-ds-no-pad {
padding-right: var(--teacode-container-layout--teacode-content-layout--padding-hor-mp\);
padding-left: var(--teacode-container-layout--teacode-content-layout--padding-hor-mp\);
}
.content.u-lg-hidden.u-ml-hidden {
display: none;
}
.content.u-mb-6.u-d-ml-hidden {
display: block;
}
.content.plannin-role-involvement-wrapper, .content.bts-compliance {
margin-top: -32px;
}
.content.flex-buzzin-main {
flex-flow: column;
justify-content: center;
align-items: stretch;
}
.page-intro {
padding-top: var(--teacode-type-weight--teacode-spaces--12);
padding-bottom: 0;
}
.page-intro.about-us {
background-image: none;
background-position: 0 0;
background-repeat: repeat;
background-size: auto;
}
.page-intro.contact {
background-image: none;
background-position: 0 0;
background-size: auto;
}
.page-intro.case-study.skydreamer {
background-color: #d4f0f8;
}
.page-intro.case-study.touchcom {
height: auto;
}
.page-intro.case-study.bts-admin-panel, .page-intro.case-study.ruff-pass {
background-color: #d4f0f8;
}
.page-intro.career {
background-image: none;
}
.page-intro.healthcare {
background-image: none;
background-position: 0 0;
background-repeat: repeat;
background-size: auto;
}
.page-intro.fintech, .page-intro.travel, .page-intro.ecommerce, .page-intro.marketing, .page-intro.logistics, .page-intro.real-estate, .page-intro.startups {
background-image: none;
background-position: 0 0;
background-size: auto;
}
.page-intro.consultancy, .page-intro.branding, .page-intro.mobile-app-dev, .page-intro.custom-software-dev, .page-intro.custom-software-dev.test, .page-intro.web-app-dev, .page-intro.chatbot, .page-intro.ai, .page-intro.digital-product, .page-intro.modernisation {
background-image: none;
background-position: 0 0;
background-repeat: repeat;
background-size: auto;
}
.speaker-slide-content {
padding-bottom: 6px;
}
.clip-text.speaker-headding {
margin-top: 0;
}
.speaker-arrow {
top: auto;
bottom: -35px;
right: 5vw;
}
.speaker-arrow.left {
margin-right: 84px;
left: auto;
right: 0;
}
.speaker-name {
font-size: 30px;
}
.u-d-underline-none.blog-title {
padding-top: var(--teacode-type-weight--teacode-spaces--1);
height: auto;
min-height: auto;
margin-bottom: 48px;
}
.accordion-paragraph---brix {
max-width: 100%;
padding-bottom: 20px;
}
.accordion-item---faq.accordion-2---faq.content {
justify-content: center;
align-items: stretch;
}
.accordion-trigger---faq {
white-space: pre-wrap;
width: 100%;
}
.accordion-trigger---faq._3rd-trigger {
width: 90%;
}
.accordion-paragraph---faq {
max-width: 100%;
}
.testimonial-slide-mask {
padding-left: 0%;
}
.testiminial-slide-content {
padding-bottom: 6px;
}
.testimonial-arrows {
inset: 33% 0% auto auto;
}
.testimonial-arrows.left {
margin-top: auto;
margin-bottom: auto;
margin-left: 0;
inset: 0 auto 0% 0%;
}
.testimonial-arrows.right {
margin-top: auto;
margin-bottom: auto;
margin-right: 0;
}
.service-showcase---title {
padding-top: 0;
}
.image-3rd.service-showcase---img-mobile {
background-size: auto 360px;
}
.square {
border-radius: var(--teacode-radius--rad-small);
font-size: var(--teacode-type-caption--font-size-ml);
width: 100%;
padding: 20px;
}
.square.kpi, .square.service-square {
width: 100%;
max-width: 320px;
padding: 32px;
}
.form-text-field {
margin-bottom: var(--teacode-type-weight--teacode-spaces--2);
}
.green-sec-testimonial-area {
padding-top: var(--teacode-type-weight--teacode-spaces--6);
}
.quote-mark.quote2 {
inset: auto 0% -24px auto;
}
.desc-process {
width: 100%;
max-width: 437px;
}
.mobile-portfolio-slider-div {
height: auto;
}
.mobile-portfolio-slide-mask.process-slider {
width: 70%;
}
.mobile-portfolio-slide {
padding-left: 16px;
}
.mobile-portfolio-slide-content {
padding-bottom: 6px;
}
.mobile-portfolio-desc {
height: auto;
min-height: 300px;
}
.mobile-portfolio-end-img {
height: 40vh;
min-height: 300px;
}
.mobile-portfolio-main-img {
width: 100vw;
}
.mobile-case-study-2-addon-1 {
right: 61%;
}
.mobile-case-study-2-addon-2 {
bottom: -19.2vw;
left: 56%;
}
.mobile-case-study-3-addon-1 {
right: 61%;
}
.mobile-case-study-3-addon-2 {
bottom: -19.2vw;
left: 56%;
}
.arrow-button.career-arrow {
width: 18px;
max-width: 18px;
height: 18px;
}
.career-list-img {
margin-bottom: var(--teacode-type-weight--teacode-spaces--1);
height: 200px;
}
.faq-expl {
margin-right: 0%;
}
.footer-links-arrow {
background-position: 100%;
}
.circle-1.globe-distant-gradient-dimensions {
width: 90vw;
height: 90vw;
margin-top: 0;
overflow: auto;
}
.circle-2.globe-close-gradient-dimensions {
width: 80vw;
height: 80vw;
margin-top: 0;
top: 10vw;
box-shadow: inset 0 0 250px #4addac4d, 0 0 60px #4addac4d;
}
.circle-2.globe-close-gradient-dimensions.circle-glow {
width: 77vw;
height: 77vw;
top: 11.9vw;
}
.carousel-item {
width: 90vw;
}
.blog-intro {
margin-top: var(--teacode-type-weight--teacode-spaces--11);
}
.blog-details {
flex-flow: column;
align-items: flex-start;
}
.table-6 {
width: 93vw;
overflow: auto;
}
.cta-banner {
width: 100%;
}
.cta-banner.contact {
background-image: none;
background-position: 0 0;
background-size: auto;
}
.img-blog-cta.right {
height: 210px;
top: auto;
bottom: 0;
}
.informational-clause {
width: 100%;
}
.forn-news-input {
font-size: var(--teacode-body-fonts--body-xsmall);
width: 250px;
}
.intro-home-length {
flex-flow: column;
justify-content: center;
align-items: flex-start;
}
.intro-home-length.u-mp-align-left {
display: flex;
}
.home-intro-trava {
height: 327px;
left: 14%;
}
.portfolio-left {
width: 220px;
height: 142px;
}
.portfolio-left.trava {
width: 75%;
}
.portfolio-right {
margin-top: var(--teacode-type-weight--teacode-spaces--8);
}
.heading-13.u-mb-8.u-mb-t-6 {
margin-bottom: var(--teacode-container-layout--teacode-content-layout--padding-m-large);
}
.portfolio-addon-1 {
height: 59px;
top: -18px;
right: -37px;
}
.portfolio-addon-2 {
height: 112px;
top: auto;
bottom: -35px;
left: 12px;
}
.portfolio-addon-2.u-img-no-shadow.icongenie, .portfolio-addon-2.u-img-no-shadow.plannin {
bottom: -59px;
left: -35px;
}
.portfolio-title {
margin-top: var(--teacode-container-layout--teacode-content-layout--padding-m-small);
margin-bottom: var(--teacode-container-layout--teacode-content-layout--padding-m-small);
font-size: var(--teacode-headers--h4-s);
}
.content-t {
padding-right: var(--teacode-type-weight--teacode-spaces--2);
padding-left: var(--teacode-type-weight--teacode-spaces--2);
}
.portfolio-main-img-container {
border-radius: var(--teacode-radius--rad-x-small);
}
.bubbles-container {
width: 550px;
margin-right: -30px;
}
.u-d-7-10.u-mb-11.u-mb-4-mp {
margin-bottom: 24px;
}
.process-bubble {
inset: -35px 1% auto auto;
}
.process-bubble._1st-bubble {
top: 200px;
left: 164px;
right: auto;
}
.process-bubble._3rd-bubble {
top: 164px;
left: 122px;
right: auto;
}
.process-mobile-slide {
width: 90vw;
max-width: 437px;
}
.img-process-mobile {
width: 240px;
}
.sticky-parent-tab {
height: 100vh;
}
.footer-arrow-mobile.navbar-arrow {
object-fit: contain;
width: 12px;
height: auto;
}
.footer-menu-category {
width: auto;
}
.homepage-intro {
width: 737px;
}
.homepage-intro-web1 {
top: 350px;
right: 5px;
}
.homepage-intro-web1.skift {
width: 50px;
top: 322px;
right: 226px;
}
.homepage-intro-mob2 {
height: 327px;
top: 223px;
left: 191px;
}
.homepage-intro-web2 {
width: 254px;
right: 280px;
}
.homepage-intro-bubble {
inset: auto 420px 0% auto;
}
.homepage-intro-mob1 {
right: 208px;
}
.homepage-introgreen-square {
align-self: center;
width: 290px;
top: 320px;
left: 149px;
}
.homepage-intro-par-div {
width: 40%;
}
.homepage-intro-bubble-2 {
right: -16%;
}
.rwd-h1 {
font-size: var(--teacode-headers--h3-s);
letter-spacing: var(--teacode-type-h3-s--letter-spacing);
}
.rwd-h3.u-mb-4.u-text-left.u-text-centered-mp {
text-align: center;
}
.rwd-h3.u-mb-4.ruff-pass.results, .rwd-h3.u-mb-4.buzzin.results {
width: 100%;
}
.rwd-h3.case-study-intro-h {
width: 100%;
margin-bottom: 0;
}
.rwd-h4.buzzin-results.proper {
font-size: var(--teacode-headers--h4-s);
}
.rwd-h5.no-margin.maxw-custom {
max-width: none;
}
.div-block-46 {
padding-left: var(--teacode-type-weight--teacode-spaces--7);
}
.blog-meta {
margin-top: var(--teacode-type-weight--teacode-spaces--2);
justify-content: center;
align-items: flex-start;
}
.blog-intro-img {
height: 200px;
}
.body-large.u-ml-2.body-medium-ml.body-small-mp {
font-size: var(--teacode-body-fonts--body-small);
}
.body-large.u-ml-2.body-medium-ml.body-small-mp.u-ml-1-mp {
margin-left: 8px;
}
.data-source-desc {
width: 90vw;
}
.blog-author-details {
margin-right: var(--teacode-type-weight--teacode-spaces--2);
margin-left: var(--teacode-type-weight--teacode-spaces--2);
padding-right: var(--teacode-type-weight--teacode-spaces--2);
padding-left: var(--teacode-type-weight--teacode-spaces--2);
overflow: hidden;
}
.blog-content-img {
height: 200px;
}
.list-4 {
margin-left: -6px;
}
.nav-col {
width: 100%;
}
.service-grid-item {
height: 440px;
}
.service-showcase-content-wrapper {
width: 90%;
margin-bottom: 24px;
margin-left: 0;
margin-right: 0;
}
.page-intro-text-block {
width: 90%;
}
.page-intro-text-block.chatbot, .page-intro-text-block.custom-software {
width: 100%;
}
.square-title {
font-size: var(--teacode-headers--h5-s);
}
.code-embed-clutch {
z-index: 1;
}
.case-study-paragraph {
width: 100%;
}
.case-study-intro-container {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-flow: column;
}
.case-study-link-block {
border-radius: 32px;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
min-height: 420px;
}
.case-study-background {
object-fit: contain;
object-position: 50% 50%;
margin-left: auto;
margin-right: auto;
top: 100px;
bottom: auto;
right: auto;
}
.case-study-content {
width: auto;
padding: 48px 24px 24px;
}
.case-study-curiosity.left {
width: 110%;
max-width: none;
}
.case-study-testim-line.photo-2 {
top: -31px;
left: -968px;
}
.icon---number._1 {
bottom: 201px;
right: 3%;
}
.icon---number.color-plannin._1.swipe {
top: -20px;
left: 195px;
right: auto;
}
.icon---number.color-plannin._2.swipe {
top: -20px;
right: -55px;
}
.icon---number.color-plannin._3.swipe {
top: 140px;
left: 150px;
}
.icon---number.color-plannin._4.swipe {
top: 230px;
left: -5px;
}
.case-study-intro-img-container {
width: 656px;
height: 554px;
}
.case-study-intro-img-container.muzeum {
height: 470px;
}
.case-study-intro-img-container.ruffpass {
width: 740px;
}
.case-study-intro-img.exotic {
margin-left: -170px;
}
.case-study-intro-img.muzeum {
margin-left: -50px;
}
.case-study-intro-img.ruff-pass {
margin-left: -164px;
}
.curiosity-container.left {
width: 110%;
}
.case-study-text-cat {
grid-column-gap: var(--teacode-type-weight--teacode-spaces--2);
grid-row-gap: var(--teacode-type-weight--teacode-spaces--2);
}
.testimonial-col.left {
width: 75%;
}
.testimonial-col.left.new {
width: 70%;
}
.testimonial-col.right {
padding-bottom: var(--teacode-type-weight--teacode-spaces--2);
}
.case-study-heading {
width: 100%;
}
.div-block-52 {
flex-flow: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 100%;
height: 100%;
display: flex;
position: absolute;
}
.green-people-pic.asia {
margin-top: 0;
}
.green-people-pic.blog {
width: 200px;
padding-top: 32px;
position: static;
}
.u-d-flex-horizontal {
grid-column-gap: var(--teacode-type-weight--teacode-spaces--4);
grid-row-gap: var(--teacode-type-weight--teacode-spaces--4);
}
.u-d-mp-100 {
width: 100%;
}
.page-intro-img-container-mobile {
z-index: -1;
justify-content: center;
align-items: flex-start;
width: 100%;
height: 300px;
margin-top: -80px;
display: flex;
position: relative;
overflow: clip;
}
.page-intro-img-container-mobile.test {
top: 30px;
}
.contact {
background-image: url("https://cdn.prod.website-files.com/65ca6f59445c0a52f3323325/66f1bb51bbb1a9a1b157589a_TeaCode%20contact.webp");
background-position: 0 0;
background-size: 130%;
}
.u-pt-8.u-pb-3.u-pt-t-6.u-pt-t-0.u-pt-ml-8.u-pt-mp-4 {
padding-top: var(--teacode-type-weight--teacode-spaces--4);
}
.row-3-items.row-3-items-mobile-vertical.plannin-kpi {
flex-flow: column;
}
.row-3-items-item {
width: 80%;
}
.row-3-items-item.u-position-relative-ml.u-d-70--ml.u-d-100--mp, .row-3-items-item.row-3-items-mobile-full {
width: 100%;
}
.row-3-items-item.plannin-kpi {
align-items: center;
width: 100%;
}
.row-3-items-item.plannin-kpi.last {
padding-bottom: 24px;
}
.page-intro-img-mobile {
max-width: none;
height: 130%;
}
.page-intro-img-mobile.medical, .page-intro-img-mobile.consultancy {
margin-left: -200px;
}
.page-intro-img-mobile.branding {
margin-left: -320px;
}
.page-intro-img-mobile.mobile-app-dev {
margin-top: 20px;
margin-left: -200px;
}
.page-intro-img-mobile.custom-software-dev {
margin-left: -200px;
}
.page-intro-img-mobile.web-app-dev {
height: 120%;
margin-left: -250px;
}
.page-intro-img-mobile.ai {
margin-top: 20px;
margin-left: -200px;
}
.page-intro-img-mobile.startups {
margin-left: -250px;
}
.page-intro-img-mobile.digital-product, .page-intro-img-mobile.modernisaton {
margin-left: -200px;
}
.u-d-100.u-d-flex-horizontal.space-between.gap-2.u-d-flex-ml-horizontal.u-d-flex-mp-vertical {
flex-flow: column;
align-items: center;
}
.u-d-100.u-d-overflow-scroll.plannin-tech {
justify-content: center;
align-items: center;
}
.img-industry {
width: 207px;
}
.img-industry.right.industry-shield {
width: 300px;
}
.img-industry.right.medical-board {
width: 250px;
}
.img-industry.right.marketing-envelope {
width: 250px;
margin-bottom: -60px;
}
.img-industry.right.ecommerce-phone-right {
width: 250px;
margin-bottom: -30px;
}
.img-industry.right.real-estate-phone {
width: 250px;
margin-bottom: -40px;
}
.img-industry.right.real-estate-desktop-right {
width: 250px;
}
.img-industry.healthcare-bars {
width: 320px;
max-width: none;
position: absolute;
left: auto;
transform: translate(-10px);
}
.img-industry.pills {
width: 250px;
transform: translate(-30px);
}
.img-industry.smartwatch {
width: 320px;
margin-bottom: -96px;
}
.img-industry.fintech-walking {
width: 250px;
transform: translate(-30px);
}
.img-industry.marketing-cart {
width: 250px;
margin-bottom: -70px;
}
.img-industry.ecommerce-phone-left {
width: 250px;
margin-bottom: -30px;
transform: none;
}
.img-industry.real-estate-phone-vertical {
width: 250px;
margin-bottom: -30px;
}
.img-industry.real-estate-desktop {
width: 250px;
}
.blog-all-form-wrapper {
margin-left: 0;
}
.cta-header {
font-size: var(--teacode-headers--h5-s);
}
.case-kpi {
font-size: 80px;
}
.case-kpi- {
font-size: 60px;
}
.content-kpi {
padding-left: 16px;
padding-right: 16px;
}
.case-kpi-additional {
grid-column-gap: 48px;
grid-row-gap: 48px;
flex-flow: column;
max-width: 320px;
margin-left: auto;
margin-right: auto;
padding-bottom: 48px;
padding-left: 0;
}
.h6-mp {
font-size: var(--teacode-headers--h6);
}
.industries-text-wrapper {
width: 100%;
}
.industries-text-wrapper.medical, .industries-text-wrapper.custom-software, .industries-text-wrapper.modernisation, .industries-text-wrapper.chatbot {
text-align: center;
flex-flow: column;
justify-content: center;
align-items: center;
width: 100%;
display: flex;
}
.industries-info-wrapper {
grid-column-gap: var(--teacode-type-weight--teacode-spaces--4);
grid-row-gap: var(--teacode-type-weight--teacode-spaces--4);
}
.industries-info-wrapper.u-d-100.u-d-flex-ml-horizontal {
flex-flow: column;
}
.industries-info-col-first.u-d-5-10.u-d-m-100, .industries-info-col-second.u-d-5-10.u-text-left.u-d-m-100 {
width: 100%;
}
.industries-details-wrapper {
grid-column-gap: var(--teacode-type-weight--teacode-spaces--4);
grid-row-gap: var(--teacode-type-weight--teacode-spaces--4);
}
.industries-details-col-img.healthcare-bars {
justify-content: center;
align-items: center;
height: 220px;
display: flex;
position: relative;
}
.industry-addon-right {
width: 100%;
height: auto;
margin-top: 24px;
position: static;
}
.industry-addon-right.second {
height: auto;
transform: translate(-5px);
}
.industry-addon-right.ecommerce, .industry-addon-right.real-estate, .industry-addon-right.startups, .industry-addon-right.startups, .industry-addon-right.logistics, .industry-addon-right.travel, .industry-addon-right.consultancy {
height: auto;
}
.industry-addon-right.chatbot {
height: auto;
transform: translate(-5px);
}
.industry-addon-right.mobile, .industry-addon-right.web, .industry-addon-right.design, .industry-addon-right.chatbot, .industry-addon-right.digital-product {
height: auto;
}
.industry-addon-right.custom-software {
height: auto;
transform: translate(-5px);
}
.industry-addon-right.modernisation, .industry-addon-right.ai-development {
height: auto;
}
.industry-addon-bottom {
display: none;
}
.row-2-items.deliverables {
grid-column-gap: 16px;
grid-row-gap: 16px;
width: 100%;
}
.row-2-items-item.row-2-items-item-4-10, .row-2-items-item.row-2-items-item-6-10 {
width: 100%;
}
.row-2-items-item.launch {
width: 65%;
}
.row-2-items-item.ruff-pass {
min-height: auto;
}
.banner-img-old {
position: relative;
right: 0;
}
.case-kpi-image {
aspect-ratio: 1;
border-radius: var(--teacode-radius--rad-normal);
padding-bottom: 0;
top: 0;
}
.trava-mobile-bottom {
bottom: -75px;
}
.case-study-item-img {
order: 1;
}
.case-study-item-img.case-left.plannin-stack {
max-width: 100%;
}
.case-study-item-img.general.medicor {
transform: translate(-15px);
}
.case-study-item-img.desktop.plannin {
padding-top: 32px;
}
.case-study-item-paragraph.trava-new, .case-study-item-paragraph.plannin {
width: 100%;
}
.u-text-hover-white:hover {
border-color: var(--tc-surface-transparent) var(--tc-surface-transparent) var(--teacode-colours--tc-white);
}
.services-squares-item {
aspect-ratio: 1;
width: 280px;
max-height: none;
}
.img-service {
width: 207px;
}
.img-service.right.service-chat-bubbles {
width: 280px;
}
.img-service.service-loupe {
width: 240px;
}
.img-service.service-arrow {
width: 180px;
}
.services-details-wrapper {
grid-column-gap: var(--teacode-type-weight--teacode-spaces--4);
grid-row-gap: var(--teacode-type-weight--teacode-spaces--4);
}
.services-step-heading {
font-size: var(--teacode-headers--h4-s);
}
.services-deliverables-wrapper {
grid-column-gap: 48px;
grid-row-gap: 48px;
flex-flow: column;
max-width: 320px;
margin-left: auto;
margin-right: auto;
padding: 32px 24px;
}
.services-deliverables-wrapper.consulting {
grid-column-gap: 24px;
grid-row-gap: 24px;
border-radius: 0;
margin-left: 0;
padding-left: 0;
padding-right: 0;
}
.deliverable-heart {
width: 32px;
height: 32px;
}
.ribbon-logos-wrapper-static {
flex-flow: row;
}
.industry-icon {
width: 32px;
height: 32px;
}
.categories-paragraph {
padding-right: var(--teacode-type-weight--teacode-spaces--1-5);
padding-left: var(--teacode-type-weight--teacode-spaces--1-5);
}
.icon-single-line {
margin-bottom: var(--teacode-type-weight--teacode-spaces--1);
height: 64px;
}
.table-4 {
width: 93vw;
overflow: auto;
}
.technology-case-studies.muzeum {
height: 120px;
}
.table-3, .table-2 {
width: 93vw;
overflow: auto;
}
.case-study-image-container {
width: 90%;
}
.case-study-container-image.small, .case-study-container-image.muzeum, .case-study-container-image.bts {
width: 100%;
}
.case-study-container-image.bts._2 {
top: -133px;
}
.case-study-container-image.bts._2.ruff-pass, .case-study-container-image.bts._3.ruff-pass {
height: auto;
}
.trava-mobile-mockup-bottom {
bottom: -75px;
}
.case-mid-section.u-mt-8.padding-big-kpi {
padding-top: 96px;
}
.case-mid-section.background-skydreamer {
height: 800px;
}
.case-mid-section.plannin-solid {
height: 600px;
padding-top: 32px;
padding-bottom: 32px;
}
.rwd-h6.u-text-left.mobile-smaller-text {
font-size: 20px;
}
.big-kpi-number {
font-size: 130px;
}
.big-kpi-text {
font-size: 61px;
}
.big-kpi-single-number {
font-size: 130px;
}
.trava-flat-mockup-1, .trava-flat-mockup-2, .trava-flat-mockup-3, .trava-flat-mockup-4, .trava-flat-mockup-5 {
display: none;
}
.blog-author-details-small {
margin-right: var(--teacode-type-weight--teacode-spaces--2);
margin-left: var(--teacode-type-weight--teacode-spaces--2);
padding-right: var(--teacode-type-weight--teacode-spaces--2);
padding-left: var(--teacode-type-weight--teacode-spaces--2);
overflow: hidden;
}
.relative-wrapper.u-d-flex-horizontal.flex-hor-cent.u-d-gap-3.mobile-positioning {
flex-flow: column;
margin-top: 0;
margin-bottom: 0;
}
.relative-wrapper.mobile-full {
width: 100%;
padding-left: 16px;
padding-right: 16px;
}
.relative-wrapper.plannin-results {
height: 380px;
}
.relative-wrapper.plannin-results.u-d-hidden-mp {
display: none;
}
.process-mobile-scroll {
width: 150%;
}
.process-mobile-scroll.plannin-featured {
box-shadow: none;
border-radius: 16px;
}
.process-mobile-scroll.plannin-tech {
width: 100%;
}
.process-line-wrapper {
max-height: 73vh;
}
.process-line-dot {
width: 24px;
}
.process-line-dashed {
height: 27vh;
}
.process-line-dashed.last {
height: 25vh;
}
.process-line-dashed.middle {
height: 24vh;
}
.process-stages-wrapper.buzzin.second {
display: none;
}
.skydreamer-mobile-mockup-bottom {
width: 75%;
top: 120px;
left: 10%;
}
.skydreamer-mobile-mockup-top {
width: 80%;
top: 20px;
left: 10%;
}
.drag-me {
width: 60px;
top: 30px;
right: 380px;
}
.dev-goals-image {
width: 120px;
top: -60px;
right: 0;
}
.dev-goals-bar-wapper.left {
width: 110%;
}
.dev-goals-bar.left {
width: 110%;
max-width: none;
}
.case-study-left-right {
grid-column-gap: var(--teacode-type-weight--teacode-spaces--4);
grid-row-gap: var(--teacode-type-weight--teacode-spaces--4);
}
.case-study-left-right.left.muzeum.u-mb-8.u-mb-mp-0 {
margin-bottom: 0;
}
.u-d-ml-hidden {
display: block;
}
.u-d-mp-hidden {
display: none;
}
.case-study-green-kpi-description {
margin-bottom: 0;
}
.plannin-logo {
margin-bottom: -32px;
top: -37px;
}
.u-d-relative-top-plannin {
width: 90%;
margin-bottom: -24px;
top: -24px;
}
.team-row-wrapper.u-mb-2._1st {
left: -40px;
}
.team-row-wrapper.u-mb-2._2nd {
left: -16px;
}
.team-row-wrapper.u-mb-2._3rd {
left: 8px;
}
.team-row-wrapper.u-mb-2._4th, .team-row-wrapper.u-mb-2._5th {
left: 32px;
}
.team-row-wrapper._6th {
left: 8px;
}
.team-row-wrapper._7th {
left: -16px;
}
.team-row-wrapper._8th {
left: -40px;
}
.team-row-element {
width: 192px;
max-width: none;
padding-top: 8px;
padding-bottom: 8px;
padding-right: 24px;
}
.results-bar {
border-radius: var(--teacode-radius--rad-x-small);
height: 110%;
top: -5%;
}
.results-bar.left {
width: 110%;
max-width: none;
}
.plannin-result-image-1.swipe {
width: 593px;
max-width: none;
margin-top: 32px;
position: static;
}
.plannin-result-image-2.swipe {
width: 593px;
max-width: none;
margin-top: 48px;
position: static;
}
.scroll-image-wrapper {
width: 100%;
display: block;
position: relative;
}
.u-position-sticky {
position: sticky;
}
.result-arrow-paragraph {
margin-top: 24px;
display: block;
position: static;
}
.result-arrow {
height: 110px;
display: block;
position: absolute;
top: -54px;
left: 182px;
right: auto;
transform: rotate(12deg);
}
.plannin-addon {
width: 150px;
min-width: 150px;
}
.plannin-addon._1 {
left: calc(50% - 240px);
}
.plannin-addon._3 {
top: -400px;
}
.plannin-addon._6 {
left: calc(50% + 90px);
}
.plannin-addon._5 {
top: 141px;
}
.plannin-addon._2 {
top: -269px;
left: calc(50% - 240px);
}
.plannin-addon._7 {
top: -269px;
left: calc(50% + 90px);
}
.image-36 {
max-width: none;
height: 300px;
}
.development-wrapper-item {
padding-bottom: 0;
padding-left: 0;
}
.development-wrapper {
border-radius: 32px;
padding-top: 32px;
padding-bottom: 32px;
}
.development-bubble {
left: 189px;
}
.image-37 {
display: none;
}
.plannin-redesign-image-1.swipe {
width: 593px;
max-width: none;
position: static;
}
.plannin-redesign-image-2.swipe {
width: 593px;
max-width: none;
margin-top: 32px;
position: static;
}
.redesign-arrow {
height: 200px;
display: none;
position: absolute;
top: -170px;
right: -100px;
}
.redesign-arrow-paragraph {
margin-top: 24px;
display: none;
position: static;
}
.kpi-green-background {
width: 130%;
height: 110%;
transform: translate(0%, 15%);
}
.kpi-plannin-paragraph.u-text-center-mp {
text-align: center;
}
.discovery-persona-wrapper {
grid-column-gap: 32px;
grid-row-gap: 32px;
}
.discovery-persona-item {
width: 70px;
}
.kpi-plannin-background {
width: 130%;
height: 110%;
transform: translate(0%, 15%);
}
.plannin-flat-mockup-1, .plannin-flat-mockup-2, .plannin-flat-mockup-3, .plannin-flat-mockup-4, .plannin-flat-mockup-5, .flat-mockup-wrapper._2 {
display: none;
}
.plannin-role-involvement.ruff-pass.second {
max-width: 120%;
}
.plannin-role-involvement-title {
width: 100%;
}
.greg-persona {
width: 165px;
margin-top: -152px;
}
.greg-arrow {
width: 100px;
left: 186px;
right: auto;
}
.greg-name {
font-size: 18px;
left: 263px;
right: auto;
}
.plannin-mosaic-column-wrapper {
overflow: visible;
}
.mosaic-background {
height: 480px;
top: -178px;
}
.relative-mosaic-wrappr.u-mb--23 {
margin-bottom: -110px;
}
.relative-mosaic-wrappr.u-d-5-10 {
width: 50%;
}
.relative-mosaic-wrappr.u-d-5-10.u-visible-mp {
display: block;
}
.plannin-kpi-wrapper {
width: 100%;
}
.plannin-kpi-wrapper.u-mb--23 {
margin-bottom: -110px;
}
.plannin-kpi-wrapper.u-d-5-10 {
width: 50%;
}
.plannin-kpi-wrapper.u-d-5-10.u-visible-mp {
display: block;
}
.skift-nomination {
width: 192px;
}
.scroll-me-arrow {
width: 50px;
top: 68px;
}
.scroll-me-arrow.featured {
width: 80px;
}
.scroll-me-text {
font-size: 14px;
top: 107px;
}
.scroll-me-text.featured {
top: 57px;
left: 13px;
}
.scroll-me-wrapper {
bottom: 77px;
right: auto;
}
.scroll-me-wrapper.development {
bottom: -36px;
right: -48px;
}
.scroll-me-wrapper.featured {
bottom: -87px;
right: -56px;
}
.creators-paths {
width: 120px;
right: 10px;
}
.div-block-54 {
display: none;
}
.redesign-arrow-mobile {
bottom: -134px;
}
.redesign-arrow-paragraph-mobile {
bottom: -99px;
right: 28%;
}
.collaboration-image-mobile-1 {
width: 100px;
max-width: none;
display: block;
}
.collaboration-image-mobile-2 {
width: 100px;
max-width: none;
display: block;
position: relative;
top: 64px;
}
.collaboration-image-mobile-3 {
width: 100px;
max-width: none;
display: block;
}
.collaboration-mobile-wrapper {
grid-column-gap: 16px;
grid-row-gap: 16px;
justify-content: space-between;
align-items: flex-end;
width: 100%;
margin-left: auto;
margin-right: auto;
display: flex;
}
.muzeum-description-left, .muzeum-description-right {
padding-left: 16px;
padding-right: 16px;
}
.muzeum-requirements-icon-wrapper {
width: 60px;
height: 60px;
}
.row-2-items-icon.map {
width: 35px;
}
.row-2-items-icon.pin {
width: 25px;
}
.row-2-items-icon.stamp {
width: 35px;
}
.row-2-items-icon.tag {
width: 30px;
}
.row-2-items-icon.cog {
width: 35px;
}
.row-2-items-icon.hug {
width: 40px;
}
.button-plannin {
font-size: var(--teacode-fonts-label--label-medium);
}
.accordion-paragraph---faq-2 {
max-width: 100%;
}
.btn-2 {
font-size: 16px;
}
.accordion-item---faq-2.accordion-2---faq.content {
justify-content: center;
align-items: stretch;
}
.our-team-element {
width: 100%;
}
.infrastructure-wrapper {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-flow: column;
padding-left: 16px;
padding-right: 16px;
}
.infrastructure-item {
width: 100%;
}
.bts-results-image {
width: 500px;
max-width: none;
}
.bts-features-item {
width: 100%;
}
.bts-features-item.middle.second, .bts-features-item.middle.first {
margin-left: 0;
}
.bts-icon {
width: 57px;
}
.case-study-image-wrapper {
height: 250px;
margin-bottom: 64px;
}
.case-study-image-wrapper.first {
margin-bottom: 0;
}
.case-study-image-wrapper.first.ruff-pass {
width: 100%;
display: block;
}
.case-study-image-wrapper.ruff-pass {
width: 100%;
height: 380px;
display: block;
}
.testimonial-photo-2 {
width: 200px;
top: -255px;
right: -50px;
}
.testimonial-wrapper {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: column;
padding-left: 16px;
padding-right: 16px;
}
.testimonial-column-left {
order: 1;
width: 70%;
margin-top: 191px;
}
.testimonial-column-left.version-3, .testimonial-column-left.version-4 {
width: 100%;
margin-left: 0;
}
.testimonial-column-right {
width: 100%;
}
.testimonial-photo-3 {
width: 240px;
bottom: -256px;
right: 21px;
}
.case-study-intro-information-image {
width: 100%;
}
.ruff-pass-section-intro-wrapper.results {
flex-flow: column;
}
.ruff-pass-section-intro-paragraph.results, .ruff-pass-role-involvement-item, .ruff-pass-role-involvement-item.solution, .ruff-pass-role-involvement-intro {
width: 100%;
}
.ruff-pass-role-involvement-wrapper {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: wrap;
justify-content: center;
padding-left: 16px;
padding-right: 16px;
}
.ruff-pass-role-involvement-solution-wrapper {
width: 80%;
}
.ruff-pass-involvement-image-wrapper.left, .ruff-pass-involvement-image-wrapper.right {
width: 100%;
padding-left: 16px;
padding-right: 16px;
}
.code-embed-5 {
display: none;
}
.case-study-section-intro-wrapper.results {
flex-flow: column;
}
.case-study-section-intro-paragraphs.mobile-hidden {
display: none;
}
.rwd-h2 {
font-size: var(--teacode-headers--h3-s);
letter-spacing: var(--teacode-type-h3-s--letter-spacing);
}
.buzzin-integrations-wrapper {
width: 100%;
}
.buzzin-addon {
order: 1;
margin-left: auto;
margin-right: auto;
}
.case-study-section-intr-paragraph.full-mobile {
width: 100%;
}
.buzzin-kpi-wrapper {
flex-flow: column;
}
.buzzin-kpi-left, .buzzin-kpi-right, .buzzin-kpi-stats {
width: 100%;
}
.buzzin-kpi-addon-paragraph, .buzzin-kpi-addon-arrow {
display: none;
}
.buzzin-timeline-parent-wrapper {
margin-bottom: 90px;
}
.double-kpi-wrapper {
padding-left: 16px;
padding-right: 16px;
}
.section-testimonial-three {
padding-top: var(--teacode-type-weight--teacode-spaces--4);
padding-bottom: var(--teacode-type-weight--teacode-spaces--6);
justify-content: flex-start;
height: 470px;
}
.section-testimonial-four {
justify-content: flex-start;
height: 470px;
}
.testimonial-photo-4 {
width: 240px;
bottom: -256px;
right: 21px;
}
.our-values-row {
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
}
#w-node-_5cc00162-6514-042b-cf6f-1e8606aa54ed-f332337c {
grid-template-rows: auto auto auto;
grid-template-columns: 1fr 1fr 1fr;
}
#w-node-b782b8cd-0be2-6f06-eb76-86acb98abb04-f332337c {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-a4e92feb-9c64-9602-a6a2-d7e9f7300398-f7300354 {
justify-self: center;
}
#w-node-ca03e6b7-c122-3fd6-7855-718621bfeec9-f7300354 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-a4e92feb-9c64-9602-a6a2-d7e9f73003b6-f7300354 {
justify-self: end;
}
#w-node-_99b2e08f-a133-c15f-e961-62547051aa3d-7051a9df, #w-node-_99b2e08f-a133-c15f-e961-62547051aa68-7051a9df, #w-node-_99b2e08f-a133-c15f-e961-62547051aa83-7051a9df, #w-node-be8737c5-887d-b6d1-8d0c-48472b85b546-45c43bbd, #w-node-_6710a69d-834b-424f-1436-a23ce1222cfd-e1222c9f, #w-node-_6710a69d-834b-424f-1436-a23ce1222d38-e1222c9f, #w-node-_6710a69d-834b-424f-1436-a23ce1222d53-e1222c9f, #w-node-_41b44c19-bce0-42ef-5f2c-8db3059a0d89-53bcd6fc, #w-node-_3b60b66a-cd6c-7afd-fd22-05ec3e337735-0e3bb8d3, #w-node-_1fee12ef-84cb-6b18-5c68-c8fd4f215f18-67d530a4 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-aa75d423-aa63-4782-e85d-fe23e03c7091-2b114194 {
grid-template-rows: auto auto auto;
grid-template-columns: 1fr 1fr 1fr;
}
#w-node-aa75d423-aa63-4782-e85d-fe23e03c7092-2b114194 {
grid-column: span 3 / span 3;
}
#w-node-aa75d423-aa63-4782-e85d-fe23e03c7094-2b114194 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-aa75d423-aa63-4782-e85d-fe23e03c709b-2b114194, #w-node-aa75d423-aa63-4782-e85d-fe23e03c70a0-2b114194 {
grid-column: span 3 / span 3;
}
#w-node-_0b812af9-d47c-9f12-b1ee-79cdf2d84a7a-2b114194 {
align-self: start;
}
#w-node-_52585791-6f94-e616-60c7-09f982cbab8d-2b114194 {
align-self: center;
}
#w-node-_56c37fc6-40c7-c480-1455-350674c8c730-3a62ea87 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_750d657e-e708-7c6a-2b4a-758b1d64d285-1d64d27c {
align-self: center;
}
#w-node-be8737c5-887d-b6d1-8d0c-48472b85b546-0495d055, #w-node-_41b44c19-bce0-42ef-5f2c-8db3059a0d89-63f7f201, #w-node-_1b455724-c635-aff2-b401-c2aa55b0755a-989ef456, #w-node-_1b455724-c635-aff2-b401-c2aa55b0755a-c0f819fa, #w-node-be8737c5-887d-b6d1-8d0c-48472b85b546-5f6b61ee, #w-node-be8737c5-887d-b6d1-8d0c-48472b85b546-c9840fe0, #w-node-be8737c5-887d-b6d1-8d0c-48472b85b546-e2d96659, #w-node-be8737c5-887d-b6d1-8d0c-48472b85b546-1469af09, #w-node-be8737c5-887d-b6d1-8d0c-48472b85b546-e44b33b7, #w-node-_41b44c19-bce0-42ef-5f2c-8db3059a0d89-64befd40, #w-node-_41b44c19-bce0-42ef-5f2c-8db3059a0d89-4decabc0, #w-node-_41b44c19-bce0-42ef-5f2c-8db3059a0d89-12f5a905, #w-node-_41b44c19-bce0-42ef-5f2c-8db3059a0d89-1464af04, #w-node-_41b44c19-bce0-42ef-5f2c-8db3059a0d89-4fdedbe9, #w-node-_41b44c19-bce0-42ef-5f2c-8db3059a0d89-1835f108, #w-node-_41b44c19-bce0-42ef-5f2c-8db3059a0d89-835b0494, #w-node-be8737c5-887d-b6d1-8d0c-48472b85b546-94176c69, #w-node-be8737c5-887d-b6d1-8d0c-48472b85b546-c5c1842c, #w-node-be8737c5-887d-b6d1-8d0c-48472b85b546-cbdb5f79, #w-node-be8737c5-887d-b6d1-8d0c-48472b85b546-0eb1bdd7, #w-node-be8737c5-887d-b6d1-8d0c-48472b85b546-f13cb7cc, #w-node-be8737c5-887d-b6d1-8d0c-48472b85b546-80ea1693, #w-node-be8737c5-887d-b6d1-8d0c-48472b85b546-cf957961, #w-node-be8737c5-887d-b6d1-8d0c-48472b85b546-2aea374f, #w-node-be8737c5-887d-b6d1-8d0c-48472b85b546-e6adf071, #w-node-_41b44c19-bce0-42ef-5f2c-8db3059a0d89-d4268b05, #w-node-be8737c5-887d-b6d1-8d0c-48472b85b546-1f1efa19, #w-node-be8737c5-887d-b6d1-8d0c-48472b85b546-80c61327, #w-node-be8737c5-887d-b6d1-8d0c-48472b85b546-e2693a18, #w-node-be8737c5-887d-b6d1-8d0c-48472b85b546-cdd8d46a, #w-node-be8737c5-887d-b6d1-8d0c-48472b85b546-f80a862a, #w-node-be8737c5-887d-b6d1-8d0c-48472b85b546-7666df6e, #w-node-be8737c5-887d-b6d1-8d0c-48472b85b546-59f0dee9, #w-node-be8737c5-887d-b6d1-8d0c-48472b85b546-99390f6c, #w-node-be8737c5-887d-b6d1-8d0c-48472b85b546-9a4ee3b5, #w-node-be8737c5-887d-b6d1-8d0c-48472b85b546-9e5f7cb9, #w-node-be8737c5-887d-b6d1-8d0c-48472b85b546-b5cd48ad, #w-node-be8737c5-887d-b6d1-8d0c-48472b85b546-9d23b3ab, #w-node-be8737c5-887d-b6d1-8d0c-48472b85b546-1be76bf6, #w-node-be8737c5-887d-b6d1-8d0c-48472b85b546-2015a65e, #w-node-_41b44c19-bce0-42ef-5f2c-8db3059a0d89-f25c8286, #w-node-_41b44c19-bce0-42ef-5f2c-8db3059a0d89-3965ebea, #w-node-_41b44c19-bce0-42ef-5f2c-8db3059a0d89-6554d0a0, #w-node-_41b44c19-bce0-42ef-5f2c-8db3059a0d89-95395b60, #w-node-_41b44c19-bce0-42ef-5f2c-8db3059a0d89-e07154c1, #w-node-_41b44c19-bce0-42ef-5f2c-8db3059a0d89-b5d4d2a3, #w-node-_41b44c19-bce0-42ef-5f2c-8db3059a0d89-7a3bea61, #w-node-_41b44c19-bce0-42ef-5f2c-8db3059a0d89-48d71cb4, #w-node-be8737c5-887d-b6d1-8d0c-48472b85b546-fcc8d6a2, #w-node-be8737c5-887d-b6d1-8d0c-48472b85b546-429756b5 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-fe2304a8-9f90-679e-5747-15641ebe64cf-080aaa24 {
align-self: center;
}
#w-node-_710bfcd4-c37c-9292-7f2b-4f6c07da2152-ed5b4692, #w-node-be8737c5-887d-b6d1-8d0c-48472b85b546-6539b318, #w-node-be8737c5-887d-b6d1-8d0c-48472b85b546-b7698db8 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_03185fe7-1620-42ae-7ab9-5557aa175459-045e180a {
align-self: center;
}
#w-node-_078f9109-ef23-a1ad-b9b9-58d21b24cdc3-3a82f5ef, #w-node-c0b967f3-a9ad-c2da-9b09-a57618b95ce3-3a82f5ef, #w-node-_20beb0ff-eb02-6a2c-8a2f-9478e7a37f5a-3a82f5ef, #w-node-_1479ec8b-dc3d-6a80-de46-3a13dfa8ba00-3a82f5ef, #w-node-_17d7c089-9409-364a-3aeb-c4ad89627d56-3a82f5ef, #w-node-_9f01a824-87e5-415b-19be-f32dc7625581-3a82f5ef, #w-node-_1f546478-a818-6ba2-029e-9d9d0ac2bccd-3a82f5ef, #w-node-_657fb059-fc62-1299-cf3a-bdeed72ce04c-3a82f5ef, #w-node-ece9b089-177f-70d8-0446-35088bc6e974-3a82f5ef, #w-node-_2f1d2f40-c4b2-35ae-07af-761185c9f456-3a82f5ef, #w-node-ae0842c5-fc83-04e6-cef0-46ec92d4357b-3a82f5ef, #w-node-_26efe7bb-81d2-b599-9faf-bde0052c569c-3a82f5ef, #w-node-_088d78b7-892e-ebc9-ff19-aae715a97957-3a82f5ef, #w-node-_290c53d1-961e-7bb1-8b4d-4933cbea84a2-3a82f5ef, #w-node-c460880a-d129-7f5d-6cf3-2a9c441f920b-3a82f5ef, #w-node-_68c07f5a-5974-9afa-217c-932c788f80e8-3a82f5ef, #w-node-_01f8d59e-4fcd-d7c7-8191-cd4b75863313-3a82f5ef, #w-node-ba0dfb1b-3c99-9990-6932-953b10b336df-3a82f5ef, #w-node-aef54bc6-254b-d631-a5b7-7ae75d1900d2-3a82f5ef, #w-node-_65285415-5580-359b-0065-6a7091c665a7-3a82f5ef, #w-node-e3860c3d-f429-e53e-6927-9057189121e0-3a82f5ef, #w-node-be8737c5-887d-b6d1-8d0c-48472b85b546-7b3fb811, #w-node-be8737c5-887d-b6d1-8d0c-48472b85b546-6dbe6caa, #w-node-be8737c5-887d-b6d1-8d0c-48472b85b546-31499592, #w-node-be8737c5-887d-b6d1-8d0c-48472b85b546-18ce220d, #w-node-_1b455724-c635-aff2-b401-c2aa55b0755a-21fe0dcc, #w-node-be8737c5-887d-b6d1-8d0c-48472b85b546-553aee19, #w-node-be8737c5-887d-b6d1-8d0c-48472b85b546-fceda3ab, #w-node-be8737c5-887d-b6d1-8d0c-48472b85b546-a0506210, #w-node-be8737c5-887d-b6d1-8d0c-48472b85b546-975a2f24, #w-node-be8737c5-887d-b6d1-8d0c-48472b85b546-7f39c3fd, #w-node-be8737c5-887d-b6d1-8d0c-48472b85b546-97139700, #w-node-be8737c5-887d-b6d1-8d0c-48472b85b546-11be9ecf {
grid-area: span 1 / span 1 / span 1 / span 1;
}
@media screen and (max-width: 991px) {
#w-node-_7d27955e-80f2-3028-8ba3-7b26be56a9a9-f332337c, #w-node-afd286e8-2fe8-6b7b-b2e0-4ed5f9933a21-f332337c {
justify-self: center;
}
#w-node-a4e92feb-9c64-9602-a6a2-d7e9f7300398-f7300354, #w-node-a4e92feb-9c64-9602-a6a2-d7e9f73003b6-f7300354 {
justify-self: start;
}
#w-node-_0fdc270a-9d25-addc-9659-1d3c47062387-53bcd6fc {
justify-self: center;
}
#w-node-ecc878d9-cf46-2b5b-4737-b2b30717e86f-53bcd6fc, #w-node-ecc878d9-cf46-2b5b-4737-b2b30717e870-53bcd6fc {
order: 9999;
}
#w-node-_4fba9152-aee0-a5db-65a6-d98fc808f332-53bcd6fc, #w-node-_4fba9152-aee0-a5db-65a6-d98fc808f344-53bcd6fc {
justify-self: center;
}
#w-node-bd955c59-5705-2d95-db68-c80eaf561616-0e3bb8d3, #w-node-bd955c59-5705-2d95-db68-c80eaf561617-0e3bb8d3, #w-node-_31624e51-da60-e7b2-31e3-677023edff56-2b114194, #w-node-_270d3dae-e99f-fb57-0c5e-3578364a93b8-3a62ea87, #w-node-_8204d3a3-065a-78d4-632b-72ee72533de6-3a62ea87, #w-node-_270d3dae-e99f-fb57-0c5e-3578364a93b8-49e5df38, #w-node-_8204d3a3-065a-78d4-632b-72ee72533de6-49e5df38, #w-node-_270d3dae-e99f-fb57-0c5e-3578364a93b8-c949bcf6, #w-node-_8204d3a3-065a-78d4-632b-72ee72533de6-c949bcf6 {
order: 9999;
}
#w-node-_0fdc270a-9d25-addc-9659-1d3c47062387-63f7f201, #w-node-cb4bc41f-9c3a-b7d1-8551-840bdb792b0b-63f7f201, #w-node-_4fba9152-aee0-a5db-65a6-d98fc808f332-63f7f201, #w-node-_4fba9152-aee0-a5db-65a6-d98fc808f344-63f7f201, #w-node-_2602c7b9-f869-7966-ac84-658e6b4cfc20-64befd40, #w-node-cb4bc41f-9c3a-b7d1-8551-840bdb792b0b-64befd40, #w-node-_4fba9152-aee0-a5db-65a6-d98fc808f332-64befd40, #w-node-_4fba9152-aee0-a5db-65a6-d98fc808f344-64befd40, #w-node-_0fdc270a-9d25-addc-9659-1d3c47062387-4decabc0, #w-node-_67a81c19-2b1d-3b41-57df-c173c89de756-4decabc0, #w-node-_67a81c19-2b1d-3b41-57df-c173c89de768-4decabc0, #w-node-_5a872dd9-c208-ca38-d0c6-4664d4940d30-4decabc0, #w-node-_4fba9152-aee0-a5db-65a6-d98fc808f332-4decabc0, #w-node-_4fba9152-aee0-a5db-65a6-d98fc808f344-4decabc0, #w-node-_0fdc270a-9d25-addc-9659-1d3c47062387-12f5a905, #w-node-cb4bc41f-9c3a-b7d1-8551-840bdb792b0b-12f5a905, #w-node-_4fba9152-aee0-a5db-65a6-d98fc808f332-12f5a905, #w-node-_4fba9152-aee0-a5db-65a6-d98fc808f344-12f5a905, #w-node-_4fba9152-aee0-a5db-65a6-d98fc808f344-1464af04, #w-node-_6eb102f0-cf2c-276a-8eb9-ddab7522828c-1464af04, #w-node-_6eb102f0-cf2c-276a-8eb9-ddab7522829e-1464af04, #w-node-_0fdc270a-9d25-addc-9659-1d3c47062387-4fdedbe9, #w-node-cb4bc41f-9c3a-b7d1-8551-840bdb792b0b-4fdedbe9, #w-node-_4fba9152-aee0-a5db-65a6-d98fc808f332-4fdedbe9, #w-node-_4fba9152-aee0-a5db-65a6-d98fc808f344-4fdedbe9, #w-node-_0fdc270a-9d25-addc-9659-1d3c47062387-1835f108, #w-node-cb4bc41f-9c3a-b7d1-8551-840bdb792b0b-1835f108, #w-node-_4fba9152-aee0-a5db-65a6-d98fc808f332-1835f108, #w-node-_4fba9152-aee0-a5db-65a6-d98fc808f344-1835f108, #w-node-_4fba9152-aee0-a5db-65a6-d98fc808f332-835b0494, #w-node-_4fba9152-aee0-a5db-65a6-d98fc808f344-835b0494, #w-node-_4b59cf59-ee2a-70e2-6e0a-9a5c7f234352-835b0494, #w-node-a3b770cb-ec97-6c7e-48e3-1c20d90f144b-d4268b05, #w-node-cb4bc41f-9c3a-b7d1-8551-840bdb792b0b-d4268b05, #w-node-_4fba9152-aee0-a5db-65a6-d98fc808f332-d4268b05, #w-node-_4fba9152-aee0-a5db-65a6-d98fc808f344-d4268b05, #w-node-cb4bc41f-9c3a-b7d1-8551-840bdb792b0b-f25c8286, #w-node-a3b770cb-ec97-6c7e-48e3-1c20d90f144b-f25c8286, #w-node-a3b770cb-ec97-6c7e-48e3-1c20d90f145d-f25c8286, #w-node-_4fba9152-aee0-a5db-65a6-d98fc808f332-f25c8286, #w-node-_4fba9152-aee0-a5db-65a6-d98fc808f344-f25c8286, #w-node-cb4bc41f-9c3a-b7d1-8551-840bdb792b0b-3965ebea, #w-node-a3b770cb-ec97-6c7e-48e3-1c20d90f144b-3965ebea, #w-node-a3b770cb-ec97-6c7e-48e3-1c20d90f145d-3965ebea, #w-node-_4fba9152-aee0-a5db-65a6-d98fc808f332-3965ebea, #w-node-_4fba9152-aee0-a5db-65a6-d98fc808f344-3965ebea, #w-node-cb4bc41f-9c3a-b7d1-8551-840bdb792b0b-6554d0a0, #w-node-a3b770cb-ec97-6c7e-48e3-1c20d90f144b-6554d0a0, #w-node-a3b770cb-ec97-6c7e-48e3-1c20d90f145d-6554d0a0, #w-node-_4fba9152-aee0-a5db-65a6-d98fc808f332-6554d0a0, #w-node-_4fba9152-aee0-a5db-65a6-d98fc808f344-6554d0a0, #w-node-cb4bc41f-9c3a-b7d1-8551-840bdb792b0b-95395b60, #w-node-a3b770cb-ec97-6c7e-48e3-1c20d90f144b-95395b60, #w-node-a3b770cb-ec97-6c7e-48e3-1c20d90f145d-95395b60, #w-node-_4fba9152-aee0-a5db-65a6-d98fc808f332-95395b60, #w-node-_4fba9152-aee0-a5db-65a6-d98fc808f344-95395b60, #w-node-cb4bc41f-9c3a-b7d1-8551-840bdb792b0b-e07154c1, #w-node-a3b770cb-ec97-6c7e-48e3-1c20d90f144b-e07154c1, #w-node-a3b770cb-ec97-6c7e-48e3-1c20d90f145d-e07154c1, #w-node-_4fba9152-aee0-a5db-65a6-d98fc808f332-e07154c1, #w-node-_4fba9152-aee0-a5db-65a6-d98fc808f344-e07154c1, #w-node-acc8245c-e2c8-2ef3-5cf2-6db287e13f7d-7a3bea61, #w-node-acc8245c-e2c8-2ef3-5cf2-6db287e13f8f-7a3bea61, #w-node-cb4bc41f-9c3a-b7d1-8551-840bdb792b0b-7a3bea61, #w-node-_4fba9152-aee0-a5db-65a6-d98fc808f332-7a3bea61, #w-node-_4fba9152-aee0-a5db-65a6-d98fc808f344-7a3bea61, #w-node-cb4bc41f-9c3a-b7d1-8551-840bdb792b0b-48d71cb4, #w-node-acc8245c-e2c8-2ef3-5cf2-6db287e13f7d-48d71cb4, #w-node-acc8245c-e2c8-2ef3-5cf2-6db287e13f8f-48d71cb4, #w-node-_4fba9152-aee0-a5db-65a6-d98fc808f332-48d71cb4, #w-node-_4fba9152-aee0-a5db-65a6-d98fc808f344-48d71cb4 {
justify-self: center;
}
#w-node-_270d3dae-e99f-fb57-0c5e-3578364a93b8-727581c8, #w-node-_8204d3a3-065a-78d4-632b-72ee72533de6-727581c8, #w-node-_270d3dae-e99f-fb57-0c5e-3578364a93b8-ddb6eea7, #w-node-_8204d3a3-065a-78d4-632b-72ee72533de6-ddb6eea7, #w-node-_270d3dae-e99f-fb57-0c5e-3578364a93b8-b5bc0b46, #w-node-_8204d3a3-065a-78d4-632b-72ee72533de6-b5bc0b46, #w-node-_270d3dae-e99f-fb57-0c5e-3578364a93b8-a37bd0a5, #w-node-_8204d3a3-065a-78d4-632b-72ee72533de6-a37bd0a5, #w-node-_270d3dae-e99f-fb57-0c5e-3578364a93b8-93a40e55, #w-node-_8204d3a3-065a-78d4-632b-72ee72533de6-93a40e55, #w-node-_270d3dae-e99f-fb57-0c5e-3578364a93b8-9f5d654c, #w-node-_8204d3a3-065a-78d4-632b-72ee72533de6-9f5d654c, #w-node-_270d3dae-e99f-fb57-0c5e-3578364a93b8-1726a08f, #w-node-_8204d3a3-065a-78d4-632b-72ee72533de6-1726a08f, #w-node-_270d3dae-e99f-fb57-0c5e-3578364a93b8-deda884e, #w-node-_8204d3a3-065a-78d4-632b-72ee72533de6-deda884e, #w-node-_270d3dae-e99f-fb57-0c5e-3578364a93b8-7a4da143, #w-node-_8204d3a3-065a-78d4-632b-72ee72533de6-7a4da143, #w-node-_270d3dae-e99f-fb57-0c5e-3578364a93b8-8d4e4616, #w-node-_8204d3a3-065a-78d4-632b-72ee72533de6-8d4e4616, #w-node-_270d3dae-e99f-fb57-0c5e-3578364a93b8-0a9858c2, #w-node-_8204d3a3-065a-78d4-632b-72ee72533de6-0a9858c2, #w-node-_270d3dae-e99f-fb57-0c5e-3578364a93b8-8bdb67e8, #w-node-_8204d3a3-065a-78d4-632b-72ee72533de6-8bdb67e8, #w-node-_270d3dae-e99f-fb57-0c5e-3578364a93b8-b4f7fa4d, #w-node-_8204d3a3-065a-78d4-632b-72ee72533de6-b4f7fa4d, #w-node-_270d3dae-e99f-fb57-0c5e-3578364a93b8-2f211ee1, #w-node-_8204d3a3-065a-78d4-632b-72ee72533de6-2f211ee1, #w-node-_270d3dae-e99f-fb57-0c5e-3578364a93b8-66161d5e, #w-node-_8204d3a3-065a-78d4-632b-72ee72533de6-66161d5e, #w-node-_270d3dae-e99f-fb57-0c5e-3578364a93b8-35ba9b8b, #w-node-_8204d3a3-065a-78d4-632b-72ee72533de6-35ba9b8b, #w-node-_270d3dae-e99f-fb57-0c5e-3578364a93b8-00b78bd1, #w-node-_8204d3a3-065a-78d4-632b-72ee72533de6-00b78bd1, #w-node-_270d3dae-e99f-fb57-0c5e-3578364a93b8-f15ccb9a, #w-node-_8204d3a3-065a-78d4-632b-72ee72533de6-f15ccb9a, #w-node-_270d3dae-e99f-fb57-0c5e-3578364a93b8-8805bb20, #w-node-_8204d3a3-065a-78d4-632b-72ee72533de6-8805bb20, #w-node-_270d3dae-e99f-fb57-0c5e-3578364a93b8-9b85323c, #w-node-_8204d3a3-065a-78d4-632b-72ee72533de6-9b85323c, #w-node-_270d3dae-e99f-fb57-0c5e-3578364a93b8-0802379c, #w-node-_8204d3a3-065a-78d4-632b-72ee72533de6-0802379c, #w-node-_270d3dae-e99f-fb57-0c5e-3578364a93b8-b3d72fb3, #w-node-_8204d3a3-065a-78d4-632b-72ee72533de6-b3d72fb3, #w-node-_270d3dae-e99f-fb57-0c5e-3578364a93b8-4630abaa, #w-node-_8204d3a3-065a-78d4-632b-72ee72533de6-4630abaa, #w-node-_270d3dae-e99f-fb57-0c5e-3578364a93b8-4abad563, #w-node-_8204d3a3-065a-78d4-632b-72ee72533de6-4abad563, #w-node-_270d3dae-e99f-fb57-0c5e-3578364a93b8-080aaa24, #w-node-_8204d3a3-065a-78d4-632b-72ee72533de6-080aaa24, #w-node-_270d3dae-e99f-fb57-0c5e-3578364a93b8-ed5b4692, #w-node-_8204d3a3-065a-78d4-632b-72ee72533de6-ed5b4692, #w-node-_270d3dae-e99f-fb57-0c5e-3578364a93b8-3553feee, #w-node-_8204d3a3-065a-78d4-632b-72ee72533de6-3553feee, #w-node-_270d3dae-e99f-fb57-0c5e-3578364a93b8-6ce4e7a6, #w-node-_8204d3a3-065a-78d4-632b-72ee72533de6-6ce4e7a6, #w-node-_270d3dae-e99f-fb57-0c5e-3578364a93b8-900db269, #w-node-_8204d3a3-065a-78d4-632b-72ee72533de6-900db269, #w-node-_270d3dae-e99f-fb57-0c5e-3578364a93b8-1dbef157, #w-node-_8204d3a3-065a-78d4-632b-72ee72533de6-1dbef157, #w-node-_270d3dae-e99f-fb57-0c5e-3578364a93b8-76ad9d95, #w-node-_8204d3a3-065a-78d4-632b-72ee72533de6-76ad9d95, #w-node-_270d3dae-e99f-fb57-0c5e-3578364a93b8-f43185ca, #w-node-_8204d3a3-065a-78d4-632b-72ee72533de6-f43185ca, #w-node-_270d3dae-e99f-fb57-0c5e-3578364a93b8-7ac5a9a5, #w-node-_8204d3a3-065a-78d4-632b-72ee72533de6-7ac5a9a5, #w-node-_270d3dae-e99f-fb57-0c5e-3578364a93b8-c84badea, #w-node-_8204d3a3-065a-78d4-632b-72ee72533de6-c84badea, #w-node-_270d3dae-e99f-fb57-0c5e-3578364a93b8-8b54a34f, #w-node-_8204d3a3-065a-78d4-632b-72ee72533de6-8b54a34f, #w-node-_270d3dae-e99f-fb57-0c5e-3578364a93b8-03f92280, #w-node-_8204d3a3-065a-78d4-632b-72ee72533de6-03f92280, #w-node-_270d3dae-e99f-fb57-0c5e-3578364a93b8-78e56a66, #w-node-_8204d3a3-065a-78d4-632b-72ee72533de6-78e56a66, #w-node-_270d3dae-e99f-fb57-0c5e-3578364a93b8-9458fc3a, #w-node-_8204d3a3-065a-78d4-632b-72ee72533de6-9458fc3a, #w-node-_270d3dae-e99f-fb57-0c5e-3578364a93b8-c06e806e, #w-node-_8204d3a3-065a-78d4-632b-72ee72533de6-c06e806e, #w-node-_270d3dae-e99f-fb57-0c5e-3578364a93b8-9aa60892, #w-node-_8204d3a3-065a-78d4-632b-72ee72533de6-9aa60892, #w-node-_270d3dae-e99f-fb57-0c5e-3578364a93b8-414ee15d, #w-node-_8204d3a3-065a-78d4-632b-72ee72533de6-414ee15d, #w-node-_270d3dae-e99f-fb57-0c5e-3578364a93b8-4b2f07f6, #w-node-_8204d3a3-065a-78d4-632b-72ee72533de6-4b2f07f6, #w-node-_270d3dae-e99f-fb57-0c5e-3578364a93b8-045e180a, #w-node-_8204d3a3-065a-78d4-632b-72ee72533de6-045e180a, #w-node-_270d3dae-e99f-fb57-0c5e-3578364a93b8-53fd963c, #w-node-_8204d3a3-065a-78d4-632b-72ee72533de6-53fd963c, #w-node-_270d3dae-e99f-fb57-0c5e-3578364a93b8-3a82f5ef, #w-node-_8204d3a3-065a-78d4-632b-72ee72533de6-3a82f5ef, #w-node-_270d3dae-e99f-fb57-0c5e-3578364a93b8-c5f116a9, #w-node-_8204d3a3-065a-78d4-632b-72ee72533de6-c5f116a9, #w-node-_270d3dae-e99f-fb57-0c5e-3578364a93b8-df13f6e9, #w-node-_8204d3a3-065a-78d4-632b-72ee72533de6-df13f6e9, #w-node-_270d3dae-e99f-fb57-0c5e-3578364a93b8-ad89e591, #w-node-_8204d3a3-065a-78d4-632b-72ee72533de6-ad89e591, #w-node-_270d3dae-e99f-fb57-0c5e-3578364a93b8-5d9e7470, #w-node-_8204d3a3-065a-78d4-632b-72ee72533de6-5d9e7470, #w-node-_270d3dae-e99f-fb57-0c5e-3578364a93b8-457c3d6d, #w-node-_8204d3a3-065a-78d4-632b-72ee72533de6-457c3d6d, #w-node-_270d3dae-e99f-fb57-0c5e-3578364a93b8-0ca2f899, #w-node-_8204d3a3-065a-78d4-632b-72ee72533de6-0ca2f899, #w-node-_270d3dae-e99f-fb57-0c5e-3578364a93b8-a62a96a3, #w-node-_8204d3a3-065a-78d4-632b-72ee72533de6-a62a96a3, #w-node-_270d3dae-e99f-fb57-0c5e-3578364a93b8-0a1bf0f9, #w-node-_8204d3a3-065a-78d4-632b-72ee72533de6-0a1bf0f9, #w-node-_270d3dae-e99f-fb57-0c5e-3578364a93b8-8cedfd74, #w-node-_8204d3a3-065a-78d4-632b-72ee72533de6-8cedfd74, #w-node-_270d3dae-e99f-fb57-0c5e-3578364a93b8-5b585e2e, #w-node-_8204d3a3-065a-78d4-632b-72ee72533de6-5b585e2e, #w-node-_270d3dae-e99f-fb57-0c5e-3578364a93b8-cb264219, #w-node-_8204d3a3-065a-78d4-632b-72ee72533de6-cb264219, #w-node-_270d3dae-e99f-fb57-0c5e-3578364a93b8-275437ff, #w-node-_8204d3a3-065a-78d4-632b-72ee72533de6-275437ff, #w-node-_270d3dae-e99f-fb57-0c5e-3578364a93b8-68ac6774, #w-node-_8204d3a3-065a-78d4-632b-72ee72533de6-68ac6774, #w-node-_270d3dae-e99f-fb57-0c5e-3578364a93b8-e8666fa8, #w-node-_8204d3a3-065a-78d4-632b-72ee72533de6-e8666fa8, #w-node-_270d3dae-e99f-fb57-0c5e-3578364a93b8-6934a9ae, #w-node-_8204d3a3-065a-78d4-632b-72ee72533de6-6934a9ae, #w-node-_270d3dae-e99f-fb57-0c5e-3578364a93b8-b5d85419, #w-node-_8204d3a3-065a-78d4-632b-72ee72533de6-b5d85419, #w-node-_270d3dae-e99f-fb57-0c5e-3578364a93b8-25ab3059, #w-node-_8204d3a3-065a-78d4-632b-72ee72533de6-25ab3059, #w-node-_270d3dae-e99f-fb57-0c5e-3578364a93b8-2506e89d, #w-node-_8204d3a3-065a-78d4-632b-72ee72533de6-2506e89d, #w-node-_270d3dae-e99f-fb57-0c5e-3578364a93b8-6c530e85, #w-node-_8204d3a3-065a-78d4-632b-72ee72533de6-6c530e85, #w-node-_270d3dae-e99f-fb57-0c5e-3578364a93b8-a66c154e, #w-node-_8204d3a3-065a-78d4-632b-72ee72533de6-a66c154e, #w-node-_270d3dae-e99f-fb57-0c5e-3578364a93b8-3aa6af47, #w-node-_8204d3a3-065a-78d4-632b-72ee72533de6-3aa6af47, #w-node-_270d3dae-e99f-fb57-0c5e-3578364a93b8-54ea3c06, #w-node-_8204d3a3-065a-78d4-632b-72ee72533de6-54ea3c06, #w-node-_270d3dae-e99f-fb57-0c5e-3578364a93b8-ce2cc783, #w-node-_8204d3a3-065a-78d4-632b-72ee72533de6-ce2cc783, #w-node-_270d3dae-e99f-fb57-0c5e-3578364a93b8-7609991c, #w-node-_8204d3a3-065a-78d4-632b-72ee72533de6-7609991c, #w-node-_3915187e-7970-6214-b0a3-17cc4cf74152-7609991c, #w-node-_3915187e-7970-6214-b0a3-17cc4cf74153-7609991c, #w-node-_3915187e-7970-6214-b0a3-17cc4cf74152-1d14d93a, #w-node-_3915187e-7970-6214-b0a3-17cc4cf74153-1d14d93a, #w-node-_3915187e-7970-6214-b0a3-17cc4cf74152-c00898cd, #w-node-_3915187e-7970-6214-b0a3-17cc4cf74153-c00898cd, #w-node-_270d3dae-e99f-fb57-0c5e-3578364a93b8-c18a2482, #w-node-_8204d3a3-065a-78d4-632b-72ee72533de6-c18a2482 {
order: 9999;
}
}
@media screen and (max-width: 767px) {
#w-node-_99b2e08f-a133-c15f-e961-62547051aa3d-7051a9df, #w-node-_99b2e08f-a133-c15f-e961-62547051aa83-7051a9df, #w-node-_6710a69d-834b-424f-1436-a23ce1222cfd-e1222c9f, #w-node-_6710a69d-834b-424f-1436-a23ce1222d53-e1222c9f {
grid-area: span 1 / span 1 / span 1 / span 1;
}
}