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: Onest;
src: url("https://cdn.prod.website-files.com/65b3e159d25a6097b6ca5812/683589eea83d5c936e7c8c54_Onest-Light.ttf") format("truetype");
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Onest;
src: url("https://cdn.prod.website-files.com/65b3e159d25a6097b6ca5812/68358a74df64fa3e5e3c647f_Onest-Medium.ttf") format("truetype");
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Onest;
src: url("https://cdn.prod.website-files.com/65b3e159d25a6097b6ca5812/68358aaaffb1a7bf09723fc3_Onest-Regular.ttf") format("truetype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Onest;
src: url("https://cdn.prod.website-files.com/65b3e159d25a6097b6ca5812/68358acb1b32366f8719479f_Onest-Bold.ttf") format("truetype");
font-weight: 700;
font-style: normal;
font-display: swap;
}
:root {
--neutral-600: #546982;
--neutral-800: #242c34;
--black: black;
--opaque-black: #0009;
--primary-700: #0fb9b6;
--neutral-700: #3a4b5f;
--off-black: #242c34;
--off-white: #fafafa;
--white: white;
--dark-grey: #92969a;
--black-background: #181e23;
--turqouis: #0fb9b6;
--neutral-500: #9ba6b7;
--neutral-400: #bfcce2;
--darkest-grey: #5d6868;
--dark-blue: #242c34;
--header-black: #242c34;
--light-grey-2: #f4f4f4;
--yellow: #ffc612;
--gridx-blue: #2400a7;
--darkish-grey: #c4c4c4;
--grey-2: #c8cacc;
--neutral-300: #d8e0f1;
--neutral-50: #f9fafd;
--neutral-100: #f1f4fa;
--grey-5: #899196;
--sub-title: #444f56;
--grey-3: #5b656b;
--secondary-300: #519eff;
--shade100: black;
--neutral-200: #e5eaf6;
--neutral-900: #15181c;
--primary-50: #d2f1f0;
--primary-100: #c4f1f2;
--primary-500: #72d2d6;
--primary-900: #196d80;
--secondary-50: #b2d1ff;
--secondary-700: #2400a7;
--warning-50: #fff4d4;
--warning-500: #ffdd7f;
--warning-300: #ffe9aa;
--warning-700: #ffc612;
--warning-900: #cc9b00;
--error-50: #fcdadc;
--error-300: #f9b6b7;
--error-500: #f69092;
--error-700: #f04649;
--error-900: #c30003;
--secondary-500: #4166e9;
--shade-0: white;
--light-grey: #c8cacc80;
--secondary-900: #070053;
}
.w-layout-blockcontainer {
max-width: 940px;
margin-left: auto;
margin-right: auto;
display: block;
}
.w-layout-grid {
grid-row-gap: 16px;
grid-column-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.w-backgroundvideo-backgroundvideoplaypausebutton:focus-visible {
outline-offset: 2px;
border-radius: 50%;
outline: 2px solid #3b79c3;
}
.w-pagination-wrapper {
flex-wrap: wrap;
justify-content: center;
display: flex;
}
.w-pagination-previous {
color: #333;
background-color: #fafafa;
border: 1px solid #ccc;
border-radius: 2px;
margin-left: 10px;
margin-right: 10px;
padding: 9px 20px;
font-size: 14px;
display: block;
}
.w-pagination-previous-icon {
margin-right: 4px;
}
.w-pagination-next {
color: #333;
background-color: #fafafa;
border: 1px solid #ccc;
border-radius: 2px;
margin-left: 10px;
margin-right: 10px;
padding: 9px 20px;
font-size: 14px;
display: block;
}
.w-pagination-next-icon {
margin-left: 4px;
}
.w-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;
}
@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 {
grid-column-gap: 16px;
grid-row-gap: 16px;
color: var(--neutral-600);
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
font-family: Onest, Arial, sans-serif;
font-size: 16px;
line-height: 140%;
display: block;
overflow: visible;
}
h1 {
color: var(--neutral-800);
margin-top: 0;
margin-bottom: 0;
font-size: 28px;
font-weight: 700;
line-height: .95;
display: inline;
}
h2 {
color: var(--neutral-800);
text-align: left;
margin-top: 0;
margin-bottom: 0;
font-size: 48px;
font-weight: 700;
line-height: 1;
}
h3 {
color: var(--neutral-800);
margin-top: 0;
margin-bottom: 0;
font-size: 24px;
font-weight: 700;
line-height: 1;
}
h4 {
color: var(--black);
margin-top: 0;
margin-bottom: 0;
font-size: 24px;
font-weight: 700;
line-height: 1;
}
h5 {
margin-top: 10px;
margin-bottom: 10px;
font-size: 14px;
font-weight: bold;
line-height: 20px;
}
h6 {
margin-top: 10px;
margin-bottom: 10px;
font-size: 12px;
font-weight: bold;
line-height: 18px;
}
p {
border: 1px none var(--opaque-black);
margin-bottom: 0;
}
a {
color: var(--primary-700);
cursor: pointer;
max-width: none;
margin-top: 20px;
margin-bottom: 20px;
font-weight: 500;
text-decoration: none;
transition: color .3s;
}
ul, ol {
margin-top: 0;
margin-bottom: 10px;
padding-left: 40px;
}
img {
max-width: 100%;
display: inline-block;
}
label {
color: var(--neutral-700);
margin-bottom: 0;
font-weight: 500;
}
blockquote {
border-left: 5px solid #e2e2e2;
margin-bottom: 10px;
padding: 10px 20px;
font-size: 18px;
line-height: 22px;
}
figure {
margin-bottom: 10px;
}
figcaption {
color: var(--off-black);
text-align: left;
margin-top: 4px;
}
.image-5 {
max-width: none;
max-height: 100%;
}
.brand-3 {
max-width: none;
display: none;
position: absolute;
left: auto;
}
.nav-menu-3 {
flex: 1;
align-items: center;
display: flex;
position: relative;
left: auto;
}
.container-3 {
clear: none;
justify-content: space-between;
align-items: center;
display: flex;
position: relative;
}
.link-block {
max-width: none;
height: auto;
padding-left: 16px;
position: relative;
}
.image-6 {
max-width: none;
height: 32px;
}
.gridx-nav {
background-color: var(--white);
width: 100%;
padding: 0;
display: block;
position: sticky;
top: 0;
}
.nav-link {
color: #000;
max-width: none;
padding: 16px;
}
.dropdown-toggle {
padding: 16px;
}
.icon-2 {
display: none;
}
.menu-header {
color: var(--black);
text-align: center;
margin-top: 16px;
margin-bottom: 0;
font-size: 24px;
font-style: normal;
font-weight: 500;
text-decoration: none;
}
.menu-description {
color: var(--dark-grey);
margin-bottom: 0;
}
.dropdown-list {
background-color: var(--off-white);
position: relative;
overflow: hidden;
}
.dropdown-list.w--open {
background-color: #0000;
flex-direction: column;
justify-content: flex-start;
align-items: center;
display: flex;
position: fixed;
left: 0;
right: 0;
}
.overview-block {
grid-column-gap: 16px;
grid-row-gap: 16px;
background-color: #f4f4f4;
flex-direction: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: stretch;
height: 100%;
padding-top: 16px;
padding-bottom: 16px;
display: grid;
}
.overview-block._1, .overview-block._2, .overview-block._3 {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: none;
}
.overview-block._3 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: none;
}
.muted {
color: #3339;
}
.button-2 {
color: var(--white);
object-fit: fill;
background-color: #000;
border-radius: 8px;
max-width: none;
margin-left: 16px;
margin-right: 16px;
}
.image-8 {
max-width: none;
max-height: 56px;
}
.section {
min-height: 700px;
padding-top: 64px;
padding-bottom: 64px;
display: block;
position: relative;
overflow: visible;
}
.section.grey-bg {
background-color: var(--off-white);
}
.section.dark-bg {
background-color: var(--black-background);
color: var(--off-white);
padding-top: 64px;
padding-bottom: 64px;
display: block;
}
.section.dark-bg.old {
display: none;
}
.section.petrol {
background-color: var(--turqouis);
color: var(--white);
}
.section.petrol.half.top.small {
min-height: 400px;
}
.section.half {
min-height: 350px;
}
.section.half.top {
padding-top: 128px;
}
.section.top {
min-height: 600px;
}
.section.top.careers {
background-image: url("https://cdn.prod.website-files.com/65b3e159d25a6097b6ca5812/65b3e159d25a6097b6ca5a07_Office.jpg");
background-position: 0 0;
background-size: cover;
min-height: 600px;
overflow: hidden;
}
.section.dark-bg {
color: #fafafa;
background-color: #181e23;
padding-top: 64px;
padding-bottom: 64px;
}
.section.hide {
display: none;
}
.section.hide.show {
display: block;
}
.section.fit-to-content {
min-height: 0;
padding-top: 64px;
padding-bottom: 128px;
}
.section.dynamic {
min-height: 0;
padding-top: 32px;
padding-bottom: 32px;
}
.section.old {
display: none;
}
.body {
overflow: visible;
}
.teaser-paragraph {
max-width: 350px;
margin-bottom: 0;
}
.teaser-paragraph.wide {
max-width: 550px;
}
.teaser-paragraph.wide.center.white {
color: var(--white);
}
.teaser-paragraph.wide.dark-grey.small {
color: var(--neutral-500);
text-align: left;
}
.teaser-paragraph.wide.neutral-400._100 {
max-width: 100%;
}
.teaser-paragraph.wide.neutral-400._100.v2 {
color: var(--neutral-400);
margin-top: 5px;
}
.teaser-paragraph.wide.neutral-500.newsletter-consent {
max-width: 100%;
margin-top: 16px;
font-size: 12px;
}
.teaser-paragraph.center._16pd {
padding-bottom: 16px;
}
.teaser-paragraph.dark-grey {
color: var(--dark-grey);
}
.teaser-paragraph.dark-grey.small {
font-size: 12px;
}
.solution-wrapper {
background-color: var(--off-white);
flex-direction: column;
height: 300px;
min-height: 0;
display: block;
position: relative;
}
.solution-overlay {
background-color: #0000;
flex-direction: column;
justify-content: flex-end;
height: 100%;
display: flex;
position: relative;
}
.solution-overlay.turquois {
background-color: var(--off-white);
}
.solution-name {
color: var(--black);
text-align: center;
font-size: 24px;
line-height: 1.5em;
}
.solution-link {
color: #0fb9b6;
text-align: center;
text-decoration: none;
}
.solution-description {
color: var(--darkest-grey);
text-align: center;
width: 305px;
overflow: hidden;
}
.div-block-27 {
flex-direction: column;
align-items: center;
display: flex;
overflow: hidden;
}
._1-1-1-grid {
grid-column-gap: 33px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
align-items: start;
display: grid;
}
.cta-header {
color: #000;
margin-top: 0;
margin-bottom: 0;
font-size: 24px;
line-height: 32px;
}
.cta-block {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto auto auto;
grid-template-columns: 5fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
padding-top: 16px;
padding-bottom: 16px;
display: grid;
}
.hline {
border-bottom: 2px solid #000;
height: 0;
}
.link {
color: var(--turqouis);
max-width: none;
font-weight: 500;
text-decoration: none;
}
.link:hover {
text-decoration: underline;
}
.footer {
background-color: var(--dark-blue);
text-align: center;
align-items: flex-start;
padding-top: 64px;
padding-bottom: 40px;
}
.footer-flex-container {
grid-column-gap: 16px;
grid-row-gap: 16px;
text-align: left;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: start;
margin-bottom: 32px;
display: grid;
}
.footer-heading {
color: var(--off-white);
text-align: left;
margin-top: 0;
margin-bottom: 4px;
font-size: 16px;
font-weight: 500;
line-height: 1.5;
}
.footer-heading.address {
color: var(--off-white);
margin-bottom: 0;
font-weight: 500;
}
.footer-link {
color: var(--neutral-500);
max-width: none;
margin-bottom: 4px;
font-weight: 300;
text-decoration: none;
display: block;
}
.footer-link:hover {
text-decoration: underline;
}
.text-block-2 {
color: var(--neutral-500);
font-weight: 300;
}
.address-block {
margin-bottom: 16px;
}
.solution-wrapper-wide {
grid-column-gap: 16px;
grid-row-gap: 16px;
background-color: var(--off-white);
flex-direction: column;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
align-items: center;
min-height: 0;
padding: 16px;
display: grid;
position: relative;
}
.solution-image-wide {
width: auto;
height: 100%;
}
.solution-inner-text-wrapper-wide {
flex-direction: column;
align-items: center;
padding-bottom: 0;
}
.drop-down-container {
grid-column-gap: 16px;
grid-row-gap: 16px;
background-color: var(--white);
grid-template-rows: auto;
grid-template-columns: 1fr 2fr;
grid-auto-columns: 1fr;
align-items: center;
width: 100%;
max-width: 1440px;
display: grid;
}
.overview-image-wrapper {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
place-items: center;
display: grid;
}
.overview-text-wrapper {
flex-direction: column;
justify-content: flex-start;
align-items: center;
padding-left: 16px;
padding-right: 16px;
display: flex;
}
.text-span-3 {
font-weight: 400;
}
.text-block-3 {
color: var(--dark-grey);
text-align: center;
max-width: 220px;
}
.heading-14 {
color: var(--header-black);
text-align: center;
margin-top: 0;
margin-bottom: 0;
}
.overview-image {
max-width: none;
height: 120px;
}
.menu-item-text-wrapper {
max-width: 400px;
}
.menu-list-wrapper {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
height: 100%;
padding-top: 16px;
padding-bottom: 16px;
display: grid;
}
.overview-wrapper {
background-color: var(--dark-grey);
}
.menu-link {
width: 100%;
max-width: none;
text-decoration: none;
display: block;
}
.center {
text-align: center;
font-size: 46px;
}
.section-2 {
background-color: var(--off-white);
padding-top: 32px;
padding-bottom: 32px;
}
.bold {
font-weight: 700;
}
.nav {
z-index: 100;
display: block;
position: fixed;
inset: 0% 0% auto;
}
.nav-container {
justify-content: space-between;
max-width: 1100px;
margin-left: auto;
margin-right: auto;
padding: 8px 32px;
display: flex;
}
.nav-logo {
max-width: none;
height: 48px;
padding-top: 8px;
padding-bottom: 8px;
}
.image-18 {
max-width: none;
max-height: 100%;
}
.nav_link {
color: var(--black);
max-width: none;
padding: 8px 16px;
font-weight: 400;
text-decoration: none;
transition: color .3s, background-color .3s;
display: inline-block;
}
.nav_link:hover {
font-weight: 500;
}
.nav-content-wrapper {
margin-left: auto;
margin-right: auto;
display: none;
overflow: hidden;
}
.nav-content-container {
max-width: 1100px;
margin-left: auto;
margin-right: auto;
display: flex;
overflow: hidden;
}
.nav-col-1 {
background-color: var(--light-grey-2);
width: 40%;
padding: 32px;
}
.nav-col-2 {
background-color: var(--off-white);
flex-direction: column;
flex: 1;
justify-content: space-around;
padding: 16px 32px;
display: flex;
}
.nav-main-container {
margin-left: auto;
margin-right: auto;
display: block;
}
.nav-main-container.sub {
display: none;
}
.nav-main-image-container {
justify-content: center;
align-items: stretch;
height: 192px;
display: flex;
position: relative;
}
.menu-pic {
max-width: none;
max-height: 90%;
margin-top: auto;
margin-bottom: auto;
position: relative;
}
.menu-pic.special {
height: 120%;
max-height: none;
top: 16px;
}
.menu-pic.special._2 {
height: 120%;
top: 32px;
}
.nav-col-title-row {
padding-top: 8px;
}
.nav-col-title {
text-align: center;
margin-bottom: 0;
}
.nav-col-subtitle {
color: var(--darkest-grey);
text-align: center;
}
.nav-overlay {
z-index: 99;
opacity: 0;
background-color: #000000bf;
display: none;
position: fixed;
inset: 0%;
}
.white-bar {
background-color: var(--white);
}
.nav-sub-container {
color: var(--black);
padding-bottom: 16px;
text-decoration: none;
}
.text-block-8 {
color: var(--darkest-grey);
font-weight: 300;
}
.text-span-4 {
font-weight: 300;
}
.black {
color: var(--black);
}
.image-20 {
width: 35px;
max-width: none;
}
.sub-header-bold {
color: var(--dark-grey);
letter-spacing: -.02em;
margin-bottom: 0;
font-size: 60px;
font-weight: 700;
line-height: 110%;
}
.sub-header-bold.black {
color: var(--black);
padding-top: 40px;
font-size: 28px;
}
.sub-header-bold.white {
color: var(--white);
}
.sub-header-bold.white.center-on-mobile.pd4 {
padding-bottom: 4px;
}
.sub-header-bold.small {
font-size: 40px;
}
.sub-header-bold.small.white.v2 {
color: var(--dark-blue);
}
.sub-header-bold.small.white.v3 {
font-size: 36px;
}
.sub-header-bold.padded {
padding-bottom: 16px;
}
.sub-header-bold.padded.white.special, .sub-header-bold.padded.special {
padding-left: 0;
}
.sub-header-bold.pd16 {
padding-bottom: 16px;
}
.sub-header-bold.tiny {
font-size: 32px;
}
.sub-header-bold.tiny.black {
font-weight: 500;
}
.text-span-8 {
color: var(--black);
}
.icon-container {
height: 100%;
}
.icon-image {
max-width: none;
height: 60px;
}
.background-wrapper {
grid-column-gap: 16px;
grid-row-gap: 8px;
background-color: var(--neutral-800);
border-radius: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: stretch;
padding: 32px 24px;
display: block;
}
.turqouis {
background-color: var(--turqouis);
text-align: center;
border-radius: 3px;
padding: 8px 16px;
transition: background-color .3s, color .3s;
}
.turqouis:hover {
background-color: var(--white);
color: var(--turqouis);
}
.turqouis.full {
width: 100%;
}
.link-block-3 {
position: relative;
}
.div-block-69 {
background-color: var(--yellow);
border-radius: 50%;
width: 20px;
height: 20px;
position: absolute;
inset: 0% -5px auto auto;
}
.eventcounter {
color: var(--black);
text-align: center;
justify-content: center;
align-items: center;
font-size: 12px;
font-weight: 700;
}
.solution-and-xenon-wrapper {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.bullet-container {
grid-column-gap: 16px;
grid-row-gap: 8px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
align-content: start;
align-items: start;
display: grid;
}
.bullet-container.highlights {
align-content: center;
}
.bullet-container.highlights.muted {
color: var(--dark-grey);
}
.bullet-container.highlights.muted.right {
padding-left: 32px;
}
.bullet-header {
font-size: 24px;
font-weight: 500;
line-height: 110%;
}
.bullet-header.figure {
font-size: 48px;
line-height: 120%;
}
.bullet-header.figure.white {
color: var(--white);
font-size: 40px;
font-weight: 500;
line-height: 80%;
}
.bullet-header.white {
color: var(--white);
font-weight: 500;
}
.bullet-header {
color: var(--black);
}
.bullet-header.white {
color: var(--off-white);
}
.webinarname {
color: var(--black);
font-weight: 500;
}
.webinar-header {
display: flex;
position: relative;
}
.language-icon {
position: relative;
bottom: 4px;
}
.div-block-127 {
padding: 16px;
}
.sales-content-wrapper {
background-image: linear-gradient(to right, transparent 70%, var(--off-white) 70%);
max-width: 1100px;
margin-left: auto;
margin-right: auto;
overflow: hidden;
}
.sales-col-1 {
width: 70%;
}
.sales-col-2 {
flex: 1;
}
.sales-content-container {
display: flex;
overflow: hidden;
}
.text-block-17 {
color: var(--gridx-blue);
font-size: 12px;
font-weight: 500;
}
.link-6 {
color: var(--gridx-blue);
text-decoration: none;
}
.sales-sub-container {
display: none;
}
.div-block-128 {
padding: 16px;
}
.link-block-4 {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
padding-bottom: 16px;
text-decoration: none;
display: flex;
}
.div-block-129 {
flex: 1;
width: 32px;
height: 32px;
}
.image-31 {
max-width: none;
max-height: 100%;
}
.cta-menu {
color: var(--black);
align-self: center;
font-weight: 500;
}
.date {
color: var(--gridx-blue);
padding-right: 4px;
font-size: 14px;
font-weight: 500;
}
.div-block-135 {
grid-column-gap: 16px;
grid-row-gap: 32px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
align-content: center;
place-items: center;
height: 100%;
display: grid;
}
.h2-small {
font-size: 48px;
}
.h2-small.white {
color: var(--white);
}
.button-outline {
border: 1px solid var(--dark-grey);
border-radius: 4px;
padding: 8px;
transition: background-color .2s;
}
.button-outline:hover {
background-color: var(--dark-grey);
color: var(--white);
}
.button-outline.hidden, .button-outline.only-mobile {
display: none;
}
.utility-page-wrap {
justify-content: center;
align-items: center;
width: 100vw;
max-width: 100%;
height: 100vh;
max-height: 100%;
display: flex;
}
.utility-page-content {
text-align: center;
flex-direction: column;
width: 80%;
max-width: 1100px;
display: flex;
}
.gb-highlight-wrapper {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr 2fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.tech-notation {
border-top: 2px solid var(--darkish-grey);
color: var(--black);
width: 70%;
font-size: 12px;
line-height: 120%;
}
.tech-notation.center {
border-top-style: none;
width: auto;
}
.tech-notation.center.turned {
white-space: nowrap;
height: 16px;
transform: rotate(90deg);
}
.gridbox-wrapper {
grid-column-gap: 16px;
grid-row-gap: 32px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.gridbox-front {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 11fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.notation-wrapper {
border-bottom: 2px solid var(--darkish-grey);
width: 90%;
padding-bottom: 4px;
position: relative;
}
.turned-notation-wrapper {
grid-column-gap: 16px;
grid-row-gap: 16px;
border-left: 2px solid var(--darkish-grey);
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
width: 90%;
height: 90%;
display: grid;
position: relative;
}
.turned-notation-wrapper.top {
height: 40%;
}
.tick {
background-color: var(--darkish-grey);
width: 8px;
height: 2px;
position: absolute;
inset: auto 0% 0% -5px;
}
.tick.top {
top: 0;
bottom: auto;
}
.tick.left {
width: 2px;
height: 8px;
inset: auto auto -5px 0%;
}
.tick.right {
width: 2px;
height: 8px;
inset: auto 0% -5px auto;
}
.div-block-148 {
height: 90%;
}
.gridbox-side {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 11fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.tech-table {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.tech-column {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.mission-wrapper-2 {
grid-column-gap: 16px;
grid-row-gap: 32px;
grid-template-rows: auto auto auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
align-content: start;
place-items: start center;
height: 100%;
display: grid;
}
.text-span-62 {
color: var(--black);
font-weight: 500;
}
.value-section-wrapper {
grid-column-gap: 16px;
grid-row-gap: 32px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-content: center;
align-items: center;
width: 1100px;
max-width: 100%;
height: 100%;
display: grid;
}
.div-block-150 {
justify-content: center;
align-items: center;
display: flex;
position: relative;
}
.value-icon {
max-width: none;
max-height: 100%;
}
.text-span-71 {
color: var(--black);
}
.div-block-157 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
justify-items: center;
display: grid;
}
.html-embed-2 {
width: 520px;
height: 400px;
margin-bottom: 0;
}
.div-block-158 {
justify-content: center;
display: flex;
}
.div-block-159 {
justify-content: center;
align-items: center;
height: 0;
display: flex;
overflow: hidden;
}
.text-span-78 {
color: var(--black);
}
.step-number-container {
background-color: var(--neutral-800);
border-radius: 50%;
justify-content: center;
align-items: center;
width: 32px;
height: 32px;
display: flex;
}
.step-number {
color: var(--white);
font-size: 16px;
font-weight: 700;
}
.dark-bg {
background-color: var(--black-background);
color: var(--grey-2);
padding-top: 32px;
padding-bottom: 64px;
}
.press-release-container {
grid-column-gap: 16px;
grid-row-gap: 4px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.full-width {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.media-meta-container {
display: flex;
}
.media-about-container {
grid-column-gap: 16px;
grid-row-gap: 4px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
justify-items: center;
display: grid;
}
.grey-bg {
background-color: var(--off-white);
}
.responsive-container {
position: relative;
}
.responsive-container.high {
z-index: 10;
}
.form {
grid-column-gap: 16px;
grid-row-gap: 8px;
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
align-content: center;
display: flex;
}
.success-message._1 {
background-color: #0000;
}
.error-message {
color: var(--black);
background-color: #eb5858;
}
.error-message._1 {
background-color: #0000;
}
.form-block {
margin-bottom: 0;
}
.navbar {
display: none;
}
.div-block-177 {
padding-bottom: 16px;
}
.div-block-178 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.list {
list-style-type: lower-alpha;
}
.div-block-181 {
display: flex;
}
.webinar-text-wrapper {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
width: 50%;
padding-right: 16px;
}
.div-block-183 {
flex: 1;
padding-left: 16px;
}
.dark-grey {
color: var(--neutral-700);
}
.section-23 {
background-image: linear-gradient(to right, var(--black-background) 50%, white 50%, white);
min-height: 90vh;
padding-top: 128px;
padding-bottom: 128px;
}
.text-span-105 {
color: var(--white);
}
.text-span-106 {
color: var(--neutral-300);
}
.text-span-107 {
color: var(--black);
}
.success-message-2 {
background-color: var(--white);
}
.text-block-28 {
text-align: center;
}
.form-block-2 {
position: sticky;
top: 96px;
}
.text-span-113 {
color: var(--darkest-grey);
font-weight: 400;
}
.div-block-190 {
width: 80%;
}
.integration-card {
background-color: var(--neutral-50);
border-radius: 8px;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 32px 16px 16px;
display: flex;
}
.integration-card.white {
background-color: var(--white);
color: var(--darkest-grey);
}
.integrations-wrapper {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.integration-logo-container {
justify-content: center;
align-items: center;
width: 80%;
height: 60px;
display: flex;
}
.integration-logo {
height: 32px;
}
.integration-name {
align-self: center;
padding-top: 8px;
padding-bottom: 8px;
}
.devices-wrapper {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.social-media-wrapper {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
margin-left: -8px;
display: flex;
}
.social-media-container {
width: 48px;
height: 64px;
padding-left: 8px;
padding-right: 8px;
}
.social-media-icon {
max-height: 100%;
}
.social-media-icon.linkedin {
max-width: none;
height: 25px;
max-height: none;
}
.social-media-icon.twitter {
max-width: none;
height: 34px;
max-height: none;
}
.social-media-icon.facebook {
max-width: none;
height: 28px;
max-height: none;
}
.div-block-193 {
justify-content: center;
align-items: center;
display: flex;
}
.overlay-turqouis {
z-index: 2;
background-color: #0fb9b6bf;
position: absolute;
inset: 0%;
}
.container-26 {
z-index: 3;
position: relative;
}
.annotation {
background-color: var(--yellow);
color: var(--white);
border-radius: 4px;
padding-left: 8px;
padding-right: 8px;
font-size: 12px;
position: relative;
inset: -12px 0 auto 4px;
}
.annotation.outline {
color: var(--yellow);
background-color: #0000;
align-self: flex-end;
padding-left: 0;
padding-right: 0;
font-size: 10px;
}
.annotation.same-level {
margin-left: 8px;
position: static;
}
.div-block-200 {
display: flex;
}
.media-archive-wrapper {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
padding-bottom: 16px;
display: grid;
}
.wwd-container {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 2fr;
grid-auto-columns: 1fr;
display: grid;
}
.wwd-image-container {
height: 90px;
}
.wwd-image {
max-width: none;
max-height: 100%;
}
.white-outline {
border: 1px solid var(--white);
background-color: #0000;
border-radius: 3px;
transition: background-color .3s, color .3s;
}
.white-outline:hover {
background-color: var(--white);
color: var(--turqouis);
}
.black-button {
background-color: var(--black);
border: 2px solid #000;
border-radius: 3px;
max-width: none;
padding: 6px;
transition: background-color .3s, color .3s, border-color .3s;
}
.black-button:hover {
color: var(--black);
background-color: #0000;
}
.black-button.fs {
justify-content: center;
min-width: 126.83px;
display: flex;
}
.black-button.menu {
text-align: center;
width: 128px;
font-size: 14px;
}
.white {
color: var(--white);
font-size: 42px;
}
.white.opening {
font-size: 48px;
}
.petrol {
color: var(--turqouis);
}
.wg-element-wrapper {
align-items: center;
display: flex;
position: relative;
}
.wg-element-wrapper.sw14, .wg-element-wrapper.sw12 {
display: block;
}
.wg-button-2-lang-wrapper {
justify-content: center;
display: flex;
}
.wg-code {
display: none;
}
.wg-button-2-text-lang1 {
align-items: center;
height: 2rem;
display: flex;
}
.wg-button-2-text-lang2 {
align-items: center;
height: 34px;
display: flex;
position: absolute;
top: 2rem;
}
.div-block-203 {
padding: 16px;
}
.div-block-204 {
padding-bottom: 16px;
}
.div-block-209 {
padding-top: 16px;
padding-bottom: 16px;
}
.div-block-210 {
flex-flow: row;
justify-content: center;
align-items: center;
padding-top: 8px;
padding-bottom: 8px;
display: flex;
}
.div-block-211 {
max-width: 800px;
padding-bottom: 16px;
}
.div-block-212 {
width: 70%;
padding-top: 16px;
padding-bottom: 32px;
}
.div-block-212.v2 {
flex-flow: column;
align-items: center;
width: auto;
margin-top: 25px;
display: flex;
}
.rich-text-block-2 {
text-align: left;
}
.rich-text-block-2 h3 {
padding-bottom: 8px;
}
.link-block-5 {
color: var(--black);
text-decoration: underline;
transition: font-size .2s;
}
.link-block-5:hover {
color: var(--gridx-blue);
}
.pm-headline {
font-size: 24px;
font-weight: 500;
line-height: 110%;
}
.pm {
padding-top: 8px;
padding-bottom: 24px;
position: relative;
inset: 24px;
}
.pm:last-child {
border-bottom-style: none;
border-bottom-width: 0;
padding-bottom: 16px;
}
.left-wrapper2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
place-content: center start;
place-items: center stretch;
width: 1100px;
max-width: 100%;
height: 100%;
display: grid;
}
.div-block-217 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
place-items: center;
min-height: 100vh;
display: grid;
}
.div-block-218 {
width: 25%;
padding-bottom: 16px;
}
.div-block-219 {
flex-direction: column;
align-items: center;
width: 100%;
display: flex;
}
.div-block-220 {
flex-direction: column;
align-items: center;
display: flex;
}
.div-block-223 {
color: var(--off-white);
display: flex;
}
.text-block-34 {
padding-left: 4px;
}
.hidden-field {
display: none;
}
.webinar-container {
display: flex;
}
.webinar-form-wrapper {
flex: 1;
padding-left: 16px;
}
.section-37 {
padding-top: 105px;
}
.div-block-231 {
border-radius: 16px;
flex-flow: column;
align-items: center;
width: 100%;
height: 40vw;
max-height: 450px;
display: flex;
overflow: hidden;
}
.image-45 {
object-fit: cover;
width: 100%;
max-width: none;
height: 100%;
}
.div-block-235 {
grid-column-gap: 16px;
grid-row-gap: 8px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.text-field {
margin-bottom: 0;
}
.div-block-237 {
flex-direction: row;
justify-content: flex-start;
align-items: flex-start;
padding-top: 16px;
display: block;
}
.newsletter {
background-color: var(--neutral-100);
padding-top: 32px;
padding-bottom: 32px;
}
.red-asterisk {
color: #f04649;
}
.secton-39 {
background-color: var(--dark-blue);
padding-top: 64px;
}
.div-block-238 {
grid-column-gap: 16px;
grid-row-gap: 8px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.div-block-239 {
padding-top: 16px;
}
.scroll-container {
max-width: 1100px;
margin-left: auto;
margin-right: auto;
position: absolute;
inset: 0%;
}
.div-block-240 {
position: relative;
overflow: hidden;
}
.year-slide {
justify-content: center;
align-items: center;
height: 11.77%;
display: flex;
position: relative;
}
.year-slide.color {
background-image: linear-gradient(#0000 50%, #030324 50% 100%, #030324);
height: 5.84%;
}
.cloud {
max-width: 50vw;
position: absolute;
}
.cloud._1 {
width: 800px;
max-width: 50vw;
inset: 0% -300px auto auto;
}
.cloud._2 {
width: 1000px;
inset: auto auto -10% -10%;
}
.cloud._3 {
width: 700px;
inset: 25% 0% 0% auto;
}
.cloud._4 {
width: 350px;
inset: auto 26% 0% auto;
}
.cloud._5 {
width: 500px;
inset: 0% auto auto 0%;
}
.cloud._7 {
width: 650px;
inset: -15% -19% auto auto;
}
.year-content {
position: absolute;
inset: auto auto 25% 32px;
}
.year-content.right {
z-index: 1;
left: auto;
right: 32px;
}
.year-content._1 {
bottom: 0%;
left: 0;
}
.year-content._2 {
bottom: -25%;
left: auto;
}
.year-content._3 {
z-index: 1;
inset: auto 0% -50% auto;
}
.year-content._4 {
z-index: 1;
bottom: 0%;
left: auto;
}
.year-content._6 {
left: 0;
}
.year-content._9 {
z-index: 1;
inset: -28vh auto auto;
}
.year-text-wrapper {
color: var(--darkish-grey);
max-width: 300px;
}
.year-text-wrapper.wide {
max-width: 500px;
}
.year-figure {
color: var(--off-white);
font-size: 64px;
font-weight: 700;
line-height: 94%;
}
.text-block-36 {
font-size: 18px;
line-height: 110%;
}
.santa-wrapper {
width: 300px;
display: flex;
position: absolute;
inset: 0% auto 0% 0%;
}
.year-small {
color: var(--off-white);
font-size: 32px;
font-weight: 700;
line-height: 94%;
}
.div-block-243 {
justify-content: center;
display: flex;
position: relative;
top: 0;
}
.div-block-244 {
width: 100vw;
position: absolute;
}
.div-block-245 {
position: absolute;
inset: 0%;
}
.image-47 {
width: 100%;
margin-top: -8px;
}
.text-span-131 {
line-height: 110%;
}
.bottom-image-container {
width: 100vw;
position: absolute;
}
.bottom-image-container._1 {
justify-content: center;
display: flex;
top: auto;
bottom: -20vh;
}
.bottom-image-container._2 {
justify-content: center;
display: flex;
top: 0;
}
.bottom-image-container._3 {
justify-content: center;
width: 100%;
display: flex;
inset: auto 0% -16vh;
}
.div-block-248 {
height: 230vh;
position: relative;
}
.image-48 {
width: 100%;
}
.christmas-tree {
height: 100%;
margin-top: -8px;
}
.div-block-249 {
margin-bottom: 15vh;
}
.year-tiny {
color: var(--off-white);
font-size: 24px;
font-weight: 500;
line-height: 94%;
}
.year-tiny.center {
color: var(--darkish-grey);
padding-top: 16px;
}
.text-span-132 {
color: var(--darkish-grey);
}
.div-block-250 {
z-index: 2;
width: 15vw;
min-width: 128px;
position: absolute;
inset: 0% 0% auto auto;
}
.section-40 {
width: 100%;
max-height: 60vh;
margin-top: 32px;
position: relative;
overflow: hidden;
}
.image-49 {
object-fit: cover;
width: 100%;
max-width: none;
}
.blog-header {
color: var(--dark-grey);
letter-spacing: -.02em;
margin-bottom: 0;
font-size: 60px;
font-weight: 700;
line-height: 110%;
}
.blog-header.dark {
color: var(--black-background);
}
.blog-text {
grid-row-gap: 24px;
color: var(--neutral-600);
text-align: left;
flex-direction: column;
display: flex;
}
.blog-text h2 {
color: var(--neutral-800);
margin-top: 40px;
font-size: 34px;
font-weight: 700;
line-height: 1.5;
}
.blog-text p {
color: var(--neutral-600);
font-size: 18px;
line-height: 28px;
}
.blog-text h4 {
color: var(--neutral-800);
margin-top: 16px;
margin-bottom: 8px;
font-size: 24px;
font-weight: 500;
line-height: 1.5;
}
.blog-text img, .blog-text li {
padding-bottom: 16px;
}
.blog-text ul {
color: var(--neutral-600);
margin-bottom: 0;
padding-left: 32px;
font-size: 18px;
line-height: 28px;
}
.blog-text.narrow {
max-width: 320px;
}
.blog-text h5 {
color: var(--dark-blue);
font-size: 18px;
}
.blog-text blockquote {
color: var(--neutral-800);
border: 1px #000;
margin-bottom: -12px;
padding: 0 0 0 32px;
font-size: 24px;
font-weight: 500;
line-height: 36px;
position: relative;
}
.blog-text h6 {
color: var(--neutral-600);
margin-top: 0;
margin-bottom: 0;
padding-left: 32px;
font-size: 18px;
font-weight: 500;
line-height: 28px;
}
.blog-text figcaption {
text-align: center;
}
.section-42 {
background-color: var(--black-background);
overflow: visible;
}
.subscribe-form-input-wrapper {
text-align: left;
}
.subscribe-form-input {
background-color: var(--neutral-50);
color: var(--turqouis);
height: 56px;
margin-bottom: 0;
font-size: 16px;
line-height: 1.8;
}
.form-2 {
display: flex;
}
.heading-27 {
color: var(--off-white);
padding-bottom: 16px;
font-size: 3.5rem;
font-weight: 500;
line-height: 1.1;
}
.text-block-37 {
color: var(--grey-2);
font-size: 20px;
font-weight: 300;
line-height: 1.8;
}
.submit-button {
background-color: var(--turqouis);
font-size: 18px;
line-height: 1.8;
transition: background-color .3s;
}
.submit-button:hover {
background-color: var(--black-background);
}
.div-block-257 {
border-radius: 8px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: flex;
}
.div-block-258 {
margin-bottom: 32px;
padding-right: 16px;
}
.container-29 {
padding-top: 200px;
padding-bottom: 80px;
}
.div-block-262 {
z-index: 1;
position: relative;
}
.section-43 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
align-items: center;
min-height: 50vh;
display: grid;
}
.div-block-263 {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
padding-top: 64px;
}
.container-30 {
height: 100%;
}
.blog-header-container {
grid-column-gap: 32px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.div-block-264 {
position: relative;
}
.image-51 {
object-fit: cover;
border-radius: 16px;
}
.div-block-260-copy {
z-index: 0;
width: 120%;
position: absolute;
inset: auto auto -41% -6%;
}
.div-block-267 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
padding-bottom: 16px;
display: grid;
}
.image-52 {
width: 100%;
}
.div-block-268 {
grid-column-gap: 16px;
grid-row-gap: 7px;
background-color: #fafafa;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
padding: 16px;
display: grid;
}
.section-44 {
padding-top: 64px;
padding-bottom: 0;
}
.heading-28 {
color: var(--dark-blue);
padding-bottom: 16px;
}
.div-block-256-copy {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.div-block-259-copy {
position: relative;
}
.div-block-270 {
background-color: var(--black-background);
padding: 16px;
}
.heading-29 {
color: var(--light-grey-2);
}
.section-45 {
background-color: var(--black-background);
padding-top: 32px;
padding-bottom: 32px;
}
.turned {
transform: rotate(6deg);
}
.cookie-overlay {
z-index: 1000000;
background-color: #000000bf;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
height: 100vw;
display: none;
position: fixed;
inset: 0%;
}
.cookie-script {
display: none;
}
.notification-bar {
z-index: 10;
background-color: var(--neutral-800);
padding: 8px 20px;
position: relative;
top: 0;
left: 0;
right: 0;
}
.notification-bar-container {
justify-content: center;
align-items: center;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
display: flex;
position: relative;
}
.notification-message {
color: var(--black-background);
padding-right: 8px;
font-weight: 500;
}
.cookie-expire-number {
display: none;
}
.notification-close {
color: #33333373;
cursor: pointer;
font-size: 50px;
line-height: 1;
position: absolute;
top: 50%;
right: 20px;
transform: translate(0, -60%);
}
.bold-text-5 {
color: var(--neutral-400);
font-size: 32px;
font-weight: 500;
line-height: 1.5;
}
.empty-state {
display: none;
}
.notification-wrapper-div {
z-index: 500;
position: fixed;
inset: 0% 0% auto;
}
.section-46 {
padding-top: 64px;
padding-bottom: 64px;
}
.div-block-272 {
border-radius: 8px;
justify-content: center;
align-items: center;
height: 128px;
display: flex;
overflow: hidden;
}
.blog-teaser-image {
object-fit: cover;
border-radius: 8px;
position: relative;
top: 50%;
transform: translate(0, -50%);
}
.blog-teaser-text-wrapper {
padding-top: 16px;
padding-bottom: 16px;
}
.text-block-39 {
color: #242c34;
padding-bottom: 8px;
font-size: 24px;
font-weight: 700;
line-height: 1.4;
transition: color .6s;
}
.text-block-39:hover {
color: var(--gridx-blue);
}
.heading-30 {
color: #242c34;
padding-bottom: 8px;
}
.text-block-40 {
color: #444f56;
padding-bottom: 8px;
line-height: 1.6;
}
.blog-teaser-img-wrapper {
height: 128px;
position: relative;
overflow: hidden;
}
.div-block-275 {
opacity: 0;
cursor: pointer;
border-radius: 8px;
transition: opacity .3s;
position: absolute;
inset: 0%;
}
.div-block-275:hover {
opacity: .25;
}
.collection-list-3 {
grid-column-gap: 32px;
grid-row-gap: 32px;
flex-flow: wrap;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.heading-32 {
color: #242c34;
background-color: #fafafa;
margin-bottom: 24px;
padding: 16px;
font-size: 16px;
font-weight: 400;
line-height: 1.2;
}
.div-block-276 {
height: 0;
}
.menu-wrapper-new {
justify-content: space-between;
align-items: center;
height: 64px;
display: flex;
}
.menu-logo-wrapper {
align-self: center;
width: 96px;
padding-top: 16px;
padding-bottom: 8px;
}
.nav-item-new {
cursor: default;
justify-content: center;
width: 100px;
display: flex;
}
.nav-text {
color: var(--off-black);
cursor: default;
font-size: 14px;
font-weight: 500;
}
.nav-items-wrapper-new {
grid-column-gap: 32px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: column;
align-items: center;
display: grid;
position: relative;
}
.submenu-container-new {
background-color: var(--neutral-50);
border-radius: 16px;
max-width: 1080px;
margin-top: 8px;
overflow: hidden;
}
.sub-menu-wrapper-new {
justify-content: center;
}
.sub-menu-content-new {
-webkit-text-fill-color: inherit;
background-clip: border-box;
border-radius: 16px;
padding: 24px;
}
.sub-menu-content {
grid-column-gap: 16px;
grid-row-gap: 24px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.sub-menu-content._2 {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
}
.sub-menu-content._3 {
grid-row-gap: 16px;
grid-template-columns: 1fr 1fr;
}
.sub-menu-item-new {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 3fr;
grid-auto-columns: 1fr;
max-width: 300px;
font-weight: 400;
display: grid;
}
.sub-menu-item-new.icon {
color: var(--off-black);
grid-template-columns: 1fr 4fr;
font-size: 14px;
font-weight: 500;
transition: color .25s;
}
.sub-menu-item-new.icon:hover {
color: var(--grey-5);
}
.sub-menu-icon-container {
width: 56px;
}
.sub-menu-icon-container.small {
width: 32px;
}
.sub-menu-link-block {
color: var(--sub-title);
font-weight: 300;
transition: color .25s;
}
.sub-menu-link-block:hover {
color: var(--grey-5);
}
.sub-menu-sub-text {
font-size: 14px;
}
.sub-menu-positioner {
justify-content: center;
line-height: 140%;
display: flex;
position: relative;
}
.sub-menu {
z-index: 100;
display: none;
position: absolute;
}
.latest-blog-wrapper {
background-color: var(--neutral-100);
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
margin: 8px -24px -24px;
padding: 16px 24px 24px;
}
.text-block-42 {
color: var(--off-black);
font-size: 14px;
font-weight: 500;
}
.div-block-280 {
margin-top: 0;
margin-bottom: 0;
padding-bottom: 8px;
}
.link-block-7 {
color: var(--sub-title);
margin-top: 0;
margin-bottom: 0;
font-weight: 400;
}
.collection-item-2 {
padding-bottom: 4px;
}
.div-block-281 {
font-size: 14px;
display: flex;
}
.text-block-43 {
padding-left: 2px;
}
.sub-menu-title-new {
color: var(--off-black);
font-size: 14px;
font-weight: 500;
}
.nav-overlay--new {
z-index: 1;
aspect-ratio: auto;
background-color: #181e2340;
height: 100vh;
display: none;
position: absolute;
inset: 0%;
}
.menu-new {
z-index: 500;
background-color: var(--neutral-50);
-webkit-backdrop-filter: blur(4px);
backdrop-filter: blur(4px);
object-fit: contain;
position: fixed;
inset: 0% 0% auto;
}
.div-block-284 {
z-index: 10;
border-bottom: 8px solid #fafafa;
border-left: 8px solid #0000;
border-right: 8px solid #0000;
width: 0;
height: 0;
display: none;
position: absolute;
bottom: -10px;
}
.moving-arrow--wrapper {
z-index: 100;
padding-left: 24px;
padding-right: 24px;
position: absolute;
bottom: 0%;
left: 0%;
right: 0%;
}
.git-wrapper {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-direction: row;
grid-template-rows: auto;
grid-template-columns: 3fr 1fr;
grid-auto-columns: 1fr;
align-self: center;
align-items: center;
width: 200px;
display: grid;
}
.image-54 {
height: 48px;
}
.div-block-293 {
max-width: 280px;
}
.mobile-menu--icon {
max-width: 64px;
display: none;
}
.div-block-295 {
width: 64px;
}
.sub-menu-section-title, .mobile-menu-close--icon {
display: none;
}
.blog-subtitle-copy {
color: #444f56;
font-size: 16px;
line-height: 1.4;
}
.blog-subtitle-copy p {
font-size: 20px;
font-weight: 500;
line-height: 1.5;
}
.div-block-297 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
align-items: center;
min-height: 100vh;
display: grid;
}
.section-48 {
background-image: linear-gradient(to bottom, var(--off-white), var(--white));
}
.section-48.hide {
display: none;
}
.text-block-45 {
text-align: center;
max-width: 500px;
}
.div-block-299 {
justify-content: center;
display: flex;
}
.js-clock {
justify-content: center;
align-items: center;
display: flex;
}
.box {
flex-direction: column;
justify-content: center;
align-items: center;
width: 120px;
height: 120px;
margin-left: 10px;
margin-right: 10px;
padding: 10px;
font-family: mark pro;
font-size: 12px;
line-height: 20px;
display: flex;
}
.clock-number {
color: var(--off-black);
font-size: 80px;
line-height: 70px;
}
.clock-label {
color: var(--sub-title);
letter-spacing: 5px;
text-transform: uppercase;
margin-top: 10px;
margin-right: -5px;
font-family: mark pro;
}
.div-block-300 {
grid-column-gap: 24px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
justify-items: center;
display: grid;
}
.div-block-257-copy {
border: 1px none var(--turqouis);
border-radius: 3px;
display: flex;
}
.color-bar {
height: 16px;
overflow: hidden;
}
.empty-state-2 {
display: none;
}
.collection-list-4 {
background-color: var(--black-background);
padding-top: 64px;
}
.container-32 {
padding: 16px;
}
.div-block-301 {
justify-content: center;
display: flex;
}
.link-block-8 {
display: flex;
}
.text-block-46 {
padding-left: 4px;
}
.div-block-295-copy {
width: 128px;
}
.div-block-302 {
font-size: 14px;
}
.div-block-286-copy {
height: 48px;
margin-top: -4px;
position: relative;
}
.event-counter-wrapper {
background-color: var(--yellow);
border-radius: 50%;
width: 20px;
height: 20px;
position: absolute;
inset: 4px 12px auto auto;
}
.menu-bar {
justify-content: center;
align-items: center;
display: flex;
}
.badge-wrapper {
justify-content: center;
width: 240px;
display: flex;
}
.author-image {
border: 2px none var(--secondary-300);
border-radius: 50%;
width: 64px;
height: 64px;
margin-left: 8px;
margin-right: 8px;
overflow: hidden;
}
.author-container {
justify-content: center;
align-items: center;
display: flex;
}
.author--name {
margin-left: 8px;
margin-right: 8px;
}
.div-block-306 {
width: 80px;
}
.div-block-307 {
justify-content: space-between;
padding-top: 16px;
padding-bottom: 16px;
display: flex;
}
.heading-33 {
color: var(--dark-blue);
font-size: 64px;
}
.collection-list-5 {
grid-column-gap: 8px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.section-49 {
padding-bottom: 32px;
}
.section-49.high {
z-index: 10;
position: relative;
}
.speaker-section {
padding-top: 32px;
padding-bottom: 128px;
position: relative;
}
.collection-item-3 {
padding: 24px;
display: flex;
}
.collection-item-3:nth-child(odd) {
transform: translate(-24px, 128px);
}
.collection-item-3:nth-child(2n) {
transform: translate(-40px, 64px);
}
.collection-item-3:first-child {
transform: translate(0, -64px);
}
.collection-item-3:last-child {
transform: translate(0, 40px);
}
.speaker-wrapper {
position: relative;
}
.speaker-name-wrapper {
flex-direction: column;
justify-content: flex-start;
align-items: flex-end;
width: 300px;
display: flex;
position: relative;
top: -24px;
}
.speaker-name-container {
background-color: var(--off-black);
color: var(--off-white);
padding: 8px;
font-size: 20px;
font-weight: 500;
position: absolute;
inset: 0% 0% 0% auto;
box-shadow: 6px 6px 16px #242c3480;
}
.speaker-title-container {
background-color: var(--off-black);
color: var(--turqouis);
margin-top: 4px;
padding: 4px 8px;
font-size: 12px;
font-weight: 300;
display: flex;
box-shadow: 6px 6px 16px #242c3480;
}
.text-block-49 {
padding-right: 4px;
}
.image-56 {
max-width: 512px;
position: absolute;
inset: 0% 0% auto auto;
transform: translate(50%, -50%);
}
.image-56-copy {
max-width: 512px;
position: absolute;
inset: 50% auto 0% 0%;
transform: translate(-128px);
}
.wabe-3 {
max-width: 512px;
position: absolute;
inset: 25% 0% 0% auto;
transform: translate(-128px);
}
.wabe-4 {
max-width: 512px;
display: none;
position: absolute;
inset: auto 0% 0% auto;
transform: translate(0, 128px);
}
.body-2 {
background-color: var(--off-white);
}
.div-block-314 {
max-width: 500px;
padding-top: 16px;
}
.div-block-315 {
height: 38px;
position: relative;
}
.text-block-50 {
white-space: nowrap;
}
.team-header-section {
background-color: #e9f8f8;
height: 400px;
padding-top: 64px;
position: relative;
}
.black-button-copy {
background-color: var(--header-black);
border: 2px solid #000;
border-radius: 3px;
max-width: none;
padding: 4px 16px;
font-weight: 400;
transition: background-color .3s, color .3s, border-color .3s;
}
.black-button-copy:hover {
color: var(--black);
background-color: #0000;
}
.team-page-container {
align-items: center;
height: 100%;
display: flex;
}
.heading-34 {
color: var(--header-black);
padding-bottom: 16px;
font-size: 56px;
line-height: 1.1;
}
.text-span-133 {
color: var(--darkest-grey);
font-weight: 300;
}
.div-block-316 {
z-index: 0;
justify-content: flex-end;
align-items: flex-end;
width: 100%;
height: 100%;
display: flex;
position: absolute;
inset: auto 0% 0% auto;
overflow: hidden;
}
.image-58 {
max-width: 100%;
max-height: 320px;
position: relative;
bottom: 0;
right: 0;
}
.image-58.edit {
width: 33%;
margin-right: -37px;
right: -16px;
}
.section-50 {
background-color: var(--off-white);
padding-top: 64px;
padding-bottom: 64px;
}
.section-50.white {
background-color: var(--white);
}
.div-block-317 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 3fr 2fr;
grid-auto-columns: 1fr;
display: grid;
}
.heading-35 {
color: var(--header-black);
}
.div-block-318 {
z-index: 4;
background-color: var(--turqouis);
transform-style: preserve-3d;
width: 128px;
height: 128px;
position: relative;
transform: rotateX(50deg)rotateY(0)rotateZ(45deg);
}
.div-block-318._2 {
z-index: 3;
transform-style: preserve-3d;
background-color: #72d2d6;
transform: translate(0, -66%)rotateX(50deg)rotateY(0)rotateZ(45deg);
}
.div-block-318._3 {
z-index: 2;
transform-style: preserve-3d;
background-color: #a5e3e3;
transform: translate(0, -132%)rotateX(50deg)rotateY(0)rotateZ(45deg);
}
.div-block-318._4 {
z-index: 1;
transform-style: preserve-3d;
background-color: #d2f1f0;
transform: translate(0, -198%)rotateX(50deg)rotateY(0)rotateZ(45deg);
}
.div-block-319 {
align-items: center;
display: flex;
position: relative;
}
.div-block-320 {
height: 260px;
position: relative;
}
.text-block-51 {
color: var(--header-black);
text-align: center;
font-size: 24px;
font-weight: 500;
position: absolute;
inset: auto 0% 8px;
}
.section-51 {
background-color: var(--off-white);
padding-top: 32px;
padding-bottom: 64px;
}
.div-block-321 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
padding-top: 16px;
padding-bottom: 16px;
display: grid;
}
.text-span-134 {
color: var(--turqouis);
}
.div-block-322 {
flex-direction: column;
justify-content: center;
align-items: center;
padding-bottom: 32px;
display: flex;
}
.div-block-323 {
max-width: 640px;
}
.job-container {
background-color: var(--white);
box-shadow: 0 2px 8px 0 var(--darkish-grey);
border-radius: 3px;
margin-bottom: 16px;
padding: 16px;
}
.job-text-wrapper {
justify-content: space-between;
width: 100%;
display: flex;
}
.heading-36 {
color: var(--turqouis);
margin-top: 0;
margin-bottom: 0;
}
.text-block-52 {
color: #72d2d6;
font-weight: 400;
}
.text-block-52.comma {
padding-right: 4px;
}
.div-block-324 {
display: flex;
}
.image-59 {
height: 32px;
}
.div-block-325 {
align-self: center;
display: flex;
}
.job-link {
width: 100%;
}
.container-35 {
padding-top: 16px;
padding-bottom: 16px;
}
.html-embed-6 {
display: none;
}
.div-block-326 {
padding-bottom: 16px;
}
.div-block-327 {
margin-top: 16px;
}
.xdays-menu-wrapper {
width: 66%;
height: 69.25px;
margin-top: 16px;
display: flex;
position: absolute;
}
.div-block-328 {
background-color: var(--off-black);
box-shadow: 0 4px 8px 0 var(--grey-3);
width: 100%;
}
.div-block-329 {
border-top: 34.61px solid #0000;
border-bottom: 34.61px solid #0000;
border-left: 24px solid var(--neutral-800);
width: 0;
}
.div-block-330 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
align-self: center;
}
.link-14 {
padding-right: 32px;
}
.html-embed-7 {
display: none;
}
.heading-37 {
color: var(--off-black);
}
.section-39 {
background-image: linear-gradient(113deg, #242c34f2, var(--off-black));
margin-top: 64px;
}
.div-block-333 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
margin-bottom: 128px;
display: grid;
}
.waben-container {
margin: -24px;
}
.waben-container.down {
transform: translate(0, 128px);
}
.heading-38 {
color: var(--header-black);
padding-bottom: 16px;
font-size: 56px;
}
.text-block-53 {
max-width: 500px;
padding-bottom: 16px;
}
.div-block-334 {
width: 500px;
position: absolute;
inset: auto 0% 0% auto;
transform: translate(50%, 50%);
}
.section-52 {
padding-top: 64px;
padding-bottom: 64px;
position: relative;
}
.div-block-335 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 2fr 3fr;
grid-auto-columns: 1fr;
display: grid;
}
.div-block-336 {
width: 250px;
position: absolute;
inset: auto auto 0% 0%;
transform: translate(-50%, 50%);
}
.section-53 {
padding-top: 16px;
display: none;
}
.gridxdays-h2 {
color: var(--header-black);
font-size: 48px;
font-weight: 500;
line-height: 90%;
position: relative;
}
.div-block-337 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 3fr 2fr;
grid-auto-columns: 1fr;
display: grid;
}
.heading-40 {
color: var(--sub-title);
font-size: 32px;
font-weight: 500;
line-height: 120%;
}
.text-block-54 {
max-width: 500px;
}
.programm_wabe {
max-width: 250px;
padding-top: 24px;
padding-bottom: 24px;
position: relative;
}
.div-block-338 {
width: 200%;
position: absolute;
inset: auto 0% 0% auto;
transform: translate(100%, 50%);
}
.div-block-339 {
background-color: #c3eded;
width: 8px;
height: 260px;
position: absolute;
inset: auto auto 0% 50%;
transform: translate(-4px, 50%);
}
.image-60, .image-61 {
z-index: 1;
position: relative;
}
.section-54 {
padding-top: 64px;
padding-bottom: 64px;
}
.div-block-340 {
padding-bottom: 64px;
}
.section-55 {
padding-top: 32px;
}
.section-56 {
padding-top: 64px;
padding-bottom: 64px;
display: none;
}
.div-block-342 {
padding-top: 16px;
}
.wg-button-2-2 {
background-color: var(--turqouis);
color: var(--off-white);
letter-spacing: .1em;
border-radius: 3px;
flex-direction: column;
justify-content: center;
align-items: center;
min-width: 100px;
height: 34px;
padding-left: 15px;
padding-right: 15px;
text-decoration: none;
transition: box-shadow .1s, background-color .1s, color .1s;
display: flex;
position: relative;
overflow: hidden;
}
.wg-button-2-2:hover {
color: #fff;
background-color: #0fb9b640;
box-shadow: 0 5px 13px -4px #801a0052;
}
.wg-flag-ico {
object-fit: cover;
width: 100%;
max-width: none;
height: 100%;
}
.wg-element-2 {
justify-content: flex-start;
align-items: center;
transition: background-color .2s;
display: flex;
position: relative;
}
.wg-element-2:hover {
background-color: #0000;
}
.wg-flag {
justify-content: center;
align-items: center;
width: 20px;
height: 16px;
margin-right: 10px;
display: flex;
}
.wg-flag.v2 {
margin-right: 1rem;
}
.collection-list-6 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.link-block-9 {
grid-column-gap: 16px;
grid-row-gap: 8px;
color: var(--grey-3);
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
align-content: start;
align-items: start;
font-weight: 400;
line-height: 1.5;
display: grid;
}
.link-block-9:hover {
color: #2400a780;
}
.turned-copy {
max-width: 80%;
margin-bottom: 64px;
margin-left: 64px;
position: relative;
transform: rotate(6deg);
}
.heading-43 {
line-height: 1.2;
}
.section-58 {
padding-top: 32px;
padding-bottom: 64px;
}
.div-block-345 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.div-block-346 {
position: relative;
bottom: -64px;
}
.div-block-347 {
position: relative;
}
.text-block-56 {
padding-bottom: 12px;
font-size: 24px;
line-height: 1.5;
}
.bold-text-6 {
font-size: 18px;
}
.text-span-135 {
color: var(--turqouis);
}
.heading-44 {
color: var(--turqouis);
font-weight: 500;
line-height: 1.5;
}
.div-block-349 {
background-color: var(--header-black);
margin-left: -64px;
margin-right: -64px;
padding-left: 80px;
padding-right: 80px;
}
.section-59 {
padding-top: 64px;
padding-bottom: 64px;
}
.div-block-350 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 4fr;
grid-auto-columns: 1fr;
padding-bottom: 64px;
display: grid;
}
.div-block-351 {
justify-content: center;
display: flex;
position: relative;
}
.text-block-57 {
color: var(--turqouis);
font-size: 32px;
font-weight: 500;
line-height: 1;
position: absolute;
bottom: 50%;
transform: translate(0, 50%);
}
.text-block-58 {
color: var(--turqouis);
font-weight: 700;
}
.div-block-352 {
background-color: #fafafa;
padding: 16px 16px 0 32px;
}
.collection-item-4 {
padding-bottom: 32px;
}
.div-block-353 {
background-color: #4a555f;
margin: 8px -16px 0 -128px;
padding-top: 12px;
padding-bottom: 12px;
padding-left: 128px;
}
.heading-45 {
color: var(--off-white);
margin-top: 0;
margin-bottom: 0;
font-size: 24px;
font-weight: 500;
line-height: 1.2;
}
.text-block-59 {
padding-top: 24px;
padding-bottom: 8px;
padding-right: 128px;
}
.collection-list-7 {
grid-column-gap: 32px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.div-block-355 {
position: relative;
}
.div-block-356 {
padding-top: 16px;
padding-bottom: 32px;
}
.div-block-357 {
background-color: var(--header-black);
color: var(--turqouis);
padding: 4px 8px;
}
.div-block-358 {
background-color: #f4f4f4;
width: 8px;
height: 128px;
position: absolute;
top: 0%;
left: 50%;
transform: translate(-50%, -96px);
}
.div-block-359 {
position: relative;
}
.div-block-358-copy {
background-color: #f4f4f4;
width: 8px;
height: 100%;
position: absolute;
bottom: 0%;
left: 50%;
transform: translate(-50%);
}
.div-block-360 {
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 200px;
display: flex;
position: absolute;
inset: auto 0% 0%;
transform: translate(0, 50%);
}
.div-block-357-copy {
background-color: var(--header-black);
color: var(--turqouis);
padding: 4px 8px;
}
.text-block-60 {
color: var(--off-white);
font-size: 12px;
}
.text-block-61 {
font-size: 14px;
}
.div-block-361 {
background-color: var(--off-white);
padding-bottom: 16px;
padding-left: 32px;
}
.text-block-58-copy {
color: var(--turqouis);
font-weight: 700;
display: none;
}
.collection-list-8 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.div-block-362 {
grid-column-gap: 16px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: 1fr 5fr;
grid-auto-columns: 1fr;
display: grid;
}
.div-block-363 {
border-radius: 3px;
box-shadow: 0 4px 12px #242c3440;
}
.div-block-364 {
justify-content: center;
align-items: center;
padding: 16px;
display: flex;
}
.text-block-62 {
color: var(--turqouis);
font-size: 24px;
font-weight: 500;
}
.div-block-365 {
cursor: pointer;
justify-content: flex-start;
align-items: center;
padding-top: 15px;
padding-bottom: 15px;
display: flex;
position: relative;
}
.heading-46 {
color: var(--header-black);
margin-top: 0;
margin-bottom: 0;
font-size: 24px;
line-height: 1.4;
}
.text-block-63 {
color: var(--turqouis);
}
.div-block-366 {
align-items: center;
display: flex;
position: absolute;
inset: 0% 32px 0% auto;
}
.image-65 {
max-width: none;
height: 32px;
}
.text-block-64 {
width: 75%;
line-height: 1.3;
}
.div-block-367 {
padding-bottom: 16px;
}
.collection-list-9 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.div-block-368 {
position: relative;
}
.div-block-369 {
flex-direction: column;
align-items: flex-start;
display: flex;
position: absolute;
inset: auto auto 0% 0%;
transform: translate(0, 50%);
}
.div-block-370 {
background-color: var(--header-black);
padding: 8px;
}
.text-block-65 {
color: var(--turqouis);
}
.div-block-371 {
background-color: var(--header-black);
color: var(--off-white);
margin-top: 2px;
padding: 8px;
}
.div-block-372 {
padding-bottom: 64px;
}
.div-block-373 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 5fr;
grid-auto-columns: 1fr;
display: grid;
overflow: hidden;
}
.image-66 {
width: 160px;
height: 138.72px;
}
.div-block-374 {
display: block;
}
.section-60 {
padding-top: 64px;
padding-bottom: 64px;
}
.container-38 {
padding-top: 64px;
}
.section-61 {
display: none;
}
.div-block-378 {
z-index: 1;
position: relative;
}
.div-block-382 {
padding-bottom: 16px;
padding-right: 32px;
}
.text-span-136 {
color: var(--dark-grey);
}
.div-block-383 {
background-color: var(--neutral-100);
padding-top: 32px;
padding-bottom: 32px;
}
.div-block-384 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 3fr 9fr;
grid-auto-columns: 1fr;
padding-bottom: 32px;
display: grid;
}
.container-41 {
padding-top: 32px;
padding-bottom: 32px;
}
.div-block-386 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.color-box {
background-color: var(--shade100);
height: 64px;
}
.color-box._50 {
background-color: var(--neutral-50);
}
.color-box._200 {
background-color: var(--neutral-200);
}
.color-box._300 {
background-color: var(--neutral-300);
}
.color-box._400 {
background-color: var(--neutral-400);
}
.color-box._500 {
background-color: var(--neutral-500);
}
.color-box._600 {
background-color: var(--neutral-600);
}
.color-box._700 {
background-color: var(--neutral-700);
}
.color-box._800 {
background-color: var(--neutral-800);
}
.color-box._900 {
background-color: var(--neutral-900);
}
.color-box._100 {
background-color: var(--neutral-100);
}
.color-box.p50 {
background-color: var(--primary-50);
}
.color-box.p300 {
background-color: var(--primary-100);
}
.color-box.p500 {
background-color: var(--primary-500);
}
.color-box.p900 {
background-color: var(--primary-900);
}
.color-box.p700 {
background-color: var(--primary-700);
}
.color-box.s50 {
background-color: var(--secondary-50);
}
.color-box.s300 {
background-color: var(--secondary-300);
}
.color-box.s700 {
background-color: var(--secondary-700);
}
.color-box.s900 {
background-color: #140075;
}
.color-box.w50 {
background-color: var(--warning-50);
}
.color-box.w500 {
background-color: var(--warning-500);
}
.color-box.w300 {
background-color: var(--warning-300);
}
.color-box.w700 {
background-color: var(--warning-700);
}
.color-box.w900 {
background-color: var(--warning-900);
}
.color-box.e50 {
background-color: var(--error-50);
}
.color-box.e300 {
background-color: var(--error-300);
}
.color-box.e500 {
background-color: var(--error-500);
}
.color-box.e700 {
background-color: var(--error-700);
}
.color-box.e900 {
background-color: var(--error-900);
}
.color-box.s500 {
background-color: var(--secondary-500);
}
.color-box.shade0 {
background-color: var(--shade-0);
border: 1px solid #000;
}
.div-block-388 {
justify-content: space-between;
display: flex;
}
.div-block-389 {
border-bottom: 1px solid var(--neutral-500);
margin-bottom: 8px;
}
.five-per-row {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.display-01 {
letter-spacing: -1.25px;
font-size: 72px;
line-height: 1;
}
.display-01.bold {
font-weight: 500;
}
.display-01.extra-bold {
font-weight: 700;
}
.div-block-391 {
padding-bottom: 32px;
}
.display-02 {
color: var(--neutral-800);
font-size: 58px;
font-weight: 700;
}
.display-02.semi-bold {
font-weight: 400;
}
.display-02.bold {
font-weight: 500;
}
.display-02.extra-bold {
font-weight: 700;
}
.display-02.neutral-800.overboard {
width: 130%;
}
.display-02.neutral-800.overboard.v2 {
font-size: 46px;
}
.display-02.neutral-800.v2 {
font-size: 54px;
}
.display-02.neutral-800.success-stories {
font-size: 64px;
}
.h1 {
letter-spacing: -1.5px;
font-size: 96px;
line-height: .95;
}
.h1.extra-bold {
font-weight: 700;
}
.h1.extra-bold.small {
font-size: 48px;
}
.h1.extra-bold.small.neutral-700.higher-lines {
line-height: 1.1;
}
.h1.extra-bold.small.neutral-800.mid-narrow {
max-width: 640px;
line-height: 1.1;
}
.h2 {
letter-spacing: -1px;
margin-bottom: 0;
font-size: 48px;
line-height: 1;
}
.h2.bold {
font-weight: 500;
}
.h2.bold.small {
font-size: 38px;
}
.h2.bold.small.neutral-500.v2 {
color: var(--neutral-50);
text-align: center;
}
.h2.extra-bold {
font-weight: 700;
}
.h2.extra-bold.small {
font-size: 38px;
}
.h2.extra-bold.neutral-800.v2 {
text-align: center;
}
.h2.neutral-800.mid-narrow {
max-width: 640px;
}
.h3 {
color: var(--neutral-800);
letter-spacing: -.5px;
margin-top: 0;
margin-bottom: 0;
padding-bottom: 0;
font-size: 40px;
line-height: 1.1;
}
.h3.semi-bold {
font-weight: 400;
}
.h3.semi-bold.small {
font-size: 24px;
}
.h3.extra-bold {
font-weight: 700;
}
.h3.extra-bold.small {
font-size: 24px;
line-height: 1.2;
}
.h3.extra-bold.small.neutral-800.v2:hover {
color: var(--neutral-600);
}
.h3.extra-bold.small._48pd {
padding-right: 48px;
}
.h3.extra-bold.center.neutral-800.mw-800 {
max-width: 800px;
}
.h3.extra-bold.neutral-700.center {
color: var(--neutral-800);
font-size: 48px;
}
.h3.extra-bold.right {
text-align: right;
}
.h3.bold {
font-size: 38px;
font-weight: 500;
}
.h3.bold.small.neutral-700.v2 {
text-align: center;
}
.h3.bold.neutral-700 {
font-size: 36px;
}
.h3.bold {
font-weight: 500;
}
.h3.bold.small {
font-size: 24px;
}
.subheading-1 {
letter-spacing: .25px;
font-size: 18px;
font-weight: 400;
line-height: 1.2;
}
.subheading-1.bold {
font-weight: 500;
}
.subheading-1.neutral-600.mid-narrow {
max-width: 640px;
}
.subheading-1.secondary-300.bold.small {
font-size: 16px;
}
.body-01 {
font-size: 16px;
line-height: 1.2;
}
.body-01.bold {
font-weight: 500;
}
.body-01.bold.neutral-700 {
text-indent: 0;
}
.body-01.bold.neutral-800 {
margin-top: 0;
margin-bottom: 0;
}
.body-01.left {
text-align: left;
}
.body-01.neutral-500.narrow.v2 {
color: var(--neutral-600);
max-width: 425px;
font-size: 16px;
}
.body-01.neutral-500.narrow.v2.align-right {
max-width: none;
}
.body-01.neutral-500.narrow.v2.align-right.why-gridx {
font-size: 18px;
}
.body-01.neutral-500.narrow.v2.align-right.width {
max-width: 715px;
}
.body-01.neutral-500.narrow.v2.why-gridx {
font-size: 18px;
}
.body-01.neutral-500.narrow.v3, .body-01.neutral-500.narrow.space {
max-width: 435px;
}
.body-01.neutral-600._480-px-width {
max-width: 480px;
}
.body-01.neutral-700 {
color: var(--neutral-700);
}
.body-02 {
font-size: 16px;
font-weight: 400;
line-height: 1.6;
}
.body-02.bold {
font-size: 16px;
font-weight: 500;
}
.body-02.bold.neutral-700.height-1 {
flex: 0 auto;
line-height: 1;
}
.body-02.bold.neutral-800._1-height {
line-height: 1.2;
}
.body-02.bold.neutral-100.pd-8 {
padding-top: 8px;
padding-bottom: 8px;
}
.body-02.bold.secondary-700.left {
text-align: left;
}
.body-02.neutral-800.bold.low-height {
line-height: 1.2;
}
.body-02.neutral-800.small {
font-size: 12px;
line-height: 1;
}
.body-02.neutral-700._16pd {
padding-top: 16px;
}
.body-02.secondary-500.left {
text-align: left;
}
.body-02.top-16-pd {
padding-top: 16px;
}
.body-02.extra-bold {
font-weight: 700;
}
.body-02 ul {
margin-bottom: 0;
padding-left: 24px;
}
.body-02.foldable {
overflow: hidden;
}
.caption {
letter-spacing: .4px;
font-size: 12px;
line-height: 1;
}
.bevel-1 {
box-shadow: 3px 3px 4px 0 #0003, 1px 1px 10px 2px var(--shade-0);
border-radius: 8px;
}
.three-per-row {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.bevel-2 {
box-shadow: 6px 6px 8px 2px #0003, 1px 1px 10px 2px var(--shade-0);
border-radius: 8px;
}
.bevel-3 {
box-shadow: 8px 8px 12px 4px #0003, 1px 1px 10px 2px var(--shade-0);
border-radius: 8px;
}
.bevel-4 {
box-shadow: 13px 13px 18px 6px #0003, 1px 1px 10px 2px var(--shade-0);
border-radius: 8px;
}
.bevel-5 {
box-shadow: 17px 17px 24px 10px #0003, 1px 1px 10px 2px var(--shade-0);
border-radius: 8px;
}
._128px {
height: 128px;
}
.emboss-1 {
border-radius: 8px;
box-shadow: inset -1px -1px 4px #fff3, inset 1px 1px 4px #0000001a;
}
.emboss-2 {
background-color: var(--shade-0);
border-radius: 8px;
box-shadow: inset -2px -2px 6px #fff3, inset 2px 2px 6px #0000001a;
}
.emboss-3 {
border-radius: 8px;
box-shadow: inset -4px -4px 8px #fff3, inset 4px 4px 8px #0000001a;
}
.emboss-4 {
border-radius: 8px;
box-shadow: inset -6px -6px 10px #fff3, inset 6px 6px 10px #0000001a;
}
.emboss-5 {
border-radius: 8px;
box-shadow: inset -7px -7px 12px #fff3, inset 7px 7px 12px #0000001a;
}
.container {
width: 1080px;
margin-left: auto;
margin-right: auto;
padding-top: 64px;
padding-bottom: 64px;
}
.full-width-container {
border-radius: 8px;
margin: 16px;
padding-left: 16px;
padding-right: 16px;
position: relative;
}
.top-offset {
padding-top: 64px;
}
._1-1-columns {
grid-column-gap: 32px;
grid-row-gap: 32px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
height: 100%;
display: grid;
}
._1-1-columns.top-aligned {
align-items: start;
}
._1-1-columns.wide {
grid-column-gap: 48px;
grid-row-gap: 64px;
}
.content-grid {
grid-column-gap: 16px;
grid-row-gap: 24px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
align-items: stretch;
display: grid;
position: relative;
}
.content-grid._8px {
grid-row-gap: 8px;
}
.hero-sizer {
align-items: center;
min-height: 640px;
display: flex;
position: relative;
}
.hero-sizer.small {
min-height: 240px;
}
.hero-image {
height: 320px;
position: absolute;
inset: auto auto 0% 0%;
}
.image-67 {
max-width: none;
max-height: 100%;
}
.div-block-393 {
height: 100%;
}
.div-block-394 {
position: absolute;
inset: auto 0% 0% auto;
}
.button {
background-color: var(--neutral-50);
color: var(--primary-700);
border-radius: 8px;
padding: 16px;
font-size: 20px;
line-height: 1.4;
}
.text-column {
max-width: 400px;
}
.text-column.center {
max-width: 480px;
}
.bg-100 {
background-color: var(--neutral-100);
}
.column-center {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
justify-items: center;
display: grid;
}
.center {
text-align: center;
}
.subsection {
padding-top: 48px;
}
.bg-50 {
background-color: var(--neutral-50);
}
.padded {
padding: 32px 24px;
}
.tx-500 {
color: var(--neutral-500);
}
.div-block-395 {
position: relative;
}
.div-block-398 {
padding-right: 8px;
display: flex;
}
.div-block-399 {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-items: start;
display: flex;
}
.collection-item-5 {
padding-bottom: 16px;
}
.section-51-copy {
background-color: var(--off-white);
padding-top: 64px;
padding-bottom: 32px;
}
.div-block-400 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.div-block-401 {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
display: grid;
}
.padded-copy {
padding: 8px;
}
.padded-copy.jobs {
border-radius: 8px;
transition: top .3s, box-shadow .3s;
}
.padded-copy.jobs:hover {
transform: translate(0, -8px);
box-shadow: 1px 1px 10px 2px #fff3, 6px 6px 8px 2px #0003;
}
.div-block-402 {
padding-left: 4px;
padding-right: 4px;
}
.div-block-403 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 5fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
display: grid;
}
.link-block-11 {
width: 100%;
}
.image-69 {
opacity: 0;
margin-right: 8px;
}
.text-span-137 {
color: var(--primary-700);
}
._2-1-columns {
grid-column-gap: 32px;
grid-row-gap: 32px;
grid-template-rows: auto;
grid-template-columns: 2fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
height: 100%;
display: grid;
}
.padding {
padding-top: 64px;
padding-bottom: 64px;
}
.div-block-405 {
position: relative;
}
.div-block-406 {
justify-content: flex-end;
align-items: flex-end;
width: 50%;
height: 100%;
display: flex;
position: absolute;
bottom: 0;
right: 0;
}
.neutral-700 {
color: var(--neutral-700);
}
.icon-3, .icon-4 {
color: var(--neutral-400);
}
.slider {
background-color: var(--shade-0);
height: 480px;
}
._1-2-grid {
grid-column-gap: 33px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 2fr;
grid-auto-columns: 1fr;
align-items: start;
display: grid;
}
.div-block-407 {
align-items: center;
height: 100%;
display: flex;
}
.slide-nav {
justify-content: center;
align-items: center;
height: 64px;
display: flex;
transform: translate(0, 100%);
}
.left-arrow {
height: 64px;
inset: auto auto 0% 0%;
transform: translate(0, 100%);
}
.right-arrow {
height: 64px;
inset: auto 0% 0% auto;
transform: translate(0, 100%);
}
._1-5-grid {
grid-column-gap: 8px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 5fr;
grid-auto-columns: 1fr;
align-items: start;
display: grid;
}
.div-block-409 {
justify-content: center;
align-items: center;
width: 64px;
height: 64px;
display: flex;
}
.neutral-600 {
color: var(--neutral-600);
}
.neutral-800 {
color: var(--neutral-800);
}
.neutral-800.light, .neutral-800.light.w--current {
font-weight: 400;
}
.section-64 {
background-color: var(--neutral-800);
margin-top: 0;
padding-top: 75px;
}
.modules-grid {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-content: start;
align-items: start;
transition: transform .3s cubic-bezier(.645, .045, .355, 1);
display: grid;
position: absolute;
}
.modules-grid._2 {
transform: translate(105%);
}
.modules-grid._3 {
transform: translate(210%);
}
.white {
color: var(--shade-0);
}
.neutral-50 {
color: var(--neutral-50);
}
.neutral-50.msg {
font-size: 33px;
}
.neutral-100 {
color: var(--neutral-100);
}
.neutral-200 {
color: var(--neutral-200);
overflow: hidden;
}
.neutral-200.cente {
text-align: center;
}
.neutral-200.opening {
font-size: 24px;
}
.neutral-400 {
color: var(--neutral-400);
}
.collection-list-10 {
grid-column-gap: 32px;
grid-row-gap: 32px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
display: grid;
}
.div-block-413 {
justify-content: center;
width: 100%;
height: 256px;
display: flex;
overflow: hidden;
}
.image-72 {
object-fit: cover;
}
.resource-card {
background-color: var(--shade-0);
width: 100%;
padding: 24px 24px 48px;
transition: background-color .3s;
}
.resource-card:hover {
background-color: var(--neutral-100);
}
.container-44 {
justify-content: center;
height: 100%;
display: flex;
}
.section-66 {
height: 70vh;
padding-top: 32px;
overflow: hidden;
}
.image-73 {
max-width: none;
height: 100%;
}
.text-block-73 {
color: var(--neutral-600);
text-align: center;
max-width: 480px;
font-size: 24px;
line-height: 1.2;
}
.div-block-418 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
justify-content: center;
justify-items: center;
display: grid;
}
.button-5 {
background-color: var(--turqouis);
border-radius: 3px;
}
.contact-form-field {
background-color: var(--neutral-100);
color: var(--neutral-600);
border: 1px solid #0000;
border-radius: 4px;
}
.form-4 {
position: sticky;
bottom: 0;
}
.hero-section-n {
align-items: center;
min-height: 860px;
display: none;
position: relative;
}
.hero-section-n.old {
display: none;
}
.hero-section-n.show {
display: block;
}
.section-background {
background-image: linear-gradient(90deg, #f9fafd, #e5eaf6);
position: absolute;
inset: 0%;
overflow: hidden;
}
.section-background.neutral-100-bg.v2 {
background-image: url("https://cdn.prod.website-files.com/65b3e159d25a6097b6ca5812/6787b190390451cd9d31fb7e_turquoise-background-.png");
background-position: 50%;
background-repeat: repeat-x;
background-size: cover;
}
.section-background.neutral-800-bg.v2 {
background-color: #242c3400;
}
.section-background.neutral-radial {
background-image: linear-gradient(90deg, var(--neutral-200), var(--shade-0) 41%, var(--shade-0) 62%, var(--neutral-200));
}
.section-background.neutral-700-bg {
background-color: var(--neutral-700);
}
.section-background.gradient {
background-image: linear-gradient(180deg, var(--turqouis), var(--gridx-blue));
}
.module-background-wrapper {
justify-content: flex-end;
height: 100%;
display: flex;
}
.modul-background-container {
width: 33%;
}
.image-74 {
max-width: none;
max-height: 100%;
position: relative;
}
.image-74.hide-on-mobile {
max-width: 100%;
padding-top: 24px;
padding-bottom: 24px;
}
.section-container {
width: 1080px;
height: 100%;
margin-left: auto;
margin-right: auto;
position: relative;
}
.section-container.v2 {
grid-column-gap: 0px;
grid-row-gap: 0px;
justify-content: center;
align-items: stretch;
}
.section-container.v3.v2 {
margin-top: 175px;
margin-bottom: 135px;
}
.section-container.spacing {
padding-bottom: 64px;
}
.section-container.new {
padding-bottom: 75px;
}
.section-layout {
padding-top: 128px;
padding-bottom: 128px;
position: relative;
}
.section-layout.small {
grid-column-gap: 32px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 2fr 1fr;
grid-auto-columns: 1fr;
padding-top: 32px;
padding-bottom: 32px;
display: grid;
position: relative;
}
.section-layout._64-pd-top {
padding-top: 64px;
}
.section-layout._64px {
padding-top: 64px;
padding-bottom: 64px;
}
.section-layout._0-pd-top-copy {
padding-top: 0;
padding-bottom: 64px;
}
.section-layout._64pd {
padding-top: 64px;
padding-bottom: 64px;
}
.section-layout.no-pd {
padding-top: 15px;
padding-bottom: 15px;
}
.section-layout.pd-32-top-64-bottom {
justify-content: center;
padding-top: 32px;
padding-bottom: 64px;
display: flex;
}
.section-layout.blog-top {
padding-top: 75px;
padding-bottom: 8px;
}
.section-layout._64-pd-bottom {
padding-bottom: 64px;
}
.section-layout._32-pd {
padding-top: 32px;
padding-bottom: 32px;
display: block;
}
.section-layout.pd-32-btm {
padding-top: 64px;
padding-bottom: 32px;
}
.section-layout.pd-32-btm.gdays {
padding-top: 96px;
padding-bottom: 0;
}
.section-layout._0-pd-t-b {
padding-top: 0;
padding-bottom: 0;
}
.section-layout.press {
z-index: 1;
}
.section-layout._32-pd-bt {
padding-bottom: 32px;
}
.section-layout.v2 {
padding-top: 85px;
}
.section-layout.test {
padding-top: 0;
padding-bottom: 0;
}
.section-layout.test.spacing {
padding-bottom: 128px;
}
.section-layout.test.spacing._35 {
margin-bottom: 0;
padding-bottom: 35px;
}
.section-layout.new {
padding-top: 250px;
padding-bottom: 250px;
}
.section-layout.why-gridx {
padding-top: 0;
}
.grid-1-1 {
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;
}
.grid-1-1._32 {
grid-column-gap: 32px;
}
.grid-1-1._0 {
grid-column-gap: 0px;
}
.grid-1-1.api-grid {
margin-top: 150px;
}
.div-block-420 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
align-content: center;
align-items: center;
display: grid;
}
.div-block-420._64pd {
padding-left: 64px;
}
.div-block-420._64pd.align-right {
text-align: right;
}
.div-block-420._8 {
grid-row-gap: 8px;
}
.div-block-420._32 {
grid-row-gap: 32px;
}
.div-block-420.top {
align-items: start;
}
.div-block-420.bottom-pd-16 {
padding-bottom: 16px;
}
.div-block-420.center {
justify-items: center;
}
.div-block-420.center._8px {
grid-column-gap: 8px;
grid-row-gap: 8px;
}
.neutral-500 {
color: var(--neutral-500);
}
.div-block-422 {
align-items: center;
display: flex;
}
.section-small {
display: none;
position: relative;
}
.section-small.knowledge {
padding-top: 64px;
}
.section-small.knowledge.show {
display: block;
}
.section-small.v2 {
background-color: var(--off-white);
}
.section-small.v2.gridbox {
background-image: linear-gradient(90deg, #f9fafd, #e5eaf6);
display: block;
}
.section-small.linear-background {
background-image: linear-gradient(90deg, #f9fafd, #e5eaf6);
}
.section-small.linear-background.darker {
background-image: linear-gradient(90deg, #f1f4fa, #e5eaf6);
}
.section-small.linear-background.darker.test {
margin-top: 0;
}
.section-small.linear-background.new {
background-image: linear-gradient(90deg, #f9fafd, #e5eaf6);
display: block;
}
.section-small.linear-background.new.e-mob, .section-small.linear-background.new.about, .section-small.linear-background.new.home, .section-small.linear-background.new.xenon, .section-small.linear-background.new.gridbox, .section-small.linear-background.new.hems {
display: block;
}
.section-small.linear-background-two {
background-image: linear-gradient(90deg, #8093a21a 41%, #e5eaf6 50%);
}
.section-small.new, .section-small.new.e-mob, .section-small.new.about, .section-small.new.home, .section-small.new.xenon, .section-small.new.gridbox, .section-small.new.company {
display: block;
}
.section-small.old {
display: none;
}
.section-small.reports, .section-small.show {
display: block;
}
.neutral-100-bg {
background-color: var(--neutral-100);
}
.neutral-100-bg._16-px-rounded {
border-radius: 16px;
}
.div-block-423 {
grid-column-gap: 32px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.white-bg {
background-color: var(--shade-0);
}
.kpi-card {
padding: 24px;
}
.kpi-card.white-bg {
border-radius: 16px;
}
.div-block-425 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.secondary-700 {
color: var(--secondary-700);
}
.div-block-426 {
grid-column-gap: 16px;
grid-row-gap: 32px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.div-block-426.v2 {
grid-template-rows: auto;
}
.module-header-icon {
width: 64px;
}
.div-block-427 {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.div-block-427.spacing {
margin-top: -90px;
}
.div-block-427.spacing._35 {
margin-top: 35px;
}
.image-75-copy {
border-radius: 16px;
max-width: none;
max-height: 200%;
position: absolute;
top: 50%;
transform: translate(0, -50%);
box-shadow: 6px 10px 16px 2px #3f5e8482;
}
.div-block-428 {
width: 50%;
height: 100%;
position: relative;
}
.narrow {
max-width: 320px;
}
.image-77 {
height: 32px;
}
.div-block-430 {
grid-column-gap: 16px;
grid-row-gap: 32px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.div-block-434 {
padding-top: 32px;
padding-bottom: 32px;
}
.container-46 {
padding-bottom: 256px;
}
.container-46.hide {
display: none;
}
.div-block-435 {
grid-column-gap: 16px;
grid-row-gap: 32px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.div-block-436 {
grid-column-gap: 16px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.div-block-436._90 {
padding-left: 90px;
padding-right: 90px;
}
.feature-row {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 3fr;
grid-auto-columns: 1fr;
align-content: center;
align-items: center;
min-height: 64px;
padding-left: 16px;
padding-right: 16px;
display: grid;
}
.feature-row.neutral-100-bg.xenon-flex-features, .feature-row.neutral-100-bg._200 {
background-color: var(--neutral-300);
}
.neutral-800-bg {
background-color: var(--neutral-800);
}
.div-block-437 {
align-items: center;
display: flex;
}
.h4 {
letter-spacing: 0;
margin-top: 0;
margin-bottom: 0;
font-size: 32px;
line-height: 1;
}
.h4.semi-bold {
font-weight: 500;
}
.h4.semi-bold.smalll, .h4.bold.small {
font-size: 24px;
}
.h4.extra-bold {
font-weight: 700;
}
.h4.extra-bold.small {
font-size: 18px;
}
.h4.bold {
font-weight: 700;
}
.subheading-2 {
color: var(--neutral-500);
letter-spacing: .25px;
font-size: 14px;
font-weight: 400;
line-height: 1;
}
.subheading-2.bold {
font-weight: 500;
}
.button-copy {
letter-spacing: .75px;
font-size: 16px;
font-weight: 500;
display: inline;
}
.button-copy.large {
font-size: 20px;
}
.button-copy.pd-16 {
margin-left: 16px;
}
.overline {
letter-spacing: 1px;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 0;
font-size: 12px;
font-weight: 700;
line-height: 1;
}
.overline.neutral-600 {
font-size: 15px;
}
.overline.small {
font-size: 14px;
}
.overline.bold.secondary-500.inline {
aspect-ratio: auto;
-webkit-text-stroke-width: 0px;
column-count: auto;
word-break: normal;
object-fit: cover;
object-position: 50% 50%;
max-width: 40ch;
}
.overline.bold.secondary-500.inline.filler {
padding: 4px;
}
.overline.bold.secondary-500.v2 {
margin-bottom: 35px;
}
.div-block-435-copy {
grid-column-gap: 16px;
grid-row-gap: 32px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.image-79 {
max-width: none;
height: 32px;
margin-right: 8px;
}
.div-block-439 {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
display: flex;
}
.section-layout-copy {
padding-top: 64px;
padding-bottom: 64px;
}
.section-layout-copy.update {
justify-content: center;
}
.reference-card {
background-color: var(--neutral-200);
border-radius: 16px;
min-height: 320px;
padding: 32px;
position: relative;
}
.reference-card.collection {
width: 100%;
padding-bottom: 64px;
}
.reference-card-inner {
grid-column-gap: 16px;
grid-row-gap: 4px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.reference-logo {
max-height: 80px;
}
.reference-logo--container {
justify-content: center;
align-items: center;
height: 64px;
padding-top: 0;
display: flex;
}
.reference-logo--container.success-stories {
width: 200px;
height: 80px;
}
.horizontal-divide {
background-color: var(--neutral-50);
color: var(--neutral-50);
height: 1px;
margin-top: 16px;
margin-bottom: 16px;
}
.reference-card--section {
grid-column-gap: 16px;
grid-row-gap: 4px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.reference-module-list {
grid-column-gap: 16px;
grid-row-gap: 8px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.reference-module {
grid-column-gap: 8px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 24px 1fr;
grid-auto-columns: 1fr;
align-items: center;
display: grid;
}
.grid-layout-copy {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 8fr 4fr;
grid-auto-columns: 1fr;
align-content: center;
align-items: center;
display: grid;
position: relative;
}
.success-story-hero {
position: relative;
overflow: hidden;
}
.reference-card-holder {
position: relative;
}
.success-story--kpi-block {
grid-column-gap: 16px;
grid-row-gap: 24px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
align-content: center;
align-items: center;
padding-top: 16px;
display: grid;
position: sticky;
top: 96px;
}
.neutral-50-bg {
background-color: var(--neutral-50);
}
.references--quote {
background-color: var(--neutral-700);
border-radius: 16px;
margin-top: 32px;
margin-bottom: 32px;
padding: 24px;
}
.references--quote.listing {
background-color: var(--neutral-200);
height: 100%;
margin-top: 0;
margin-bottom: 0;
padding-bottom: 80px;
position: relative;
}
.quote-inner {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
height: 100%;
display: grid;
}
.btn {
color: var(--shade-0);
text-align: left;
cursor: pointer;
border-radius: 8px;
padding: 12px 16px;
font-size: 16px;
font-weight: 500;
line-height: 1;
transition: color .3s, border-color .3s, background-color .3s;
}
.btn.primary-700-bg {
background-color: var(--primary-700);
border-style: none;
transition: background-color .3s;
}
.btn.primary-700-bg:hover {
background-color: var(--primary-900);
}
.btn.primary-700-bg.outline {
border: 1px solid var(--primary-700);
color: var(--primary-700);
background-color: #0000;
}
.btn.primary-700-bg.outline:hover {
border-color: var(--primary-500);
color: var(--primary-500);
background-color: #0000;
}
.btn.secondary-700-bg {
background-color: var(--secondary-700);
}
.btn.secondary-700-bg:hover {
background-color: var(--secondary-500);
}
.btn.secondary-700-bg.outline {
border: 1px solid var(--secondary-700);
color: var(--secondary-700);
background-color: #0000;
}
.btn.secondary-700-bg.outline:hover {
border-color: var(--secondary-500);
color: var(--secondary-500);
background-color: #0000;
}
.btn.neutral-50-bg {
color: var(--neutral-800);
}
.btn.neutral-50-bg.outline {
border: 1px solid var(--neutral-50);
color: var(--neutral-50);
background-color: #0000;
}
.btn.neutral-50-bg.outline:hover {
border-color: var(--neutral-200);
color: var(--neutral-200);
background-color: #0000;
}
.btn.secondary-300-bg {
background-color: var(--secondary-300);
}
.btn.transparent {
color: var(--primary-700);
}
.primary-700-bg {
background-color: var(--turqouis);
}
.overboard {
width: 140%;
}
.benefit-icon {
width: 48px;
height: 48px;
}
.svg-big-icon {
max-width: none;
height: 860px;
max-height: 100%;
position: relative;
}
.svg-big-icon.v2 {
margin-left: -330px;
}
.div-block-455 {
width: 30%;
padding-top: 64px;
padding-left: 16px;
}
.div-block-456 {
border-left: 4px solid var(--turqouis);
padding-left: 16px;
}
.div-block-457 {
padding-left: 20px;
}
.div-block-458 {
display: flex;
}
.div-block-459 {
position: sticky;
top: 128px;
}
.grid-2-1 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template: ". Area"
/ 2fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.div-block-461 {
height: 640px;
position: relative;
}
.div-block-462 {
width: 1080px;
position: absolute;
inset: 0% auto 0% 0%;
}
.grid-1-1-1-1 {
grid-column-gap: 32px;
grid-row-gap: 48px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.logo-container {
justify-content: center;
width: 200px;
height: 40px;
display: flex;
}
.ref-logo-hp {
height: 40px;
}
.div-block-464 {
padding-top: 32px;
}
.reference-tile {
border-radius: 16px;
width: 192px;
height: 192px;
padding: 24px;
}
.reference-tile.drop-shadow {
box-shadow: 0 4px 8px 2px var(--neutral-200);
width: 144px;
height: 144px;
}
.div-block-468 {
flex-direction: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
height: 100%;
display: flex;
}
.image-83-copy {
border-radius: 16px;
position: absolute;
top: 50%;
transform: translate(0, -50%);
}
.div-block-464-copy {
padding-top: 64px;
}
.dotted-vertical-line {
border-left: 2px dashed var(--neutral-600);
height: 100%;
position: absolute;
left: 50%;
}
._64-pd-right {
padding-right: 64px;
}
._64-pd-left {
padding-left: 64px;
}
.image-86 {
width: 50%;
}
.div-block-479 {
padding-top: 16px;
padding-bottom: 16px;
}
.div-block-480 {
padding-bottom: 16px;
}
.div-block-481 {
padding-top: 16px;
}
.grid-1-2 {
grid-column-gap: 32px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 2fr;
grid-auto-columns: 1fr;
display: grid;
overflow: hidden;
}
.module-category {
background-color: var(--neutral-50);
cursor: pointer;
border-radius: 16px;
min-height: 192px;
padding: 16px 24px 16px 16px;
transition: background-color .3s cubic-bezier(.645, .045, .355, 1);
}
.module-category._1 {
background-color: var(--neutral-200);
}
.module--icon {
height: 24px;
}
.div-block-482 {
align-items: center;
display: flex;
}
.module-card {
background-color: var(--neutral-50);
border-radius: 16px;
height: 160px;
padding: 16px 24px 16px 16px;
}
.modules-scroll {
position: relative;
overflow: hidden;
}
.modules-scroll.hide-on-mobile {
overflow: hidden;
}
.menu-container--new {
width: 1080px;
}
.menu-logo {
max-width: 96px;
}
.menu-bar--new {
justify-content: center;
align-items: center;
display: flex;
}
.moving-arrow {
z-index: 10;
border-bottom: 8px solid #fafafa;
border-left: 8px solid #0000;
border-right: 8px solid #0000;
width: 0;
height: 0;
display: none;
position: absolute;
bottom: -10px;
left: 0;
}
.sub-menu--modules {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.modules-category {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
align-content: start;
align-items: start;
display: grid;
}
.modules--list {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
align-items: start;
display: grid;
}
.submenu-link {
align-items: center;
margin-top: 0;
margin-bottom: 0;
display: flex;
}
.modules-icon {
justify-content: center;
align-items: center;
width: 32px;
height: 32px;
display: flex;
}
.modules-text {
grid-column-gap: 16px;
grid-row-gap: 0px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
align-items: start;
width: 256px;
padding-left: 8px;
display: grid;
}
.menu-subtitle {
font-size: 14px;
font-weight: 400;
line-height: 140%;
}
.menu-subtitle.neutral-500 {
display: flex;
}
.menu-subtitle.pd4 {
padding-left: 4px;
}
.company-copy {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
align-content: start;
align-items: start;
display: grid;
}
.company-list {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
align-items: start;
display: grid;
}
.company-text {
grid-column-gap: 16px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
align-content: center;
align-items: center;
padding-left: 8px;
display: grid;
}
.image-87 {
height: 32px;
}
.feature-img--no-effect {
border-radius: 16px;
max-width: none;
max-height: 200%;
position: absolute;
top: 50%;
transform: translate(0, -50%);
}
.hero-holder {
align-items: center;
display: flex;
}
.hero-image--center {
border-radius: 16px;
max-width: none;
max-height: 100%;
position: relative;
left: 128px;
box-shadow: 6px 10px 16px 2px #3f5e8466;
}
.div-block-490 {
width: 66%;
display: flex;
}
.image-90 {
width: 100%;
}
.hero--laptop {
max-width: 180%;
position: relative;
left: 64px;
}
.hero--phone {
max-width: 50%;
position: relative;
left: 64px;
}
.image--number {
width: 75%;
}
.feature--intuitive-ui {
border-radius: 16px;
width: 100%;
max-width: none;
position: absolute;
top: 50%;
transform: translate(0, -50%);
}
.feature-intuitive-ui-wrapper {
width: 100%;
height: 100%;
position: relative;
}
.feature--push {
border-radius: 4px;
}
.div-block-492 {
width: 1080px;
}
.dashboard--shadow {
border-radius: 8px;
box-shadow: 0 12px 16px 2px #3f5e8482;
}
.image-91 {
height: 400px;
}
.quotee-container {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
display: flex;
}
.quotee-container.v2 {
min-height: 85px;
margin-bottom: 25px;
padding-left: 25px;
}
.quotee-portrait {
border-radius: 50%;
width: 64px;
height: 64px;
}
.quotee-portrait.v2 {
width: 70px;
}
.quotee-image {
margin-right: 16px;
}
.module-link-card {
color: var(--neutral-600);
}
.image--relative-holder {
position: relative;
}
.image--absolute-container {
align-items: center;
display: flex;
position: absolute;
inset: -96px auto -96px 0%;
}
.image--absolute-container.v2 {
padding-bottom: 5px;
padding-left: 96px;
}
.image-93 {
max-width: none;
height: 100%;
}
.text-block-76, .text-block-77 {
display: inline;
}
.module-category--header {
padding-left: 8px;
}
.module-category--icon {
height: 32px;
}
.pd4 {
padding-left: 4px;
}
.image-94 {
max-height: 256px;
}
.div-block-495 {
justify-content: center;
display: flex;
}
.neutral-300 {
color: var(--neutral-300);
}
.collection-item-6 {
display: flex;
}
.reference-card--referal {
background-color: var(--neutral-200);
border-radius: 16px;
min-height: 320px;
padding: 32px 32px 64px;
position: relative;
}
.div-block-496 {
position: absolute;
bottom: 32px;
right: 32px;
}
.figure-card--inner {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.collection-item-7 {
align-items: flex-start;
display: inline-block;
}
.image-95 {
max-height: 64px;
}
.collection-list-12 {
grid-column-gap: 32px;
grid-row-gap: 32px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: row;
padding-bottom: 32px;
display: grid;
overflow: hidden;
}
.collection-item-8 {
display: flex;
}
.div-block-497 {
position: absolute;
bottom: 32px;
right: 32px;
}
.collection-list-wrapper {
width: 100%;
}
.cta-wrapper {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: block;
}
.bread-crumb--container {
color: var(--neutral-600);
position: absolute;
inset: -48px 0 auto auto;
}
.bread-crumb {
display: inline;
}
.references--cta {
grid-row-gap: 16px;
background-color: var(--shade-0);
border-radius: 16px;
flex-direction: column;
margin-top: 0;
margin-bottom: 32px;
padding: 24px;
display: flex;
}
.div-relative {
height: 100%;
position: relative;
}
.div-relative.hide-on-mobile._80vh {
height: 80vh;
}
.div-relative.drop-shadow.rounded-16px.hide-overflow {
overflow: hidden;
}
.hero-image--absolute {
border-radius: 16px;
max-width: none;
height: 120%;
position: absolute;
top: 50%;
left: 64px;
transform: translate(0, -50%);
}
.hero-image--absolute.drop-shadow.rounded-16px.blurry.special {
height: 80%;
}
.hero-image--absolute.drop-shadow.blurry {
-webkit-backdrop-filter: blur(16px);
backdrop-filter: blur(16px);
}
.hero-image--absolute.huge {
width: auto;
height: 150%;
}
.drop-shadow {
box-shadow: 0 12px 16px 2px #3f5e8466;
}
.drop-shadow.rounded-16px.blurry {
-webkit-backdrop-filter: blur(16px);
backdrop-filter: blur(16px);
}
.drop-shadow.rounded-16px.blurry.z5 {
z-index: 5;
position: relative;
}
.drop-shadow.rounded-16px.less {
box-shadow: 0 6px 8px 1px #3f5e8433;
}
.rounded-16px {
border-radius: 16px;
}
.api-icon {
max-height: 320px;
}
.der-tile--inner {
flex-direction: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: center;
height: 100%;
display: flex;
}
.xenon-benefits-wrapper {
padding-top: 0;
}
.footer-grid {
grid-column-gap: 16px;
grid-row-gap: 16px;
color: var(--neutral-600);
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
align-items: start;
display: grid;
}
.footer-column {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.footer-section {
grid-column-gap: 16px;
grid-row-gap: 4px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.footer-link {
font-weight: 400;
}
.footer-link.neutral-600 {
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
transition: color .3s;
}
.footer-link.neutral-600:hover {
color: var(--neutral-700);
font-weight: 500;
text-decoration: none;
}
.reference-logo-holder {
justify-content: center;
width: 200px;
height: 80px;
display: flex;
}
.reference-logo-holder.pd-8 {
padding-bottom: 8px;
}
.logo-tile-image {
width: 200px;
height: 40px;
}
.social-icon {
width: 32px;
}
.div-block-505 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 32px 32px 32px;
grid-auto-columns: 1fr;
display: grid;
}
.footer--new {
position: relative;
}
.wg-button-2-2-copy {
background-color: var(--neutral-800);
color: var(--off-white);
letter-spacing: .1em;
border-radius: 8px;
flex-direction: column;
justify-content: center;
align-items: center;
min-width: 100px;
height: 34px;
padding-left: 15px;
padding-right: 15px;
text-decoration: none;
transition: background-color .5s, color .1s;
display: flex;
position: relative;
overflow: hidden;
}
.wg-button-2-2-copy:hover {
background-color: var(--neutral-600);
color: #fff;
}
.wg-button-2-2-copy.v2 {
background-color: var(--off-white);
min-width: 0;
padding-left: 10px;
padding-right: 0;
}
.wg-button-2-2-copy.v2:hover {
background-color: var(--neutral-100);
}
.image-97 {
max-width: 100%;
height: 256px;
}
.image-98 {
height: 256px;
}
.inner-32px {
padding: 32px;
}
.blog-card {
padding: 24px;
position: relative;
}
.blog-article-bottom {
grid-column-gap: 16px;
grid-row-gap: 12px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
padding-top: 12px;
display: grid;
}
.div-block-507 {
position: absolute;
inset: auto 24px 24px auto;
}
.div-block-508 {
padding-bottom: 64px;
}
.pagination {
padding-top: 32px;
}
.div-block-510 {
position: absolute;
inset: auto 24px 24px auto;
}
.gridbox-grid {
grid-column-gap: 32px;
grid-row-gap: 32px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.gridbox-feature-card {
grid-column-gap: 16px;
grid-row-gap: 16px;
background-color: var(--shade-0);
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
padding: 24px;
display: grid;
}
.gridbox-feature-card.rounded-16px.drop-shadow {
align-content: start;
}
.blog-referral-card {
background-color: var(--shade-0);
border-radius: 16px;
height: 100%;
padding: 24px 24px 64px;
position: relative;
}
.secondary-500 {
color: var(--secondary-500);
}
.employee-tiles {
align-items: center;
height: 600px;
display: flex;
}
.employee-ilst {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
width: 750px;
padding-top: 90px;
padding-left: 64px;
display: grid;
position: relative;
}
.employee-tile-wrapper {
border-radius: 16px;
overflow: hidden;
}
.employee-tile-wrapper.drop-shadow {
position: relative;
}
.petrol-overlay {
float: none;
background-color: #0fb9b654;
position: absolute;
inset: 0%;
}
.div-block-513 {
align-items: center;
display: flex;
}
.employee-tiles-container {
position: absolute;
}
.collection-list-16 {
grid-column-gap: 32px;
grid-row-gap: 32px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: start;
padding-top: 32px;
display: grid;
}
.collection-item-10 {
grid-column-gap: 16px;
grid-row-gap: 4px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.wrapped-background {
background-image: linear-gradient(165deg, var(--neutral-800), var(--neutral-700));
width: 100vw;
height: 100vh;
display: none;
}
.wrapped-logo {
width: 128px;
margin-top: 32px;
margin-left: 32px;
position: absolute;
}
.story-container {
border-radius: 16px;
width: 53.4vh;
height: 95vh;
position: relative;
overflow: hidden;
}
.story-center {
justify-content: center;
align-items: center;
width: 100vw;
height: 100vh;
display: flex;
}
.story-control {
background-color: var(--neutral-500);
border-radius: 50%;
justify-content: center;
align-items: center;
width: 32px;
height: 32px;
margin-left: 32px;
margin-right: 32px;
display: flex;
}
.image-100 {
height: 20px;
}
.story-overlay {
background-image: linear-gradient(#00000080, #0000 10% 90%, #00000080 100%, #00000080);
position: absolute;
inset: 0%;
}
.story-content {
background-color: var(--shade-0);
position: absolute;
inset: 0%;
}
.story-progress-bar {
background-color: var(--neutral-50);
border-radius: 4px;
height: 2px;
}
.story-top-container {
grid-column-gap: 16px;
grid-row-gap: 8px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
padding: 16px;
display: grid;
}
.image-101 {
width: 32px;
height: 32px;
}
.div-block-514 {
align-items: center;
display: flex;
}
.story-producer-name {
color: var(--shade-0);
padding-left: 8px;
font-size: 18px;
line-height: 100%;
}
.story-timer {
color: #ffffff80;
padding-left: 8px;
font-size: 18px;
line-height: 100%;
}
.oem-card {
grid-column-gap: 16px;
grid-row-gap: 16px;
background-color: var(--neutral-50);
border-radius: 8px;
flex-direction: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
place-content: start center;
align-items: start;
width: 100%;
padding: 24px;
display: grid;
position: relative;
}
.oem-description {
align-self: center;
min-height: 120px;
}
.inline {
display: inline;
}
.oem-device-types {
position: absolute;
bottom: 24px;
left: 24px;
}
.collection-list-17 {
display: flex;
}
.collection-item-11 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
width: 70px;
margin-right: 8px;
padding: 4px;
}
.collection-item-11:lang(de) {
min-width: 111px;
}
.div-block-519 {
justify-content: center;
padding-bottom: 24px;
display: flex;
}
.reference-logos {
padding-top: 96px;
padding-bottom: 0;
}
.div-block-520 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
padding: 32px;
display: grid;
position: relative;
}
.secondary-300 {
color: var(--secondary-300);
}
.div-block-521 {
position: absolute;
inset: auto 32px 32px auto;
}
.video-1-1 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
display: grid;
position: relative;
}
.lp-grid {
grid-column-gap: 32px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.download-grid {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
padding: 33px;
display: grid;
}
.image-102 {
max-height: 256px;
transform: translate(0);
}
.div-block-523 {
padding-right: 16px;
}
.html-embed-11 {
display: none;
}
.blog-content-wrapper {
max-width: 800px;
}
.div-block-524 {
position: absolute;
bottom: 24px;
right: 16px;
}
.div-block-525 {
z-index: 1;
position: relative;
}
.div-block-526 {
width: 228px;
height: 128px;
position: relative;
}
.background-video {
z-index: 1;
width: 228px;
height: 128px;
position: absolute;
}
.image-103 {
z-index: 2;
position: absolute;
}
.executive-summary-grid {
grid-column-gap: 32px;
grid-row-gap: 32px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
padding-top: 16px;
display: grid;
}
.executive-summary-point {
grid-column-gap: 16px;
grid-row-gap: 4px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
align-content: start;
align-items: start;
display: grid;
}
.div-block-528 {
justify-content: flex-start;
align-items: flex-start;
min-height: 720px;
padding-top: 45px;
padding-bottom: 0;
display: flex;
}
.div-block-528.v2 {
flex-flow: column;
justify-content: center;
align-items: center;
}
.resources-hero-image {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
place-content: center space-between;
align-items: center;
height: 100%;
display: grid;
position: relative;
}
.div-block-529 {
position: absolute;
inset: 0% 0% auto auto;
}
._1-1-columns-no-pd {
grid-column-gap: 32px;
grid-row-gap: 32px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
place-items: center stretch;
height: 100%;
margin-top: 0;
display: grid;
}
.social-icon-footer {
width: 32px;
height: 32px;
}
.text-span-138 {
text-decoration: line-through;
}
.div-block-530 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.form-5 {
border-radius: 8px;
align-items: stretch;
display: flex;
}
.form-5.emboss-3 {
height: 100%;
}
.sign-up-mail {
color: var(--neutral-700);
background-color: #0000;
border: 1px #000;
flex: 1;
align-self: stretch;
height: 100%;
margin-bottom: -2px;
font-size: 18px;
position: relative;
}
.section-layout-signup-hero {
padding-top: 192px;
padding-bottom: 0;
}
.div-block-533 {
position: relative;
}
.div-block-534 {
background-color: var(--neutral-50);
width: 100vw;
height: 50%;
position: absolute;
bottom: 0%;
left: 50%;
transform: translate(-50%);
}
.image-107 {
transform: translate(50%);
}
.image-108 {
transform: translate(-50%);
}
.div-block-535 {
grid-template-rows: auto auto auto;
grid-template-columns: minmax(16px, 96px) minmax(16px, 96px) minmax(16px, 96px);
grid-auto-columns: 1fr;
display: none;
}
.div-block-536, .form-block-3 {
height: 100%;
}
.neutral-200-bg {
background-color: var(--neutral-200);
}
.neutral-200-bg._16-px-rounded {
border-radius: 16px;
}
.text-span-139 {
text-decoration: line-through;
}
.hide {
display: none;
}
.new-banner-section {
padding-top: 32px;
}
.faq-wrapper-1 {
background-color: var(--shade-0);
border-radius: 16px;
padding: 48px;
}
.div-block-540 {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.faq-title-wrapper {
align-items: center;
display: flex;
}
.faq-list {
grid-column-gap: 32px;
grid-row-gap: 32px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.faq-button-wrapper {
align-items: center;
margin-right: 32px;
display: flex;
position: relative;
}
.text-block-82 {
text-align: center;
width: 16px;
padding-bottom: 4px;
font-size: 32px;
line-height: 32px;
}
.faq-reply-wrapper {
display: block;
overflow: hidden;
}
.primary-700 {
color: var(--primary-700);
}
.primary-700.nl-on-wide {
display: block;
}
.content-column---ew {
padding-top: 128px;
}
.grid-ew {
grid-column-gap: 32px;
grid-row-gap: 32px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
position: relative;
}
.grid-ew.padding-64px-bottom {
grid-column-gap: 16px;
grid-row-gap: 16px;
padding-bottom: 64px;
}
.link-block-12 {
background-color: var(--primary-700);
border-radius: 8px;
padding: 8px 16px;
}
.home-button-wrapper-ew {
z-index: 100;
grid-column-gap: 32px;
grid-row-gap: 32px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
display: grid;
position: absolute;
top: 128px;
}
.references-wrapper-ew {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.reference-container-ew {
grid-column-gap: 64px;
grid-row-gap: 64px;
border-radius: 8px;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
padding: 32px;
display: grid;
}
.reference-container-ew.gradient-1-ew {
grid-template-columns: 1fr;
align-items: stretch;
}
.reference-container-ew.gradient-2-ew {
background-image: linear-gradient(135deg, #31f7e74d, #85e44e4d 30%, #fffd254d);
}
.div-block-552 {
background-color: var(--shade-0);
border-radius: 8px;
justify-content: center;
align-items: center;
width: 96px;
height: 96px;
display: flex;
}
.gradient-1-ew {
background-image: linear-gradient(135deg, #2400a74d, #4166e94d 30%, #72d2d64d);
}
.image-111 {
padding-left: 9px;
padding-right: 9px;
}
.link-block-13 {
background-color: var(--neutral-800);
color: var(--shade-0);
border-radius: 8px;
padding: 8px 16px;
}
.link-block-13:hover {
background-color: var(--neutral-600);
}
.link-block-13.secondary-50-bg:hover {
background-color: var(--secondary-700);
}
.link-block-13.transparent-bg {
color: var(--neutral-600);
background-color: #0000;
}
.link-block-13.transparent-bg:hover, .link-block-13.transparent-bg.w--current {
background-color: var(--secondary-50);
color: var(--secondary-500);
}
.gradient-2-ew {
background-image: linear-gradient(135deg, #31f7e74d, #85e44e4d 30%, #fffd254d);
}
.gradient-3-ew {
background-image: linear-gradient(135deg, #01fdfd4d, #01c6ed4d 30%, #0188db4d);
}
.div-block-554 {
height: 64px;
}
.inner-container-ew {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
padding-bottom: 64px;
display: grid;
}
.text-block-84 {
font-weight: 700;
}
.div-block-557 {
grid-column-gap: 8px;
grid-row-gap: 8px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.reference-box-ew-small {
grid-column-gap: 16px;
grid-row-gap: 16px;
border-radius: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
min-height: 224px;
padding: 48px 32px;
display: grid;
}
.reference-box-ew-small.gradient-2-ew._100 {
height: 100%;
}
.ibc-logo-ew {
padding-left: 16px;
padding-right: 16px;
}
.html-embed-12 {
outline-color: var(--shade-0);
outline-offset: 0px;
outline-width: 3px;
outline-style: solid;
padding-top: 48px;
}
.gradient-neutral {
background-image: linear-gradient(135deg, var(--neutral-200), var(--neutral-50) 40%, var(--neutral-50) 60%, var(--neutral-200));
}
.smart-quart-logo-ew {
padding-left: 25px;
padding-right: 25px;
}
.div-block-560 {
padding-bottom: 32px;
padding-right: 32px;
position: absolute;
}
.div-block-561 {
height: 16px;
}
.div-block-562 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.video-4 {
border-radius: 16px;
overflow: hidden;
}
.image-116 {
border-radius: 8px;
width: 128px;
height: 128px;
margin-top: 8px;
}
.div-block-563 {
flex-direction: column;
display: flex;
}
.div-block-565 {
height: 100%;
}
.cc-logo-ew {
padding-left: 8px;
padding-right: 8px;
}
.div-block-566 {
grid-column-gap: 16px;
grid-row-gap: 16px;
border-radius: 8px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
padding-bottom: 16px;
display: grid;
}
.div-block-567 {
border-radius: 16px;
position: relative;
}
.div-block-567.gradient-2-ew {
position: relative;
}
.div-block-568 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
margin: 32px;
display: grid;
}
.div-block-569 {
background-color: var(--shade-0);
border-radius: 16px;
justify-content: center;
align-items: center;
width: 15vw;
height: 15vw;
margin-bottom: 16px;
display: flex;
}
.div-block-569.neutral-200-bg {
background-color: var(--neutral-200);
}
.div-block-568-copy {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
margin: 32px;
display: grid;
}
.div-block-570 {
padding-top: 96px;
padding-bottom: 16px;
}
.div-block-568-single {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
margin: 32px;
display: grid;
}
.collection-list-18 {
grid-column-gap: 8px;
grid-row-gap: 8px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
padding-top: 32px;
display: grid;
}
.div-block-571 {
border-radius: 8px;
padding-bottom: 100%;
position: relative;
}
.div-block-571.neutral-50-bg {
position: relative;
}
.div-block-573 {
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
padding: 24px 12px;
display: flex;
position: absolute;
}
.image-118 {
max-height: 100%;
}
.button-ew {
background-color: var(--neutral-800);
color: var(--shade-0);
border-radius: 8px;
padding: 8px 16px;
position: absolute;
bottom: 16px;
right: 16px;
}
.button-ew:hover {
background-color: var(--neutral-600);
}
.div-block-574 {
height: 24px;
}
.collection-list-19 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.div-block-575 {
background-color: var(--neutral-50);
border-radius: 16px;
height: 100%;
}
.div-block-576 {
padding: 32px;
}
.div-block-577 {
grid-column-gap: 8px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: 1fr 5fr;
grid-auto-columns: 1fr;
align-content: center;
align-items: center;
display: grid;
}
.div-block-578 {
background-color: var(--shade-0);
border-radius: 8px;
justify-content: center;
align-items: center;
padding: 12px;
display: flex;
}
.module-category-ew {
grid-column-gap: 16px;
grid-row-gap: 16px;
border-radius: 8px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
padding-top: 32px;
display: grid;
}
.demo-back-bar-ew {
background-color: var(--shade-0);
justify-content: flex-end;
align-items: center;
width: 100vw;
height: 48px;
padding-top: 4px;
padding-left: 8px;
padding-right: 16px;
display: flex;
position: fixed;
inset: 2px 0% auto auto;
}
.image-119 {
padding: 32px;
}
.collection-list-20 {
background-color: var(--shade-0);
border-radius: 16px;
margin-top: 48px;
padding: 32px;
}
.collection-list-20.v2 {
margin-top: 45px;
padding-bottom: 0;
}
.div-block-582 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
align-content: center;
padding-top: 32px;
padding-bottom: 32px;
display: grid;
}
.div-block-583 {
grid-column-gap: 16px;
grid-row-gap: 16px;
background-color: var(--shade-0);
border-radius: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
align-content: start;
align-items: start;
height: 100%;
padding: 24px 24px 64px;
display: grid;
position: relative;
}
.div-block-584 {
border-radius: 16px;
padding: 32px 48px;
}
.div-block-585 {
position: absolute;
bottom: 16px;
right: 24px;
}
.collection-item-14 {
height: 100%;
}
.div-block-586 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
padding-bottom: 32px;
display: grid;
}
.div-block-587 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: center;
display: flex;
}
.div-block-587._32-bottom-pd {
padding-bottom: 32px;
}
.secondary-50-bg {
background-color: var(--secondary-50);
}
.collection-list-3-copy {
grid-column-gap: 32px;
grid-row-gap: 32px;
flex-flow: wrap;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.category-header-section {
grid-row-gap: 32px;
flex-direction: column;
justify-content: center;
align-items: center;
padding-top: 96px;
padding-bottom: 32px;
display: flex;
}
.div-block-589 {
background-color: var(--shade-0);
border-radius: 16px;
padding: 24px;
}
.collection-item-15 {
grid-column-gap: 32px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 3fr;
grid-auto-columns: 1fr;
display: grid;
}
.div-block-590 {
border-radius: 16px;
position: relative;
overflow: hidden;
}
.press-release-feed {
grid-column-gap: 16px;
grid-row-gap: 32px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
align-content: center;
align-items: center;
display: grid;
}
.link-block-14 {
grid-column-gap: 16px;
grid-row-gap: 8px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
align-content: center;
width: 80%;
display: grid;
}
.div-block-591 {
justify-content: flex-end;
display: flex;
}
.div-block-592 {
display: inline;
}
.link-block-14-copy {
grid-column-gap: 16px;
grid-row-gap: 8px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
align-content: center;
display: grid;
}
.div-block-593 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.press-hero-image {
position: relative;
}
.section-67 {
padding-top: 60px;
padding-bottom: 16px;
}
.image-121 {
border-radius: 16px;
}
.div-block-594 {
padding-right: 16px;
}
.image-122 {
max-width: none;
max-height: 80px;
}
.bg-800 {
background-color: var(--neutral-800);
}
.div-block-595 {
background-color: var(--neutral-700);
border-radius: 16px;
padding: 32px 48px;
}
.collection-list-21 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
margin-top: 24px;
display: grid;
}
.image-123 {
max-height: 48px;
}
.div-block-596 {
padding-right: 66%;
}
.div-block-597 {
position: absolute;
inset: auto 24px 24px auto;
}
.html-embed-13 {
display: none;
}
.div-block-598 {
grid-column-gap: 16px;
grid-row-gap: 0px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
justify-items: start;
width: 100%;
display: grid;
}
.newsletter-mail {
background-color: var(--neutral-700);
color: var(--neutral-100);
border: 1px solid #0000;
border-radius: 8px;
max-width: 100%;
height: 100%;
padding: 16px;
line-height: 2;
}
.newsletter-mail::placeholder {
color: var(--neutral-400);
}
.newsletter-mail.v2 {
margin-top: 10px;
margin-right: 25px;
}
.newsletter-mail.v2.url {
display: none;
}
.gridxdays-form {
grid-column-gap: 16px;
grid-row-gap: 0px;
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
align-content: center;
display: flex;
}
.newsletter-btn {
background-color: var(--turqouis);
text-align: center;
border-radius: 8px;
width: 100%;
padding: 16px;
transition: background-color .3s, color .3s;
}
.newsletter-btn:hover {
background-color: var(--white);
color: var(--turqouis);
}
.newsletter-btn.v2 {
width: 30%;
height: 52px;
margin-top: 8px;
}
.div-block-599 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 3fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
display: grid;
}
.tab-choice {
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;
display: flex;
}
.integrations-tabs {
background-color: var(--secondary-50);
color: var(--secondary-300);
border-radius: 8px;
padding: 8px 16px;
}
.integrations-tabs:hover {
background-color: var(--secondary-300);
color: var(--secondary-700);
}
.collection-list-wrapper-4 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
transform: translate(0, -50%);
}
.collection-list-23 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.collection-item-17 {
background-color: var(--neutral-50);
border-radius: 16px;
padding-top: 100%;
position: relative;
}
.logo-tile {
justify-content: center;
align-items: center;
padding: 32px;
display: flex;
position: absolute;
inset: 0%;
}
.image-125 {
z-index: 1;
max-height: 100%;
position: relative;
}
.collection-item-18 {
justify-content: center;
display: flex;
}
.gridxdays-menu-wrapper {
z-index: 100;
width: 66%;
height: 64px;
margin-top: 32px;
display: flex;
position: absolute;
}
.gridxdays-menu-items {
grid-column-gap: 16px;
grid-row-gap: 16px;
background-color: var(--neutral-800);
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: column;
place-items: center;
width: 100%;
padding-left: 64px;
display: grid;
}
.div-block-603 {
position: absolute;
inset: 128px 192px auto auto;
}
.div-block-603.hide-smaller-laptop {
top: 32px;
}
.image-126 {
width: 128px;
max-width: none;
position: absolute;
transform: translate(0, -16px);
}
.arrow-corner {
border-top: 32px solid #0000;
border-bottom: 32px solid #0000;
border-left: 24px solid var(--neutral-800);
width: 0;
}
.mid-narrow {
max-width: 640px;
}
.gridxdays-mail {
background-color: var(--neutral-100);
color: var(--neutral-600);
border: 1px solid #0000;
border-radius: 8px;
max-width: 100%;
height: 100%;
padding: 16px;
line-height: 2;
}
.gridxdays-mail::placeholder {
color: var(--neutral-500);
}
.div-block-604 {
grid-column-gap: 32px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.video-5 {
margin-top: 64px;
}
.div-block-605 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
display: flex;
}
.image-127 {
width: 128px;
}
.div-block-606 {
grid-column-gap: 16px;
grid-row-gap: 8px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
align-content: start;
align-items: start;
margin-left: 32px;
display: grid;
}
.div-block-607 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.div-block-608 {
width: 64px;
height: 64px;
}
.div-block-609 {
flex-flow: column;
align-items: center;
padding-top: 8px;
display: flex;
}
.link-block-15 {
grid-column-gap: 16px;
grid-row-gap: 16px;
background-color: var(--neutral-50);
border-radius: 8px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
align-content: start;
align-items: start;
padding: 24px 40px 24px 24px;
font-weight: 700;
display: grid;
}
.div-block-613 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
padding-top: 16px;
display: block;
}
.div-block-613.hide {
display: none;
}
.div-block-614 {
grid-column-gap: 16px;
grid-row-gap: 16px;
background-color: var(--neutral-50);
border-radius: 8px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
padding: 24px 40px 24px 24px;
display: grid;
position: relative;
}
.div-block-615 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.collection-list-24 {
grid-column-gap: 32px;
grid-row-gap: 32px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.div-block-617 {
position: relative;
}
.gd-speaker:nth-child(2n) {
margin-top: 48px;
}
.div-block-618 {
background-color: var(--neutral-800);
color: var(--neutral-50);
border-radius: 8px;
padding: 8px 16px;
font-weight: 500;
}
.div-block-619 {
grid-column-gap: 16px;
grid-row-gap: 4px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
justify-items: start;
display: grid;
position: absolute;
top: 66%;
}
.gd-speaker-title {
background-color: var(--secondary-500);
color: var(--neutral-50);
border-radius: 8px;
padding: 4px 12px;
font-size: 12px;
font-weight: 500;
}
.text-block-88 {
display: inline;
}
.text-block-89 {
background-color: var(--secondary-300);
color: var(--shade-0);
border-radius: 8px;
padding: 4px 12px;
font-weight: 500;
position: absolute;
top: 16px;
right: 16px;
}
.collection-list-25 {
display: flex;
}
.collection-list-25.hide-on-mobile {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: column;
display: grid;
}
.collection-item-19 {
margin-right: 32px;
position: relative;
}
.image-128 {
max-width: 96px;
}
.collection-item-20 {
grid-column-gap: 32px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 3fr;
grid-auto-columns: 1fr;
display: block;
}
.div-block-620 {
height: 80px;
}
.add-to-calendar {
background-color: var(--turqouis);
color: var(--shade-0);
border-radius: 8px;
padding: 4px 12px;
position: relative;
right: -24px;
}
.div-block-621 {
justify-content: flex-end;
display: flex;
position: relative;
}
.text-block-90 {
width: 100%;
}
.gd-schmuck-1 {
z-index: 100;
width: 512px;
position: absolute;
inset: auto auto 0% 0%;
transform: translate(-50%, 10%);
}
.gd-schmuck-2 {
z-index: 100;
width: 512px;
position: absolute;
inset: auto 0% 0% auto;
transform: translate(50%, 66%);
}
.link-block-16 {
background-color: var(--shade-0);
border-radius: 4px;
padding: 4px;
transition: background-color .3s;
position: absolute;
top: 0;
left: 80px;
}
.link-block-16:hover {
background-color: var(--primary-700);
}
.image-129 {
max-width: 24px;
}
.thank-you-wrapper {
background-color: var(--neutral-50);
border-radius: 8px;
padding: 24px;
display: none;
}
.html-embed-14 {
margin-top: 0;
display: block;
}
.html-embed-14.v2 {
margin-top: 15px;
}
.embed-on-light {
color: var(--neutral-800);
margin-top: -16px;
}
.html-embed-15 {
z-index: 10;
position: relative;
}
.gd-schmuck-1-copy {
z-index: 9;
width: 512px;
position: absolute;
inset: auto auto 0% 0%;
transform: translate(-50%, 10%);
}
.div-block-622 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 2fr 1fr;
grid-auto-columns: 1fr;
display: none;
}
.div-block-623 {
padding-top: 12px;
}
.section-68 {
padding-top: 126px;
padding-bottom: 126px;
}
.div-block-624 {
justify-content: center;
display: flex;
}
.link-block-17 {
background-color: var(--turqouis);
color: var(--neutral-50);
border-radius: 8px;
padding: 16px;
}
.video-gd {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 2fr 1fr;
grid-auto-columns: 1fr;
}
.div-block-626 {
height: 32px;
}
.collection-list-26 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: column;
display: grid;
}
.image-130 {
max-height: 96px;
}
.div-block-627 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
padding-top: 32px;
display: grid;
}
.div-block-628 {
position: relative;
}
.body-3 {
color: #5d6868;
background-color: #06072e;
}
.camera {
width: 100vw;
height: 100vh;
position: sticky;
top: 0;
overflow: hidden;
}
.track {
height: 2150vw;
}
.h-frame {
background-image: none;
height: 100%;
display: flex;
position: relative;
}
.scene {
flex: none;
width: 100vw;
height: 100vh;
position: relative;
overflow: hidden;
}
.street-light {
max-width: none;
height: 30vh;
position: absolute;
bottom: 18vh;
left: 0;
}
.street-light.mid {
justify-content: center;
align-items: flex-end;
height: 30vh;
display: flex;
bottom: 18vh;
left: 50%;
}
.travelling-car {
width: 50vw;
position: absolute;
bottom: 10vh;
left: 50%;
transform: translate(-50%);
}
.street-tile {
background-color: #1c1c38;
background-image: linear-gradient(#0000 4.5%, #25253a 4.5% 7%, #0000 7%), linear-gradient(#0000 10% 10%, #313149 10% 55%, #0000 55%), linear-gradient(#0000 9%, #404040 9%, #4a4a5b 57.5%, #0000 57.5%);
width: 101%;
height: 22vh;
position: absolute;
inset: auto 0% 0%;
}
.div-block-629 {
flex-direction: column;
display: flex;
}
.lottie-animation-8 {
height: 50%;
position: absolute;
bottom: 10%;
left: 50%;
overflow: hidden;
}
.image-134 {
max-width: none;
height: 100%;
}
.final-greeting {
background-image: linear-gradient(#06072e, #010337);
justify-content: center;
align-items: center;
width: 100vw;
height: 100vh;
display: flex;
position: relative;
}
.silhouette-1 {
width: 100%;
max-width: none;
position: absolute;
bottom: 22vh;
}
.tank {
width: 70vw;
position: absolute;
bottom: 15vh;
}
.heading-49 {
color: var(--neutral-50);
text-align: center;
margin-bottom: 0;
}
.heading-49.left {
text-align: left;
}
.div-block-631 {
z-index: 100;
position: relative;
top: 128px;
}
.review-copy---center {
z-index: 100;
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-direction: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
place-content: center;
place-items: center;
max-width: 100vw;
display: grid;
position: relative;
top: 128px;
}
.billonair-rocket {
max-height: 240px;
position: absolute;
bottom: 25vh;
right: 33%;
}
.review-copy---left {
z-index: 100;
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-direction: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
place-content: center;
place-items: center start;
display: grid;
position: relative;
top: 128px;
}
.image-135 {
height: 68vh;
position: absolute;
bottom: 22vh;
left: 50%;
transform: translate(-50%);
}
.div-block-632 {
z-index: 100;
max-width: 30vw;
position: relative;
top: 32px;
left: 60%;
}
.div-block-632-copy {
z-index: 100;
max-width: 30vw;
position: absolute;
top: 25%;
left: 25%;
}
.image-136 {
position: absolute;
bottom: 22vh;
left: 10%;
}
.image-137 {
height: 90vh;
position: relative;
}
.sign {
height: 45vh;
position: absolute;
bottom: 22vh;
}
.sign.centered {
left: 50%;
transform: translate(-50%);
}
.image-139 {
max-width: none;
height: 67vh;
position: absolute;
bottom: 15vh;
}
.tree-2-3 {
max-width: none;
height: 50vh;
position: absolute;
bottom: 15vh;
left: 50%;
}
.tree-2-2 {
max-width: none;
height: 40vh;
position: absolute;
bottom: 20vh;
right: 192px;
}
.tree-2-1 {
max-width: none;
height: 50vh;
position: absolute;
bottom: 15vh;
left: 128px;
}
.tree-2-4 {
max-width: none;
height: 50vh;
position: absolute;
bottom: 20vh;
right: 128px;
}
.tree-1-2 {
max-width: none;
height: 67vh;
position: absolute;
bottom: 20vh;
right: 0;
}
.tree-1-3 {
max-width: none;
height: 50vh;
position: absolute;
bottom: 20vh;
right: 128px;
}
.tree-1-4 {
max-width: none;
height: 40vh;
position: absolute;
bottom: 20vh;
right: 96px;
}
.tree-1-5 {
max-width: none;
height: 50vh;
position: absolute;
bottom: 20vh;
left: 256px;
}
.mobile-message {
grid-column-gap: 8px;
grid-row-gap: 8px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
justify-content: center;
justify-items: center;
display: none;
}
.review-start-copy {
grid-column-gap: 8px;
grid-row-gap: 8px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
justify-content: center;
justify-items: center;
display: grid;
}
.div-block-633 {
height: 80vh;
position: absolute;
bottom: 22vh;
right: 10%;
}
.lottie-animation-9 {
width: 64px;
}
.div-block-634 {
z-index: 100;
width: 256px;
max-width: 100vw;
position: absolute;
top: 8px;
right: 0;
}
.peak-carbon-emissions {
z-index: 100;
grid-column-gap: 8px;
grid-row-gap: 8px;
text-align: center;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
width: 256px;
max-width: 100vw;
display: grid;
position: absolute;
top: 40%;
left: 50%;
transform: translate(-50%);
}
.swiss-pumped {
z-index: 100;
grid-column-gap: 8px;
grid-row-gap: 8px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
align-content: center;
align-items: center;
width: 256px;
max-width: 100vw;
display: grid;
position: absolute;
top: 64px;
left: 50%;
transform: translate(15%);
}
.gridx-contribution {
z-index: 100;
grid-column-gap: 8px;
grid-row-gap: 8px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
align-content: center;
align-items: center;
width: 256px;
max-width: 100vw;
display: grid;
position: absolute;
top: 64px;
}
.gridx-contribution-copy {
z-index: 100;
grid-column-gap: 8px;
grid-row-gap: 8px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
align-content: center;
align-items: center;
width: 256px;
max-width: 100vw;
display: grid;
position: absolute;
top: 64px;
right: 64px;
}
.gridx-contribution-copy-2 {
z-index: 100;
grid-column-gap: 8px;
grid-row-gap: 8px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
align-content: center;
align-items: center;
width: 256px;
max-width: 100vw;
display: grid;
position: absolute;
top: 64px;
left: 256px;
}
.cow {
width: 64px;
position: absolute;
bottom: 33vh;
right: 0;
}
.cow._1 {
bottom: 35vh;
right: 32px;
}
.cow._2 {
right: 46px;
}
.cow._3 {
right: 76px;
}
.gridx-contribution-copy-3 {
z-index: 100;
grid-column-gap: 8px;
grid-row-gap: 8px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
align-content: center;
align-items: center;
width: 256px;
max-width: 100vw;
display: grid;
position: absolute;
bottom: 50vh;
right: 16px;
}
.gridx-contribution-copy-4 {
z-index: 100;
grid-column-gap: 8px;
grid-row-gap: 8px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
align-content: center;
align-items: center;
width: 256px;
max-width: 100vw;
display: grid;
position: absolute;
top: 32px;
left: 50%;
transform: translate(-50%);
}
.gridx-contribution-copy-5 {
z-index: 100;
grid-column-gap: 8px;
grid-row-gap: 8px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
align-content: center;
place-items: center start;
width: 320px;
max-width: 100vw;
display: grid;
position: absolute;
top: 64px;
left: 50%;
transform: translate(-50%);
}
.image-140 {
height: 50vh;
position: absolute;
bottom: 0;
left: auto;
right: auto;
}
.review-end {
grid-column-gap: 8px;
grid-row-gap: 8px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
justify-content: center;
justify-items: center;
display: grid;
position: absolute;
bottom: 60vh;
}
.stars {
width: 100vw;
position: absolute;
top: 0;
left: 0;
}
.starwrapper {
background-image: linear-gradient(#000233, #030081 34%, #7c98d7);
width: 100vw;
height: 100vh;
position: absolute;
inset: 0%;
}
.gridx-contribution-copy-6 {
z-index: 100;
grid-column-gap: 8px;
grid-row-gap: 8px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
align-content: center;
place-items: center start;
width: 320px;
max-width: 100vw;
display: grid;
position: absolute;
top: 64px;
left: 50%;
transform: translate(-50%);
}
.image-141 {
max-height: 32px;
position: absolute;
top: 16px;
right: 0;
}
.first-greeting {
background-image: linear-gradient(#06072e, #010337);
justify-content: center;
align-items: center;
width: 100vw;
height: 100vh;
display: flex;
position: relative;
}
.lottie-animation-11 {
z-index: 100;
width: 64px;
position: relative;
inset: 0% auto auto 0%;
}
.div-block-635 {
align-items: center;
display: none;
position: absolute;
inset: 8px auto auto 8px;
}
.div-block-636 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.link-block-18 {
background-color: var(--primary-700);
color: var(--neutral-50);
text-align: center;
border-radius: 8px;
justify-content: center;
padding: 8px 12px;
display: flex;
position: relative;
}
.white-join-us {
background-color: var(--neutral-50);
color: var(--primary-700);
text-align: center;
border-radius: 8px;
padding: 8px 12px;
}
.html-embed-17 {
display: none;
}
.lottie-animation-12 {
height: 15vh;
position: absolute;
bottom: 16px;
}
.snow-button {
font-size: 24px;
position: absolute;
top: 16px;
left: 16px;
}
.div-block-637 {
position: absolute;
inset: 0%;
overflow: hidden;
}
.gridx-contribution-copy-7 {
z-index: 100;
grid-column-gap: 8px;
grid-row-gap: 8px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
align-content: center;
align-items: center;
width: 256px;
max-width: 100vw;
display: grid;
position: absolute;
top: 64px;
left: 256px;
}
.div-block-638 {
max-width: 96px;
position: absolute;
top: 16px;
right: 16px;
}
.silhouette-2 {
width: 100%;
max-width: none;
}
.div-block-639 {
width: 25%;
position: absolute;
bottom: 45%;
left: 66%;
transform: translate(-50%, 50%);
}
.div-block-640 {
background-color: #242c34e6;
border-radius: 4px;
width: 128px;
padding: 4px 8px;
display: none;
position: absolute;
bottom: 0;
transform: translate(0, 110%);
}
.text-block-91 {
font-size: 8px;
}
.h3-small {
color: var(--neutral-800);
font-size: 24px;
}
.semi-bold {
font-weight: 400;
}
.ref-logo-wrapper {
justify-content: center;
max-height: 32px;
display: flex;
}
.ref-logo {
max-height: 100%;
}
.benefits-block-w-icon {
grid-column-gap: 8px;
grid-row-gap: 8px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
align-content: center;
align-items: start;
display: grid;
}
._1-2-cols {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 2fr;
grid-auto-columns: 1fr;
display: grid;
}
.select-block-w-icon {
grid-column-gap: 8px;
grid-row-gap: 8px;
background-color: var(--neutral-100);
border-radius: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
align-content: center;
align-items: start;
margin: 0 10px;
padding: 16px;
display: grid;
}
.select-block-w-icon.start {
background-color: var(--neutral-400);
margin-top: 0;
margin-bottom: 0;
margin-right: 10px;
}
.div-block-645 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.showcase-camera {
border-radius: 16px;
display: flex;
position: relative;
overflow: hidden;
}
.showcase-slide {
background-color: var(--neutral-50);
flex-direction: column;
flex: none;
justify-content: center;
align-items: center;
width: 25%;
height: 100%;
display: flex;
position: relative;
}
._2-cols {
grid-column-gap: 32px;
grid-row-gap: 32px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.calc-wrapper {
grid-column-gap: 32px;
grid-row-gap: 32px;
grid-template-rows: .25fr;
grid-template-columns: 1fr;
grid-auto-rows: minmax(auto, .25fr);
grid-auto-columns: 1fr;
justify-content: end;
justify-items: end;
width: 66%;
display: grid;
position: relative;
}
.calc-step {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 2fr;
grid-auto-columns: 1fr;
display: grid;
}
.calc-figure {
background-color: var(--neutral-100);
border-radius: 16px;
padding-bottom: 100%;
position: relative;
}
.calc-fig {
color: var(--secondary-500);
text-align: center;
font-size: 24px;
font-weight: 700;
line-height: 1;
position: absolute;
top: 50%;
left: 15px;
right: 15px;
transform: translate(0, -50%);
}
.divider {
background-color: var(--neutral-400);
border-radius: 16px;
height: 2px;
}
.symbol-fig {
color: var(--secondary-500);
text-align: center;
font-size: 32px;
font-weight: 700;
line-height: 1;
position: absolute;
top: 50%;
left: 15px;
right: 15px;
transform: translate(0, -50%);
}
.showcase-image {
-webkit-backdrop-filter: blur(16px);
backdrop-filter: blur(16px);
border-radius: 8px;
max-width: 80%;
max-height: 80%;
position: absolute;
box-shadow: 1px 1px 16px #00000040;
}
.slide-wrapper {
flex: none;
width: 400%;
display: flex;
}
.scroll-ding {
height: 100vh;
position: absolute;
top: 0;
left: 0;
}
.use-case-success {
grid-column-gap: 64px;
grid-row-gap: 64px;
background-color: #0000;
border-radius: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
width: 33.333%;
display: grid;
}
.use-case-success.single {
width: 100%;
}
.image-144 {
background-color: var(--neutral-50);
border-radius: 4px;
width: 32px;
padding: 8px;
}
.collection-list-27 {
grid-column-gap: 4px;
grid-row-gap: 4px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.collection-item-21 {
grid-column-gap: 4px;
grid-row-gap: 4px;
align-items: center;
display: flex;
}
.link-block-19 {
grid-column-gap: 4px;
grid-row-gap: 4px;
color: var(--neutral-600);
align-items: center;
display: flex;
}
.div-block-647 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.full-width-card {
grid-column-gap: 64px;
grid-row-gap: 64px;
background-color: var(--neutral-100);
border-radius: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
margin-left: -48px;
margin-right: -48px;
padding: 48px;
display: grid;
}
.full-width-card.dark {
background-color: var(--neutral-800);
}
.collection-item-22 {
justify-content: center;
align-items: center;
display: flex;
}
.image-145 {
transform: rotate(0);
}
.div-block-648 {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
position: relative;
}
.div-block-649 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
align-content: center;
display: grid;
}
.strategy-camera {
background-color: var(--neutral-50);
border-radius: 16px;
width: 100%;
height: 512px;
display: flex;
position: relative;
overflow: hidden;
}
.strategy-wrapper {
flex: none;
justify-content: flex-start;
width: 100%;
height: 100%;
display: flex;
position: relative;
}
.strategy {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-direction: column;
grid-template-rows: auto 5fr;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
align-content: start;
place-items: stretch center;
width: 100%;
padding: 32px;
display: flex;
}
.charging-block {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex: 1;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: column;
justify-content: center;
align-items: stretch;
display: grid;
position: relative;
}
.click-slider {
width: 25%;
height: 100%;
padding-left: 12px;
padding-right: 12px;
position: absolute;
}
.strategy-link {
color: var(--neutral-800);
justify-content: center;
align-items: center;
height: 32px;
display: flex;
position: relative;
}
.strategy-link.start {
color: var(--shade-0);
}
.div-block-651 {
background-color: var(--primary-700);
border-radius: 8px;
width: 100%;
height: 100%;
position: relative;
}
.text-camera {
min-height: 64px;
position: relative;
overflow: hidden;
}
.collection-list-wrapper-5 {
width: 100%;
overflow: hidden;
}
.collection-list-28 {
width: 300%;
display: flex;
}
.success-story-selector {
grid-column-gap: 32px;
grid-row-gap: 32px;
border-top: 1px solid var(--neutral-400);
border-radius: 2px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
margin-top: 32px;
padding-top: 32px;
display: grid;
}
.success-select {
justify-content: center;
align-items: center;
display: flex;
}
.success-select.muted {
filter: grayscale();
}
.ref-logo-copy {
max-height: 32px;
}
.charging-row {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: 48px 48px auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
justify-items: center;
display: grid;
}
.image-148, .image-149 {
max-width: none;
max-height: 100%;
}
.capacity-bar {
justify-content: center;
width: 100%;
height: 100%;
display: flex;
}
.capacity-wrapper {
width: 100%;
padding-left: 33%;
padding-right: 33%;
}
.capacity-fill {
background-color: var(--neutral-700);
border-bottom-right-radius: 8px;
border-bottom-left-radius: 8px;
width: 100%;
height: 50%;
}
.text-row {
width: 400%;
display: flex;
position: relative;
}
.text-block {
width: 25%;
}
.div-block-652 {
background-color: var(--neutral-600);
border-radius: 2px;
width: 100%;
height: 2px;
position: absolute;
top: 128px;
}
.settings-panel {
grid-column-gap: 16px;
grid-row-gap: 16px;
background-color: var(--shade-0);
border-radius: 16px;
flex-direction: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
width: 80%;
padding: 32px 32px 0;
display: flex;
box-shadow: 0 2px 4px 2px #0000001a;
}
.text-field-2 {
background-color: var(--neutral-200);
border: 1px #000;
border-radius: 8px;
}
.div-block-653 {
grid-column-gap: 16px;
grid-row-gap: 16px;
justify-content: flex-end;
display: flex;
}
.div-block-654 {
justify-content: space-between;
display: flex;
}
.div-block-655 {
background-color: var(--neutral-200);
cursor: pointer;
border-radius: 12px;
flex-direction: row;
flex: none;
align-items: center;
width: 48px;
height: 24px;
padding-left: 2px;
padding-right: 2px;
display: flex;
position: relative;
}
.div-block-656 {
background-color: var(--neutral-700);
border-radius: 50%;
width: 20px;
height: 20px;
}
.expandable-form {
overflow: hidden;
}
.modules-feature {
flex-direction: column;
align-items: flex-end;
display: flex;
position: absolute;
top: 16px;
right: 16px;
}
.collection-item-23 {
background-color: var(--neutral-50);
border-radius: 4px;
padding: 4px;
}
.image-150 {
width: 24px;
}
.lottie-animation-13 {
max-width: 64px;
}
.div-block-657 {
grid-column-gap: 4px;
grid-row-gap: 4px;
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
}
.success-message-3 {
background-color: #0000;
}
.div-block-658 {
grid-column-gap: 8px;
grid-row-gap: 8px;
display: flex;
}
.phone-showcase {
grid-column-gap: 16px;
grid-row-gap: 16px;
max-width: 100%;
display: flex;
}
.phone-showcase-image {
max-height: 384px;
}
.showcase-image-no-shadow {
-webkit-backdrop-filter: blur(16px);
backdrop-filter: blur(16px);
border-radius: 8px;
max-width: 80%;
max-height: 80%;
position: absolute;
}
.knowledge-header-wrapper {
flex-flow: column;
padding-left: 25%;
display: flex;
}
.knowledge-body-wrapper {
align-items: flex-start;
display: flex;
position: relative;
}
.knowledge-toc {
width: 25%;
padding-top: 12px;
position: sticky;
top: 112px;
}
.knowledge-body {
flex: 1;
}
.knowledge-body-copy {
word-break: normal;
overflow-wrap: normal;
position: static;
}
.knowledge-body-copy p {
color: var(--neutral-700);
-webkit-text-fill-color: inherit;
background-clip: border-box;
border-left-width: 1px;
padding-top: 8px;
font-size: 14px;
line-height: 140%;
}
.knowledge-body-copy h2 {
color: var(--neutral-800);
padding-top: 24px;
font-size: 24px;
font-weight: 700;
}
.knowledge-body-copy h3 {
color: var(--neutral-800);
padding-top: 20px;
font-size: 20px;
font-weight: 700;
}
.knowledge-body-copy li {
color: var(--neutral-700);
font-size: 14px;
list-style-type: decimal;
}
.knowledge-body-copy ul {
color: var(--neutral-700);
font-size: 14px;
}
.knowledge-body-copy img {
padding-top: 8px;
}
.knowledge-body-copy figcaption {
color: var(--neutral-800);
text-align: center;
font-size: 12px;
line-height: 120%;
}
.knowledge-body-copy figure {
margin-bottom: 8px;
}
.knowledge-body-copy.whistleblowing {
display: none;
}
.toc-h2 {
color: var(--neutral-600);
border-radius: 8px;
margin-bottom: 8px;
margin-right: 48px;
padding-bottom: 4px;
font-size: 14px;
line-height: 100%;
display: block;
}
.div-block-660 {
padding-bottom: 16px;
}
.related-download {
grid-column-gap: 16px;
grid-row-gap: 16px;
background-color: var(--neutral-100);
border-radius: 16px;
margin-top: 24px;
margin-left: -32px;
margin-right: -32px;
padding: 24px 32px;
display: flex;
}
.div-block-661 {
background-color: var(--neutral-300);
border-radius: 16px;
flex: none;
justify-content: center;
align-items: center;
width: 33%;
display: flex;
}
.image-151 {
max-height: 215px;
}
.knowledge-list {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.collection-list-wrapper-6 {
display: none;
}
.section-layout-hero {
padding-top: 128px;
padding-bottom: 64px;
}
.div-block-662 {
flex: none;
width: 25%;
}
.div-block-663 {
display: flex;
}
.h1-small {
font-size: 48px;
}
.h1-small.bold.neutral-800, .h1-small.bold.neutral-800:lang(de) {
font-size: 28px;
}
.div-block-664 {
padding-bottom: 8px;
}
.div-block-666 {
grid-column-gap: 32px;
grid-row-gap: 32px;
flex-direction: column;
display: flex;
}
.knowledge-header-box {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
align-content: center;
place-items: center start;
display: grid;
}
.div-block-667 {
background-color: var(--neutral-50);
border-radius: 16px;
padding: 24px 32px 24px 16px;
}
.knowledge-preview-image {
flex: none;
width: 160px;
height: 160px;
position: relative;
}
.div-block-668 {
grid-column-gap: 24px;
grid-row-gap: 24px;
align-items: center;
display: flex;
}
.link-block-20 {
position: absolute;
inset: 0%;
}
.html-embed-18 {
display: none;
}
.snake-button {
border: 1px none var(--dark-grey);
background-color: var(--primary-700);
color: var(--neutral-50);
border-radius: 4px;
padding: 8px;
transition: background-color .2s;
}
.snake-button:hover {
background-color: var(--dark-grey);
color: var(--white);
}
.blog-preview-hero-image {
border-radius: 16px;
position: relative;
}
.gridx-menu {
width: 96px;
max-width: none;
height: 38.54px;
}
.toc-h3 {
color: var(--neutral-600);
margin-bottom: 8px;
margin-right: 48px;
padding-bottom: 4px;
padding-left: 8px;
font-size: 12px;
line-height: 100%;
display: block;
}
.div-block-670 {
display: none;
}
.letter-header {
margin-bottom: 8px;
}
.article-link {
color: var(--neutral-600);
margin-bottom: 8px;
font-weight: 500;
line-height: 100%;
display: block;
}
.article-link:hover {
color: var(--primary-700);
}
.nu-sctn {
padding-top: 128px;
padding-bottom: 128px;
display: none;
position: relative;
}
.nu-sctn.neutral-50-bg.old, .nu-sctn.nu-neutral-50-bg.old {
display: none;
}
.nu-sctn.no-bt-pd {
padding-bottom: 0;
}
.nu-sctn.no-tp-pd {
padding-top: 0;
}
.nu-sctn.hide-greater-tablet {
display: none;
}
.nu-sctn.hide-greater-tablet.show {
display: block;
}
.nu-sctn.hide, .nu-sctn.old {
display: none;
}
.nu-sctn.show {
display: block;
}
.nu-sctn.show.old {
display: none;
}
.nu-sctn-layout {
grid-row-gap: 64px;
flex-direction: column;
width: 1168px;
margin-top: -55px;
margin-left: auto;
margin-right: auto;
padding-top: 0;
padding-left: 8px;
padding-right: 8px;
display: flex;
position: relative;
}
.nu-sctn-layout.z {
z-index: 100;
}
.nu-sctn-layout.v2 {
margin-top: 25px;
}
.nu-col {
grid-column-gap: 0px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: flex;
}
.nu-col.services {
margin-top: 120px;
}
.nu-header-w-p {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-direction: column;
justify-content: center;
display: flex;
}
.nu-header-wrapper {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-direction: column;
padding-left: 16px;
padding-right: 24px;
display: flex;
}
.nu-display {
font-size: 44px;
font-weight: 500;
}
.nu-hero-wrapper {
flex: none;
width: 50%;
}
.nu-content-wrapper {
grid-column-gap: 0px;
grid-row-gap: 12px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
align-content: start;
padding-left: 16px;
padding-right: 24px;
display: grid;
}
.nu-paragraph {
font-size: 16px;
font-weight: 400;
line-height: 28px;
}
.nu-paragraph.bold {
font-weight: 700;
}
.nu-paragraph.neutral-200.v2 {
margin-top: 15px;
}
.nu-paragraph.small {
min-width: 100px;
font-size: 16px;
}
.nu-paragraph.small:lang(de) {
text-align: left;
}
.nu-paragraph.small.bold.neutral-600 {
font-size: 16px;
}
.nu-paragraph.services {
line-height: 140%;
}
.nu-btn-wrapper {
grid-column-gap: 16px;
padding-left: 16px;
padding-right: 24px;
display: flex;
}
.nu-btn-wrapper.center-on-wide {
justify-content: center;
}
.nu-btn {
background-color: var(--primary-700);
color: var(--shade-0);
word-break: break-all;
object-fit: cover;
border-radius: 8px;
flex: none;
padding: 6px 12px 8px;
font-size: 18px;
transition: background-color .3s;
}
.nu-btn:hover {
background-color: var(--primary-900);
}
.nu-btn-secondary {
color: var(--primary-700);
background-color: #0000;
border-radius: 8px;
padding: 6px 12px 8px 0;
font-size: 18px;
}
.nu-btn-secondary:hover {
color: var(--primary-500);
}
.nu-btn-text {
font-weight: 500;
display: inline;
}
.arrow-front {
border-top: 2px solid var(--shade-0);
border-right: 2px solid var(--shade-0);
border-radius: 1px;
flex: none;
width: 8px;
height: 8px;
position: relative;
top: 1px;
left: -6.5px;
transform: rotate(45deg);
}
.arrow-front.petrol {
border-top-color: var(--primary-700);
border-right-color: var(--primary-700);
}
.arrow-wrapper {
justify-content: flex-start;
align-items: center;
width: 10px;
height: 10px;
margin-left: 4px;
display: flex;
position: absolute;
right: 5px;
}
.nu-btn-w-icon {
background-color: var(--primary-700);
color: var(--shade-0);
border-radius: 8px;
align-items: center;
padding: 6px 24px 8px 12px;
font-size: 18px;
transition: background-color .3s;
display: flex;
position: relative;
}
.nu-btn-w-icon:hover {
background-color: var(--primary-900);
}
.arrow-line {
background-color: var(--shade-0);
border-radius: 1px;
flex: none;
width: 0;
height: 2px;
position: relative;
top: 1px;
left: 0;
}
.arrow-line.petrol {
background-color: var(--primary-700);
}
.nu-sec-btn-w-icon {
color: var(--primary-700);
background-color: #0000;
border-radius: 8px;
align-items: center;
padding: 6px 24px 8px 0;
font-size: 18px;
transition: background-color .3s;
display: flex;
position: relative;
}
.nu-sec-btn-w-icon:hover {
opacity: .8;
}
.nu-sec-btn-w-icon.v2 {
margin-top: 0;
}
.nu-logo-section {
grid-column-gap: 0px;
grid-row-gap: 48px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
place-items: center;
padding-top: 64px;
display: grid;
}
.nu-logo-section._3col {
grid-template-columns: 1fr 1fr 1fr;
}
.nu-logo-section.margin {
margin-top: 80px;
}
.nu-logo {
width: 200px;
height: 40px;
}
.nu-overline {
color: var(--secondary-500);
text-align: left;
text-transform: uppercase;
padding-left: 0;
font-size: 15px;
font-weight: 700;
}
.nu-overline.neutral-50 {
color: var(--neutral-50);
}
.nu-overline.neutral-200 {
color: var(--neutral-200);
}
.nu-proof-point {
grid-row-gap: 12px;
flex-direction: column;
padding-left: 16px;
padding-right: 32px;
display: flex;
}
.nu-icon {
width: 40px;
height: 40px;
}
.nu-3-col-grid {
grid-column-gap: 0px;
grid-row-gap: 24px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.der-tile-wrapper {
flex: none;
width: 50%;
}
.nu-ref-class {
grid-column-gap: 32px;
grid-row-gap: 32px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
position: absolute;
top: 50%;
transform: translate(0, -50%);
}
.nu-third-pd {
padding-right: 33%;
}
.nu-1-1-grid {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.nu-half-pd {
padding-right: 50%;
}
.nu-subpoint-wrapper-horizontal {
grid-column-gap: 16px;
grid-row-gap: 24px;
flex-direction: row;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
padding-top: 32px;
display: grid;
}
.nu-1-2-grid {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: 2fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.nu-hero-buffer {
height: 0;
display: none;
}
.der-tiles-list {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
place-content: center;
place-items: center;
display: grid;
}
.der-tile {
background-color: var(--neutral-100);
border-radius: 16px;
width: 128px;
height: 128px;
padding: 32px;
}
.der-image-wrapper {
justify-content: center;
align-items: center;
width: 96px;
display: flex;
}
.referenc-tile-wrapper {
flex: none;
width: 50%;
min-height: 480px;
}
.nu-mid-8-col {
width: 100%;
padding-left: 16.6%;
padding-right: 16.6%;
}
.nu-header-wrapper-center {
grid-row-gap: 24px;
flex-direction: column;
align-items: center;
padding-left: 0%;
padding-right: 0%;
display: flex;
}
.module-card-title {
grid-column-gap: 4px;
display: flex;
}
.nu-module-header {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-direction: column;
justify-content: center;
display: flex;
}
.ref-header-icon {
width: 96px;
}
.logo-tile-image-wrapper {
flex: 1;
align-items: center;
margin-left: -24px;
margin-right: -24px;
padding-top: 25px;
padding-bottom: 25px;
display: flex;
}
.blog-text-summary {
color: var(--neutral-600);
text-align: left;
flex-direction: column;
justify-content: center;
display: flex;
}
.blog-text-summary h2 {
color: var(--neutral-800);
margin-top: 40px;
font-size: 34px;
font-weight: 700;
line-height: 1.5;
}
.blog-text-summary p {
color: var(--neutral-800);
font-size: 18px;
font-weight: 500;
line-height: 28px;
}
.blog-text-summary h4 {
color: var(--neutral-800);
margin-top: 16px;
margin-bottom: 8px;
font-size: 24px;
font-weight: 500;
line-height: 1.5;
}
.blog-text-summary img, .blog-text-summary li {
padding-bottom: 16px;
}
.blog-text-summary ul {
color: var(--neutral-600);
margin-bottom: 0;
padding-left: 32px;
font-size: 18px;
line-height: 28px;
}
.blog-text-summary h5 {
color: var(--dark-blue);
font-size: 18px;
}
.blog-text-summary blockquote {
background-color: var(--neutral-50);
color: var(--neutral-600);
margin: 16px -100vw 0;
padding: 32px 100vw 8px;
font-size: 26px;
line-height: 1.6;
}
.blog-text-summary h6 {
background-color: var(--neutral-50);
color: var(--neutral-700);
margin: 0 -100vw 16px;
padding: 8px 100vw 32px;
font-size: 18px;
}
.blog-text-summary figcaption {
text-align: center;
}
.blog-text-paragraph {
grid-row-gap: 24px;
color: var(--neutral-600);
text-align: left;
flex-direction: column;
font-size: 18px;
line-height: 28px;
display: flex;
}
.blog-text-paragraph h2 {
color: var(--neutral-800);
margin-top: 40px;
font-size: 34px;
font-weight: 700;
line-height: 1.5;
}
.blog-text-paragraph p {
color: var(--neutral-600);
font-size: 18px;
line-height: 28px;
}
.blog-text-paragraph h4 {
color: var(--neutral-800);
margin-top: 16px;
margin-bottom: 8px;
font-size: 24px;
font-weight: 500;
line-height: 1.5;
}
.blog-text-paragraph img, .blog-text-paragraph li {
padding-bottom: 16px;
}
.blog-text-paragraph ul {
color: var(--neutral-600);
margin-bottom: 0;
padding-left: 32px;
font-size: 18px;
line-height: 28px;
}
.blog-text-paragraph h5 {
color: var(--dark-blue);
font-size: 18px;
}
.blog-text-paragraph blockquote {
background-color: var(--neutral-50);
color: var(--neutral-600);
margin: 16px -100vw 0;
padding: 32px 100vw 8px;
font-size: 26px;
line-height: 1.6;
}
.blog-text-paragraph h6 {
background-color: var(--neutral-50);
color: var(--neutral-700);
margin: 0 -100vw 16px;
padding: 8px 100vw 32px;
font-size: 18px;
}
.blog-text-paragraph figcaption {
text-align: center;
}
.nu-2-1-grid {
grid-column-gap: 0px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 2fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.nu-mid-6-col {
padding-left: 25%;
padding-right: 25%;
}
.nu-col-vertical {
grid-column-gap: 0px;
grid-row-gap: 16px;
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
display: flex;
}
.notifications-tab {
border-top-left-radius: 16px;
border-top-right-radius: 16px;
width: 100%;
}
.asset-wrapper {
position: relative;
}
.notifications-feed {
position: absolute;
top: 15%;
transform: translate(-50%);
}
.search-widget {
position: absolute;
inset: 10% 0% 0% auto;
transform: translate(33%);
}
.radial-dark-bg {
background-image: radial-gradient(circle farthest-corner at 50% -25%, var(--neutral-600), var(--neutral-900));
position: absolute;
inset: 0%;
overflow: hidden;
}
.notifications-tab-large {
max-width: none;
height: 480px;
position: absolute;
top: 50%;
right: 0;
transform: translate(66%, -50%);
}
.asset-wrapper-480 {
height: 480px;
position: relative;
}
.search-asset {
height: 360px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.notification-asset {
height: 360px;
position: absolute;
top: 50%;
left: 32px;
transform: translate(0, -50%);
}
.live-view-tab {
border-top-left-radius: 16px;
border-top-right-radius: 16px;
width: 100%;
box-shadow: 0 2px 5px #0003;
}
.asset-wrapper-320 {
height: 320px;
position: relative;
}
.container-large {
width: 100%;
max-width: 80rem;
margin-left: auto;
margin-right: auto;
}
.section-logo {
display: block;
overflow: hidden;
}
.logo_component-slider {
grid-column-gap: 6rem;
grid-row-gap: 6rem;
grid-template-rows: auto;
grid-template-columns: max-content 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
align-items: center;
width: 2200px;
display: flex;
}
.padding-vertical {
padding-left: 0;
padding-right: 0;
}
.padding-vertical.padding-xxlarge {
padding: 0;
}
.page-padding {
padding: 5em 5%;
}
.page-padding.s0 {
padding-top: 32px;
padding-bottom: 32px;
}
.logo-slide_section {
justify-content: center;
align-items: center;
padding-top: 32px;
padding-bottom: 32px;
display: flex;
}
.logo-image {
filter: grayscale();
max-width: none;
height: 32px;
}
.center-on-wide {
text-align: center;
}
.only-logo-menu {
z-index: 100;
grid-row-gap: 64px;
flex-direction: column;
align-items: flex-end;
width: 1168px;
margin-left: auto;
margin-right: auto;
padding-top: 32px;
padding-left: 8px;
padding-right: 8px;
display: flex;
position: absolute;
inset: 0% 0% auto;
}
.image-153 {
height: 40px;
}
.html-embed-19 {
display: none;
}
.nu-value-card {
border-radius: 16px;
margin: 8px;
position: relative;
overflow: hidden;
}
.nu-value-card-inner {
background-image: linear-gradient(to bottom, #000000bf, #fff0), linear-gradient(to bottom, var(--neutral-500), var(--neutral-500));
padding-top: 100%;
}
.nu-value-text-wrapper {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
position: absolute;
inset: 32px 32px auto;
}
.nu-1-1-1-grid {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.logo-wrapper {
height: 80vh;
padding-top: 33%;
}
.div-block-671 {
padding: 8px;
}
.oem-tile {
background-color: var(--shade-0);
box-shadow: 0 4px 8px 0 var(--neutral-300);
border-radius: 16px;
width: 144px;
height: 144px;
padding: 24px;
}
.oem-logo {
flex-direction: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
justify-content: center;
height: 100%;
display: flex;
}
.div-block-672 {
align-self: flex-start;
}
.gallery-slider {
border-bottom: 1px solid #e4ebf3;
padding-top: 128px;
padding-bottom: 128px;
position: relative;
}
.container-47 {
width: 100%;
max-width: 1168px;
margin-left: auto;
margin-right: auto;
padding-left: 8px;
padding-right: 8px;
}
.gallery-wrapper {
grid-column-gap: 40px;
grid-row-gap: 40px;
grid-template-rows: auto;
grid-template-columns: 1fr 2fr;
grid-auto-columns: 1fr;
align-items: start;
display: grid;
}
.gallery-block {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.gallery-slide {
background-color: #0000;
height: auto;
}
.gallery-slide-wrapper {
max-width: 47%;
margin-right: 6%;
}
.gallery-slide-image {
position: relative;
}
.gallery-image {
border-radius: 16px;
width: 100%;
}
.gallery-slide-text {
color: var(--neutral-50);
margin-bottom: 0;
line-height: 32px;
}
.gallery-slider-left {
justify-content: center;
align-items: center;
width: 40px;
display: flex;
left: -50px;
}
.gallery-slider-left:focus-visible, .gallery-slider-left[data-wf-focus-visible] {
outline-offset: 0px;
border-radius: 5px;
outline: 2px solid #0050bd;
}
.slider-arrow-embed {
color: #1a1b1f;
}
.gallery-slider-right {
justify-content: center;
align-items: center;
width: 40px;
display: flex;
right: -50px;
}
.gallery-slider-right:focus-visible, .gallery-slider-right[data-wf-focus-visible] {
outline-offset: 0px;
border-radius: 5px;
outline: 2px solid #0050bd;
}
.gallery-slide-nav {
display: none;
}
.gallery-slide-text-wrapper {
color: var(--neutral-50);
margin-bottom: 0;
line-height: 32px;
position: absolute;
bottom: 24px;
left: 24px;
right: 24px;
}
.benefits-blend {
background-image: linear-gradient(to top, #242c34fa 39%, #fff0 71%);
border-radius: 16px;
height: 80px;
position: absolute;
bottom: 0%;
left: 0%;
right: 0%;
}
.beneftits-bg-filter {
background-color: var(--neutral-800);
opacity: 0;
border-radius: 16px;
position: absolute;
inset: 0%;
}
.nu-1-2-grid-r {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: 1fr 2fr;
grid-auto-columns: 1fr;
display: grid;
}
.div-block-673 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.benefits-tile {
border-radius: 16px;
position: relative;
}
.div-block-674 {
justify-content: center;
width: 100%;
height: 100%;
display: flex;
}
.gridbox-image {
width: 50%;
}
.gridbox-image.xenon-core {
width: 75%;
}
.hubspot-legalconsent {
margin-top: 1rem;
}
.eb-form-field {
background-color: var(--neutral-700);
color: var(--neutral-100);
border: 1px solid #0000;
border-radius: 8px;
flex: 0 auto;
width: 100%;
height: 100%;
padding: 16px;
line-height: 2;
}
.eb-form-field::placeholder {
color: var(--neutral-400);
}
.eb-form-field.neutral-100-bg {
background-color: var(--neutral-100);
color: var(--black-background);
}
.eb-label {
color: var(--neutral-50);
padding-bottom: 2px;
}
.div-block-675 {
grid-column-gap: 16px;
display: flex;
}
.label {
display: none;
}
.div-block-676 {
padding-bottom: 16px;
}
.hero-stack {
background-color: #f5f7fa;
border-bottom: 1px solid #e4ebf3;
padding: 80px 30px;
position: relative;
}
.container-48 {
width: 100%;
max-width: 940px;
margin-left: auto;
margin-right: auto;
}
.hero-wrapper-two {
text-align: center;
flex-direction: column;
justify-content: flex-start;
align-items: center;
max-width: 750px;
margin-left: auto;
margin-right: auto;
display: flex;
}
.margin-bottom-24px {
margin-bottom: 24px;
}
.button-primary {
color: #fff;
letter-spacing: 2px;
text-transform: uppercase;
background-color: #1a1b1f;
padding: 12px 25px;
font-size: 12px;
line-height: 20px;
transition: all .2s;
}
.button-primary:hover {
color: #fff;
background-color: #32343a;
}
.button-primary:active {
background-color: #43464d;
}
.hero-image-2 {
width: 100%;
margin-top: 50px;
}
.hero-heading-left {
background-color: #f5f7fa;
border-bottom: 1px solid #e4ebf3;
padding: 80px 30px;
position: relative;
}
.hero-wrapper {
justify-content: space-between;
align-items: center;
display: flex;
}
.hero-split {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
max-width: 46%;
display: flex;
}
.shadow-two {
box-shadow: 0 4px 24px #96a3b514;
}
.hero-heading-right {
background-color: #f5f7fa;
border-bottom: 1px solid #e4ebf3;
padding: 80px 30px;
position: relative;
}
.div-block-677 {
justify-content: center;
display: flex;
}
.employer-branding-event-list {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.employer-branding-sctn-grid {
grid-column-gap: 32px;
grid-row-gap: 32px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
align-content: center;
align-items: center;
display: grid;
}
.employer-branding-sctn-grid._64pd {
padding-left: 64px;
}
.employer-branding-sctn-grid._8 {
grid-row-gap: 8px;
}
.employer-branding-sctn-grid._32 {
grid-row-gap: 32px;
}
.employer-branding-sctn-grid.top {
align-items: start;
}
.employer-branding-sctn-grid.bottom-pd-16 {
padding-bottom: 16px;
}
.employer-branding-sctn-grid.center {
justify-items: center;
}
.employer-branding-sctn-grid.center._8px {
grid-column-gap: 8px;
grid-row-gap: 8px;
}
.hubspot-checkbox {
margin-right: 1rem;
}
.section-small-copy {
position: relative;
}
.section-small-copy.knowledge {
padding-top: 64px;
}
.eb-hero-section-layout {
padding-top: 128px;
padding-bottom: 0;
position: relative;
}
.eb-hero-section-layout.small {
grid-column-gap: 32px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 2fr 1fr;
grid-auto-columns: 1fr;
padding-top: 32px;
padding-bottom: 32px;
display: grid;
position: relative;
}
.eb-hero-section-layout._64-pd-top {
padding-top: 64px;
}
.eb-hero-section-layout._64px {
padding-top: 64px;
padding-bottom: 64px;
}
.eb-hero-section-layout._0-pd-top-copy {
padding-top: 0;
padding-bottom: 64px;
}
.eb-hero-section-layout._64pd {
padding-top: 64px;
padding-bottom: 64px;
}
.eb-hero-section-layout.no-pd {
padding-top: 16px;
padding-bottom: 16px;
}
.eb-hero-section-layout.pd-32-top-64-bottom {
justify-content: center;
padding-top: 32px;
padding-bottom: 64px;
display: flex;
}
.eb-hero-section-layout.blog-top {
padding-bottom: 8px;
}
.eb-hero-section-layout._64-pd-bottom {
padding-bottom: 64px;
}
.eb-hero-section-layout._32-pd {
padding-top: 32px;
padding-bottom: 32px;
}
.eb-hero-section-layout.pd-32-btm {
padding-top: 64px;
padding-bottom: 32px;
}
.eb-hero-section-layout.pd-32-btm.gdays {
padding-top: 96px;
padding-bottom: 0;
}
.eb-hero-section-layout._0-pd-t-b {
padding-top: 0;
padding-bottom: 0;
}
.eb-hero-section-layout._32-pd-bt {
padding-bottom: 32px;
}
.div-block-678 {
height: 50vh;
}
.image-154 {
height: 100%;
}
.html-embed-20 {
text-align: center;
}
.image-155 {
padding-left: 0;
padding-right: 0;
}
.button-6 {
float: left;
clear: none;
background-color: #0fb9b6;
border-radius: 20px;
margin-left: auto;
margin-right: 40px;
display: block;
position: static;
}
.link-block-21 {
margin-top: 0;
margin-bottom: 0;
}
.list-4 {
list-style-type: lower-alpha;
}
.list-5 {
list-style-type: decimal;
}
.list-6 {
list-style-type: lower-alpha;
}
.video-6 {
aspect-ratio: 2 / 3;
object-fit: fill;
display: flex;
position: fixed;
}
.div-block-679 {
position: fixed;
}
.background-video-2 {
float: none;
clear: both;
aspect-ratio: 375 / 667;
text-align: center;
object-fit: cover;
object-position: 50% 50%;
flex-direction: column;
justify-content: flex-start;
align-items: center;
margin-top: 80px;
margin-left: auto;
margin-right: auto;
padding-left: 0;
display: block;
position: relative;
inset: 25% 0% 0% auto;
}
.body-4 {
-webkit-text-fill-color: inherit;
mix-blend-mode: normal;
background-image: url("https://cdn.prod.website-files.com/65b3e159d25a6097b6ca5812/65b3e15ad25a6097b6ca5ff8_Christmas%20greetings%20background_2.svg");
background-position: 50% 100%;
background-size: cover;
background-clip: content-box;
border-radius: 0;
}
.heading-50 {
float: none;
clear: both;
color: var(--shade-0);
text-align: center;
-webkit-text-fill-color: inherit;
object-fit: contain;
object-position: 50% 50%;
background-clip: content-box;
font-weight: 700;
position: fixed;
inset: 5% 0% 0;
}
.section-69 {
margin-top: 0;
margin-bottom: 0;
padding-top: 20px;
padding-bottom: 20px;
position: static;
}
.div-block-680 {
margin-top: 20px;
padding-top: 20px;
}
.container-49 {
padding-top: 20px;
}
.link-block-22 {
float: right;
position: fixed;
}
.text-block-92 {
float: right;
clear: both;
color: var(--shade-0);
text-align: center;
text-shadow: 0 11px 1px #0003;
object-position: 100% 50%;
padding-top: 0;
padding-right: 0;
font-size: 20px;
font-weight: 500;
}
.text-block-92.link-block {
padding-left: 0;
}
.link-block-23 {
clear: both;
mix-blend-mode: normal;
margin-bottom: 20px;
margin-right: 10px;
padding-right: 0;
position: fixed;
inset: auto 0% 0% auto;
}
.image-156 {
float: none;
clear: none;
padding-top: 20px;
}
.heading-51 {
float: none;
clear: none;
aspect-ratio: auto;
text-align: right;
object-fit: fill;
margin-left: auto;
margin-right: auto;
display: block;
position: static;
inset: 0% 0% 0% auto;
}
.heading-52 {
text-align: right;
font-size: 46px;
}
.image-157 {
text-align: left;
object-fit: cover;
}
.text-span-140 {
color: var(--secondary-500);
font-size: 15px;
}
.text-block-93 {
color: var(--secondary-500);
text-align: right;
font-size: 15px;
font-weight: 700;
}
.image-158 {
margin-top: 75px;
}
.column, .column-2 {
padding-left: 0;
padding-right: 0;
}
.grid {
grid-template-columns: .25fr 1fr;
}
.column-3 {
display: block;
}
.image-159 {
float: right;
clear: none;
text-align: left;
margin-top: 30px;
margin-left: 0;
padding-left: 0;
position: static;
}
.image-160 {
float: right;
clear: none;
margin-top: 0;
margin-left: 0;
padding-right: 0;
position: static;
}
.grid-2 {
grid-template-rows: auto;
}
.image-161 {
float: right;
margin-left: 220px;
padding-top: 10px;
padding-right: 35px;
}
.input {
padding-left: 0;
}
.text-field-3, .field-label {
display: none;
}
.field-label-2 {
color: var(--neutral-50);
}
.field-label-3 {
color: var(--neutral-50);
display: none;
}
.text-field-4 {
background-color: var(--neutral-700);
border-radius: 8px;
width: 770px;
}
.text-field-4::placeholder {
color: var(--neutral-400);
}
.form-block-4 {
flex-direction: row;
width: 1020px;
display: flex;
}
.form-6 {
width: 920px;
}
.submit-button-2 {
display: inline-block;
}
.form-block-5 {
flex-direction: row;
align-items: stretch;
display: block;
}
.form-7 {
flex: 0 auto;
}
.div-block-681 {
display: block;
}
.form-block-6, .form-8, .form-block-7 {
display: flex;
}
.form-9 {
align-items: center;
display: flex;
}
.text-field-5 {
background-color: var(--neutral-700);
border: 1px solid #0000;
border-radius: 8px;
height: 55px;
margin-bottom: 0;
}
.text-field-6 {
margin-bottom: 0;
}
.field-label-4 {
color: var(--neutral-100);
}
.field-label-5 {
color: var(--neutral-100);
display: none;
}
.div-block-682, .div-block-683 {
flex: 1;
}
.form-10 {
justify-content: center;
display: flex;
}
.field-wrapper {
flex: 1;
}
.html-embed-21 {
display: block;
}
.form-11 {
display: flex;
}
.field-label-8, .html-embed-22, .html-embed-23, .text-field-7, .field-label-9, .text-field-8, .field-label-10, .html-embed-24 {
display: none;
}
.input-2 {
display: block;
}
.link-19 {
margin-top: 10px;
margin-bottom: 0;
}
.link-block-24 {
object-fit: fill;
position: absolute;
top: 240px;
left: 100px;
}
.link-block-25 {
float: none;
position: absolute;
top: 240px;
left: 370px;
}
.link-block-26 {
position: absolute;
top: 250px;
left: 645px;
}
.text-block-94, .section-71, .html-embed-25, .field-label-11, .text-field-9, .field-label-12, .text-field-10, .html-embed-26 {
display: none;
}
.label-2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
}
.div-block-684 {
z-index: 999999;
position: sticky;
top: 0;
}
.notification-wrapper-div-2 {
position: static;
}
.lp-section {
background-color: var(--dark-blue);
color: var(--neutral-600);
padding-top: 35px;
}
.lp-section.white {
background-color: var(--white);
display: none;
}
.lp-section.white.show {
background-image: linear-gradient(90deg, #f9fafd, #e5eaf6);
display: block;
}
.lp-thank-you-message {
color: var(--neutral-50);
text-align: center;
padding: 140px 45px;
font-size: 50px;
font-weight: 700;
line-height: 110%;
}
.lp-thank-you-message.v2 {
padding-bottom: 25px;
}
.lp-container {
height: 400px;
}
.lp-container.v2 {
height: 455px;
padding-bottom: 0;
}
.lp-further-reading {
color: var(--neutral-800);
font-size: 35px;
font-weight: 700;
}
.text-block-95 {
color: var(--dark-blue);
font-size: 30px;
font-weight: 700;
}
.grid-3 {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
}
.lp-container-further-reading {
max-width: 1070px;
margin-top: -35px;
}
.text-block-96 {
color: var(--neutral-800);
padding-top: 35px;
padding-bottom: 5px;
font-size: 30px;
font-weight: 700;
}
.body-5 {
font-size: 16px;
font-weight: 400;
line-height: 1.6;
}
.body-5.bold {
font-weight: 500;
}
.body-5.bold.neutral-700.height-1 {
flex: 0 auto;
line-height: 1;
}
.menu-bar--new-2 {
justify-content: center;
align-items: center;
display: flex;
}
.btn-2 {
color: #fff;
text-align: left;
cursor: pointer;
border-radius: 8px;
padding: 12px 16px;
font-size: 16px;
font-weight: 500;
line-height: 1;
transition: color .3s, border-color .3s, background-color .3s;
}
.btn-2.primary-700-bg {
background-color: #0fb9b6;
border-style: none;
transition: background-color .3s;
}
.btn-2.primary-700-bg:hover {
background-color: #196d80;
}
.div-block-685 {
font-size: 14px;
display: flex;
}
.collection-item-24 {
padding-bottom: 4px;
}
.body-6 {
font-size: 16px;
font-weight: 400;
line-height: 1.6;
}
.body-6.bold {
font-weight: 500;
}
.body-6.bold.neutral-800._1-height {
line-height: 1.2;
}
.submenu-container-new-2 {
background-color: #f9fafd;
border-radius: 16px;
max-width: 1080px;
margin-top: 8px;
overflow: hidden;
}
.neutral-801 {
color: #9ba6b7;
}
.latest-blog-wrapper-2 {
background-color: #f1f4fa;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
margin: 8px -24px -24px;
padding: 16px 24px 24px;
}
.link-block-27 {
margin-top: 0;
margin-bottom: 0;
}
.div-block-686 {
margin-top: 0;
margin-bottom: 0;
padding-bottom: 8px;
}
.text-block-97 {
color: #242c34;
font-size: 14px;
font-weight: 500;
}
.link-block-28 {
color: #444f56;
margin-top: 0;
margin-bottom: 0;
font-weight: 400;
}
.body-7 {
font-size: 16px;
font-weight: 400;
line-height: 1.6;
}
.body-7.bold {
font-weight: 500;
}
.body-7.bold.neutral-700.height-1 {
flex: 0 auto;
line-height: 1;
}
.btn-3 {
color: #fff;
text-align: left;
cursor: pointer;
border-radius: 8px;
padding: 12px 16px;
font-size: 15px;
font-weight: 500;
line-height: 1;
transition: color .3s, border-color .3s, background-color .3s;
}
.btn-3.primary-700-bg {
background-color: #0fb9b6;
border-style: none;
transition: background-color .3s;
}
.btn-3.primary-700-bg:hover {
background-color: #196d80;
}
.btn-3.primary-700-bg.vs3 {
margin-top: 10px;
}
.btn-3.primary-700-bg.success-lp {
margin-top: 40px;
}
.btn-3.primary-700-bg.gridxdays {
margin-top: 0;
}
.btn-3.primary-700-bg.gridxdays.v2 {
font-size: 18px;
}
.btn-3.primary-700-bg.gridxdays.section-1 {
background-color: var(--turqouis);
margin-top: 0;
font-size: 18px;
}
.btn-3.primary-700-bg.gridxdays.section-1:hover {
background-color: #196d80;
}
.btn-3.primary-700-bg.gridxdays.sign-up {
padding-left: 60px;
padding-right: 60px;
font-size: 18px;
}
.btn-3.primary-700-bg.gridxdays.heading {
padding: 20px;
font-size: 28px;
}
.btn-3.primary-700-bg.xenon-flex {
font-size: 15px;
}
.btn-3.primary-700-bg.xenon-flex.xenon {
margin-right: 11px;
}
.btn-3.primary-700-bg.xenon-flex.right {
margin-left: 11px;
}
.btn-3.primary-700-bg.new {
margin-top: 5px;
margin-bottom: 13px;
}
.btn-3.primary-700-bg.newsletter {
margin-top: 11px;
}
.btn-3.primary-700-bg.products {
margin-top: -185px;
margin-bottom: 145px;
}
.btn-3.primary-700-bg.gridbox-section {
margin-top: -218px;
margin-bottom: 180px;
padding-left: 25px;
padding-right: 25px;
}
.btn-3.primary-700-bg.hems-modules.blue {
background-color: var(--secondary-500);
}
.btn-3.primary-700-bg.hems-modules.blue:hover {
background-color: var(--secondary-700);
}
.btn-3.primary-700-bg.api-prodcuts {
margin-top: -25px;
}
.btn-3.primary-700-bg.robust {
margin-top: 45px;
}
.btn-3.primary-700-bg.xenon {
margin-top: 0;
margin-bottom: 0;
}
.btn-3.primary-700-bg.installers, .btn-3.primary-700-bg.e-mob-modules.right {
margin-left: 11px;
}
.btn-3.primary-700-bg.form {
text-align: center;
width: 100px;
margin-top: 294px;
margin-bottom: 0;
margin-left: 0;
font-size: 16px;
}
.btn-3.primary-700-bg.form.left {
margin-left: 11px;
}
.btn-3.primary-700-bg.submit-form {
margin-top: 5px;
}
.btn-3.primary-700-bg.installer-id {
margin-top: 22px;
}
.btn-3.primary-700-bg.smarter-e {
background-color: var(--warning-700);
color: var(--neutral-900);
font-size: 18px;
}
.btn-3.primary-700-bg.smarter-e:hover {
background-color: var(--warning-500);
}
.btn-3.primary-700-bg.navbar-2025 {
background-color: var(--yellow);
color: var(--neutral-900);
}
.btn-3.primary-700-bg.navbar-2025:hover {
opacity: .8;
}
.btn-3.primary-700-bg.heatpump-event {
margin-top: 11px;
}
.btn-3.primary-700-bg.knowledge {
text-align: center;
margin-left: 50px;
margin-right: 50px;
}
.div-block-687 {
font-size: 14px;
display: flex;
}
.collection-item-25 {
padding-bottom: 4px;
}
.body-8 {
font-size: 16px;
font-weight: 400;
line-height: 1.6;
}
.body-8.bold {
font-weight: 500;
}
.body-8.bold.neutral-800._1-height {
line-height: 1.2;
}
.neutral-802 {
color: #9ba6b7;
}
.latest-blog-wrapper-3 {
background-color: #f1f4fa;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
margin: 8px -24px -24px;
padding: 16px 24px 24px;
}
.link-block-29 {
margin-top: 0;
margin-bottom: 0;
}
.div-block-688 {
margin-top: 0;
margin-bottom: 0;
padding-bottom: 8px;
}
.text-block-98 {
color: #242c34;
font-size: 14px;
font-weight: 500;
}
.link-block-30 {
color: #444f56;
margin-top: 0;
margin-bottom: 0;
font-weight: 400;
}
.body-9 {
font-size: 16px;
font-weight: 400;
line-height: 1.6;
}
.body-9.bold {
font-weight: 500;
}
.body-9.bold.neutral-700.height-1 {
flex: 0 auto;
line-height: 1;
}
.div-block-689 {
font-size: 14px;
display: flex;
}
.collection-item-26 {
padding-bottom: 4px;
}
.body-10 {
font-size: 16px;
font-weight: 400;
line-height: 1.6;
}
.body-10.bold {
font-weight: 500;
}
.body-10.bold.neutral-800._1-height {
line-height: 1.2;
}
.neutral-803 {
color: #9ba6b7;
}
.div-block-690 {
margin-top: 0;
margin-bottom: 0;
padding-bottom: 8px;
}
.text-block-99 {
color: #242c34;
font-size: 14px;
font-weight: 500;
}
.link-block-31 {
color: #444f56;
margin-top: 0;
margin-bottom: 0;
font-weight: 400;
}
.body-11 {
font-size: 16px;
font-weight: 400;
line-height: 1.6;
}
.body-11.bold {
font-weight: 500;
}
.body-11.bold.neutral-700.height-1 {
flex: 0 auto;
line-height: 1;
}
.div-block-691 {
font-size: 14px;
display: flex;
}
.collection-item-27 {
padding-bottom: 4px;
}
.body-12 {
font-size: 16px;
font-weight: 400;
line-height: 1.6;
}
.body-12.bold {
font-weight: 500;
}
.body-12.bold.neutral-800._1-height {
line-height: 1.2;
}
.neutral-804 {
color: #9ba6b7;
}
.div-block-692 {
margin-top: 0;
margin-bottom: 0;
padding-bottom: 8px;
}
.text-block-100 {
color: #242c34;
font-size: 14px;
font-weight: 500;
}
.link-block-32 {
color: #444f56;
margin-top: 0;
margin-bottom: 0;
font-weight: 400;
}
.body-13 {
font-size: 16px;
font-weight: 400;
line-height: 1.6;
}
.body-13.bold {
font-weight: 500;
}
.body-13.bold.neutral-800._1-height {
line-height: 1.2;
}
.link-block-33 {
color: #444f56;
margin-top: 0;
margin-bottom: 0;
font-weight: 400;
}
.div-block-693 {
font-size: 14px;
display: flex;
}
.text-block-101 {
padding-left: 2px;
}
.navbar-no-shadow {
z-index: 500;
background-color: var(--neutral-50);
height: 80px;
position: fixed;
inset: 0% 0% auto;
}
.navbar-no-shadow-container {
z-index: 5;
background-color: #0000;
width: 100%;
max-width: 1140px;
margin-left: auto;
margin-right: auto;
padding: 0 20px;
}
.container-regular {
width: 100%;
max-width: 1260px;
min-height: 30px;
margin-left: auto;
margin-right: auto;
}
.navbar-wrapper {
justify-content: space-between;
align-items: center;
display: flex;
}
.nav-menu {
justify-content: space-between;
align-items: center;
margin-bottom: 0;
padding-bottom: 0;
padding-left: 0;
display: flex;
}
.nav-link-3 {
color: #1a1b1f;
letter-spacing: .25px;
margin-left: 5px;
margin-right: 5px;
padding: 5px 10px;
font-size: 14px;
line-height: 20px;
text-decoration: none;
}
.nav-link-3:hover {
color: #1a1b1fbf;
}
.nav-link-3:focus-visible, .nav-link-3[data-wf-focus-visible] {
outline-offset: 0px;
color: #0050bd;
border-radius: 4px;
outline: 2px solid #0050bd;
}
.nav-dropdown {
margin-left: 5px;
margin-right: 5px;
}
.nav-dropdown-toggle {
letter-spacing: .25px;
padding: 5px 30px 5px 10px;
font-size: 14px;
line-height: 20px;
}
.nav-dropdown-toggle:hover {
color: #1a1b1fbf;
}
.nav-dropdown-toggle:focus-visible, .nav-dropdown-toggle[data-wf-focus-visible] {
outline-offset: 0px;
color: #0050bd;
border-radius: 5px;
outline: 2px solid #0050bd;
}
.nav-dropdown-icon {
margin-right: 10px;
}
.nav-dropdown-list {
background-color: #fff;
border-radius: 12px;
}
.nav-dropdown-list.w--open {
padding-top: 10px;
padding-bottom: 10px;
}
.nav-dropdown-list.shadow-three.mobile-shadow-hide {
left: 5px;
}
.nav-dropdown-list.shadow-three.mobile-shadow-hide.w--open {
flex-direction: row;
justify-content: center;
align-items: stretch;
width: 100vw;
margin-top: 15px;
margin-left: auto;
margin-right: auto;
display: flex;
}
.nav-dropdown-link {
padding-top: 5px;
padding-bottom: 5px;
font-size: 14px;
}
.nav-dropdown-link:focus-visible, .nav-dropdown-link[data-wf-focus-visible] {
outline-offset: 0px;
color: #0050bd;
border-radius: 5px;
outline: 2px solid #0050bd;
}
.nav-button-wrapper {
margin-left: 120px;
}
.nav-button-wrapper.space {
margin-left: 55px;
}
.button-primary-2 {
color: #fff;
letter-spacing: 2px;
text-transform: uppercase;
background-color: #1a1b1f;
padding: 12px 25px;
font-size: 12px;
line-height: 20px;
transition: all .2s;
}
.button-primary-2:hover {
color: #fff;
background-color: #32343a;
}
.button-primary-2:active {
background-color: #43464d;
}
.navbar-logo-left-container {
z-index: 5;
background-color: #0000;
width: 1030px;
max-width: 100%;
margin-left: auto;
margin-right: auto;
padding: 15px 20px;
}
.navbar-logo-left-container.shadow-three {
width: 100%;
max-width: 1140px;
margin-bottom: 0;
padding-top: 20px;
padding-bottom: 20px;
}
.container-50 {
width: 100%;
max-width: 940px;
margin-left: auto;
margin-right: auto;
}
.nav-menu-two {
justify-content: space-between;
align-items: center;
margin-bottom: 0;
display: flex;
}
.nav-divider {
background-color: #e4ebf3;
width: 1px;
height: 22px;
margin-left: 15px;
margin-right: 15px;
}
.nav-link-accent {
color: #1a1b1f;
letter-spacing: .25px;
margin-left: 5px;
margin-right: 20px;
padding: 5px 10px;
font-size: 14px;
font-weight: 700;
line-height: 20px;
text-decoration: none;
}
.nav-link-accent:hover {
color: #1a1b1fbf;
}
.navbar-button {
color: var(--neutral-700);
font-size: 16px;
font-weight: 500;
transition: opacity .1s;
}
.navbar-button:hover {
color: var(--neutral-500);
}
.div-block-695 {
align-items: center;
min-width: 335px;
margin-bottom: -25px;
padding-left: 15px;
padding-right: 15px;
display: flex;
}
.div-block-696 {
flex-direction: column;
align-items: flex-start;
display: flex;
}
.link-20 {
padding-left: 20px;
padding-right: 20px;
}
.div-block-697 {
padding-left: 0;
padding-right: 0;
}
.text-block-102 {
color: var(--neutral-800);
}
.text-block-103 {
color: var(--neutral-500);
font-size: 14px;
font-weight: 400;
}
.div-block-699 {
display: flex;
}
.div-block-700 {
width: 50px;
padding: 30px 40px;
}
.navbar-no-shadow-container-2 {
z-index: 5;
background-color: #0000;
width: 100%;
max-width: 1140px;
margin-left: auto;
margin-right: auto;
padding: 20px;
}
.container-regular-2 {
width: 100%;
max-width: 1260px;
min-height: 30px;
margin-left: auto;
margin-right: auto;
}
.navbar-wrapper-2 {
justify-content: space-between;
align-items: center;
display: flex;
}
.nav-menu-5 {
justify-content: space-between;
align-items: center;
margin-bottom: 0;
padding-bottom: 0;
padding-left: 0;
display: flex;
}
.nav-link-4 {
color: #1a1b1f;
letter-spacing: .25px;
margin-left: 5px;
margin-right: 5px;
padding: 5px 10px;
font-size: 14px;
line-height: 20px;
text-decoration: none;
}
.nav-link-4:hover {
color: #1a1b1fbf;
}
.nav-link-4:focus-visible, .nav-link-4[data-wf-focus-visible] {
outline-offset: 0px;
color: #0050bd;
border-radius: 4px;
outline: 2px solid #0050bd;
}
.nav-dropdown-2 {
margin-left: 5px;
margin-right: 5px;
}
.nav-dropdown-toggle-2 {
letter-spacing: .25px;
padding: 5px 30px 5px 10px;
font-size: 14px;
line-height: 20px;
}
.nav-dropdown-toggle-2:hover {
color: #1a1b1fbf;
}
.nav-dropdown-toggle-2:focus-visible, .nav-dropdown-toggle-2[data-wf-focus-visible] {
outline-offset: 0px;
color: #0050bd;
border-radius: 5px;
outline: 2px solid #0050bd;
}
.nav-dropdown-icon-2 {
margin-right: 10px;
display: none;
}
.nav-dropdown-list-2 {
background-color: #fff;
border-radius: 12px;
}
.nav-dropdown-list-2.w--open {
padding-top: 10px;
padding-bottom: 10px;
}
.nav-dropdown-list-2.shadow-three.mobile-shadow-hide.w--open {
margin-top: 0;
padding-left: 15px;
padding-right: 15px;
box-shadow: 8px 5px 10px -5px #0003;
}
.nav-dropdown-list-2.shadow-three.mobile-shadow-hide.left.w--open {
margin-top: 0;
left: -430px;
}
.nav-dropdown-list-2.shadow-three.mobile-shadow-hide.left.company-dropdown.w--open {
left: auto;
}
.nav-dropdown-link-2 {
padding-top: 5px;
padding-bottom: 5px;
font-size: 14px;
}
.nav-dropdown-link-2:focus-visible, .nav-dropdown-link-2[data-wf-focus-visible] {
outline-offset: 0px;
color: #0050bd;
border-radius: 5px;
outline: 2px solid #0050bd;
}
.nav-button-wrapper-2 {
margin-left: 120px;
}
.button-primary-3 {
color: #fff;
letter-spacing: 2px;
text-transform: uppercase;
background-color: #1a1b1f;
padding: 12px 25px;
font-size: 12px;
line-height: 20px;
transition: all .2s;
}
.button-primary-3:hover {
color: #fff;
background-color: #32343a;
}
.button-primary-3:active {
background-color: #43464d;
}
.div-block-701 {
align-items: center;
width: 335px;
display: flex;
}
.link-block-36 {
grid-column-gap: 10px;
grid-row-gap: 10px;
align-items: center;
width: 320px;
display: flex;
}
.link-block-36:hover {
background-color: var(--neutral-50);
}
.link-block-36.background-color {
background-color: var(--off-white);
}
.text-block-104 {
color: var(--neutral-800);
transition: opacity .1s;
}
.text-block-105 {
color: var(--neutral-500);
width: 270px;
font-size: 14px;
font-weight: 400;
}
.grid-company {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.text-block-106 {
color: var(--neutral-500);
margin-top: 10px;
font-size: 14px;
font-weight: 500;
}
.grid-modules {
grid-column-gap: 25px;
grid-row-gap: 25px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
}
.company-content-wrapper {
width: 220px;
}
.company-content-wrapper.v2 {
width: 335px;
}
.company-content-wrapper.v3 {
width: 325px;
}
.heading-53 {
flex-flow: column;
align-items: center;
padding-top: 145px;
padding-bottom: 145px;
display: flex;
}
.text-block-107 {
color: var(--neutral-800);
font-weight: 500;
}
.collection-item-company {
color: var(--neutral-500);
font-size: 14px;
font-weight: 400;
transition: color .2s;
}
.collection-item-company:hover {
color: var(--neutral-600);
}
.div-block-704 {
margin-top: 5px;
}
.div-block-704.v2 {
width: 315px;
}
.div-block-705 {
margin-top: 0;
}
.link-block-37 {
margin-top: 5px;
margin-bottom: 5px;
}
.text-block-108 {
margin-left: 2px;
font-weight: 700;
}
.heading-54 {
font-size: 48px;
}
.heading-55 {
font-size: 22px;
transition: opacity .2s;
}
.heading-55:hover {
color: var(--neutral-500);
}
.collection-list-29 {
grid-column-gap: 15px;
grid-row-gap: 15px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: row;
display: grid;
}
.image-166 {
margin-top: 20px;
margin-bottom: 45px;
padding-left: 15px;
padding-right: 15px;
}
.text-block-109 {
color: var(--neutral-600);
margin-bottom: 15px;
font-weight: 300;
}
.collection-item-28 {
background-color: var(--off-white);
border-radius: 8px;
margin-bottom: 0;
padding: 10px 15px;
}
.link-block-38 {
margin-top: 0;
margin-bottom: 30px;
}
.wg-button-2 {
color: #000;
letter-spacing: .1em;
background-color: #4049ff1a;
border-radius: 17px;
flex-direction: column;
justify-content: center;
align-items: center;
min-width: 100px;
height: 34px;
padding-left: 15px;
padding-right: 15px;
text-decoration: none;
transition: box-shadow .1s, background-color .1s, color .1s;
display: flex;
position: relative;
overflow: hidden;
}
.wg-button-2:hover {
color: #fff;
background-color: #ff6640;
box-shadow: 0 5px 13px -4px #801a0052;
}
.wg-selector-text-wrapper {
align-items: center;
width: 100%;
display: flex;
}
.wg-dd-1-list {
background-color: #fff;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
overflow: hidden;
box-shadow: 0 -13px 50px 3px #11179c12;
}
.wg-dd-1-togle {
z-index: 1;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
flex-direction: column;
width: 100%;
padding: 10px 15px;
}
.wg-dd-1-togle:hover {
color: #fff;
background-color: #4049ff;
}
.wg-dropdown-1 {
text-transform: uppercase;
flex-direction: column;
align-items: stretch;
width: auto;
font-weight: 700;
}
.wg-dropdown-1-link {
color: #000;
background-color: #fff;
padding: 10px 15px;
text-decoration: none;
transition: background-color .1s;
}
.wg-dropdown-1-link:hover {
color: #fff;
background-color: #4049ff;
}
.trusted-by {
text-align: center;
margin-bottom: -85px;
font-weight: 400;
}
.footer-link-image.w--current {
margin-top: 5px;
}
.section-72 {
background-image: url("https://cdn.prod.website-files.com/65b3e159d25a6097b6ca5812/65eecd63f58c3f431ac23d71_Marketing%20Workshop%202024.jpg");
background-position: 50% 72%;
background-size: 119%;
height: 531px;
}
.container-51 {
padding-top: 100px;
padding-bottom: 0;
}
.section-73 {
background-image: radial-gradient(circle farthest-corner at 100% 100%, var(--turqouis) 6%, var(--secondary-500) 65%, var(--secondary-700) 95%);
height: auto;
margin-top: 80px;
}
.heading-56 {
color: var(--light-grey-2);
text-align: center;
flex-flow: column;
align-items: center;
font-size: 42px;
display: flex;
}
.text-block-110 {
color: var(--light-grey-2);
text-align: center;
padding-top: 25px;
padding-bottom: 25px;
}
.container-52 {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: row;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
place-items: flex-start stretch;
display: flex;
}
.text-block-111 {
color: var(--secondary-500);
padding-bottom: 10px;
font-weight: 700;
}
.heading-57, .text-block-112 {
padding-bottom: 15px;
}
.text-block-113 {
color: var(--primary-700);
text-decoration: underline;
}
.section-74 {
padding-top: 105px;
padding-bottom: 105px;
}
.text-block-114 {
color: var(--secondary-500);
padding-bottom: 10px;
font-weight: 700;
}
.div-block-707 {
padding-left: 60px;
}
.field-label-13, .field-label-14, .field-label-15 {
color: var(--neutral-600);
}
.heading-58, .text-block-115 {
padding-bottom: 15px;
}
.form-block-8 {
flex-flow: row;
justify-content: space-between;
align-items: center;
}
.div-block-708 {
display: flex;
}
.form-field-sales-event {
background-color: var(--neutral-600);
border-radius: 5px;
margin-bottom: 0;
}
.form-field-sales-event.backg-field {
background-color: var(--neutral-600);
border-radius: 5px;
}
.text-field-12 {
margin-bottom: 0;
}
.div-block-709 {
width: 369px;
padding-top: 15px;
padding-bottom: 16px;
}
.div-block-710 {
padding-right: 15px;
}
.section-75 {
padding-top: 55px;
padding-bottom: 105px;
}
.div-block-712 {
flex-flow: column;
align-items: center;
display: flex;
}
.link-21 {
text-decoration: underline;
}
.grid-4 {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.grid-5 {
grid-template-rows: auto;
}
.text-block-116 {
color: var(--secondary-500);
padding-bottom: 10px;
font-weight: 700;
}
.div-block-714 {
background-color: var(--off-white);
border-radius: 12px;
box-shadow: 8px 5px 10px -5px #0003;
}
.section-76 {
background-color: var(--neutral-100);
padding-top: 105px;
padding-bottom: 105px;
}
.div-block-715 {
background-color: var(--off-white);
border-radius: 12px;
box-shadow: 8px 5px 10px -5px #0003;
}
.div-block-716 {
padding: 35px;
}
.div-block-717 {
background-color: var(--off-white);
border-radius: 12px;
padding: 35px;
}
.heading-59 {
padding-bottom: 25px;
}
.text-block-117 {
padding-bottom: 15px;
}
.link-22 {
text-decoration: underline;
}
.heading-60 {
color: var(--turqouis);
padding-bottom: 10px;
}
.text-block-118 {
color: var(--neutral-800);
padding-bottom: 15px;
font-weight: 700;
}
.grid-6 {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.grid-7 {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
justify-items: center;
}
.div-block-718 {
grid-column-gap: 10px;
grid-row-gap: 10px;
padding-bottom: 15px;
display: flex;
}
.text-block-119, .text-block-120, .text-block-121, .text-block-122 {
color: var(--neutral-800);
font-weight: 700;
}
.text-field-radius {
border-radius: 5px;
}
.text-field-font {
color: var(--neutral-600);
font-weight: 400;
}
.div-block-719 {
margin-top: 15px;
}
.success-message-4 {
background-color: var(--primary-50);
border-radius: 5px;
}
.error-message-2 {
background-color: var(--error-50);
border-radius: 5px;
}
.text-block-123 {
color: var(--neutral-800);
}
.div-block-720 {
width: 371px;
}
.html-embed-27 {
width: 375px;
}
.heading-61 {
margin-bottom: 20px;
}
.section-77 {
margin-top: 80px;
padding-top: 85px;
padding-bottom: 85px;
}
.grid-8 {
grid-template-rows: auto;
}
.heading-62 {
text-align: center;
flex-flow: row;
justify-content: center;
align-items: stretch;
display: flex;
}
.text-block-124 {
text-align: center;
margin-top: 25px;
}
.div-block-721 {
grid-column-gap: 11px;
grid-row-gap: 11px;
flex-flow: row;
justify-content: center;
display: flex;
}
.button-8 {
border: 1px solid var(--neutral-600);
color: var(--neutral-700);
background-color: #fff;
border-radius: 8px;
}
.quick-stack {
background-image: url("https://cdn.prod.website-files.com/65b3e159d25a6097b6ca5812/65f428f8a23f29fbcc1320da_Waves-wallpaper-Arthur1992aS-iDownloadBlog-V6.jpg");
background-position: 50%;
background-size: auto;
border-radius: 188px;
}
.image-168, .image-169, .image-170 {
border: 1px solid var(--light-grey);
}
.section-78 {
padding-top: 0;
padding-bottom: 85px;
}
.date-wrapper {
flex-flow: column;
margin-bottom: 5px;
}
.published-updated {
grid-column-gap: 5px;
grid-row-gap: 5px;
color: var(--secondary-500);
text-align: center;
text-transform: uppercase;
justify-content: center;
font-size: 12px;
font-weight: 700;
display: flex;
}
.discovery-call-container {
max-width: 985px;
}
.container-54 {
padding: 195px 45px 135px;
}
.heading-63 {
text-align: center;
flex-flow: column;
justify-content: center;
align-items: center;
font-size: 50px;
display: flex;
}
.section-80 {
background-image: linear-gradient(180deg, var(--neutral-200), var(--shade-0) 41%, var(--shade-0) 62%, var(--neutral-200));
}
.text-block-125 {
text-align: center;
margin-top: 25px;
}
.form-block-9 {
flex-flow: row;
}
.form-block-10 {
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
}
.form-block-11 {
flex-flow: row;
display: flex;
}
.form-13 {
grid-column-gap: 5px;
grid-row-gap: 5px;
justify-content: center;
display: flex;
}
.text-field-13 {
border-radius: 5px;
margin-bottom: 0;
}
.div-block-722, .div-block-723 {
flex-flow: column;
justify-content: center;
display: flex;
}
.form-block-12 {
margin-top: 25px;
}
.container-55 {
flex-flow: column;
align-items: center;
margin-top: -85px;
display: flex;
}
.div-block-724 {
flex-flow: column;
align-items: center;
margin-top: 85px;
display: flex;
}
.grid-9 {
grid-column-gap: 76px;
grid-template-rows: auto;
}
.text-block-126 {
color: var(--secondary-700);
text-transform: uppercase;
margin-bottom: 10px;
font-size: 12px;
font-weight: 700;
}
.heading-64 {
color: var(--neutral-700);
font-size: 40px;
}
.container-56 {
padding: 145px 40px 65px;
}
.paragraph {
margin-top: 15px;
}
.div-block-725 {
text-align: left;
}
.image-171 {
border-radius: 5px;
}
.div-block-726, .div-block-727 {
flex-flow: column;
justify-content: center;
display: flex;
}
.success-message-5 {
background-color: var(--primary-100);
border-radius: 5px;
}
.text-block-127 {
color: var(--neutral-800);
}
.error-message-3 {
border-radius: 5px;
}
.text-block-128 {
color: var(--neutral-800);
text-align: center;
}
.success-message-6 {
background-color: var(--primary-100);
border-radius: 5px;
}
.text-block-129 {
color: var(--neutral-800);
}
.text-block-130 {
color: var(--neutral-800);
text-align: center;
}
.error-message-4 {
border-radius: 5px;
}
.heading-65 {
flex-flow: column;
align-items: center;
font-size: 50px;
}
.container-57 {
flex-flow: column;
align-items: center;
padding-top: 140px;
padding-bottom: 140px;
display: flex;
}
.text-block-131 {
text-align: center;
width: 475px;
margin-top: 15px;
}
.html-embed-28 {
margin-top: 35px;
}
.div-block-728 {
flex-flow: column;
align-items: center;
padding-left: 40px;
display: flex;
}
.banner-wrapper {
text-align: center;
margin-top: 80px;
padding: 0;
overflow: hidden;
}
.banner {
background-color: var(--dark-blue);
}
.banner.v2 {
margin-top: 85px;
}
.text-wrapper {
flex-flow: row;
justify-content: center;
align-items: center;
max-width: 980px;
margin-left: auto;
margin-right: auto;
display: flex;
}
.link-23 {
margin-left: 3px;
}
.link-23:hover {
color: var(--primary-500);
}
.paragraph-2 {
color: var(--neutral-50);
}
.text-block-132 {
color: var(--neutral-500);
font-size: 14px;
font-weight: 400;
}
.text-block-133 {
text-transform: uppercase;
padding-top: 5px;
padding-bottom: 5px;
}
.text-block-133:hover {
color: var(--primary-900);
}
.heading-66 {
width: 515px;
}
.link-24 {
margin-top: 20px;
margin-bottom: 0;
}
.div-block-730 {
flex-flow: column;
justify-content: flex-start;
align-items: center;
display: flex;
}
.paragraph-3 {
text-align: center;
width: 550px;
margin-top: 15px;
margin-bottom: 25px;
}
.text-block-134 {
color: var(--secondary-500);
text-transform: uppercase;
margin-bottom: 15px;
font-weight: 700;
}
.grid-10 {
grid-template-rows: auto;
}
.background-color {
background-color: var(--neutral-300);
border-radius: 5px;
}
.div-block-731 {
margin-bottom: 55px;
padding: 25px;
}
.div-block-732 {
padding: 35px 25px 25px;
}
.paragraph-4, .paragraph-5 {
margin-top: 10px;
}
.grid-11 {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.div-block-733 {
border: 1px solid var(--neutral-500);
border-radius: 5px;
}
.div-block-734 {
flex-flow: column;
justify-content: center;
align-items: center;
padding: 15px;
display: flex;
}
.div-block-735 {
margin-top: 15px;
}
.text-block-135 {
text-align: center;
font-size: 14px;
}
.headings-wrapper {
flex-flow: column;
justify-content: flex-start;
align-items: center;
display: flex;
}
.text-block-136 {
color: var(--secondary-500);
text-transform: uppercase;
margin-bottom: 10px;
font-size: 15px;
font-weight: 700;
}
.heading-67 {
font-size: 46px;
}
.paragraph-6 {
margin-top: 10px;
}
.grid-12 {
grid-template-rows: auto;
margin-top: 45px;
margin-bottom: 90px;
}
.content-wrapper-background {
background-color: var(--neutral-200);
border-radius: 16px;
}
.button-9 {
flex-flow: row;
justify-content: flex-start;
align-items: center;
display: flex;
}
.div-block-736 {
flex-flow: row;
justify-content: flex-end;
padding-right: 25px;
display: flex;
}
.paragraph-7 {
color: var(--neutral-700);
min-height: 175px;
margin-bottom: 15px;
padding-left: 25px;
padding-right: 25px;
font-size: 14px;
font-weight: 500;
}
.image-172 {
margin-top: 25px;
margin-bottom: 25px;
padding-left: 0;
padding-right: 25px;
}
.button-10 {
background-color: var(--neutral-800);
border-radius: 8px;
}
.video-wrapper {
border-radius: 8px;
flex-flow: column;
align-items: center;
margin-top: 35px;
padding-left: 45px;
padding-right: 45px;
display: flex;
}
.heading-68 {
min-height: 50px;
margin-bottom: 15px;
padding-left: 25px;
font-size: 16px;
line-height: 140%;
}
.heading-69 {
color: var(--neutral-50);
font-size: 42px;
line-height: 1.1;
}
.section-text {
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
width: 685px;
padding: 35px;
display: flex;
}
.section-image {
align-self: center;
margin-left: auto;
margin-right: auto;
}
.section-content {
background-color: var(--neutral-800);
border-radius: 8px;
padding: 15px;
display: flex;
}
.btn3.primary-700-bg.v4 {
border-radius: 8px;
}
.container-58 {
max-width: 1080px;
}
.section-81 {
background-color: var(--off-white);
}
.table-of-content {
margin-top: 55px;
}
.grid-13 {
grid-template-rows: auto auto auto auto auto auto auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.content-wrapper-left {
background-color: var(--white);
color: var(--neutral-800);
border-radius: 5px;
flex-flow: column;
justify-content: center;
align-items: center;
min-height: 75px;
display: flex;
}
.content-wrapper-top {
background-color: var(--primary-700);
border-radius: 6px;
flex-flow: column;
justify-content: center;
align-items: center;
min-height: 75px;
display: flex;
}
.content-text {
color: var(--white);
text-align: center;
flex-flow: column;
justify-content: flex-start;
font-size: 14px;
}
.content-wrapper-top-left {
background-color: var(--primary-500);
border-radius: 5px;
flex-flow: column;
justify-content: center;
align-items: center;
min-height: 75px;
display: flex;
}
.content-text-left {
text-align: center;
font-size: 14px;
}
.content-wrapper-middle {
padding: 15px;
}
.grid-14 {
grid-template-rows: auto;
padding: 35px;
}
.heading-70 {
color: var(--neutral-700);
font-size: 48px;
}
.paragraph-8 {
margin-top: 15px;
margin-bottom: 15px;
}
.text-block-138 {
color: var(--neutral-50);
text-align: center;
flex-flow: column;
width: 451px;
}
.heading-71 {
color: var(--neutral-50);
font-size: 48px;
}
.image-173 {
vertical-align: top;
margin: 0 5px;
}
.div-block-737 {
justify-content: center;
padding: 70px 45px 15px;
display: flex;
}
.div-block-738 {
flex-flow: row;
justify-content: center;
display: flex;
}
.div-block-739 {
justify-content: center;
margin-top: 25px;
display: flex;
}
.container-59 {
max-width: 1070px;
padding-top: 42px;
padding-bottom: 126px;
}
.grid-15 {
grid-column-gap: 0px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
}
.container-60 {
max-width: 1168px;
padding-left: 20px;
}
.section-82 {
background-color: var(--dark-blue);
padding-top: 128px;
padding-bottom: 128px;
display: none;
}
.section-82.old {
display: none;
}
.grid-16 {
grid-column-gap: 24px;
grid-template-rows: auto;
}
.grid-17 {
grid-template-rows: auto;
}
.text-block-139 {
color: var(--secondary-500);
margin-bottom: 24px;
font-size: 15px;
font-weight: 700;
}
.heading-72 {
color: var(--neutral-50);
font-size: 48px;
font-weight: 700;
line-height: 1;
}
.paragraph-9 {
color: var(--neutral-200);
margin-top: 24px;
}
.heading-73 {
color: var(--neutral-50);
margin-bottom: 12px;
}
.paragraph-10 {
color: var(--neutral-200);
}
.link-25 {
padding-left: 16px;
}
.div-block-740 {
margin-top: 24px;
}
.container-61 {
max-width: 1168px;
}
.section-83 {
background-image: linear-gradient(141deg, #2400a74d 55%, #fff);
}
.div-block-741 {
padding-top: 85px;
padding-bottom: 128px;
}
.grid-18 {
grid-template-rows: auto;
}
.collection-item-29 {
background-color: var(--shade-0);
border-radius: 16px;
margin-top: 45px;
padding: 32px;
}
.text-block-140 {
color: var(--secondary-500);
margin-top: 24px;
margin-bottom: 24px;
font-size: 15px;
font-weight: 700;
}
.paragraph-11, .button-11 {
margin-top: 24px;
}
.heading-74 {
font-size: 28px;
line-height: 1;
}
.div-block-742 {
padding-top: 24px;
padding-bottom: 24px;
}
.div-block-743 {
background-color: var(--shade-0);
border-radius: 16px;
padding-top: 32px;
padding-bottom: 32px;
box-shadow: 7px 7px 20px #0003;
}
.div-block-743.v2, .div-block-743.v3 {
margin-top: 75px;
}
.image-174 {
vertical-align: baseline;
max-width: 55%;
margin-left: 100px;
margin-right: 100px;
}
.div-block-744 {
background-color: var(--secondary-50);
border-radius: 16px;
justify-content: center;
width: 265px;
display: flex;
}
.div-block-745 {
display: flex;
}
.text-block-141, .heading-75, .text-block-142 {
margin-bottom: 12px;
}
.div-block-747 {
min-width: 650px;
padding-left: 10px;
padding-right: 10px;
}
.image-175 {
padding-left: 5px;
padding-right: 5px;
}
.link-block-39 {
margin-top: 0;
margin-bottom: 0;
margin-left: 15px;
}
.link-block-39.v2 {
align-items: center;
margin-left: 0;
display: flex;
}
.section-84 {
padding-top: 128px;
padding-bottom: 128px;
}
.container-62 {
max-width: 1168px;
padding-left: 25px;
padding-right: 25px;
}
.div-block-748 {
padding-left: 16px;
padding-right: 16px;
}
.link-26 {
margin-left: 14px;
}
.text-block-143 {
color: var(--secondary-700);
text-transform: uppercase;
font-size: 12px;
font-weight: 700;
}
.heading-76 {
font-size: 58px;
}
.paragraph-12 {
margin-top: 15px;
margin-bottom: 15px;
}
.grid-19 {
grid-template-rows: auto;
}
.grid-20 {
grid-column-gap: 25px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
padding-left: 16px;
padding-right: 16px;
}
.grid-20.ready-for-gridx-logos {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
padding-top: 15px;
}
.text-block-144 {
color: var(--neutral-800);
font-size: 18px;
font-weight: 700;
}
.text-block-145 {
font-size: 16px;
font-weight: 400;
}
.div-block-750 {
max-width: 215px;
margin-top: 41px;
margin-bottom: 15px;
}
.div-block-750.v2 {
margin-top: 25px;
}
.div-block-751 {
margin-bottom: 15px;
}
.div-block-751.v2 {
margin-bottom: 0;
}
.container-63 {
max-width: 1168px;
}
.div-block-752 {
padding-left: 8px;
padding-right: 8px;
}
.ready-for-grdix-logos {
padding-top: 128px;
padding-bottom: 128px;
display: block;
}
.ready-for-grdix-logos.logos {
display: block;
}
.text-block-146 {
color: var(--secondary-700);
text-transform: uppercase;
margin-bottom: 15px;
font-size: 12px;
font-weight: 700;
}
.heading-77 {
font-size: 38px;
font-weight: 500;
}
.heading-77.v2 {
font-size: 46px;
font-weight: 700;
}
.div-block-753 {
max-width: 745px;
margin-bottom: 35px;
padding-left: 24px;
padding-right: 24px;
}
.div-block-753.v2 {
max-width: 1000px;
}
.image-177 {
border-radius: 10px;
}
.link-27 {
padding-top: 5px;
padding-bottom: 5px;
}
.grid-21 {
grid-template-rows: auto;
}
.div-block-754 {
flex-flow: row;
justify-content: center;
margin-bottom: 15px;
display: flex;
}
.div-block-755 {
justify-content: center;
margin-bottom: 10px;
display: flex;
}
.div-block-756 {
text-align: center;
justify-content: center;
display: flex;
}
.text-block-147 {
color: var(--neutral-800);
font-size: 18px;
font-weight: 700;
}
.div-block-757 {
background-color: var(--off-white);
border-radius: 50px;
padding: 45px 10px;
}
.div-block-757:hover {
background-color: var(--neutral-100);
}
.div-block-757.v2 {
min-height: 325px;
}
.div-block-758 {
max-width: 215px;
max-height: 65px;
margin-bottom: 35px;
padding: 35px 15px;
}
.div-block-759 {
background-color: var(--off-white);
border-radius: 8px;
min-height: 250px;
}
.text-block-148 {
color: var(--neutral-800);
font-size: 20px;
font-weight: 700;
}
.div-block-760 {
margin-top: 15px;
padding-left: 15px;
padding-right: 15px;
}
.div-block-761 {
padding-left: 15px;
}
.container-64 {
max-width: 1168px;
}
.section-86 {
padding-top: 128px;
padding-bottom: 128px;
}
.text-block-149 {
color: var(--grey-5);
font-weight: 300;
}
.image-178 {
-webkit-text-fill-color: inherit;
background-clip: border-box;
}
.paragraph-13, .paragraph-14 {
color: var(--neutral-600);
font-weight: 400;
}
.heading-78 {
font-size: 44px;
font-weight: 500;
}
.text-block-150 {
color: var(--neutral-800);
margin-left: -30px;
padding-left: 0;
font-size: 12px;
}
.container-65 {
max-width: 1070px;
}
.div-block-762 {
background-color: var(--shade-0);
border-radius: 16px;
margin-bottom: 56px;
padding-top: 32px;
padding-bottom: 32px;
box-shadow: 7px 7px 20px #0003;
}
.div-block-762.podcast {
margin-top: 56px;
}
.div-block-762.podcast:hover {
opacity: .8;
}
.grid-22 {
grid-column-gap: 0px;
grid-template-rows: auto;
padding-left: 5px;
padding-right: 5px;
}
.image-180 {
border-radius: 5px;
}
.div-block-763 {
justify-content: flex-start;
margin-bottom: 12px;
display: flex;
}
.text-block-151 {
padding-left: 5px;
padding-right: 5px;
}
.heading-79 {
font-size: 24px;
}
.div-block-764 {
min-width: 650px;
}
.div-block-765 {
justify-content: flex-start;
display: flex;
}
.div-block-766 {
justify-content: flex-start;
align-items: stretch;
display: flex;
}
.div-block-766.podcast {
background-color: var(--light-grey-2);
border-radius: 8px;
max-width: 378px;
max-height: 50px;
margin-top: 25px;
}
.text-block-152 {
margin-top: 12px;
padding-right: 40px;
}
.text-block-153 {
margin-top: 5px;
}
.link-block-40 {
margin-right: 25px;
}
.link-block-40.podcast {
margin-top: 5px;
margin-bottom: 5px;
}
.section-87 {
margin-top: 35px;
margin-bottom: 75px;
display: none;
}
.grid-23 {
grid-template-columns: 1fr;
}
.knowledge-term {
max-width: 335px;
min-height: 45px;
padding-left: 0;
padding-right: 0;
}
.code-embed:hover {
color: var(--turqouis);
}
.heading-80 {
margin-bottom: 35px;
font-size: 24px;
font-weight: 700;
}
.div-block-768 {
flex-flow: column;
align-items: flex-start;
display: flex;
}
.collection-list-wrapper-10 {
flex-flow: column;
justify-content: center;
align-items: center;
margin-top: 35px;
margin-bottom: 75px;
display: flex;
}
.text-block-154 {
color: var(--neutral-600);
font-weight: 400;
}
.text-block-154:hover {
color: var(--turqouis);
}
.link-block-41 {
color: var(--neutral-600);
margin-top: 0;
margin-bottom: 15px;
padding-left: 25px;
padding-right: 25px;
}
.collection-list-30 {
flex-flow: column;
align-items: center;
}
.container-66 {
max-width: 1070px;
}
.section_form {
margin-top: 75px;
margin-bottom: 75px;
}
.field-label-16 {
color: var(--black-background);
}
.field-label-17 {
color: var(--neutral-900);
}
.text-field-14, .text-field-15, .text-field-16 {
color: var(--black);
}
.section-88 {
display: none;
}
.dynamic-form {
margin-top: 90px;
margin-bottom: 90px;
}
.heading-content-wrapper {
flex-flow: column;
align-items: center;
display: flex;
}
.paragraph-15 {
text-align: center;
max-width: 585px;
}
.heading-81 {
margin-bottom: 15px;
}
.form-14, .form-block-13 {
flex-flow: column;
align-items: center;
}
.contact-information {
justify-content: center;
}
.company-information {
flex-flow: column;
align-items: center;
}
.text-field-17 {
max-width: 469px;
}
.form-15 {
min-width: 505px;
}
.form-block-14 {
flex-flow: column;
align-items: center;
margin-top: 15px;
display: flex;
}
.select-field {
background-color: var(--neutral-50);
color: var(--neutral-600);
border-radius: 5px;
}
.text-field-design {
background-color: var(--neutral-50);
color: var(--neutral-700);
border-radius: 5px;
}
.text-field-18 {
background-color: var(--neutral-50);
}
.text-field-19, .text-field-20 {
background-color: var(--neutral-50);
color: var(--neutral-700);
border-radius: 5px;
}
.multistep-form {
padding-top: 175px;
padding-bottom: 175px;
}
.multistep-form-content {
margin-top: 70px;
margin-bottom: 70px;
padding-left: 150px;
padding-right: 150px;
}
.grid-testing {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.form-btn {
flex-flow: row;
justify-content: flex-end;
display: flex;
}
.test-field-design {
background-color: var(--neutral-50);
border-radius: 5px;
}
.slider-2 {
background-color: var(--light-grey-2);
}
.icon-5 {
color: var(--off-black);
}
.heading-82 {
padding-left: 25px;
padding-right: 0;
font-size: 22px;
}
.div-block-770 {
grid-column-gap: 75px;
grid-row-gap: 75px;
flex-flow: row;
justify-content: center;
align-items: center;
min-height: 70px;
margin-top: 10px;
display: flex;
}
.link-block-42 {
flex-flow: column;
align-items: center;
display: flex;
}
.link-block-42:hover {
opacity: .85;
}
.text-block-155, .text-block-156 {
color: var(--neutral-600);
font-weight: 400;
}
.heading-83 {
font-size: 30px;
}
.text-block-157 {
color: var(--neutral-600);
margin-top: 10px;
font-weight: 400;
}
.text-block-157:hover {
color: var(--neutral-500);
}
.section-89 {
margin-bottom: 45px;
display: block;
}
.section-89.v2 {
margin-top: 55px;
}
.section-90 {
margin-bottom: 45px;
display: none;
}
.section-91 {
background-color: var(--off-white);
margin-top: 0;
padding-top: 95px;
padding-bottom: 45px;
}
.div-block-771 {
grid-column-gap: 10px;
grid-row-gap: 10px;
align-items: center;
}
.heading-84 {
font-size: 54px;
}
.heading-85 {
margin-bottom: 10px;
font-size: 38px;
font-weight: 300;
}
.section-92 {
background-color: var(--off-white);
}
.rich-text-block-3 {
margin-top: 55px;
margin-bottom: 55px;
padding-left: 175px;
padding-right: 175px;
}
.container-67 {
flex-flow: column;
align-items: center;
max-width: 1040px;
padding: 50px 125px;
}
.paragraph-16 {
text-align: left;
}
.section-93 {
display: block;
}
.code-embed-2 {
display: none;
}
.image-181 {
border-radius: 8px;
display: none;
}
.div-block-773 {
background-image: url("https://cdn.prod.website-files.com/65b3e159d25a6097b6ca5812/66b60a251e21fa91402df281_Mask%20group.svg");
background-position: 100%;
background-repeat: repeat-y;
background-size: 550px;
}
.div-block-774 {
justify-content: flex-end;
display: flex;
}
.btn-article:hover, .back-btn-terms:hover {
color: #196d80;
}
.section-94 {
margin-top: 30px;
padding-top: 128px;
}
.heading-86 {
font-size: 40px;
}
.container-68 {
justify-content: center;
}
.div-block-775 {
flex-flow: row;
justify-content: center;
display: flex;
}
.div-block-776 {
justify-content: center;
margin-top: 32px;
display: flex;
}
.image-182 {
border-radius: 16px;
}
.grid-25 {
grid-column-gap: 0px;
grid-template-rows: auto;
}
.grid-26 {
grid-template-rows: auto;
}
.section-95 {
margin-top: 64px;
margin-bottom: 64px;
}
.heading-87 {
font-size: 32px;
font-weight: 500;
}
.paragraph-17 {
width: 445px;
min-width: 445px;
margin-top: 12px;
}
.text-block-158, .text-block-159 {
font-size: 20px;
}
.div-block-778 {
margin-top: 12px;
}
.text-block-160 {
font-size: 20px;
}
.container-69 {
padding-left: 55px;
padding-right: 55px;
}
.resources-section {
background-color: var(--neutral-800);
margin-top: 80px;
display: none;
}
.resources-section.reports {
display: block;
}
.grid-27 {
grid-template-rows: auto;
}
.container-70 {
padding-top: 128px;
padding-bottom: 128px;
}
.grid-28, .preview-wrapper {
grid-template-rows: auto;
}
.heading-88 {
color: var(--neutral-50);
font-size: 48px;
}
.text-block-161 {
color: var(--neutral-400);
margin-top: 16px;
}
.image-183 {
max-height: 450px;
}
.further-reading {
padding-top: 45px;
padding-bottom: 45px;
}
.further-reading.linear-background {
background-image: linear-gradient(90deg, #f9fafd, #e5eaf6);
display: block;
}
.further-reading.linear-background.e-mob, .further-reading.linear-background.about {
display: block;
}
.further-reading.linear-background._80 {
padding-top: 80px;
padding-bottom: 80px;
}
.further-reading.linear-background.home, .further-reading.linear-background.gridbox, .further-reading.linear-background.resources {
display: block;
}
.grid-29 {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
}
.further-reading-wrapper {
max-width: 1080px;
}
.further-reading-grid {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
}
.heading-89, .heading-90, .heading-91 {
font-size: 22px;
}
.image-184, .image-185, .image-186 {
border-radius: 8px;
}
.div-block-780 {
margin-top: 15px;
}
.fr-heading, .fr-title {
margin-top: 16px;
}
.fr-text {
color: var(--secondary-500);
text-transform: uppercase;
font-size: 12px;
font-weight: 700;
}
.link-to-asset:hover {
opacity: .85;
}
.link-to-asset.podcasts, .link-to-asset.podcasts:lang(de) {
height: 650px;
}
.further-reading-title {
margin-bottom: 10px;
}
.heading-92 {
color: var(--neutral-800);
font-size: 18px;
}
.code-embed-3 {
display: none;
}
.success-lp {
background-color: var(--neutral-800);
margin-top: 0;
}
.success-lp-wrapper {
padding-top: 165px;
padding-bottom: 185px;
}
.heading-93 {
color: var(--neutral-50);
font-size: 58px;
}
.heading-93.v2 {
font-size: 48px;
font-weight: 500;
}
.div-block-781 {
flex-flow: column;
align-items: center;
display: flex;
}
.section-96 {
height: 100vh;
margin-top: 80px;
}
.container-71 {
flex-flow: row;
justify-content: center;
padding-top: 199px;
padding-bottom: 128px;
display: flex;
}
.background-video-3 {
background-color: #06174794;
margin-top: 80px;
}
.heading-94 {
color: var(--neutral-50);
font-size: 54px;
font-weight: 700;
}
.container-72 {
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
max-width: 1280px;
}
.grid-30 {
grid-template-rows: auto;
}
.heading-95, .heading-96 {
font-size: 54px;
}
.heading-97 {
color: var(--neutral-800);
font-size: 54px;
font-weight: 700;
line-height: 1;
}
.background-video-4 {
border-top-left-radius: 0;
border-bottom-left-radius: 80px;
}
.div-block-783 {
min-width: 625px;
padding-left: 70px;
}
.div-block-784 {
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
}
.heading-98 {
color: var(--primary-700);
font-size: 54px;
}
.section-97 {
background-color: var(--neutral-800);
}
.container-73 {
padding-top: 128px;
padding-bottom: 128px;
}
.grid-31 {
grid-template-rows: auto;
}
.background-video-5 {
background-image: linear-gradient(#00000080, #00000080);
height: 100vh;
display: none;
}
.container-74 {
flex-flow: row;
justify-content: flex-end;
align-items: flex-end;
margin-top: 195px;
margin-left: auto;
margin-right: auto;
}
.heading-99 {
font-size: 46px;
}
.heading-100 {
color: var(--neutral-50);
font-size: 52px;
font-weight: 500;
}
.heading-100.v2 {
color: var(--turqouis);
}
.div-block-785, .div-block-786 {
margin-top: 11px;
}
.link-block-43 {
margin-left: 100px;
padding-left: 20px;
padding-right: 20px;
}
.div-block-787 {
justify-content: flex-end;
display: flex;
}
.container-75 {
max-width: 1040px;
margin-left: auto;
margin-right: auto;
}
.heading-101 {
color: var(--neutral-700);
font-size: 38px;
font-weight: 500;
}
.div-block-788 {
grid-column-gap: 340px;
grid-row-gap: 340px;
margin-top: 0;
display: flex;
}
.grid-32 {
grid-template-rows: auto;
margin-top: 60px;
}
.paragraph-18 {
font-size: 18px;
}
.box-right {
border: 1px solid var(--darkish-grey);
color: var(--neutral-800);
border-radius: 20px;
width: 200px;
height: 150px;
margin-left: 20px;
padding: 35px 38px;
font-size: 42px;
font-weight: 700;
}
.box-right.middle {
background-color: var(--turqouis);
}
.box-right.reasons {
margin-bottom: 20px;
}
.div-block-789 {
justify-content: flex-end;
margin-top: -100px;
display: flex;
}
.div-block-790 {
color: var(--neutral-700);
justify-content: center;
display: flex;
}
.text-block-162 {
color: var(--neutral-700);
justify-content: center;
margin-top: 20px;
font-size: 20px;
font-weight: 500;
display: flex;
}
.text-block-162.middle {
color: var(--neutral-50);
}
.text-block-162.reasons {
color: var(--neutral-50);
text-align: center;
}
.div-block-791 {
margin-top: 45px;
}
.text-block-163 {
color: var(--neutral-50);
}
.text-block-163.middle, .text-block-164 {
font-size: 38px;
font-weight: 500;
}
.text-block-164.reasons {
color: var(--neutral-50);
}
.text-block-165 {
color: var(--neutral-700);
font-size: 38px;
font-weight: 500;
}
.grid-33 {
grid-template-rows: auto;
margin-top: 80px;
margin-bottom: 30px;
}
.section-99 {
background-color: var(--neutral-800);
}
.container-76 {
max-width: 1040px;
}
.image-187 {
border-radius: 80px;
}
.heading-102 {
color: var(--neutral-50);
font-size: 38px;
font-weight: 500;
}
.div-block-795 {
margin-top: 45px;
}
.container-77 {
flex-flow: column;
justify-content: center;
align-items: center;
max-width: 1040px;
padding-top: 128px;
padding-bottom: 128px;
display: flex;
}
.heading-103 {
color: var(--neutral-700);
font-size: 48px;
font-weight: 500;
}
.text-block-166 {
margin-top: 11px;
font-size: 18px;
}
.field-label-18 {
display: none;
}
.form-block-15 {
flex-flow: column;
}
.form-16 {
flex-flow: column;
margin-top: 30px;
display: flex;
}
.text-field-21 {
border-radius: 8px;
font-size: 16px;
}
.section-100 {
background-color: var(--neutral-100);
}
.heading-104 {
color: var(--turqouis);
text-align: center;
font-size: 28px;
font-weight: 500;
}
.div-block-796 {
text-align: center;
margin-top: 20px;
}
.div-block-797 {
margin-top: 11px;
}
.navbar-no-shadow-container-3 {
z-index: 5;
background-color: #0000;
width: 100%;
max-width: 1140px;
margin-left: auto;
margin-right: auto;
padding: 20px 45px;
}
.navbar-no-shadow-container-3.v2 {
margin-top: -21px;
padding-top: 0;
padding-bottom: 0;
}
.container-regular-3 {
width: 100%;
max-width: 1260px;
min-height: 30px;
margin-left: auto;
margin-right: auto;
}
.navbar-wrapper-3 {
flex-flow: column;
justify-content: space-between;
align-items: center;
display: flex;
}
.navbar-wrapper-3.v2 {
align-items: flex-start;
padding-left: 110px;
padding-right: 110px;
}
.navbar-brand-3 {
margin-top: 25px;
margin-bottom: 0;
}
.nav-menu-wrapper-3 {
background-color: var(--off-white);
border-radius: 20px;
padding-left: 10px;
padding-right: 10px;
}
.nav-menu-6 {
justify-content: space-between;
align-items: center;
margin-bottom: 0;
padding-bottom: 0;
padding-left: 0;
display: flex;
}
.nav-link-5 {
color: #1a1b1f;
letter-spacing: .25px;
margin-left: 5px;
margin-right: 5px;
padding: 5px 10px;
font-size: 14px;
line-height: 20px;
text-decoration: none;
}
.nav-link-5:hover {
color: #1a1b1fbf;
}
.nav-link-5:focus-visible, .nav-link-5[data-wf-focus-visible] {
outline-offset: 0px;
color: #0050bd;
border-radius: 4px;
outline: 2px solid #0050bd;
}
.nav-dropdown-3 {
margin-left: 5px;
margin-right: 5px;
}
.nav-dropdown-toggle-3 {
letter-spacing: .25px;
padding: 5px 30px 5px 10px;
font-size: 14px;
line-height: 20px;
}
.nav-dropdown-toggle-3:hover {
color: #1a1b1fbf;
}
.nav-dropdown-toggle-3:focus-visible, .nav-dropdown-toggle-3[data-wf-focus-visible] {
outline-offset: 0px;
color: #0050bd;
border-radius: 5px;
outline: 2px solid #0050bd;
}
.nav-dropdown-icon-3 {
margin-right: 10px;
}
.nav-dropdown-list-3 {
background-color: #fff;
border-radius: 12px;
}
.nav-dropdown-list-3.w--open {
padding-top: 10px;
padding-bottom: 10px;
}
.nav-dropdown-link-3 {
padding-top: 5px;
padding-bottom: 5px;
font-size: 14px;
}
.nav-dropdown-link-3:focus-visible, .nav-dropdown-link-3[data-wf-focus-visible] {
outline-offset: 0px;
color: #0050bd;
border-radius: 5px;
outline: 2px solid #0050bd;
}
.nav-button-wrapper-3 {
margin-left: 150px;
}
.button-primary-4 {
background-color: var(--turqouis);
color: #fff;
letter-spacing: 2px;
text-transform: uppercase;
border-radius: 8px;
padding: 12px 25px;
font-size: 12px;
line-height: 20px;
transition: all .2s;
}
.button-primary-4:hover {
background-color: var(--primary-900);
color: #fff;
}
.button-primary-4:active {
background-color: var(--primary-900);
}
.gallery-scroll {
background-color: #f5f7fa;
border-bottom: 1px solid #e4ebf3;
padding: 80px 30px;
position: relative;
}
.container-78 {
width: 100%;
max-width: 940px;
margin-left: auto;
margin-right: auto;
}
.gallery-wrapper-2 {
grid-column-gap: 40px;
grid-row-gap: 40px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
align-items: start;
display: grid;
}
.gallery-sticky {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
position: sticky;
top: 80px;
}
.gallery-link {
color: #1a1b1f;
margin-bottom: 35px;
font-size: 24px;
line-height: 32px;
text-decoration: none;
}
.gallery-link:hover {
color: #1a1b1fcc;
}
.gallery-link.w--current {
font-weight: 600;
}
.gallery-grid {
grid-row-gap: 40px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.gallery-image-wrapper {
position: relative;
}
.gallery-image-2 {
width: 100%;
}
.gallery-image-text {
color: #f5f7fa;
margin-bottom: 0;
position: absolute;
bottom: 16px;
left: 16px;
right: 16px;
}
.div-block-798 {
max-width: 500px;
}
.gallery-slider-2 {
border-bottom: 1px solid #e4ebf3;
padding: 80px 30px;
position: relative;
}
.container-79 {
width: 100%;
max-width: 940px;
margin-left: auto;
margin-right: auto;
}
.gallery-wrapper-3 {
grid-column-gap: 40px;
grid-row-gap: 40px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
align-items: start;
display: grid;
}
.gallery-block-2 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.gallery-slide-2 {
background-color: #0000;
height: auto;
}
.gallery-slide-wrapper-2 {
max-width: 47%;
margin-right: 6%;
}
.gallery-slide-image-2 {
position: relative;
}
.gallery-image-3 {
width: 100%;
}
.gallery-slide-text-2 {
color: #f5f7fa;
margin-bottom: 0;
line-height: 32px;
position: absolute;
bottom: 24px;
left: 24px;
right: 24px;
}
.gallery-slider-left-2 {
justify-content: center;
align-items: center;
width: 40px;
display: flex;
left: -50px;
}
.gallery-slider-left-2:focus-visible, .gallery-slider-left-2[data-wf-focus-visible] {
outline-offset: 0px;
border-radius: 5px;
outline: 2px solid #0050bd;
}
.slider-arrow-embed-2 {
color: #1a1b1f;
}
.gallery-slider-right-2 {
justify-content: center;
align-items: center;
width: 40px;
display: flex;
right: -50px;
}
.gallery-slider-right-2:focus-visible, .gallery-slider-right-2[data-wf-focus-visible] {
outline-offset: 0px;
border-radius: 5px;
outline: 2px solid #0050bd;
}
.gallery-slide-nav-2 {
display: none;
}
.testimonial-slider-large {
background-color: #f5f7fa;
border-bottom: 1px solid #e4ebf3;
padding: 80px 30px;
position: relative;
}
.testimonial-slider-two {
background-color: #0000;
height: auto;
}
.testimonial-slide {
background-color: #fff;
justify-content: space-between;
align-items: center;
padding: 12px 12px 12px 64px;
display: flex;
}
.testimonial-content {
flex-direction: column;
align-items: flex-start;
max-width: 460px;
margin-right: 40px;
display: flex;
}
.testimonial-quote-icon {
margin-bottom: 24px;
}
.testimonial-quote {
margin-bottom: 32px;
font-size: 24px;
font-weight: 600;
line-height: 32px;
}
.testimonial-info-two {
align-items: center;
display: flex;
}
.testimonial-image {
object-fit: cover;
border-radius: 50%;
width: 60px;
height: 60px;
margin-right: 16px;
}
.testimonial-author-name {
font-weight: 700;
}
.testimonial-image-two {
object-fit: cover;
width: 350px;
height: 400px;
}
.testimonial-author-image-three {
object-fit: cover;
border-radius: 50%;
width: 50px;
height: 50px;
margin-right: 24px;
}
.testimonial-slider-arrow {
display: none;
}
.testimonial-slider-nav {
margin-top: 24px;
font-size: 10px;
position: static;
bottom: -60px;
}
.tab-link-tab-1 {
display: inline-flex;
}
.tab-link-tab-1.w--current {
background-color: var(--light-grey-2);
}
.text-block-167 {
padding-top: 5px;
padding-bottom: 5px;
}
.container-80 {
max-width: 1040px;
}
.text-block-168 {
color: var(--secondary-500);
text-transform: uppercase;
font-size: 15px;
font-weight: 700;
}
.section-suib-title {
margin-top: 5px;
}
.heading-105 {
color: var(--neutral-700);
font-size: 38px;
font-weight: 500;
}
.session-wrapper {
background-color: var(--off-white);
border-radius: 8px;
flex-flow: row;
justify-content: center;
max-width: 745px;
margin-top: 10px;
margin-left: auto;
margin-right: auto;
padding-top: 20px;
padding-bottom: 20px;
display: flex;
}
.session-wrapper.v2 {
padding-left: 30px;
padding-right: 30px;
display: block;
}
.session-wrapper.v1:hover {
background-color: var(--neutral-100);
}
.grid-34 {
grid-template-rows: auto;
}
.tabs-menu {
flex-flow: row;
justify-content: center;
align-items: center;
display: flex;
}
.tab-link-tab-1-2 {
background-color: var(--off-white);
border-radius: 8px;
}
.tab-link-tab-1-2.w--current {
background-color: var(--secondary-50);
color: var(--off-white);
border-radius: 8px;
}
.tab-link-tab-2 {
background-color: var(--off-white);
border-radius: 8px;
}
.tab-link-tab-2.w--current {
background-color: var(--secondary-50);
color: var(--off-white);
}
.text-block-169, .text-block-170 {
color: var(--black);
}
.div-block-799 {
color: var(--off-white);
}
.grid-35 {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
}
.text-block-171 {
color: var(--neutral-800);
font-size: 18px;
font-weight: 700;
}
.text-block-172 {
color: var(--neutral-800);
padding-left: 11px;
padding-right: 11px;
font-size: 18px;
font-weight: 700;
}
.div-block-800 {
width: 408px;
}
.div-block-801 {
padding-left: 50px;
padding-right: 50px;
}
.section-101 {
margin-bottom: 55px;
padding-top: 79px;
padding-bottom: 79px;
}
.grid-36 {
grid-template-rows: auto;
}
.button-12 {
flex-flow: wrap;
justify-content: flex-end;
align-items: flex-end;
}
.div-block-802 {
justify-content: flex-end;
margin-top: 45px;
display: flex;
}
.paragraph-19 {
font-size: 18px;
}
.div-block-803 {
background-color: var(--off-white);
}
.text-block-173, .text-block-174, .text-block-175, .text-block-176, .text-block-177, .text-block-178, .text-block-179:lang(de), .text-block-180:lang(de), .text-block-185:lang(de) {
font-size: 14px;
}
.container-81 {
max-width: 1040px;
}
.section-102 {
margin-top: 80px;
margin-bottom: 80px;
}
.background-video-6 {
background-image: linear-gradient(#00000080, #00000080);
height: 100vh;
}
.container-82 {
max-width: 1080px;
}
.dropdown-list-2 {
background-color: var(--gridx-blue);
}
.dropdown-list-2.w--open {
background-color: var(--off-white);
border-radius: 8px;
}
.text-block-189 {
color: var(--neutral-700);
font-weight: 500;
}
.link-28, .link-28.w--current {
color: var(--neutral-800);
}
.locale-item:hover {
background-color: var(--neutral-50);
}
.container-83 {
max-width: 1080px;
}
.section-104 {
margin-top: 80px;
margin-bottom: 80px;
display: none;
}
.section-104.old {
display: none;
}
.div-block-804 {
flex-flow: column;
align-items: center;
}
.heading-106 {
font-size: 48px;
}
.heading-107 {
text-align: center;
flex-flow: column;
align-items: center;
padding-left: 70px;
padding-right: 70px;
font-size: 48px;
display: flex;
}
.text-block-190 {
color: var(--secondary-500);
flex-flow: column;
align-items: center;
margin-bottom: 10px;
font-size: 15px;
font-weight: 700;
display: flex;
}
.paragraph-20 {
text-align: center;
flex-flow: column;
align-items: center;
margin-top: 11px;
margin-bottom: 11px;
padding-left: 200px;
padding-right: 200px;
display: flex;
}
.div-block-806 {
margin-top: 10px;
margin-bottom: 11px;
display: flex;
}
.text-block-191 {
align-self: center;
margin-left: 5px;
margin-right: 5px;
}
.div-block-807 {
max-width: 271px;
}
.paragraph-21 {
color: var(--neutral-600);
font-size: 15px;
font-weight: 400;
}
.tab-link-tab-1-3 {
background-color: var(--off-white);
}
.tab-link-tab-1-3.w--current {
background-color: var(--neutral-100);
border-radius: 8px;
min-height: 185px;
}
.tab-link-tab-2-2 {
background-color: var(--off-white);
border-radius: 8px;
min-height: 185px;
margin-left: 11px;
margin-right: 11px;
}
.tab-link-tab-2-2.w--current {
background-color: var(--neutral-100);
}
.tab-link-tab-3 {
background-color: var(--off-white);
border-radius: 8px;
min-height: 185px;
}
.tab-link-tab-3.w--current {
background-color: var(--neutral-100);
}
.tabs-menu-2 {
flex-flow: row;
justify-content: center;
align-items: center;
display: flex;
}
.div-block-808 {
background-color: var(--neutral-100);
border-radius: 8px;
max-width: 375px;
min-height: 165px;
margin-left: 30px;
margin-right: 30px;
padding-top: 9px;
padding-bottom: 9px;
}
.div-block-809 {
margin-top: 11px;
margin-left: 5px;
display: flex;
}
.text-block-192 {
color: var(--neutral-800);
align-self: center;
margin-left: 5px;
margin-right: 5px;
font-weight: 500;
}
.paragraph-22 {
color: var(--neutral-600);
padding-left: 11px;
padding-right: 11px;
font-weight: 400;
}
.div-block-810 {
margin-top: 11px;
margin-bottom: 11px;
}
.tabs-content-2 {
flex-flow: column-reverse;
justify-content: flex-end;
align-items: stretch;
}
.div-block-811 {
margin-top: 18px;
margin-bottom: 18px;
display: flex;
}
.tabs {
margin-top: 11px;
}
.paragraph-23 {
text-align: center;
flex-flow: column;
justify-content: center;
align-items: center;
margin-top: 11px;
padding-left: 135px;
padding-right: 135px;
}
.list-item {
display: none;
}
.div-block-812 {
width: 30px;
height: 20px;
}
.div-block-813 {
width: 30px;
height: 30px;
}
.div-block-813:hover {
opacity: .9;
}
.div-block-813.language {
opacity: .8;
}
.div-block-813.language:hover {
opacity: .9;
}
.div-block-814 {
max-width: 415px;
}
.grid-39 {
grid-template-rows: auto;
}
.div-block-815 {
max-width: 250px;
}
.image-188 {
border-radius: 8px;
}
.image-188:hover {
opacity: .8;
}
.div-block-816 {
display: flex;
}
.text-block-193 {
margin-right: 5px;
}
.text-block-194 {
margin-left: 5px;
}
.heading-108 {
font-size: 22px;
}
.heading-108:hover {
opacity: .8;
}
.div-block-817 {
margin-top: 11px;
margin-bottom: 11px;
}
.div-block-818 {
margin-top: 11px;
}
.div-block-819 {
border-radius: 8px;
max-width: 975px;
padding: 22px;
}
.collection-item-30 {
margin-top: 11px;
margin-bottom: 45px;
}
.collection-list-wrapper-11 {
display: none;
}
.container-84, .container-85 {
max-width: 1040px;
}
.linear-background {
background-image: linear-gradient(90deg, #f9fafd, #e5eaf6);
}
.linear-background.new-design {
background-image: linear-gradient(90deg, #f9fafd, #e5eaf6);
margin-top: 0;
display: block;
}
.linear-background.new-design.e-mob, .linear-background.new-design.about, .linear-background.new-design.home, .linear-background.new-design.xenon, .linear-background.new-design.gridbox, .linear-background.new-design.hems-modules, .linear-background.new-design.e-mob-modules, .linear-background.new-design.user-dashboard, .linear-background.new-design.ecosystem {
display: block;
}
.linear-background.new-design.installers {
background-image: linear-gradient(90deg, #f9fafd, #e5eaf6);
display: block;
}
.linear-background.new-design.testing {
display: block;
}
.linear-background.new-design.oem, .linear-background.new-design.resources {
background-image: linear-gradient(90deg, #f9fafd, #e5eaf6);
display: block;
}
.linear-background.new-design.hems {
display: block;
}
.container-86 {
max-width: 1040px;
}
._1040-hero-container {
max-width: 1040px;
margin-top: 80px;
padding-top: 128px;
padding-bottom: 128px;
}
._1040-hero-container.spacing {
margin-top: 0;
padding-top: 80px;
}
._1040-hero-container.spacing.v2 {
margin-top: 0;
padding-top: 160px;
}
._1040-hero-container.spacing.v2.reports {
margin-top: 0;
}
._1040-hero-container.spacing.podcast {
margin-top: 0;
padding-top: 150px;
}
._1040-hero-container.spacing.testing, ._1040-hero-container.spacing.materials, ._1040-hero-container.spacing.heatpump {
margin-top: 0;
}
.hero-grid {
grid-template-rows: auto;
}
.hero-grid.podcast {
background-image: url("https://cdn.prod.website-files.com/65b3e159d25a6097b6ca5812/684bfb280337841bb7c4353b_Background-image-podcast.svg"), linear-gradient(45deg, #021240, #0e87fa);
background-position: 0 55%, 0 0;
background-repeat: repeat, repeat;
background-attachment: scroll, scroll;
border-radius: 8px;
padding: 45px 25px;
}
.heading-109 {
font-size: 44px;
}
.heading-109.font {
color: var(--neutral-800);
letter-spacing: -.5px;
font-weight: 500;
line-height: 1.1;
}
.heading-109.font:lang(de) {
font-size: 42px;
}
.heading-109.font.podcast {
color: var(--off-white);
}
.paragraph-24 {
font-size: 14px;
}
.paragraph-24.font {
font-size: 16px;
}
.paragraph-24.font.why-gridx {
font-size: 18px;
}
.paragraph-24.font.podcast {
color: var(--off-white);
}
.div-block-820 {
margin-bottom: 17px;
}
.div-block-821, .div-block-822, .div-block-823 {
margin-bottom: 16px;
}
.text-block-195 {
color: var(--neutral-800);
}
.paragraph-25 {
font-size: 16px;
}
.bold-text-7 {
font-size: 20px;
}
.kpi-card-top-content {
text-align: center;
margin-bottom: 16px;
}
.kpi-card-buttom-content {
text-align: center;
}
.container-87 {
max-width: 1040px;
}
.text-block-196 {
font-size: 52px;
}
.text-block-197 {
font-weight: 700;
}
.div-block-824 {
flex-flow: column;
padding-top: 11px;
padding-bottom: 11px;
}
.heading-110 {
color: var(--neutral-50);
font-size: 42px;
}
.div-block-825 {
text-align: center;
}
.div-block-826 {
text-align: center;
margin-top: 16px;
}
.container-88 {
max-width: 1040px;
padding-top: 80px;
padding-bottom: 80px;
}
.heading-111 {
color: var(--neutral-700);
}
.div-block-827, .div-block-828, .div-block-829, .div-block-830 {
text-align: center;
margin-bottom: 16px;
}
.div-block-831 {
text-align: center;
margin-bottom: 15px;
}
.div-block-832 {
text-align: center;
margin-bottom: 48px;
}
.div-block-833 {
text-align: center;
}
.section-105 {
background-color: var(--neutral-50);
padding-top: 30px;
padding-bottom: 30px;
display: none;
}
.section-105.old {
display: none;
}
.container-89 {
max-width: 1140px;
}
.xenon-core-title {
text-align: center;
}
.heading-112 {
color: var(--darkest-grey);
font-size: 42px;
}
.xenon-core-benfits-grid {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
padding-top: 30px;
padding-bottom: 30px;
}
.div-block-834 {
background-color: var(--white);
border-radius: 8px;
padding: 11px;
}
.text-block-198 {
color: var(--neutral-800);
}
.div-block-835 {
margin-top: 16px;
margin-bottom: 16px;
}
.div-block-836, .div-block-837 {
margin-bottom: 16px;
}
.icon-1x1-medium {
width: 2rem;
height: 2rem;
}
.locale-link {
margin-top: 0;
margin-bottom: 0;
}
.locale-link:hover {
opacity: .7;
}
.locale-link.w--current {
display: none;
}
.locales-list {
flex-flow: column;
align-items: center;
display: flex;
}
.dropdown-toggle-2 {
width: 92px;
}
.wg-button-1 {
color: #000;
letter-spacing: .5em;
text-transform: uppercase;
flex-direction: column;
align-items: center;
height: 2rem;
margin-top: 16px;
padding-left: 15px;
padding-right: 15px;
font-weight: 700;
text-decoration: none;
transition: color .2s;
display: flex;
position: relative;
overflow: hidden;
}
.wg-button-1:hover {
color: #4049ff;
}
.wg-button-1.w--current {
display: none;
}
.wg-button-1.language {
padding-left: 15px;
padding-right: 0;
}
.wg-button-1-text-lang2 {
align-items: center;
height: 2rem;
display: flex;
position: absolute;
bottom: 2rem;
}
.wg-button-1-text-lang1 {
align-items: center;
height: 2rem;
display: flex;
}
.wg-button-1-lang-wrapper {
justify-content: center;
display: flex;
}
.code-embed-4, .code-embed-5, .code-embed-6 {
display: none;
}
.form07_link {
color: #5b3acc;
font-size: 13px;
font-weight: 700;
}
.text-counter {
color: #5b617c73;
font-size: 14px;
}
.paragraph-26 {
color: #5b617c;
text-align: center;
max-width: 550px;
margin-left: auto;
margin-right: auto;
font-size: 15px;
line-height: 23px;
}
.error-message-5 {
text-align: center;
padding-top: 20px;
padding-bottom: 20px;
}
.next-button {
background-color: #5b3acc;
border-radius: 5px;
flex: 1;
align-self: center;
padding: 12px 32px;
font-size: 15px;
transition: background-color .2s ease-in;
}
.field-title {
color: #000037;
background-color: #fff;
margin-bottom: 5px;
padding-left: 6px;
font-size: 14px;
font-weight: 400;
}
.checkbox {
z-index: 5;
opacity: 0;
cursor: pointer;
border: 2px solid #0000;
border-radius: 10px;
width: 100%;
height: 100%;
margin-top: 0;
margin-left: 0;
position: absolute;
inset: 0%;
}
.checkbox:active {
border: 1px solid #000;
}
.success-message-7 {
letter-spacing: 1px;
padding: 50px;
}
.form12_checkbox_field {
background-color: #fff;
border: 1.2px solid #3e34c81a;
border-radius: 8px;
flex-direction: column;
justify-content: flex-start;
width: 140px;
height: 120px;
margin-bottom: 0;
margin-left: 5px;
margin-right: 5px;
padding: 35px 22px 22px;
display: flex;
position: relative;
box-shadow: 1px 1px 35px #c6d3ff47;
}
.checkbox-title {
color: #5b3acc;
justify-content: center;
margin-bottom: 0;
padding-bottom: 10px;
font-size: 14px;
display: flex;
position: absolute;
inset: auto 0% 0%;
}
.form-title-wrap {
flex-direction: column;
justify-content: center;
align-items: center;
margin-bottom: 35px;
display: flex;
}
.slider-3 {
background-color: #0000;
max-width: 700px;
height: 100%;
position: relative;
}
.mobile-nav-bottom {
display: none;
}
.submit-button-6 {
box-shadow: none;
letter-spacing: 1px;
background-color: #5b3acc;
border-radius: 5px;
width: 260px;
height: auto;
margin-bottom: -60px;
margin-left: auto;
margin-right: auto;
padding-top: 14px;
padding-bottom: 14px;
transition: background-color .2s ease-in, box-shadow .2s ease-in;
display: block;
position: absolute;
bottom: 0;
left: 0;
right: 0;
}
.previous {
opacity: .45;
justify-content: center;
align-items: center;
width: auto;
max-width: 100px;
height: 35px;
margin: auto auto 30px 30px;
transition: opacity .2s;
display: flex;
position: absolute;
inset: auto auto 0% 0%;
}
.previous:hover {
opacity: 1;
}
.field-input {
color: #000037bf;
background-color: #0000;
border: 1.5px solid #3e34c80a;
border-radius: 6px;
width: 100%;
min-height: 45px;
font-size: 16px;
}
.field-input:focus {
border-color: #0064fe;
}
.field-input::placeholder {
color: #0000371a;
font-family: Varela Round, sans-serif;
}
.next {
justify-content: center;
align-items: center;
width: auto;
max-width: 159px;
height: 47px;
margin: auto auto 25px;
display: block;
position: absolute;
right: 35px;
overflow: visible;
}
.checkbox-field {
justify-content: flex-start;
align-items: center;
width: 24%;
min-width: 150px;
height: 140px;
margin-left: 6px;
margin-right: 6px;
display: flex;
}
.checkbox_wrap {
flex-wrap: nowrap;
justify-content: space-between;
align-items: center;
width: 100%;
display: flex;
}
.checkbox_wrap.checkbox_centre {
justify-content: center;
}
.title-left {
margin-top: 15px;
margin-left: 15px;
position: absolute;
inset: 0% auto auto 0%;
}
.form-wrapper-2 {
margin-bottom: 0;
padding: 0;
display: block;
}
.form-wrap {
flex-direction: column;
align-items: flex-start;
width: 100%;
max-width: 390px;
margin-bottom: 5px;
margin-left: auto;
margin-right: auto;
display: flex;
}
.form-section-title {
color: #0a1f44;
margin-bottom: 12px;
font-size: 32px;
font-weight: 500;
line-height: 32px;
}
.form-full {
justify-content: center;
align-items: flex-start;
min-height: 100vh;
padding-top: 90px;
padding-left: 3%;
padding-right: 3%;
display: flex;
}
.slide {
border-radius: 20px;
flex-wrap: wrap;
width: 100%;
height: 100%;
padding-top: 0;
padding-bottom: 0;
position: static;
}
.previous-button {
opacity: 1;
color: #5b617c;
text-indent: -2px;
flex: none;
align-self: center;
padding: 5px 0;
font-size: 15px;
transition: opacity .2s ease-in;
}
.previous-button:hover {
opacity: 1;
border-bottom-color: #0000008c;
}
.form07_legal {
color: #101c2e8a;
margin-top: 20px;
margin-left: auto;
margin-right: auto;
font-size: 14px;
}
.slider-content-wrap {
text-align: center;
background-color: #fff;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
height: 100%;
margin-bottom: 100px;
margin-left: auto;
margin-right: auto;
padding: 90px 0 75px;
display: flex;
position: relative;
}
.line-bottom {
background-color: #c5c7ca;
height: 1px;
}
.arrow {
width: 16px;
margin-right: 8px;
}
.form-content-2 {
width: 100%;
margin-bottom: -20px;
}
.form-content-2.final {
margin-bottom: 0;
}
.text-block-199 {
color: #5b3acc;
font-weight: 500;
}
.checkbox-image {
width: 45px;
}
.counter-image {
width: 16px;
margin-right: 5px;
}
.details-right {
align-items: center;
margin-top: 15px;
margin-right: 15px;
display: flex;
position: absolute;
inset: 0% 0% auto auto;
}
.code-embed-7 {
margin-top: 55px;
}
.div-block-838 {
margin-top: 11px;
padding-left: 140px;
padding-right: 140px;
}
.container-90 {
flex-flow: column;
justify-content: center;
align-items: center;
padding-top: 140px;
padding-bottom: 140px;
}
.section-106 {
display: none;
}
.div-block-840 {
flex-flow: column;
align-items: center;
display: flex;
}
.code-embed-8, .slide-nav-2 {
display: none;
}
.grid-testing-2 {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.slider-4 {
background-color: var(--white);
min-height: 450px;
}
.container-91 {
padding-top: 100px;
padding-bottom: 100px;
}
.submit-button-7 {
display: none;
}
.div-block-841 {
padding-left: 193px;
padding-right: 193px;
}
.div-block-842 {
grid-column-gap: 70px;
grid-row-gap: 70px;
margin-top: 10px;
display: flex;
}
.code-embed-9 {
opacity: 1;
}
.div-block-843 {
flex-flow: column;
align-items: center;
display: flex;
}
.paragraph-27 {
text-align: center;
max-width: 475px;
margin-top: 11px;
}
.heading-113 {
font-size: 50px;
}
.container-92 {
padding-top: 140px;
padding-bottom: 140px;
}
.grid-40 {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.div-block-844 {
margin-top: 40px;
}
.text-block-200 {
color: var(--neutral-800);
text-align: center;
font-size: 24px;
}
.div-block-845 {
margin-top: 35px;
font-size: 32px;
}
.forms-container {
min-width: 700px;
}
.solution:hover {
opacity: .75;
}
.div-block-846 {
flex-flow: column;
align-items: center;
margin-top: -35px;
padding-top: 55px;
padding-bottom: 55px;
display: flex;
}
.viemo-container {
padding-top: 0;
padding-bottom: 95px;
}
.vimeo-section {
background-color: var(--neutral-100);
}
.vimeo-text {
text-align: center;
margin-bottom: 30px;
}
.multi-step-form.why-gridx {
background-image: linear-gradient(90deg, #f9fafd, #e5eaf6);
display: none;
}
.image-189 {
border-radius: 8px;
}
.navbar-no-shadow-container-4 {
z-index: 5;
background-color: #0000;
width: 100%;
max-width: 1140px;
margin-left: auto;
margin-right: auto;
padding: 20px 20px 0;
}
.container-regular-4 {
width: 100%;
max-width: 1260px;
min-height: 30px;
margin-left: auto;
margin-right: auto;
}
.navbar-wrapper-4 {
justify-content: space-between;
align-items: center;
display: flex;
}
.nav-menu-7 {
justify-content: space-between;
align-items: center;
margin-bottom: 0;
padding-bottom: 0;
padding-left: 0;
display: flex;
}
.nav-link-6 {
color: #1a1b1f;
letter-spacing: .25px;
margin-left: 5px;
margin-right: 5px;
padding: 5px 10px;
font-size: 14px;
line-height: 20px;
text-decoration: none;
}
.nav-link-6:hover {
color: #1a1b1fbf;
}
.nav-link-6:focus-visible, .nav-link-6[data-wf-focus-visible] {
outline-offset: 0px;
color: #0050bd;
border-radius: 4px;
outline: 2px solid #0050bd;
}
.nav-dropdown-4 {
margin: 27px 5px 23px;
}
.nav-dropdown-toggle-4 {
letter-spacing: .25px;
margin-bottom: 0;
padding: 5px 30px 5px 10px;
font-size: 14px;
line-height: 20px;
}
.nav-dropdown-toggle-4:hover {
color: #1a1b1fbf;
}
.nav-dropdown-toggle-4:focus-visible, .nav-dropdown-toggle-4[data-wf-focus-visible] {
outline-offset: 0px;
color: #0050bd;
border-radius: 5px;
outline: 2px solid #0050bd;
}
.nav-dropdown-icon-4 {
margin-right: 10px;
}
.nav-dropdown-list-4 {
background-color: #fff;
border-radius: 12px;
}
.nav-dropdown-list-4.w--open {
padding-top: 10px;
padding-bottom: 10px;
}
.nav-dropdown-list-4.shadow-three.mobile-shadow-hide.w--open {
flex-flow: row;
justify-content: flex-start;
align-items: stretch;
margin-left: -90px;
display: flex;
}
.nav-dropdown-link-4 {
padding-top: 5px;
padding-bottom: 5px;
font-size: 14px;
}
.nav-dropdown-link-4:focus-visible, .nav-dropdown-link-4[data-wf-focus-visible] {
outline-offset: 0px;
color: #0050bd;
border-radius: 5px;
outline: 2px solid #0050bd;
}
.nav-button-wrapper-4 {
margin-left: 120px;
}
.button-primary-5 {
color: #fff;
letter-spacing: 2px;
text-transform: uppercase;
background-color: #1a1b1f;
padding: 12px 25px;
font-size: 12px;
line-height: 20px;
transition: all .2s;
}
.button-primary-5:hover {
color: #fff;
background-color: #32343a;
}
.button-primary-5:active {
background-color: #43464d;
}
.div-block-847 {
justify-content: center;
align-items: stretch;
display: flex;
}
.navbar-no-shadow-container-5 {
z-index: 5;
background-color: #0000;
width: 100%;
max-width: 1140px;
margin-left: auto;
margin-right: auto;
padding: 20px 20px 0;
}
.container-regular-5 {
width: 100%;
max-width: 1260px;
min-height: 30px;
margin-left: auto;
margin-right: auto;
}
.navbar-wrapper-5 {
justify-content: space-between;
align-items: center;
display: flex;
}
.navbar-brand-5 {
align-self: flex-end;
}
.nav-menu-8 {
justify-content: space-between;
align-items: center;
margin-bottom: 0;
padding-bottom: 0;
padding-left: 0;
display: flex;
}
.nav-link-7 {
color: #1a1b1f;
letter-spacing: .25px;
flex-flow: row;
justify-content: center;
margin-bottom: 0;
margin-left: 5px;
margin-right: 5px;
padding: 0 10px;
font-size: 14px;
line-height: 20px;
text-decoration: none;
display: flex;
}
.nav-link-7:hover {
color: #1a1b1fbf;
}
.nav-link-7:focus-visible, .nav-link-7[data-wf-focus-visible] {
outline-offset: 0px;
color: #0050bd;
border-radius: 4px;
outline: 2px solid #0050bd;
}
.nav-dropdown-5 {
margin-left: 5px;
margin-right: 5px;
}
.nav-dropdown-toggle-5 {
letter-spacing: .25px;
padding: 5px 30px 5px 10px;
font-size: 14px;
line-height: 20px;
}
.nav-dropdown-toggle-5:hover {
color: #1a1b1fbf;
}
.nav-dropdown-toggle-5:focus-visible, .nav-dropdown-toggle-5[data-wf-focus-visible] {
outline-offset: 0px;
color: #0050bd;
border-radius: 5px;
outline: 2px solid #0050bd;
}
.nav-dropdown-icon-5 {
margin-right: 10px;
}
.nav-dropdown-list-5 {
background-color: #fff;
border-radius: 12px;
}
.nav-dropdown-list-5.w--open {
padding-top: 10px;
padding-bottom: 10px;
}
.nav-dropdown-list-5.shadow-three.mobile-shadow-hide.w--open {
display: block;
}
.nav-dropdown-link-5 {
padding-top: 5px;
padding-bottom: 5px;
font-size: 14px;
}
.nav-dropdown-link-5:focus-visible, .nav-dropdown-link-5[data-wf-focus-visible] {
outline-offset: 0px;
color: #0050bd;
border-radius: 5px;
outline: 2px solid #0050bd;
}
.nav-button-wrapper-5 {
margin-left: 120px;
}
.button-primary-6 {
color: #fff;
letter-spacing: 2px;
text-transform: uppercase;
background-color: #1a1b1f;
padding: 12px 25px;
font-size: 12px;
line-height: 20px;
transition: all .2s;
display: flex;
}
.button-primary-6:hover {
color: #fff;
background-color: #32343a;
}
.button-primary-6:active {
background-color: #43464d;
}
.list-item-2 {
background-color: var(--light-grey);
align-self: flex-end;
width: 120px;
height: 60px;
}
.div-block-848 {
grid-column-gap: 5px;
grid-row-gap: 5px;
justify-content: center;
margin-left: auto;
margin-right: auto;
padding-top: 20px;
padding-bottom: 0;
display: flex;
}
.div-block-849 {
margin-top: 0;
margin-bottom: 0;
margin-right: 35px;
}
.div-block-850 {
width: 120px;
height: 65px;
}
.div-block-850.language {
width: 80px;
}
.div-block-850.language.new-navbar {
height: 50px;
}
.navbar-link {
justify-content: center;
height: 80.39px;
font-size: 14px;
display: flex;
}
.navbar-link.selected {
height: 65px;
}
.navbar-link.selected.not {
background-color: var(--neutral-200);
border-top-left-radius: 8px;
border-top-right-radius: 8px;
margin-top: 0;
margin-bottom: 0;
font-size: 15px;
}
.navbar-link.selected.yes {
border-top: 1px solid var(--neutral-300);
border-right: 1px solid var(--neutral-300);
border-left: 1px solid var(--neutral-300);
background-color: var(--neutral-50);
background-color: #f9fafd;
border-top: 1px solid #d8e0f1;
border-left: 1px solid #d8e0f1;
border-right: 1px solid #d8e0f1;
border-radius: 8px 8px 0 0;
margin-top: 0;
margin-bottom: 0;
}
.navbar-link.selected.not {
background-color: #e5eaf6;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
}
.navbar-link.selected.not:hover {
opacity: .8;
}
.link-29 {
color: var(--neutral-700);
align-self: center;
}
.div-block-851 {
grid-column-gap: 50px;
grid-row-gap: 50px;
justify-content: center;
margin-left: auto;
margin-right: auto;
display: flex;
}
.sub-navbar-link-wrapper {
align-self: center;
padding-top: 30px;
padding-bottom: 20px;
font-size: 16px;
}
.sub-navbar-link-wrapper.search {
align-self: flex-end;
padding-top: 0;
padding-bottom: 0;
}
.div-block-853 {
align-self: center;
padding-top: 27px;
padding-bottom: 27px;
}
.div-block-854, .div-block-855, .div-block-856, .div-block-857, .div-block-858 {
align-self: center;
}
.section-109 {
z-index: 500;
border-bottom: 2px solid var(--light-grey);
background-color: var(--neutral-50);
margin-top: 80px;
position: fixed;
inset: 0% 0% auto;
}
.section-109.xenon, .section-109.e-mob, .section-109.gridbox, .section-109.hems, .section-109.about, .section-109.resources {
display: block;
}
.div-block-859 {
margin-left: 25px;
}
.link-30 {
color: var(--neutral-700);
}
.link-30:hover {
opacity: .8;
}
.section-110 {
z-index: 2147483647;
background-color: var(--off-white);
position: fixed;
inset: 0 0% auto;
}
.section-110.home, .section-110.xenon, .section-110.e-mob {
display: none;
}
.section-110.gridbox {
display: block;
}
.section-110.gridbox.old {
background-color: var(--neutral-50);
display: block;
}
.section-110.gridbox.old.xenon, .section-110.gridbox.old.home, .section-110.gridbox.old.hems, .section-110.gridbox.old.e-mob {
display: block;
}
.section-110.hems {
display: none;
}
.section-110.about, .section-110.resources {
display: block;
}
.testing-section {
margin-top: 160px;
}
.text-block-201 {
color: var(--neutral-50);
font-size: 38px;
font-weight: 500;
line-height: 130%;
}
.text-block-202 {
color: var(--neutral-50);
margin-top: 11px;
font-size: 15px;
}
.subtitle-block {
color: var(--turqouis);
font-size: 18px;
}
.grid-41 {
grid-column-gap: 80px;
grid-row-gap: 80px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
}
.grid-41.gridbox {
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.text-block-203 {
color: var(--off-white);
text-align: center;
font-size: 51px;
}
.text-block-204 {
color: var(--off-white);
text-align: center;
font-size: 22px;
}
.text-block-204:lang(de) {
line-height: 140.5%;
}
.bold-text-8 {
font-size: 64px;
}
.div-block-860 {
margin-bottom: 50px;
}
.div-block-861, .div-block-862 {
margin-bottom: 11px;
}
.grid-42 {
grid-column-gap: 33px;
grid-row-gap: 33px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
}
.grid-42.rfgx {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
padding-left: 15px;
padding-right: 15px;
}
.div-block-863 {
justify-content: space-between;
margin-bottom: 44px;
display: flex;
}
.div-block-863._54 {
margin-bottom: 54px;
}
.div-block-863.e-mobility-modules {
justify-content: space-around;
}
.section-111 {
margin-top: 0;
margin-bottom: 0;
padding-top: 64px;
padding-bottom: 64px;
}
.section-111.linear-background {
background-image: linear-gradient(90deg, #f9fafd, #e5eaf6);
display: block;
}
.section-111.linear-background.e-mob, .section-111.linear-background.home {
display: block;
}
.section-111.linear-background.xenon {
background-image: linear-gradient(90deg, #f9fafd, #e5eaf6);
display: block;
}
.div-block-864 {
border: 5px solid #e63713;
border-radius: 40px;
flex-flow: column;
justify-content: center;
align-items: center;
max-width: 235px;
min-height: 286px;
padding: 44px 22px;
display: flex;
}
.div-block-864:hover {
opacity: .8;
}
.div-block-864.soly {
border-color: #fbc814;
}
.div-block-864.soly:hover {
opacity: .8;
}
.div-block-864.oem {
min-height: 250px;
}
.div-block-864.oem.kostal {
border-color: #2c6e49;
}
.div-block-864.oem.rfgx {
min-height: 275px;
}
.div-block-864.oem.rfgx.sungrow {
border-color: #ee7801;
}
.div-block-864.oem.rfgx.huawei {
border-color: #f04035;
}
.div-block-864.fastned {
border-color: #fbc814;
}
.text-block-205 {
color: var(--neutral-800);
text-align: center;
font-size: 16px;
}
.text-block-206 {
color: var(--neutral-800);
text-align: center;
font-size: 34px;
}
.div-block-865, .div-block-866 {
margin-bottom: 21px;
}
.div-block-867 {
margin-top: 0;
}
.section-112 {
padding-top: 64px;
padding-bottom: 64px;
}
.section-112.linear-background, .section-112.linear-background.e-mob, .section-112.linear-background.newsletter.home {
display: block;
}
.section-112.linear-background.newsletter.home:lang(de) {
display: none;
}
.section-112.linear-background.newsletter.about, .section-112.linear-background.newsletter.ecosystem, .section-112.linear-background.ecosystem, .section-112.linear-background.installers {
display: block;
}
.section-112.linear-background.installers.upcoming-events {
display: none;
}
.section-112.linear-background.oem, .section-112.linear-background.hems, .section-112.linear-background.e-mob-modules {
display: block;
}
.grid-43 {
grid-template-rows: auto;
}
.heading-114 {
color: var(--neutral-800);
text-align: center;
font-size: 36px;
font-weight: 700;
}
.div-block-868 {
justify-content: space-between;
margin-bottom: 44px;
display: flex;
}
.div-block-869 {
background-image: linear-gradient(90deg, #021da8, #0fb9b6);
border-radius: 16px;
padding: 21px;
}
.div-block-869.v2 {
margin-bottom: 22px;
}
.heading-115 {
color: var(--off-white);
font-size: 46px;
}
.text-block-207 {
color: var(--off-white);
}
.text-block-208 {
color: var(--off-white);
font-size: 16px;
}
.div-block-870 {
margin-top: 22px;
margin-bottom: 11px;
}
.div-block-871, .div-block-872 {
margin-bottom: 11px;
}
.heading-116 {
font-size: 36px;
}
.div-block-873 {
justify-content: space-between;
margin-bottom: 11px;
display: flex;
}
.container-93, .container-94 {
max-width: 1080px;
}
.div-block-874, .div-block-875 {
justify-content: center;
display: flex;
}
.container-95 {
justify-content: center;
max-width: 1220px;
}
.container-96 {
justify-content: center;
max-width: 1220px;
display: flex;
}
.tabs-2 {
justify-content: center;
align-items: stretch;
min-height: 265px;
padding-top: 11px;
padding-bottom: 11px;
display: flex;
}
.tabs-menu-3 {
flex-flow: column;
padding-top: 11px;
padding-bottom: 11px;
display: flex;
}
.tab-link-tab-1-4 {
border: 1px solid var(--grey-2);
background-color: var(--neutral-200);
text-align: center;
border-radius: 8px;
max-width: 190px;
margin-top: 0;
margin-bottom: 0;
}
.tab-link-tab-1-4.w--current {
background-color: var(--neutral-200);
box-shadow: inset 0 2px 10px 0 var(--turqouis);
text-align: center;
border-radius: 8px;
max-width: none;
margin-top: 0;
margin-bottom: 0;
}
.tab-link-tab-2-3 {
border: 1px solid var(--grey-2);
background-color: var(--neutral-200);
text-align: center;
border-radius: 8px;
margin-top: 11px;
margin-bottom: 0;
}
.tab-link-tab-2-3.w--current {
background-color: var(--neutral-200);
box-shadow: inset 0 2px 10px 0 var(--turqouis);
}
.tab-link-tab-3-2 {
border: 1px solid var(--grey-2);
background-color: var(--neutral-200);
text-align: center;
border-radius: 8px;
margin-top: 11px;
margin-bottom: 0;
}
.tab-link-tab-3-2.w--current {
background-color: var(--neutral-200);
box-shadow: inset 0 2px 10px 0 var(--turqouis);
}
.tab-link-tab-4 {
border: 1px solid var(--grey-2);
background-color: var(--neutral-200);
text-align: center;
border-radius: 8px;
margin-top: 11px;
margin-bottom: 0;
}
.tab-link-tab-4.w--current {
background-color: var(--neutral-200);
box-shadow: inset 0 2px 10px 0 var(--turqouis);
}
.tab-pane-tab-1-2, .tab-pane-tab-2, .tab-pane-tab-3 {
padding-top: 45px;
padding-bottom: 45px;
padding-left: 10px;
}
.tab-pane-tab-4 {
padding-top: 45px;
padding-bottom: 45px;
padding-left: 11px;
}
.div-block-876 {
background-color: var(--neutral-200);
border-radius: 8px;
padding: 8px;
}
.div-block-877 {
padding-left: 15px;
padding-right: 0;
}
.container-97 {
display: none;
}
.div-block-881.installers {
padding-top: 165px;
padding-bottom: 165px;
}
.container-98 {
width: 1168px;
max-width: 1168px;
}
.grid-44 {
grid-template-rows: auto;
padding-top: 25px;
}
.video-8 {
border-radius: 8px;
}
.div-block-882 {
border-radius: 8px;
height: 555px;
padding-top: 110px;
padding-bottom: 110px;
}
.div-block-883 {
padding-top: 110px;
padding-bottom: 110px;
}
.div-block-884 {
padding-right: 24px;
}
.heading-117 {
font-size: 36px;
}
.container-99 {
max-width: 1080px;
}
.div-block-885 {
background-image: url("https://cdn.prod.website-files.com/65b3e159d25a6097b6ca5812/6787b190390451cd9d31fb7e_turquoise-background-.png");
background-position: 50%;
background-repeat: repeat-x;
background-size: cover;
max-height: 300px;
}
.image-192 {
margin-top: 13px;
margin-bottom: 13px;
}
.navbar-no-shadow-container-6 {
z-index: 5;
background-color: #0000;
width: 100%;
max-width: 1140px;
margin-left: auto;
margin-right: auto;
padding: 20px;
}
.container-regular-6 {
width: 100%;
max-width: 1260px;
min-height: 30px;
margin-left: auto;
margin-right: auto;
}
.navbar-wrapper-6 {
justify-content: space-between;
align-items: center;
display: flex;
}
.nav-menu-9 {
justify-content: space-between;
align-items: center;
margin-bottom: 0;
padding-bottom: 0;
padding-left: 0;
display: flex;
}
.nav-link-8 {
color: #1a1b1f;
letter-spacing: .25px;
margin-left: 5px;
margin-right: 5px;
padding: 5px 10px;
font-size: 14px;
line-height: 20px;
text-decoration: none;
}
.nav-link-8:hover {
color: #1a1b1fbf;
}
.nav-link-8:focus-visible, .nav-link-8[data-wf-focus-visible] {
outline-offset: 0px;
color: #0050bd;
border-radius: 4px;
outline: 2px solid #0050bd;
}
.nav-dropdown-6 {
margin-left: 5px;
margin-right: 5px;
}
.nav-dropdown-toggle-6 {
letter-spacing: .25px;
padding: 5px 30px 5px 10px;
font-size: 14px;
line-height: 20px;
}
.nav-dropdown-toggle-6:hover {
color: #1a1b1fbf;
}
.nav-dropdown-toggle-6:focus-visible, .nav-dropdown-toggle-6[data-wf-focus-visible] {
outline-offset: 0px;
color: #0050bd;
border-radius: 5px;
outline: 2px solid #0050bd;
}
.nav-dropdown-icon-6 {
margin-right: 10px;
}
.nav-dropdown-list-6 {
background-color: #fff;
border-radius: 12px;
}
.nav-dropdown-list-6.w--open {
padding-top: 10px;
padding-bottom: 10px;
}
.nav-dropdown-link-6 {
padding-top: 5px;
padding-bottom: 5px;
font-size: 14px;
}
.nav-dropdown-link-6:focus-visible, .nav-dropdown-link-6[data-wf-focus-visible] {
outline-offset: 0px;
color: #0050bd;
border-radius: 5px;
outline: 2px solid #0050bd;
}
.nav-button-wrapper-6 {
margin-left: 120px;
}
.button-primary-7 {
color: #fff;
letter-spacing: 2px;
text-transform: uppercase;
background-color: #1a1b1f;
padding: 12px 25px;
font-size: 12px;
line-height: 20px;
transition: all .2s;
}
.button-primary-7:hover {
color: #fff;
background-color: #32343a;
}
.button-primary-7:active {
background-color: #43464d;
}
.utility-page-form {
flex-direction: column;
align-items: stretch;
display: flex;
}
.text-block-210 {
max-width: 715px;
}
.div-block-887 {
margin-top: 11px;
margin-bottom: 0;
}
.div-block-887._35 {
padding-bottom: 35px;
}
.container-100 {
padding-top: 45px;
padding-bottom: 45px;
}
.section-113 {
background-image: linear-gradient(90deg, #f9fafd, #e5eaf6);
display: block;
}
.div-block-888 {
flex-flow: row;
justify-content: center;
align-items: center;
padding-left: 65px;
padding-right: 65px;
}
.field-label-19 {
display: none;
}
.link-31 {
color: var(--off-white);
}
.text-block-211 {
color: var(--off-white);
font-size: 12px;
}
.form-17 {
margin-top: 40px;
}
.text-field-22 {
border-radius: 8px;
}
.div-block-889 {
margin-top: 12px;
margin-bottom: 11px;
}
.div-block-890 {
margin-bottom: 11px;
}
.gridbox-first-text {
grid-column-gap: 11px;
grid-row-gap: 11px;
justify-content: flex-start;
align-items: center;
display: flex;
}
.text-block-212 {
color: var(--off-white);
font-size: 28px;
}
.section-114 {
background-image: linear-gradient(90deg, #f9fafd, #e5eaf6);
}
.section-114.xenon {
padding-top: 64px;
padding-bottom: 64px;
display: block;
}
.section-114.hems-modules {
padding-top: 64px;
padding-bottom: 64px;
}
.grid-45 {
grid-template-rows: auto;
}
.text-block-213, .text-block-214 {
color: var(--neutral-700);
font-size: 34px;
font-weight: 500;
}
.div-block-895, .div-block-897 {
justify-content: center;
display: flex;
}
.div-block-898 {
padding-bottom: 0;
}
.link-block-module:hover {
opacity: .8;
}
.div-block-899 {
background-image: linear-gradient(90deg, #f8f9fc, #edf1f9);
border-radius: 13px;
}
.tab-link-tab-1-5 {
border: 2px solid var(--neutral-500);
background-color: var(--neutral-200);
box-shadow: inset 0 2px 5px 0 var(--darkish-grey);
border-radius: 8px;
}
.tab-link-tab-1-5.w--current {
border: 2px solid var(--neutral-500);
background-color: var(--neutral-200);
box-shadow: inset 0 2px 10px 0 var(--turqouis);
border-radius: 8px;
}
.tab-link-tab-2-4 {
border: 2px solid var(--neutral-500);
background-color: var(--neutral-200);
box-shadow: inset 0 2px 5px 0 var(--darkish-grey);
border-radius: 8px;
min-width: 136px;
margin-left: 11px;
margin-right: 11px;
}
.tab-link-tab-2-4.w--current {
background-color: var(--neutral-200);
box-shadow: inset 0 2px 10px 0 var(--turqouis);
margin-left: 11px;
}
.tab-link-tab-3-3 {
border: 2px solid var(--neutral-500);
background-color: var(--neutral-200);
box-shadow: inset 0 2px 10px 0 var(--darkish-grey);
border-radius: 8px;
margin-right: 11px;
}
.tab-link-tab-3-3.w--current {
background-color: var(--neutral-200);
box-shadow: inset 0 2px 10px 0 var(--turqouis);
}
.tab-link-tab-4-2 {
border: 2px solid var(--neutral-500);
background-color: var(--neutral-200);
box-shadow: inset 0 2px 10px 0 var(--darkish-grey);
border-radius: 8px;
}
.tab-link-tab-4-2.w--current {
background-color: var(--neutral-200);
box-shadow: inset 0 2px 10px 0 var(--turqouis);
}
.tabs-menu-4 {
justify-content: center;
padding-left: 11px;
padding-right: 11px;
display: flex;
}
.text-block-215 {
color: var(--neutral-700);
}
.div-block-900 {
margin-bottom: 11px;
padding-left: 30px;
padding-right: 30px;
}
.tabs-content-3 {
flex-flow: column;
min-height: 385px;
}
.tabs-content-4 {
min-width: 400px;
min-height: 365px;
}
.tabs-content-5 {
min-height: 365px;
margin-right: 5px;
padding-top: 35px;
padding-bottom: 35px;
}
.tabs-content-5.e-mob {
min-height: 375px;
}
.div-block-901 {
background-image: linear-gradient(90deg, #f9fafd, #eef2fa);
border-radius: 8px;
}
.tabs-3 {
flex-flow: row;
align-items: stretch;
display: flex;
}
.tabs-menu-5 {
flex-flow: column;
align-items: stretch;
display: flex;
}
.tab-link-tab-1-6 {
border: 1px solid var(--neutral-500);
background-color: var(--neutral-200);
box-shadow: inset 0 2px 10px 0 var(--darkish-grey);
text-align: center;
border-radius: 8px;
margin-bottom: 5px;
margin-left: 5px;
margin-right: 5px;
padding-left: 5px;
padding-right: 5px;
}
.tab-link-tab-1-6.w--current {
border: 1px solid var(--neutral-500);
background-color: var(--neutral-200);
box-shadow: inset 0 2px 10px 0 var(--turqouis);
text-align: center;
border-radius: 8px;
margin-bottom: 5px;
margin-left: 5px;
margin-right: 5px;
padding-left: 5px;
padding-right: 5px;
}
.tab-link-tab-2-5 {
border: 1px solid var(--neutral-500);
background-color: var(--neutral-200);
box-shadow: inset 0 2px 10px 0 var(--darkish-grey);
text-align: center;
border-radius: 8px;
margin-bottom: 5px;
margin-left: 5px;
margin-right: 5px;
padding-left: 5px;
padding-right: 5px;
}
.tab-link-tab-2-5.w--current {
background-color: var(--neutral-200);
box-shadow: inset 0 2px 10px 0 var(--turqouis);
}
.tab-link-tab-3-4 {
border: 1px solid var(--neutral-500);
background-color: var(--neutral-200);
box-shadow: inset 0 2px 10px 0 var(--darkish-grey);
text-align: center;
border-radius: 8px;
margin-bottom: 5px;
margin-left: 5px;
margin-right: 5px;
padding-left: 5px;
padding-right: 5px;
}
.tab-link-tab-3-4.w--current {
background-color: var(--neutral-200);
box-shadow: inset 0 2px 10px 0 var(--turqouis);
}
.tab-link-tab-4-3 {
border: 1px solid var(--neutral-500);
background-color: var(--neutral-200);
box-shadow: inset 0 2px 10px 0 var(--darkish-grey);
text-align: center;
border-radius: 8px;
margin-bottom: 5px;
margin-left: 5px;
margin-right: 5px;
padding-left: 5px;
padding-right: 5px;
}
.tab-link-tab-4-3.w--current {
background-color: var(--neutral-200);
box-shadow: inset 0 2px 10px 0 var(--turqouis);
}
.tab-link-tab-1-7 {
background-color: var(--neutral-200);
box-shadow: inset 0 2px 10px 0 var(--darkish-grey);
border-radius: 8px;
max-width: 127px;
margin-right: 10px;
padding-left: 5px;
padding-right: 5px;
}
.tab-link-tab-1-7.w--current {
background-color: var(--neutral-200);
box-shadow: inset 0 2px 10px 0 var(--turqouis);
border-radius: 8px;
max-width: 127px;
margin-right: 10px;
padding-left: 5px;
padding-right: 5px;
}
.text-block-216 {
text-align: center;
font-size: 15px;
}
.text-block-216:lang(de) {
font-size: 14px;
}
.tab-link-tab-2-6 {
background-color: var(--neutral-200);
box-shadow: inset 0 2px 10px 0 var(--darkish-grey);
border-radius: 8px;
max-width: 127px;
margin-right: 10px;
padding-left: 5px;
padding-right: 5px;
}
.tab-link-tab-2-6.w--current {
background-color: var(--neutral-200);
box-shadow: inset 0 2px 10px 0 var(--turqouis);
}
.tab-link-tab-2-6.minw {
min-width: 129px;
}
.text-block-217 {
text-align: center;
font-size: 15px;
}
.text-block-217:lang(de) {
font-size: 14px;
}
.tab-link-tab-3-5 {
background-color: var(--neutral-200);
box-shadow: inset 0 2px 10px 0 var(--darkish-grey);
border-radius: 8px;
max-width: 127px;
margin-right: 10px;
padding-left: 5px;
padding-right: 5px;
}
.tab-link-tab-3-5.w--current {
background-color: var(--neutral-200);
box-shadow: inset 0 2px 10px 0 var(--turqouis);
}
.text-block-218 {
text-align: center;
font-size: 15px;
}
.text-block-218:lang(de) {
font-size: 14px;
}
.tab-link-tab-4-4 {
background-color: var(--neutral-200);
box-shadow: inset 0 2px 10px 0 var(--darkish-grey);
border-radius: 8px;
max-width: 127px;
padding-left: 5px;
padding-right: 5px;
}
.tab-link-tab-4-4.w--current {
background-color: var(--neutral-200);
box-shadow: inset 0 2px 10px 0 var(--turqouis);
}
.text-block-219 {
text-align: center;
font-size: 15px;
}
.text-block-219:lang(de) {
font-size: 14px;
}
.tabs-menu-6 {
text-align: center;
padding-left: 0;
padding-right: 0;
}
.tabs-content-6 {
min-height: 325px;
}
.div-block-902 {
justify-content: center;
display: flex;
}
.div-block-903 {
background-image: linear-gradient(90deg, #eef2fa, #e6ebf6);
border-radius: 8px;
}
.text-block-220, .text-block-221, .text-block-222, .text-block-223 {
text-align: center;
}
.div-block-904, .div-block-905, .div-block-906, .div-block-907 {
justify-content: center;
display: flex;
}
.div-block-908 {
justify-content: center;
margin-top: 30px;
display: flex;
}
.text-block-224 {
color: var(--neutral-700);
}
.grid-46 {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
}
.grid-46._1col {
grid-template-columns: 1fr;
}
.grid-46._1col._65 {
padding-top: 65px;
padding-bottom: 65px;
}
.grid-46._2col {
grid-template-columns: 1fr 1fr;
}
.grid-47 {
grid-template-rows: auto;
}
.grid-47._3col {
grid-template-columns: 1fr 1fr 1fr;
}
.div-block-909 {
border: 2px solid var(--secondary-700);
box-shadow: inset 0 2px 10px 0 var(--turqouis);
border-radius: 16px;
min-width: 178px;
max-width: 178px;
min-height: 150px;
max-height: 150px;
padding-left: 6px;
padding-right: 6px;
}
.div-block-909:hover {
opacity: .8;
}
.div-block-909._2row {
max-width: 178px;
max-height: 150px;
}
.div-block-909.big {
min-width: 220px;
max-width: 220px;
min-height: 185px;
max-height: 185px;
padding-top: 20px;
padding-bottom: 20px;
}
.div-block-910 {
justify-content: center;
padding-top: 10px;
padding-bottom: 5px;
display: flex;
}
.div-block-910.big {
padding-top: 20px;
padding-bottom: 20px;
}
.div-block-911 {
text-align: center;
justify-content: center;
padding-top: 5px;
padding-bottom: 5px;
}
.text-block-225, .text-block-226 {
text-align: center;
}
.text-block-227 {
color: var(--neutral-800);
font-size: 14px;
font-weight: 400;
line-height: 17px;
}
.div-block-912 {
justify-content: center;
margin-top: -30px;
display: flex;
}
.div-block-913, .div-block-914 {
justify-content: center;
display: flex;
}
.div-block-916 {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: center;
padding-left: 45px;
padding-right: 45px;
display: flex;
}
.div-block-917 {
grid-column-gap: 13px;
grid-row-gap: 13px;
display: flex;
}
.div-block-917.light {
background-color: var(--neutral-200);
justify-content: center;
min-width: 995px;
padding: 23px 100px;
}
.div-block-917.light.dark {
background-color: var(--neutral-400);
}
.min-width {
min-width: 140px;
}
.minimum-width {
min-width: 435px;
}
.grid-48 {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
}
.div-block-919 {
background-color: var(--neutral-200);
}
.div-block-920 {
flex-flow: column;
}
._2col-title {
display: flex;
}
.div-block-922 {
align-self: center;
}
.grid-49 {
grid-template-rows: auto;
}
.div-block-923 {
background-color: var(--neutral-300);
border-radius: 8px;
padding: 65px;
}
.image-201 {
border-radius: 8px;
}
.div-block-924 {
padding-left: 20px;
padding-right: 20px;
}
.text-block-228 {
color: var(--neutral-800);
text-align: center;
font-size: 25px;
font-weight: 700;
}
.div-block-925 {
margin-top: 11px;
}
.div-block-926 {
justify-content: center;
margin-top: 25px;
display: flex;
}
.hems-modules-technical-details {
padding-top: 15px;
padding-bottom: 15px;
}
.modules-images {
padding-top: 5px;
}
.text-block-229 {
text-align: center;
}
.grid-50 {
grid-template-rows: auto;
padding: 10px 20px;
}
.image-211 {
max-width: 200px;
}
.text-block-230 {
color: var(--neutral-800);
font-size: 31px;
}
.text-block-230:lang(de) {
font-size: 30px;
line-height: 130%;
}
.link-block-44 {
background-color: var(--neutral-300);
border-radius: 8px;
}
.link-block-44:hover {
opacity: .8;
}
.div-block-931 {
justify-content: center;
display: flex;
}
.image-212 {
max-width: 540px;
}
.image-212:lang(de) {
max-width: 450px;
}
.image-213 {
max-width: 350px;
}
.div-block-933 {
justify-content: center;
padding-top: 11px;
display: flex;
}
.slide-1 {
background-color: var(--neutral-200);
}
.image-214 {
max-width: 350px;
}
.slider-5 {
max-width: 525px;
}
.slide-2, .slide-3, .slide-4 {
background-color: var(--neutral-200);
}
.grid-51 {
grid-template-rows: auto;
}
.text-block-231 {
font-size: 21px;
font-weight: 700;
}
.text-block-232 {
color: var(--neutral-800);
font-size: 21px;
font-weight: 700;
}
.div-block-934, .div-block-935 {
margin-top: 21px;
}
.container-101 {
max-width: 1040px;
}
.text-block-233 {
color: var(--neutral-800);
font-size: 15px;
font-weight: 400;
}
.text-block-233:lang(de) {
font-size: 15px;
}
.text-block-234, .text-block-235 {
color: var(--neutral-800);
font-weight: 400;
}
.search {
justify-content: flex-start;
max-width: 135px;
}
.search-button {
display: none;
}
.search-input {
background-color: var(--neutral-200);
color: var(--neutral-800);
border-radius: 8px;
}
.search-input::placeholder {
color: var(--neutral-800);
}
.link-33 {
color: var(--turqouis);
font-size: 20px;
}
.text-block-236 {
font-size: 14px;
}
.paragraph-28 {
font-size: 18px;
}
.heading-118 {
padding-top: 20px;
padding-bottom: 20px;
display: flex;
}
.search-input-2 {
background-color: var(--neutral-200);
border-radius: 8px;
}
.search-button-2 {
display: none;
}
.search-result-item {
padding-top: 11px;
padding-bottom: 11px;
}
.body-14 {
background-image: linear-gradient(90deg, #f9fafd, #e5eaf6);
}
.container-102 {
margin-top: 135px;
}
.container-103 {
max-width: 1040px;
margin-top: 0;
padding-top: 128px;
padding-bottom: 200px;
}
.text-block-237 {
color: var(--neutral-800);
font-size: 46px;
font-weight: 500;
line-height: 142%;
}
.section-115 {
background-image: linear-gradient(90deg, #f9fafd, #e5eaf6);
}
.div-block-936 {
margin-top: 50px;
}
.container-104 {
max-width: 1080px;
padding-top: 75px;
padding-bottom: 75px;
}
.image-215 {
max-width: 50%;
}
.div-block-937 {
justify-content: center;
margin-left: 17px;
display: flex;
}
.div-block-938 {
justify-content: center;
display: flex;
}
.div-block-939 {
justify-content: center;
padding-bottom: 0;
display: flex;
}
.text-block-238 {
margin-top: -235px;
font-size: 15px;
}
.text-block-238:lang(de) {
margin-top: -240px;
font-size: 14px;
}
.div-block-940 {
border: 1px solid var(--neutral-500);
border-radius: 8px;
max-width: 855px;
margin-left: 153px;
padding-bottom: 0;
padding-left: 5px;
padding-right: 5px;
}
.gridbox-content-wrapper {
display: flex;
}
.text-block-239 {
text-align: left;
max-width: 235px;
}
.text-block-239.right {
text-align: right;
}
.image-216, .image-217, .image-218 {
max-width: 80%;
}
.div-block-941, .div-block-942, .div-block-943, .div-block-944 {
margin-top: 35px;
}
.div-block-945 {
max-width: 940px;
margin-left: auto;
margin-right: auto;
}
.image-219 {
max-width: 100%;
}
.div-block-946 {
justify-content: center;
display: flex;
}
.div-block-949 {
margin-left: auto;
margin-right: auto;
}
.div-block-950 {
margin-top: -405px;
margin-left: 50px;
}
.div-block-951 {
margin-top: -405px;
margin-left: -25px;
}
.div-block-952 {
margin-top: -85px;
margin-left: auto;
margin-right: auto;
}
.div-block-953, .div-block-954 {
justify-content: center;
display: flex;
}
.div-block-955 {
margin-left: auto;
margin-right: auto;
}
.div-block-956 {
justify-content: center;
margin-top: -25px;
display: flex;
}
.div-block-957 {
margin-top: -90px;
margin-left: -50px;
}
.div-block-958 {
margin-top: -90px;
margin-left: 100px;
}
.div-block-959 {
justify-content: center;
margin-top: -35px;
display: flex;
}
.div-block-960 {
background-image: url("https://cdn.prod.website-files.com/65b3e159d25a6097b6ca5812/67c86531959a830062383914_XENON-background.svg");
background-position: 0 0;
background-size: auto;
}
.div-block-961 {
box-shadow: inset 0 5px 10px 0 var(--yellow);
padding: 10px;
}
.div-block-962 {
justify-content: center;
display: flex;
}
.div-block-963 {
justify-content: center;
margin-bottom: 12px;
display: flex;
}
.div-block-964 {
justify-content: center;
margin-bottom: 22px;
display: flex;
}
.div-block-965 {
justify-content: center;
margin-bottom: 35px;
display: flex;
}
.text-block-240 {
color: var(--neutral-700);
text-align: center;
width: 530px;
}
.text-block-241 {
color: var(--turqouis);
font-size: 18px;
}
.text-block-242 {
color: var(--neutral-700);
font-size: 38px;
font-weight: 500;
}
.section-116 {
background-image: linear-gradient(90deg, #f9fafd, #e5eaf6);
}
.image-221 {
margin-top: 13px;
margin-bottom: 13px;
}
.div-block-968 {
margin-left: 25px;
}
.container-105 {
justify-content: center;
max-width: 1220px;
display: flex;
}
.div-block-969 {
grid-column-gap: 5px;
grid-row-gap: 5px;
justify-content: center;
margin-left: auto;
margin-right: auto;
padding-top: 20px;
padding-bottom: 0;
display: flex;
}
.section-117 {
z-index: 2147483647;
background-color: #fafafa;
position: fixed;
inset: 0 0% auto;
}
.section-117.gridbox {
display: block;
}
.section-117.gridbox.old {
background-color: #f9fafd;
display: block;
}
.div-block-971 {
margin-top: 0;
margin-bottom: 0;
margin-right: 35px;
}
.div-block-972 {
width: 120px;
height: 65px;
}
.div-block-972.language {
width: 80px;
}
.link-35 {
color: #3a4b5f;
align-self: center;
}
.container-106 {
display: none;
}
.div-block-973, .div-block-974 {
justify-content: center;
display: flex;
}
.opacity:hover {
opacity: .8;
}
.collection-item-31 {
padding-top: 5px;
padding-bottom: 5px;
}
.image-223 {
max-width: 20%;
}
.video-9 {
margin-left: auto;
margin-right: auto;
}
.div-block-977 {
display: none;
}
.hubspot-formwrap {
flex-direction: row;
justify-content: center;
align-items: center;
width: 100%;
padding: 1rem;
display: flex;
}
.hubspot-form {
width: 100%;
max-width: 500px;
}
.hubspot-input {
box-sizing: border-box;
color: #33475b;
background-color: #f5f8fa;
border: 1px solid #cbd6e2;
border-radius: 3px;
width: 90%;
max-width: 500px;
height: 40px;
padding: 9px 10px;
font-family: arial, helvetica, sans-serif;
font-size: 16px;
font-weight: normal;
line-height: 22px;
display: inline-block;
}
.hubspot-label {
box-sizing: border-box;
color: #33475b;
width: auto;
max-width: 500px;
margin-top: 1rem;
margin-bottom: 4px;
padding-top: 0;
font-family: arial, helvetica, sans-serif;
font-size: 11px;
font-weight: 500;
line-height: 20px;
}
.hubspot-button {
color: #fff;
text-align: center;
cursor: pointer;
background-color: #ff7a59;
border-style: solid;
border-width: 1px;
border-radius: 3px;
width: 90%;
max-width: 500px;
height: 40px;
margin: 1rem 0 0;
padding: 12px 24px;
font-family: arial, helvetica, sans-serif;
font-size: 12px;
font-weight: 700;
line-height: 12px;
transition: all .15s linear;
display: block;
position: relative;
}
.div-block-979 {
display: block;
}
.div-block-980 {
max-width: 450px;
}
.text-block-244 {
color: var(--off-white);
font-size: 12px;
}
.collection-item-32 {
margin-top: 2px;
margin-bottom: 2px;
}
.code-embed-12, .section-118 {
height: 575px;
}
.text-block-245 {
border: 2px solid var(--darkish-grey);
text-align: center;
border-radius: 4px;
}
.collection-item-33 {
margin-top: 11px;
}
.content-form {
padding: 100px 180px;
}
.content-form.slide2 {
padding: 55px 180px 0;
}
.content-form._3slide {
padding-top: 40px;
padding-left: 180px;
padding-right: 180px;
}
.content-form._4slide {
padding-top: 30px;
padding-bottom: 0;
}
.content-form.hems {
padding-top: 75px;
}
.section-119 {
background-image: linear-gradient(90deg, #f9fafd, #e5eaf6);
padding-top: 45px;
padding-bottom: 45px;
display: block;
}
.section-119.e-mob, .section-119.hems, .section-119.oem, .section-119.ecosystem {
display: block;
}
.section-119.get-in-touch2, .section-119.get-in-touch1, .section-119.get-in-touch3, .section-119.get-in-touch4 {
background-image: none;
}
.grid-53 {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
}
.grid-53.oem {
grid-template-columns: 1fr 1fr;
}
.div-block-981 {
grid-column-gap: 40px;
grid-row-gap: 40px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.grid-54 {
grid-template-rows: auto;
}
.form-field-name {
color: var(--neutral-800);
margin-bottom: 13px;
font-size: 18px;
font-weight: 500;
}
.mask-3 {
background-color: var(--neutral-300);
}
.form-select-field {
color: var(--neutral-800);
border-radius: 8px;
width: 720px;
}
.text-block-246 {
margin-top: 138px;
margin-bottom: 138px;
font-size: 22px;
}
.right-arrow-3, .left-arrow-2 {
width: 115px;
}
.icon-6 {
display: none;
}
.slider-6 {
min-height: 350px;
}
.icon-7 {
display: none;
}
.div-block-982, .div-block-983 {
justify-content: flex-end;
display: flex;
}
.radius-field {
color: var(--neutral-800);
border-radius: 8px;
}
.container-107 {
max-width: 1080px;
}
.radio-button-label-2, .radio-button-label-3 {
font-size: 14px;
}
.text-block-247 {
font-size: 12px;
}
.text-block-247:lang(de) {
width: 535px;
margin-top: -25px;
}
.text-block-247.hems:lang(de) {
margin-top: 0;
}
.field-label-20 {
display: none;
}
.success-message-8 {
background-color: var(--neutral-300);
padding-top: 160px;
padding-bottom: 160px;
}
.text-block-248 {
color: var(--neutral-800);
font-size: 22px;
font-weight: 500;
}
.div-field {
display: flex;
}
.div-field._3slide {
margin-top: 11px;
}
.div-field.soi {
display: none;
}
.asterisk {
color: var(--error-700);
font-size: 18px;
font-weight: 500;
}
.soi {
display: none;
}
.grid-55 {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
}
.container-108 {
padding-top: 68px;
padding-bottom: 68px;
}
.div-block-984 {
justify-content: flex-start;
align-items: center;
display: flex;
}
.text-block-249 {
padding-top: 20px;
padding-bottom: 20px;
}
.container-109 {
max-width: 1040px;
padding-top: 45px;
padding-bottom: 45px;
}
.image-232 {
height: 32px;
}
.collection-list-31 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.image-233 {
height: 32px;
}
.text-block-250 {
min-width: 145px;
max-width: 145px;
}
.div-block-985 {
justify-content: space-between;
align-items: stretch;
margin-bottom: 11px;
display: flex;
}
.text-block-252 {
color: var(--neutral-800);
font-weight: 700;
}
.div-block-986 {
margin-bottom: 11px;
}
.image-234 {
align-self: center;
}
.collection-item-34 {
background-color: var(--neutral-100);
border-radius: 8px;
padding: 22px 11px;
}
.collection-item-34:hover {
background-color: var(--neutral-200);
}
.div-block-987 {
margin-bottom: 11px;
}
.tabs-menu-7 {
text-align: center;
}
.tab-link-tab-1-8 {
border-right: 1px solid var(--light-grey);
background-color: var(--neutral-200);
border-top-left-radius: 8px;
border-bottom-left-radius: 8px;
}
.tab-link-tab-1-8.w--current {
border-right: 1px solid var(--light-grey);
background-color: var(--neutral-400);
border-radius: 8px 0 0 8px;
}
.tab-link-tab-2-7 {
border-right: 1px solid var(--light-grey);
background-color: var(--neutral-200);
}
.tab-link-tab-2-7.w--current {
background-color: var(--neutral-400);
}
.tab-link-tab-3-6 {
border-right: 1px solid var(--light-grey);
background-color: var(--neutral-200);
}
.tab-link-tab-3-6.w--current {
background-color: var(--neutral-400);
}
.tab-link-tab-4-5 {
border-right: 1px solid var(--light-grey);
background-color: var(--neutral-200);
}
.tab-link-tab-4-5.w--current {
background-color: var(--neutral-400);
}
.tab-link-tab-5 {
border-right: 1px solid var(--light-grey);
background-color: var(--neutral-200);
}
.tab-link-tab-5.w--current {
background-color: var(--neutral-400);
}
.tab-link-tab-6 {
background-color: var(--neutral-200);
border-top-right-radius: 8px;
border-bottom-right-radius: 8px;
}
.tab-link-tab-6.w--current {
background-color: var(--neutral-400);
}
.form-block-16 {
margin-top: 22px;
padding-left: 115px;
padding-right: 115px;
}
.text-field-23 {
color: var(--neutral-800);
border-radius: 8px;
}
.select-field-3, .select-field-4 {
background-color: var(--white);
color: var(--neutral-800);
border-radius: 8px;
}
.field-label-33 {
margin-top: 22px;
margin-bottom: 11px;
}
.field-label-34 {
margin-bottom: 11px;
}
.field-label-35 {
margin-top: 22px;
margin-bottom: 11px;
}
.code-embed-13 {
display: none;
}
.disclaimer {
margin-top: 22px;
font-size: 14px;
}
.paragraph-29 {
margin-top: 11px;
margin-bottom: 11px;
}
.field-message {
font-size: 12px;
}
.form-18 {
margin-top: 33px;
}
.smarter-e-block {
z-index: 1000;
opacity: 0;
background-image: linear-gradient(45deg, #021240, #0e87fa);
border-radius: 8px;
margin-right: -450px;
padding: 0;
position: fixed;
inset: auto 0% 0% auto;
}
.text-block-253 {
color: var(--neutral-900);
font-size: 17px;
}
.text-block-254 {
color: var(--off-white);
font-size: 14px;
}
.div-block-1001 {
margin-top: 11px;
display: block;
}
.div-block-1001.image, .div-block-1001.image:lang(de), .div-block-1001.date, .div-block-1001.date:lang(de), .div-block-1001.subtitle {
display: none;
}
.div-block-1001.subtitle:lang(de) {
margin-bottom: 11px;
display: none;
}
.heading-119 {
color: var(--off-white);
}
.heading-119:lang(de) {
font-size: 22px;
}
.text-block-255 {
color: var(--neutral-900);
text-align: right;
font-weight: 700;
}
.close-button {
margin-bottom: -35px;
}
.smarter-e-message {
max-width: 385px;
padding: 50px;
}
.smarter-e-message:lang(de) {
max-height: 545px;
padding-top: 15px;
}
.text-block-256 {
color: var(--neutral-900);
text-align: right;
padding: 10px 25px 0;
}
.close-button-x {
color: var(--neutral-700);
cursor: pointer;
font-size: 18px;
}
.div-block-1005 {
justify-content: center;
display: flex;
}
.container-110 {
max-width: 1040px;
}
.navbar-logo-left-2 {
z-index: 10000000;
}
.navbar-logo-left-container-2 {
z-index: 5;
background-color: #0000;
width: 1030px;
max-width: 100%;
margin-left: auto;
margin-right: auto;
padding: 15px 20px;
}
.navbar-logo-left-container-2.shadow-three {
width: 100%;
max-width: 1140px;
margin-bottom: 0;
padding-top: 5px;
padding-bottom: 5px;
}
.container-111 {
width: 100%;
max-width: 1220px;
margin-left: auto;
margin-right: auto;
}
.navbar-wrapper-7 {
justify-content: space-between;
align-items: center;
display: flex;
}
.nav-menu-two-2 {
justify-content: space-between;
align-items: center;
margin-bottom: 0;
display: flex;
}
.nav-link-9 {
color: #1a1b1f;
letter-spacing: .25px;
margin-left: 5px;
margin-right: 5px;
padding: 5px 10px;
font-size: 14px;
line-height: 20px;
text-decoration: none;
}
.nav-link-9:hover {
color: #1a1b1fbf;
}
.nav-link-9:focus-visible, .nav-link-9[data-wf-focus-visible] {
outline-offset: 0px;
color: #0050bd;
border-radius: 4px;
outline: 2px solid #0050bd;
}
.nav-dropdown-7 {
margin-left: 5px;
margin-right: 5px;
}
.nav-dropdown-toggle-7 {
letter-spacing: .25px;
padding: 5px 30px 5px 10px;
font-size: 14px;
line-height: 20px;
}
.nav-dropdown-toggle-7:focus-visible, .nav-dropdown-toggle-7[data-wf-focus-visible] {
outline-offset: 0px;
color: #0050bd;
border-radius: 5px;
outline: 2px solid #0050bd;
}
.nav-dropdown-icon-7 {
color: var(--neutral-800);
margin-right: 10px;
}
.nav-dropdown-list-7 {
background-color: #fff;
border-radius: 12px;
}
.nav-dropdown-list-7.w--open {
padding-top: 10px;
padding-bottom: 10px;
}
.nav-dropdown-list-7.shadow-three.mobile-shadow-hide {
z-index: 1000;
}
.nav-dropdown-list-7.shadow-three.mobile-shadow-hide.w--open {
z-index: 11;
margin-left: -10px;
padding-left: 0;
}
.nav-dropdown-link-7 {
padding-top: 5px;
padding-bottom: 5px;
font-size: 15px;
}
.nav-dropdown-link-7:hover {
background-color: var(--off-white);
color: var(--primary-700);
}
.nav-dropdown-link-7:focus-visible, .nav-dropdown-link-7[data-wf-focus-visible] {
outline-offset: 0px;
color: #0050bd;
border-radius: 5px;
outline: 2px solid #0050bd;
}
.nav-dropdown-link-7.w--current {
color: var(--neutral-800);
text-decoration: underline;
-webkit-text-decoration-color: var(--turqouis);
text-decoration-color: var(--turqouis);
text-underline-position: under;
text-decoration-style: solid;
}
.nav-divider-2 {
background-color: #e4ebf3;
width: 1px;
height: 22px;
margin-left: 15px;
margin-right: 15px;
}
.nav-link-accent-2 {
color: #1a1b1f;
letter-spacing: .25px;
margin-left: 5px;
margin-right: 20px;
padding: 5px 10px;
font-size: 14px;
font-weight: 700;
line-height: 20px;
text-decoration: none;
}
.nav-link-accent-2:hover {
color: #1a1b1fbf;
}
.button-primary-8 {
color: #fff;
letter-spacing: 2px;
text-transform: uppercase;
background-color: #1a1b1f;
padding: 12px 25px;
font-size: 12px;
line-height: 20px;
transition: all .2s;
}
.button-primary-8:hover {
color: #fff;
background-color: #32343a;
}
.button-primary-8:active {
background-color: #43464d;
}
.search-button-3 {
display: none;
}
.list-item-4 {
padding-top: 16px;
padding-left: 10px;
padding-right: 20px;
}
.search-input-3 {
border-radius: 8px;
}
.link-block-45 {
color: var(--neutral-600);
}
.text-block-257 {
font-size: 16px;
}
.text-block-menu {
color: var(--neutral-800);
font-size: 16px;
font-weight: 400;
text-decoration: none;
transition: color .1s;
}
.ready-for-gridx-link-logos {
color: var(--neutral-600);
}
.ready-for-gridx-link-logos:hover {
background-color: var(--neutral-50);
border-radius: 8px;
}
.text-block-258 {
font-size: 16px;
}
.heading-120, .heading-121 {
font-size: 46px;
}
.link-to-logo:hover {
opacity: .8;
}
.bold-text-10 {
font-weight: 700;
}
.bold-text-10:lang(de) {
font-weight: 500;
}
.bold-text-11 {
font-weight: 700;
}
.bold-text-11:lang(de) {
font-weight: 500;
}
.bold-text-12 {
font-weight: 700;
}
.bold-text-12:lang(de) {
font-weight: 500;
}
.bold-text-13 {
font-weight: 700;
}
.bold-text-13:lang(de) {
font-weight: 500;
}
.form-block-17 {
margin-top: 22px;
padding-left: 115px;
padding-right: 115px;
}
.select-field-5 {
background-color: var(--white);
color: var(--neutral-700);
border-radius: 8px;
}
.text-field-24 {
color: var(--neutral-700);
border-radius: 8px;
}
.form-19 {
margin-top: 35px;
}
.field-label-66 {
margin-bottom: 6px;
}
.field-label-67, .field-label-68 {
margin-bottom: 5px;
}
.additional-person {
display: none;
}
.div-block-1006 {
z-index: 1;
flex-flow: column;
width: 87%;
max-width: 271px;
display: block;
position: sticky;
top: 0%;
bottom: 123px;
right: auto;
}
.image-237 {
max-width: 65%;
}
.button-14 {
max-width: 178px;
}
.div-block-1007 {
width: 273px;
}
.div-block-1008 {
flex-flow: column;
max-width: 192px;
display: none;
}
.media-archive {
padding-top: 145px;
}
.div-block-1009 {
justify-content: center;
display: flex;
}
.container-112 {
max-width: 1080px;
}
.description-wrapper {
background-image: linear-gradient(45deg, #021240, #0e87fa);
border-radius: 8px;
padding: 44px 22px;
display: flex;
}
.div-block-1010 {
justify-content: center;
align-self: center;
display: flex;
}
.div-block-1011 {
max-width: 820px;
}
.image-239 {
border: 1px solid var(--neutral-400);
border-radius: 500%;
max-width: 100%;
}
.paragraph-30 {
color: var(--off-white);
margin-top: 11px;
padding-right: 35px;
}
.heading-122 {
color: var(--off-white);
font-size: 22px;
}
.bold-text-15 {
font-weight: 700;
}
.bold-text-15:lang(de) {
font-weight: 500;
}
.bold-text-16 {
font-weight: 700;
}
.bold-text-16:lang(de) {
font-weight: 500;
}
.bold-text-17 {
font-weight: 700;
}
.bold-text-17:lang(de) {
font-weight: 500;
}
.text-field-25 {
color: var(--neutral-700);
border-radius: 8px;
}
.code-embed-14 {
display: none;
}
.text-field-26 {
color: var(--neutral-700);
border-radius: 8px;
}
.select-field-6 {
background-color: var(--white);
color: var(--neutral-800);
border-radius: 8px;
}
.field-label-69 {
margin-top: 22px;
}
.link-block-46 {
color: var(--neutral-800);
font-size: 15px;
font-weight: 400;
}
.gallery-scroll-2 {
background-color: #f5f7fa;
border-bottom: 1px solid #e4ebf3;
padding: 80px 30px;
position: relative;
}
.container-113 {
width: 100%;
max-width: 940px;
margin-left: auto;
margin-right: auto;
}
.gallery-wrapper-4 {
grid-column-gap: 40px;
grid-row-gap: 40px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
align-items: start;
display: grid;
}
.gallery-sticky-2 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
position: sticky;
top: 80px;
}
.gallery-link-2 {
color: #1a1b1f;
margin-bottom: 35px;
font-size: 24px;
line-height: 32px;
text-decoration: none;
}
.gallery-link-2:hover {
color: #1a1b1fcc;
}
.gallery-link-2.w--current {
font-weight: 600;
}
.gallery-grid-2 {
grid-row-gap: 40px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.gallery-image-wrapper-2 {
position: relative;
}
.gallery-image-4 {
width: 100%;
}
.gallery-image-text-2 {
color: #f5f7fa;
margin-bottom: 0;
position: absolute;
bottom: 16px;
left: 16px;
right: 16px;
}
.gallery-overview {
background-color: #f5f7fa;
border-bottom: 1px solid #e4ebf3;
padding: 80px 30px;
position: relative;
}
.gallery-block-3 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.gallery-features-block {
margin-top: 16px;
margin-bottom: 24px;
}
.gallery-feature {
background-image: url("https://cdn.prod.website-files.com/62434fa732124a0fb112aab4/62434fa732124a700a12aad4_check%20circle.svg");
background-position: 0%;
background-repeat: no-repeat;
background-size: 20px;
margin-bottom: 8px;
padding-left: 30px;
font-size: 14px;
line-height: 24px;
}
.button-primary-9 {
color: #fff;
letter-spacing: 2px;
text-transform: uppercase;
background-color: #1a1b1f;
padding: 12px 25px;
font-size: 12px;
line-height: 20px;
transition: all .2s;
}
.button-primary-9:hover {
color: #fff;
background-color: #32343a;
}
.button-primary-9:active {
background-color: #43464d;
}
@media screen and (min-width: 1280px) {
.section.top {
min-height: 600px;
}
.benefits-block-w-icon {
grid-column-gap: 8px;
grid-row-gap: 8px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: block;
}
.select-block-w-icon {
grid-template-columns: 1.5fr;
margin-right: 10px;
}
.calc-wrapper {
float: right;
clear: none;
order: 1;
grid-template-rows: .25fr auto auto;
grid-template-columns: minmax(200px, 3.5fr);
grid-auto-rows: .25fr;
grid-auto-columns: minmax(200px, 2fr);
grid-auto-flow: row;
justify-content: stretch;
justify-items: end;
position: static;
}
.calc-step {
justify-content: end;
position: relative;
}
.nu-header-wrapper {
flex-wrap: nowrap;
align-content: flex-start;
}
.nu-paragraph.bold.neutral-800 {
display: block;
position: static;
}
.nu-paragraph.small {
clear: none;
text-align: left;
font-family: mark pro;
display: block;
position: static;
}
.logo-wrapper {
padding-top: 65%;
}
.button-7 {
float: none;
clear: both;
text-align: center;
-webkit-text-fill-color: inherit;
object-fit: none;
object-position: 50% 50%;
background-color: #12b9b6;
background-clip: padding-box;
border-radius: 15px;
display: inline-block;
position: fixed;
inset: 5px auto 0% 0%;
}
.section-70 {
clear: both;
object-fit: contain;
}
.image-158 {
float: left;
clear: both;
margin-top: 145px;
margin-left: 0;
margin-right: 0;
display: inline-block;
position: absolute;
inset: 0% 0% 0% 0;
}
.column-2 {
clear: right;
flex-wrap: nowrap;
order: 0;
place-content: flex-start flex-end;
align-items: flex-start;
margin-left: auto;
margin-right: auto;
padding-left: 0;
display: flex;
position: static;
right: 0;
}
.image-160 {
padding-right: 30px;
}
.columns {
justify-content: space-between;
display: flex;
}
.grid-2 {
grid-template-rows: auto;
grid-template-columns: .5fr;
justify-content: end;
justify-items: end;
}
.background-video-5 {
background-color: #1f1f1f80;
}
.text-block-179, .text-block-180, .text-block-181, .text-block-182, .text-block-183, .text-block-184, .text-block-185, .text-block-186 {
font-size: 13px;
}
.text-block-187, .text-block-188 {
font-size: 14px;
}
.section-109 {
top: 0%;
}
}
@media screen and (min-width: 1440px) {
.section.top {
min-height: 600px;
}
.section-73 {
height: auto;
}
.form-content {
padding-left: 105px;
padding-right: 105px;
}
.background-video-5 {
background-color: #1f1f1f80;
}
.container-75 {
margin-top: 160px;
}
.section-109 {
top: 0%;
}
.div-block-914 {
justify-content: center;
display: flex;
}
}
@media screen and (min-width: 1920px) {
.black-button {
margin-left: auto;
margin-right: auto;
}
.year-content._9 {
z-index: 1;
}
.div-block-243 {
justify-content: center;
display: flex;
}
.div-block-244 {
width: 100vw;
}
.bottom-image-container {
width: 100vw;
bottom: 0;
}
.bottom-image-container._2 {
bottom: auto;
}
.git-wrapper {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 3fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.image-54 {
max-width: none;
max-height: 100%;
}
.black-button-copy {
margin-left: auto;
margin-right: auto;
}
.div-block-349 {
background-color: var(--header-black);
padding-right: 16px;
}
.grid-layout-copy {
grid-template-columns: 2fr 1fr;
}
.collection-list-wrapper {
overflow: visible;
}
.html-embed-12 {
width: 100vw;
height: 100vh;
}
.demo-back-bar-ew {
background-color: var(--shade-0);
}
.select-block-w-icon {
grid-template-columns: .86fr;
margin-right: 10px;
}
.der-image-wrapper {
width: 144px;
display: flex;
}
.background-video-2 {
aspect-ratio: 750 / 1334;
object-fit: contain;
}
.body-4 {
background-image: url("https://cdn.prod.website-files.com/65b3e159d25a6097b6ca5812/65b3e15ad25a6097b6ca602f_Christmas%20greetings%20background_2.svg");
background-position: 0 0;
background-size: cover;
}
.link-block-23 {
right: 5%;
}
.image-159 {
margin-top: 10px;
}
.image-160 {
margin-top: 0;
margin-right: 30px;
padding-right: 0;
display: block;
}
.column-4 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.image-161 {
padding-top: 0;
}
.section-73 {
height: auto;
}
.background-video-5 {
background-color: #1f1f1f80;
}
.container-74 {
margin-top: 485px;
}
.section-109 {
top: 0%;
}
}
@media screen and (max-width: 991px) {
img {
margin-bottom: 4px;
}
.brand-3 {
clear: none;
display: block;
position: static;
}
.nav-menu-3 {
background-color: var(--off-white);
padding-bottom: 8px;
}
.container-3 {
justify-content: flex-start;
}
.link-block {
display: none;
overflow: visible;
}
.gridx-nav {
min-height: 0;
}
.icon {
position: static;
}
.menu-button {
position: absolute;
right: 0;
}
.menu-button.w--open {
background-color: var(--off-white);
}
.menu-description {
display: none;
}
.dropdown-list.w--open {
display: block;
}
.overview-block {
min-width: 0;
display: none;
}
.button-2 {
border-radius: 3px;
margin-left: 0;
margin-right: 0;
position: relative;
}
.section {
min-height: 350px;
padding-top: 32px;
padding-bottom: 32px;
overflow: hidden;
}
.section.petrol.top {
padding-top: 128px;
}
.section.top {
padding-top: 64px;
}
.teaser-paragraph.wide.neutral-500.newsletter-consent {
max-width: none;
margin-top: 8px;
}
.teaser-paragraph.not-on-mobile {
display: none;
}
._1-1-1-grid {
grid-template-columns: 1fr 1fr;
}
.footer {
padding-left: 20px;
padding-right: 20px;
}
.menu-link {
width: auto;
max-width: none;
}
.nav {
display: none;
}
.sub-header-bold {
font-size: 48px;
}
.bullet-container.highlights.muted.right {
padding-left: 0;
}
.button-outline.only-mobile {
display: block;
}
.press-release-container {
position: relative;
}
.brand-4 {
height: 48px;
padding-top: 8px;
}
.image-34 {
max-width: none;
height: 48px;
}
.navbar {
z-index: 999;
background-color: var(--white);
display: block;
position: fixed;
inset: 0% 0% auto;
}
.nav-menu-4 {
background-color: var(--off-white);
flex-direction: column;
align-items: center;
}
.menu-button-2.w--open {
background-color: var(--white);
}
.dropdown, .mobile-menu-sub-wrapper {
display: block;
}
.mobile-menu-sub-container {
color: var(--darkest-grey);
padding: 8px 16px;
}
.mobile-menu-sub-header {
color: var(--black);
font-weight: 500;
}
.text-span-99 {
font-weight: 500;
}
.text-span-100, .text-span-101 {
font-weight: 300;
}
.div-block-184 {
padding-top: 9px;
padding-bottom: 8px;
padding-left: 32px;
display: flex;
}
.integrations-wrapper {
grid-template-columns: 1fr 1fr;
align-items: stretch;
}
.annotation {
align-self: center;
}
.nav-link-2 {
font-weight: 400;
display: block;
}
.div-block-212 {
width: 100%;
}
.blog-header {
font-size: 48px;
}
.section-42 {
overflow: hidden;
}
.blog-header-container {
grid-template-columns: 1fr;
}
.div-block-260-copy {
bottom: 0;
}
.notification-bar {
position: relative;
top: 0;
}
.blog-teaser-text-wrapper {
padding-right: 16px;
}
.collection-list-3 {
grid-template-columns: 1fr 1fr;
}
.nav-items-wrapper-new {
display: none;
}
.sub-menu-content {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
}
.sub-menu-sub-text {
display: none;
}
.sub-menu-positioner {
margin-top: -64px;
}
.sub-menu {
min-width: 100vw;
min-height: 100vh;
padding: 12px;
}
.latest-blog-wrapper {
display: none;
}
.menu--modules {
padding-bottom: 24px;
}
.menu--modules.hom {
display: none;
}
.menu-new {
background-color: #0000;
position: absolute;
}
.git-wrapper {
grid-template-columns: 1fr;
}
.mobile-menu--icon {
max-width: 32px;
display: block;
position: relative;
right: 0;
}
.div-block-295 {
display: none;
}
.sub-menu-section-title {
padding-bottom: 8px;
display: block;
}
.text-block-44 {
color: var(--grey-3);
font-weight: 500;
}
.mobile-menu-close--icon {
width: 32px;
display: block;
position: absolute;
inset: 32px 28px auto auto;
}
.div-block-295-copy {
display: none;
}
.menu-bar {
background-color: var(--off-white);
}
.collection-list-5 {
grid-template-columns: 1fr 1fr;
}
.heading-34 {
z-index: 5;
position: relative;
}
.waben-container {
margin: -32px;
}
.wg-element-2 {
width: 50%;
}
.collection-list-7 {
grid-row-gap: 32px;
grid-template-columns: 1fr 1fr;
}
.collection-list-9 {
grid-row-gap: 64px;
grid-template-columns: 1fr 1fr;
}
.div-block-384 {
grid-template-columns: 3fr;
}
.five-per-row {
grid-template-columns: 1fr;
}
.display-01 {
font-size: 64px;
}
.display-02.neutral-800.overboard {
width: 120%;
}
.h1 {
font-size: 64px;
}
.h3.bold.neutral-700 {
font-size: 30px;
}
.body-01.neutral-500.narrow.v2 {
font-size: 14px;
}
.body-02.neutral-600 {
font-size: 15px;
}
.body-02.foldable.neutral-600 {
height: auto;
}
.three-per-row {
grid-template-columns: 1fr;
}
.hide-smaller-laptop {
display: none;
}
.container {
width: 100%;
padding-left: 16px;
padding-right: 16px;
}
.container.no-side-padding {
padding-left: 0;
padding-right: 0;
}
._1-1-columns {
grid-template-columns: 1fr;
width: 100%;
}
.hero-sizer {
min-height: 400px;
}
.hero-image.bottom-left {
height: 40%;
}
.div-block-400 {
grid-template-columns: 1fr;
}
.padded-copy.jobs:hover {
box-shadow: none;
transform: none;
}
.image-69 {
opacity: 1;
}
._2-1-columns {
grid-template-columns: 1fr;
width: 100%;
}
._1-2-grid, ._1-5-grid, .collection-list-10 {
grid-template-columns: 1fr 1fr;
}
.hero-section-n {
min-height: 600px;
padding-top: 48px;
}
.section-container {
width: 100%;
padding-left: 32px;
padding-right: 32px;
}
.section-container.hide-overflow-smaller-laptop {
overflow: hidden;
}
.section-layout.small {
grid-template-columns: 1fr;
}
.section-layout.blog-top {
padding-top: 35px;
}
.div-block-420._64pd {
padding-left: 32px;
}
.div-block-420.horizontal {
grid-template-columns: 1fr 1fr 1fr;
}
.div-block-423 {
grid-template-columns: 1fr;
}
.div-block-425 {
grid-row-gap: 8px;
}
.div-block-427.spacing {
margin-top: 10px;
}
.div-block-435-copy {
grid-template-columns: 1fr;
}
.grid-layout-copy {
grid-template-columns: 8fr;
}
.div-block-455 {
display: none;
}
.div-block-458 {
flex-direction: column;
}
.grid-2-1 {
grid-template-columns: 2fr;
grid-auto-columns: .25fr;
}
.grid-1-1-1-1.wide {
grid-row-gap: 32px;
grid-template-columns: 1fr 1fr;
}
.grid-1-1-1-1.split {
grid-template-columns: 1fr 1fr 1fr;
}
.logo-container {
width: auto;
height: 24px;
}
.ref-logo-hp {
height: 24px;
}
.image-86 {
box-shadow: none;
}
.grid-1-2 {
grid-template-columns: 1fr;
}
.modules-scroll {
height: 520px;
}
.menu-container--new {
padding-left: 16px;
padding-right: 16px;
}
.menu-bar--new {
background-color: var(--off-white);
}
.sub-menu--modules {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
}
.modules-category {
grid-row-gap: 8px;
}
.menu--platform, .menu--company {
padding-bottom: 24px;
}
.hero-holder {
position: relative;
}
.div-block-489 {
position: absolute;
}
.hero-image--center {
left: 64px;
}
.div-block-492 {
width: 100%;
padding-left: 16px;
padding-right: 16px;
}
.module--reference {
display: none;
}
.figure-card--inner {
grid-row-gap: 8px;
}
.collection-list-12 {
grid-template-columns: 1fr 1fr;
}
.footer-grid {
grid-row-gap: 36px;
grid-template-columns: 1fr 1fr 1fr;
}
.footer-column {
padding-bottom: 16px;
}
.div-block-505 {
margin-top: -23px;
}
.gridbox-grid {
grid-template-columns: 1fr 1fr;
}
.employee-tiles {
justify-content: center;
height: 160px;
}
.employee-ilst {
grid-column-gap: 8px;
grid-row-gap: 16px;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
align-content: center;
justify-items: center;
width: 100%;
padding-left: 0;
}
.collection-item-9 {
width: 64px;
height: 64px;
}
.reference-logos {
padding-top: 64px;
}
.video-1-1 {
grid-template-columns: 1fr;
}
.executive-summary-grid {
grid-template-columns: 1fr 1fr;
}
.div-block-528 {
min-height: 0;
}
.resources-hero-image {
padding-top: 32px;
}
._1-1-columns-no-pd {
grid-template-columns: 1fr;
width: 100%;
}
.div-block-530 {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}
.section-layout-signup-hero {
padding-top: 128px;
}
.new-banner-section {
padding-top: 32px;
}
.primary-700.nl-on-wide {
display: inline;
}
.collection-list-3-copy {
grid-template-columns: 1fr;
}
.link-block-14, .link-block-14-copy {
width: 100%;
}
.section-67 {
padding-top: 35px;
}
.div-block-598 {
grid-row-gap: 0px;
}
.newsletter-mail {
max-width: 100%;
}
.newsletter-btn {
width: 100%;
padding-top: 16px;
padding-bottom: 16px;
}
.gridxdays-mail {
max-width: 100%;
}
.collection-list-24 {
grid-template-columns: 1fr 1fr;
}
.collection-list-25.hide-on-mobile {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
}
.collection-item-20 {
grid-template-columns: 1fr;
}
.gd-schmuck-1, .gd-schmuck-2 {
width: 256px;
}
.link-block-16 {
border-radius: 4px;
}
.link-block-16:hover {
background-color: var(--primary-700);
}
.gd-schmuck-1-copy {
width: 256px;
}
.div-block-622 {
grid-template-rows: auto auto;
grid-template-columns: 3fr;
}
.html-embed-16 {
height: 350px;
}
.video-gd {
grid-template-rows: auto auto;
grid-template-columns: 3fr;
}
._1-2-cols {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
position: relative;
}
.select-block-w-icon.start {
background-color: var(--neutral-100);
}
.div-block-645 {
margin-left: 0;
position: relative;
}
.showcase-camera {
height: 50vh;
position: sticky;
top: 0;
}
._2-cols {
grid-template-columns: 1fr;
}
.calc-wrapper {
width: 100%;
}
.calc-step {
grid-template-columns: 1fr 5fr;
}
.scroll-ding {
height: 100vw;
}
.use-case-success {
border-radius: 0;
grid-template-rows: auto;
}
.div-block-647 {
grid-template-rows: auto;
}
.full-width-card {
border-radius: 0;
grid-template-rows: auto;
margin-left: -32px;
margin-right: -32px;
padding: 48px 32px;
}
.strategy-camera {
height: 384px;
}
.menu--use-cases {
padding-bottom: 24px;
}
.settings-panel {
padding: 16px;
}
.text-field-2 {
padding-top: 4px;
padding-bottom: 4px;
font-size: 12px;
line-height: 1;
}
.xenon-demo-label {
font-size: 12px;
}
.h1-small.bold.neutral-800:lang(de) {
font-size: 28px;
}
.snake-button.not-on-mobile {
display: none;
}
.image-152 {
width: 32px;
max-width: none;
height: 32px;
}
.link-18 {
margin-top: 10px;
margin-bottom: 10px;
}
.nu-sctn {
display: none;
}
.nu-sctn.hide-greater-tablet {
display: block;
}
.nu-sctn-layout {
width: 100%;
padding-left: 16px;
padding-right: 16px;
}
.nu-display {
font-size: 72px;
}
.nu-hero-wrapper {
display: none;
}
.nu-3-col-grid {
grid-template-columns: 1fr 1fr;
}
.nu-ref-class {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr;
}
.nu-1-1-grid.break-on-tablet {
grid-template-columns: 1fr;
}
.nu-half-pd {
padding-right: 0%;
}
.der-tiles-list {
grid-template-columns: 1fr 1fr 1fr;
}
.der-tile {
width: 96px;
height: 96px;
}
.der-image-wrapper {
width: 64px;
}
.notifications-feed, .search-widget {
height: 160px;
}
.notifications-tab-large {
height: 400px;
}
.section-logo {
overflow: hidden;
}
.logo_component-slider {
grid-column-gap: 3rem;
}
.padding-vertical {
padding-left: 0;
padding-right: 0;
}
.page-padding.s0 {
margin-top: 2rem;
margin-bottom: 2rem;
}
.only-logo-menu {
width: 100%;
padding-left: 16px;
padding-right: 16px;
}
.logo-wrapper {
display: none;
}
.container-47 {
max-width: 728px;
}
.gallery-wrapper {
grid-template-columns: 1fr 1fr;
}
.gallery-slider-left {
left: -20px;
}
.gallery-slider-right {
right: -20px;
}
.nu-1-2-grid-r {
grid-row-gap: 24px;
grid-template-columns: 1fr;
}
.div-block-673 {
grid-template-columns: 1fr;
}
.benefits-tile {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.benefits-image-wrapper {
position: relative;
}
.gridbox-image {
box-shadow: none;
}
.eb-form-field {
max-width: 100%;
}
.container-48 {
max-width: 728px;
}
.hero-wrapper {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
margin-bottom: -40px;
}
.hero-split {
max-width: 100%;
margin-bottom: 40px;
}
.employer-branding-sctn-grid._64pd {
padding-left: 32px;
}
.employer-branding-sctn-grid.horizontal {
grid-template-columns: 1fr 1fr 1fr;
}
.eb-hero-section-layout.small {
grid-template-columns: 1fr;
}
.body-4 {
background-position: 100% 100%;
}
.image-158 {
margin-top: 140px;
}
.image-159 {
margin-top: 60px;
}
.image-161 {
padding-top: 40px;
padding-right: 20px;
}
.link-block-24 {
top: 150px;
left: 70px;
}
.link-block-25 {
top: 150px;
left: 235px;
}
.link-block-26 {
top: 160px;
left: 405px;
}
.text-block-96 {
padding-left: 15px;
padding-right: 15px;
}
.image-162 {
width: 32px;
max-width: none;
height: 32px;
}
.menu-bar--new-2 {
background-color: #fafafa;
}
.latest-blog-wrapper-2 {
display: none;
}
.image-163 {
width: 32px;
max-width: none;
height: 32px;
}
.btn-3.primary-700-bg.xenon-flex:lang(de) {
font-size: 14px;
}
.btn-3.primary-700-bg.products {
margin-top: -75px;
margin-bottom: 95px;
font-size: 14px;
}
.btn-3.primary-700-bg.gridbox-section {
margin-top: -168px;
font-size: 14px;
}
.btn-3.primary-700-bg.hems-modules {
margin-top: 91px;
font-size: 14px;
}
.btn-3.primary-700-bg.api-prodcuts {
font-size: 14px;
}
.btn-3.primary-700-bg.security {
font-size: 12px;
}
.btn-3.primary-700-bg.robust {
font-size: 14px;
}
.latest-blog-wrapper-3 {
display: none;
}
.image-164, .image-165 {
width: 32px;
max-width: none;
height: 32px;
}
.nav-menu-wrapper {
background-color: #0000;
}
.nav-menu {
background-color: #fff;
flex-wrap: wrap;
justify-content: space-around;
align-items: center;
padding-left: 0;
display: flex;
}
.nav-link-3 {
padding-left: 5px;
padding-right: 5px;
}
.nav-dropdown-list.shadow-three.w--open {
position: absolute;
}
.nav-button-wrapper {
width: 100%;
margin-left: 0;
}
.menu-button-3 {
padding: 12px;
}
.menu-button-3.w--open {
color: #fff;
background-color: #a6b1bf;
}
.container-50 {
max-width: 728px;
}
.nav-menu-two {
background-color: #fff;
border-radius: 50px;
flex-wrap: wrap;
justify-content: space-around;
align-items: center;
margin-top: 10px;
padding: 20px;
display: flex;
box-shadow: 0 8px 50px #0000000d;
}
.nav-menu-wrapper-2 {
background-color: #0000;
}
.nav-menu-5 {
background-color: #fff;
flex-wrap: wrap;
justify-content: space-around;
align-items: center;
padding-left: 0;
display: flex;
}
.nav-link-4 {
padding-left: 5px;
padding-right: 5px;
}
.nav-dropdown-list-2.shadow-three.w--open {
position: absolute;
}
.nav-dropdown-list-2.shadow-three.mobile-shadow-hide.left.w--open {
left: -109px;
}
.nav-button-wrapper-2 {
width: 100%;
margin-left: 0;
}
.menu-button-4 {
padding: 12px;
}
.menu-button-4.w--open {
color: #fff;
background-color: #a6b1bf;
}
.grid-modules {
grid-template-columns: 1fr;
}
.heading-69 {
font-size: 30px;
}
.section-image {
padding-top: 15px;
}
.content-text, .content-text-left {
font-size: 14px;
}
.grid-15 {
grid-template-columns: 1fr;
}
.section-82 {
display: none;
}
.grid-18 {
grid-template-columns: 1fr;
}
.heading-74 {
font-size: 28px;
}
.div-block-747 {
padding-left: 15px;
padding-right: 15px;
}
.heading-76 {
font-size: 52px;
}
.grid-20 {
grid-template-columns: 1fr 1fr;
}
.div-block-759 {
min-height: 360px;
}
.div-block-760 {
padding-right: 15px;
}
.container-64 {
max-width: 700px;
}
.text-block-149 {
color: var(--grey-5);
font-weight: 300;
}
.grid-22 {
grid-template-columns: 1fr;
}
.div-block-764 {
padding-left: 15px;
padding-right: 15px;
}
.further-reading-wrapper {
padding-left: 11px;
padding-right: 11px;
}
.further-reading-grid {
padding-left: 12px;
padding-right: 12px;
}
.heading-89, .heading-90, .heading-91 {
font-size: 21px;
}
.nav-menu-wrapper-3 {
background-color: #0000;
}
.nav-menu-6 {
background-color: #fff;
flex-wrap: wrap;
justify-content: space-around;
align-items: center;
padding-left: 0;
display: flex;
}
.nav-link-5 {
padding-left: 5px;
padding-right: 5px;
}
.nav-dropdown-list-3.shadow-three.w--open {
position: absolute;
}
.nav-button-wrapper-3 {
width: 100%;
margin-left: 0;
}
.menu-button-5 {
padding: 12px;
}
.menu-button-5.w--open {
color: #fff;
background-color: #a6b1bf;
}
.container-78 {
max-width: 728px;
}
.gallery-wrapper-2 {
grid-template-columns: 1fr 1fr;
}
.gallery-sticky {
position: relative;
top: 0;
}
.container-79 {
max-width: 728px;
}
.gallery-wrapper-3 {
grid-template-columns: 1fr 1fr;
}
.gallery-slider-left-2 {
left: -20px;
}
.gallery-slider-right-2 {
right: -20px;
}
.testimonial-slide {
padding-left: 32px;
}
.testimonial-quote {
overflow: visible;
}
.linear-background {
padding-left: 11px;
padding-right: 11px;
}
.linear-background.new-design {
margin-top: -21px;
padding-left: 32px;
padding-right: 32px;
}
._1040-hero-container.spacing, ._1040-hero-container.spacing.v2 {
margin-top: 0;
}
.heading-109.font {
font-size: 40px;
}
.paragraph-24.font {
font-size: 15px;
}
.nav-menu-wrapper-4 {
background-color: #0000;
}
.nav-menu-7 {
background-color: #fff;
flex-wrap: wrap;
justify-content: space-around;
align-items: center;
padding-left: 0;
display: flex;
}
.nav-link-6 {
padding-left: 5px;
padding-right: 5px;
}
.nav-dropdown-list-4.shadow-three.w--open {
position: absolute;
}
.nav-button-wrapper-4 {
width: 100%;
margin-left: 0;
}
.menu-button-6 {
padding: 12px;
}
.menu-button-6.w--open {
color: #fff;
background-color: #a6b1bf;
}
.nav-menu-wrapper-5 {
background-color: #0000;
}
.nav-menu-8 {
background-color: #fff;
flex-wrap: wrap;
justify-content: space-around;
align-items: center;
padding-left: 0;
display: flex;
}
.nav-link-7 {
padding-left: 5px;
padding-right: 5px;
}
.nav-dropdown-list-5.shadow-three.w--open {
position: absolute;
}
.nav-button-wrapper-5 {
width: 100%;
margin-left: 0;
}
.menu-button-7 {
padding: 12px;
}
.menu-button-7.w--open {
color: #fff;
background-color: #a6b1bf;
}
.div-block-848 {
position: fixed;
}
.section-109, .section-109.xenon, .section-109.e-mob, .section-109.gridbox, .section-109.hems, .section-109.about, .section-109.about:lang(de), .section-109.resources {
display: none;
}
.text-block-201 {
font-size: 30px;
}
.text-block-202 {
font-size: 15px;
}
.text-block-203 {
font-size: 33px;
}
.text-block-204 {
font-size: 20px;
}
.grid-42 {
padding-left: 25px;
padding-right: 25px;
}
.grid-42.rfgx {
grid-template-columns: 1fr 1fr 1fr;
}
.div-block-863.e-mobility-modules {
padding-left: 11px;
padding-right: 11px;
}
.text-block-205 {
font-size: 16px;
}
.text-block-206 {
font-size: 28px;
}
.heading-114 {
text-align: center;
font-size: 28px;
}
.heading-115 {
font-size: 35px;
}
.text-block-208 {
font-size: 16px;
}
.heading-116 {
text-align: center;
font-size: 28px;
}
.container-95 {
justify-content: center;
display: none;
}
.tabs-menu-3 {
display: none;
}
.tab-pane-tab-1-2 {
padding-right: 10px;
}
.image-190 {
width: 48px;
height: 48px;
margin-top: 25px;
margin-bottom: 25px;
margin-right: 25px;
}
.container-97 {
justify-content: center;
align-items: stretch;
max-width: 1040px;
margin-top: 20px;
padding-left: 25px;
padding-right: 25px;
display: flex;
}
.div-block-878 {
align-self: flex-start;
margin-left: 500px;
padding-top: 0;
}
.hidden-menu {
background-color: var(--neutral-100);
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
width: 300px;
height: 100vh;
margin-right: -300px;
padding-top: 10%;
padding-left: 3%;
display: flex;
position: fixed;
inset: 0% 0% 0% auto;
}
.div-block-880 {
z-index: 9;
position: relative;
}
.image-191 {
cursor: pointer;
}
.grid-44 {
grid-template-columns: 1fr;
}
.div-block-882 {
display: none;
}
.heading-117 {
text-align: center;
font-size: 28px;
}
.nav-menu-wrapper-6 {
background-color: #0000;
}
.nav-menu-9 {
background-color: #fff;
flex-wrap: wrap;
justify-content: space-around;
align-items: center;
padding-left: 0;
display: flex;
}
.nav-link-8 {
padding-left: 5px;
padding-right: 5px;
}
.nav-dropdown-list-6.shadow-three.w--open {
position: absolute;
}
.nav-button-wrapper-6 {
width: 100%;
margin-left: 0;
}
.menu-button-8 {
padding: 12px;
}
.menu-button-8.w--open {
color: #fff;
background-color: #a6b1bf;
}
.grid-45:lang(de) {
padding-left: 11px;
padding-right: 11px;
}
.tabs-menu-4, .div-block-900, .tabs-menu-6 {
display: none;
}
.text-block-224 {
font-size: 14px;
}
.div-block-909 {
min-width: 120px;
min-height: 140px;
}
.div-block-909._2row {
min-height: 140px;
}
.div-block-909.big {
min-width: 160px;
min-height: 150px;
}
.text-block-227 {
font-size: 15px;
}
.text-block-227:lang(de) {
font-size: 11px;
}
.text-block-228 {
font-size: 21px;
}
.link-32 {
color: var(--neutral-800);
font-size: 22px;
}
.link-32:active {
opacity: .8;
}
.link-menu-button {
padding-top: 11px;
padding-bottom: 24px;
}
.modules-images {
max-width: 45px;
}
.image-203, .image-204 {
max-width: 300px;
}
.image-207 {
padding-top: 70px;
padding-bottom: 70px;
}
.image-208 {
padding-top: 35px;
padding-bottom: 35px;
}
.text-block-230 {
line-height: 130%;
}
.container-103 {
margin-top: 0;
}
.container-103:lang(de) {
padding-left: 11px;
padding-right: 11px;
}
.div-block-938 {
margin-top: -58px;
}
.div-block-945 {
margin-top: -50px;
}
.locales-wrapper-2 {
padding-top: 24px;
padding-bottom: 24px;
}
.locale {
padding-top: 11px;
padding-bottom: 11px;
}
.link-34 {
color: #242c34;
font-size: 22px;
}
.link-34:active {
opacity: .8;
}
.div-block-967 {
z-index: 9;
position: relative;
}
.container-105 {
justify-content: center;
display: none;
}
.div-block-969 {
position: fixed;
}
.locales-wrapper-3 {
padding-top: 24px;
padding-bottom: 24px;
}
.image-222 {
cursor: pointer;
}
.div-block-970 {
align-self: flex-start;
margin-left: 500px;
padding-top: 0;
}
.hidden-menu-2 {
background-color: #f1f4fa;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
width: 300px;
height: 100vh;
margin-right: -300px;
padding-top: 10%;
padding-left: 3%;
display: flex;
position: fixed;
inset: 0% 0% 0% auto;
}
.container-106 {
justify-content: center;
align-items: stretch;
max-width: 1040px;
margin-top: 20px;
padding-left: 25px;
padding-right: 25px;
display: flex;
}
.step-form {
padding-left: 70px;
padding-right: 70px;
}
.form-select-field {
width: 280px;
}
.slider-6 {
width: 635px;
}
.radio-button-label-3, .text-block-247 {
font-size: 10px;
}
.collection-list-31 {
padding-left: 20px;
padding-right: 20px;
}
.container-111 {
max-width: 728px;
}
.nav-menu-wrapper-7 {
background-color: #0000;
}
.nav-menu-two-2 {
background-color: #fff;
border-radius: 50px;
flex-wrap: wrap;
justify-content: space-around;
align-items: center;
margin-top: 10px;
padding: 20px;
display: flex;
box-shadow: 0 8px 50px #0000000d;
}
.nav-link-9 {
padding-left: 5px;
padding-right: 5px;
}
.nav-dropdown-list-7.shadow-three.w--open {
position: absolute;
}
.menu-button-9 {
padding: 12px;
}
.menu-button-9.w--open {
color: #fff;
background-color: #a6b1bf;
}
.description-wrapper {
flex-flow: column;
}
.div-block-1010 {
margin-top: 11px;
}
.image-239 {
max-width: 75%;
}
.paragraph-30 {
font-size: 15px;
}
.bold-text-15:lang(de) {
font-weight: 500;
}
.section-120 {
padding-left: 11px;
padding-right: 11px;
}
.container-113 {
max-width: 728px;
}
.gallery-wrapper-4 {
grid-template-columns: 1fr 1fr;
}
.gallery-sticky-2 {
position: relative;
top: 0;
}
}
@media screen and (max-width: 767px) {
h1 {
font-size: 48px;
}
h2 {
font-size: 32px;
}
h3 {
font-size: 22px;
}
.section {
min-height: 350px;
padding: 32px 16px;
}
.section.grey-bg {
min-height: 350px;
}
.section.half {
min-height: 200px;
}
.section.top {
padding-top: 64px;
}
.section.dark-bg {
min-height: 200px;
padding-top: 32px;
padding-bottom: 32px;
}
._1-1-1-grid {
grid-row-gap: 8px;
grid-template-columns: 1fr;
}
.footer {
padding: 40px 20px;
}
.footer-flex-container {
grid-template-columns: 1fr;
justify-items: center;
}
.footer-heading, .footer-heading.address, .text-block-2 {
text-align: center;
}
.solution-wrapper-wide {
grid-template-columns: 1fr;
height: auto;
padding-bottom: 16px;
}
.solution-image-wide {
width: auto;
height: 100%;
}
.center.white {
font-size: 24px;
}
.sub-header-bold {
font-size: 40px;
}
.sub-header-bold.small {
font-size: 32px;
}
.sub-header-bold.padded.white {
padding-bottom: 8px;
}
.background-wrapper {
grid-template-columns: 1fr;
}
.solutions-wrapper {
padding-left: 16px;
padding-right: 16px;
}
.gridbox-wrapper, .tech-table {
grid-template-columns: 1fr;
}
.value-section-wrapper {
grid-template-columns: 1fr;
justify-items: center;
width: auto;
}
.div-block-150 {
display: none;
}
.full-width {
grid-template-columns: 1fr;
}
.responsive-container {
max-width: 100%;
padding-left: 8px;
padding-right: 8px;
}
.div-block-178 {
padding-left: 16px;
padding-right: 16px;
}
.list, .list-2, .list-3 {
text-align: center;
}
.div-block-181 {
flex-direction: column;
grid-template-rows: 2fr 10fr;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
min-height: 90vh;
display: block;
}
.webinar-text-wrapper {
background-color: #181e23;
width: auto;
padding-top: 160px;
padding-bottom: 16px;
padding-left: 16px;
}
.div-block-183 {
padding-top: 16px;
padding-left: 16px;
padding-right: 16px;
}
.section-23 {
background-image: linear-gradient(to bottom, var(--black-background) 32%, white 32%, white);
height: auto;
min-height: 90vh;
padding-top: 96px;
padding-bottom: 64px;
}
.section-23.quote {
background-image: none;
padding-top: 0;
padding-bottom: 32px;
}
.div-block-184 {
padding-left: 0;
display: block;
}
.integrations-wrapper {
grid-template-columns: 1fr;
}
.devices-wrapper {
grid-template-columns: 1fr 1fr;
}
.social-media-wrapper {
flex-direction: row;
justify-content: center;
align-items: center;
margin-left: 0;
padding-top: 8px;
}
.social-media-container {
width: 72px;
height: 72px;
}
.annotation.outline {
position: absolute;
inset: -4px -30px auto auto;
}
.div-block-200 {
justify-content: center;
position: relative;
}
.media-archive-wrapper {
grid-template-columns: 1fr;
}
.div-block-212 {
width: 100%;
padding-top: 16px;
padding-bottom: 16px;
}
.pm {
padding-bottom: 8px;
}
.hide-on-mobile {
display: none;
}
.webinar-container {
flex-direction: column;
grid-template-rows: 2fr 10fr;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
min-height: 90vh;
padding-left: 0;
padding-right: 0;
display: flex;
}
.webinar-form-wrapper {
padding-top: 16px;
padding-left: 16px;
padding-right: 16px;
}
.newsletter {
padding-top: 16px;
padding-bottom: 16px;
}
.year-slide {
height: 11.11%;
}
.year-slide.color {
height: 12.5%;
}
.year-slide.hide-on-mobile-portrait {
display: block;
}
.cloud._4 {
right: -20%;
}
.year-content._1 {
text-align: right;
inset: 0% 16px auto auto;
}
.year-content._2 {
z-index: 1;
text-align: right;
bottom: 50%;
left: auto;
right: 16px;
}
.year-content._3 {
text-align: right;
bottom: 20%;
left: auto;
right: 16px;
}
.year-content._4 {
inset: 0% auto auto;
}
.year-content._6 {
inset: 0% 0% auto 16px;
}
.year-content._9 {
z-index: 4;
justify-content: center;
display: flex;
inset: 0% 0% auto;
}
.year-figure.small-on-mobile {
font-size: 32px;
}
.bottom-image-container._1 {
z-index: 1;
}
.bottom-image-container._2 {
z-index: 2;
}
.bottom-image-container._3 {
inset: auto 0% 0%;
}
.div-block-248 {
z-index: 3;
width: 66vw;
height: auto;
max-height: 150vh;
}
.image-48 {
width: auto;
min-width: 100%;
max-width: none;
}
.christmas-tree {
max-height: 240vh;
margin-left: auto;
margin-right: auto;
display: block;
}
.div-block-251 {
width: 120vw;
height: 600vh;
}
.blog-header {
font-size: 40px;
}
.blog-text blockquote {
padding-left: 16px;
font-size: 18px;
line-height: 28px;
}
.blog-text h6 {
padding-left: 16px;
}
.subscribe-form-input {
border-radius: 0;
font-size: 16px;
}
.heading-27 {
font-size: 2rem;
}
.text-block-37 {
font-size: 16px;
}
.text-block-37.narrow {
max-width: 300px;
}
.submit-button {
width: 100%;
font-size: 16px;
}
.div-block-257 {
grid-column-gap: 16px;
grid-row-gap: 0px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.container-29 {
padding-top: 96px;
padding-bottom: 40px;
}
.div-block-263 {
padding-left: 16px;
padding-right: 16px;
}
.blog-header-container {
grid-template-columns: 1fr;
}
.div-block-260-copy {
width: 200%;
inset: auto auto -32px -50%;
}
.div-block-267 {
grid-template-columns: 1fr;
padding-left: 8px;
padding-right: 8px;
}
.div-block-269 {
padding-left: 8px;
padding-right: 8px;
}
.div-block-256-copy {
grid-template-rows: auto;
grid-template-columns: 1fr;
padding-left: 16px;
padding-right: 16px;
}
.div-block-259-copy {
display: none;
}
.div-block-270 {
margin-left: 8px;
margin-right: 8px;
}
.notification-bar-container {
grid-column-gap: 16px;
grid-row-gap: 0px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
justify-items: center;
display: grid;
}
.notification-close {
font-size: 32px;
line-height: 32px;
inset: 0% 4px auto auto;
transform: none;
}
.blog-teaser-text-wrapper {
padding-right: 0;
}
.blog-teaser-card {
margin-left: 16px;
margin-right: 16px;
}
.collection-list-3 {
grid-template-columns: 1fr;
}
.heading-32 {
margin-left: 16px;
margin-right: 16px;
}
.sub-menu-content._2 {
grid-row-gap: 8px;
grid-template-columns: 1fr;
}
.sub-menu-content._3 {
grid-template-columns: 1fr;
}
.mobile-menu--icon {
right: 32px;
}
.mobile-menu-close--icon {
z-index: 10;
}
.div-block-257-copy {
display: block;
}
.container-32 {
margin-bottom: -40px;
}
.collection-list-5 {
grid-template-columns: 1fr;
}
.collection-item-3 {
justify-content: center;
padding-top: 0;
padding-bottom: 0;
}
.collection-item-3:nth-child(odd), .collection-item-3:nth-child(2n), .collection-item-3:first-child, .collection-item-3:last-child {
transform: translate(0);
}
.image-57 {
max-height: 256px;
}
.team-page-container {
max-width: 100%;
padding-left: 8px;
padding-right: 8px;
}
.image-58 {
display: none;
}
.div-block-317 {
grid-template-columns: 3fr;
}
.div-block-319 {
display: none;
}
.div-block-321 {
grid-template-columns: 1fr;
display: block;
}
.container-34, .container-35, .container-36 {
padding-left: 16px;
padding-right: 16px;
}
.div-block-331 {
flex-direction: column;
align-items: center;
display: flex;
}
.div-block-333 {
grid-column-gap: 0px;
grid-row-gap: 0px;
margin-bottom: 64px;
}
.waben-container {
margin: 0;
}
.waben-container.down {
transform: translate(0, 64px);
}
.wg-element-2 {
justify-content: center;
width: 100%;
}
.collection-list-6 {
grid-row-gap: 16px;
grid-template-columns: 1fr;
}
.div-block-348 {
display: none;
}
.container-37 {
padding-left: 16px;
padding-right: 16px;
}
.div-block-353 {
margin-left: -32px;
padding-left: 32px;
}
.collection-list-9 {
grid-row-gap: 64px;
grid-template-columns: 1fr 1fr;
}
.div-block-383, .container-41 {
padding-left: 8px;
padding-right: 8px;
}
.div-block-386 {
grid-template-columns: 1fr 1fr;
}
.display-01 {
font-size: 48px;
}
.display-02 {
font-size: 32px;
}
.display-02.neutral-800.overboard {
width: 100%;
}
.h1 {
font-size: 48px;
}
.h2 {
font-size: 40px;
}
.h3 {
font-size: 32px;
}
.subheading-1.neutral-600 {
font-size: 14px;
}
.body-01, .body-02 {
font-size: 16px;
}
.full-width-container {
padding: 0;
}
._1-1-columns {
padding-left: 16px;
padding-right: 16px;
}
.hom {
display: none;
}
._1-2-grid, ._1-5-grid {
grid-row-gap: 8px;
grid-template-columns: 1fr;
}
.collection-list-10 {
grid-template-columns: 1fr;
padding-left: 16px;
padding-right: 16px;
}
.hero-section-n {
min-height: 480px;
padding-top: 80px;
}
.section-container.no-overflow {
overflow: hidden;
}
.section-layout {
padding-top: 64px;
padding-bottom: 64px;
}
.section-layout._64-pd-top {
padding-top: 32px;
}
.section-layout.faq {
padding-top: 128px;
}
.section-layout.pd-32-top-64-bottom {
padding-top: 32px;
padding-bottom: 32px;
}
.section-layout.blog-top {
padding-top: 35px;
}
.section-layout._64-pd-bottom, .section-layout.pd-32-btm.gdays, .section-layout.press {
padding-top: 128px;
}
.grid-1-1 {
grid-template-columns: 1fr;
}
.div-block-420 {
grid-row-gap: 8px;
grid-template-columns: 1fr;
}
.div-block-420._64pd {
padding-left: 0;
}
.div-block-420.horizontal, .div-block-427 {
grid-template-columns: 1fr;
}
.image-75-copy {
max-width: 75%;
max-height: none;
}
.div-block-428 {
justify-content: center;
width: 100%;
height: 256px;
display: flex;
}
.feature-row.neutral-100-bg {
padding-top: 8px;
padding-bottom: 8px;
}
.div-block-437 {
flex-direction: column;
align-items: flex-start;
}
.button-copy.pd-16 {
margin-left: 0;
}
.reference-card.collection {
width: 80vw;
}
.success-story-hero {
min-height: 640px;
}
.btn.primary-700-bg.button-copy.center-on-mobile {
text-align: center;
}
.grid-1-1-1-1 {
grid-template-columns: 1fr 1fr 1fr;
}
.grid-1-1-1-1.wide {
grid-template-columns: 1fr;
}
.logo-container {
width: 128px;
height: 24px;
}
.div-block-464-copy {
padding-top: 32px;
}
._64-pd-right {
padding-right: 0;
}
._64-pd-left {
padding-left: 0;
}
.sub-menu--modules {
grid-template-columns: 1fr;
}
.modules-text {
width: auto;
}
.company-list {
grid-row-gap: 8px;
}
.feature-img--no-effect {
max-height: 100%;
}
.div-block-491 {
justify-content: center;
display: flex;
}
.hero--laptop, .hero--phone {
left: 0;
}
.image--number {
max-width: 50%;
}
.feature--intuitive-ui {
max-height: 100%;
}
.feature-intuitive-ui-wrapper {
justify-content: center;
width: 100%;
height: 256px;
display: flex;
}
.image-91 {
height: 320px;
}
.reference-card--referal {
padding-left: 24px;
padding-right: 24px;
}
.collection-list-12 {
grid-template-columns: 1fr;
grid-auto-flow: column;
overflow: visible;
}
.collection-list-wrapper {
width: 100vw;
margin-left: -32px;
padding-left: 32px;
overflow: scroll;
}
.div-block-502 {
margin-bottom: 16px;
}
.xenon-benefits-wrapper {
padding-top: 32px;
}
.footer-grid {
text-align: center;
grid-template-columns: 1fr 1fr 1fr;
justify-items: center;
}
.gridbox-grid {
grid-row-gap: 16px;
grid-template-columns: 1fr;
}
.employee-tiles {
height: 320px;
}
.employee-ilst {
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.collection-list-16 {
grid-template-columns: 1fr;
}
.reference-logos {
padding-top: 32px;
}
.div-block-521 {
position: static;
}
.video-1-1 {
grid-template-columns: 1fr;
}
.lp-grid {
grid-row-gap: 32px;
grid-template-columns: 1fr;
}
.download-grid, .executive-summary-grid {
grid-template-columns: 1fr;
}
.div-block-528 {
padding-top: 32px;
padding-bottom: 32px;
}
.form-5.emboss-3 {
flex-direction: column;
}
.section-layout-signup-hero {
padding-top: 96px;
}
.div-block-534 {
margin-left: -16px;
}
.div-block-535 {
padding-bottom: 16px;
}
.new-banner-section {
padding-top: 24px;
}
.faq-wrapper-1 {
padding: 32px;
}
.div-block-540 {
grid-column-gap: 0px;
grid-row-gap: 0px;
}
.div-block-584.gradient-3-ew {
justify-content: center;
align-items: center;
display: flex;
}
.div-block-586 {
grid-template-rows: auto;
}
.div-block-586.v2 {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.div-block-587 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-items: center;
display: grid;
}
.collection-list-3-copy {
grid-template-columns: 1fr;
}
.image-120 {
max-width: 50%;
}
.collection-item-15 {
grid-template-columns: 1fr;
}
.div-block-590 {
display: none;
}
.press-release-feed {
grid-row-gap: 16px;
}
.link-block-14, .link-block-14-copy {
grid-row-gap: 4px;
}
.div-block-594 {
display: none;
}
.collection-list-21, .div-block-599 {
grid-template-columns: 1fr;
}
.tab-choice {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-items: center;
display: grid;
}
.div-block-604, .collection-list-24 {
grid-template-columns: 1fr;
}
.gd-speaker:nth-child(2n) {
margin-top: 0;
}
.collection-list-25.hide-on-mobile {
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-flow: row;
display: none;
}
.div-block-620 {
height: 32px;
}
.thank-you-wrapper {
padding: 16px;
}
.street-light.mid {
height: 128px;
}
.heading-49 {
font-size: 28px;
}
.review-copy---center {
grid-column-gap: 4px;
grid-row-gap: 4px;
justify-items: center;
max-width: 90vw;
top: 24px;
}
.review-copy---left {
justify-items: end;
top: 24px;
}
.review-copy---left.center-on-mobile {
justify-items: center;
}
.div-block-632-copy {
top: 24px;
}
.peak-carbon-emissions {
top: auto;
bottom: 30vh;
}
.swiss-pumped {
left: 25%;
}
.gridx-contribution-copy {
right: 0;
}
.gridx-contribution-copy-2 {
left: 0;
}
.gridx-contribution-copy-3 {
right: 0;
}
.div-block-635 {
align-items: flex-start;
display: flex;
}
.gridx-contribution-copy-7 {
left: 40%;
}
.h3-small {
font-size: 32px;
}
.h3-small.bold {
font-size: 18px;
}
.benefits-block-w-icon {
grid-row-gap: 8px;
}
._1-2-cols {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-columns: 1fr;
}
.select-block-w-icon {
grid-row-gap: 8px;
margin-right: 10px;
}
.calc-fig, .symbol-fig {
font-size: 16px;
}
.strategy-camera {
height: 384px;
}
.strategy {
max-height: 100%;
position: relative;
}
.charging-block {
display: flex;
}
.image-148 {
width: 24px;
}
.image-149 {
height: 24px;
}
.knowledge-header-wrapper {
padding-left: 0%;
}
.knowledge-toc {
display: none;
}
.knowledge-list {
grid-template-columns: 1fr 1fr;
}
.section-layout-hero {
padding-top: 160px;
}
.div-block-662 {
display: none;
}
.h1-small.bold.neutral-800 {
font-size: 28px;
}
.knowledge-preview-image {
display: none;
}
.link-18 {
text-align: center;
}
.nu-sctn {
padding-top: 72px;
padding-bottom: 72px;
}
.nu-sctn-layout {
grid-row-gap: 32px;
}
.nu-col {
flex-direction: column;
}
.nu-header-wrapper {
width: 465px;
padding-left: 0;
padding-right: 0;
}
.nu-display {
font-size: 50px;
}
.nu-hero-wrapper {
display: none;
}
.nu-content-wrapper, .nu-btn-wrapper {
width: 465px;
padding-left: 0;
padding-right: 0;
}
.nu-btn-wrapper.center-on-wide {
justify-content: flex-start;
}
.nu-logo-section {
grid-row-gap: 16px;
grid-template-columns: 1fr 1fr;
padding-top: 8px;
}
.nu-logo-section.margin {
display: none;
}
.nu-proof-point {
padding-left: 0;
padding-right: 16px;
}
.nu-3-col-grid {
flex-direction: column;
grid-template-columns: 1fr;
}
.der-tile-wrapper {
width: 100%;
height: auto;
}
.nu-ref-class {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
width: 100vw;
margin-left: -16px;
padding-top: 16px;
padding-bottom: 16px;
padding-left: 16px;
position: relative;
top: 0%;
overflow: scroll;
transform: translate(0);
}
.nu-third-pd {
padding-right: 0%;
}
.nu-1-1-grid {
grid-row-gap: 32px;
flex-direction: column;
grid-template-columns: 1fr;
}
.nu-half-pd {
padding-right: 0%;
}
.nu-subpoint-wrapper-horizontal {
grid-template-columns: 1fr;
}
.nu-1-2-grid {
grid-row-gap: 32px;
flex-direction: column;
grid-template-columns: 1fr;
}
.nu-hero-buffer {
height: 64px;
display: block;
}
.der-tiles-list {
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.referenc-tile-wrapper {
width: 100%;
height: auto;
min-height: 0;
}
.dark-on-mobile {
background-color: var(--neutral-800);
padding: 160px 16px 32px;
}
.nu-mid-8-col {
padding-left: 0%;
padding-right: 0%;
}
.nu-header-wrapper-center {
padding-left: 0;
padding-right: 0;
}
.nu-2-1-grid {
grid-template-columns: 2fr;
}
.nu-mid-6-col {
padding-left: 0%;
padding-right: 0%;
}
.nu-col-vertical {
flex-direction: column;
}
.logo_component-slider {
grid-row-gap: 2rem;
flex-direction: row;
grid-template-columns: 1fr;
justify-content: flex-start;
align-items: center;
}
.padding-vertical {
padding-left: 0;
padding-right: 0;
}
.logo-image {
height: 24px;
}
.center-on-wide {
text-align: left;
}
.only-logo-menu {
grid-row-gap: 32px;
padding-top: 16px;
}
.image-153 {
height: 32px;
}
.gallery-slider {
padding: 64px 0;
}
.gallery-slide-text {
line-height: 30px;
}
.gallery-slider-left {
left: -20px;
}
.gallery-slider-right {
right: -20px;
}
.gallery-slide-text-wrapper {
line-height: 30px;
}
.nu-1-2-grid-r {
grid-row-gap: 32px;
flex-direction: column;
grid-template-columns: 1fr;
}
.benefits-tile {
grid-template-columns: 1fr;
}
.div-block-675 {
grid-row-gap: 8px;
flex-direction: column;
}
.hero-stack, .hero-heading-left, .hero-heading-right {
padding: 60px 15px;
}
.employer-branding-sctn-grid {
grid-row-gap: 8px;
}
.employer-branding-sctn-grid._64pd {
padding-left: 0;
}
.employer-branding-sctn-grid.horizontal {
grid-template-columns: 1fr;
}
.eb-hero-section-layout {
padding-top: 64px;
padding-bottom: 64px;
}
.eb-hero-section-layout._64-pd-top {
padding-top: 32px;
}
.eb-hero-section-layout.faq {
padding-top: 128px;
}
.eb-hero-section-layout.pd-32-top-64-bottom {
padding-top: 32px;
padding-bottom: 32px;
}
.eb-hero-section-layout.blog-top, .eb-hero-section-layout._64-pd-bottom, .eb-hero-section-layout.pd-32-btm.gdays, .eb-hero-section-layout.press {
padding-top: 128px;
}
.body-4 {
background-position: 100% 0;
}
.image-158 {
margin-top: 160px;
}
.image-159 {
float: left;
}
.image-161 {
margin-left: 0;
}
.link-block-24 {
top: 125px;
left: 35px;
}
.link-block-25 {
top: 120px;
left: 165px;
}
.link-block-26 {
top: 125px;
left: 295px;
}
.lp-thank-you-message {
font-size: 35px;
}
.body-5, .body-6, .body-7, .btn-3.primary-700-bg.gridbox {
font-size: 14px;
}
.btn-3.primary-700-bg.products {
margin-top: -40px;
margin-bottom: 85px;
padding: 8px 11px;
font-size: 12px;
}
.btn-3.primary-700-bg.gridbox-section {
margin-top: -145px;
margin-bottom: 160px;
padding: 8px 11px;
font-size: 12px;
}
.btn-3.primary-700-bg.hems-modules {
margin-top: 175px;
margin-bottom: 175px;
padding: 8px 11px;
font-size: 11px;
}
.btn-3.primary-700-bg.api-prodcuts {
padding: 8px 11px;
font-size: 12px;
}
.btn-3.primary-700-bg.security {
margin-top: 50px;
padding: 8px 11px;
font-size: 11px;
}
.btn-3.primary-700-bg.robust {
margin-top: -10px;
font-size: 12px;
}
.btn-3.primary-700-bg.smarter-e, .body-8, .body-9, .body-10, .body-11, .body-12, .body-13 {
font-size: 14px;
}
.navbar-brand {
padding-left: 0;
}
.nav-menu {
flex-direction: column;
padding-bottom: 30px;
padding-left: 0;
}
.nav-link-3 {
padding-top: 10px;
padding-bottom: 10px;
display: inline-block;
}
.nav-dropdown {
flex-direction: column;
align-items: center;
display: flex;
}
.nav-dropdown-toggle {
padding-top: 10px;
padding-bottom: 10px;
}
.nav-dropdown-list.shadow-three {
box-shadow: 0 8px 50px #0000000d;
}
.nav-dropdown-list.shadow-three.w--open {
position: relative;
}
.nav-dropdown-list.shadow-three.mobile-shadow-hide {
box-shadow: none;
}
.mobile-margin-top-10 {
margin-top: 10px;
}
.navbar-logo-left-container {
max-width: 100%;
}
.nav-menu-two {
border-radius: 20px;
flex-direction: column;
padding-bottom: 30px;
}
.nav-divider {
width: 200px;
max-width: 100%;
height: 1px;
margin-top: 10px;
margin-bottom: 10px;
}
.nav-link-accent {
margin-right: 5px;
padding-top: 10px;
padding-bottom: 10px;
display: inline-block;
}
.navbar-brand-2 {
padding-left: 0;
}
.nav-menu-5 {
flex-direction: column;
padding-bottom: 30px;
padding-left: 0;
}
.nav-link-4 {
padding-top: 10px;
padding-bottom: 10px;
display: inline-block;
}
.nav-dropdown-2 {
flex-direction: column;
align-items: center;
display: flex;
}
.nav-dropdown-toggle-2 {
padding-top: 10px;
padding-bottom: 10px;
}
.nav-dropdown-list-2.shadow-three {
box-shadow: 0 8px 50px #0000000d;
}
.nav-dropdown-list-2.shadow-three.w--open {
position: relative;
}
.nav-dropdown-list-2.shadow-three.mobile-shadow-hide {
box-shadow: none;
}
.nav-dropdown-list-2.shadow-three.mobile-shadow-hide.left.w--open {
left: -15px;
}
.mobile-margin-top-11 {
margin-top: 10px;
}
.trusted-by {
margin-bottom: -25px;
}
.container-52 {
grid-column-gap: 0px;
grid-row-gap: 0px;
padding-left: 20px;
padding-right: 20px;
}
.text-block-112 {
font-size: 14px;
}
.div-block-707 {
padding-left: 30px;
}
.container-53 {
padding-left: 20px;
}
.heading-69 {
font-size: 29px;
}
.section-image {
padding-top: 35px;
}
.content-text {
font-size: 13px;
}
.heading-71 {
font-size: 38px;
}
.grid-16, .grid-18 {
grid-template-columns: 1fr;
}
.div-block-747 {
min-width: 560px;
}
.heading-76 {
font-size: 36px;
}
.grid-20.ready-for-gridx-logos {
grid-template-columns: 1fr 1fr;
}
.div-block-764 {
min-width: 500px;
max-width: 500px;
padding-left: 55px;
padding-right: 65px;
}
.heading-80 {
font-size: 18px;
}
.text-block-154 {
font-size: 15px;
}
.preview-wrapper {
grid-template-columns: 1fr;
padding-left: 25px;
padding-right: 25px;
}
.heading-89, .heading-90, .heading-91 {
font-size: 20px;
}
.div-block-789 {
margin-top: 15px;
}
.navbar-brand-3 {
padding-left: 0;
}
.nav-menu-6 {
flex-direction: column;
padding-bottom: 30px;
padding-left: 0;
}
.nav-link-5 {
padding-top: 10px;
padding-bottom: 10px;
display: inline-block;
}
.nav-dropdown-3 {
flex-direction: column;
align-items: center;
display: flex;
}
.nav-dropdown-toggle-3 {
padding-top: 10px;
padding-bottom: 10px;
}
.nav-dropdown-list-3.shadow-three {
box-shadow: 0 8px 50px #0000000d;
}
.nav-dropdown-list-3.shadow-three.w--open {
position: relative;
}
.nav-dropdown-list-3.shadow-three.mobile-shadow-hide {
box-shadow: none;
}
.mobile-margin-top-12 {
margin-top: 10px;
}
.gallery-scroll, .gallery-slider-2 {
padding: 60px 15px;
}
.gallery-slide-2 {
margin-left: 10px;
margin-right: 10px;
}
.gallery-slide-text-2 {
line-height: 30px;
}
.gallery-slider-left-2 {
left: -20px;
}
.gallery-slider-right-2 {
right: -20px;
}
.testimonial-slider-large {
padding: 60px 15px;
}
.testimonial-slide {
flex-direction: column;
padding: 23px;
}
.testimonial-content {
max-width: none;
margin-bottom: 40px;
margin-right: 0;
}
.testimonial-quote-icon {
width: 50px;
margin-bottom: 16px;
}
.testimonial-image-two {
width: 100%;
height: auto;
}
.container-80 {
padding-left: 45px;
padding-right: 45px;
}
.grid-35 {
grid-template-columns: 1fr;
}
.section-101 {
margin-top: 180px;
}
.grid-39, .hero-grid {
grid-template-columns: 1fr;
}
.form12_checkbox_field {
width: 48%;
margin-bottom: 15px;
margin-left: 0;
margin-right: 0;
}
.mobile-nav-bottom {
z-index: 5;
background-color: #fff;
border-top: 1px solid #8395b126;
height: 100px;
display: block;
position: fixed;
inset: auto 0% 0%;
}
.previous, .next {
z-index: 6;
position: fixed;
}
.checkbox_wrap {
flex-wrap: wrap;
justify-content: space-between;
}
.form-wrapper-2 {
width: 100%;
}
.form-content-2 {
width: 90%;
}
.heading-113 {
font-size: 38px;
}
.text-block-200 {
font-size: 20px;
}
.forms-container {
padding-left: 100px;
padding-right: 100px;
}
.navbar-brand-4 {
padding-left: 0;
}
.nav-menu-7 {
flex-direction: column;
padding-bottom: 30px;
padding-left: 0;
}
.nav-link-6 {
padding-top: 10px;
padding-bottom: 10px;
display: inline-block;
}
.nav-dropdown-4 {
flex-direction: column;
align-items: center;
display: flex;
}
.nav-dropdown-toggle-4 {
padding-top: 10px;
padding-bottom: 10px;
}
.nav-dropdown-list-4.shadow-three {
box-shadow: 0 8px 50px #0000000d;
}
.nav-dropdown-list-4.shadow-three.w--open {
position: relative;
}
.nav-dropdown-list-4.shadow-three.mobile-shadow-hide {
box-shadow: none;
}
.mobile-margin-top-13 {
margin-top: 10px;
}
.navbar-brand-5 {
padding-left: 0;
}
.nav-menu-8 {
flex-direction: column;
padding-bottom: 30px;
padding-left: 0;
}
.nav-link-7 {
padding-top: 10px;
padding-bottom: 10px;
display: inline-block;
}
.nav-dropdown-5 {
flex-direction: column;
align-items: center;
display: flex;
}
.nav-dropdown-toggle-5 {
padding-top: 10px;
padding-bottom: 10px;
}
.nav-dropdown-list-5.shadow-three {
box-shadow: 0 8px 50px #0000000d;
}
.nav-dropdown-list-5.shadow-three.w--open {
position: relative;
}
.nav-dropdown-list-5.shadow-three.mobile-shadow-hide {
box-shadow: none;
}
.mobile-margin-top-14 {
margin-top: 10px;
}
.section-109.about {
display: none;
}
.text-block-201 {
font-size: 22px;
}
.grid-41:lang(de) {
grid-template-columns: 1fr;
}
.grid-41.gridbox {
grid-template-columns: 1fr 1fr;
}
.text-block-203 {
font-size: 34px;
}
.text-block-203:lang(de) {
font-size: 30px;
}
.text-block-204 {
font-size: 21px;
line-height: 140%;
}
.text-block-204:lang(de) {
font-size: 17px;
}
.grid-42:lang(de) {
grid-template-columns: 1fr;
}
.grid-42.rfgx:lang(de) {
grid-template-columns: 1fr 1fr;
}
.grid-43 {
grid-template-columns: 1fr;
}
.container-93 {
padding-left: 8px;
padding-right: 8px;
}
.div-block-878 {
margin-left: 380px;
}
.navbar-brand-6 {
padding-left: 0;
}
.nav-menu-9 {
flex-direction: column;
padding-bottom: 30px;
padding-left: 0;
}
.nav-link-8 {
padding-top: 10px;
padding-bottom: 10px;
display: inline-block;
}
.nav-dropdown-6 {
flex-direction: column;
align-items: center;
display: flex;
}
.nav-dropdown-toggle-6 {
padding-top: 10px;
padding-bottom: 10px;
}
.nav-dropdown-list-6.shadow-three {
box-shadow: 0 8px 50px #0000000d;
}
.nav-dropdown-list-6.shadow-three.w--open {
position: relative;
}
.nav-dropdown-list-6.shadow-three.mobile-shadow-hide {
box-shadow: none;
}
.mobile-margin-top-15 {
margin-top: 10px;
}
.image-193, .image-194, .image-195, .image-196, .image-197, .image-198 {
display: none;
}
.div-block-888 {
padding-left: 15px;
padding-right: 15px;
}
.text-block-212 {
font-size: 34px;
}
.grid-45 {
grid-template-columns: 1fr;
}
.grid-45:lang(de) {
grid-template-columns: 1fr;
padding-left: 35px;
padding-right: 35px;
}
.text-block-213:lang(de), .text-block-214:lang(de) {
font-size: 27px;
}
.div-block-896 {
padding-left: 105px;
padding-right: 105px;
}
.div-block-915 {
padding-left: 40px;
padding-right: 40px;
}
.text-block-228 {
font-size: 18px;
}
.link-32 {
font-size: 20px;
}
.div-block-929 {
padding-left: 105px;
padding-right: 105px;
}
.image-205, .image-206, .image-209, .image-210 {
max-width: 200px;
}
.div-block-932 {
display: none;
}
.container-103 {
padding-left: 11px;
padding-right: 11px;
}
.text-block-237 {
font-size: 38px;
}
.div-block-952 {
margin-top: -20px;
}
.link-34 {
font-size: 20px;
}
.div-block-970 {
margin-left: 380px;
}
.step-form {
padding-left: 15px;
padding-right: 15px;
}
.content-form.slide2 {
padding-left: 125px;
}
.content-form.hems {
padding-top: 40px;
}
.form-field-name {
font-size: 14px;
}
.form-select-field {
width: 175px;
}
.slider-6 {
width: 530px;
}
.radio-button-label-3 {
font-size: 10px;
}
.text-block-247:lang(de) {
width: 255px;
margin-top: 5px;
}
.field-label-28, .field-label-29, .field-label-30, .field-label-31, .field-label-32 {
font-size: 14px;
}
.collection-list-31 {
grid-template-columns: 1fr 1fr;
}
.text-block-253, .text-block-254 {
font-size: 14px;
}
.heading-119 {
font-size: 18px;
}
.navbar-logo-left-container-2 {
max-width: 100%;
}
.navbar-brand-7 {
padding-left: 0;
}
.nav-menu-two-2 {
border-radius: 20px;
flex-direction: column;
padding-bottom: 30px;
}
.nav-link-9 {
padding-top: 10px;
padding-bottom: 10px;
display: inline-block;
}
.nav-dropdown-7 {
flex-direction: column;
align-items: center;
display: flex;
}
.nav-dropdown-toggle-7 {
padding-top: 10px;
padding-bottom: 10px;
}
.nav-dropdown-list-7.shadow-three {
box-shadow: 0 8px 50px #0000000d;
}
.nav-dropdown-list-7.shadow-three.w--open {
position: relative;
}
.nav-dropdown-list-7.shadow-three.mobile-shadow-hide {
box-shadow: none;
}
.nav-divider-2 {
width: 200px;
max-width: 100%;
height: 1px;
margin-top: 10px;
margin-bottom: 10px;
}
.nav-link-accent-2 {
margin-right: 5px;
padding-top: 10px;
padding-bottom: 10px;
display: inline-block;
}
.mobile-margin-top-16 {
margin-top: 10px;
}
.bold-text-14 {
font-size: 28px;
}
.image-239 {
max-width: 50%;
}
.heading-123 {
font-size: 22px;
}
.gallery-scroll-2, .gallery-overview {
padding: 60px 15px;
}
}
@media screen and (max-width: 479px) {
body {
overflow: auto;
}
h2 {
margin-top: 10px;
margin-bottom: 2px;
font-size: 2em;
}
h3 {
margin-top: 10px;
margin-bottom: 5px;
}
.nav-menu-3 {
background-color: var(--off-white);
width: 100%;
}
.button-2 {
border-radius: 3px;
}
.teaser-paragraph.wide.neutral-400._100.v2 {
font-size: 12px;
}
.teaser-paragraph.wide.neutral-500.newsletter-consent.v2 {
font-size: 10px;
}
.solution-description {
height: auto;
}
.footer {
text-align: left;
padding-bottom: 0;
padding-left: 20px;
padding-right: 20px;
}
.footer-flex-container {
flex-direction: column;
margin-bottom: 0;
}
.footer-heading {
margin-top: 20px;
}
.address-block {
margin-bottom: 8px;
}
.sub-header-bold {
font-size: 32px;
}
.sub-header-bold.black {
font-size: 22px;
}
.sub-header-bold.white.center-on-mobile {
text-align: center;
}
.sub-header-bold.small {
font-size: 24px;
}
.sub-header-bold.small.white {
font-size: 22px;
}
.sub-header-bold.center-on-mobile {
text-align: center;
}
.background-wrapper {
padding-left: 16px;
padding-right: 16px;
}
.bullet-container.highlights {
justify-items: center;
}
.bullet-header.figure.white {
font-size: 32px;
}
.gb-highlight-wrapper {
grid-template-columns: 1fr;
}
.div-block-178 {
padding-left: 8px;
padding-right: 8px;
}
.section-23 {
background-image: linear-gradient(to bottom, var(--black-background) 40%, white 40%, white);
}
.section-23.webinar {
padding-bottom: 16px;
}
.div-block-184 {
padding-top: 8px;
padding-bottom: 8px;
}
.integration-card {
margin-left: 8px;
margin-right: 8px;
}
.integrations-wrapper, .devices-wrapper {
grid-template-columns: 1fr;
}
.div-block-200 {
justify-content: center;
}
.wwd-container {
grid-row-gap: 8px;
grid-template-columns: 1fr;
}
.left-wrapper2 {
grid-template-columns: 1fr;
}
.webinar-container {
min-height: 0;
display: flex;
}
.year-slide, .year-slide.color {
height: 12.5%;
}
.year-slide.hide-on-mobile-portrait {
display: none;
}
.year-content {
padding-right: 16px;
}
.year-content.right {
padding-left: 16px;
}
.year-content._1 {
text-align: left;
inset: auto auto 60% 16px;
}
.year-content._2 {
text-align: left;
bottom: 40%;
left: 16px;
}
.year-content._3 {
text-align: left;
bottom: 20%;
left: 16px;
}
.year-content._4 {
bottom: auto;
}
.year-content._6 {
top: 0;
}
.year-content._9 {
padding-left: 16px;
inset: 0% 0% auto;
}
.year-text-wrapper._8pd {
padding-left: 8px;
}
.year-figure.small-on-mobile {
font-size: 32px;
}
.bottom-image-container._3 {
align-items: flex-end;
inset: auto 0% 0%;
}
.div-block-248 {
height: auto;
max-height: none;
}
.div-block-249 {
padding-top: 32px;
padding-left: 16px;
padding-right: 16px;
}
.year-tiny.center {
padding-top: 8px;
font-size: 18px;
}
.div-block-251 {
width: 160vw;
height: 600vh;
}
.blog-header {
font-size: 32px;
}
.blog-text {
text-align: left;
}
.blog-text h2 {
margin-top: 12px;
margin-bottom: 4px;
line-height: 1.2;
}
.blog-text p {
font-size: 16px;
line-height: 1.7;
}
.subscribe-form-input-wrapper {
flex: 1;
align-self: stretch;
}
.subscribe-form-input {
width: 100%;
height: auto;
}
.heading-27 {
font-size: 2.5rem;
}
.submit-button {
width: 100%;
}
.div-block-257 {
flex: 1;
}
.div-block-260-copy {
width: 130%;
bottom: -64px;
left: -15%;
}
.div-block-256-copy {
grid-template-columns: 1fr;
}
.div-block-259-copy {
padding-top: 170px;
}
.notification-bar-container {
flex-direction: column;
}
.notification-message {
text-align: center;
padding-bottom: 8px;
}
.notification-message.body-02.neutral-100 {
padding-bottom: 0;
}
.div-block-272 {
height: 120px;
}
.sub-menu-wrapper-new {
padding: 24px 12px;
}
.sub-menu-content-new {
max-width: 100%;
padding: 0;
position: relative;
}
.sub-menu-content {
grid-column-gap: 8px;
grid-row-gap: 8px;
grid-template-columns: 1fr 1fr;
}
.sub-menu-content._2 {
grid-column-gap: 8px;
grid-row-gap: 8px;
}
.sub-menu-content._3 {
grid-row-gap: 8px;
}
.sub-menu-item-new {
grid-column-gap: 8px;
max-width: none;
}
.sub-menu-icon-container {
width: 32px;
}
.sub-menu-positioner {
display: block;
}
.sub-menu {
width: 100%;
padding-left: 8px;
padding-right: 8px;
}
.menu--modules {
padding: 12px 8px 16px;
}
.mobile-menu--icon {
right: 16px;
}
.div-block-297 {
height: 100vh;
}
.box {
width: 48px;
}
.clock-number {
font-size: 40px;
}
.div-block-300 {
padding-left: 8px;
padding-right: 8px;
}
.div-block-257-copy {
flex: 1;
display: block;
}
.container-32 {
margin-bottom: -48px;
}
.badge-wrapper {
height: 240px;
}
.heading-33 {
font-size: 48px;
}
.text-block-52.comma {
display: none;
}
.div-block-324 {
display: block;
}
.div-block-325 {
display: none;
}
.link-14 {
padding-right: 12px;
}
.heading-37 {
padding-bottom: 16px;
}
.div-block-335 {
grid-template-columns: 1fr 3fr;
}
.gridxdays-h2 {
font-size: 40px;
}
.div-block-337 {
grid-template-columns: 3fr;
}
.programm_wabe {
display: none;
}
.div-block-341 {
z-index: 1;
position: relative;
}
.topic-wabe {
max-width: 120%;
}
.collection-list-6, .div-block-345 {
grid-template-columns: 1fr;
}
.div-block-350 {
grid-template-columns: 1fr;
padding-bottom: 32px;
padding-left: 8px;
padding-right: 8px;
}
.div-block-352 {
padding-left: 16px;
}
.collection-item-4 {
padding-bottom: 16px;
}
.div-block-353 {
margin-left: -16px;
padding-left: 16px;
}
.text-block-59 {
padding-right: 0;
}
.collection-list-7 {
grid-column-gap: 8px;
grid-template-columns: 1fr 1fr;
}
.div-block-359 {
display: none;
}
.div-block-361 {
padding-left: 16px;
}
.text-block-58-copy {
color: var(--turqouis);
display: block;
}
.div-block-364 {
padding-left: 8px;
padding-right: 8px;
}
.heading-46 {
margin-right: 48px;
}
.div-block-366 {
right: 16px;
}
.text-block-64 {
width: auto;
}
.collection-list-9 {
grid-template-columns: 1fr;
}
.slot-detail {
padding-left: 8px;
padding-right: 8px;
}
.image-66 {
height: 138.72px;
}
.div-block-374 {
display: none;
}
.div-block-375 {
justify-content: center;
display: flex;
}
.div-block-382 {
padding-right: 0;
}
.div-block-383, .container-41 {
padding-left: 8px;
padding-right: 8px;
}
.display-01 {
font-size: 40px;
}
.h1, .h1.extra-bold.small {
font-size: 32px;
}
.h2 {
font-size: 24px;
}
.h2.bold.small {
font-size: 32px;
}
.h2.centre {
text-align: center;
}
.h3 {
font-size: 20px;
}
.h3.extra-bold.small._48pd {
padding-right: 0;
}
.h3.bold.small, .h3.bold.neutral-700, .h3.bold {
font-size: 20px;
}
.subheading-1 {
font-size: 16px;
}
.body-01.neutral-500.narrow.v2, .body-02.neutral-600 {
font-size: 14px;
}
.div-block-399 {
flex-direction: column;
}
.div-block-402 {
display: none;
}
.section-66 {
height: 60vh;
}
.text-block-73 {
padding-left: 8px;
padding-right: 8px;
}
.hero-section-n {
padding-top: 128px;
}
.section-container {
padding-left: 16px;
padding-right: 16px;
}
.section-layout.blog-top {
padding-top: 35px;
}
.section-layout._64-pd-bottom {
padding-top: 144px;
}
.section-layout.pd-32-btm.gdays {
padding-top: 32px;
}
.div-block-420._64pd {
padding-left: 0;
}
.div-block-420._64pd.align-right {
padding-top: 0;
padding-bottom: 0;
}
.section-small.top {
padding-top: 32px;
}
.section-small.knowledge {
padding-top: 128px;
}
.div-block-427 {
grid-template-columns: 1fr;
}
.image-75-copy {
max-width: 100%;
max-height: none;
position: relative;
top: 0%;
transform: translate(0);
}
.div-block-428 {
width: 100%;
margin-bottom: 16px;
}
.div-block-436._90:lang(de) {
max-width: 350px;
}
.feature-row {
grid-row-gap: 4px;
grid-template-columns: 1fr;
padding-top: 16px;
padding-bottom: 16px;
}
.feature-row.neutral-100-bg {
padding-top: 16px;
padding-bottom: 16px;
}
.div-block-437 {
flex-direction: column;
align-items: flex-start;
}
.overline.bold.secondary-500.v2.v2-1 {
padding-left: 15px;
}
.div-block-435-copy {
grid-template-columns: 1fr;
}
.section-layout-copy {
margin-top: 0;
padding-top: 31px;
padding-bottom: 31px;
}
.reference-card.collection {
width: 90vw;
}
.reference-logo {
max-width: 128px;
}
.neutral-50-bg {
padding-bottom: 32px;
}
.references--quote.listing {
width: 80vw;
}
.grid-2-1 {
display: none;
}
.grid-1-1-1-1 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-columns: 1fr 1fr;
}
.grid-1-1-1-1.split {
grid-template-columns: 1fr 1fr;
}
.logo-container {
width: 96px;
height: 24px;
}
.sub-menu--modules {
grid-column-gap: 8px;
grid-row-gap: 8px;
}
.menu--platform, .menu--company {
padding: 12px 8px 16px;
}
.feature-img--no-effect, .feature--intuitive-ui {
max-width: 100%;
max-height: none;
position: relative;
top: 0%;
transform: translate(0);
}
.feature-intuitive-ui-wrapper {
width: 100%;
margin-bottom: 16px;
}
.collection-list-12, .cta-wrapper {
grid-template-columns: 1fr;
}
.div-relative.drop-shadow.rounded-16px.hide-overflow.special {
margin-left: -16px;
margin-right: -16px;
}
.footer-grid {
grid-template-columns: 1fr 1fr;
}
.footer-section {
grid-row-gap: 8px;
}
.lp-grid {
grid-template-columns: 1fr;
}
.div-block-523 {
padding-bottom: 8px;
}
.div-block-527 {
padding-bottom: 0;
}
.div-block-528 {
padding-top: 0;
padding-bottom: 0;
}
.div-block-530 {
grid-template-columns: 1fr;
display: block;
}
.div-block-587 {
grid-column-gap: 8px;
grid-template-columns: 1fr 1fr;
}
.div-block-591 {
padding-top: 16px;
}
.collection-list-21 {
grid-template-rows: auto;
grid-auto-flow: column;
}
.div-block-596 {
padding-right: 50%;
}
.collection-list-wrapper-2 {
margin-left: -32px;
padding-left: 32px;
overflow: scroll;
}
.newsletter-btn.v2 {
padding-left: 8px;
}
.tab-choice {
grid-column-gap: 8px;
grid-template-columns: 1fr;
justify-items: start;
}
.div-block-605 {
flex-direction: column;
}
.div-block-614 {
padding-right: 24px;
}
.text-block-89.hide-on-ver-phone {
display: none;
}
.add-to-calendar {
text-align: center;
width: 100%;
right: 0;
}
.track, .final-greeting {
display: none;
}
.mobile-message {
grid-column-gap: 8px;
grid-row-gap: 8px;
text-align: center;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.review-start-copy, .review-end {
display: none;
}
.image-142 {
width: 48px;
}
.lottie-animation-12 {
display: none;
}
.calc-step {
grid-template-columns: 1fr 2fr;
}
.calc-figure {
background-color: #0000;
}
.full-width-card {
margin-left: -16px;
margin-right: -16px;
padding-left: 16px;
padding-right: 16px;
}
.div-block-648 {
width: 150%;
}
.div-block-649 {
overflow: hidden;
}
.click-slider {
padding-left: 8px;
padding-right: 8px;
}
.menu--use-cases {
padding: 12px 8px 16px;
}
.knowledge-list {
grid-template-columns: 1fr;
}
.section-layout-hero {
margin-top: 0;
padding-top: 160px;
padding-bottom: 31px;
}
.h1-small.bold.neutral-800, .h1-small.bold.neutral-800:lang(de) {
font-size: 22px;
}
.link-18 {
margin-top: 0;
margin-bottom: 3px;
}
.nu-sctn {
display: none;
}
.nu-sctn.nu-neutral-50-bg {
background-color: var(--neutral-50);
}
.nu-header-wrapper {
width: 330px;
}
.nu-display {
font-size: 40px;
}
.nu-content-wrapper {
width: 330px;
}
.nu-btn-wrapper {
grid-row-gap: 16px;
flex-direction: column;
align-items: flex-start;
width: 330px;
}
.nu-ref-class {
width: 85vw;
padding-bottom: 32px;
right: -16px;
}
.der-tiles-list {
grid-template-columns: 1fr 1fr 1fr;
}
.blog-text-summary {
text-align: left;
}
.blog-text-summary h2 {
margin-top: 12px;
margin-bottom: 4px;
line-height: 1.2;
}
.blog-text-summary p {
font-size: 16px;
line-height: 1.7;
}
.blog-text-paragraph {
text-align: left;
}
.blog-text-paragraph h2 {
margin-top: 12px;
margin-bottom: 4px;
line-height: 1.2;
}
.blog-text-paragraph p {
font-size: 16px;
line-height: 1.7;
}
.nu-hems-feature-sctn {
margin-top: 0;
padding-top: 31px;
padding-bottom: 31px;
}
.logo_component-slider {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
overflow: hidden;
}
.padding-vertical {
padding-left: 0;
padding-right: 0;
}
.padding-vertical.padding-xxlarge {
padding-top: 2rem;
padding-bottom: 2rem;
}
.page-padding.s0 {
margin-bottom: 0;
padding-top: 1em;
padding-bottom: 1em;
}
.container-47 {
max-width: none;
}
.gallery-wrapper {
grid-template-columns: 1fr;
}
.gallery-slide-wrapper {
margin-right: 0%;
}
.gallery-slider-left {
left: -20px;
}
.gallery-slider-right {
right: -20px;
}
.container-48 {
max-width: none;
}
.employer-branding-sctn-grid._64pd {
padding-left: 0;
}
.section-small-copy.top {
padding-top: 32px;
}
.section-small-copy.knowledge {
padding-top: 128px;
}
.eb-hero-section-layout.blog-top, .eb-hero-section-layout._64-pd-bottom {
padding-top: 144px;
}
.eb-hero-section-layout.pd-32-btm.gdays {
padding-top: 32px;
}
.background-video-2 {
aspect-ratio: 375 / 667;
top: 0%;
}
.body-4 {
-webkit-text-fill-color: inherit;
background-position: 50% 0;
background-clip: content-box;
}
.link-block-23 {
inset: auto auto 0% 0%;
}
.image-158 {
margin-top: 0;
display: block;
}
.image-159 {
float: right;
clear: none;
margin-top: 20px;
}
.grid-2 {
grid-template-columns: 1fr;
grid-auto-flow: row;
}
.image-161 {
padding-top: 0;
padding-right: 0;
line-height: 120%;
}
.link-block-24 {
top: 150px;
left: 5px;
}
.link-block-25 {
top: 150px;
left: 80px;
}
.link-block-26 {
top: 150px;
left: 155px;
}
.lp-thank-you-message {
font-size: 30px;
}
.text-block-96 {
font-size: 22px;
}
.btn-3.primary-700-bg.module-cta, .btn-3.primary-700-bg.xenon-flex {
font-size: 14px;
}
.btn-3.primary-700-bg.products {
margin-top: -1px;
margin-left: 11px;
padding-top: 5px;
padding-bottom: 5px;
font-size: 10px;
}
.btn-3.primary-700-bg.gridbox-section {
margin-top: -87px;
margin-bottom: 115px;
padding-top: 5px;
padding-bottom: 5px;
font-size: 10px;
}
.btn-3.primary-700-bg.hems-modules {
margin-top: 264px;
margin-bottom: 115px;
margin-left: -16px;
padding-top: 5px;
padding-bottom: 5px;
font-size: 10px;
}
.btn-3.primary-700-bg.api-prodcuts {
margin-top: -10px;
padding-top: 5px;
padding-bottom: 5px;
font-size: 10px;
}
.btn-3.primary-700-bg.security {
padding-top: 5px;
padding-bottom: 5px;
font-size: 10px;
}
.btn-3.primary-700-bg.robust {
margin-bottom: 0;
padding-top: 5px;
padding-bottom: 5px;
font-size: 10px;
}
.btn-3.primary-700-bg.xenon {
padding-top: 5px;
padding-bottom: 5px;
font-size: 10px;
}
.btn-3.primary-700-bg.installers {
font-size: 12px;
}
.btn-3.primary-700-bg.e-mob-modules {
font-size: 14px;
}
.btn-3.primary-700-bg.form {
width: 70px;
padding-left: 5px;
padding-right: 5px;
font-size: 14px;
}
.btn-3.primary-700-bg.form.left {
width: 80px;
margin-left: 0;
padding-left: 5px;
padding-right: 5px;
font-size: 14px;
}
.btn-3.primary-700-bg.submit-form {
padding-left: 5px;
padding-right: 5px;
font-size: 14px;
}
.btn-3.primary-700-bg.installer-id {
font-size: 14px;
}
.btn-3.primary-700-bg.smarter-e {
text-align: center;
}
.nav-menu {
flex-direction: column;
}
.nav-button-wrapper {
width: auto;
}
.container-50 {
max-width: none;
}
.nav-menu-two, .nav-menu-5 {
flex-direction: column;
}
.nav-dropdown-list-2.shadow-three.mobile-shadow-hide.left.w--open {
left: -15px;
}
.nav-button-wrapper-2 {
width: auto;
}
.link-block-36 {
width: 305px;
}
.grid-company {
grid-template-columns: 1fr;
}
.heading-56 {
padding-left: 15px;
padding-right: 15px;
}
.text-block-112 {
font-size: 12px;
}
.div-block-707 {
padding-left: 15px;
}
.heading-58 {
padding-right: 10px;
}
.div-block-708, .div-block-709 {
width: 285px;
}
.section-75 {
padding-top: 35px;
}
.heading-65 {
text-align: center;
}
.text-block-131 {
width: 275px;
}
.div-block-728 {
padding-left: 25px;
padding-right: 10px;
}
.heading-69 {
font-size: 21px;
line-height: 1.1;
}
.section-text {
padding-left: 5px;
padding-right: 5px;
}
.section-image {
align-self: flex-start;
padding-top: 55px;
}
.grid-13 {
grid-column-gap: 13px;
grid-row-gap: 13px;
}
.content-text {
font-size: 13px;
}
.content-text:lang(de) {
font-size: 11px;
}
.content-text-left {
font-size: 13px;
}
.content-text-left:lang(de) {
font-size: 12px;
}
.grid-14 {
grid-template-columns: 1fr;
}
.heading-70 {
font-size: 25px;
}
.paragraph-8 {
font-size: 16px;
}
.text-block-138 {
font-size: 15px;
}
.heading-71 {
text-align: center;
font-size: 30px;
}
.section-82 {
display: none;
}
.heading-74 {
font-size: 22px;
}
.div-block-744 {
width: 150px;
}
.div-block-747 {
min-width: 325px;
}
.image-175 {
padding-top: 30px;
}
.heading-76 {
font-size: 48px;
}
.grid-19, .grid-20 {
grid-template-columns: 1fr;
}
.heading-77.v2:lang(de) {
font-size: 2em;
}
.div-block-759 {
min-height: 250px;
}
.heading-78:lang(de) {
font-size: 28px;
}
.image-179, .text-block-150 {
display: none;
}
.text-block-151 {
font-size: 14px;
}
.heading-79 {
font-size: 22px;
}
.div-block-764 {
min-width: 325px;
max-width: 325px;
}
.text-block-152, .text-block-153 {
font-size: 14px;
}
.div-block-767 {
display: block;
}
.heading-82 {
font-size: 18px;
}
.div-block-770 {
font-size: 14px;
}
.heading-83 {
padding-left: 11px;
padding-right: 11px;
font-size: 22px;
}
.heading-84 {
padding-left: 11px;
padding-right: 11px;
font-size: 38px;
}
.heading-85 {
padding-left: 11px;
padding-right: 11px;
font-size: 18px;
}
.rich-text-block-3 {
max-width: 350px;
padding-left: 35px;
padding-right: 35px;
}
.paragraph-16 {
min-width: 240px;
margin-left: -50px;
font-size: 14px;
}
.further-reading-grid {
grid-template-columns: 1fr;
}
.heading-93 {
font-size: 22px;
}
.container-74 {
padding-left: 11px;
padding-right: 11px;
}
.heading-100 {
font-size: 32px;
}
.heading-101 {
width: 250px;
padding-left: 11px;
padding-right: 11px;
font-size: 21px;
display: block;
}
.div-block-788 {
grid-column-gap: 0px;
grid-row-gap: 0px;
}
.paragraph-18 {
font-size: 14px;
}
.box-right {
width: 120px;
height: 125px;
margin-bottom: 11px;
}
.div-block-789 {
flex-flow: column;
margin-top: -260px;
padding-right: 7px;
}
.div-block-791 {
padding-right: 11px;
}
.div-block-793 {
width: 585px;
}
.container-77 {
margin-top: 100px;
}
.text-block-166 {
text-align: center;
padding-left: 25px;
padding-right: 25px;
font-size: 14px;
}
.nav-menu-6 {
flex-direction: column;
}
.nav-button-wrapper-3 {
width: auto;
}
.container-78 {
max-width: none;
}
.gallery-wrapper-2 {
grid-template-columns: 1fr;
}
.container-79 {
max-width: none;
}
.gallery-wrapper-3 {
grid-template-columns: 1fr;
}
.gallery-slide-wrapper-2 {
max-width: 100%;
margin-right: 0%;
}
.gallery-slider-left-2 {
left: -20px;
}
.gallery-slider-right-2 {
right: -20px;
}
.testimonial-quote-icon {
width: 30px;
}
.testimonial-quote {
font-size: 22px;
line-height: 30px;
}
.testimonial-author-image-three {
margin-right: 16px;
}
.text-block-172 {
max-width: 270px;
margin-left: 80px;
font-size: 14px;
}
.paragraph-19 {
font-size: 14px;
}
.grid-37, .grid-38 {
grid-template-columns: 1fr;
}
.heading-107 {
font-size: 2em;
}
.tabs-menu-2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.div-block-811 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.paragraph-23 {
padding-left: 11px;
padding-right: 11px;
}
._1040-hero-container.spacing.v2 {
padding-top: 80px;
}
.left-content.installers:lang(de) {
max-width: 150px;
}
.right-content:lang(de) {
display: none;
}
.heading-109 {
font-size: 38px;
}
.heading-109.font:lang(de) {
font-size: 22px;
}
.heading-109.font.installers:lang(de) {
font-size: 18px;
}
.paragraph-24.font:lang(de), .div-block-822:lang(de) {
max-width: 315px;
}
.form12_checkbox_field {
width: 49%;
min-width: auto;
height: 130px;
margin-bottom: 15px;
margin-right: 0;
}
.slider-3 {
height: auto;
}
.submit-button-6 {
margin-bottom: -85px;
position: absolute;
bottom: 0;
left: 0;
right: 0;
}
.previous {
max-width: 75px;
display: flex;
}
.mask {
height: 100%;
position: static;
}
.checkbox_wrap {
flex-wrap: wrap;
}
.form-section-title {
font-size: 2em;
line-height: 1.3em;
}
.slider-content-wrap {
justify-content: center;
width: 100%;
margin-bottom: 140px;
padding: 50px 10px;
}
.form-content-2 {
width: 100%;
}
.div-block-839 {
max-width: 350px;
}
.heading-113 {
font-size: 24px;
}
.text-block-200 {
font-size: 16px;
}
.forms-container {
padding-left: 215px;
padding-right: 215px;
}
.nav-menu-7 {
flex-direction: column;
}
.nav-button-wrapper-4 {
width: auto;
}
.nav-menu-8 {
flex-direction: column;
}
.nav-button-wrapper-5 {
width: auto;
}
.text-block-201 {
font-size: 20px;
}
.text-block-202 {
font-size: 13px;
}
.grid-41 {
grid-template-columns: 1fr;
}
.text-block-203 {
font-size: 33px;
}
.text-block-203:lang(de) {
font-size: 30px;
line-height: 111%;
}
.text-block-204 {
font-size: 15px;
}
.text-block-204:lang(de) {
font-size: 17px;
}
.grid-42 {
grid-template-columns: 1fr;
}
.grid-42.rfgx {
grid-template-columns: 1fr 1fr;
}
.grid-42.rfgx:lang(de) {
grid-template-columns: 1fr;
}
.div-block-863.e-mobility-modules {
display: none;
}
.grid-43 {
grid-template-columns: 1fr;
}
.heading-114 {
font-size: 22px;
}
.heading-115 {
font-size: 28px;
}
.text-block-208 {
font-size: 14px;
}
.heading-116 {
font-size: 22px;
}
.div-block-876 {
display: none;
}
.div-block-878 {
margin-left: 145px;
}
.div-block-881 {
display: none;
}
.div-block-881.installers:lang(de) {
display: block;
}
.heading-117 {
font-size: 22px;
}
.nav-menu-9 {
flex-direction: column;
}
.nav-button-wrapper-6 {
width: auto;
}
.image-194, .image-195, .image-196, .image-197 {
display: block;
}
.div-block-888 {
display: none;
}
.text-block-212 {
font-size: 33px;
}
.grid-45 {
padding-left: 0;
padding-right: 0;
}
.grid-45:lang(de) {
max-width: 293px;
padding-left: 19px;
padding-right: 19px;
}
.text-block-213, .text-block-214 {
font-size: 21px;
}
.div-block-895 {
justify-content: flex-start;
padding-left: 11px;
padding-right: 11px;
}
.div-block-896 {
padding-left: 80px;
padding-right: 80px;
}
.div-block-896:lang(de) {
padding-left: 60px;
}
.div-block-897 {
justify-content: flex-start;
padding-left: 11px;
padding-right: 11px;
}
.link-block-module {
padding-right: 0;
}
.link-block-module:lang(de) {
max-width: 340px;
}
.tabs-menu-4 {
flex-flow: column;
max-width: 235px;
margin-left: auto;
margin-right: auto;
display: block;
}
.tabs-content-3 {
min-height: 225px;
}
.text-block-216 {
font-size: 12px;
}
.tab-link-tab-2-6.minw {
margin-top: 0;
}
.text-block-217 {
font-size: 12px;
}
.tab-link-tab-3-5 {
margin-top: 0;
}
.text-block-218 {
font-size: 12px;
}
.tab-link-tab-4-4 {
margin-top: 0;
}
.text-block-219 {
font-size: 12px;
}
.tabs-menu-6 {
flex-flow: column;
align-items: center;
margin-left: auto;
margin-right: auto;
padding-left: 11px;
padding-right: 11px;
display: flex;
}
.text-block-220, .text-block-221, .text-block-222, .text-block-223 {
font-size: 12px;
}
.div-block-908 {
justify-content: flex-start;
padding-left: 11px;
padding-right: 11px;
}
.text-block-224 {
font-size: 13px;
}
.div-block-909 {
min-width: 100px;
}
.text-block-227 {
font-size: 11px;
}
.text-block-227:lang(de) {
font-size: 13px;
}
.div-block-915 {
padding-left: 80px;
padding-right: 80px;
}
.div-block-915:lang(de) {
padding-right: 0;
}
.image-202 {
padding-left: 11px;
padding-right: 11px;
}
.div-block-927, .div-block-928 {
display: none;
}
.image-203, .image-204 {
max-width: 200px;
}
.div-block-929 {
padding-left: 80px;
padding-right: 80px;
}
.div-block-930 {
padding-left: 20px;
}
.div-block-930:lang(de) {
padding-left: 15px;
}
.image-207 {
padding-top: 0;
padding-bottom: 0;
}
.image-211 {
max-width: 100px;
}
.text-block-230, .text-block-230:lang(de) {
font-size: 18px;
}
.image-213 {
max-width: 225px;
}
.grid-51 {
grid-template-columns: 1fr;
}
.mask-2 {
max-width: 330px;
}
.div-block-936, .text-block-238 {
display: none;
}
.text-block-238:lang(de) {
margin-top: -108px;
display: none;
}
.div-block-950, .div-block-951 {
margin-top: -410px;
}
.div-block-952 {
margin-top: 0;
}
.div-block-952:lang(de) {
margin-top: -90px;
}
.div-block-953 {
margin-top: 0;
}
.div-block-957 {
margin-top: -76px;
margin-left: -22px;
}
.div-block-958 {
margin-top: -76px;
margin-left: 17px;
}
.div-block-959 {
margin-top: 0;
}
.div-block-961 {
margin-top: -46px;
}
.text-block-240:lang(de) {
font-size: 14px;
}
.text-block-242 {
font-size: 18px;
}
.text-block-242:lang(de) {
text-align: center;
font-size: 20px;
}
.bold-text-9 {
font-size: 17px;
}
.bold-text-9:lang(de) {
font-size: 14px;
}
.div-block-966 {
display: block;
}
.right-arrow-2 {
background-color: var(--neutral-200);
}
.div-block-970 {
margin-left: 145px;
}
.div-block-975 {
justify-content: center;
}
.div-block-976 {
padding-left: 80px;
padding-right: 80px;
}
.div-block-977 {
margin-top: 11px;
display: block;
}
.text-block-243 {
width: 315px;
}
.content-form, .content-form.slide2, .content-form._3slide {
padding-left: 85px;
}
.content-form._3slide.high-margin {
margin-top: -35px;
}
.content-form._4slide.high-marging {
margin-top: -20px;
}
.form-field-name {
min-width: 175px;
}
.form-select-field {
width: 158px;
padding-top: 0;
padding-bottom: 0;
font-size: 12px;
}
.right-arrow-3 {
width: 70px;
}
.left-arrow-2 {
width: 85px;
}
.slider-6 {
width: 325px;
}
.div-block-983 {
margin-top: -45px;
margin-left: 215px;
}
.radius-field {
min-width: 88px;
}
.radio-button-label-3 {
min-width: 175px;
}
.text-block-247 {
min-width: 215px;
}
.text-block-247:lang(de) {
width: 215px;
}
.div-field {
font-size: 14px;
}
.field-label-32 {
min-width: 100px;
}
.collection-list-31 {
grid-template-columns: 1fr;
}
.tab-link-tab-1-8, .tab-link-tab-2-7, .tab-link-tab-3-6, .tab-link-tab-4-5, .tab-link-tab-5, .tab-link-tab-6 {
text-align: center;
}
.form-block-16 {
padding-left: 5px;
padding-right: 5px;
}
.select-field-3, .select-field-4, .field-label-33, .field-label-34, .field-label-35 {
font-size: 14px;
}
.radio-button-field, .radio-button-field-2, .radio-button-field-3, .radio-button-field-4, .radio-button-field-5, .radio-button-field-6, .radio-button-field-7 {
display: none;
}
.div-block-988, .div-block-989 {
font-size: 12px;
}
.slide-nav-3 {
font-size: 9px;
}
.field-label-36, .field-label-37 {
min-width: 75px;
font-size: 14px;
}
.field-label-38, .field-label-39 {
font-size: 14px;
}
.field-label-40 {
min-width: 100px;
font-size: 14px;
}
.field-label-41, .field-label-42, .field-label-43, .field-label-44 {
font-size: 14px;
}
.field-label-45 {
min-width: 100px;
font-size: 14px;
}
.div-block-990, .div-block-991 {
font-size: 12px;
}
.field-label-46, .field-label-47, .field-label-48, .field-label-49 {
font-size: 14px;
}
.field-label-50 {
min-width: 100px;
font-size: 14px;
}
.field-label-51, .field-label-52, .field-label-53, .field-label-54 {
font-size: 14px;
}
.field-label-55 {
min-width: 100px;
font-size: 14px;
}
.radio-button-field-8, .radio-button-field-9, .radio-button-field-10, .radio-button-field-11, .radio-button-field-12, .radio-button-field-13, .radio-button-field-14 {
display: none;
}
.div-block-992, .div-block-993 {
font-size: 12px;
}
.field-label-56, .field-label-57, .field-label-58, .field-label-59 {
font-size: 14px;
}
.field-label-60 {
min-width: 100px;
font-size: 14px;
}
.div-block-994, .div-block-995 {
font-size: 12px;
}
.field-label-61, .field-label-62 {
min-width: 100px;
}
.radio-button-field-15, .radio-button-field-16, .radio-button-field-17, .radio-button-field-18, .radio-button-field-19, .radio-button-field-20, .radio-button-field-21 {
display: none;
}
.div-block-996, .div-block-997 {
font-size: 12px;
}
.field-label-63, .field-label-64 {
min-width: 100px;
}
.radio-button-field-22, .radio-button-field-23, .radio-button-field-24, .radio-button-field-25, .radio-button-field-26, .radio-button-field-27, .radio-button-field-28 {
display: none;
}
.div-block-998, .div-block-999 {
font-size: 12px;
}
.field-label-65 {
min-width: 100px;
}
.text-block-254 {
font-size: 12px;
display: block;
}
.text-block-254:lang(de) {
display: block;
}
.div-block-1001.image, .div-block-1001.image:lang(de), .div-block-1001.date {
display: none;
}
.div-block-1001.subtitle:lang(de) {
display: block;
}
.heading-119, .heading-119:lang(de) {
font-size: 16px;
}
.smarter-e-message {
max-width: 225px;
}
.div-block-1003:lang(de) {
display: none;
}
.div-block-1004 {
max-width: 125px;
}
.container-111 {
max-width: none;
}
.nav-menu-two-2 {
flex-direction: column;
}
.form-block-17 {
padding-left: 11px;
padding-right: 11px;
}
.image-239 {
max-width: 45%;
}
.link-36 {
font-size: 11px;
}
.container-113 {
max-width: none;
}
.gallery-wrapper-4 {
grid-template-columns: 1fr;
}
}
#w-node-_4ec5ae95-81a9-7f2c-e63f-855574db217f-b6ca57e8, #w-node-_4ec5ae95-81a9-7f2c-e63f-855574db2189-b6ca57e8 {
align-self: center;
}
#w-node-a31fb4ee-b9f0-d807-b1ad-a18854ca0beb-b6ca57e8, #w-node-_0bfd5324-d2af-12aa-9f50-da9f771cd4ab-b6ca57e8, #w-node-_1aa9dc8b-1b0f-6495-6390-22bc087d6a6b-b6ca57e8, #w-node-e8632212-a327-20b8-fb0d-05631f79d0d5-b6ca57e8, #w-node-_8ba3f4c3-438f-0ffd-a3d1-f9eda3ffe403-b6ca57e8, #w-node-_878742bd-92bd-65bf-aaf5-538d2ee4111d-b6ca57e8, #w-node-dceec6ea-0813-2054-d739-9fe99a7887d4-b6ca57e8, #w-node-_7e1fd070-e507-379d-ffab-00a9fb672785-b6ca57e8 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_83f4491b-c0e9-6927-0834-cc6d09e4ba34-b6ca57e8 {
place-self: center;
}
#w-node-_9b11ca0b-4035-15a8-ea97-9d5dd4f6282d-b6ca57e8 {
justify-self: start;
}
#w-node-_84b7445f-7b54-635a-6274-d438d5aa673b-b6ca57e8 {
place-self: center;
}
#w-node-a75ca950-523d-2a83-f7c0-b137465ad253-b6ca57e8 {
justify-self: center;
}
#w-node-df187946-39f6-30f6-beb0-e1066228f8ea-b6ca57e8 {
place-self: center;
}
#w-node-b2e2ea57-3be1-385e-ad7b-3efe43920dd0-b6ca57e8, #w-node-b2e2ea57-3be1-385e-ad7b-3efe43920dd7-b6ca57e8, #w-node-b2e2ea57-3be1-385e-ad7b-3efe43920dde-b6ca57e8 {
justify-self: center;
}
#w-node-d5d82b7a-b508-a99c-acf1-f024a2bfa6ae-b6ca57e8, #w-node-d5d82b7a-b508-a99c-acf1-f024a2bfa6cf-b6ca57e8 {
place-self: center;
}
#w-node-e889c40c-4263-4363-1c81-5380dc6bc0d0-dc6bc06e {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-e809aabc-f82d-3abc-04ea-2d212c0cd69b-b6ca57eb {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: center;
}
#w-node-_55ff746e-f430-a9d3-103b-7ad8a13eac33-b6ca57eb {
justify-self: center;
}
#w-node-_127d8280-f2e0-ea3d-b6da-bc3c134c9818-b6ca57eb {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: center;
}
#w-node-_53f95ca9-d5c9-bf2f-2253-a5af700ddf19-b6ca57eb {
justify-self: center;
}
#w-node-_16f5945f-05c0-9a3b-e96d-c2b051c36007-b6ca57eb {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: center;
}
#w-node-b971b233-86e9-8bfd-16d5-179f8ccce846-b6ca57eb {
justify-self: center;
}
#w-node-e07a61c2-ad71-b6d0-765e-88e0f8a7ae6a-b6ca57eb {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-e07a61c2-ad71-b6d0-765e-88e0f8a7ae6c-b6ca57eb {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: end;
}
#w-node-_5e4d7985-fdf9-4cf1-2791-993619ef53af-b6ca57ec, #w-node-_34fdc207-6675-6354-a14d-aecea8af04d1-b6ca57ec, #w-node-ef671ec4-1d2b-1857-5436-64f038017771-b6ca57ec, #w-node-_25d9d3e5-9322-cb01-c76c-b1b74c7241a2-b6ca57ec {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#share-button.w-node-cc0562f8-93c0-64a4-a915-e6e110674027-b6ca57ec, #w-node-adacfe65-0c7a-d4b8-69b9-0d9a3390bd9d-b6ca57ef {
justify-self: center;
}
#w-node-fa3c90d6-dd15-32c9-0bcf-619b7c031336-b6ca57ef {
place-self: center;
}
#w-node-d6ae57cb-821a-1fc7-990c-f6c532d4706e-b6ca57f1, #w-node-d6ae57cb-821a-1fc7-990c-f6c532d47078-b6ca57f1, #w-node-_261cb40e-8eb5-9798-af6c-4be7db29c928-b6ca57f1 {
align-self: center;
}
#w-node-b4e07982-b189-caa9-7829-1b01386d8519-b6ca57f1, #w-node-b4e07982-b189-caa9-7829-1b01386d852a-b6ca57f1 {
place-self: center;
}
#w-node-_8a519f21-a25b-2b74-3c5b-da4b35b026ee-b6ca57f2, #w-node-c686a9a9-4413-d1a0-982c-dfc7e73a7309-b6ca57f2, #w-node-cda0b5b0-98ff-7a76-c9c6-da84c54c2c10-b6ca57f2, #w-node-cda0b5b0-98ff-7a76-c9c6-da84c54c2c12-b6ca57f2, #w-node-cda0b5b0-98ff-7a76-c9c6-da84c54c2c17-b6ca57f2, #w-node-cda0b5b0-98ff-7a76-c9c6-da84c54c2c18-b6ca57f2, #w-node-cda0b5b0-98ff-7a76-c9c6-da84c54c2c1d-b6ca57f2, #w-node-d6d48cbb-4860-b4e2-bd7d-a0b833c9378a-d8234a80, #w-node-d6d48cbb-4860-b4e2-bd7d-a0b833c937ba-d8234a80, #w-node-d6d48cbb-4860-b4e2-bd7d-a0b833c937df-d8234a80, #w-node-d6d48cbb-4860-b4e2-bd7d-a0b833c9380c-d8234a80, #w-node-_139907c0-16ac-480c-94cc-825d4b8117e0-d8234a80 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_5c0a9a7e-fc91-5e00-139f-c348e371937d-b6ca57f3 {
place-self: center;
}
#w-node-de8b5ef5-b59d-e4d3-db3f-e7c9fe59fabc-b6ca57f3 {
justify-self: center;
}
#w-node-b7ad3cd2-38f1-2db1-11e5-8cdbc3b96aca-b6ca57f3 {
place-self: center;
}
#w-node-a9364889-3cba-0847-8985-7be2321fa729-b6ca57f3, #w-node-d85fb844-c916-c0d6-1144-8d38eee8dd28-b6ca57f3 {
justify-self: center;
}
#w-node-bf9cdc42-0f79-33f3-87a2-0777e28ca4f3-b6ca57f3, #w-node-bf9cdc42-0f79-33f3-87a2-0777e28ca503-b6ca57f3 {
align-self: start;
}
#w-node-a10c8237-d85b-763d-bf91-6154b1a14543-b1a1453c {
align-self: center;
}
#w-node-_63f48be6-1f7a-1558-5fcc-0abfb411caaf-b6ca57f6, #w-node-_63f48be6-1f7a-1558-5fcc-0abfb411cab0-b6ca57f6, #w-node-_63f48be6-1f7a-1558-5fcc-0abfb411cab7-b6ca57f6, #w-node-_63f48be6-1f7a-1558-5fcc-0abfb411cabe-b6ca57f6, #w-node-_63f48be6-1f7a-1558-5fcc-0abfb411cac5-b6ca57f6, #w-node-_63f48be6-1f7a-1558-5fcc-0abfb411cacc-b6ca57f6, #w-node-b94dabbf-a605-616f-2e2d-9d5f22fc2ad0-b6ca57f6, #w-node-_63f48be6-1f7a-1558-5fcc-0abfb411cace-b6ca57f6, #w-node-_40d5860c-5b15-1b93-e687-03065240b246-b6ca57f6 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_40d5860c-5b15-1b93-e687-03065240b249-b6ca57f6 {
align-self: start;
}
#w-node-_40d5860c-5b15-1b93-e687-03065240b24a-b6ca57f6, #w-node-_40d5860c-5b15-1b93-e687-03065240b24b-b6ca57f6, #w-node-_40d5860c-5b15-1b93-e687-03065240b255-b6ca57f6 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_40d5860c-5b15-1b93-e687-03065240b257-b6ca57f6 {
align-self: start;
}
#w-node-_40d5860c-5b15-1b93-e687-03065240b258-b6ca57f6, #w-node-_40d5860c-5b15-1b93-e687-03065240b259-b6ca57f6, #w-node-_40d5860c-5b15-1b93-e687-03065240b263-b6ca57f6 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_40d5860c-5b15-1b93-e687-03065240b265-b6ca57f6 {
align-self: start;
}
#w-node-_40d5860c-5b15-1b93-e687-03065240b266-b6ca57f6, #w-node-_40d5860c-5b15-1b93-e687-03065240b267-b6ca57f6, #w-node-_40d5860c-5b15-1b93-e687-03065240b271-b6ca57f6 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_40d5860c-5b15-1b93-e687-03065240b273-b6ca57f6 {
align-self: start;
}
#w-node-_40d5860c-5b15-1b93-e687-03065240b274-b6ca57f6, #w-node-_40d5860c-5b15-1b93-e687-03065240b275-b6ca57f6, #w-node-_40d5860c-5b15-1b93-e687-03065240b27f-b6ca57f6, #w-node-_76d26e6f-11b5-aca1-114f-08854efb5002-b6ca57f6, #w-node-d5a7d6e6-d2c8-1cd2-9c2c-169ba7026b9a-b6ca57f6, #w-node-d4fd7393-b3a0-afde-85a4-fedb906709a1-b6ca57f6, #w-node-d4fd7393-b3a0-afde-85a4-fedb906709a6-b6ca57f6, #w-node-_1bc74513-4943-fbe2-2ca7-cdd4225ac471-b6ca57f6, #w-node-_1bc74513-4943-fbe2-2ca7-cdd4225ac476-b6ca57f6, #w-node-_84279706-cc92-b12f-8413-7791a9ffbb4e-b6ca57f6, #w-node-_84279706-cc92-b12f-8413-7791a9ffbb53-b6ca57f6, #w-node-cd6580c0-8cd6-c0ab-9e60-af659ff529a1-b6ca57f6, #w-node-cd6580c0-8cd6-c0ab-9e60-af659ff529a6-b6ca57f6, #w-node-_4c0c59f6-9014-66f6-c38f-c0b03ed17faa-b6ca57f6 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_621075cc-c1cf-6060-7ab9-0689d7a43ded-b6ca57f6 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_621075cc-c1cf-6060-7ab9-0689d7a43df1-b6ca57f6, #w-node-f29f34ec-d62a-b39a-0299-738dfac69923-b6ca57f6, #w-node-a7a6be36-d813-9c1d-ff74-0239577680ba-b6ca57f6, #w-node-_3240cd47-c827-171c-77d0-9f8e9f9c4602-b6ca57f6, #w-node-_6ef3b191-71c5-4c44-f51d-a911acffe980-b6ca57f6, #w-node-_9d9245ae-f105-955e-84a4-a24969a92e5f-b6ca57f6 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_9d9245ae-f105-955e-84a4-a24969a92e62-b6ca57f6, #w-node-_9d9245ae-f105-955e-84a4-a24969a92e68-b6ca57f6, #w-node-_9d9245ae-f105-955e-84a4-a24969a92e6e-b6ca57f6, #w-node-_9d9245ae-f105-955e-84a4-a24969a92e74-b6ca57f6, #w-node-_9d9245ae-f105-955e-84a4-a24969a92e7a-b6ca57f6, #w-node-_9d9245ae-f105-955e-84a4-a24969a92e80-b6ca57f6, #w-node-_9d9245ae-f105-955e-84a4-a24969a92e86-b6ca57f6, #w-node-_9d9245ae-f105-955e-84a4-a24969a92e8c-b6ca57f6, #w-node-_9d9245ae-f105-955e-84a4-a24969a92e92-b6ca57f6, #w-node-_9d9245ae-f105-955e-84a4-a24969a92e98-b6ca57f6, #w-node-_9d9245ae-f105-955e-84a4-a24969a92e9e-b6ca57f6, #w-node-_9d9245ae-f105-955e-84a4-a24969a92ea4-b6ca57f6 {
align-self: start;
}
#w-node-cf539edd-13c6-c885-86c3-43286f15228b-b6ca57f8 {
align-self: center;
}
#w-node-d48a1490-4c39-5377-770a-0ce49133ffa2-b6ca57f8 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_4d535129-27b9-2f22-626b-88a66665f3db-b6ca57fb {
grid-area: 2 / 1 / 3 / 2;
place-self: start;
}
#w-node-_41778bed-afde-a206-c2ea-e8250786fd80-b6ca57fb {
grid-area: span 2 / span 1 / span 2 / span 1;
}
#w-node-_63f90944-e32f-bf76-6070-4f50e7e5e4c0-b6ca57fb {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_63f90944-e32f-bf76-6070-4f50e7e5e4c2-b6ca57fb {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_63f90944-e32f-bf76-6070-4f50e7e5e4c6-b6ca57fb, #w-node-_63f90944-e32f-bf76-6070-4f50e7e5e4dc-b6ca57fb, #w-node-_63f90944-e32f-bf76-6070-4f50e7e5e4f2-b6ca57fb, #w-node-_63f90944-e32f-bf76-6070-4f50e7e5e508-b6ca57fb, #w-node-_63f90944-e32f-bf76-6070-4f50e7e5e51e-b6ca57fb, #w-node-_1f9e861e-3a15-d8f2-72be-447cb5cbc3d2-b6ca57fb, #w-node-_1f9e861e-3a15-d8f2-72be-447cb5cbc3d3-b6ca57fb, #w-node-_1f9e861e-3a15-d8f2-72be-447cb5cbc3d8-b6ca57fb, #w-node-_1f9e861e-3a15-d8f2-72be-447cb5cbc3dd-b6ca57fb, #w-node-_1f9e861e-3a15-d8f2-72be-447cb5cbc3e2-b6ca57fb, #w-node-_1f9e861e-3a15-d8f2-72be-447cb5cbc3e7-b6ca57fb, #w-node-_1f9e861e-3a15-d8f2-72be-447cb5cbc3e9-b6ca57fb, #w-node-_1f9e861e-3a15-d8f2-72be-447cb5cbc3ea-b6ca57fb {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_72efe141-1aa5-214a-be66-129fedda3482-b6ca57fb, #w-node-_72efe141-1aa5-214a-be66-129fedda3493-b6ca57fb {
place-self: center;
}
#w-node-_1c613f11-819c-45ae-68dd-06633b611439-b6ca57fb, #w-node-f0ce4f28-f474-5fe6-54ba-3b8af62b8ca8-b6ca57fb, #w-node-_3b50acea-194a-0b10-77a0-9648e68158ad-b6ca57fb, #w-node-_5e592dd3-0105-40a7-6930-c1701f00ffc6-b6ca57fb {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-ed8c74ef-33f0-a117-2d9a-e28c9559848b-b6ca57fb {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: start;
}
#w-node-ed8c74ef-33f0-a117-2d9a-e28c9559848c-b6ca57fb, #w-node-_2d9dfaaa-4332-9cf2-5ec3-4e51b325bb88-b6ca57fb, #w-node-_2d9dfaaa-4332-9cf2-5ec3-4e51b325bb89-b6ca57fb, #w-node-_7a87e763-2d82-0815-6d3f-719550a18d9a-b6ca57fb, #w-node-_7a87e763-2d82-0815-6d3f-719550a18d9b-b6ca57fb {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_6be8c19e-6c61-8559-c8a1-187a20870b9d-b6ca57fc {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_4b03d044-b9d5-0be7-ffd9-45166a695421-b6ca57fc, #w-node-_5962761b-e4dd-b78c-59d1-567d75d7aaf8-b6ca57fc, #w-node-_244f60fb-cfc3-c1ac-d4c1-64746b0008e4-b6ca57fc {
align-self: center;
}
#w-node-d9188ed3-0aec-fde4-5e63-e8e9015d5f98-b6ca57fc, #w-node-ef4da374-f099-33b2-53f5-1bd2ad7e56da-b6ca57fc, #w-node-_091a24f2-9b86-3313-1fc0-139d4b6b545b-b6ca57fc, #w-node-_4fcda06b-25f7-b9b7-d5cc-1c17f52e74f5-b6ca57fc, #w-node-_0dc0e1ab-144d-50fd-e0aa-ad6053694207-b6ca57fc, #w-node-_03a57c0e-3870-6a1e-348c-5b7456a987e0-b6ca57fc {
justify-self: center;
}
#w-node-a5c31e6d-ad59-23f7-6313-a8c6c75cb5dd-b6ca57fc {
place-self: center end;
}
#w-node-_89613b54-75fa-68a3-d88e-26170ef0ea82-b6ca57fc, #w-node-_89613b54-75fa-68a3-d88e-26170ef0ea88-b6ca57fc, #w-node-_89613b54-75fa-68a3-d88e-26170ef0ea8e-b6ca57fc, #w-node-_89613b54-75fa-68a3-d88e-26170ef0ea94-b6ca57fc, #w-node-_89613b54-75fa-68a3-d88e-26170ef0ea9a-b6ca57fc, #w-node-_89613b54-75fa-68a3-d88e-26170ef0eaa0-b6ca57fc, #w-node-_89613b54-75fa-68a3-d88e-26170ef0eaa6-b6ca57fc, #w-node-_89613b54-75fa-68a3-d88e-26170ef0eaac-b6ca57fc, #w-node-_89613b54-75fa-68a3-d88e-26170ef0eab2-b6ca57fc, #w-node-_89613b54-75fa-68a3-d88e-26170ef0eab8-b6ca57fc, #w-node-_89613b54-75fa-68a3-d88e-26170ef0eabe-b6ca57fc, #w-node-_89613b54-75fa-68a3-d88e-26170ef0eac4-b6ca57fc {
align-self: start;
}
#w-node-_8a8bb6e3-eb23-2ea8-810c-c66a3d5c0c4d-b6ca57ff {
place-self: center;
}
#w-node-fd4ed671-8416-5993-37dd-2269668787c1-b6ca57ff, #w-node-fd4ed671-8416-5993-37dd-2269668787d1-b6ca57ff {
align-self: start;
}
#w-node-da2f2c2d-f4f7-395f-0a03-f36e483a3972-b6ca5807, #w-node-_6685f932-06a0-736b-6fac-6e5db55ae947-b6ca5807, #w-node-bcddd2ca-fb11-cc53-151a-a10de5b338af-b6ca5807, #w-node-c2a13632-798a-4a26-3b43-6ed405e4d187-b6ca5807, #w-node-_23de428e-13e4-13fe-1005-9130968e73ea-b6ca580e, #w-node-_41b05042-35eb-8a72-70e1-d075507b3c4d-b6ca580e {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_5ab8b52a-acf5-e0be-496a-5e029fd1a6e4-b6ca580e {
place-self: center;
}
#w-node-_406bd6e6-0b88-9706-c8a6-5bf4075e8f4c-b6ca58a4, #w-node-_406bd6e6-0b88-9706-c8a6-5bf4075e8f51-b6ca58a4, #w-node-_406bd6e6-0b88-9706-c8a6-5bf4075e8f55-b6ca58a4, #w-node-_9c48592e-0aaa-af57-ff8e-31eb52de2896-b6ca58e3, #w-node-cdb45a1b-ad5b-bec2-b895-fad3bbdf5f5a-b6ca58e3, #w-node-_153b5bc1-2f5b-ceb3-72ef-63092a1fd1be-b6ca58e3, #w-node-_6d930735-b63d-c9f4-aaf5-0c408e2f9713-b6ca58e8, #w-node-_6d930735-b63d-c9f4-aaf5-0c408e2f971b-b6ca58e8, #w-node-_6d930735-b63d-c9f4-aaf5-0c408e2f9720-b6ca58e8, #form-target-1.w-node-de67ef28-9216-0489-9471-e48dc07d51c0-b6ca58e9, #w-node-_78541f5a-dd28-3fd6-9469-2de885e67734-b6ca58e9 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-b400f072-9e89-a7fe-d9b1-53d1f6d233c0-b6ca58e9 {
justify-self: end;
}
#w-node-_850106d4-12f8-d918-30bf-ab38724e5fe7-b6ca58e9, #w-node-_947c008d-ccf9-d5ab-6b9d-4abf7577baa3-b6ca58e9, #w-node-c79fb4e9-ddb8-79da-03d8-c9b0055ee0c5-b6ca58e9, #w-node-_47fe9723-3be6-145d-f795-6dcea72fd811-b6ca58e9, #w-node-a6abfa9b-a2f9-06fd-41c5-b445f5bfc163-b6ca58e9, #w-node-_668fc2dd-a9e9-76a3-3d19-12f2e7d8f36d-b6ca58e9, #w-node-_128b02a7-57f4-790f-831d-6db40294930e-b6ca58e9, #w-node-e4782f03-c592-80c7-85f9-560ad05dac7a-b6ca58e9, #w-node-_77c84452-2b31-bf4c-fb7c-6eb5007c279c-b6ca58e9, #w-node-_919ee331-6624-5ace-7833-52c3e9adab1a-b6ca58e9, #w-node-bde7c732-4b2f-6d24-1be0-81da78ac1521-b6ca58e9, #w-node-_9c335cc8-a73b-a165-632e-2118569579e9-b6ca58e9, #form-target-2.w-node-_6cb247d5-2cf5-b1b3-78da-072c44e2ea98-b6ca58e9 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_96aeea89-9b63-8427-1704-49cdf9b9a0da-b6ca58e9, #w-node-_151a94e4-f6c9-77aa-9b61-4122074d9146-b6ca58ea {
place-self: center;
}
#w-node-_5c9767d6-c608-30fd-1c3e-1a5a002ed502-b6ca58ea {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-bef715b7-8119-2487-f34f-e90936f75a61-b6ca58ea {
align-self: start;
}
#w-node-d5abfc3f-8d95-4f80-a926-d96437369ad5-b6ca58ea, #w-node-cea4fec6-ecab-3109-e6ef-03a3995e5b17-b6ca58ea {
place-self: center;
}
#w-node-d38fa953-420d-7dc3-ec71-1ad030bf6288-b6ca58ea {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-e73c81f3-3a96-0963-c33a-6cb52249c15d-b6ca58ee, #w-node-cd2e2d60-1014-9744-d88e-f08bf0a543c9-b6ca58ee, #w-node-_75370811-5089-c588-fa9b-f0fe04d17597-b6ca58ee, #w-node-_88e7d6d0-3d01-d667-ff63-3622a3b9c8e5-b6ca58ee, #w-node-_9069f8f0-15e8-440e-f103-59639fd7ea68-b6ca58ee, #w-node-_9069f8f0-15e8-440e-f103-59639fd7ea56-b6ca58ee, #w-node-a0c8c950-d42c-23a5-7764-e7f82d3e8071-b6ca58ee {
align-self: center;
}
#w-node-_0c34d576-6e4d-cdaa-e7ff-d29bda034a69-b6ca58f2, #w-node-_8a8bb6e3-eb23-2ea8-810c-c66a3d5c0c4d-b6ca58f2, #w-node-_3cf26143-b207-51c7-c007-c03aca10c449-b6ca58f2 {
place-self: center;
}
#w-node-d095d7d8-2ad2-cf71-b790-ed0bf4f4b35d-b6ca58f2, #w-node-d095d7d8-2ad2-cf71-b790-ed0bf4f4b36d-b6ca58f2 {
align-self: start;
}
#w-node-f3c27891-c991-6c74-a991-36b9b71a6444-b6ca58fc, #w-node-_06650f7d-b9ea-e3e0-4b68-63bf20b2f6cb-b6ca58fd, #w-node-_06650f7d-b9ea-e3e0-4b68-63bf20b2f6cd-b6ca58fd, #w-node-_7f207e8f-cc36-c2a7-6b1c-6b1d6b2b9bb7-b6ca58fd, #w-node-_7f207e8f-cc36-c2a7-6b1c-6b1d6b2b9bb5-b6ca58fd, #w-node-f80a34df-89f3-132f-bf2a-0b912e738e06-b6ca58fd, #w-node-f80a34df-89f3-132f-bf2a-0b912e738e08-b6ca58fd, #w-node-f80a34df-89f3-132f-bf2a-0b912e738e0d-b6ca58fd, #w-node-f80a34df-89f3-132f-bf2a-0b912e738e0e-b6ca58fd {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_8a8bb6e3-eb23-2ea8-810c-c66a3d5c0c4d-b6ca5907 {
place-self: center;
}
#w-node-_3ce0e362-80bb-a736-8e03-9d499baedfcd-b6ca5907, #w-node-_3ce0e362-80bb-a736-8e03-9d499baedfdd-b6ca5907 {
align-self: start;
}
#w-node-_0c34d576-6e4d-cdaa-e7ff-d29bda034a69-b6ca5919, #w-node-_8a8bb6e3-eb23-2ea8-810c-c66a3d5c0c4d-b6ca5919 {
place-self: center;
}
#w-node-_69911f02-1106-a213-de5b-d31d1e3e1f1b-b6ca5919, #w-node-_69911f02-1106-a213-de5b-d31d1e3e1f2b-b6ca5919 {
align-self: start;
}
#sessions.w-node-_56d40608-d0df-fb36-c41a-dc157a1647a0-b6ca5926, #w-node-_56d40608-d0df-fb36-c41a-dc157a1647a4-b6ca5926, #w-node-_56d40608-d0df-fb36-c41a-dc157a1647a5-b6ca5926, #w-node-_56d40608-d0df-fb36-c41a-dc157a1647a8-b6ca5926, #w-node-_56d40608-d0df-fb36-c41a-dc157a1647aa-b6ca5926, #w-node-_56d40608-d0df-fb36-c41a-dc157a1647ac-b6ca5926, #w-node-_56d40608-d0df-fb36-c41a-dc157a1647af-b6ca5926, #w-node-_56d40608-d0df-fb36-c41a-dc157a1647b1-b6ca5926, #w-node-_56d40608-d0df-fb36-c41a-dc157a1647b3-b6ca5926, #w-node-_56d40608-d0df-fb36-c41a-dc157a1647b6-b6ca5926, #w-node-_56d40608-d0df-fb36-c41a-dc157a1647b8-b6ca5926, #w-node-_56d40608-d0df-fb36-c41a-dc157a1647ba-b6ca5926 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_56d40608-d0df-fb36-c41a-dc157a1647bb-b6ca5926 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-e8b38734-fe24-5283-08d7-2b9412258962-b6ca5926, #w-node-e8b38734-fe24-5283-08d7-2b9412258964-b6ca5926, #w-node-e8b38734-fe24-5283-08d7-2b9412258967-b6ca5926, #w-node-e8b38734-fe24-5283-08d7-2b9412258968-b6ca5926, #w-node-e8b38734-fe24-5283-08d7-2b941225896b-b6ca5926, #w-node-e8b38734-fe24-5283-08d7-2b941225896d-b6ca5926, #w-node-e8b38734-fe24-5283-08d7-2b941225896f-b6ca5926, #w-node-e8b38734-fe24-5283-08d7-2b9412258972-b6ca5926, #w-node-e8b38734-fe24-5283-08d7-2b9412258974-b6ca5926, #w-node-e8b38734-fe24-5283-08d7-2b9412258976-b6ca5926, #w-node-e8b38734-fe24-5283-08d7-2b9412258979-b6ca5926, #w-node-e8b38734-fe24-5283-08d7-2b941225897b-b6ca5926, #w-node-e07a61c2-ad71-b6d0-765e-88e0f8a7ae6a-b6ca5926 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-e07a61c2-ad71-b6d0-765e-88e0f8a7ae6c-b6ca5926 {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: end;
}
#w-node-ed9bc1c2-c4ef-1df6-23ca-0a1040704321-b6ca5927 {
justify-self: center;
}
#w-node-_747379eb-7eb9-025b-97ef-2f62f35cf530-b6ca5927, #w-node-_5446c18f-a167-440f-ca1e-58edec56e3f0-b6ca5927, #w-node-_75370811-5089-c588-fa9b-f0fe04d17597-b6ca5927, #w-node-eea90064-f327-4e16-3596-3301d1978e8d-b6ca592b, #w-node-eea90064-f327-4e16-3596-3301d1978e97-b6ca592b {
align-self: center;
}
#w-node-_0570a3f3-6199-c54c-979a-03ba57fdeb09-b6ca592b, #w-node-_0570a3f3-6199-c54c-979a-03ba57fdeb0a-b6ca592b, #w-node-_0570a3f3-6199-c54c-979a-03ba57fdeb0b-b6ca592b, #w-node-_0570a3f3-6199-c54c-979a-03ba57fdeb0c-b6ca592b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_4453cf13-694a-b95d-6e9f-c3f025169e72-b6ca592b {
place-self: center;
}
#w-node-c7f1d560-6f1d-8eef-f70c-1a754735b308-b6ca592b, #w-node-_2f6127e6-3e8e-150a-be38-533c574c495a-b6ca592b {
align-self: center;
}
#w-node-_52364957-8e9d-d36d-72aa-40668a91b8d6-b6ca592b, #w-node-_52364957-8e9d-d36d-72aa-40668a91b8dd-b6ca592b, #w-node-_52364957-8e9d-d36d-72aa-40668a91b8e4-b6ca592b {
justify-self: center;
}
#w-node-a9649a87-b4c3-7c55-a64f-82dd9e3241a5-b6ca592b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_9bb2bdbb-bf11-399a-66cd-a8eb22f0f756-b6ca592b, #w-node-_9bb2bdbb-bf11-399a-66cd-a8eb22f0f763-b6ca592b {
place-self: center;
}
#w-node-_9f5ccb88-ba50-44f7-9208-f3ed4d276dac-b6ca594a {
place-self: stretch stretch;
}
#w-node-_26d74e35-afc9-afc0-a7ce-5a1a1c5f774b-b6ca594a, #w-node-_9a2c63d6-0153-ed82-c6e7-288e1e30c295-b6ca594a, #w-node-_4a8045ba-535c-6a14-bdc1-b5c7cf360a3c-b6ca594a, #w-node-f4fbd575-f8e0-8b69-b33c-f93f70e3b894-b6ca594a, #w-node-_9828ef2b-fbf8-9d04-1257-441e50f51c67-b6ca594a, #w-node-a750dc64-13d2-6997-c795-288b0b3ae8f2-b6ca594a {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_40a8891e-69f8-5d10-d637-7cdc93e23f42-b6ca594a {
grid-area: span 1 / span 1 / span 1 / span 1;
place-self: center;
}
#w-node-ca582028-e54f-a8e7-a3da-ef818bc2590c-b6ca594b {
grid-area: 1 / 2 / 2 / 7;
}
#w-node-_15b3689f-8103-550d-1d36-7e2470e70ec4-b6ca594b {
grid-area: span 1 / span 5 / span 1 / span 5;
}
#w-node-c0508225-7569-1876-3897-08ed717e8663-b6ca594b {
grid-area: 2 / 2 / 3 / 12;
}
#w-node-_5a6201e2-6d6e-fab8-da6c-11119615a1bb-b6ca594b {
grid-area: 3 / 2 / 4 / 7;
align-self: stretch;
}
#w-node-_6dd1073d-4723-2afb-6bef-f5922409e703-b6ca594b {
grid-area: span 1 / span 1 / span 1 / span 1;
place-self: end;
}
#w-node-_7a8d6d54-e2ab-c56b-b161-0c4e6f77413b-b6ca594b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_4e0789f5-5897-e115-be02-8523bb920c21-b6ca594b {
grid-area: 3 / 7 / 4 / 12;
align-self: stretch;
}
#w-node-c8a4da96-2968-2bde-fd77-6cfd239562ae-b6ca594b {
grid-area: span 1 / span 1 / span 1 / span 1;
place-self: end;
}
#w-node-b9d8aede-5fdd-f224-4da4-e2679686c192-b6ca594b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-b6417829-212b-4273-89a2-8a10f8526d1e-b6ca594b {
grid-area: 4 / 2 / 5 / 12;
}
#w-node-_1e26dce5-0952-e82a-b518-43ccb94256e2-b6ca594b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-b6417829-212b-4273-89a2-8a10f8526d23-b6ca594b {
align-self: center;
}
#w-node-ee99ab74-821a-68a7-a294-7090b5cfc353-b6ca594b, #w-node-_3501abe9-d0cb-b44a-3ee9-1975e84e1f1a-b6ca594b {
grid-area: span 1 / span 1 / span 1 / span 1;
place-self: center;
}
#w-node-_3fe43e22-2b15-8d35-edc1-fe46d1cc549b-b6ca594b {
grid-area: 1 / 10 / 2 / 12;
justify-self: end;
}
#w-node-ee4ef36f-fb1f-e06e-4804-963e0d9476f6-b6ca594c, #w-node-_26e0d667-938e-164a-3f2b-b5e317bb5152-b6ca594c, #w-node-_2c951ca5-a91f-bfe4-6e85-e1e6516aeb9f-b6ca594c, #w-node-_1ad3efaa-de21-8156-7576-2347c47b8132-b6ca594c, #w-node-_73f6005a-4e4e-75ab-4c8b-8606350e4d97-b6ca594c, #w-node-_61cc08a3-98c8-d199-4363-167e78c90e63-b6ca594c, #w-node-_333599fd-fa7a-10e2-c469-4bf8ca47fdb4-b6ca594d, #w-node-_64be15e6-0cd6-f0ab-21c9-00a9579aec1c-b6ca594f, #w-node-_64be15e6-0cd6-f0ab-21c9-00a9579aec25-b6ca594f, #w-node-_156fa711-5394-b185-34a9-2504d8f1c6f6-b6ca594f {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-fae0aee0-75d7-c037-5927-732e6f55c554-b6ca594f {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: end;
}
#w-node-_538296c9-5bca-ba39-4bca-dbae6441909f-b6ca5966 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_8a8bb6e3-eb23-2ea8-810c-c66a3d5c0c4d-b6ca596b, #w-node-_3cf26143-b207-51c7-c007-c03aca10c449-b6ca596b {
place-self: center;
}
#w-node-_7cda563c-cd41-bc02-974d-61a5c64426f3-b6ca596b, #w-node-_7cda563c-cd41-bc02-974d-61a5c6442703-b6ca596b {
align-self: start;
}
#w-node-_65b811f9-a1a7-aebb-a69b-b94bc8847cc7-b6ca5986, #w-node-fe5a8264-3a94-3f4a-8520-bdc1c3e9bf34-b6ca5986 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-e98e0679-7120-33c9-10b5-f5b1a1f0700b-b6ca5986, #w-node-_3fdc5ac5-864a-ab35-cd3f-93d15729764b-b6ca5986 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_1a7066e4-457e-f706-b15d-22d7dcb61a75-b6ca5986 {
place-self: center end;
}
#w-node-_07f2398d-744c-7740-1eb0-e4a3a0eca182-b6ca5987, #w-node-_9a185d23-18ab-6721-5088-8d873f3c8cdf-b6ca5987, #w-node-_74bdd666-bb19-515b-ed68-86b662440fa4-b6ca5987 {
align-self: center;
}
#w-node-_9aafd7eb-b762-cbed-643e-2865e2c49247-b6ca59a7 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_1af21ce0-0930-423e-e57d-1f019a1b2ec9-b6ca59a9, #w-node-_1eec64c7-717c-7e5f-cd0d-deed0c692baf-b6ca59a9, #w-node-ed90c3f6-f376-ab95-b702-4e3cc486625d-b6ca59a9, #w-node-_924c866b-4f27-036a-be47-e57f4998624f-b6ca59a9 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-a1f92d7c-48cf-270c-0a7d-fa163bb759c0-b6ca59a9 {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: center;
}
#w-node-eef1da89-83d8-9f8d-e09c-8d9ddcc3846e-b6ca59a9 {
align-self: start;
}
#w-node-ece171d8-4816-f782-23fa-40b63fdd7f4a-b6ca59a9, #w-node-_2fe78312-ad40-d36a-339c-c908a733382d-b6ca59a9 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_5a6e6e6f-c374-1cff-7f28-b05b3d9f9563-b6ca59a9 {
align-self: start;
}
#w-node-_5a6e6e6f-c374-1cff-7f28-b05b3d9f9564-b6ca59a9, #w-node-_5a6e6e6f-c374-1cff-7f28-b05b3d9f9569-b6ca59a9 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_15c716e9-85b6-1285-491c-6b588128c2e2-b6ca59a9 {
align-self: start;
}
#w-node-_15c716e9-85b6-1285-491c-6b588128c2e3-b6ca59a9, #w-node-_15c716e9-85b6-1285-491c-6b588128c2e8-b6ca59a9 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-fc55a1ff-dc6a-c1e4-943c-4a4bae928b41-b6ca59a9 {
align-self: start;
}
#w-node-fc55a1ff-dc6a-c1e4-943c-4a4bae928b42-b6ca59a9, #w-node-_76695257-65bc-0d62-b575-de3e9c5e7dae-b6ca59a9 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_5d10f759-8a94-4dd0-a043-89571afbfd4e-b6ca59a9 {
align-self: start;
}
#w-node-_479bef27-01e5-52b2-f019-714ab17ffb0d-b6ca59a9, #w-node-_6f6d50e8-fb24-91ef-b043-3cb79125f5af-b6ca59a9, #w-node-_3a35ca2b-9f39-3201-8df2-b1c00ec8baa5-b6ca59a9 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_3a35ca2b-9f39-3201-8df2-b1c00ec8baa6-b6ca59a9 {
align-self: start;
}
#w-node-_5d600343-a7f5-50e9-09d3-15f1200fd72c-b6ca59a9, #w-node-_3a35ca2b-9f39-3201-8df2-b1c00ec8baa9-b6ca59a9, #w-node-_6a1a1e1a-278a-e3a9-bee0-9ccea5ed9138-b6ca59a9 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_6a1a1e1a-278a-e3a9-bee0-9ccea5ed9139-b6ca59a9 {
align-self: start;
}
#w-node-_86685a32-ef6a-fb84-206c-38a884701e81-b6ca59a9, #w-node-_6a1a1e1a-278a-e3a9-bee0-9ccea5ed913c-b6ca59a9, #w-node-d47756a4-d6e2-bc68-6b75-1d305ce9c96e-b6ca59a9 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-d47756a4-d6e2-bc68-6b75-1d305ce9c96f-b6ca59a9 {
align-self: start;
}
#w-node-d47756a4-d6e2-bc68-6b75-1d305ce9c970-b6ca59a9, #w-node-d47756a4-d6e2-bc68-6b75-1d305ce9c972-b6ca59a9, #w-node-af14c694-f1d7-e468-6f16-41e07a4ed465-b6ca59a9, #w-node-e3fe6972-fb39-3f49-0f55-39cff6c9c74c-b6ca59a9, #w-node-_8df46045-116a-f9de-c7ca-dbcccd9930bd-b6ca59a9, #w-node-eff62295-64ff-2464-ec1d-707831665cc4-b6ca59a9, #w-node-cc49a378-8c69-bdf8-c1db-0de028450975-b6ca59a9, #w-node-bd3655af-65ac-d820-2209-b08859d1cb9c-b6ca59ad {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-bd3655af-65ac-d820-2209-b08859d1cbac-b6ca59ad {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#virtual-booths.w-node-bd3655af-65ac-d820-2209-b08859d1cbad-b6ca59ad, #w-node-bd3655af-65ac-d820-2209-b08859d1cbae-b6ca59ad, #access-dash.w-node-bd3655af-65ac-d820-2209-b08859d1cbb1-b6ca59ad, #test.w-node-bd3655af-65ac-d820-2209-b08859d1cbb2-b6ca59ad, #lead-retrieval.w-node-bd3655af-65ac-d820-2209-b08859d1cbb5-b6ca59ad, #w-node-bd3655af-65ac-d820-2209-b08859d1cbb6-b6ca59ad, #lead-scoring.w-node-bd3655af-65ac-d820-2209-b08859d1cbb9-b6ca59ad, #w-node-bd3655af-65ac-d820-2209-b08859d1cbba-b6ca59ad, #sponsored-sections.w-node-bd3655af-65ac-d820-2209-b08859d1cbbd-b6ca59ad, #w-node-bd3655af-65ac-d820-2209-b08859d1cbbe-b6ca59ad {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_65b811f9-a1a7-aebb-a69b-b94bc8847cc7-b6ca59ae, #w-node-fe5a8264-3a94-3f4a-8520-bdc1c3e9bf34-b6ca59ae {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-e98e0679-7120-33c9-10b5-f5b1a1f0700b-b6ca59ae, #w-node-_3fdc5ac5-864a-ab35-cd3f-93d15729764b-b6ca59ae {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_1a7066e4-457e-f706-b15d-22d7dcb61a75-b6ca59ae {
place-self: center end;
}
#w-node-_9cfa605b-ff8e-2a61-4b9e-d584c25131e7-b6ca59af, #w-node-aa182afe-dbb0-1722-ca3a-9b05e53fcd77-b6ca59af {
align-self: center;
}
#w-node-_7cd689e8-8751-27c1-3a51-7adf5205e709-b6ca59af {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-_7cd689e8-8751-27c1-3a51-7adf5205e70b-b6ca59af, #w-node-_65e21358-54db-e5d2-27c4-c08cafb1c934-b6ca59af {
align-self: center;
}
#w-node-_9c18494d-33e4-9536-a283-e3f1735a72a6-b6ca59b0, #w-node-_9c18494d-33e4-9536-a283-e3f1735a72a9-b6ca59b0, #w-node-_9c18494d-33e4-9536-a283-e3f1735a72ab-b6ca59b0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-a3a92e0d-0fb1-35f8-77f1-f49c2de242b3-b6ca59b0 {
justify-self: center;
}
#w-node-_0eb035f1-87df-4003-c8cf-af88ad3a9a8c-b6ca59b0, #w-node-_0eb035f1-87df-4003-c8cf-af88ad3a9a8f-b6ca59b0, #w-node-_0eb035f1-87df-4003-c8cf-af88ad3a9a92-b6ca59b0, #w-node-_0eb035f1-87df-4003-c8cf-af88ad3a9a95-b6ca59b0, #w-node-_0eb035f1-87df-4003-c8cf-af88ad3a9a98-b6ca59b0, #w-node-_0eb035f1-87df-4003-c8cf-af88ad3a9a9b-b6ca59b0, #w-node-_0eb035f1-87df-4003-c8cf-af88ad3a9a9e-b6ca59b0, #w-node-_0eb035f1-87df-4003-c8cf-af88ad3a9aa1-b6ca59b0, #w-node-_0eb035f1-87df-4003-c8cf-af88ad3a9aa4-b6ca59b0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_3fe43e22-2b15-8d35-edc1-fe46d1cc549b-b6ca59c7 {
grid-area: 1 / 10 / 2 / 12;
justify-self: end;
}
#w-node-ca582028-e54f-a8e7-a3da-ef818bc2590c-b6ca59c7 {
grid-area: 1 / 2 / 2 / 7;
}
#w-node-_15b3689f-8103-550d-1d36-7e2470e70ec4-b6ca59c7 {
grid-area: 2 / 2 / 3 / 12;
}
#w-node-_6cad85f5-a3bb-e4d7-ab9b-3ecd5ec08e08-b6ca59c7 {
grid-area: span 4 / span 5 / span 4 / span 5;
}
#w-node-e0d132f0-6fac-3bd2-f694-6d18b739b605-b6ca59c7, #w-node-_79549804-90d5-4fff-9593-c1d3cd0943b3-b6ca59c7, #w-node-_79549804-90d5-4fff-9593-c1d3cd0943b6-b6ca59c7 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_63a9e26c-0ae9-9a89-12b8-42154537ca46-b6ca59c7 {
grid-area: span 1 / span 1 / span 1 / span 1;
place-self: end;
}
#w-node-c37d09c5-5475-3802-6bfd-53a5852ab260-b6ca59c7 {
grid-area: span 8 / span 5 / span 8 / span 5;
}
#w-node-c37d09c5-5475-3802-6bfd-53a5852ab261-b6ca59c7, #w-node-a6718d69-3a31-62a4-a514-ab46c42efefd-b6ca59c7, #w-node-a6718d69-3a31-62a4-a514-ab46c42eff00-b6ca59c7 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-c37d09c5-5475-3802-6bfd-53a5852ab265-b6ca59c7 {
grid-area: span 1 / span 1 / span 1 / span 1;
place-self: end;
}
#w-node-_0d5d098b-aa0b-9b8f-9be9-b4145118978c-b6ca59c7 {
grid-area: span 4 / span 5 / span 4 / span 5;
}
#w-node-_0d5d098b-aa0b-9b8f-9be9-b4145118978d-b6ca59c7, #w-node-_798fc63a-9f31-d103-6606-e3171e71c6a5-b6ca59c7, #w-node-_798fc63a-9f31-d103-6606-e3171e71c6a8-b6ca59c7 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_0d5d098b-aa0b-9b8f-9be9-b41451189791-b6ca59c7 {
grid-area: span 1 / span 1 / span 1 / span 1;
place-self: end;
}
#w-node-_03ebab62-270e-eaf4-3e74-aefa23160e1f-b6ca59c7 {
grid-area: span 8 / span 5 / span 8 / span 5;
}
#w-node-_03ebab62-270e-eaf4-3e74-aefa23160e20-b6ca59c7, #w-node-_03ebab62-270e-eaf4-3e74-aefa23160e22-b6ca59c7, #w-node-_03ebab62-270e-eaf4-3e74-aefa23160e25-b6ca59c7 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_03ebab62-270e-eaf4-3e74-aefa23160e27-b6ca59c7 {
grid-area: span 1 / span 1 / span 1 / span 1;
place-self: end;
}
#w-node-bd33b8b2-bc86-103a-d4e2-3670deeba0e9-b6ca59c7 {
grid-area: span 4 / span 5 / span 4 / span 5;
}
#w-node-bd33b8b2-bc86-103a-d4e2-3670deeba0ea-b6ca59c7, #w-node-bd33b8b2-bc86-103a-d4e2-3670deeba0ec-b6ca59c7, #w-node-bd33b8b2-bc86-103a-d4e2-3670deeba0ef-b6ca59c7 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-bd33b8b2-bc86-103a-d4e2-3670deeba0f1-b6ca59c7 {
grid-area: span 1 / span 1 / span 1 / span 1;
place-self: end;
}
#w-node-df539be1-7301-d14d-2c2e-8b1bffeef4c2-b6ca59c7 {
grid-area: span 4 / span 5 / span 4 / span 5;
}
#w-node-df539be1-7301-d14d-2c2e-8b1bffeef4c3-b6ca59c7, #w-node-df539be1-7301-d14d-2c2e-8b1bffeef4c5-b6ca59c7, #w-node-df539be1-7301-d14d-2c2e-8b1bffeef4c8-b6ca59c7 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-df539be1-7301-d14d-2c2e-8b1bffeef4ca-b6ca59c7 {
grid-area: span 1 / span 1 / span 1 / span 1;
place-self: end;
}
#w-node-e984174a-81fc-9a1f-5d98-fc19bae9f4f0-b6ca59c7 {
grid-area: span 4 / span 5 / span 4 / span 5;
}
#w-node-e984174a-81fc-9a1f-5d98-fc19bae9f4f1-b6ca59c7, #w-node-e984174a-81fc-9a1f-5d98-fc19bae9f4f3-b6ca59c7, #w-node-e984174a-81fc-9a1f-5d98-fc19bae9f4f6-b6ca59c7 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-e984174a-81fc-9a1f-5d98-fc19bae9f4f8-b6ca59c7 {
grid-area: span 1 / span 1 / span 1 / span 1;
place-self: end;
}
#w-node-_9d8984ac-538a-f378-9987-e6501ed75348-b6ca59c7 {
grid-area: span 4 / span 5 / span 4 / span 5;
}
#w-node-_9d8984ac-538a-f378-9987-e6501ed75349-b6ca59c7, #w-node-_9d8984ac-538a-f378-9987-e6501ed7534b-b6ca59c7, #w-node-_9d8984ac-538a-f378-9987-e6501ed7534e-b6ca59c7 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_9d8984ac-538a-f378-9987-e6501ed75350-b6ca59c7 {
grid-area: span 1 / span 1 / span 1 / span 1;
place-self: end;
}
#w-node-_62ea8bdb-a02a-5dc5-e2c7-d9439a8e5f90-b6ca59c7, #w-node-_06f89530-d79d-a57f-1104-7d84f4e77371-b6ca59c7, #w-node-b3ffcb11-c1a0-00a7-7f83-2a57fd79bef7-b6ca59c7 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_8e5c56b8-f50f-b5be-d8ff-f3fed666706b-b6ca59c9, #w-node-_8e5c56b8-f50f-b5be-d8ff-f3fed6667075-b6ca59c9, #w-node-ce61d79b-78ac-abc4-0751-58e228e4c4b3-b6ca59cd, #w-node-ce61d79b-78ac-abc4-0751-58e228e4c4bd-b6ca59cd, #w-node-_6118771b-9efa-183f-d6b8-b3f369766859-b6ca59cd, #w-node-afec28f9-00e2-62ec-0507-8b694223f610-b6ca59cd {
align-self: center;
}
#w-node-_8f9a98ec-c3d3-9ea9-199f-d1ef4b7ce83c-b6ca59cd, #w-node-_8f9a98ec-c3d3-9ea9-199f-d1ef4b7ce843-b6ca59cd, #w-node-_8f9a98ec-c3d3-9ea9-199f-d1ef4b7ce84a-b6ca59cd {
justify-self: center;
}
#w-node-a54821d9-d745-7e4c-2042-7d82fa5fcdf5-b6ca59cd {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-b1ee0a44-a061-42fe-20e7-fb529dfacbc4-b6ca59cd, #w-node-b1ee0a44-a061-42fe-20e7-fb529dfacbd1-b6ca59cd {
place-self: center;
}
#w-node-a39b5cd7-2813-c4b9-bcee-9a5e2a41e30f-b6ca59d4, #w-node-a39b5cd7-2813-c4b9-bcee-9a5e2a41e311-b6ca59d4 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_4e1f7907-7d0f-c5f6-0cf7-26a897d1ddc2-b6ca59d5 {
place-self: center;
}
#w-node-_4e1f7907-7d0f-c5f6-0cf7-26a897d1ddd2-b6ca59d5 {
align-self: center;
}
#w-node-_4e1f7907-7d0f-c5f6-0cf7-26a897d1ddd5-b6ca59d5 {
justify-self: center;
}
#w-node-_6db0ef9b-16aa-7001-a2de-4036f9d3bbac-b6ca59d5, #w-node-b28bfab6-dfc0-6f28-b61b-d9cfddfa596b-b6ca59d5 {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: center;
}
#w-node-_4e1f7907-7d0f-c5f6-0cf7-26a897d1de17-b6ca59d5 {
align-self: center;
}
#w-node-_08de2ef0-a5b2-34c5-c9a4-1c81af1755fd-b6ca59d5, #w-node-b3a710bd-3248-afda-6a7f-d351c4640469-b6ca59d5, #w-node-a7777dbc-1de3-e5ba-b7d2-6ccc47aabedc-b6ca59d7, #w-node-_43b9bcd3-94d2-88cc-15a6-337595b3d4f6-b6ca59d9 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_8a8bb6e3-eb23-2ea8-810c-c66a3d5c0c4d-b6ca5a18 {
align-self: center;
}
#w-node-_1f24f8dc-121b-8216-08e3-42d411854b0a-b6ca5a18 {
place-self: center;
}
#w-node-_89631cc1-fad3-578c-12ef-83c1d50f8a8d-b6ca5a18, #w-node-_89631cc1-fad3-578c-12ef-83c1d50f8a9d-b6ca5a18 {
align-self: start;
}
#w-node-_02dfc3fd-5aba-9de6-06f3-91dff9dae7e5-b6ca5a1b {
align-self: center;
}
#w-node-_326f5bd2-f32c-a3ba-0996-b726f5ec9443-b6ca5a1f, #w-node-_326f5bd2-f32c-a3ba-0996-b726f5ec9445-b6ca5a1f, #w-node-_326f5bd2-f32c-a3ba-0996-b726f5ec9447-b6ca5a1f, #w-node-_326f5bd2-f32c-a3ba-0996-b726f5ec9449-b6ca5a1f, #w-node-_326f5bd2-f32c-a3ba-0996-b726f5ec944b-b6ca5a1f, #w-node-_326f5bd2-f32c-a3ba-0996-b726f5ec944d-b6ca5a1f, #w-node-_326f5bd2-f32c-a3ba-0996-b726f5ec944f-b6ca5a1f, #w-node-_326f5bd2-f32c-a3ba-0996-b726f5ec9451-b6ca5a1f {
justify-self: center;
}
#w-node-_8f495707-ade9-ea99-f5d2-b4c35a52d6aa-b6ca5a1f, #w-node-_69559e65-fd3d-a178-41ba-39324af72364-b6ca5a1f, #w-node-e767bb1d-1c16-71e9-b51f-e592d6bc8fde-b6ca5a23, #w-node-e767bb1d-1c16-71e9-b51f-e592d6bc8fe8-b6ca5a23 {
align-self: center;
}
#w-node-_7bc977d7-556b-a497-526f-6566260d9962-b6ca5a23 {
place-self: center;
}
#w-node-b3c03182-453c-b751-b085-58f7c967ccd3-b6ca5a23, #w-node-d54636b5-61a8-46a9-3f9a-407e59586589-b6ca5a23, #w-node-f18d5c39-2c59-92a3-b749-9b471f17ceb1-b6ca5a23 {
align-self: center;
}
#w-node-_9c359188-5819-e3ec-588e-a582db712601-b6ca5a37 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_0604a453-b216-0acb-3fce-78cfae53eb64-b6ca5a3b {
grid-area: 1 / 10 / 2 / 12;
justify-self: end;
}
#w-node-c7787e9e-ba52-f537-c3d3-b55c559539df-b6ca5a3b {
grid-area: span 1 / span 12 / span 1 / span 12;
}
#w-node-c7787e9e-ba52-f537-c3d3-b55c559539e0-b6ca5a3b {
grid-area: 2 / 2 / 3 / 12;
}
#w-node-_5f0fe5ea-7970-6eb9-afbe-05e5b809d444-b6ca5a3b {
grid-area: span 1 / span 12 / span 1 / span 12;
}
#w-node-_84568f7a-acb4-2c59-0007-26ef6eea1ecf-b6ca5a3b {
grid-area: span 1 / span 8 / span 1 / span 8;
}
#w-node-_84568f7a-acb4-2c59-0007-26ef6eea1ed1-b6ca5a3b, #w-node-_84568f7a-acb4-2c59-0007-26ef6eea1ed5-b6ca5a3b, #w-node-_84568f7a-acb4-2c59-0007-26ef6eea1ed9-b6ca5a3b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_3ebcf9f6-eeee-72ef-4a0f-85c84014c8df-b6ca5a3b {
grid-area: span 1 / span 4 / span 1 / span 4;
}
#w-node-_3ebcf9f6-eeee-72ef-4a0f-85c84014c8e1-b6ca5a3b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_74889610-55fe-6d4d-9756-b6367a67d4bf-b6ca5a3b {
grid-area: span 1 / span 4 / span 1 / span 4;
}
#w-node-_7068219d-9b0d-f2e3-fd5a-17eded936f92-b6ca5a3b, #w-node-bf57d4ac-1204-a119-848c-a1166db43365-b6ca5a3b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_6641ab35-d1d8-f788-8820-7235f703fa66-b6ca5a3b {
grid-area: span 1 / span 4 / span 1 / span 4;
}
#w-node-a51808c2-86df-9ea2-a308-be8afa45f0b7-b6ca5a3b, #w-node-_21ebf721-17fb-83ff-7789-d0a9ba045948-b6ca5a3b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_4e3f0784-6d1c-c16b-ccf7-d72de84ac5a3-b6ca5a3b {
grid-area: span 1 / span 4 / span 1 / span 4;
}
#w-node-_3df41f84-27ed-97e2-5882-c46af6e5a6d7-b6ca5a3b, #w-node-b2b83876-00fa-c7a6-03d5-aabdb541a5d4-b6ca5a3b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-e6fcc3e4-d642-196d-63ed-5bcadd675926-b6ca5a3b {
grid-area: span 1 / span 12 / span 1 / span 12;
}
#w-node-_30d19b06-38a0-796d-7260-7fd945abca76-b6ca5a3b {
grid-area: span 1 / span 6 / span 1 / span 6;
}
#w-node-_30d19b06-38a0-796d-7260-7fd945abca78-b6ca5a3b, #w-node-_30d19b06-38a0-796d-7260-7fd945abca7c-b6ca5a3b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-d4a11115-c13b-31e0-13fc-0556252bc502-b6ca5a3b {
grid-area: span 1 / span 6 / span 1 / span 6;
}
#w-node-d4a11115-c13b-31e0-13fc-0556252bc504-b6ca5a3b, #w-node-d4a11115-c13b-31e0-13fc-0556252bc508-b6ca5a3b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_24c25163-64ec-b22e-e7b1-c02bf31df67f-b6ca5a3b {
grid-area: span 1 / span 12 / span 1 / span 12;
}
#w-node-_4393e068-8b71-629a-3743-01dd66b0f8d1-b6ca5a3b {
grid-area: span 1 / span 3 / span 1 / span 3;
}
#w-node-_4393e068-8b71-629a-3743-01dd66b0f8d3-b6ca5a3b, #w-node-_4393e068-8b71-629a-3743-01dd66b0f8d7-b6ca5a3b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-c25ce72e-bab2-35b4-8456-08d2df62f667-b6ca5a3b {
grid-area: span 1 / span 3 / span 1 / span 3;
}
#w-node-c25ce72e-bab2-35b4-8456-08d2df62f669-b6ca5a3b, #w-node-c25ce72e-bab2-35b4-8456-08d2df62f66d-b6ca5a3b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_1d2be8ba-4606-dfce-ea5b-31e8eda0650f-b6ca5a3b {
grid-area: span 1 / span 3 / span 1 / span 3;
}
#w-node-_1d2be8ba-4606-dfce-ea5b-31e8eda06511-b6ca5a3b, #w-node-_1d2be8ba-4606-dfce-ea5b-31e8eda06515-b6ca5a3b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_4b312802-f572-4cd7-7d3d-e239e19b2dc7-b6ca5a3b {
grid-area: span 1 / span 3 / span 1 / span 3;
}
#w-node-_4b312802-f572-4cd7-7d3d-e239e19b2dc9-b6ca5a3b, #w-node-_4b312802-f572-4cd7-7d3d-e239e19b2dcd-b6ca5a3b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-b598633a-655e-8c0e-d3e1-5e5bac3ac006-b6ca5a3b, #w-node-_7fe6970d-2a65-bfa4-81ca-8a35438b9665-b6ca5a3b {
grid-area: span 1 / span 12 / span 1 / span 12;
}
#w-node-_3e4f495e-e8c6-e867-b90a-42440c2e4881-b6ca5a3b {
grid-area: span 1 / span 4 / span 1 / span 4;
}
#w-node-_3e4f495e-e8c6-e867-b90a-42440c2e4883-b6ca5a3b, #w-node-_3e4f495e-e8c6-e867-b90a-42440c2e4887-b6ca5a3b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-c399d225-cf51-7a76-4cfc-e42d890e4664-b6ca5a3b {
justify-self: end;
}
#w-node-_9c3f64cf-da51-eb87-9a40-be1075b37521-b6ca5a3b {
grid-area: span 1 / span 4 / span 1 / span 4;
}
#w-node-_9c3f64cf-da51-eb87-9a40-be1075b37523-b6ca5a3b, #w-node-_9c3f64cf-da51-eb87-9a40-be1075b37527-b6ca5a3b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_9c3f64cf-da51-eb87-9a40-be1075b37529-b6ca5a3b {
justify-self: end;
}
#w-node-e5757a10-bfa6-c4d0-e27a-9ba6aaf62498-b6ca5a3b {
grid-area: span 1 / span 4 / span 1 / span 4;
}
#w-node-e5757a10-bfa6-c4d0-e27a-9ba6aaf6249a-b6ca5a3b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-e5757a10-bfa6-c4d0-e27a-9ba6aaf624a0-b6ca5a3b {
justify-self: end;
}
#w-node-a6bd86ac-a818-bded-97c8-d3b541f4d6ae-b6ca5a3b, #w-node-e853d8f0-dfdc-af20-1ab2-41d65cd9d878-b6ca5a3b, #w-node-_0b36f638-a505-e342-a2ca-1a883c433305-b6ca5a3b {
grid-area: span 1 / span 12 / span 1 / span 12;
}
#w-node-efc5450e-db50-e429-5dea-da05468308ba-b6ca5a3b, #w-node-_4c146b9b-7d7f-a828-58cb-efd983d7fe0c-b6ca5a3b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-bf4767bf-07ea-514a-9d09-8de2c41a6c4b-b6ca5a3b {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-c1c2f23d-30fe-041b-3da9-714ec7a42d31-b6ca5a3b, #w-node-abf8cb3b-c742-36c6-f07a-a5fe5aa3226b-b6ca5a3b {
grid-area: span 1 / span 12 / span 1 / span 12;
}
#w-node-abf8cb3b-c742-36c6-f07a-a5fe5aa32271-b6ca5a3b, #w-node-abf8cb3b-c742-36c6-f07a-a5fe5aa32273-b6ca5a3b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-abf8cb3b-c742-36c6-f07a-a5fe5aa32274-b6ca5a3b {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-a6b57393-446c-f9f0-6ed8-fda611d90724-b6ca5a3b, #w-node-_269e4981-ccef-dc78-9d07-dc07a389b3d7-b6ca5a3b {
grid-area: span 1 / span 12 / span 1 / span 12;
}
#w-node-_269e4981-ccef-dc78-9d07-dc07a389b3dd-b6ca5a3b, #w-node-_269e4981-ccef-dc78-9d07-dc07a389b3df-b6ca5a3b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_269e4981-ccef-dc78-9d07-dc07a389b3e0-b6ca5a3b {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-_7cf6c9ca-27c8-0257-08b1-a98c1dcacf5a-b6ca5a3d, #w-node-c0145d7a-5f16-0a40-2cf2-74aa99aed84c-b6ca5a3d {
grid-area: 1 / 4 / 2 / 10;
}
#w-node-f0f64a85-ec56-cb96-9f6d-d3912e0d9290-b6ca5a3d {
justify-self: center;
}
#w-node-bc2e0a6a-25b6-74c3-9538-579aa499de93-b6ca5a3d, #w-node-d4b68b4b-116f-7f83-9d46-8341af101b7d-b6ca5a3d, #w-node-_92926fe4-d944-8e72-0887-de95019267f7-b6ca5a3d, #w-node-ba1140d0-b6e1-80a1-28ea-16b5250f79e0-b6ca5a3d, #w-node-_152945ee-c929-c668-64a5-3b80e116a940-b6ca5a3d, #w-node-_9ff29f4f-2acb-41db-28fb-10bd873526d5-b6ca5a3d, #w-node-_245343d8-145d-460b-380b-5e6a9ac6af40-b6ca5a3d, #w-node-eedda82b-eb2c-eb2a-f115-01fb2ef5e220-b6ca5a3d, #w-node-_884c45f2-ce13-04c9-8838-aae991dba4c8-b6ca5a3d, #w-node-_906ac1ce-564e-cd1d-f976-07e667699306-b6ca5a3d, #w-node-e659063f-6e6a-6faa-8714-d7028aa49f16-b6ca5a3d, #w-node-_72c3c01f-1325-da44-5513-e2792b7de354-b6ca5a3d {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_855d1f87-b361-033b-429d-e2bccc31ace2-b6ca5a3d, #w-node-a7382317-1f57-2e0b-3836-6171951ef2be-b6ca5a3d {
place-self: center;
}
#w-node-_2815446f-e0db-8e5a-8b06-d0b5d2f8ae7a-b6ca5a3d, #w-node-_2f868a8a-cffe-9499-4dac-07c7b775776b-b6ca5a3d {
grid-area: 1 / 4 / 2 / 10;
}
#w-node-becc41c8-1384-258f-702c-f766ee1ff275-a9ffa723, #w-node-becc41c8-1384-258f-702c-f766ee1ff275-326f23a6 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_3740f2dd-ab52-162a-8785-bd4abb12400f-9859a1cc, #w-node-_3740f2dd-ab52-162a-8785-bd4abb124019-9859a1cc {
align-self: center;
}
#w-node-becc41c8-1384-258f-702c-f766ee1ff275-7e3dc07e, #w-node-becc41c8-1384-258f-702c-f766ee1ff275-38d7a0e6 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-a8291410-c7f7-9d9d-08bb-65f723b3f12d-7e0d7a27 {
justify-self: end;
}
#w-node-_1e6a2f79-9195-477b-6e9e-3d40d4746dab-7e0d7a27 {
justify-self: start;
}
#w-node-d6e8fb94-75ca-d103-36ed-8b2b4ad29ce5-7e0d7a27 {
justify-self: end;
}
#w-node-b47970b0-a7f6-e176-abc0-e6ef7992e24e-3c675464 {
place-self: start center;
}
#w-node-_7eafcb57-5e01-b73a-7923-5fffda1d436f-e452c9ce {
align-self: center;
}
#w-node-c72f32c9-a39a-7e8a-6574-e1756389e835-e452c9ce {
justify-self: center;
}
#w-node-_968061c5-a8c7-a6c0-748b-4ed09b06e835-e452c9ce {
align-self: center;
}
#w-node-_97c204c4-9930-562d-1ac5-761c54cb4e04-e452c9ce, #w-node-_97c204c4-9930-562d-1ac5-761c54cb4e06-e452c9ce, #w-node-_97c204c4-9930-562d-1ac5-761c54cb4e0b-e452c9ce, #w-node-_97c204c4-9930-562d-1ac5-761c54cb4e0c-e452c9ce {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-d34d3378-c817-93aa-0985-5a16c95af7c8-e452c9ce {
justify-self: center;
}
#w-node-a85eedb5-361e-bf8b-9e2f-d89e2472b3d8-191eb8b1 {
place-self: start center;
}
#w-node-d8da5549-28a4-c8e0-6c06-b6697118fc0d-107a7043 {
justify-self: end;
}
#w-node-_24302657-3021-d4f2-ba7b-3e7c57b3bc1e-75038677, #w-node-_7993face-790d-cb39-8e16-cee474d187fc-75038677, #w-node-_55829557-73c7-325c-8c9b-384ff08c1136-75038677, #w-node-_27f86c86-09c0-5319-fa08-de7bd76f8d7d-75038677, #w-node-_27f86c86-09c0-5319-fa08-de7bd76f8d7f-75038677, #w-node-_27f86c86-09c0-5319-fa08-de7bd76f8d81-75038677 {
place-self: center;
}
#w-node-becc41c8-1384-258f-702c-f766ee1ff275-babda1d3 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_49ce36eb-ab4e-0170-a529-da5669b5e818-638b0e3b, #w-node-_49ce36eb-ab4e-0170-a529-da5669b5e827-638b0e3b, #w-node-eaa2939d-4cbe-1cc2-6585-330abca6c4e9-638b0e3b, #w-node-_795976db-029f-5e9a-01d6-a20a87da2d0f-638b0e3b, #w-node-_0940b578-2eae-e268-5f99-3deb5e88d694-638b0e3b {
align-self: center;
}
#w-node-_46745512-d5ee-6205-3d34-1fadd08cf478-638b0e3b, #w-node-_8ce921aa-d37e-f4f6-193a-2311e99a109c-638b0e3b, #w-node-b6df8844-d804-b1b4-ece6-37624f98b1de-638b0e3b {
justify-self: center;
}
#w-node-_9ac1540d-47b6-e27a-af1d-a0aad37c3abf-638b0e3b, #w-node-c35aeabe-e28a-1011-2f15-28a3a0c2426d-638b0e3b {
place-self: center;
}
#w-node-_33fc5b6a-9e0d-89fc-da1e-a98612081b9a-638b0e3b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_0f646879-51bb-7d91-c767-af5ae59745fe-ad5eaf1b, #w-node-_08452201-d77a-9414-ccf8-1614a7b9cec7-ad5eaf1b, #w-node-_6eb6beb5-f9ce-54de-266c-67dbfafebe90-ad5eaf1b, #w-node-bdfc6530-cbec-5f0f-289f-89f0533eda9a-ad5eaf1b {
align-self: center;
}
#w-node-c3a3b296-8270-78fe-5409-7bb5ab40e6dc-ad5eaf1b {
place-self: center;
}
#w-node-de1950ed-1e3d-a8d6-6a10-639170f85a31-da47dd26, #w-node-de1950ed-1e3d-a8d6-6a10-639170f85a3b-da47dd26, #w-node-_95c7a738-81f6-f70d-f008-e6a5d7d366b3-da47dd26, #w-node-_20f9814a-9618-7a87-305d-01a8a7d14a69-da47dd26 {
align-self: center;
}
#w-node-c3fed3a1-45cd-0d19-423e-32f9acd5591d-da47dd26 {
justify-self: center;
}
#w-node-_309b4971-adc5-5527-afd7-ceac414039b5-da47dd26 {
align-self: center;
}
#w-node-_059ab1f6-3798-6100-812b-c9f9a2bf7451-da47dd26, #w-node-_059ab1f6-3798-6100-812b-c9f9a2bf7458-da47dd26, #w-node-_059ab1f6-3798-6100-812b-c9f9a2bf745f-da47dd26 {
justify-self: center;
}
#w-node-a1399835-d4f0-c7c7-8d8e-d932bb2d46a1-da47dd26 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_532db275-4143-7a9c-3100-6e7e89c6c5be-b4d25465, #w-node-_532db275-4143-7a9c-3100-6e7e89c6c5c8-b4d25465, #w-node-_81544b5e-1a1f-d82b-bff4-71e45c8cfeaa-b4d25465, #w-node-_30532096-6832-0808-3838-d305265e521f-b4d25465 {
align-self: center;
}
#w-node-_9c7c3a68-2910-6296-437c-943147db514f-b4d25465 {
justify-self: center;
}
#w-node-_5ab1d950-29bd-dcc1-5d7c-b67e53e60315-b4d25465 {
align-self: center;
}
#w-node-d7916c48-1d5a-65be-9014-a9836d87dfab-b4d25465 {
justify-self: center;
}
#w-node-_45205088-cca5-00c4-b790-0b0df3e1b3d5-b4d25465 {
place-self: center;
}
#w-node-_22a00ebf-4ace-34a4-6888-6a4d48a58a32-b4d25465 {
align-self: center;
}
#w-node-_26cd753f-111d-d9c4-7e16-f9a78b436e46-b4d25465 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_1b5fa159-6980-a74c-4b5a-c8c782bf7dd2-b4d25465, #w-node-_1b5fa159-6980-a74c-4b5a-c8c782bf7ddf-b4d25465, #w-node-fd9e9169-829d-38d0-1b65-f19ad1258dd1-b4d25465, #w-node-fd9e9169-829d-38d0-1b65-f19ad1258dde-b4d25465 {
place-self: center;
}
#w-node-d6d0db2e-2fee-88d1-83a3-c4c49a8caf31-22e0327d, #w-node-d6d0db2e-2fee-88d1-83a3-c4c49a8caf3b-22e0327d, #w-node-dc12cedb-d162-c4f7-8932-c6807ce329c3-22e0327d, #w-node-_9d7218bc-ffe9-685b-48e0-fac513679187-22e0327d, #w-node-_31a21246-df60-c86c-ae5b-08eb1a97a254-22e0327d, #w-node-_5657514a-6f66-9817-7aea-13f96cce7061-22e0327d {
align-self: center;
}
#w-node-_7eb8a35d-6bff-8e81-bbfc-24389571abae-22e0327d, #w-node-_7eb8a35d-6bff-8e81-bbfc-24389571abb5-22e0327d, #w-node-_7eb8a35d-6bff-8e81-bbfc-24389571abbc-22e0327d {
justify-self: center;
}
#w-node-_85ee69a1-1260-8306-4520-41a6198001dc-22e0327d, #w-node-_85ee69a1-1260-8306-4520-41a6198001fd-22e0327d {
place-self: center;
}
#w-node-_86406510-621b-3d9c-bce6-d1e28be42f61-b32bfbc2, #w-node-_86406510-621b-3d9c-bce6-d1e28be42f6b-b32bfbc2 {
align-self: center;
}
#w-node-a17510be-07f4-b127-6631-6f6260996771-b32bfbc2 {
place-self: center;
}
#w-node-_822a225a-5955-7d3a-cf9f-32f7e18a9855-b32bfbc2 {
justify-self: center;
}
#w-node-_9bad85a5-90e7-969f-a909-fe1fdf5fd7e6-b32bfbc2, #w-node-_72c7f29c-4fb7-8208-f9f2-2d52fc51c37e-b32bfbc2, #w-node-a7ab066e-50a7-be10-023c-e68294585404-b32bfbc2 {
place-self: center;
}
#w-node-_896a2c0b-e5b6-a3b7-469b-ed90e7b02f3f-b32bfbc2 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_1a8b9d4b-96f2-c1b1-1d03-1125bcfa6af3-b32bfbc2 {
justify-self: center;
}
#w-node-e454697c-555f-9cb4-3671-117d93bd36c3-b32bfbc2 {
place-self: center;
}
#w-node-d0be3b4c-02e2-32c8-8014-36e21afaa831-459403d5, #w-node-d0be3b4c-02e2-32c8-8014-36e21afaa83b-459403d5 {
align-self: center;
}
#w-node-_451a7197-8968-9e8e-035c-523d8e3a8d28-459403d5, #w-node-_8f951c82-cda1-293f-f161-f3b0523a0532-459403d5, #w-node-_161aab53-7f2f-955a-06ea-9840b28e3fff-459403d5, #w-node-_23c78d5a-b6bd-2faf-7ae0-efe82b651ad6-459403d5, #w-node-bb413e42-b130-67bb-70a9-5a80b17fd4ca-459403d5, #w-node-_939c421b-fcab-6a0f-2b00-4efe763cfe0f-459403d5, #w-node-_939c421b-fcab-6a0f-2b00-4efe763cfe15-459403d5, #w-node-_939c421b-fcab-6a0f-2b00-4efe763cfe1d-459403d5, #w-node-_939c421b-fcab-6a0f-2b00-4efe763cfe25-459403d5, #w-node-_939c421b-fcab-6a0f-2b00-4efe763cfe2d-459403d5 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-c2b7087d-5455-c0c6-151e-8f03a5358020-459403d5 {
justify-self: end;
}
#w-node-_414b31f0-6b26-56ed-6a69-e38ea0c189a3-459403d5, #w-node-_414b31f0-6b26-56ed-6a69-e38ea0c189a9-459403d5, #w-node-_414b31f0-6b26-56ed-6a69-e38ea0c189af-459403d5, #w-node-_414b31f0-6b26-56ed-6a69-e38ea0c189b9-459403d5, #w-node-_414b31f0-6b26-56ed-6a69-e38ea0c189bf-459403d5, #w-node-_54045b35-7d39-e751-3b74-3108e7f3f49b-459403d5 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_4461a767-2922-6dee-13ba-eaa36737b70d-459403d5 {
grid-area: span 1 / span 1 / span 1 / span 1;
place-self: center;
}
#w-node-d7986d17-aa8d-140e-5bbd-585043f86671-459403d5 {
justify-self: end;
}
#w-node-_953984bd-00a8-2708-5405-6526ebef9f3e-459403d5 {
grid-area: span 1 / span 1 / span 1 / span 1;
place-self: center;
}
#w-node-_341d389d-6283-5c26-c671-500b0cdf515c-459403d5, #w-node-_341d389d-6283-5c26-c671-500b0cdf5162-459403d5, #w-node-_341d389d-6283-5c26-c671-500b0cdf5170-459403d5, #w-node-_341d389d-6283-5c26-c671-500b0cdf5176-459403d5 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_017061d1-53b1-e57f-cf72-1d6e708d718c-459403d5 {
justify-self: end;
}
#w-node-a6676d23-2561-6547-619b-ef7557dabf89-459403d5 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-d0be3b4c-02e2-32c8-8014-36e21afaa831-3a80faea, #w-node-d0be3b4c-02e2-32c8-8014-36e21afaa83b-3a80faea {
align-self: center;
}
#w-node-_4a5426fb-433d-d19e-ff04-142975c97b0a-3a80faea, #w-node-_4a5426fb-433d-d19e-ff04-142975c97b10-3a80faea, #w-node-_4a5426fb-433d-d19e-ff04-142975c97b20-3a80faea, #w-node-_4a5426fb-433d-d19e-ff04-142975c97b28-3a80faea, #w-node-_017f9fe2-bf52-4651-35c5-ff8694f65447-3a80faea, #w-node-_31267b27-ebd5-f6e9-51ef-8eb27bcb53d8-3a80faea, #w-node-_31267b27-ebd5-f6e9-51ef-8eb27bcb53de-3a80faea {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_3a08a626-b6b8-ce3a-b90e-5e37a808c410-3a80faea {
justify-self: end;
}
#w-node-a71c9d9a-451a-a286-263e-c12521b4cee4-3a80faea, #w-node-a71c9d9a-451a-a286-263e-c12521b4ceea-3a80faea, #w-node-a71c9d9a-451a-a286-263e-c12521b4cef4-3a80faea, #w-node-a71c9d9a-451a-a286-263e-c12521b4cefc-3a80faea, #w-node-_6ebfa4fa-b5dd-01a9-6d66-31ac35f8faf4-3a80faea, #w-node-_6ebfa4fa-b5dd-01a9-6d66-31ac35f8fafa-3a80faea {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-a9266dc5-a321-6a05-b986-69135b7639fb-3a80faea {
justify-self: end;
}
#w-node-_566078b2-b481-51ce-d926-5a10b5903d03-3a80faea, #w-node-_566078b2-b481-51ce-d926-5a10b5903d09-3a80faea, #w-node-_566078b2-b481-51ce-d926-5a10b5903d11-3a80faea, #w-node-_566078b2-b481-51ce-d926-5a10b5903d17-3a80faea, #w-node-a0c0c405-7c10-7e42-7ff1-5b28f578dde2-3a80faea {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_72b68905-cedb-aaf9-b3b7-18e3aac6f87b-3a80faea {
justify-self: end;
}
#w-node-_063790f1-436f-e550-bbcf-2abd52629131-3a80faea {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-fd41397b-8262-934b-c54c-a7bb9ee2eef0-92094bb0, #w-node-_4db3c152-921f-b617-dfa0-c6c5b4eb1133-92094bb0, #w-node-_01fcace5-9d65-455c-2e7d-abb963f9e403-92094bb0, #w-node-_4578871c-74d8-61a9-cce7-a2fb5efb96ad-92094bb0, #w-node-febb5393-358b-aa86-e832-44ca13436f55-92094bb0 {
justify-self: center;
}
#w-node-_795976db-029f-5e9a-01d6-a20a87da2d0f-92094bb0 {
align-self: center;
}
#w-node-_46745512-d5ee-6205-3d34-1fadd08cf478-92094bb0, #w-node-_8ce921aa-d37e-f4f6-193a-2311e99a109c-92094bb0, #w-node-b6df8844-d804-b1b4-ece6-37624f98b1de-92094bb0 {
justify-self: center;
}
#w-node-_9ac1540d-47b6-e27a-af1d-a0aad37c3abf-92094bb0, #w-node-c35aeabe-e28a-1011-2f15-28a3a0c2426d-92094bb0 {
place-self: center;
}
#w-node-_49ce36eb-ab4e-0170-a529-da5669b5e818-fe130355, #w-node-_49ce36eb-ab4e-0170-a529-da5669b5e827-fe130355, #w-node-eaa2939d-4cbe-1cc2-6585-330abca6c4e9-fe130355, #w-node-_795976db-029f-5e9a-01d6-a20a87da2d0f-fe130355 {
align-self: center;
}
#w-node-_8b561f50-6ff0-0d04-f66f-981b3a1c8028-fe130355, #w-node-_46745512-d5ee-6205-3d34-1fadd08cf478-fe130355, #w-node-_8ce921aa-d37e-f4f6-193a-2311e99a109c-fe130355, #w-node-b6df8844-d804-b1b4-ece6-37624f98b1de-fe130355 {
justify-self: center;
}
#w-node-_4639b88c-8a66-60bc-5c0f-60b1aa58963c-6d45d29d, #w-node-_4639b88c-8a66-60bc-5c0f-60b1aa589646-6d45d29d, #w-node-_4a1713ce-4d0d-9eb9-75bb-8b3616ca9ca4-6d45d29d, #w-node-f73229bb-3153-8bdd-39f0-23f0c64e728f-6d45d29d {
align-self: center;
}
#w-node-_7ee575f8-bb6c-8a31-fa9a-7c61c8ef6762-6d45d29d, #w-node-cd80babe-25d3-f79c-6c26-c9d26b66f0e7-6d45d29d, #w-node-cd80babe-25d3-f79c-6c26-c9d26b66f0f0-6d45d29d, #w-node-cd80babe-25d3-f79c-6c26-c9d26b66f0f9-6d45d29d, #w-node-cd80babe-25d3-f79c-6c26-c9d26b66f102-6d45d29d, #w-node-ff2d1708-bd9c-e716-efba-1b9f825558f8-6d45d29d {
justify-self: center;
}
#w-node-ff2d1708-bd9c-e716-efba-1b9f82555918-6d45d29d {
align-self: center;
}
#w-node-ff2d1708-bd9c-e716-efba-1b9f8255591b-6d45d29d, #w-node-ff2d1708-bd9c-e716-efba-1b9f8255591d-6d45d29d, #w-node-ff2d1708-bd9c-e716-efba-1b9f8255591f-6d45d29d {
justify-self: center;
}
#w-node-ff2d1708-bd9c-e716-efba-1b9f82555921-6d45d29d {
align-self: center;
}
#w-node-ff2d1708-bd9c-e716-efba-1b9f82555924-6d45d29d, #w-node-ff2d1708-bd9c-e716-efba-1b9f82555926-6d45d29d, #w-node-ff2d1708-bd9c-e716-efba-1b9f82555928-6d45d29d {
justify-self: center;
}
#w-node-ff2d1708-bd9c-e716-efba-1b9f8255592a-6d45d29d {
align-self: center;
}
#w-node-ff2d1708-bd9c-e716-efba-1b9f8255592d-6d45d29d, #w-node-ff2d1708-bd9c-e716-efba-1b9f8255592f-6d45d29d, #w-node-ff2d1708-bd9c-e716-efba-1b9f82555931-6d45d29d {
justify-self: center;
}
#w-node-ff2d1708-bd9c-e716-efba-1b9f82555933-6d45d29d {
align-self: center;
}
#w-node-ff2d1708-bd9c-e716-efba-1b9f82555936-6d45d29d, #w-node-ff2d1708-bd9c-e716-efba-1b9f82555938-6d45d29d, #w-node-ff2d1708-bd9c-e716-efba-1b9f8255593a-6d45d29d {
justify-self: center;
}
#w-node-ff2d1708-bd9c-e716-efba-1b9f8255593c-6d45d29d {
align-self: center;
}
#w-node-ff2d1708-bd9c-e716-efba-1b9f8255593f-6d45d29d, #w-node-ff2d1708-bd9c-e716-efba-1b9f82555941-6d45d29d, #w-node-ff2d1708-bd9c-e716-efba-1b9f82555943-6d45d29d {
justify-self: center;
}
#w-node-ff2d1708-bd9c-e716-efba-1b9f82555945-6d45d29d {
align-self: center;
}
#w-node-ff2d1708-bd9c-e716-efba-1b9f82555948-6d45d29d, #w-node-ff2d1708-bd9c-e716-efba-1b9f8255594a-6d45d29d, #w-node-ff2d1708-bd9c-e716-efba-1b9f8255594c-6d45d29d {
justify-self: center;
}
#w-node-ff2d1708-bd9c-e716-efba-1b9f8255594e-6d45d29d {
align-self: center;
}
#w-node-ff2d1708-bd9c-e716-efba-1b9f82555951-6d45d29d, #w-node-ff2d1708-bd9c-e716-efba-1b9f82555953-6d45d29d, #w-node-ff2d1708-bd9c-e716-efba-1b9f82555955-6d45d29d {
justify-self: center;
}
#w-node-_8e5c56b8-f50f-b5be-d8ff-f3fed666706b-f3c15004 {
align-self: center;
}
#w-node-_8e5c56b8-f50f-b5be-d8ff-f3fed6667075-f3c15004 {
place-self: center;
}
#w-node-_86654651-25f6-a2bb-a140-285685264b3c-f3c15004 {
place-self: start center;
}
#w-node-bd1e7b52-cf84-d05a-d9d7-a6364bbf64ae-f3c15004, #w-node-bd1e7b52-cf84-d05a-d9d7-a6364bbf64bf-f3c15004 {
place-self: center;
}
#w-node-_8e5c56b8-f50f-b5be-d8ff-f3fed666706b-2ea228e2, #w-node-_8e5c56b8-f50f-b5be-d8ff-f3fed6667075-2ea228e2 {
align-self: center;
}
#w-node-_479db988-8494-7990-3b82-75bb9c365238-2ea228e2 {
justify-self: center;
}
#w-node-becc41c8-1384-258f-702c-f766ee1ff275-bbb5408c {
grid-area: span 1 / span 1 / span 1 / span 1;
}
@media screen and (min-width: 1920px) {
#w-node-a37327e9-6420-4c14-b3da-e2cede502698-b6ca57f2, #w-node-c512ae6a-bda1-9103-8e6a-179862996e86-b6ca57f3, #w-node-db4957c1-f0dd-a9a4-6684-8066f60a9ad9-b6ca594a, #w-node-_8bc1ad7f-8590-59b6-1cdc-e5c7b47ffaea-b6ca5a1f {
align-self: center;
}
}
@media screen and (min-width: 1280px) {
#w-node-_0eb035f1-87df-4003-c8cf-af88ad3a9a88-b6ca59b0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_0eb035f1-87df-4003-c8cf-af88ad3a9a8a-b6ca59b0 {
justify-self: end;
}
#w-node-_0eb035f1-87df-4003-c8cf-af88ad3a9a8f-b6ca59b0 {
order: 0;
grid-area: span 1 / span 1 / span 1 / span 1;
}
}
@media screen and (max-width: 991px) {
#w-node-e889c40c-4263-4363-1c81-5380dc6bc09d-dc6bc06e, #w-node-_63f48be6-1f7a-1558-5fcc-0abfb411cab1-b6ca57f6 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_63f48be6-1f7a-1558-5fcc-0abfb411cace-b6ca57f6 {
order: -9999;
}
#w-node-_1f9e861e-3a15-d8f2-72be-447cb5cbc3d4-b6ca57fb {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_1f9e861e-3a15-d8f2-72be-447cb5cbc3ea-b6ca57fb {
order: -9999;
}
#w-node-_6be8c19e-6c61-8559-c8a1-187a20870b9d-b6ca57fc {
grid-column: span 1 / span 1;
}
#w-node-ea0803b4-1e39-1800-a16d-8f2367853f43-b6ca58e9 {
order: -9999;
}
#w-node-_65b811f9-a1a7-aebb-a69b-b94bc8847cc7-b6ca5986 {
grid-column: span 1 / span 1;
}
#w-node-fe5a8264-3a94-3f4a-8520-bdc1c3e9bf34-b6ca5986 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-d9f69111-ef90-de31-54d1-f8948ac79cfe-b6ca5986 {
order: 9999;
}
#w-node-a1f92d7c-48cf-270c-0a7d-fa163bb759c0-b6ca59a9 {
justify-self: center;
}
#w-node-bd3655af-65ac-d820-2209-b08859d1cb9c-b6ca59ad {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_65b811f9-a1a7-aebb-a69b-b94bc8847cc7-b6ca59ae {
grid-column: span 1 / span 1;
}
#w-node-fe5a8264-3a94-3f4a-8520-bdc1c3e9bf34-b6ca59ae {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-d9f69111-ef90-de31-54d1-f8948ac79cfe-b6ca59ae {
order: 9999;
}
#w-node-_8bc1ad7f-8590-59b6-1cdc-e5c7b47ffaea-b6ca5a1f {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_7cf6c9ca-27c8-0257-08b1-a98c1dcacf5a-b6ca5a3d, #w-node-c0145d7a-5f16-0a40-2cf2-74aa99aed84c-b6ca5a3d, #w-node-_2815446f-e0db-8e5a-8b06-d0b5d2f8ae7a-b6ca5a3d, #w-node-_2f868a8a-cffe-9499-4dac-07c7b775776b-b6ca5a3d {
grid-column: 2 / 6;
}
}
@media screen and (max-width: 767px) {
#w-node-e889c40c-4263-4363-1c81-5380dc6bc09d-dc6bc06e {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-d85fb844-c916-c0d6-1144-8d38eee8dd28-b6ca57f3 {
align-self: center;
}
#w-node-a10c8237-d85b-763d-bf91-6154b1a14543-b1a1453c {
justify-self: start;
}
#w-node-_621075cc-c1cf-6060-7ab9-0689d7a43ded-b6ca57f6 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_8a39501b-9170-8f52-0574-d6b41f039442-b6ca57fb {
justify-self: start;
}
#w-node-_4d535129-27b9-2f22-626b-88a66665f3db-b6ca57fb {
justify-self: center;
}
#w-node-_63f90944-e32f-bf76-6070-4f50e7e5e4c2-b6ca57fb {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_8a8bb6e3-eb23-2ea8-810c-c66a3d5c0c4d-b6ca57ff, #w-node-_5ab8b52a-acf5-e0be-496a-5e029fd1a6e4-b6ca580e, #w-node-e16be519-be3b-16bc-a049-78e13e8d77bc-b6ca58ea, #w-node-_8a8bb6e3-eb23-2ea8-810c-c66a3d5c0c4d-b6ca58f2, #w-node-_8a8bb6e3-eb23-2ea8-810c-c66a3d5c0c4d-b6ca596b {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-af14c694-f1d7-e468-6f16-41e07a4ed465-b6ca59a9 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_7cd689e8-8751-27c1-3a51-7adf5205e709-b6ca59af {
align-self: center;
}
#w-node-_02dfc3fd-5aba-9de6-06f3-91dff9dae7ea-b6ca5a1b, #w-node-_69559e65-fd3d-a178-41ba-39324af72364-b6ca5a1f {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-bc2e0a6a-25b6-74c3-9538-579aa499de93-b6ca5a3d {
grid-area: 1 / 1 / 2 / 2;
justify-self: center;
}
#w-node-a7382317-1f57-2e0b-3836-6171951ef2be-b6ca5a3d {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-b47970b0-a7f6-e176-abc0-e6ef7992e250-3c675464, #w-node-_4616c44d-7140-af35-f6b6-19630ad6acb3-3a80faea, #w-node-_4616c44d-7140-af35-f6b6-19630ad6acb9-3a80faea, #w-node-c7b759bc-aaea-b9c0-d923-0c47e4fc4d46-fe130355, #w-node-c7b759bc-aaea-b9c0-d923-0c47e4fc4d3d-fe130355 {
justify-self: center;
}
}
@media screen and (max-width: 479px) {
#w-node-_83f4491b-c0e9-6927-0834-cc6d09e4ba34-b6ca57e8 {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_9b11ca0b-4035-15a8-ea97-9d5dd4f6282d-b6ca57e8 {
justify-self: center;
}
#w-node-_84b7445f-7b54-635a-6274-d438d5aa673b-b6ca57e8 {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-a75ca950-523d-2a83-f7c0-b137465ad253-b6ca57e8 {
justify-self: center;
}
#w-node-df187946-39f6-30f6-beb0-e1066228f8ea-b6ca57e8 {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_3d1d3a65-2205-dafd-d8e5-70007433a5c8-b6ca57ec, #w-node-_61a448bc-916f-890f-6c5e-2624ec992dbc-b6ca57ec {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_261cb40e-8eb5-9798-af6c-4be7db29c928-b6ca57f1 {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_63f48be6-1f7a-1558-5fcc-0abfb411cab5-b6ca57f6, #w-node-_63f48be6-1f7a-1558-5fcc-0abfb411cabc-b6ca57f6, #w-node-_63f48be6-1f7a-1558-5fcc-0abfb411cac3-b6ca57f6, #w-node-_63f48be6-1f7a-1558-5fcc-0abfb411caca-b6ca57f6, #w-node-_621075cc-c1cf-6060-7ab9-0689d7a43ded-b6ca57f6, #w-node-_63f90944-e32f-bf76-6070-4f50e7e5e4c2-b6ca57fb, #w-node-_1f9e861e-3a15-d8f2-72be-447cb5cbc3d6-b6ca57fb, #w-node-_1f9e861e-3a15-d8f2-72be-447cb5cbc3db-b6ca57fb, #w-node-_1f9e861e-3a15-d8f2-72be-447cb5cbc3e0-b6ca57fb, #w-node-_1f9e861e-3a15-d8f2-72be-447cb5cbc3e5-b6ca57fb {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-a7669cf7-4890-efae-e9aa-a9dc31bf8440-b6ca57fe, #w-node-_8a8bb6e3-eb23-2ea8-810c-c66a3d5c0c4d-b6ca57ff, #w-node-_8a8bb6e3-eb23-2ea8-810c-c66a3d5c0c4d-b6ca58f2, #w-node-a7669cf7-4890-efae-e9aa-a9dc31bf8440-b6ca58f3, #w-node-_8a8bb6e3-eb23-2ea8-810c-c66a3d5c0c4d-b6ca5907, #w-node-_8a8bb6e3-eb23-2ea8-810c-c66a3d5c0c4d-b6ca5919 {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_747379eb-7eb9-025b-97ef-2f62f35cf52d-b6ca5927 {
order: 9999;
}
#w-node-_4453cf13-694a-b95d-6e9f-c3f025169e72-b6ca592b, #w-node-c7f1d560-6f1d-8eef-f70c-1a754735b308-b6ca592b, #w-node-_2f6127e6-3e8e-150a-be38-533c574c495a-b6ca592b, #w-node-_8a8bb6e3-eb23-2ea8-810c-c66a3d5c0c4d-b6ca596b {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_07f2398d-744c-7740-1eb0-e4a3a0eca17f-b6ca5987 {
order: 9999;
}
#w-node-bd3655af-65ac-d820-2209-b08859d1cb9c-b6ca59ad, #w-node-bd3655af-65ac-d820-2209-b08859d1cbac-b6ca59ad {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-aa182afe-dbb0-1722-ca3a-9b05e53fcd74-b6ca59af {
order: 9999;
}
#w-node-_0eb035f1-87df-4003-c8cf-af88ad3a9a88-b6ca59b0 {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: auto;
}
#w-node-_0eb035f1-87df-4003-c8cf-af88ad3a9a90-b6ca59b0, #w-node-_0eb035f1-87df-4003-c8cf-af88ad3a9a99-b6ca59b0, #w-node-_0eb035f1-87df-4003-c8cf-af88ad3a9aa2-b6ca59b0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_6118771b-9efa-183f-d6b8-b3f369766859-b6ca59cd, #w-node-afec28f9-00e2-62ec-0507-8b694223f610-b6ca59cd, #w-node-_8a8bb6e3-eb23-2ea8-810c-c66a3d5c0c4d-b6ca5a18, #w-node-_69559e65-fd3d-a178-41ba-39324af72364-b6ca5a1f, #w-node-_7bc977d7-556b-a497-526f-6566260d9962-b6ca5a23, #w-node-b3c03182-453c-b751-b085-58f7c967ccd3-b6ca5a23, #w-node-d54636b5-61a8-46a9-3f9a-407e59586589-b6ca5a23, #w-node-f18d5c39-2c59-92a3-b749-9b471f17ceb1-b6ca5a23, #w-node-_968061c5-a8c7-a6c0-748b-4ed09b06e835-e452c9ce {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-fbe0393f-7763-5bfb-844e-23ff2f0f215a-75038677 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-eaa2939d-4cbe-1cc2-6585-330abca6c4e9-638b0e3b, #w-node-_795976db-029f-5e9a-01d6-a20a87da2d0f-638b0e3b, #w-node-_0940b578-2eae-e268-5f99-3deb5e88d694-638b0e3b, #w-node-_6eb6beb5-f9ce-54de-266c-67dbfafebe90-ad5eaf1b, #w-node-bdfc6530-cbec-5f0f-289f-89f0533eda9a-ad5eaf1b, #w-node-c3a3b296-8270-78fe-5409-7bb5ab40e6dc-ad5eaf1b, #w-node-_95c7a738-81f6-f70d-f008-e6a5d7d366b3-da47dd26, #w-node-_20f9814a-9618-7a87-305d-01a8a7d14a69-da47dd26, #w-node-_309b4971-adc5-5527-afd7-ceac414039b5-da47dd26, #w-node-_81544b5e-1a1f-d82b-bff4-71e45c8cfeaa-b4d25465, #w-node-_30532096-6832-0808-3838-d305265e521f-b4d25465, #w-node-_5ab1d950-29bd-dcc1-5d7c-b67e53e60315-b4d25465, #w-node-dc12cedb-d162-c4f7-8932-c6807ce329c3-22e0327d, #w-node-_9d7218bc-ffe9-685b-48e0-fac513679187-22e0327d, #w-node-_31a21246-df60-c86c-ae5b-08eb1a97a254-22e0327d, #w-node-_5657514a-6f66-9817-7aea-13f96cce7061-22e0327d, #w-node-a17510be-07f4-b127-6631-6f6260996771-b32bfbc2, #w-node-_9bad85a5-90e7-969f-a909-fe1fdf5fd7e6-b32bfbc2, #w-node-a7ab066e-50a7-be10-023c-e68294585404-b32bfbc2 {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-_4616c44d-7140-af35-f6b6-19630ad6acb3-3a80faea, #w-node-_4616c44d-7140-af35-f6b6-19630ad6acb9-3a80faea {
justify-self: start;
}
#w-node-_01fcace5-9d65-455c-2e7d-abb963f9e403-92094bb0, #w-node-_4578871c-74d8-61a9-cce7-a2fb5efb96ad-92094bb0 {
justify-self: center;
}
#w-node-_795976db-029f-5e9a-01d6-a20a87da2d0f-92094bb0, #w-node-eaa2939d-4cbe-1cc2-6585-330abca6c4e9-fe130355, #w-node-_795976db-029f-5e9a-01d6-a20a87da2d0f-fe130355 {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-c7b759bc-aaea-b9c0-d923-0c47e4fc4d46-fe130355 {
justify-self: start;
}
#w-node-_4a1713ce-4d0d-9eb9-75bb-8b3616ca9ca4-6d45d29d, #w-node-f73229bb-3153-8bdd-39f0-23f0c64e728f-6d45d29d {
grid-area: 1 / 1 / 2 / 2;
}
}