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;
}
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: Social Icons Font;
src: url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/66697d07358f80ebbdc1a7a5_social-icon-font.woff2") format("woff2"), url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/66697d07358f80ebbdc1a7a8_social-icon-font.eot") format("embedded-opentype"), url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/66697d07358f80ebbdc1a7c0_social-icon-font.woff") format("woff"), url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/66697d07358f80ebbdc1a7ba_social-icon-font.ttf") format("truetype"), url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/66697d07358f80ebbdc1a7c4_social-icon-font.svg") format("svg");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Line Square Icons;
src: url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/66697d07358f80ebbdc1a7ac_line-square-icons.woff2") format("woff2"), url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/66697d07358f80ebbdc1a7a7_line-square-icons.eot") format("embedded-opentype"), url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/66697d07358f80ebbdc1a7a4_line-square-icons.woff") format("woff"), url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/66697d07358f80ebbdc1a7aa_line-square-icons.ttf") format("truetype"), url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/66697d07358f80ebbdc1a7bc_line-square-icons.svg") format("svg");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Filled Icons;
src: url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/66697d07358f80ebbdc1a7c3_filled-icon-font.woff2") format("woff2"), url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/66697d07358f80ebbdc1a7bb_filled-icon-font.eot") format("embedded-opentype"), url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/66697d07358f80ebbdc1a7be_filled-icon-font.woff") format("woff"), url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/66697d07358f80ebbdc1a7c1_filled-icon-font.ttf") format("truetype"), url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/66697d07358f80ebbdc1a7c2_filled-icon-font.svg") format("svg");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Line Rounded Icons;
src: url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/66697d07358f80ebbdc1a7c5_line-rounded-icons.woff2") format("woff2"), url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/66697d07358f80ebbdc1a7b8_line-rounded-icons.eot") format("embedded-opentype"), url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/66697d07358f80ebbdc1a7bf_line-rounded-icons.woff") format("woff"), url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/66697d07358f80ebbdc1a7ad_line-rounded-icons.ttf") format("truetype"), url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/66697d07358f80ebbdc1a7b9_line-rounded-icons.svg") format("svg");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Arrow BTN;
src: url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/66697d07358f80ebbdc1a7ec_arrow.woff") format("woff");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Onest;
src: url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/66697d07358f80ebbdc1a7c7_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/66697d06358f80ebbdc1a6bd/66697d07358f80ebbdc1a7c8_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/66697d06358f80ebbdc1a6bd/66697d07358f80ebbdc1a838_OnestBold1602-hint.ttf") format("truetype");
font-weight: 700;
font-style: normal;
font-display: swap;
}
:root {
--neutral--200: #fbf8f5;
--neutral--700: #353535;
--neutral--800: #131313;
--accent--primary-1: #79cf19;
--secondary--color-1: #063137;
--neutral--100: white;
--neutral--400: #ddd;
--general--shadow-01: #14142b0f;
--neutral--300: #f2f2f2;
--button-shadow--color-2: #06c35d14;
--general--shadow-02: #14142b14;
--secondary--color-2: #fbaa35;
--neutral--600: #6b6b6b;
--neutral--500: #b9b9b9;
--spark-library--black: black;
--system--green-400: #11845b;
--system--blue-400: #086cd9;
--system--blue-300: #1d88fe;
--system--blue-200: #8fc3ff;
--system--blue-100: #eaf4ff;
--system--green-300: #05c168;
--system--green-200: #7fdca4;
--system--green-100: #def2e6;
--system--red-400: #dc2b2b;
--system--300: #ff5a65;
--system--red-200: #ffbec2;
--system--red-100: #ffeff0;
--system--orange-400: #d5691b;
--system--orange-300: #ff9e2c;
--system--orange-200: #ffd19b;
--system--orange-100: #faf8f5;
--flowstica-webflow-library--black: #010b15;
--spark-library--white: white;
--combine-library--white: white;
--flowstica-webflow-library--white: white;
--general--shadow-03: #14142b1a;
--general--shadow-04: #14142b24;
--general--shadow-05: #14142b29;
--general--shadow-06: #14142b3d;
--button-shadow--color-01: #06c35d00;
--button-shadow--color-03: #06c35d1f;
--button-shadow--white-01: #14142b0a;
--button-shadow--white-02: #14142b0f;
--button-shadow--white-03: #14142b1a;
--untitled-ui--white: white;
--combine-library--grey-050: #f2f3f7;
--spark-library--foreground-interactive: #5532fa;
--combine-library--grey-800: #1f2c3d;
--combine-library--primary-600: #6157f8;
--combine-library--grey-600: #5f6570;
--flowstica-webflow-library--medium-sea-green: #08b54f;
--flowstica-webflow-library--white-smoke: #ecebe4;
--untitled-ui--gray200: #eaecf0;
--untitled-ui--gray500: #667085;
--untitled-ui--gray50-2: #f9fafb;
--untitled-ui--primary700: #6941c6;
--untitled-ui--primary800: #53389e;
--untitled-ui--gray600: #475467;
--untitled-ui--gray900: #101828;
--untitled-ui--primary600: #7f56d9;
--primary-1: #0000;
--flowstica-webflow-library--black-2: #333;
--untitled-ui--primary50: #f9f5ff;
--untitled-ui--primary100: #f4ebff;
--untitled-ui--gray300: #d0d5dd;
--untitled-ui--gray700: #344054;
--untitled-ui--gray800: #1d2939;
--untitled-ui--gray100: #f2f4f7;
--spark-library--foreground-secondary: #000000c2;
--spark-library--light-steel-purple: #a695fb;
--untitled-ui--warning300: #fec84b;
--spark-library--background--interactive: #f0ecfd;
--untitled-ui--success50: #ecfdf3;
--untitled-ui--success700: #027a48;
--spark-library--foreground-interactive-hover: #1e116e;
--spark-library--border-default: #00000029;
--spark-library--foreground-tertiary: #0000008f;
--flowstica-webflow-library--honeydew: #cef0dc;
}
.w-layout-grid {
grid-row-gap: 16px;
grid-column-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.w-layout-blockcontainer {
max-width: 940px;
margin-left: auto;
margin-right: auto;
display: block;
}
.w-commerce-commercecheckoutformcontainer {
background-color: #f5f5f5;
width: 100%;
min-height: 100vh;
padding: 20px;
}
.w-commerce-commercelayoutmain {
flex: 0 800px;
margin-right: 20px;
}
.w-commerce-commercecheckoutcustomerinfowrapper {
margin-bottom: 20px;
}
.w-commerce-commercecheckoutblockheader {
background-color: #fff;
border: 1px solid #e6e6e6;
justify-content: space-between;
align-items: baseline;
padding: 4px 20px;
display: flex;
}
.w-commerce-commercecheckoutblockcontent {
background-color: #fff;
border-bottom: 1px solid #e6e6e6;
border-left: 1px solid #e6e6e6;
border-right: 1px solid #e6e6e6;
padding: 20px;
}
.w-commerce-commercecheckoutlabel {
margin-bottom: 8px;
}
.w-commerce-commercecheckoutemailinput {
-webkit-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 0;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutemailinput::placeholder {
color: #999;
}
.w-commerce-commercecheckoutemailinput:focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutshippingaddresswrapper {
margin-bottom: 20px;
}
.w-commerce-commercecheckoutshippingfullname {
-webkit-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutshippingfullname::placeholder {
color: #999;
}
.w-commerce-commercecheckoutshippingfullname:focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutshippingstreetaddress {
-webkit-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutshippingstreetaddress::placeholder {
color: #999;
}
.w-commerce-commercecheckoutshippingstreetaddress:focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutshippingstreetaddressoptional {
-webkit-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutshippingstreetaddressoptional::placeholder {
color: #999;
}
.w-commerce-commercecheckoutshippingstreetaddressoptional:focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutrow {
margin-left: -8px;
margin-right: -8px;
display: flex;
}
.w-commerce-commercecheckoutcolumn {
flex: 1;
padding-left: 8px;
padding-right: 8px;
}
.w-commerce-commercecheckoutshippingcity {
-webkit-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutshippingcity::placeholder {
color: #999;
}
.w-commerce-commercecheckoutshippingcity:focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutshippingstateprovince {
-webkit-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutshippingstateprovince::placeholder {
color: #999;
}
.w-commerce-commercecheckoutshippingstateprovince:focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutshippingzippostalcode {
-webkit-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutshippingzippostalcode::placeholder {
color: #999;
}
.w-commerce-commercecheckoutshippingzippostalcode:focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutshippingcountryselector {
-webkit-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 0;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutshippingcountryselector::placeholder {
color: #999;
}
.w-commerce-commercecheckoutshippingcountryselector:focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutshippingmethodswrapper {
margin-bottom: 20px;
}
.w-commerce-commercecheckoutshippingmethodslist {
border-left: 1px solid #e6e6e6;
border-right: 1px solid #e6e6e6;
}
.w-commerce-commercecheckoutshippingmethoditem {
background-color: #fff;
border-bottom: 1px solid #e6e6e6;
flex-direction: row;
align-items: baseline;
margin-bottom: 0;
padding: 16px;
font-weight: 400;
display: flex;
}
.w-commerce-commercecheckoutshippingmethoddescriptionblock {
flex-direction: column;
flex-grow: 1;
margin-left: 12px;
margin-right: 12px;
display: flex;
}
.w-commerce-commerceboldtextblock {
font-weight: 700;
}
.w-commerce-commercecheckoutshippingmethodsemptystate {
text-align: center;
background-color: #fff;
border-bottom: 1px solid #e6e6e6;
border-left: 1px solid #e6e6e6;
border-right: 1px solid #e6e6e6;
padding: 64px 16px;
}
.w-commerce-commercecheckoutpaymentinfowrapper {
margin-bottom: 20px;
}
.w-commerce-commercecheckoutcardnumber {
-webkit-appearance: none;
appearance: none;
cursor: text;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutcardnumber::placeholder {
color: #999;
}
.w-commerce-commercecheckoutcardnumber:focus, .w-commerce-commercecheckoutcardnumber.-wfp-focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutcardexpirationdate {
-webkit-appearance: none;
appearance: none;
cursor: text;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutcardexpirationdate::placeholder {
color: #999;
}
.w-commerce-commercecheckoutcardexpirationdate:focus, .w-commerce-commercecheckoutcardexpirationdate.-wfp-focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutcardsecuritycode {
-webkit-appearance: none;
appearance: none;
cursor: text;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutcardsecuritycode::placeholder {
color: #999;
}
.w-commerce-commercecheckoutcardsecuritycode:focus, .w-commerce-commercecheckoutcardsecuritycode.-wfp-focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutbillingaddresstogglewrapper {
flex-direction: row;
display: flex;
}
.w-commerce-commercecheckoutbillingaddresstogglecheckbox {
margin-top: 4px;
}
.w-commerce-commercecheckoutbillingaddresstogglelabel {
margin-left: 8px;
font-weight: 400;
}
.w-commerce-commercecheckoutbillingaddresswrapper {
margin-top: 16px;
margin-bottom: 20px;
}
.w-commerce-commercecheckoutbillingfullname {
-webkit-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutbillingfullname::placeholder {
color: #999;
}
.w-commerce-commercecheckoutbillingfullname:focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutbillingstreetaddress {
-webkit-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutbillingstreetaddress::placeholder {
color: #999;
}
.w-commerce-commercecheckoutbillingstreetaddress:focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutbillingstreetaddressoptional {
-webkit-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutbillingstreetaddressoptional::placeholder {
color: #999;
}
.w-commerce-commercecheckoutbillingstreetaddressoptional:focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutbillingcity {
-webkit-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutbillingcity::placeholder {
color: #999;
}
.w-commerce-commercecheckoutbillingcity:focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutbillingstateprovince {
-webkit-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutbillingstateprovince::placeholder {
color: #999;
}
.w-commerce-commercecheckoutbillingstateprovince:focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutbillingzippostalcode {
-webkit-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutbillingzippostalcode::placeholder {
color: #999;
}
.w-commerce-commercecheckoutbillingzippostalcode:focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutbillingcountryselector {
-webkit-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 0;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutbillingcountryselector::placeholder {
color: #999;
}
.w-commerce-commercecheckoutbillingcountryselector:focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutorderitemswrapper {
margin-bottom: 20px;
}
.w-commerce-commercecheckoutsummaryblockheader {
background-color: #fff;
border: 1px solid #e6e6e6;
justify-content: space-between;
align-items: baseline;
padding: 4px 20px;
display: flex;
}
.w-commerce-commercecheckoutorderitemslist {
margin-bottom: -20px;
}
.w-commerce-commercecheckoutorderitem {
margin-bottom: 20px;
display: flex;
}
.w-commerce-commercecartitemimage {
width: 60px;
height: 0%;
}
.w-commerce-commercecheckoutorderitemdescriptionwrapper {
flex-grow: 1;
margin-left: 16px;
margin-right: 16px;
}
.w-commerce-commercecheckoutorderitemquantitywrapper {
white-space: pre-wrap;
display: flex;
}
.w-commerce-commercecheckoutorderitemoptionlist {
margin-bottom: 0;
padding-left: 0;
text-decoration: none;
list-style-type: none;
}
.w-commerce-commercelayoutsidebar {
flex: 0 0 320px;
position: sticky;
top: 20px;
}
.w-commerce-commercecheckoutordersummarywrapper {
margin-bottom: 20px;
}
.w-commerce-commercecheckoutsummarylineitem, .w-commerce-commercecheckoutordersummaryextraitemslistitem {
flex-direction: row;
justify-content: space-between;
margin-bottom: 8px;
display: flex;
}
.w-commerce-commercecheckoutsummarytotal {
font-weight: 700;
}
.w-commerce-commercecheckoutdiscounts {
background-color: #fff;
border: 1px solid #e6e6e6;
flex-wrap: wrap;
padding: 20px;
display: flex;
}
.w-commerce-commercecheckoutdiscountslabel {
flex-basis: 100%;
margin-bottom: 8px;
}
.w-commerce-commercecheckoutdiscountsinput {
-webkit-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
flex: 1;
width: auto;
min-width: 0;
height: 38px;
margin-bottom: 0;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutdiscountsinput::placeholder {
color: #999;
}
.w-commerce-commercecheckoutdiscountsinput:focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutdiscountsbutton {
color: #fff;
cursor: pointer;
-webkit-appearance: none;
appearance: none;
background-color: #3898ec;
border-width: 0;
border-radius: 3px;
flex-grow: 0;
flex-shrink: 0;
align-items: center;
height: 38px;
margin-left: 8px;
padding: 9px 15px;
text-decoration: none;
display: flex;
}
.w-commerce-commercecheckoutplaceorderbutton {
color: #fff;
cursor: pointer;
-webkit-appearance: none;
appearance: none;
text-align: center;
background-color: #3898ec;
border-width: 0;
border-radius: 3px;
align-items: center;
margin-bottom: 20px;
padding: 9px 15px;
text-decoration: none;
display: block;
}
.w-commerce-commercecartapplepaybutton {
color: #fff;
cursor: pointer;
-webkit-appearance: none;
appearance: none;
background-color: #000;
border-width: 0;
border-radius: 2px;
align-items: center;
height: 38px;
min-height: 30px;
margin-bottom: 8px;
padding: 0;
text-decoration: none;
display: flex;
}
.w-commerce-commercecartapplepayicon {
width: 100%;
height: 50%;
min-height: 20px;
}
.w-commerce-commercecartquickcheckoutbutton {
color: #fff;
cursor: pointer;
-webkit-appearance: none;
appearance: none;
background-color: #000;
border-width: 0;
border-radius: 2px;
justify-content: center;
align-items: center;
height: 38px;
margin-bottom: 8px;
padding: 0 15px;
text-decoration: none;
display: flex;
}
.w-commerce-commercequickcheckoutgoogleicon, .w-commerce-commercequickcheckoutmicrosofticon {
margin-right: 8px;
display: block;
}
.w-commerce-commercecheckouterrorstate {
background-color: #ffdede;
margin-top: 16px;
margin-bottom: 16px;
padding: 10px 16px;
}
.w-form-formrecaptcha {
margin-bottom: 8px;
}
.w-pagination-wrapper {
flex-wrap: wrap;
justify-content: center;
display: flex;
}
.w-pagination-previous, .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-commerce-commerceaddtocartform {
margin: 0 0 15px;
}
.w-commerce-commerceaddtocartoptionpillgroup {
margin-bottom: 10px;
display: flex;
}
.w-commerce-commerceaddtocartoptionpill {
color: #000;
cursor: pointer;
background-color: #fff;
border: 1px solid #000;
margin-right: 10px;
padding: 8px 15px;
}
.w-commerce-commerceaddtocartoptionpill.w--ecommerce-pill-selected {
color: #fff;
background-color: #000;
}
.w-commerce-commerceaddtocartoptionpill.w--ecommerce-pill-disabled {
color: #666;
cursor: not-allowed;
background-color: #e6e6e6;
border-color: #e6e6e6;
outline-style: none;
}
.w-commerce-commerceaddtocartquantityinput {
-webkit-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 60px;
height: 38px;
margin-bottom: 10px;
padding: 8px 6px 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commerceaddtocartquantityinput::placeholder {
color: #999;
}
.w-commerce-commerceaddtocartquantityinput:focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commerceaddtocartbutton {
color: #fff;
cursor: pointer;
-webkit-appearance: none;
appearance: none;
background-color: #3898ec;
border-width: 0;
border-radius: 0;
align-items: center;
padding: 9px 15px;
text-decoration: none;
display: flex;
}
.w-commerce-commerceaddtocartbutton.w--ecommerce-add-to-cart-disabled {
color: #666;
cursor: not-allowed;
background-color: #e6e6e6;
border-color: #e6e6e6;
outline-style: none;
}
.w-commerce-commercebuynowbutton {
color: #fff;
cursor: pointer;
-webkit-appearance: none;
appearance: none;
background-color: #3898ec;
border-width: 0;
border-radius: 0;
align-items: center;
margin-top: 10px;
padding: 9px 15px;
text-decoration: none;
display: inline-block;
}
.w-commerce-commercebuynowbutton.w--ecommerce-buy-now-disabled {
color: #666;
cursor: not-allowed;
background-color: #e6e6e6;
border-color: #e6e6e6;
outline-style: none;
}
.w-commerce-commerceaddtocartoutofstock {
background-color: #ddd;
margin-top: 10px;
padding: 10px;
}
.w-commerce-commerceaddtocarterror {
background-color: #ffdede;
margin-top: 10px;
padding: 10px;
}
.w-commerce-commerceorderconfirmationcontainer {
background-color: #f5f5f5;
width: 100%;
min-height: 100vh;
padding: 20px;
}
.w-commerce-commercelayoutcontainer {
justify-content: center;
align-items: flex-start;
display: flex;
}
.w-commerce-commercecheckoutcustomerinfosummarywrapper {
margin-bottom: 20px;
}
.w-commerce-commercecheckoutsummaryitem, .w-commerce-commercecheckoutsummarylabel {
margin-bottom: 8px;
}
.w-commerce-commercecheckoutsummaryflexboxdiv {
flex-direction: row;
justify-content: flex-start;
display: flex;
}
.w-commerce-commercecheckoutsummarytextspacingondiv {
margin-right: .33em;
}
.w-commerce-commercecheckoutshippingsummarywrapper, .w-commerce-commercecheckoutpaymentsummarywrapper {
margin-bottom: 20px;
}
.w-commerce-commercepaypalcheckoutformcontainer {
background-color: #f5f5f5;
width: 100%;
min-height: 100vh;
padding: 20px;
}
.w-commerce-commercepaypalcheckouterrorstate {
background-color: #ffdede;
margin-top: 16px;
margin-bottom: 16px;
padding: 10px 16px;
}
.w-checkbox {
margin-bottom: 5px;
padding-left: 20px;
display: block;
}
.w-checkbox:before {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-checkbox:after {
content: " ";
clear: both;
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-checkbox-input {
float: left;
margin: 4px 0 0 -20px;
line-height: normal;
}
.w-checkbox-input--inputType-custom {
border: 1px solid #ccc;
border-radius: 2px;
width: 12px;
height: 12px;
}
.w-checkbox-input--inputType-custom.w--redirected-checked {
background-color: #3898ec;
background-image: url("https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border-color: #3898ec;
}
.w-checkbox-input--inputType-custom.w--redirected-focus {
box-shadow: 0 0 3px 1px #3898ec;
}
.w-layout-layout {
grid-row-gap: 20px;
grid-column-gap: 20px;
grid-auto-columns: 1fr;
justify-content: center;
padding: 20px;
}
.w-layout-cell {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
@media screen and (max-width: 991px) {
.w-layout-blockcontainer {
max-width: 728px;
}
}
@media screen and (max-width: 767px) {
.w-layout-blockcontainer {
max-width: none;
}
.w-commerce-commercelayoutmain {
flex-basis: auto;
margin-right: 0;
}
.w-commerce-commercelayoutsidebar {
flex-basis: auto;
}
.w-commerce-commercelayoutcontainer {
flex-direction: column;
align-items: stretch;
}
}
@media screen and (max-width: 479px) {
.w-commerce-commercecheckoutemailinput, .w-commerce-commercecheckoutshippingfullname, .w-commerce-commercecheckoutshippingstreetaddress, .w-commerce-commercecheckoutshippingstreetaddressoptional {
font-size: 16px;
}
.w-commerce-commercecheckoutrow {
flex-direction: column;
}
.w-commerce-commercecheckoutshippingcity, .w-commerce-commercecheckoutshippingstateprovince, .w-commerce-commercecheckoutshippingzippostalcode, .w-commerce-commercecheckoutshippingcountryselector, .w-commerce-commercecheckoutcardnumber, .w-commerce-commercecheckoutcardexpirationdate, .w-commerce-commercecheckoutcardsecuritycode, .w-commerce-commercecheckoutbillingfullname, .w-commerce-commercecheckoutbillingstreetaddress, .w-commerce-commercecheckoutbillingstreetaddressoptional, .w-commerce-commercecheckoutbillingcity, .w-commerce-commercecheckoutbillingstateprovince, .w-commerce-commercecheckoutbillingzippostalcode, .w-commerce-commercecheckoutbillingcountryselector, .w-commerce-commercecheckoutdiscountsinput, .w-commerce-commerceaddtocartquantityinput {
font-size: 16px;
}
}
body {
background-color: var(--neutral--200);
color: var(--neutral--700);
font-family: Onest, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 1.667em;
}
h1 {
color: var(--neutral--800);
margin-top: 0;
margin-bottom: 16px;
font-size: 54px;
font-weight: 400;
line-height: 1.222em;
}
h2 {
color: var(--neutral--800);
margin-top: 0;
margin-bottom: 16px;
font-size: 38px;
font-weight: 400;
line-height: 1.316em;
}
h3 {
color: var(--neutral--800);
margin-top: 0;
margin-bottom: 8px;
font-size: 24px;
font-weight: 400;
line-height: 1.417em;
}
h4 {
color: var(--neutral--800);
margin-top: 0;
margin-bottom: 10px;
font-size: 22px;
font-weight: 400;
line-height: 1.273em;
}
h5 {
color: var(--neutral--800);
margin-top: 0;
margin-bottom: 10px;
font-size: 18px;
font-weight: 400;
line-height: 1.333em;
}
h6 {
color: var(--neutral--800);
margin-top: 0;
margin-bottom: 10px;
font-size: 16px;
font-weight: 400;
line-height: 1.375em;
}
p {
margin-bottom: 16px;
line-height: 1.667em;
}
a {
color: var(--accent--primary-1);
text-decoration: underline;
transition: color .3s;
}
a:hover {
color: var(--neutral--800);
}
ul, ol {
margin-top: 0;
margin-bottom: 10px;
padding-left: 40px;
}
li {
margin-bottom: 8px;
padding-left: 8px;
}
img {
max-width: 100%;
margin-left: 12px;
display: inline-block;
}
label {
color: var(--neutral--800);
margin-bottom: 8px;
font-weight: 400;
line-height: 1.333em;
display: block;
}
strong {
color: var(--neutral--800);
font-weight: 500;
}
blockquote {
background-color: var(--secondary--color-1);
color: var(--neutral--100);
text-align: center;
border-style: none;
border-radius: 12px;
margin-top: 14px;
margin-bottom: 32px;
padding: 83px 53px;
font-size: 30px;
line-height: 1.2em;
}
figure {
margin-top: 24px;
margin-bottom: 48px;
}
figcaption {
text-align: center;
margin-top: 16px;
}
.page-wrapper {
min-height: 100vh;
}
.page-wrapper.flex {
flex-direction: column;
justify-content: space-between;
display: flex;
}
.grid-2-columns {
grid-column-gap: 28px;
grid-row-gap: 28px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.grid-2-columns.style---styleguide-wrapper {
grid-column-gap: 0px;
grid-row-gap: 28px;
grid-template-rows: auto;
grid-template-columns: .25fr 1fr;
align-items: start;
}
.grid-2-columns.cta-v2 {
grid-template-columns: 1.1fr 1fr;
}
.grid-2-columns.title-and-paragraph {
grid-template-columns: 1fr .8fr;
}
.grid-2-columns.title-and-paragraph.title-and-paragraph-2 {
grid-template-columns: 1fr;
}
.grid-2-columns.title-and-paragraph.sustainability-grid.event-page-past-event {
grid-column-gap: 28px;
border-bottom: 3px solid #79cf19;
grid-template-columns: 1fr 1fr;
margin-top: 0;
padding-top: 20px;
padding-bottom: 20px;
}
.grid-2-columns.title-and-paragraph.sustainability-grid.event-page-past-event.grid-2-columns-phone._2020-hide-event, .grid-2-columns.title-and-paragraph.sustainability-grid.event-page-past-event._2020-hide-event {
display: none;
}
.grid-2-columns.template-page-sidebar {
grid-column-gap: 40px;
grid-template-columns: .35fr 1fr;
align-items: start;
}
.grid-2-columns.changelog-item {
grid-column-gap: 60px;
border-bottom: 1px solid var(--neutral--400);
grid-template-columns: .4fr 1fr;
align-items: start;
padding-top: 64px;
padding-bottom: 64px;
}
.grid-2-columns.changelog-item.first {
border-bottom-style: none;
padding-top: 0;
padding-bottom: 0;
}
.grid-2-columns.checkout-page {
grid-template-columns: 1fr .5fr;
align-items: start;
}
.grid-2-columns.suprises-pages-right {
grid-column-gap: 100px;
grid-template-columns: 1fr 1.4fr;
margin-bottom: 32px;
}
.grid-2-columns.suprises-pages-right.last {
margin-bottom: 0;
}
.grid-2-columns.suprises-pages-left {
grid-column-gap: 100px;
grid-template-columns: 1.4fr 1fr;
margin-bottom: 32px;
}
.grid-2-columns._1-3fr---tablet-1-col {
grid-template-columns: 1.3fr 1fr;
}
.grid-2-columns.stats-v1 {
grid-column-gap: 40px;
grid-row-gap: 40px;
grid-template-columns: 1fr 1fr;
}
.grid-2-columns.title-and-btn {
grid-template-columns: 1fr auto;
}
.grid-2-columns.title-and-btn.cta-v4-grid {
max-width: 1039px;
margin-left: auto;
margin-right: auto;
}
.grid-2-columns.paragraph-and-icon-social {
grid-template-columns: 1fr auto;
}
.grid-2-columns.hero-v2---main {
grid-template-columns: minmax(570px, 1.25fr) 1fr;
}
.grid-2-columns.faqs-grid {
grid-template-columns: .6fr 1fr;
align-items: start;
padding-top: 81px;
padding-bottom: 81px;
}
.grid-2-columns.hero-v3---main {
grid-row-gap: 94px;
text-align: center;
grid-template-columns: 1fr;
justify-content: center;
justify-items: center;
}
.grid-2-columns.stat-grid {
grid-template-columns: minmax(164px, .4fr) 1fr;
align-items: start;
}
.grid-2-columns.stats-grid {
grid-template-columns: .9fr 1fr;
justify-content: space-between;
padding-top: 20px;
padding-bottom: 73px;
}
.grid-2-columns.cta-v3 {
grid-template-columns: 1.1fr 1fr;
}
.grid-2-columns.hero-v1-grid {
grid-template-columns: .8fr 1fr;
}
.grid-2-columns.stats-top {
grid-template-columns: auto auto;
justify-content: space-between;
max-width: 1162px;
margin-left: auto;
margin-right: auto;
}
.grid-2-columns.stats-bottom {
grid-template-columns: auto auto;
justify-content: space-between;
max-width: 738px;
margin-left: auto;
margin-right: auto;
}
.grid-2-columns.content-left---image-right {
grid-column-gap: 40px;
grid-row-gap: 40px;
place-content: stretch;
place-items: start center;
}
.grid-2-columns.content-left---image-right.abt-us-grid-mainwa {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-columns: 1.25fr 1fr;
}
.grid-2-columns.vales-icon-grid {
grid-row-gap: 62px;
}
.grid-2-columns.grid-2-col---cards-bottom {
grid-template-columns: .75fr 1fr;
}
.grid-2-columns.contact-grid {
grid-template-columns: 1fr minmax(510px, 1fr);
}
.grid-2-columns.sidebar-right-grid {
grid-template-columns: 1fr .65fr;
}
.grid-2-columns.newsletter-grid {
align-items: center;
padding-top: 90px;
padding-bottom: 90px;
}
.grid-2-columns.hero-v12-grid {
grid-template-columns: .9fr 1fr;
align-items: center;
}
.grid-2-columns.blog-sidebar-page {
grid-template-columns: 1fr minmax(350px, .48fr);
}
.grid-2-columns.hero-v14-grid {
grid-template-columns: .9fr 1fr;
}
.grid-2-columns.hero-v17-grid {
grid-template-columns: 1fr .7fr;
align-items: end;
}
.grid-2-columns.forgot-password-grid {
grid-template-columns: minmax(478px, 1fr) 1fr;
align-items: end;
}
.grid-2-columns.demo-grid {
grid-template-columns: 1fr .75fr;
}
.grid-2-columns.product-grid {
grid-template-columns: 1fr minmax(500px, 1fr);
max-width: 1164px;
}
.style---navigation-sidebar {
z-index: 1;
box-shadow: 1px 0 14px 0 var(--general--shadow-01);
height: 100%;
max-height: 100vh;
position: sticky;
top: 0;
overflow: hidden;
}
.style---main-wrapper {
background-color: var(--neutral--200);
}
.card {
border: 1px solid var(--neutral--300);
background-color: var(--neutral--100);
box-shadow: 0 2px 7px 0 var(--general--shadow-01);
border-radius: 12px;
overflow: hidden;
transform: translate(0);
}
.card.sticky-top.top-24px {
top: 24px;
}
.card.checkout-block {
margin-bottom: 28px;
padding: 32px 32px 48px;
}
.card.checkout-block.order-summary {
padding-bottom: 40px;
}
.card.checkout-block.last {
margin-bottom: 0;
}
.card.whats-included {
border-radius: 12px;
}
.card.figma-file {
border-radius: 12px;
justify-content: center;
align-items: stretch;
margin-top: 32px;
display: flex;
overflow: hidden;
transform: translate(0);
}
.card.sales-home-page {
color: var(--neutral--100);
text-align: center;
transform-style: preserve-3d;
text-decoration: none;
transition: transform .3s;
}
.card.sales-home-page:hover {
color: var(--neutral--100);
transform: scale3d(.98, .98, 1.01);
}
.card.buy-now {
box-shadow: 0 6px 20px 0 var(--button-shadow--color-2);
transform-style: preserve-3d;
background-color: #4253ff;
flex-direction: column;
align-items: center;
text-decoration: none;
transition: transform .3s, box-shadow .3s;
display: flex;
overflow: hidden;
}
.card.buy-now:hover {
box-shadow: 0 1px 1px 0 var(--button-shadow--color-2);
transform: scale3d(.98, .98, 1.01);
}
.card.buy-now.white {
background-color: var(--neutral--100);
box-shadow: 0 6px 20px 0 var(--general--shadow-02);
}
.card.buy-now.white:hover {
box-shadow: 0 1px 1px 0 var(--general--shadow-02);
}
.card.testmonial-v1 {
grid-column-gap: 50px;
grid-row-gap: 28px;
background-color: var(--secondary--color-2);
box-shadow: none;
border-style: none;
border-radius: 12px;
flex: none;
grid-template-rows: auto;
grid-template-columns: minmax(475px, 1fr) 1fr;
grid-auto-columns: 1fr;
max-width: 100%;
padding: 32px;
display: grid;
}
.card.card-image-v1 {
grid-column-gap: 28px;
grid-row-gap: 28px;
background-color: var(--neutral--300);
box-shadow: none;
color: var(--neutral--700);
background-image: url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/66697d07358f80ebbdc1a833_line-decorative-white-startuply-x-webflow-template.svg");
background-repeat: no-repeat;
background-size: cover;
border-style: none;
border-radius: 12px;
flex: none;
grid-template-rows: auto;
grid-template-columns: 1fr .95fr;
grid-auto-columns: 1fr;
max-width: 100%;
padding: 20px;
text-decoration: none;
display: grid;
position: relative;
}
.card.card-image-v1:hover {
color: var(--neutral--700);
}
.card.brix-templates {
border-radius: 12px;
justify-content: center;
align-items: stretch;
margin-top: 32px;
display: flex;
overflow: hidden;
transform: translate(0);
}
.card.testimonials-main, .card.testimonials {
padding: 64px;
}
.card.testimonials.link {
color: var(--neutral--700);
flex-direction: column;
text-decoration: none;
display: flex;
}
.card.testimonials.link:hover {
color: var(--neutral--700);
}
.card.full-image {
background-image: linear-gradient(#0000 20%, #000000d4), url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
background-position: 0 0, 50%;
background-repeat: repeat, no-repeat;
background-size: auto, cover;
padding: 326px 32px 32px;
overflow: hidden;
}
.card.full-image._01 {
background-image: linear-gradient(#0000 20%, #000000d4), url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/66697d07358f80ebbdc1a8d2_image-3-works-startply-x-webflow-template.jpg");
}
.card.full-image._02 {
background-image: linear-gradient(#0000 20%, #000000d4), url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/66697d07358f80ebbdc1a8d1_image-1-works-startply-x-webflow-template.jpg");
}
.card.full-image._03 {
background-image: linear-gradient(#0000 20%, #000000d4), url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/66697d07358f80ebbdc1a8d0_image-2-works-startply-x-webflow-template.jpg");
}
.card.team-item-content {
padding: 15px;
position: absolute;
inset: auto 16px 27px;
}
.card.team-item-v2 {
color: var(--neutral--700);
flex-direction: column;
width: 100%;
min-height: 100%;
text-decoration: none;
display: flex;
}
.card.team-item-v2:hover {
color: var(--neutral--700);
}
.card.cta-v4 {
border-color: var(--secondary--color-1);
background-color: var(--secondary--color-1);
padding: 123px 32px 133px;
}
.card.team-item-v3 {
color: var(--neutral--700);
justify-content: space-between;
align-items: center;
width: 100%;
min-height: 100%;
text-decoration: none;
display: flex;
}
.card.team-item-v3:hover {
color: var(--neutral--700);
}
.card.service-item {
border-color: var(--neutral--300);
background-color: var(--neutral--300);
box-shadow: none;
padding: 37px;
}
.card.contact-form {
padding: 63px 40px 59px;
}
.card.contact-form.pcm-100-form {
box-shadow: none;
border-width: 0;
padding-top: 0;
padding-bottom: 0;
}
.card.testmonial-v2 {
grid-column-gap: 50px;
grid-row-gap: 28px;
background-color: var(--secondary--color-2);
box-shadow: none;
border-style: none;
border-radius: 12px;
flex: none;
grid-template-rows: auto;
grid-template-columns: minmax(475px, 1fr) 1fr;
grid-auto-columns: 1fr;
max-width: 100%;
padding: 32px 32px 32px 48px;
display: grid;
}
.card.sidebar-v1 {
border-color: var(--secondary--color-2);
background-color: var(--secondary--color-1);
box-shadow: none;
padding: 50px 31px;
}
.card.newsletter-v1 {
background-color: var(--accent--primary-1);
border-style: none;
margin-bottom: 20px;
padding: 84px 40px;
}
.card.blog-post-v1 {
box-shadow: none;
color: var(--neutral--600);
background-color: #0000;
border-style: none;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
flex-direction: column;
min-height: 100%;
text-decoration: none;
display: flex;
}
.card.blog-post-v1:hover {
color: var(--neutral--600);
}
.card.blog-post-featured {
color: var(--neutral--700);
justify-content: space-between;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.card.blog-post-featured:hover {
color: var(--neutral--700);
}
.card.blog-post-v2 {
box-shadow: none;
color: var(--neutral--600);
background-color: #0000;
border-style: none;
border-radius: 0;
justify-content: space-between;
align-items: center;
min-height: 100%;
text-decoration: none;
display: flex;
}
.card.blog-post-v2:hover {
color: var(--neutral--600);
}
.card.author {
padding: 50px 41px;
}
.card.cta-v5 {
background-color: var(--neutral--300);
max-width: 1372px;
margin-bottom: 32px;
margin-left: auto;
margin-right: auto;
padding-top: 140px;
padding-bottom: 140px;
}
.card.sign-up {
padding: 32px;
}
.card.sign-in {
justify-content: space-between;
display: flex;
}
.card.forgot-password {
padding: 267px 32px 107px;
}
.card.confirm-email {
border-color: var(--secondary--color-1);
background-color: var(--secondary--color-1);
padding: 135px 32px;
}
.card.coming-soon {
border-color: var(--secondary--color-1);
background-color: var(--secondary--color-1);
padding: 166px 32px;
}
.card.demo {
padding: 117px 32px;
}
.card.product-item {
border-color: var(--secondary--color-1);
background-color: var(--neutral--200);
box-shadow: none;
flex-direction: column;
min-height: 100%;
transition: border-color .3s;
display: flex;
}
.card.product-item:hover {
border-color: var(--neutral--500);
}
.card.product-item._3-posts-item {
position: relative;
}
.card.landing-form {
background-color: var(--secondary--color-1);
padding: 88px 40px;
}
.card.not-found-card {
padding: 190px 40px;
position: relative;
}
.card.not-found-card.not-found-card-1 {
background-color: var(--secondary--color-1);
}
.card.password-page {
padding: 114px 40px 208px;
position: relative;
}
.card.search-result {
color: var(--neutral--600);
transform-style: preserve-3d;
min-height: 100%;
padding: 50px 40px;
text-decoration: none;
transition-property: transform;
}
.card.search-result:hover {
color: var(--neutral--600);
transform: translate3d(0, -8px, .01px);
}
.card.dropdown-menu {
width: 570px;
padding: 50px 40px 25px;
}
.card.dropdown-menu.r-d-menu-cards {
width: 640px;
margin-left: -373px;
margin-right: 500px;
padding-bottom: 30px;
}
.card.dropdown-menu.card-application-padding-less {
padding-top: 20px;
padding-bottom: 20px;
}
.card.dropdown-menu.card-new-menu {
width: 780px;
}
.card.dropdown-menu.card-new-menu.insights-card-menu {
margin-right: 0;
}
.style---color-block {
border-top-left-radius: 12px;
border-top-right-radius: 12px;
min-height: 180px;
position: relative;
}
.style---color-block-content {
border-top: 1px solid var(--neutral--400);
padding: 24px 24px 32px;
}
.style---color-block-name {
color: var(--neutral--800);
margin-bottom: 8px;
font-size: 20px;
font-weight: 500;
line-height: 22px;
}
.style---color-block-hex {
line-height: 20px;
}
.grid-4-columns {
grid-column-gap: 28px;
grid-row-gap: 28px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.bg-accent-1 {
background-color: var(--accent--primary-1);
}
.bg-secondary-1 {
background-color: var(--secondary--color-1);
}
.bg-secondary-2 {
background-color: var(--secondary--color-2);
}
.bg-neutral-800 {
background-color: var(--neutral--800);
}
.bg-neutral-700 {
background-color: var(--neutral--700);
}
.bg-neutral-600 {
background-color: var(--neutral--600);
}
.bg-neutral-500 {
background-color: var(--neutral--500);
}
.bg-neutral-400 {
background-color: var(--neutral--400);
}
.bg-neutral-300 {
background-color: var(--neutral--300);
}
.bg-neutral-200 {
background-color: var(--neutral--200);
}
.bg-neutral-100 {
background-color: var(--neutral--100);
}
.style---color-block-text-example {
background-color: var(--neutral--100);
border-radius: 6px;
padding: 10px 14px;
font-size: 14px;
line-height: 16px;
position: absolute;
inset: 16px 16px auto auto;
}
.style---color-block-text-example.badge-dark {
background-color: var(--neutral--800);
}
.color-accent-1 {
color: var(--accent--primary-1);
}
.color-secondary-1 {
color: var(--secondary--color-1);
}
.color-secondary-2 {
color: var(--secondary--color-2);
}
.color-neutral-800 {
color: var(--neutral--800);
}
.color-neutral-700 {
color: var(--neutral--700);
}
.color-neutral-600 {
color: var(--neutral--600);
}
.color-neutral-600.form-divider-text {
margin-left: 16px;
margin-right: 16px;
}
.color-neutral-500 {
color: var(--neutral--500);
}
.color-neutral-300 {
color: var(--neutral--300);
}
.color-neutral-300.mg-bottom-38px.event-text-para {
text-align: left;
}
.color-neutral-200 {
color: var(--neutral--200);
}
.color-neutral-100 {
color: var(--neutral--100);
}
.color-neutral-100.mg-bottom-32px {
clear: none;
opacity: 1;
outline-offset: 0px;
color: var(--secondary--color-2);
-webkit-text-stroke-width: 0px;
overflow-wrap: normal;
-webkit-text-fill-color: inherit;
mix-blend-mode: normal;
background-clip: border-box;
border: 1px #000;
border-radius: 0;
outline: 3px #fbaa35;
text-decoration: none;
display: block;
}
.color-neutral-100.mg-bottom-32px.hero-h2 {
font-size: 35px;
font-weight: 300;
}
.color-neutral-100.mg-bottom-32px.career-page-hero-para {
color: var(--neutral--300);
}
.color-neutral-100.mg-bottom-32px.event-new-center {
color: var(--spark-library--black);
text-align: center;
max-width: none;
margin-bottom: 0;
padding-left: 10%;
padding-right: 10%;
}
.color-neutral-100.mg-bottom-32px.hide-care-para-top {
display: none;
}
.bg-green-400 {
background-color: var(--system--green-400);
}
.color-green-400 {
color: #11845b;
}
.bg-blue-400 {
background-color: var(--system--blue-400);
}
.color-blue-400 {
color: var(--system--blue-400);
}
.bg-blue-300 {
background-color: var(--system--blue-300);
}
.color-blue-300 {
color: var(--system--blue-300);
}
.bg-blue-200 {
background-color: var(--system--blue-200);
}
.bg-blue-100 {
background-color: var(--system--blue-100);
}
.color-blue-100 {
color: var(--system--blue-100);
}
.color-neutral-400 {
color: var(--neutral--400);
}
.bg-green-300 {
background-color: var(--system--green-300);
}
.color-green-300 {
color: var(--system--green-300);
}
.bg-green-200 {
background-color: var(--system--green-200);
}
.color-green-200 {
color: var(--system--green-200);
}
.color-green-100 {
color: var(--system--green-100);
}
.bg-green-100 {
background-color: var(--system--green-100);
}
.bg-red-400 {
background-color: var(--system--red-400);
}
.color-red-400 {
color: var(--system--red-400);
}
.bg-red-300 {
background-color: var(--system--300);
}
.color-red-300 {
color: var(--system--300);
}
.bg-red-200 {
background-color: var(--system--red-200);
}
.color-red-200 {
color: var(--system--red-200);
}
.bg-red-100 {
background-color: var(--system--red-100);
}
.color-red-100 {
color: var(--system--red-100);
}
.bg-orange-400 {
background-color: var(--system--orange-400);
}
.color-orange-400 {
color: var(--system--orange-400);
}
.bg-orange-300 {
background-color: var(--system--orange-300);
}
.color-orange-300 {
color: var(--system--orange-300);
}
.bg-orange-200 {
background-color: var(--system--orange-200);
}
.color-orange-200 {
color: var(--system--orange-200);
}
.bg-orange-100 {
background-color: var(--system--orange-100);
}
.color-orange-100 {
color: var(--system--orange-100);
}
.style---block-sub-heading {
margin-bottom: 32px;
}
.style---block-sub-heading.border {
border-bottom: 1px solid var(--neutral--400);
margin-bottom: 64px;
padding-bottom: 40px;
}
.divider {
background-color: var(--neutral--400);
height: 2px;
margin-top: 80px;
margin-bottom: 80px;
}
.divider._64px {
margin-top: 64px;
margin-bottom: 64px;
}
.divider._64px.template-pages-start-here {
margin-bottom: 40px;
}
.divider._40px {
margin-top: 40px;
margin-bottom: 40px;
}
.divider.bg-neutral-500 {
background-color: var(--neutral--500);
}
.divider.bg-neutral-300 {
background-color: var(--neutral--300);
}
.divider._0px---32px {
margin-top: 32px;
margin-bottom: 0;
}
.divider.bg-neutral-100 {
background-color: var(--neutral--100);
}
.divider._32px {
margin-top: 32px;
margin-bottom: 32px;
}
.divider._0px {
margin-top: 0;
margin-bottom: 0;
}
.divider.contact-layout-divider {
margin-top: 36px;
margin-bottom: 36px;
}
.divider.form-divider {
flex: 1;
margin-top: 0;
margin-bottom: 0;
}
.style---typography-block-grid {
grid-column-gap: 40px;
grid-template-rows: auto;
grid-template-columns: minmax(auto, 320px) 1fr;
}
.style---content-block {
margin-bottom: 100px;
}
.mg-bottom-8px {
margin-bottom: 8px;
}
.mg-bottom-16px {
margin-bottom: 16px;
}
.mg-bottom-16px.color-neutral-100 {
margin-bottom: 10px;
}
.mg-bottom-16px.color-neutral-100.energy-title-box {
font-size: 23px;
line-height: 1.1em;
}
.mg-bottom-24px {
margin-bottom: 24px;
}
.mg-bottom-24px.blog-post-page-hero {
color: var(--neutral--100);
}
.mg-bottom-24px.text-para-app-now {
text-align: justify;
}
.mg-bottom-32px {
margin-bottom: 32px;
font-family: Poppins, sans-serif;
font-size: 16px;
}
.mg-bottom-32px.not-found-card-para {
color: var(--neutral--100);
}
.mg-bottom-40px {
margin-bottom: 1em;
}
.mg-bottom-40px.news-section-hero-header {
margin-bottom: 4em;
}
.mg-bottom-48px {
margin-bottom: 48px;
}
.mg-bottom-56px {
margin-bottom: 56px;
}
.mg-bottom-64px {
margin-bottom: 64px;
}
.mg-bottom-80px {
margin-bottom: 80px;
}
.mg-top-8px {
margin-top: 8px;
}
.mg-top-16px {
margin-top: 16px;
}
.mg-top-32px {
margin-top: 32px;
}
.mg-top-40px {
margin-top: 40px;
}
.mg-top-48px {
margin-top: 48px;
}
.mg-right-8px {
margin-right: 8px;
}
.mg-right-16px {
margin-right: 16px;
}
.mg-right-24px {
margin-right: 24px;
}
.mg-right-32px {
margin-right: 32px;
}
.text-200 {
font-size: 18px;
line-height: 1.111em;
}
.text-200.list {
line-height: 1.333em;
}
.text-200.medium {
font-weight: 500;
}
.text-200.bold {
font-weight: 700;
}
.display-1 {
color: var(--neutral--800);
font-size: 86px;
font-weight: 400;
line-height: 1.116em;
}
.display-1.color-neutral-100 {
color: var(--neutral--100);
text-align: justify;
margin-right: -606px;
padding-left: 0;
padding-right: 0;
font-family: Poppins, sans-serif;
font-size: 60px;
font-weight: 400;
line-height: 1.3em;
position: relative;
overflow: clip;
}
.display-1.color-neutral-100.inner-hero-h2 {
font-family: Poppins, sans-serif;
font-size: 31px;
font-weight: 300;
}
.display-1.color-neutral-100.hero-h1 {
float: left;
text-align: left;
font-size: 69px;
line-height: 1.3em;
}
.display-1.color-neutral-100.hero-heading-3.hero-h3.hero-h3-1 {
font-size: 29px;
}
.display-1.color-neutral-100.product-title {
width: 570px;
}
.display-1.color-neutral-100.h3-left.h3-left-career {
font-size: 30px;
}
.display-1.color-neutral-100.event-hed-text {
text-align: left;
margin-right: 0;
}
.display-1.color-neutral-100.color-neutral-100-csr-head-1 {
margin-bottom: 0;
}
.display-1.mg-right-34px.value-number {
min-width: 105px;
}
.display-1.mg-bottom-8px.contact-heading-2 {
font-family: Poppins, sans-serif;
font-size: 40px;
}
.display-1.mg-bottom-8px.news-hero-title {
color: var(--spark-library--white);
margin-bottom: 0;
font-size: 70px;
}
.display-1.mg-bottom-2px {
color: var(--neutral--100);
font-size: 70px;
}
.display-1.mg-bottom-2px.case-study-hero {
color: var(--combine-library--white);
}
.display-1.not-found-card-heading {
color: var(--neutral--100);
}
.grid-1-column {
grid-column-gap: 28px;
grid-row-gap: 28px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.grid-1-column.gap-row-0 {
grid-row-gap: 0px;
}
.grid-1-column.gap-26px {
grid-column-gap: 26px;
grid-row-gap: 26px;
}
.grid-1-column.step-grid {
grid-row-gap: 40px;
}
.grid-1-column.layout-images-1-col, .grid-1-column.contact-layout {
grid-row-gap: 0px;
}
.gap-16px {
grid-column-gap: 16px;
grid-row-gap: 16px;
}
.gap-32px {
grid-column-gap: 32px;
grid-row-gap: 32px;
}
.gap-column-24px {
grid-column-gap: 24px;
}
.gap-row-16px {
grid-row-gap: 16px;
}
.gap-row-32px {
grid-row-gap: 32px;
}
.gap-row-64px {
grid-row-gap: 64px;
}
.gap-row-80px {
grid-row-gap: 80px;
}
.display-2 {
color: var(--neutral--800);
font-family: Poppins, sans-serif;
font-size: 40px;
font-weight: 400;
line-height: 1.121em;
}
.display-2.color-accent-1 {
color: var(--accent--primary-1);
}
.display-2.mg-bottom-0 {
color: var(--secondary--color-1);
text-align: left;
margin-bottom: 0;
padding-bottom: 20px;
font-size: 40px;
}
.display-2.mg-bottom-0.white-h2 {
color: var(--neutral--100);
}
.display-2.mg-bottom-0.clienth2-title {
font-size: 21px;
}
.display-2.mg-bottom-0.leadership-h2 {
text-align: left;
}
.display-2.mg-bottom-0.cneter-title {
color: var(--neutral--100);
text-align: center;
margin-bottom: 0;
}
.display-2.mg-bottom-0.cneter-title.cneter-title-dark {
color: var(--neutral--800);
margin-bottom: 20px;
}
.display-2.mg-bottom-0.cneter-title.cneter-title-dark.cneter-title-light {
color: var(--neutral--100);
margin-top: 20px;
}
.display-2.mg-bottom-0.cneter-title.cneter-title-dark.cneter-title-dark-left {
text-align: left;
}
.display-2.mg-bottom-0.cneter-title.cneter-title-dark.cneter-title-dark-beni {
margin-top: 40px;
}
.display-2.mg-bottom-0.cneter-title.cneter-title-dark.benifits-tech-page {
margin-top: 20px;
}
.display-2.mg-bottom-0.titlecenter-dark {
text-align: center;
margin-bottom: 20px;
}
.display-2.mg-bottom-0.h2-center-align {
text-align: center;
padding-bottom: 20px;
}
.display-2.mg-bottom-0.h2-center-align.head-fuel-services-methanol {
padding-bottom: 60px;
}
.display-2.mg-bottom-0.certified-clean-head.cert-head-center {
text-align: center;
}
.display-2.mg-bottom-0.text-reaching-net-pg.unreach-below-pad-net-zero {
padding-bottom: 40px;
}
.display-2.mg-bottom-0.pioneer-head-center {
text-align: center;
}
.display-2.color-neutral-100 {
color: var(--neutral--100);
}
.display-2.color-neutral-100.mg-bottom-32px.cta-h2 {
font-family: Manrope, sans-serif;
font-size: 36px;
font-weight: 300;
}
.display-2.color-neutral-100.mg-bottom-32px.h0me-cta {
margin-bottom: 10px;
}
.display-2.color-neutral-100.mg-bottom-0 {
color: var(--neutral--100);
}
.display-2.center-aligntimeline-heading {
color: var(--neutral--100);
text-align: center;
margin-top: -31px;
margin-bottom: 0;
}
.display-2.h2-heading-center {
text-align: center;
}
.display-2.h2-heading-center.family-section {
background-color: #dfbcbc;
}
.display-2.h2-heading-center.h2-heading-center-hide {
display: none;
}
.display-2.h3-title {
font-size: 40px;
}
.display-2.h3-title.h3-title-white {
color: var(--flowstica-webflow-library--white);
}
.display-3 {
color: var(--neutral--800);
font-size: 38px;
font-weight: 400;
line-height: 1.184em;
}
.display-3.color-neutral-100 {
color: var(--neutral--100);
}
.display-3.color-neutral-100.mg-bottom-56px.small-title {
color: var(--accent--primary-1);
margin-bottom: 0;
font-size: 25px;
}
.display-3.color-neutral-600 {
color: var(--neutral--600);
}
.display-4 {
color: var(--neutral--800);
font-size: 30px;
font-weight: 400;
line-height: 1.2em;
}
.display-4.mg-bottom-0.career-pg-head {
color: var(--secondary--color-1);
font-size: 24px;
font-weight: 600;
}
.display-4.color-neutral-100 {
color: var(--neutral--100);
}
.display-4.mg-bottom-16px.title-hover.news-update-title {
font-family: Manrope, sans-serif;
font-size: 21px;
font-weight: 600;
}
.display-4.mg-bottom-4px.title-hover {
font-family: Poppins, sans-serif;
font-size: 22px;
font-weight: 600;
}
.style---style-grid-wrapper {
grid-row-gap: 180px;
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.paragraph-large {
font-size: 24px;
line-height: 1.583em;
}
.paragraph-small {
font-size: 14px;
line-height: 1.714em;
}
.text-400 {
font-size: 24px;
line-height: 1.083em;
}
.text-400.medium {
font-weight: 500;
}
.text-400.bold {
font-weight: 700;
}
.text-300 {
font-size: 20px;
line-height: 1.1em;
}
.text-300.medium {
font-weight: 500;
}
.text-300.bold {
font-weight: 700;
}
.text-100 {
font-size: 16px;
line-height: 1.125em;
}
.text-100.medium {
font-weight: 500;
}
.text-100.bold {
font-weight: 700;
}
.text-uppercase {
letter-spacing: .1em;
text-transform: uppercase;
}
.text-strikethrough {
text-decoration: line-through;
}
.grid-3-columns {
grid-column-gap: 28px;
grid-row-gap: 28px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.grid-3-columns.gap-row-80px {
grid-row-gap: 80px;
}
.grid-3-columns.style---buttons-grid {
grid-column-gap: 70px;
grid-template-columns: auto auto 1fr;
}
.grid-3-columns.style---buttons-grid.download-app-grid {
grid-template-columns: auto auto;
}
.grid-3-columns.gap-row-64px {
grid-row-gap: 64px;
}
.grid-3-columns.gap-16px {
grid-column-gap: 16px;
grid-row-gap: 16px;
}
.grid-3-columns.gap-32px {
grid-column-gap: 32px;
grid-row-gap: 32px;
}
.grid-3-columns.stats-v2-grid {
grid-column-gap: 60px;
max-width: 1164px;
margin-left: auto;
margin-right: auto;
}
.grid-3-columns.blog-grid-v1 {
grid-row-gap: 40px;
}
.grid-3-columns.gap-row-32px {
grid-row-gap: 32px;
}
.style---shadow-card {
background-color: var(--neutral--100);
text-align: center;
border-radius: 12px;
flex-direction: column;
justify-content: center;
align-items: center;
min-height: 220px;
padding: 32px 44px;
display: flex;
}
.shadow-01 {
box-shadow: 0 2px 6px 0 var(--general--shadow-01);
}
.shadow-02 {
box-shadow: 0 2px 12px 0 var(--general--shadow-02);
}
.shadow-03 {
box-shadow: 0 8px 28px 0 var(--general--shadow-03);
}
.shadow-04 {
box-shadow: 0 14px 42px 0 var(--general--shadow-04);
}
.shadow-05 {
box-shadow: 0 24px 65px 0 var(--general--shadow-05);
}
.shadow-06 {
box-shadow: 0 32px 72px 0 var(--general--shadow-06);
}
.button-shadow-color-01 {
box-shadow: 0 4px 10px 0 var(--button-shadow--color-01);
}
.button-shadow-color-02 {
box-shadow: 0 6px 20px 0 var(--button-shadow--color-2);
}
.button-shadow-color-03 {
box-shadow: 0 10px 28px 0 var(--button-shadow--color-03);
}
.button-shadow-white-01 {
box-shadow: 0 4px 10px 0 var(--button-shadow--white-01);
}
.button-shadow-white-02 {
box-shadow: 0 6px 20px 0 var(--button-shadow--white-02);
}
.button-shadow-white-03 {
box-shadow: 0 10px 28px 0 var(--button-shadow--white-03);
}
.style---heading {
background-color: var(--neutral--100);
box-shadow: 0 2px 6px 0 var(--general--shadow-02);
align-items: center;
min-height: 60vh;
margin-bottom: 30px;
padding: 72px 4vw;
display: flex;
}
.inner-container._600px {
max-width: 600px;
}
.inner-container.center {
margin-left: auto;
margin-right: auto;
}
.inner-container._574px {
max-width: 574px;
}
.inner-container._500px {
max-width: 500px;
}
.inner-container._864px {
max-width: 864px;
}
.inner-container._900px {
max-width: 900px;
}
.inner-container._990px {
max-width: 990px;
}
.inner-container._800px {
max-width: 800px;
}
.inner-container._700px {
max-width: 700px;
}
.inner-container._640px {
max-width: 640px;
}
.inner-container._680px {
max-width: 680px;
}
.inner-container._666px {
max-width: 666px;
}
.inner-container._550px {
max-width: 550px;
}
.inner-container.content-full-image-slider-wrapper {
flex-direction: column;
justify-content: flex-end;
height: 100%;
margin-left: 10px;
margin-right: 10px;
display: flex;
position: absolute;
inset: 0%;
}
.inner-container._920px {
max-width: 920px;
}
.inner-container._1086px {
max-width: 1086px;
}
.inner-container._804px {
max-width: 804px;
}
.inner-container._724px {
max-width: 724px;
}
.inner-container._606px {
max-width: 606px;
}
.inner-container._390px {
max-width: 390px;
}
.inner-container._343px {
max-width: 343px;
}
.inner-container._1060px {
max-width: 1060px;
}
.inner-container._424px {
max-width: 424px;
}
.inner-container._454px {
max-width: 454px;
}
.inner-container._440px {
max-width: 440px;
}
.inner-container._530px {
max-width: 530px;
}
.inner-container._509px {
max-width: 509px;
}
.inner-container._527px {
max-width: 527px;
}
.inner-container._504px {
max-width: 504px;
}
.inner-container._504px._100-mbl {
max-width: 620px;
}
.inner-container._610px {
max-width: 610px;
}
.inner-container._330px {
max-width: 330px;
}
.inner-container.content-slider-wrapper {
flex-direction: column;
justify-content: flex-end;
height: 100%;
display: flex;
position: absolute;
inset: 0%;
}
.inner-container.tabs-2-cols-title-wrapper {
max-width: 42%;
margin-bottom: 32px;
}
.inner-container._437px {
max-width: 437px;
}
.inner-container._412px {
max-width: 412px;
}
.inner-container._447px {
max-width: 447px;
}
.inner-container._460px {
max-width: 460px;
}
.inner-container._636px {
max-width: 636px;
}
.inner-container.faqs-grid-title {
max-width: 460px;
padding-bottom: 296px;
}
.inner-container._442px {
max-width: 442px;
}
.inner-container._719px {
max-width: 719px;
}
.inner-container._519px {
max-width: 519px;
}
.inner-container._457px {
max-width: 457px;
}
.inner-container._630px {
max-width: 630px;
}
.inner-container._513px {
max-width: 513px;
}
.inner-container._427px {
max-width: 427px;
}
.inner-container._427px.center---alt {
margin-left: auto;
margin-right: auto;
transform: translate(45px);
}
.inner-container._576px {
max-width: 576px;
}
.inner-container._576px.abt-us-page-quote {
max-width: none;
padding-right: 10px;
}
.inner-container._603px {
max-width: 603px;
}
.inner-container._728px {
max-width: 728px;
}
.inner-container._877px {
max-width: 877px;
}
.inner-container._300px {
max-width: 300px;
}
.inner-container._692px {
max-width: 692px;
}
.inner-container._558px {
max-width: 558px;
padding-top: 0;
padding-bottom: 0;
}
.inner-container._558px.carerr-page-head-pad {
padding-top: 100px;
padding-bottom: 100px;
}
.inner-container._626px {
max-width: 626px;
}
.inner-container.services-wrapper {
max-width: 1214px;
margin-left: auto;
margin-right: auto;
padding-left: 24px;
padding-right: 24px;
}
.inner-container._445px {
max-width: 445px;
}
.inner-container._922px {
max-width: 922px;
}
.inner-container._595px {
max-width: 595px;
}
.inner-container._398px {
max-width: 398px;
}
.inner-container._764px {
max-width: 764px;
}
.inner-container._1025px {
max-width: 1025px;
}
.inner-container._540px {
max-width: 540px;
}
.inner-container._660px {
max-width: 660px;
}
.inner-container._716px {
max-width: 716px;
}
.inner-container._544px {
max-width: 544px;
}
.inner-container._497px {
max-width: 497px;
}
.inner-container._545px {
max-width: 545px;
}
.inner-container._993px {
max-width: 993px;
}
.inner-container._591px {
max-width: 591px;
}
.inner-container._561px {
max-width: 561px;
}
.inner-container._629px {
max-width: 629px;
}
.inner-container._1016px {
max-width: 1016px;
}
.inner-container._617px {
max-width: 617px;
}
.inner-container._584px {
max-width: 584px;
}
.inner-container._1034px {
max-width: 1034px;
}
.inner-container._428px {
max-width: 428px;
}
.inner-container._826px {
max-width: 826px;
}
.inner-container._746px {
max-width: 746px;
}
.inner-container._444px {
max-width: 444px;
}
.inner-container._750px {
max-width: 750px;
}
.inner-container._608px {
max-width: 608px;
}
.inner-container._1033px {
max-width: 1033px;
}
.inner-container._516px {
max-width: 516px;
}
.inner-container._60px {
max-width: 60px;
}
.inner-container._90px {
max-width: 90px;
}
.inner-container._822px {
max-width: 822px;
}
.inner-container._777px {
max-width: 777px;
}
.inner-container._662px {
max-width: 662px;
}
.inner-container._306px {
max-width: 306px;
}
.inner-container._717px {
max-width: 717px;
}
.inner-container._698px {
max-width: 698px;
}
.inner-container._463px {
max-width: 463px;
}
.inner-container._554px {
max-width: 554px;
}
.inner-container._823px {
max-width: 823px;
}
.inner-container._563px {
max-width: 563px;
}
.inner-container._532px {
max-width: 532px;
}
.inner-container._760px {
max-width: 760px;
}
.inner-container._498px {
max-width: 498px;
}
.inner-container._511px {
max-width: 511px;
}
.style---content-heading {
background-color: var(--neutral--100);
box-shadow: 0 2px 6px 0 var(--general--shadow-02);
border-radius: 12px;
align-items: center;
margin-bottom: 60px;
padding: 48px;
display: flex;
}
.style---heading-icon-wrapper {
background-color: var(--accent--primary-1);
border-radius: 12px;
margin-right: 18px;
}
.mg-bottom-0 {
color: var(--flowstica-webflow-library--black);
text-align: justify;
margin-bottom: 0;
font-family: Poppins, sans-serif;
font-size: 16px;
}
.mg-bottom-0.color-neutral-100 {
color: var(--neutral--800);
line-height: 1.6em;
}
.mg-bottom-0.color-neutral-100.white-paragraph {
color: var(--neutral--100);
text-align: justify;
margin-bottom: 10px;
font-family: Manrope, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 1.5em;
}
.mg-bottom-0.paragraph {
text-align: justify;
margin-bottom: 20px;
font-size: 16px;
line-height: 1.6em;
}
.mg-bottom-0.paragraph.energypara {
color: var(--neutral--100);
font-size: 15px;
font-weight: 300;
}
.mg-bottom-0.paragraph.paragraph-misionvision {
margin-bottom: 0;
}
.mg-bottom-0.paragraph.paragraph-4 {
color: var(--flowstica-webflow-library--black);
}
.mg-bottom-0.paragraph.increase-18-home-1sec {
font-size: 18px;
}
.mg-bottom-0.paragraph.our-core-values-csr-page-focu {
text-align: left;
margin-bottom: 0;
padding-top: 10px;
font-size: 18px;
font-weight: 500;
}
.mg-bottom-0.width-sub-para {
text-align: center;
padding-left: 60px;
padding-right: 60px;
}
.mg-bottom-0.about-us-upper-text-padding-right {
padding-left: 0;
padding-right: 0;
}
.mg-bottom-0.about-us-upper-text-padding-right.csr-sec-1-paragraph-padding-bottom {
margin-bottom: 30px;
font-size: 18px;
}
.mg-bottom-0.about-us-upper-text-padding-right.csr-sec-1-paragraph-padding-bottom.csr-sec-1-paragraph-padding-bottom-center-align {
color: var(--combine-library--white);
text-align: center;
margin-top: 0;
margin-bottom: 0;
padding-top: 40px;
font-size: 25px;
font-weight: 400;
}
.mg-bottom-0.about-us-upper-text-padding-right.csr-sec-1-paragraph-padding-bottom.csr-sec-1-paragraph-padding-bottom-center-align.csr-sec-1-paragraph-padding-bottom-center-align-padding--rmove {
padding-top: 0;
}
.mg-bottom-0.about-us-upper-text-padding-right.csr-head-point-with-bold-n-padding {
margin-bottom: 20px;
font-size: 22px;
font-weight: 600;
}
.mg-bottom-0.about-us-upper-text-padding-right.csr-head-point-with-bold-n-padding.csr-head-point-with-bold-n-padding-point-4 {
text-align: center;
font-size: 16px;
font-weight: 500;
line-height: 1.2em;
}
.mg-bottom-0.about-us-upper-text-padding-right.csr-head-point-with-bold-n-padding.csr-image-infography-new-padding-hide {
display: none;
}
.mg-bottom-0.about-us-upper-text-padding-right.about-us-upper-text-padding-right-after-point-para {
margin-bottom: 10px;
font-size: 18px;
}
.mg-bottom-0.about-us-upper-text-padding-right.about-us-upper-text-padding-right-after-point-para.csr-image-infography-new-padding-hide {
display: none;
}
.mg-bottom-0.about-us-upper-text-padding-right.csr-sec-flying-in-grid-4-points {
text-align: center;
font-size: 18px;
font-weight: 500;
line-height: 1.2em;
}
.style---content-wrapper {
padding-top: 40px;
padding-left: 4vw;
padding-right: 4vw;
}
.border-radius---start-here {
border: 1px solid var(--neutral--400);
border-radius: 12px;
}
.style---card-wrapper {
border: 1px solid var(--neutral--400);
background-color: var(--neutral--100);
box-shadow: 0 2px 7px 0 var(--general--shadow-01);
border-radius: 12px;
}
.style---components-wrapper {
background-color: var(--neutral--100);
border-radius: 12px;
}
.style---bg-white {
padding: 48px;
}
.style-buttons-dark {
background-color: var(--neutral--800);
border-bottom-right-radius: 12px;
border-bottom-left-radius: 12px;
padding: 48px;
}
.btn-primary {
background-color: var(--accent--primary-1);
color: var(--neutral--100);
text-align: center;
letter-spacing: 0;
text-transform: uppercase;
vertical-align: baseline;
transform-style: preserve-3d;
border: 1px solid #0000;
border-radius: 6px;
justify-content: center;
margin-top: 20px;
padding: 18px 25px;
font-family: Poppins, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 1.125em;
text-decoration: none;
transition: transform .3s;
}
.btn-primary:hover {
color: var(--neutral--100);
transform: translate3d(0, -3px, .01px);
}
.btn-primary.small {
border-radius: 5px;
padding: 14px 16px;
font-size: 14px;
line-height: 1.143em;
}
.btn-primary.small.header-btn-hidde-on-mb {
margin-top: 0;
margin-left: 24px;
}
.btn-primary.small.discount {
height: auto;
margin-left: 0;
}
.btn-primary.large {
padding: 20px 40px;
font-size: 18px;
line-height: 1.1em;
}
.btn-primary.white {
background-color: var(--neutral--100);
color: var(--accent--primary-1);
}
.btn-primary.white.buy-now {
color: #4253ff;
transition-property: none;
}
.btn-primary.white.buy-now:hover {
background-color: var(--neutral--100);
color: #4253ff;
transform: none;
}
.btn-primary.inside-input {
justify-content: center;
align-items: center;
display: flex;
position: absolute;
inset: 0% 0% 0% auto;
}
.btn-primary.inside-input.default {
height: 34px;
margin-top: 7px;
padding: 11px 24px 30px;
top: 8px;
bottom: 8px;
right: 8px;
}
.btn-primary.button-row {
margin-right: 24px;
}
.btn-primary.download-app {
align-items: center;
display: flex;
}
.btn-primary.all-templates {
color: var(--neutral--100);
background-color: #553ffe;
transition-property: none;
}
.btn-primary.all-templates:hover {
color: var(--neutral--100);
background-color: #553ffe;
transform: none;
}
.btn-primary.form-wrapper {
align-items: center;
padding-top: 0;
padding-bottom: 0;
padding-left: 0;
display: flex;
}
.btn-primary.form-wrapper.add-cart-btn {
margin-right: 24px;
}
.btn-primary.form-btn {
padding-right: 0;
transition-property: none;
}
.btn-primary.form-btn:hover {
transform: none;
}
.btn-primary.form-btn.contact-form-button-1 {
margin-top: 0;
}
.btn-primary.pagination-btn {
margin-top: 48px;
display: flex;
}
.btn-primary.inner-cta {
border-color: var(--accent--primary-1);
background-color: var(--accent--primary-1);
color: var(--secondary--color-1);
text-align: left;
text-transform: none;
margin-right: 20px;
padding: 10px 20px;
font-size: 14px;
display: inline-flex;
}
.btn-secondary {
border: 1px solid var(--neutral--800);
color: var(--neutral--800);
text-align: center;
letter-spacing: .64px;
text-transform: uppercase;
transform-style: preserve-3d;
background-color: #0000;
border-radius: 6px;
padding: 18px 25px;
font-size: 16px;
font-weight: 500;
line-height: 1.125em;
text-decoration: none;
transition: border-color .3s, transform .3s, background-color .3s, color .3s;
}
.btn-secondary:hover {
border-color: var(--accent--primary-1);
background-color: var(--accent--primary-1);
color: var(--neutral--100);
transform: translate3d(0, -3px, .01px);
}
.btn-secondary.small {
padding: 14px 16px;
font-size: 14px;
line-height: 1.143em;
}
.btn-secondary.large {
padding: 20px 40px;
font-size: 18px;
line-height: 1.1em;
}
.btn-secondary.white {
border: 1px solid var(--neutral--100);
color: var(--neutral--100);
background-color: #0000;
}
.btn-secondary.white:hover {
border-color: var(--neutral--100);
background-color: var(--neutral--100);
color: var(--neutral--800);
}
.btn-secondary.white.icon-no-hover {
text-align: left;
transition-property: none;
}
.btn-secondary.white.icon-no-hover:hover {
color: var(--neutral--100);
background-color: #0000;
transform: none;
}
.btn-secondary.white.box-button {
padding: 10px 20px;
font-size: 15px;
}
.btn-secondary.white.white-home {
margin-top: 20px;
}
.btn-secondary.white.white-home.white-home-hide {
display: none;
}
.btn-secondary.width-100.card-product-add-cart {
justify-content: center;
}
.btn-secondary.pagination-btn {
margin-top: 48px;
}
.btn-secondary.app-log-in {
text-align: left;
letter-spacing: normal;
text-transform: none;
justify-content: center;
align-items: center;
width: 100%;
padding: 20px 26px;
display: flex;
}
.btn-secondary.app-log-in:hover {
border-color: var(--neutral--800);
background-color: var(--neutral--300);
color: var(--neutral--800);
}
.btn-secondary.app-log-in.button-row {
margin-right: 24px;
}
.btn-secondary.app-log-in.button-row---vertical {
margin-bottom: 16px;
}
.btn-secondary.add-cart-btn {
margin-top: 0;
}
.badge-primary {
background-color: var(--accent--primary-1);
box-shadow: 0 4px 4px 0 var(--general--shadow-03);
color: var(--neutral--100);
text-align: center;
letter-spacing: .64px;
text-transform: uppercase;
border-radius: 6px;
padding: 16px 24px;
font-size: 18px;
line-height: 1.111em;
text-decoration: none;
display: inline-block;
}
.badge-primary.white {
background-color: var(--neutral--100);
color: var(--accent--primary-1);
}
.badge-primary.light {
background-color: var(--secondary--color-2);
color: var(--accent--primary-1);
}
.badge-primary.small {
border-radius: 5px;
padding: 10px 12px;
font-size: 16px;
line-height: 1.125em;
}
.badge-primary.small.blog-post-category {
transform-style: preserve-3d;
margin-right: 24px;
transition-property: transform;
}
.badge-primary.small.blog-post-category:hover {
color: var(--neutral--100);
transform: translate3d(0, -4px, .01px);
}
.badge-primary.large {
padding: 20px 38px;
font-size: 20px;
line-height: 1.1em;
}
.badge-secondary {
border: 1px solid var(--neutral--500);
background-color: var(--neutral--100);
color: var(--neutral--800);
text-align: center;
letter-spacing: .64px;
text-transform: uppercase;
border-radius: 6px;
padding: 16px 24px;
font-size: 18px;
line-height: 1.111em;
text-decoration: none;
display: inline-block;
}
.badge-secondary.white {
border-color: var(--neutral--100);
box-shadow: none;
color: var(--neutral--100);
background-color: #0000;
}
.badge-secondary.light {
background-color: var(--neutral--200);
box-shadow: none;
border-width: 0;
}
.badge-secondary.small {
border-radius: 5px;
padding: 10px 12px;
font-size: 16px;
line-height: 1.125em;
}
.badge-secondary.small.card-blog-post-v1-category {
border-color: var(--neutral--500);
box-shadow: 0 4px 4px 0 var(--general--shadow-06);
position: absolute;
bottom: 20px;
left: 20px;
}
.badge-secondary.small.card-blog-post-v2-category {
margin-right: 24px;
}
.badge-secondary.small.card-product-price {
border-color: var(--secondary--color-1);
background-color: var(--neutral--300);
padding: 8px;
font-weight: 700;
position: absolute;
top: 32px;
right: 32px;
}
.badge-secondary.large {
padding: 20px 38px;
font-size: 20px;
line-height: 1.1em;
}
.badge-secondary.category-link {
border-color: var(--neutral--500);
color: var(--neutral--600);
transform-style: preserve-3d;
background-color: #0000;
font-size: 14px;
font-weight: 500;
line-height: 1.143em;
transition: transform .3s, border-color .3s, background-color .3s, color .3s;
}
.badge-secondary.category-link:hover {
border-color: var(--accent--primary-1);
background-color: var(--accent--primary-1);
color: var(--neutral--100);
transform: translate3d(0, -3px, .01px);
}
.badge-secondary.category-link.w--current {
border-color: var(--secondary--color-1);
background-color: var(--secondary--color-1);
color: var(--neutral--100);
cursor: default;
transform: translate(0);
}
.input {
border: 1px solid var(--neutral--400);
background-color: var(--neutral--100);
color: var(--neutral--800);
border-radius: 8px;
min-height: 70px;
margin-bottom: 0;
padding: 16px 24px;
font-size: 18px;
line-height: 1.111em;
transition: color .3s, border-color .3s;
}
.input:hover {
border-color: var(--neutral--500);
}
.input:focus, .input.-wfp-focus {
border-color: var(--accent--primary-1);
color: var(--neutral--800);
}
.input::placeholder {
color: var(--neutral--600);
}
.input.small {
min-height: 68px;
margin-bottom: 0;
padding-top: 8px;
padding-bottom: 8px;
font-size: 16px;
}
.input.small.select-wrapper {
flex-direction: column;
justify-content: center;
padding-top: 0;
padding-bottom: 0;
padding-left: 0;
transition: border-color .3s;
display: flex;
overflow: hidden;
}
.input.small.select-inside {
color: var(--neutral--600);
border-style: none;
border-radius: 0;
transition: color .3s;
}
.input.small.select-inside:focus {
color: var(--neutral--800);
}
.input.small.phone {
border-style: none;
}
.input.large {
min-height: 76px;
}
.input.button-inside {
padding-right: 45%;
}
.input.checkout-input {
min-height: 69px;
margin-bottom: 24px;
padding-top: 8px;
padding-bottom: 8px;
font-size: 16px;
}
.input.checkout-input::placeholder {
font-size: 16px;
line-height: 18px;
}
.input.checkout-input.last {
margin-bottom: 0;
}
.input.cart-quantity-item-input {
width: 60px;
min-height: 40px;
padding: 10px 15px;
}
.position-relative {
position: relative;
}
.text-area {
border: 1px solid var(--neutral--400);
background-color: var(--neutral--100);
color: var(--neutral--800);
border-radius: 8px;
min-width: 100%;
max-width: 100%;
min-height: 160px;
max-height: 200px;
padding: 24px;
font-size: 18px;
line-height: 1.556em;
transition: color .3s, border-color .3s;
}
.text-area:hover {
border-color: var(--neutral--500);
}
.text-area:focus {
border-color: var(--accent--primary-1);
color: var(--neutral--800);
}
.text-area::placeholder {
color: var(--neutral--600);
}
.text-area.small {
min-height: 142px;
margin-bottom: 24px;
font-size: 16px;
}
.text-area.small.mg-bottom-0 {
margin-bottom: 0;
}
.checkbox-field-wrapper {
align-items: center;
margin-bottom: 24px;
padding-left: 0;
font-size: 18px;
line-height: 22px;
display: flex;
}
.checkbox-field-wrapper.large {
font-size: 20px;
line-height: 24px;
}
.checkbox-field-wrapper.small {
font-size: 16px;
line-height: 20px;
}
.checkbox-field-wrapper.mg-bottom-0 {
margin-bottom: 0;
}
.checkbox {
border-width: 1px;
border-color: var(--neutral--400);
background-color: var(--neutral--100);
border-radius: 6px;
width: auto;
min-width: 24px;
height: auto;
min-height: 24px;
margin-top: 0;
margin-left: 0;
margin-right: 10px;
transition: border-color .3s, background-color .3s;
}
.checkbox:hover {
border-color: var(--neutral--500);
}
.checkbox.w--redirected-checked {
border-color: var(--accent--primary-1);
background-color: var(--accent--primary-1);
background-image: url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/66697d07358f80ebbdc1a7ab_check-form-brix-templates-webflow.svg");
background-size: auto;
margin-top: 0;
margin-left: 0;
}
.checkbox.w--redirected-focus {
box-shadow: none;
}
.checkbox.large {
border-radius: 7px;
min-width: 28px;
min-height: 28px;
}
.checkbox.small {
border-radius: 5px;
min-width: 22px;
min-height: 22px;
}
.radio-button-field-wrapper {
justify-content: flex-start;
align-items: center;
margin-bottom: 24px;
padding-left: 0;
font-size: 18px;
line-height: 24px;
display: flex;
}
.radio-button-field-wrapper.large {
font-size: 20px;
line-height: 26px;
}
.radio-button-field-wrapper.small {
font-size: 16px;
line-height: 22px;
}
.radio-button {
border-color: var(--neutral--400);
background-color: var(--neutral--100);
width: auto;
min-width: 24px;
height: auto;
min-height: 24px;
margin-top: 0;
margin-left: 0;
margin-right: 10px;
transition: border-color .3s, border-width .3s, background-color .3s;
}
.radio-button:hover {
border-color: var(--neutral--500);
}
.radio-button.w--redirected-checked {
border-width: 6px;
border-color: var(--accent--primary-1);
}
.radio-button.w--redirected-focus {
box-shadow: none;
}
.radio-button.large {
min-width: 28px;
min-height: 28px;
}
.radio-button.large.w--redirected-checked {
border-width: 8px;
}
.radio-button.small {
min-width: 22px;
min-height: 22px;
}
.style---avatars-grid {
grid-column-gap: 24px;
grid-template-rows: auto;
grid-template-columns: auto auto;
}
.avatar-circle {
border-radius: 50%;
width: 100%;
overflow: hidden;
transform: translate(0);
}
.avatar-circle._01 {
width: 32px;
max-width: 32px;
height: 32px;
max-height: 32px;
}
.avatar-circle._02 {
width: 48px;
max-width: 48px;
height: 48px;
max-height: 48px;
}
.avatar-circle._03 {
width: 64px;
max-width: 64px;
height: 64px;
max-height: 64px;
}
.avatar-circle._04 {
width: 80px;
max-width: 80px;
height: 80px;
max-height: 80px;
}
.avatar-circle._05 {
width: 120px;
max-width: 120px;
height: 120px;
max-height: 120px;
}
.avatar-circle._06 {
width: 160px;
max-width: 160px;
height: 160px;
max-height: 160px;
}
.avatar-circle._07 {
width: 240px;
max-width: 240px;
height: 240px;
max-height: 240px;
}
.avatar-circle._08 {
width: 380px;
max-width: 380px;
height: 380px;
max-height: 380px;
}
.style---icons-grid {
grid-column-gap: 24px;
grid-template-rows: auto;
grid-template-columns: repeat(auto-fit, 72px);
align-items: center;
}
.square-icon {
border-radius: 16px;
}
.square-icon.password-page {
border-radius: 0;
max-width: 57px;
margin-bottom: 24px;
}
.style---social-square-icons-grid {
grid-column-gap: 24px;
grid-template-rows: auto;
grid-template-columns: repeat(auto-fit, 36px);
}
.social-icon-font {
font-family: Social Icons Font, sans-serif;
line-height: 20px;
}
.social-icon-font.button-left {
margin-right: 6px;
}
.social-icon-font._20px {
color: var(--accent--primary-1);
-webkit-text-stroke-color: var(--neutral--800);
font-size: 20px;
}
.social-icon-square {
background-color: var(--secondary--color-2);
border-radius: 8px;
justify-content: center;
align-items: center;
width: 36px;
min-width: 36px;
height: 36px;
min-height: 36px;
text-decoration: none;
transition: background-color .3s, color .3s;
display: flex;
}
.social-icon-square:hover {
background-color: var(--accent--primary-1);
color: var(--neutral--100);
}
.social-icon-square.size-10px {
width: 10px;
}
.line-rounded-icon {
font-family: Line Rounded Icons, sans-serif;
}
.line-rounded-icon.style---dropdown-arrow-sidebar {
line-height: 18px;
}
.line-rounded-icon.link-icon-right {
margin-left: 6px;
display: inline-block;
}
.line-rounded-icon.link-icon-left {
margin-right: 6px;
display: inline-block;
}
.line-rounded-icon.success-message-check {
margin-bottom: 6px;
font-size: 22px;
}
.line-rounded-icon.success-message-check.large {
margin-bottom: 16px;
font-size: 80px;
line-height: 1em;
}
.line-rounded-icon.success-message-check.left {
margin-bottom: 0;
margin-right: 6px;
}
.line-rounded-icon.right-arrow {
color: var(--secondary--color-1);
flex-direction: column;
justify-content: center;
align-items: center;
min-width: 32px;
max-width: 32px;
min-height: 32px;
max-height: 32px;
font-size: 24px;
display: flex;
}
.line-rounded-icon.category-icon {
margin-right: 8px;
font-size: 20px;
line-height: 1em;
}
.style---line-icons-grid {
grid-column-gap: 24px;
grid-template-rows: auto;
grid-template-columns: repeat(auto-fit, 20px);
}
.line-square-icon {
font-family: Line Square Icons, sans-serif;
}
.line-square-icon.top-bar-close-icon {
cursor: pointer;
align-items: center;
padding: 20px 32px;
font-size: 24px;
transition: opacity .3s;
display: flex;
position: absolute;
inset: 0% 0% 0% auto;
}
.line-square-icon.top-bar-close-icon:hover {
opacity: .55;
}
.filled-icons {
font-family: Filled Icons, sans-serif;
}
.rich-text-v1 img {
border-radius: 12px;
}
.rich-text-v1 p {
margin-top: 16px;
margin-bottom: 16px;
}
.rich-text-v1 h2 {
margin-bottom: 16px;
}
.rich-text-v1 h3 {
margin-top: 32px;
margin-bottom: 16px;
}
.rich-text-v1 figure, .rich-text-v1 ul {
margin-top: 32px;
margin-bottom: 32px;
}
.rich-text-v1 ol {
margin-top: 22px;
margin-bottom: 24px;
}
.rich-text-v1 h6, .rich-text-v1 h5, .rich-text-v1 h4 {
margin-top: 32px;
margin-bottom: 16px;
}
.rich-text-v1 li {
margin-bottom: 16px;
}
.rich-text-v1 blockquote {
border-radius: 12px;
margin-top: 32px;
margin-bottom: 32px;
}
.style---dropdown-wrapper-sidebar {
width: 100%;
overflow: hidden;
}
.style---dropdown-toggle {
border-bottom: 1px solid var(--neutral--400);
justify-content: space-between;
align-items: center;
width: 100%;
padding: 18px 20px;
font-size: 16px;
font-weight: 400;
line-height: 18px;
transition: color .3s;
display: flex;
}
.style---dropdown-toggle:hover, .style---dropdown-toggle.w--open {
color: var(--accent--primary-1);
}
.buttons-row {
align-items: center;
display: flex;
}
.buttons-row.center {
justify-content: center;
}
.buttons-row.mg-top-32px.tabs-2-cols-button {
max-width: 42%;
}
.buttons-row.app-log-in-buttons.vertical-buttons {
flex-direction: column;
}
.style---dropdown-list-sidebar {
border-bottom: 1px solid var(--neutral--300);
background-color: var(--neutral--100);
padding-top: 24px;
padding-bottom: 24px;
position: relative;
}
.style---dropdown-link-sidebar {
color: var(--neutral--600);
border-right: 4px solid #0000;
flex-direction: row;
align-items: center;
padding: 12px 16px 12px 20px;
font-size: 16px;
line-height: 19px;
text-decoration: none;
transition: border-color .3s, background-color .3s, color .3s;
display: flex;
}
.style---dropdown-link-sidebar:hover {
background-color: var(--neutral--200);
color: var(--accent--primary-1);
}
.style---dropdown-link-sidebar.w--current {
border-right-color: var(--accent--primary-1);
background-color: var(--neutral--200);
color: var(--accent--primary-1);
font-weight: 700;
}
.style---dropdown-link-icon-sidebar {
background-color: var(--accent--primary-1);
border-radius: 6px;
max-width: 38px;
margin-right: 10px;
padding: 2px;
}
.style---sidebar-wrapper {
flex-direction: column;
justify-content: space-between;
height: 100%;
display: flex;
overflow: scroll;
}
.style---logo-wrapper {
border-bottom: 1px solid var(--neutral--400);
background-color: var(--neutral--200);
color: var(--neutral--600);
text-align: center;
flex-direction: column;
align-items: center;
width: 100%;
padding: 38px 22px;
text-decoration: none;
display: flex;
}
.width-100 {
width: 100%;
}
.style---button-wrapper-sidebar {
margin-top: 20px;
margin-bottom: 24px;
padding-left: 20px;
padding-right: 20px;
}
.style---logo-sidebar {
width: 100%;
transition: opacity .3s;
}
.style---logo-sidebar:hover {
opacity: .6;
}
.container-default {
color: var(--accent--primary-1);
text-align: left;
max-width: 1303px;
padding: 0 24px;
text-decoration: none;
}
.container-default.z-index-1 {
z-index: 1;
position: relative;
}
.container-default.order-confirmation {
display: block;
}
.container-default.center {
margin-left: auto;
margin-right: auto;
}
.elements---page-hero {
padding-top: 100px;
padding-bottom: 100px;
}
.section {
padding-top: 60px;
padding-bottom: 100px;
}
.section.small {
padding-top: 100px;
padding-bottom: 100px;
}
.section.position-relative.stats-section {
padding-top: 73px;
padding-bottom: 0;
}
.section.hero-full {
background-image: linear-gradient(#0009, #0009), url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
background-position: 0 0, 50%;
background-repeat: repeat, no-repeat;
background-size: auto, cover;
min-height: 100vh;
}
.section.hero-full.hero-v1 {
background-image: linear-gradient(90deg, #0000009e, #0000), url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/6669876393f4d290310486e5_FCT%20Hero%20Image.jpg");
background-position: 0 0, 50%;
background-repeat: repeat, repeat;
background-size: auto, cover;
min-height: auto;
max-height: 914px;
padding-top: 210px;
padding-bottom: 50px;
}
.section.hero-full.hero-v2 {
background-color: var(--secondary--color-1);
background-image: none;
min-height: auto;
padding-top: 93px;
padding-bottom: 68px;
position: relative;
}
.section.hero-full.hero-v3 {
background-color: var(--secondary--color-1);
background-image: none;
min-height: auto;
padding-top: 58px;
padding-bottom: 0;
position: relative;
}
.section.top {
padding-top: 50px;
}
.section.template-pages-hero {
padding-top: 100px;
padding-bottom: 100px;
}
.section.hero-page {
padding-top: 22px;
padding-bottom: 200px;
position: relative;
overflow: hidden;
}
.section.pd-top-0px {
padding-top: 0;
}
.section.pd-top-0px.overflow-hidden, .section.pd-top-0px.career-sec-hid {
display: none;
}
.section.pd-0px {
padding-top: 0;
padding-bottom: 0;
}
.section.pd-0px.subscribe-news-blog {
background-image: url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/666a7e595783e74561c67cb0_Milestones%20BG.jpg");
background-position: 0 0;
background-size: cover;
background-attachment: fixed;
}
.section.pd-188px {
padding-top: 188px;
padding-bottom: 188px;
}
.section.pd-150px {
padding-top: 60px;
padding-bottom: 150px;
}
.section.pd-150px.pd-top-104px {
padding-top: 50px;
padding-bottom: 20px;
}
.section.pd-150px.case-study-sec-2 {
padding-top: 100px;
}
.section.pd-top-150px {
padding-top: 150px;
display: none;
}
.section.logo-strip-section {
padding-top: 69px;
padding-bottom: 80px;
}
.section.cta-v3 {
padding-top: 78px;
padding-bottom: 0;
}
.section.hero {
position: relative;
overflow: hidden;
}
.section.hero.v1 {
padding-top: 39px;
}
.section.hero.v2 {
background-image: linear-gradient(45deg, #0009, #0000 84%), linear-gradient(to right, #00000085, #0000 70%), url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/66697d07358f80ebbdc1a8d9_image-hero-about-v2-startply-x-webflow-template.jpg");
background-position: 0 0, 0 0, 50%;
background-repeat: repeat, repeat, no-repeat;
background-size: auto, auto, cover;
padding-top: 255px;
}
.section.hero.v3 {
background-image: linear-gradient(#000000a1, #000000a1), url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/667bce847c29eae6a9d4d00f_pngtree-aerial-view-telecommunication-tower-at-green-hill-image_15690233.jpg");
background-position: 0 0, 0 0;
background-size: auto, cover;
padding-top: 220px;
padding-bottom: 92px;
}
.section.hero.v3.inner-hero-01 {
background-image: linear-gradient(#000000a1, #000000a1);
padding-top: 140px;
padding-bottom: 100px;
}
.section.hero.v3.inner-hero-01.energy-portfolio-hero.it-solutions-hero.technoogy-hero.defence-hero {
padding-top: 100px;
padding-bottom: 0;
}
.section.hero.v3.inner-hero-01.energy-portfolio-hero.it-solutions-hero.technoogy-hero.hydrogen-power--hero, .section.hero.v3.inner-hero-01.energy-portfolio-hero.it-solutions-hero.technoogy-hero.industries-hero, .section.hero.v3.inner-hero-01.energy-portfolio-hero.it-solutions-hero.technoogy-hero.fuel-services-hero {
padding-bottom: 0;
}
.section.hero.v3.inner-hero-01.product-hero-01 {
background-image: linear-gradient(#0000, #0000);
padding-top: 80px;
padding-bottom: 40px;
}
.section.hero.v3.inner-hero-01.product-hero-01.contact-hero-sec {
height: 350px;
}
.section.hero.v3.inner-hero-01.product-hero-01.emily-3000-bg-image {
background-image: url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/66ee5e16ba4294114656323e_Caravan%20IMG09.jpg"), linear-gradient(#0000, #0000);
background-position: 0 0, 0 0;
background-size: cover, auto;
}
.section.hero.v3.inner-hero-01.about-hro-1 {
padding-top: 100px;
padding-bottom: 10px;
}
.section.hero.v4, .section.hero.v5 {
padding-top: 104px;
}
.section.hero.v6 {
padding-top: 33px;
padding-bottom: 150px;
}
.section.hero.v6.contact-section {
padding-top: 60px;
padding-bottom: 60px;
}
.section.hero.v7 {
background-image: url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/66697d07358f80ebbdc1a8f4_image-hero-careers-startply-x-webflow-template.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
padding-top: 280px;
padding-bottom: 280px;
}
.section.hero.v7.career-hero {
color: var(--button-shadow--white-02);
background-image: linear-gradient(#00000080, #00000080), linear-gradient(#00000080, #00000080);
padding-top: 100px;
padding-bottom: 100px;
}
.section.hero.v8 {
background-image: url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/66697d07358f80ebbdc1a901_line-hero-career-startply-x-webflow-template.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
padding-top: 124px;
padding-bottom: 79px;
}
.section.hero.v9 {
padding-top: 140px;
padding-bottom: 0;
}
.section.hero.v10 {
padding-top: 40px;
padding-bottom: 140px;
}
.section.hero.v10.case-study-hero {
background-color: var(--secondary--color-1);
color: var(--neutral--100);
padding-top: 100px;
padding-bottom: 40px;
}
.section.hero.v10.blog-hero {
background-color: var(--secondary--color-1);
padding-top: 140px;
}
.section.hero.v11 {
padding-top: 130px;
padding-bottom: 102px;
}
.section.hero.v12 {
background-color: var(--secondary--color-1);
color: var(--neutral--100);
padding-top: 121px;
padding-bottom: 64px;
}
.section.hero.v13 {
padding-top: 120px;
padding-bottom: 140px;
}
.section.hero.v14 {
padding-top: 115px;
padding-bottom: 69px;
}
.section.hero.v15 {
padding-top: 167px;
padding-bottom: 141px;
}
.section.hero.v16 {
padding-top: 138px;
padding-bottom: 126px;
}
.section.hero.v17 {
padding-top: 153px;
padding-bottom: 150px;
}
.section.hero.v18 {
padding-top: 60px;
padding-bottom: 150px;
}
.section.hero.v19 {
padding-top: 50px;
padding-bottom: 150px;
}
.section.hero.v20 {
padding-top: 119px;
padding-bottom: 89px;
}
.section.hero.v21 {
padding-top: 60px;
padding-bottom: 150px;
}
.section.hero.v22 {
padding-top: 96px;
}
.section.hero.v23 {
padding-top: 136px;
padding-bottom: 118px;
}
.section.hero.v24 {
padding-top: 60px;
padding-bottom: 0;
}
.section.hero.v25 {
padding-top: 54px;
padding-bottom: 0;
}
.section.hero.v26 {
padding-top: 10px;
}
.section.hero.v27 {
padding-top: 50px;
}
.section.pd-230px {
padding-top: 230px;
padding-bottom: 230px;
}
.section.pd-top-104px {
padding-top: 104px;
}
.section.pd-bottom-50px {
padding-bottom: 50px;
}
.section.pd-120px {
padding-top: 60px;
padding-bottom: 60px;
}
.section.pd-top-98px {
padding-top: 98px;
}
.section.milestones-section {
background-image: url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/666a7e595783e74561c67cb0_Milestones%20BG.jpg");
background-position: 50%;
background-size: auto;
background-attachment: fixed;
}
.section.sustainability-section {
background-color: #fff;
padding-top: 20px;
padding-bottom: 40px;
}
.section.insight-hub-section {
background-color: #faf8f5;
padding-top: 0;
padding-bottom: 0;
}
.section.insight-hub-section.gallery-section.key-markets-sec {
padding-top: 0;
}
.section.insight-hub-section.gallery-section.key-markets-sec.our-market-section {
background-color: #f4f3ec;
}
.section.insight-hub-section.gallery-section.gallery-section-hide {
display: none;
}
.section.insight-hub-section.testimonials-section {
background-color: #fff;
display: none;
}
.section.gallery-section {
background-color: #fff;
padding-top: 0;
padding-bottom: 0;
}
.section.about-overview-sec {
padding-bottom: 60px;
}
.section.leadership-sec-2 {
background-color: #fff;
}
.section.hide-tab-abot {
display: none;
}
.section.our-valuesec {
background-color: #fff;
}
.section.our-valuesec.core-values-section {
background-color: var(--system--orange-100);
}
.section.our-valuesec.core-values-section.corporate-video-section {
background-color: var(--untitled-ui--white);
padding-top: 0;
}
.section.our-valuesec.core-values-section.core-values-section-bg-change-in-csr {
background-color: var(--spark-library--white);
}
.section.fuel-services-tab {
background-color: var(--neutral--100);
}
.section.fuel-services-tab.hide-section {
display: none;
}
.section.fuel-services-tab.technical-data-sec {
background-color: var(--neutral--200);
}
.section.fuel-services-tab.emission-free-section {
background-image: url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/66eeb7f2b5a945c481595799_Emission-free%20bg%203.jpg");
background-position: 0 0;
background-size: cover;
background-attachment: fixed;
padding-top: 100px;
}
.section.section-product {
padding-top: 100px;
}
.section.section-product.sustainable-world--section {
background-color: #fff;
}
.section.vibrant-caf--section {
background-color: #fff;
padding-top: 20px;
}
.section.vibrant-caf--section.family-section {
background-color: #f2f2f2;
}
.section.vibrant-caf--section.family-section.hide-csr-horizontal-gallery {
display: none;
}
.section.map-section {
background-color: var(--combine-library--grey-050);
padding-top: 30px;
padding-bottom: 30px;
}
.section.map-section.map-section-hide-ss {
display: none;
}
.section.csr-sec-2-in-c-new-page {
padding-top: 0;
padding-bottom: 60px;
}
.top-bar-wrapper {
background-color: var(--secondary--color-1);
color: var(--neutral--100);
text-align: center;
padding-left: 65px;
padding-right: 65px;
position: relative;
overflow: hidden;
}
.top-bar-wrapper._0px {
padding-left: 0;
padding-right: 0;
}
.top-bar-padding {
width: 100%;
padding-top: 32px;
padding-bottom: 32px;
}
.top-bar-padding.small-padding {
padding-top: 22px;
padding-bottom: 22px;
}
.top-bar-flex {
justify-content: center;
align-items: center;
display: flex;
}
.top-bar-flex.space-between {
justify-content: space-between;
}
.link-wrapper {
color: var(--neutral--800);
display: inline-block;
}
.link-wrapper:hover, .link-wrapper.color-primary {
color: var(--accent--primary-1);
}
.link-wrapper.color-primary:hover {
color: var(--neutral--800);
}
.link-wrapper.white {
color: var(--neutral--100);
}
.link-wrapper.white:hover {
color: var(--accent--primary-1);
}
.link-text {
display: inline-block;
}
.link-text.color-neutral-800 {
color: var(--neutral--800);
}
.link-text.color-neutral-800:hover {
color: var(--accent--primary-1);
}
.link-text.color-neutral-100 {
color: var(--neutral--100);
}
.link-text.color-neutral-100:hover {
color: var(--accent--primary-1);
}
.link-text.color-secondary-1 {
color: var(--secondary--color-1);
}
.link-text.color-secondary-1:hover {
color: var(--accent--primary-1);
}
.elements---element-title {
border: 1px solid var(--neutral--300);
background-color: var(--neutral--100);
box-shadow: 0 2px 8px 0 var(--general--shadow-01);
border-radius: 12px;
margin-top: 72px;
margin-bottom: 32px;
padding: 24px 32px;
}
.elements---element-title.first, .elements---element-title.first.large {
margin-top: 0;
}
.elements---element-title.large {
margin-top: 266px;
margin-bottom: 54px;
}
.heading-h1-size {
color: var(--neutral--800);
font-size: 54px;
font-weight: 400;
line-height: 1.222em;
}
.heading-h1-size.color-neutral-100 {
color: var(--neutral--100);
}
.heading-h2-size {
color: var(--neutral--800);
font-size: 38px;
font-weight: 400;
line-height: 1.316em;
}
.heading-h2-size.color-neutral-100 {
color: var(--neutral--100);
}
.heading-h3-size {
color: var(--neutral--800);
font-size: 24px;
font-weight: 400;
line-height: 1.417em;
}
.heading-h3-size.color-neutral-100 {
color: var(--neutral--100);
}
.heading-h3-size.color-neutral-600 {
color: var(--neutral--600);
}
.heading-h3-size.mg-bottom-12px.head-app-now-car-pg {
color: var(--flowstica-webflow-library--white);
}
.heading-h4-size {
color: var(--neutral--800);
font-size: 22px;
font-weight: 400;
line-height: 1.273em;
}
.heading-h5-size {
color: var(--neutral--800);
font-size: 18px;
font-weight: 400;
line-height: 1.333em;
}
.heading-h5-size.color-accent-1 {
color: var(--accent--primary-1);
}
.heading-h6-size {
color: var(--neutral--800);
font-size: 16px;
font-weight: 700;
line-height: 1.375em;
}
.header-wrapper {
background-color: #0000;
padding-top: 20px;
padding-bottom: 20px;
font-size: 25px;
position: fixed;
inset: 0% 0% auto;
}
.header-wrapper.v3 {
padding-top: 23px;
padding-bottom: 23px;
}
.header-content-wrapper {
justify-content: space-between;
align-items: center;
display: flex;
}
.header-nav-menu-list {
z-index: 1;
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: row;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-end;
align-items: center;
margin-bottom: 0;
padding-left: 0;
font-size: 16px;
line-height: 1.125em;
list-style-type: none;
display: flex;
}
.header-nav-menu-list.header-nav-menu-list-mobile {
text-align: center;
justify-content: space-between;
align-items: flex-start;
font-size: 25px;
}
.header-nav-link {
color: var(--neutral--800);
letter-spacing: .96px;
text-transform: uppercase;
padding: 0;
font-size: 16px;
line-height: 1.125em;
transition-duration: .3s;
}
.header-nav-link:hover {
color: var(--accent--primary-1);
}
.header-nav-link.w--current {
color: var(--neutral--800);
}
.header-nav-link.w--open {
color: var(--accent--primary-1);
}
.header-nav-link.cart-link {
background-color: #0000;
padding-left: 19px;
padding-right: 19px;
}
.header-nav-link.cart-link.right {
padding-left: 38px;
padding-right: 0;
}
.header-nav-link.white---black-tablet {
color: var(--neutral--100);
text-transform: capitalize;
padding-right: 0;
font-family: Poppins, sans-serif;
font-size: 15px;
font-weight: 500;
text-decoration: none;
}
.header-nav-link.white---black-tablet:hover {
color: var(--accent--primary-1);
}
.header-nav-link.white---black-tablet.w--current {
padding-right: 10px;
}
.header-nav-link.white---black-tablet.test.w--current {
font-size: 22px;
}
.header-nav-link.white {
color: var(--neutral--100);
}
.header-nav-link.white:hover {
color: var(--accent--primary-1);
}
.header-nav-list-item {
margin-bottom: 0;
padding-left: 38px;
line-height: 1.125em;
}
.header-nav-list-item.show-in-tablet {
display: none;
}
.header-nav-list-item.middle {
margin-left: 9px;
padding-left: 19px;
padding-right: 0;
}
.header-nav-list-item.middle.pages-all {
flex: 0 auto;
display: none;
overflow: visible;
}
.header-nav-list-item.middle.offering-menu {
padding-left: 38px;
}
.header-nav-list-item.middle.offering-menu.menu-hide-tab.offering-tab-menu {
padding-right: 20px;
}
.header-nav-list-item.middle.offering-menu.menu-hide-tab.offering-tab-menu.insight-01 {
justify-content: center;
align-items: flex-start;
padding-right: 10px;
}
.header-nav-list-item.middle.offering-menu.menu-hide-tab.offering-tab-menu.insight-01.about-right-margin {
margin-right: 10px;
}
.header-nav-list-item.middle.menu-hide-tab {
padding-left: 10px;
display: inline-flex;
}
.header-nav-list-item.middle.menu-hide-tab.energy-tab-menu {
margin-left: 0;
padding-left: 0;
padding-right: 20px;
}
.header-nav-list-item.middle.menu-hide-tab.r-d-menu-tab {
margin-left: 0;
}
.header-nav-list-item.middle.menu-hide-tab.r-d-menu-tab.about {
padding-left: 0;
font-size: 25px;
}
.header-nav-list-item.middle.menu-hide-tab.r-d-menu-tab.about.about-right-margin {
margin-right: 10px;
}
.header-nav-list-item.middle.menu-hide-tab.menu-hide-tab-1 {
display: none;
}
.header-nav-list-item.middle.menu-hide-tab.r-d-menu, .header-nav-list-item.first {
padding-left: 0;
}
.dropdown-column-wrapper {
background-color: #0000;
width: 969px;
margin-left: -45px;
padding-top: 30px;
display: none;
transform: translate(-50%);
}
.dropdown-column-wrapper.w--open {
margin-left: 203px;
}
.dropdown-column-wrapper.v2 {
margin-left: -30px;
}
.dropdown-column-wrapper.about-colom-wrapper.w--open {
margin-left: 679px;
}
.dropdown-column-wrapper.insights-card-menu.w--open {
margin-left: 80px;
}
.header-logo {
width: auto;
margin-left: 0;
}
.header-logo-link {
transform-style: preserve-3d;
width: 100%;
max-width: 100px;
padding-left: 0;
transition: transform .3s, color .3s;
}
.header-logo-link:hover {
transform: scale3d(.96, .96, 1.01);
}
.header-logo-link.w--current {
width: auto;
max-width: 100px;
}
.hamburger-menu-btn {
transform-style: preserve-3d;
padding: 0;
}
.hamburger-menu-btn.w--open {
background-color: #0000;
}
.hamburger-menu-bar {
background-color: var(--neutral--100);
border-radius: 20px;
width: 52px;
height: 3px;
}
.header-right-side {
justify-content: flex-end;
align-items: center;
margin-left: 0;
display: flex;
}
.header-right-side.v2 {
margin-left: 0;
}
.header-left-side {
align-items: center;
margin-right: 0;
display: flex;
}
.btn-circle-primary {
background-color: var(--accent--primary-1);
color: var(--neutral--100);
transform-style: preserve-3d;
border-radius: 50%;
justify-content: center;
align-items: center;
width: 64px;
min-width: 64px;
height: 64px;
min-height: 64px;
font-size: 28px;
line-height: 1em;
text-decoration: none;
transition: transform .3s;
display: flex;
}
.btn-circle-primary:hover {
color: var(--neutral--100);
transform: scale3d(.9, .9, 1.01);
}
.btn-circle-primary.small {
width: 50px;
min-width: 50px;
height: 50px;
min-height: 50px;
font-size: 24px;
}
.btn-circle-primary.large {
width: 88px;
min-width: 88px;
height: 88px;
min-height: 88px;
font-size: 36px;
}
.btn-circle-primary.white {
background-color: var(--neutral--100);
color: var(--accent--primary-1);
}
.btn-circle-primary.slider-arrow.right---center-center {
margin-right: -28px;
}
.btn-circle-secondary {
border: 1px solid var(--neutral--300);
background-color: var(--neutral--100);
box-shadow: 0 2px 12px 0 var(--general--shadow-02);
color: var(--neutral--800);
transform-style: preserve-3d;
border-radius: 50%;
justify-content: center;
align-items: center;
width: 64px;
min-width: 64px;
height: 64px;
min-height: 64px;
font-size: 28px;
line-height: 1em;
text-decoration: none;
transition: border-color .3s, transform .3s, background-color .3s, color .3s;
display: flex;
}
.btn-circle-secondary:hover {
border-color: var(--accent--primary-1);
background-color: var(--accent--primary-1);
color: var(--neutral--100);
transform: scale3d(.94, .94, 1.01);
}
.btn-circle-secondary.small {
width: 50px;
min-width: 50px;
height: 50px;
min-height: 50px;
font-size: 24px;
}
.btn-circle-secondary.small.accordion-btn {
border-color: var(--neutral--300);
background-color: var(--neutral--300);
box-shadow: none;
color: var(--neutral--800);
background-image: none;
width: 64px;
min-width: 64px;
height: 64px;
min-height: 64px;
transition-property: none;
}
.btn-circle-secondary.small.accordion-btn:hover {
transform: none;
}
.btn-circle-secondary.large {
width: 88px;
min-width: 88px;
height: 88px;
min-height: 88px;
font-size: 36px;
}
.btn-circle-secondary.white {
box-shadow: none;
color: var(--neutral--100);
background-color: #fff6;
border-color: #ffffff7d;
}
.btn-circle-secondary.white:hover {
border-color: var(--neutral--100);
background-color: var(--neutral--100);
color: var(--neutral--800);
}
.btn-circle-secondary.white.slider-arrow {
z-index: 999;
font-size: 16px;
}
.btn-circle-secondary.white.slider-arrow.full-center---left {
left: 10px;
}
.btn-circle-secondary.white.slider-arrow.full-center---right {
right: 10px;
}
.btn-circle-secondary.white.slider-arrow.center---right {
right: 21px;
}
.btn-circle-secondary.white.slider-arrow.center---left {
left: 21px;
}
.btn-circle-secondary.slider-arrow.left---center-center {
margin-left: -28px;
}
.btn-circle-secondary.slider-arrow.right---center-center {
top: 50%;
bottom: 0;
right: -10px;
transform: translate(0, -50%);
}
.btn-circle-secondary.slider-arrow.right---center-center:hover {
transform: translate(0, -50%);
}
.btn-circle-secondary.accordion-btn {
position: relative;
}
.hidden-on-desktop {
display: none;
}
.flex-vertical {
flex-direction: column;
display: flex;
}
.flex-vertical.center {
align-items: center;
}
.flex-vertical.start {
align-items: flex-start;
}
.flex-vertical.start.justify-center {
justify-content: center;
}
.flex-horizontal {
justify-content: center;
align-items: center;
display: flex;
}
.flex-horizontal.start {
justify-content: flex-start;
}
.flex-horizontal.start.flex-wrap---16px-rows {
grid-row-gap: 16px;
flex-wrap: wrap;
}
.flex-horizontal.flex-wrap {
flex-wrap: wrap;
}
.flex-horizontal.space-between {
justify-content: space-between;
}
.flex-horizontal.space-between.sign-up-flex {
grid-column-gap: 24px;
grid-row-gap: 2px;
flex-wrap: wrap;
}
.flex-horizontal.align-top {
align-items: flex-start;
}
.flex-horizontal.card-testimonials-bottom {
grid-row-gap: 16px;
justify-content: space-between;
align-items: flex-end;
}
.footer-wrapper {
background-color: #fff;
}
.footer-logo {
transform-style: preserve-3d;
width: 100%;
transition: transform .3s;
}
.footer-logo:hover {
transform: scale3d(.96, .96, 1.01);
}
.footer-logo-wrapper {
width: 100%;
max-width: 193px;
}
.footer-list-wrapper {
max-width: 206px;
margin-bottom: 0;
padding-left: 0;
line-height: 1.125em;
}
.footer-list-item {
margin-bottom: 18px;
padding-left: 0;
}
.footer-list-item.last {
margin-bottom: 0;
}
.footer-link {
color: var(--neutral--700);
letter-spacing: .96px;
text-transform: uppercase;
font-size: 16px;
text-decoration: none;
}
.footer-link:hover, .footer-link.featured {
color: var(--accent--primary-1);
}
.footer-link.featured:hover {
color: #06c35d4d;
}
.footer-top {
padding-top: 56px;
padding-bottom: 40px;
}
.footer-bottom {
border-top: 1px solid #9e9e9e33;
padding-top: 40px;
padding-bottom: 40px;
}
.success-message {
color: var(--neutral--800);
background-color: #0000;
padding: 0;
}
.success-message.color-neutral-100 {
color: var(--neutral--100);
}
.error-message {
color: var(--system--300);
background-color: #0000;
margin-top: 20px;
padding: 0;
}
.error-message.cart-error {
margin-top: 0;
}
.text-left {
text-align: left;
}
.text-center {
text-align: center;
}
.text-center.tablet {
text-align: left;
}
.text-center.case-study-hero {
text-align: left;
padding-top: 30px;
padding-bottom: 30px;
}
.sticky-top {
position: sticky;
top: 0;
}
.sticky-top._24px-top {
top: 24px;
}
.floating-item {
position: absolute;
}
.floating-item.cta-v1, .floating-item.cta-v1-bg, .floating-item.cta-v2 {
z-index: 0;
object-fit: cover;
width: 100%;
height: 100%;
inset: 0%;
}
.floating-item.faqs {
object-fit: cover;
bottom: -274px;
left: -367px;
}
.floating-item.cta-v3, .floating-item.cta-v4 {
z-index: 0;
object-fit: cover;
width: 100%;
height: 100%;
inset: 0%;
}
.floating-item.hero-v3 {
z-index: 0;
object-fit: cover;
width: 100%;
height: 100%;
display: none;
inset: 0%;
}
.floating-item.cta-newsletter-v1, .floating-item.hero-v11, .floating-item.hero-v13 {
z-index: 0;
object-fit: cover;
width: 100%;
height: 100%;
inset: 0%;
}
.floating-item.hero-v14 {
z-index: 0;
object-fit: cover;
transform-style: preserve-3d;
width: 100%;
height: 100%;
inset: 0%;
}
.floating-item.hero-v16, .floating-item.cta-v5, .floating-item.hero-v17, .floating-item.card-forgot-password-bg, .floating-item.card-confirm-email-bg, .floating-item.hero-v20, .floating-item.card-coming-soon-bg, .floating-item.card-landing-demo-bg, .floating-item.card-password-page-bg---main, .floating-item.card-not-found-bg---main {
z-index: 0;
object-fit: cover;
width: 100%;
height: 100%;
inset: 0%;
}
.opacity-90 {
opacity: .9;
}
._w-h-100 {
width: 100%;
height: 100%;
}
._w-h-100.fit-cover {
flex: 1;
}
._w-h-100.fit-cover.slider-full-image---image {
border-radius: 12px;
height: 737px;
}
._w-h-100.fit-cover.slider-image---image {
border-radius: 12px;
height: 737px;
min-height: 737px;
}
.fit-cover {
object-fit: cover;
}
.fit-cover._w-h-100 {
margin-left: 0;
}
.fit-cover._w-h-100.team-item-image-v2 {
object-position: 50% 0%;
max-height: 405px;
}
.fit-cover._w-h-100.team-item-image-v3 {
object-position: 50% 0%;
min-height: 100%;
max-height: 405px;
}
.fit-cover._w-h-100.team-page-picture {
object-position: 50% 0%;
}
.overflow-hidden {
overflow: hidden;
}
.overflow-hidden.leadership-sec {
background-color: #fff;
}
.text-decoration-none {
text-decoration: none;
}
.grid-6-columns {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.grid-6-columns.logo-strip {
grid-column-gap: 40px;
grid-template-columns: auto auto auto auto auto;
justify-content: space-between;
place-items: center;
}
.slider-wrapper {
background-color: #0000;
height: 100%;
}
.slider-mask {
height: 100%;
}
.slider-mask.width-822px {
max-width: 822px;
overflow: visible;
}
.slider-mask.width-822px.team-slider {
max-width: 890px;
}
.accordion-item-wrapper {
background-color: var(--neutral--100);
cursor: pointer;
transform-style: preserve-3d;
border-radius: 12px;
justify-content: space-between;
width: 100%;
padding: 32px;
transition: transform .3s;
display: flex;
}
.accordion-item-wrapper:hover {
transform: scale3d(.98, .98, 1.01);
}
.accordion-item-wrapper.v2 {
border-bottom: 1px solid var(--neutral--500);
background-color: #0000;
border-radius: 0;
justify-content: space-between;
margin-bottom: -1px;
padding-left: 0;
padding-right: 0;
}
.accordion-item-wrapper.v2:hover {
transform: translate(8px);
}
.accordion-item-wrapper.v2.first {
padding-top: 0;
}
.accordion-item-wrapper.v2.last {
border-bottom-width: 0;
padding-bottom: 0;
}
.accordion-header {
align-items: center;
display: flex;
}
.acordion-body {
width: 100%;
overflow: hidden;
}
.accordion-spacer {
min-height: 11px;
}
.accordion-spacer._16px {
min-height: 16px;
}
.accordion-btn-line {
background-color: var(--secondary--color-1);
border-radius: 20px;
width: 18px;
height: 2px;
position: absolute;
}
.accordion-btn-line.vertical {
transform: rotate(90deg);
}
.accordion-content-wrapper {
flex-direction: column;
justify-content: center;
display: flex;
}
.accordion-content-wrapper.width-660px {
max-width: 660px;
}
.accordion-side.right-side {
margin-left: 24px;
margin-right: 0;
}
.accordion-icon-wrapper {
opacity: .5;
justify-content: center;
align-items: center;
width: 24px;
min-width: 24px;
height: 24px;
min-height: 24px;
margin-top: 6px;
display: flex;
}
.accordion-title {
margin-bottom: 0;
}
.empty-state {
border: 1px solid var(--neutral--400);
background-color: var(--neutral--100);
box-shadow: 0 2px 12px 0 var(--general--shadow-02);
text-align: center;
border-radius: 11px;
padding: 26px 24px;
}
.empty-state.small {
padding-top: 10px;
padding-bottom: 10px;
font-size: 16px;
}
.empty-state.card-empty {
box-shadow: none;
background-color: #0000;
border-left-style: none;
border-right-style: none;
border-radius: 0;
margin-top: 0;
padding: 10px 0;
}
.empty-state.card-empty.divider-top-0px {
border-top-width: 0;
}
.empty-state.cart-empty {
box-shadow: none;
background-color: #0000;
border-style: none;
border-radius: 0;
flex-direction: column;
padding-top: 100px;
padding-bottom: 100px;
}
.pd---content-inside-card {
padding: 40px 28px 48px;
}
.pd---content-inside-card.large {
padding: 64px 56px;
}
.pd---content-inside-card.large.template-pages {
padding-top: 40px;
}
.pd---content-inside-card.template-pages---sidebar {
padding: 32px 16px 24px;
}
.bg-overlay-gradient {
background-image: linear-gradient(#0000, #000);
}
.bg-overlay-gradient.banking-experience {
background-image: linear-gradient(#0000, #000c);
height: 60%;
position: absolute;
inset: auto 0% 0%;
}
.bg-overlay-gradient.testimonials {
background-image: linear-gradient(#0000, #000000d4);
height: 50%;
position: absolute;
inset: auto 0% 0%;
}
.bg-overlay-gradient.testimonials-v1 {
background-image: linear-gradient(#0000, #000000c2);
height: 49%;
position: absolute;
inset: auto 0% 0%;
}
.bg-overlay-gradient.bg-mobile-app {
z-index: 2;
background-image: linear-gradient(to bottom, #06313700, var(--secondary--color-1));
height: 30vh;
position: absolute;
inset: auto 0% 0%;
}
.bg-overlay-gradient.testimonials-v2 {
background-image: linear-gradient(#0000, #000000c2);
height: 49%;
position: absolute;
inset: auto 0% 0%;
}
.overflow-visible {
overflow: visible;
}
.slide-item-mg {
margin-right: 28px;
}
.mg-bottom-4px {
margin-bottom: 4px;
}
.height-100 {
height: 100%;
}
.blog-card-image {
object-fit: cover;
min-height: 100%;
}
.blog-card-image-wrapper {
border-radius: 24px;
overflow: hidden;
transform: translate(0);
}
.blog-card-image-wrapper.inside-card {
object-fit: fill;
border-radius: 12px 12px 0 0;
min-height: 357px;
max-height: 357px;
display: flex;
position: relative;
}
.blog-card-title.display-4.mg-bottom-48px {
font-family: Manrope, sans-serif;
}
.blog-card-title.display-4.mg-bottom-12px {
font-family: Poppins, sans-serif;
}
.blog-card-wrapper {
background-color: var(--neutral--100);
color: var(--neutral--600);
border-radius: 12px;
flex-direction: column;
max-width: 1010px;
min-height: 100%;
margin-left: auto;
text-decoration: none;
display: flex;
}
.blog-card-content-inside {
flex-direction: column;
flex: 1;
justify-content: space-between;
padding: 55px 32px 50px;
display: flex;
position: relative;
}
.image-wrapper {
overflow: hidden;
}
.image-wrapper.border-radius-12px.hero-v1-image {
min-height: 100%;
}
.image-wrapper.border-radius-12px.content-left---image-right---image {
border-radius: 25px;
flex-direction: column;
display: flex;
}
.image-wrapper.border-radius-12px.card-team-item-v3-image {
flex-direction: column;
flex: 1;
align-self: stretch;
min-height: 405px;
max-height: 405px;
display: flex;
}
.image-wrapper.border-radius-12px.blog-post-image {
flex-direction: column;
min-height: 100%;
display: flex;
}
.image-wrapper.border-radius-12px.team-page-picture-wrap {
max-width: 462px;
max-height: 553px;
display: flex;
}
.image-wrapper.border-radius-12px.size-80px {
min-width: 80px;
max-width: 80px;
min-height: 80px;
max-height: 80px;
}
.image-wrapper.border-radius-12px.card-product-image {
flex-direction: column;
justify-content: center;
max-height: 388px;
display: flex;
position: relative;
transform: translate(0);
}
.image-wrapper.border-radius-12px.tabs-2-cols-tab-pane---image {
height: 100%;
min-height: 100%;
position: relative;
}
.image-wrapper.border-radius-5px.size-22px {
flex-direction: column;
justify-content: center;
align-items: center;
min-width: 22px;
max-width: 22px;
min-height: 22px;
max-height: 22px;
display: flex;
}
._404-not-found {
color: var(--accent--primary-1);
font-size: 18vw;
font-weight: 500;
line-height: 1em;
}
.template-pages---nav-item-wrapper {
padding-left: 0;
}
.template-pages---sidebar-navigation {
margin-bottom: 0;
padding-left: 0;
list-style-type: none;
}
.template-pages---nav-item-link {
color: var(--neutral--600);
background-color: #0000;
border-radius: 8px;
margin-top: 4px;
margin-bottom: 4px;
padding: 8px 16px;
text-decoration: none;
transition: background-color .3s, color .3s;
display: flex;
}
.template-pages---nav-item-link:hover {
background-color: var(--neutral--200);
color: var(--accent--primary-1);
}
.template-pages---nav-item-link.w--current {
background-color: var(--neutral--200);
color: var(--accent--primary-1);
font-weight: 700;
}
.template-pages---phography-wrapper {
transform-style: preserve-3d;
border-radius: 12px;
transition: transform .3s;
overflow: hidden;
}
.template-pages---phography-wrapper:hover {
transform: scale3d(.96, .96, 1.01);
}
.cart-quantity {
color: var(--neutral--800);
background-color: #0000;
border-radius: 0;
min-width: auto;
height: auto;
margin-left: 0;
padding-left: 0;
padding-right: 0;
font-size: 16px;
font-weight: 400;
line-height: 1.125em;
}
.cart-quantity.white {
color: var(--neutral--100);
}
.cart-container {
background-color: var(--neutral--100);
box-shadow: 0 5px 25px 0 var(--general--shadow-06);
border-radius: 12px;
}
.cart-header {
border-bottom-color: var(--neutral--400);
padding-top: 20px;
padding-bottom: 20px;
}
.cart-list {
padding: 0;
}
.cart-footer {
border-top-color: var(--neutral--400);
padding-top: 30px;
padding-bottom: 40px;
}
.pay-btn {
border-radius: 6px;
}
.pay-btn.cart {
height: 56px;
}
.pay-btn.order-summary {
height: 50px;
}
.cart-line-item {
grid-column-gap: 15px;
flex-wrap: wrap;
margin-bottom: 24px;
}
.cart-remove-link {
line-height: 1.111em;
}
.cart-close-button {
color: var(--neutral--800);
justify-content: center;
align-items: center;
width: 24px;
height: 24px;
font-size: 24px;
text-decoration: none;
display: flex;
}
.cart-close-button:hover {
color: var(--accent--primary-1);
}
.checkout-form {
background-color: #0000;
min-height: auto;
padding: 0;
}
.checkout-col-left {
margin-right: 0;
}
.checkout-col-right {
position: static;
}
.checkout-block-header {
grid-column-gap: 15px;
border-width: 0 0 1px;
border-bottom-color: var(--neutral--400);
background-color: #0000;
flex-wrap: wrap-reverse;
padding: 0 0 20px;
}
.checkout-block-content {
background-color: #0000;
border: 0 solid #000;
padding: 30px 0 0;
}
.checkout-block-content.pd-top-0px {
padding-top: 0;
}
.shipping-list {
border: 0 solid #000;
}
.shipping-method {
border-style: solid;
border-width: 0 0 1px;
border-color: black black var(--neutral--400);
padding: 31px 0;
}
.shipping-method:last-child {
border-bottom-style: none;
padding-bottom: 0;
}
.shipping-price {
color: var(--neutral--800);
line-height: 1.333em;
}
.order-item-list {
margin-bottom: 0;
}
.order-item {
border-bottom: 1px solid var(--neutral--400);
justify-content: space-between;
align-items: flex-start;
margin-top: 18px;
margin-bottom: 18px;
padding-top: 18px;
padding-bottom: 18px;
}
.order-item:last-child {
border-bottom-style: none;
margin-bottom: 0;
padding-bottom: 0;
}
.order-list-price {
color: var(--neutral--800);
line-height: 1.333em;
}
.order-list-title {
color: var(--neutral--800);
margin-bottom: 8px;
font-size: 18px;
font-weight: 400;
line-height: 1.333em;
text-decoration: none;
display: inline-block;
}
.order-list-title:hover {
color: var(--accent--primary-1);
}
.order-item-image {
transform-style: preserve-3d;
border-radius: 6px;
max-width: 100px;
transition: opacity .3s, transform .3s;
overflow: hidden;
transform: translate(0);
}
.order-item-image:hover {
opacity: .7;
transform: scale3d(.95, .95, 1.01);
}
.order-option-item {
padding-left: 0;
}
.order-item-result {
color: var(--neutral--800);
}
.order-summary-price {
color: var(--neutral--800);
font-weight: 500;
}
.discounts-wrapper {
border-width: 1px 0 0;
border-top-color: var(--neutral--400);
margin-top: 32px;
padding: 32px 0 0;
}
.text-underline {
text-decoration: underline;
}
.z-index-1 {
z-index: 1;
position: relative;
}
.z-index-1.product-hero {
background-image: linear-gradient(to bottom, var(--secondary--color-1), var(--secondary--color-1));
background-position: 0 0;
}
.home-pages-cointainer {
flex-direction: column;
align-items: center;
width: 100%;
margin-top: 112px;
display: flex;
}
.home-pages-top-wrapper {
justify-content: center;
margin-bottom: 28px;
display: flex;
position: static;
}
.image-home-link-wrapper {
transform-style: preserve-3d;
border-radius: 12px;
flex: none;
max-width: 422px;
margin-left: 14px;
margin-right: 14px;
transition: transform .3s, color .3s;
overflow: hidden;
box-shadow: 0 2px 10px #0000000d;
}
.image-home-link-wrapper:hover {
transform: scale3d(.98, .98, 1.01);
}
.image-home-link {
object-fit: cover;
width: 100%;
}
.home-pages-bottom-wrapper {
justify-content: center;
display: flex;
position: static;
top: 50%;
}
.card-sales-home-image {
border-top-left-radius: 12px;
border-top-right-radius: 12px;
width: 100%;
}
.card-sales-home-content {
border-top: 1px solid var(--neutral--300);
text-align: center;
padding: 32px 20px;
}
.figma-file-image-wrapper {
width: 100%;
max-width: 55%;
}
.figma-file-text-wrapper {
flex-direction: column;
flex: 1;
justify-content: center;
align-items: flex-start;
min-width: 500px;
padding: 96px 60px 118px 64px;
display: flex;
}
.badge-home {
border: 1px solid var(--neutral--400);
background-color: var(--neutral--200);
color: var(--neutral--800);
text-transform: uppercase;
border-radius: 5px;
padding: 8px;
font-size: 16px;
line-height: 1.125em;
position: absolute;
inset: 20px 20px auto auto;
}
.home-surprises-card {
border: 1px solid var(--neutral--300);
box-shadow: 0 2px 12px 0 var(--general--shadow-02);
border-radius: 12px;
overflow: hidden;
}
.card-home-pages-wrapper {
align-self: stretch;
padding-top: 58px;
padding-left: 58px;
padding-right: 58px;
}
.cta-square-logo {
box-shadow: 0 8px 28px 0 var(--general--shadow-03);
border-radius: 12px;
width: 100%;
max-width: 80px;
margin-bottom: 22px;
}
.cta-square-logo.white {
border: 1px solid var(--neutral--300);
}
.mg-bottom-12px {
margin-bottom: 12px;
}
.cta-image-card {
width: 1148px;
max-width: 1148px;
margin-top: 70px;
margin-bottom: -61px;
}
.flex {
display: flex;
}
.mg-section {
border-radius: 12px;
margin-left: 16px;
margin-right: 16px;
position: relative;
overflow: hidden;
}
.mg-section.mg-top-16px {
margin: 16px 16px 0;
}
.mg-section.mg-top-16px.top-0px {
margin-top: 0;
}
.mg-section.mg-top-16px.news-update-hero-bg {
background-color: var(--secondary--color-1);
}
.mg-section.mg-top-16px.mg-top-20 {
background-color: #000;
background-image: linear-gradient(#00000080, #00000080), url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/66fa38739c28d2f89cd8f1ae_FCT%20Career%20Hero001%20(1).jpg");
background-position: 0 0, 0 0;
background-size: auto, cover;
}
.mg-section.mg-top-16px.mg-top-20.image-career-page-hero {
background-image: linear-gradient(to bottom, null, null), url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/66fa38739c28d2f89cd8f1ae_FCT%20Career%20Hero001%20(1).jpg");
background-position: 0 0, 50%;
padding-top: 100px;
padding-bottom: 100px;
}
.mg-section.mg-top-16px.mg-top-20.image-career-page-hero.image-career-page-hero-csr-page {
padding-top: 20px;
padding-bottom: 20px;
}
.mg-section.mg-top-16px.mg-top-20.image-career-page-hero.image-career-page-hero-csr-page.image-career-page-hero-csr-page-csr-bg {
background-color: #0000;
background-image: url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/67e14d1c53f25fb6fb994abe_15247%20(1).jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
background-attachment: scroll;
}
.mg-section.mg-top-16px.mg-top-20.image-career-page-hero.image-career-page-hero-csr-page.image-career-page-hero-csr-page-csr-bg.image-career-page-hero-csr-page-csr-bg-phone {
background-image: linear-gradient(#00000080, #00000080), url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/67e3d61a8e3880d6e2f15120_4%20Image-CSR.jpg");
background-position: 0 0, 50% 0;
background-repeat: repeat, no-repeat;
background-size: auto, cover;
background-attachment: scroll, scroll;
padding-top: 80px;
padding-bottom: 80px;
}
.mg-section.mg-top-16px.mg-top-20.hero-image-to-hide-career {
background-image: linear-gradient(to bottom, null, null), url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/66fa38739c28d2f89cd8f1ae_FCT%20Career%20Hero001%20(1).jpg");
background-position: 0 0, 50%;
display: none;
}
.mg-section.cta {
background-color: var(--secondary--color-1);
background-image: url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/666a7e595783e74561c67cb0_Milestones%20BG.jpg");
background-position: 0 0;
background-size: cover;
}
.mg-section.bg-secondary-2.pd-98px {
padding-top: 98px;
padding-bottom: 98px;
}
.mg-section.bg-neutral-300.overflow-visible {
overflow: visible;
}
.mg-section.bg-secondary-1.mg-top-16px {
background-image: url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/668ab01a9249e5db87df2c58_About-Hero001.jpg");
background-position: 50%;
background-size: cover;
}
.mg-section.bg-secondary-1.mg-top-16px.energy-portfolio-hero-1 {
background-image: url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/668ab5d62e7be4895089f97e_Energy-Portfolio-Hero001.jpg");
}
.mg-section.bg-secondary-1.mg-top-16px.energy-portfolio-hero-1.it-solutions-hero-1 {
background-image: url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/6703a05ec41d8b7f3d93a8f9_Ner%20Zero-%20Hero.jpg");
background-size: cover;
}
.mg-section.bg-secondary-1.mg-top-16px.energy-portfolio-hero-1.it-solutions-hero-1.defence-sec-1 {
background-image: url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/66c2d7f716666e55f5a9c858_Tech%20Hero.jpg");
background-size: cover;
}
.mg-section.bg-secondary-1.mg-top-16px.energy-portfolio-hero-1.it-solutions-hero-1.defence-sec-1.it-solutions-hero {
background-image: url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/66c43c14d7d256a6c8b3bf2a_IT%20Solutions%20Hero.jpg");
background-size: cover;
}
.mg-section.bg-secondary-1.mg-top-16px.energy-portfolio-hero-1.it-solutions-hero-1.defence-sec-1.it-solutions-hero.r-d-hero {
background-image: url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/66fb8556a29b28b28421e932_R-D%20Hero.jpg");
}
.mg-section.bg-secondary-1.mg-top-16px.energy-portfolio-hero-1.it-solutions-hero-1.green-hydrogen-hero {
background-image: url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/66e9585c33017c4dfd616f63_Green%20Hydrogen%20Hero1.jpg");
}
.mg-section.bg-secondary-1.mg-top-16px.energy-portfolio-hero-1.it-solutions-hero-1.industry-hero {
background-image: url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/66ccbb4bf8d1d1681058320d_Industry%20Hero%20IMG.jpg");
}
.mg-section.bg-secondary-1.mg-top-16px.energy-portfolio-hero-1.it-solutions-hero-1.fuel-services-hero {
background-image: url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/66cef06ba09ee15e34b2555b_Fuel%20Service%20hero.jpg");
}
.mg-section.bg-secondary-1.mg-top-16px.energy-portfolio-hero-1.it-solutions-hero-1.adventure-leisure-hero {
background-image: url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/66cef4a65749bef487ac5923_Adventure%20%26%20Leisure%20hero.jpg");
}
.mg-section.bg-secondary-1.mg-top-16px.about-heo {
background-image: url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/66aa6d4965e4bf5d48adcc7f_FCT%20About%20Hero001.jpg");
background-position: 50%;
background-size: cover;
}
.mg-section.bg-secondary-1.mg-top-16px.jenny-hero {
background-image: none;
background-position: 0 0;
background-size: auto;
}
.mg-section.bg-secondary-1.mg-top-16px.events-hero {
background-image: linear-gradient(#0009, #0009), url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/66d04967a17edacd11d9ecb0_Events%20Hero%20(1).jpg");
background-position: 0 0, 50%;
background-size: auto, cover;
}
.mg-section.bg-secondary-1.hero-v5-bg {
z-index: -1;
min-height: 519px;
}
.mg-section.bg-secondary-1.blog-sub-sec-1 {
margin-top: 60px;
}
.mg-section.bg-neutral-100.drop-us-sec {
display: none;
}
.mg-section.hero-v13-bg {
z-index: -1;
background-color: var(--secondary--color-1);
height: 39%;
min-height: 390px;
margin-left: 0;
margin-right: 0;
position: absolute;
inset: 0% 0% auto;
}
.arrow-icon {
margin-left: 15px;
font-family: Arrow BTN, sans-serif;
transform: translate(0);
}
.arrow-icon.color-secondary-1.alt {
margin-left: 0;
}
.max-w-550px {
max-width: 770px;
}
.logo-wrapper {
margin-top: 165px;
}
.logo-wrapper.mg-top-0px {
margin-top: 0;
}
.line-sustitle {
background-color: var(--accent--primary-1);
width: 120px;
height: 2px;
margin-bottom: 16px;
}
.card-mobile-app {
background-color: var(--secondary--color-1);
border-radius: 12px;
flex-direction: column;
justify-content: flex-start;
text-decoration: none;
display: flex;
position: relative;
overflow: hidden;
}
.card-mobile-app.pd-24px---image-bot {
background-color: var(--secondary--color-1);
flex-direction: column;
justify-content: space-between;
align-items: stretch;
padding-top: 32px;
padding-left: 24px;
padding-right: 24px;
display: flex;
}
.card-mobile-app.pd-24px---bg-accent-1 {
background-color: var(--accent--primary-1);
flex-direction: column;
align-items: flex-start;
min-height: 100%;
padding: 80px 24px 32px;
transition: transform .3s, color .3s;
display: flex;
}
.card-mobile-app.pd-24px---bg-accent-1:hover {
transform: translate(0, -3px);
}
.card-mobile-app.image-top-earning-expense {
background-color: var(--secondary--color-2);
flex-direction: column;
align-items: stretch;
padding-top: 32px;
padding-bottom: 32px;
padding-right: 0;
display: flex;
}
.card-mobile-app.image-top-crypto {
grid-row-gap: 28px;
background-color: var(--secondary--color-1);
flex-direction: column;
justify-content: space-between;
align-items: stretch;
padding-top: 32px;
padding-bottom: 32px;
padding-right: 0;
display: flex;
}
.text-banking-experience {
justify-content: center;
align-self: flex-start;
align-items: center;
width: 100%;
height: 100%;
display: flex;
position: absolute;
inset: 0%;
}
.text-banking-experience.justify-left {
justify-content: flex-start;
}
.content-banking-experience {
z-index: 1;
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: minmax(223px, 1fr) 1.5fr;
grid-auto-columns: 1fr;
place-items: start stretch;
text-decoration: none;
display: grid;
position: absolute;
inset: auto 32px 32px;
}
.content-banking-experience.alt {
grid-template-columns: minmax(223px, 1fr) 1fr;
}
.image-phone-balance {
width: 88%;
margin-left: auto;
margin-right: auto;
}
.max-w-330px {
max-width: 330px;
}
.text---pd-24px {
padding-left: 24px;
padding-right: 24px;
}
.image-absolute-bot {
margin-top: 4%;
}
.arrow-circle {
border: 1px solid var(--neutral--300);
background-color: var(--neutral--100);
color: var(--neutral--800);
border-radius: 50%;
justify-content: center;
align-items: center;
width: 40px;
min-width: 40px;
height: 40px;
min-height: 40px;
font-size: 24px;
text-decoration: none;
display: flex;
position: absolute;
inset: 32px 32px auto auto;
}
.arrow-circle.color-accent-1 {
border-color: var(--accent--primary-1);
background-color: var(--accent--primary-1);
}
.arrow-circle.color-accent-1.card-image-arrow {
top: 20px;
right: 20px;
transform: rotate(-45deg);
}
.slider-full-image {
border-radius: 12px;
}
.slider-full-image.slider---2-col {
max-width: 48.9%;
margin-right: 2.1%;
}
.slider-full-image-number-top-wrapper {
margin-top: 75px;
margin-bottom: auto;
margin-left: auto;
}
.slider-full-image-content-bottom-wrapper {
max-width: 450px;
margin-bottom: 80px;
}
.arrow-slider-left {
font-family: Arrow BTN, sans-serif;
transform: translate(0);
}
.stat-text {
color: var(--neutral--800);
margin-bottom: 16px;
font-size: 176px;
font-weight: 400;
line-height: .864em;
}
.stat-text.stat-text-fct {
color: var(--neutral--100);
font-size: 42px;
}
.testimonials-content {
z-index: 1;
position: absolute;
inset: auto 24px 32px;
}
.testimonials-text-wrapper {
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
position: absolute;
inset: 0%;
}
.testimonials-wrapper {
border-radius: 12px;
position: relative;
overflow: hidden;
}
.bg-color-section {
z-index: -1;
background-color: var(--secondary--color-1);
border-radius: 12px;
width: 100%;
height: 64%;
position: absolute;
inset: 0% 0% auto;
overflow: hidden;
}
.bg-color-section._100 {
height: 100%;
}
.border-radius-12px {
border-radius: 12px;
overflow: hidden;
}
.space-168px-alt {
width: 100%;
max-width: 100%;
height: 168px;
}
.line-decorative {
z-index: -1;
width: 56%;
height: 36%;
margin-left: auto;
margin-right: auto;
position: absolute;
inset: 18% 0% auto;
}
.line-decorative.bottom {
width: 58%;
height: 34%;
margin-left: auto;
margin-right: auto;
inset: auto 36% 208px auto;
}
.testimonials-wrapper-v1 {
border-radius: 12px;
position: relative;
overflow: hidden;
}
.testimonials-v1-text-wrapper {
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
position: absolute;
inset: 0%;
}
.testimonials-content-v1 {
z-index: 1;
text-decoration: none;
position: absolute;
inset: auto 40px 40px;
}
.line-icon-btn {
font-family: Line Rounded Icons, sans-serif;
font-size: 20px;
line-height: 18px;
transform: rotate(90deg);
}
.badge-top-inside {
position: absolute;
top: -20px;
}
.text-link---arrow {
color: var(--neutral--800);
letter-spacing: .64px;
text-transform: uppercase;
justify-content: flex-start;
align-self: flex-start;
align-items: center;
font-size: 16px;
font-weight: 500;
line-height: 18px;
text-decoration: none;
display: flex;
}
.cta---footer-wrapper {
background-color: var(--neutral--700);
background-image: url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/667177b3b6c82840f7de740f_FCT-ffoter-CTA-BG.jpg"), url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/666a7e595783e74561c67cb0_Milestones%20BG.jpg");
background-position: 50%, 0 0;
background-size: cover, cover;
background-attachment: fixed, fixed;
padding-bottom: 16px;
}
.line-decorative-home-v2 {
max-width: 50%;
position: absolute;
inset: auto -2% 0% auto;
}
.image-phone {
z-index: 1;
flex-direction: column;
justify-content: center;
width: 100%;
max-width: 436px;
min-height: 827px;
display: flex;
position: relative;
}
.content-text-bottom {
z-index: 3;
margin: auto 130px 32px 32px;
}
.image-phone-mobile-app {
width: 53%;
position: relative;
}
.card-cryptocurrencies {
background-color: var(--secondary--color-2);
border-radius: 12px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-end;
text-decoration: none;
display: flex;
position: relative;
overflow: hidden;
}
.image-cryptocurrencias {
width: 43%;
}
.card-earning-expense-reports {
grid-column-gap: 28px;
grid-row-gap: 28px;
background-color: var(--neutral--300);
border-radius: 12px;
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
align-items: flex-end;
padding: 60px 99px 60px 32px;
text-decoration: none;
display: grid;
position: relative;
overflow: hidden;
}
.card-mobile-app-wrapper {
background-color: var(--secondary--color-1);
border-radius: 12px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-end;
padding-top: 32px;
padding-right: 32px;
text-decoration: none;
display: flex;
position: relative;
overflow: hidden;
}
.text-no-wrap {
white-space: nowrap;
}
.style---logo-sidebar---link {
width: 100%;
max-width: 158px;
}
.position-absolute {
position: absolute;
}
.position-absolute.hero-page-bg {
z-index: -1;
background-color: var(--secondary--color-1);
height: 52%;
inset: auto 0% 0%;
}
.position-absolute.main-pages-bg {
z-index: -1;
background-color: var(--secondary--color-1);
border-radius: 12px;
inset: 0% 16px;
}
.position-absolute.utility-pages-bg {
z-index: -1;
background-color: var(--neutral--300);
border-radius: 12px;
inset: 0% 16px;
}
.position-absolute.more-templates-bg {
z-index: -1;
background-color: var(--neutral--100);
border-radius: 12px;
height: 60%;
inset: 0% 16px;
}
.position-absolute.header-top {
padding-left: 16px;
padding-right: 16px;
inset: 0% 0% auto;
}
.position-absolute.hero-v1-bg {
z-index: -1;
width: 60%;
inset: auto -5% -22% auto;
}
.position-absolute.story-v1-bg {
width: 101%;
min-width: 101%;
max-width: 101%;
margin-left: -9px;
inset: auto 0% 49px;
}
.position-absolute.top {
inset: 0% 0% auto;
}
.position-absolute.hero-v9-bg {
z-index: -1;
background-color: var(--neutral--300);
border-radius: 12px;
min-height: 74%;
inset: 0% 0% auto;
}
.accent-line {
background-color: var(--accent--primary-1);
width: 100%;
max-width: 118px;
height: 3px;
min-height: 3px;
margin-top: 20px;
margin-bottom: 16px;
}
.accent-line.center {
margin-left: auto;
margin-right: auto;
}
.accent-line.center---tablet.center---tablet-center {
text-align: center;
margin-left: auto;
margin-right: auto;
}
.accent-line.center---tablet.center---tablet-center.center---tablet-center-hide {
display: none;
}
.accent-line.accent-line-center {
text-align: center;
margin-left: auto;
margin-right: auto;
}
.accent-line.accent-line-left {
margin-top: 0;
}
.accent-line.accent-line-left-2 {
margin-top: 10px;
}
.mg-bottom-6px {
margin-bottom: 6px;
}
.figma-file-image {
object-fit: cover;
object-position: 0% 0%;
min-height: 100%;
}
.brix-templates-image-wrapper {
width: 100%;
max-width: 55%;
}
.brix-templates-image {
object-fit: cover;
object-position: 100% 0%;
min-height: 100%;
}
.brix-templates-text-wrapper {
flex-direction: column;
flex: 1;
justify-content: center;
align-items: flex-start;
min-width: 500px;
padding: 97px 76px 123px 104px;
display: flex;
}
.mg-bottom-18px {
margin-bottom: 18px;
}
.mg-bottom-200px {
margin-bottom: 200px;
}
.header-center {
align-items: center;
display: flex;
}
.grid-2-col---cards {
grid-column-gap: 26px;
grid-row-gap: 26px;
grid-template-rows: auto;
grid-template-columns: minmax(650px, 1.6fr) 1fr;
grid-auto-columns: 1fr;
align-items: start;
display: grid;
}
.slider-full-image---image---wrapper {
flex-direction: column;
justify-content: center;
width: 100vw;
min-height: 100%;
max-height: 100%;
margin-left: 50%;
padding-left: 16px;
padding-right: 16px;
display: flex;
overflow: hidden;
transform: translate(-50%);
}
.footer-cta {
background-color: var(--general--shadow-04);
padding-top: 150px;
padding-bottom: 120px;
position: relative;
overflow: hidden;
}
.menu-title {
color: var(--neutral--800);
letter-spacing: .64px;
text-transform: uppercase;
margin-bottom: 18px;
font-size: 16px;
font-weight: 500;
line-height: 1.125em;
}
.menu-title.dropdown-title {
color: var(--neutral--800);
}
.grid-footer-v1 {
grid-column-gap: 40px;
grid-template-rows: auto;
grid-template-columns: minmax(90px, 193px) auto;
justify-content: space-between;
}
.menu-wrapper._3-cols {
grid-column-gap: 18px;
grid-row-gap: 18px;
grid-template-rows: auto;
grid-template-columns: auto auto auto;
}
.menu-wrapper._2-cols {
grid-column-gap: 20px;
grid-row-gap: 18px;
grid-template-rows: auto;
grid-template-columns: auto auto;
}
.grid-footer-v1---menu {
grid-column-gap: 10px;
grid-row-gap: 10px;
color: var(--neutral--800);
grid-template-rows: auto;
grid-template-columns: minmax(116px, auto) auto 256px;
justify-content: space-between;
width: 100%;
min-width: 748px;
max-width: 1060px;
}
.bg-color-section-alt {
z-index: -1;
background-color: var(--secondary--color-1);
border-radius: 12px;
width: 100%;
height: 64%;
position: absolute;
inset: 0% 0% auto;
overflow: hidden;
}
.slider-image---image---wrapper {
flex-direction: column;
justify-content: center;
width: 100%;
min-height: 100%;
max-height: 100%;
margin-left: 50%;
display: flex;
overflow: hidden;
transform: translate(-50%);
}
.slider-number-top-wrapper {
margin: 32px 32px auto auto;
}
.slider-content-bottom-wrapper {
max-width: 480px;
margin-bottom: 32px;
margin-left: 32px;
margin-right: 23px;
}
.stats-v2 {
flex-direction: column;
justify-content: space-between;
max-width: 344px;
display: flex;
}
.tabs-2-cols {
display: flex;
}
.tabs-2-cols-menu {
flex-direction: column;
width: 100%;
max-width: 447px;
margin-right: 40px;
display: flex;
}
.tabs-2-cols-content {
flex: 1;
width: 100%;
margin-top: -243px;
margin-bottom: -141px;
margin-left: auto;
display: flex;
overflow: visible;
}
.tabs-2-cols-tab-pane---main {
flex: 1;
align-self: stretch;
max-width: 666px;
min-height: 100%;
margin-left: auto;
}
.tabs-2-cols-accordion-item {
border-bottom: 1px solid var(--neutral--400);
color: var(--neutral--800);
background-color: #0000;
max-width: 450px;
padding: 32px 0;
text-decoration: none;
}
.tabs-2-cols-accordion-item.w--current {
background-color: #0000;
}
.tabs-2-cols-accordion-item.first {
padding-top: 0;
}
.tabs-2-cols-accordion-item.last {
border-bottom-style: none;
padding-bottom: 0;
}
.testimonials-bg {
background-color: var(--secondary--color-1);
border-radius: 12px;
width: 58%;
position: absolute;
inset: 0% 0% 0% auto;
}
.card-image---image {
border-radius: 12px;
max-width: 509px;
position: relative;
overflow: hidden;
}
.line-decorative-home-v3 {
width: 100%;
max-width: 100%;
position: absolute;
inset: auto 0% 0%;
}
.hero-v3-images {
justify-content: center;
align-items: flex-start;
margin-bottom: -394px;
display: flex;
}
.hero-v3-image-phone {
z-index: 1;
flex-direction: column;
justify-content: center;
width: 100%;
max-width: 408px;
display: flex;
position: relative;
}
.hero-v3-image-phone._01 {
margin-top: 126px;
margin-right: -154px;
}
.hero-v3-image-phone._02 {
z-index: 2;
}
.hero-v3-image-phone._03 {
margin-top: 126px;
margin-left: -154px;
}
.mg-bottom-26px {
margin-bottom: 26px;
}
.content-icon-top {
text-align: center;
}
.content-icon-top---icon {
max-width: 114px;
min-height: 82px;
margin-left: auto;
margin-right: auto;
}
.mg-bottom-68px {
margin-bottom: 10px;
}
.image-layout-alt {
border-radius: 12px;
position: relative;
overflow: hidden;
}
.layout-content-bottom {
width: 100%;
max-width: 500px;
margin: 84px auto 83px;
}
.layout-content-top {
width: 100%;
max-width: 519px;
margin: 90px auto 77px;
}
.stats-grid-image {
max-width: 474px;
min-height: 100%;
margin-top: -20px;
margin-bottom: -75%;
}
.cta-v3-content {
padding-top: 60px;
padding-bottom: 60px;
}
.cta-v3-image {
max-width: 485px;
margin-bottom: -441px;
}
.mg-bottom-2px {
margin-bottom: 2px;
}
.bg-secondary-1-bottom-50 {
background-image: linear-gradient(to bottom, #06313700 50%, var(--secondary--color-1) 50%);
}
.value-wrapper {
align-items: flex-start;
max-width: 570px;
display: flex;
}
.mg-right-34px {
margin-right: 34px;
}
.team-item-wrapper {
color: var(--neutral--700);
border-radius: 12px;
flex-direction: column;
width: 100%;
max-height: 553px;
text-decoration: none;
display: flex;
position: relative;
overflow: hidden;
}
.team-item-wrapper:hover {
color: var(--neutral--700);
}
.values-icon-wrapper {
align-items: flex-start;
max-width: 516px;
display: flex;
}
.values-icon {
justify-content: flex-end;
align-items: center;
min-width: 82px;
max-width: 82px;
min-height: 82px;
max-height: 82px;
margin-right: 26px;
display: flex;
}
.team-item-v2-content {
padding: 32px;
}
.card-team-item-v3-content {
width: 100%;
max-width: 424px;
padding: 60px 48px 60px 41px;
}
.grid-social-media {
grid-template-rows: auto;
grid-template-columns: auto auto auto auto;
justify-content: start;
justify-items: start;
}
.grid-social-media.right {
justify-content: end;
justify-items: end;
}
.grid-social-media.right.center---tablet {
grid-template-columns: auto auto auto 1fr;
}
.grid-social-media._3-links-v1 {
grid-column-gap: 24px;
grid-template-columns: auto auto auto;
}
.grid-social-media._3-links-v2 {
grid-template-columns: auto auto auto;
}
.grid-social-media.gap-columns-30px {
grid-column-gap: 30px;
}
.content-link {
color: var(--neutral--700);
text-decoration: none;
}
.content-link:hover {
color: var(--neutral--700);
}
.mg-bottom-36px {
margin-bottom: 36px;
}
.mg-bottom-111px {
margin-bottom: 111px;
}
.card-service-item-content {
align-items: flex-start;
max-width: 438px;
margin-left: auto;
margin-right: auto;
display: flex;
}
.card-service-item-icon {
justify-content: flex-end;
align-items: center;
min-width: 80px;
max-width: 80px;
min-height: 80px;
max-height: 80px;
margin-right: 12px;
display: flex;
}
.mg-bottom-50px {
margin-bottom: 50px;
}
.contact-form-block {
flex-direction: column;
justify-content: center;
min-height: 490px;
margin-bottom: 0;
display: flex;
}
.contact-form-block.pop-form-block {
min-height: 440px;
}
.contact-form-grid {
grid-column-gap: 32px;
grid-row-gap: 25px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.text-area-wrapper {
min-width: 100%;
max-width: 100%;
}
.contact-form-bottom {
grid-row-gap: 24px;
flex-wrap: wrap;
align-items: center;
display: flex;
}
.mg-right-19px {
margin-right: 19px;
}
.contact-link {
text-align: center;
}
.contact-link-icon {
flex-direction: column;
justify-content: flex-end;
align-items: center;
min-width: 81px;
max-width: 81px;
min-height: 81px;
max-height: 81px;
margin-left: auto;
margin-right: auto;
display: flex;
}
.perks-icon {
justify-content: flex-end;
align-items: flex-start;
min-width: 82px;
max-width: 82px;
min-height: 82px;
max-height: 82px;
margin-right: 26px;
display: flex;
}
.perks-icon-wrapper {
align-items: flex-start;
max-width: 452px;
display: flex;
}
.gap-row-75px {
grid-row-gap: 75px;
}
.testimonials-wrapper-v2 {
border-radius: 12px;
max-width: 536px;
position: relative;
overflow: hidden;
}
.testimonials-v2-text-wrapper {
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
position: absolute;
inset: 0%;
}
.testimonials-content-v2 {
z-index: 1;
text-decoration: none;
position: absolute;
inset: auto 40px 40px;
}
.career-item {
border-top: 1px solid var(--neutral--400);
border-bottom: 1px solid var(--neutral--400);
transform-style: preserve-3d;
margin-bottom: -1px;
padding-top: 40px;
padding-bottom: 40px;
transition: transform .3s;
}
.career-item:first-child {
border-top-style: none;
padding-top: 0;
}
.career-item:last-child {
border-bottom-style: none;
margin-bottom: 0;
padding-bottom: 0;
}
.career-item:hover {
transform: translate3d(8px, 0, .01px);
}
.career-wrapper {
color: var(--neutral--600);
width: 100%;
text-decoration: none;
}
.career-wrapper:hover {
color: var(--neutral--600);
}
.career-grid {
grid-template-rows: auto;
grid-template-columns: 1.75fr 1fr 1fr auto;
align-items: end;
}
.categories-wrapper {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-wrap: wrap;
display: flex;
}
.categories-wrapper.center {
justify-content: center;
}
.category-item {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-wrap: wrap;
display: flex;
}
.category-item.center {
justify-content: center;
}
.mg-bottom-60px {
margin-bottom: 60px;
}
.card-sidebar-v1-icon {
min-width: 81px;
max-width: 81px;
min-height: 81px;
max-height: 81px;
}
.email-form-block {
flex-direction: column;
justify-content: center;
min-height: 70px;
margin-bottom: 0;
display: flex;
}
.card-blog-post-v1-content {
flex-direction: column;
flex: 1;
justify-content: space-between;
display: flex;
}
.card-blog-post-v1-image {
border-top-left-radius: 12px;
border-top-right-radius: 12px;
flex-direction: column;
min-height: 328px;
margin-bottom: 32px;
display: flex;
position: relative;
overflow: hidden;
}
.card-blog-post-v1-arrow {
background-color: var(--neutral--100);
color: var(--neutral--800);
border-radius: 100%;
flex-direction: column;
justify-content: center;
align-items: center;
min-width: 40px;
max-width: 40px;
min-height: 40px;
max-height: 40px;
display: flex;
position: absolute;
top: 20px;
right: 20px;
overflow: hidden;
}
.blog-post-featured-image {
border-radius: 12px;
flex-direction: column;
align-self: stretch;
width: 100%;
max-width: 49%;
display: flex;
overflow: hidden;
transform: translate(0);
}
.blog-post-featured-content {
flex: 1;
padding: 140px 40px;
}
.mg-bottom-20px {
margin-bottom: 20px;
}
.mg-bottom-42px {
margin-bottom: 42px;
font-family: Poppins, sans-serif;
}
.blog-post-item {
border-bottom: 1px solid var(--neutral--500);
padding-top: 32px;
padding-bottom: 32px;
}
.blog-post-item:first-child {
padding-top: 0;
}
.blog-post-item:last-child {
border-bottom-style: none;
padding-bottom: 0;
}
.mg-bottom-38px {
margin-bottom: 38px;
}
.card-blog-post-v2-image {
border-radius: 12px;
align-self: stretch;
width: 51%;
margin-right: 24px;
overflow: hidden;
transform: translate(0);
}
.card-blog-post-v2-content {
flex: 1;
max-width: 446px;
padding-top: 46px;
padding-bottom: 46px;
}
.card-blog-post-v2-content-top {
grid-row-gap: 8px;
flex-wrap: wrap;
align-items: center;
margin-bottom: 16px;
display: flex;
}
.blog-post-content-top {
grid-row-gap: 8px;
flex-wrap: wrap;
align-items: center;
margin-bottom: 24px;
display: flex;
}
.card-author-content-top {
align-items: center;
display: flex;
}
.card-author-avatar {
border-radius: 12px;
min-width: 80px;
max-width: 80px;
min-height: 80px;
max-height: 80px;
margin-right: 15px;
overflow: hidden;
transform: translate(0);
}
.mg-bottom--16px {
margin-bottom: -16px;
}
.rich-text-v2 img {
border-radius: 12px;
}
.rich-text-v2 p {
margin-top: 16px;
margin-bottom: 16px;
}
.rich-text-v2 h2 {
margin-bottom: 16px;
font-size: 54px;
line-height: 1.222em;
}
.rich-text-v2 h3 {
margin-top: 32px;
margin-bottom: 16px;
font-size: 38px;
line-height: 1.316em;
}
.rich-text-v2 figure, .rich-text-v2 ul, .rich-text-v2 ol {
margin-top: 32px;
margin-bottom: 32px;
}
.rich-text-v2 h6 {
margin-top: 32px;
margin-bottom: 16px;
font-size: 18px;
line-height: 1.333em;
}
.rich-text-v2 h5 {
margin-top: 32px;
margin-bottom: 16px;
font-size: 22px;
line-height: 1.273em;
}
.rich-text-v2 h4 {
margin-top: 32px;
margin-bottom: 16px;
font-size: 24px;
line-height: 1.417em;
}
.rich-text-v2 li {
margin-bottom: 16px;
}
.rich-text-v2 blockquote {
border-radius: 12px;
margin-top: 32px;
margin-bottom: 32px;
}
.rich-text-v3 img {
border-radius: 12px;
}
.rich-text-v3 p {
color: var(--spark-library--black);
margin-top: 16px;
margin-bottom: 16px;
}
.rich-text-v3 h2 {
color: var(--secondary--color-1);
margin-bottom: 16px;
font-size: 30px;
line-height: 1.2em;
}
.rich-text-v3 h3 {
color: var(--secondary--color-1);
margin-top: 32px;
margin-bottom: 16px;
}
.rich-text-v3 figure, .rich-text-v3 ul, .rich-text-v3 ol {
margin-top: 32px;
margin-bottom: 32px;
}
.rich-text-v3 h6, .rich-text-v3 h5, .rich-text-v3 h4 {
margin-top: 32px;
margin-bottom: 16px;
}
.rich-text-v3 li {
color: var(--flowstica-webflow-library--black);
margin-bottom: 16px;
}
.rich-text-v3 blockquote {
border-radius: 12px;
margin-top: 32px;
margin-bottom: 32px;
}
.rich-text-v3.car-pg-inner-para {
color: var(--spark-library--foreground-interactive);
text-align: justify;
}
.published-wrap {
flex-wrap: wrap;
margin-top: 3px;
display: flex;
}
.career-description-content-top {
grid-column-gap: 24px;
grid-row-gap: 10px;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
display: flex;
}
.rich-text-v4 img {
border-radius: 12px;
}
.rich-text-v4 p {
margin-top: 16px;
margin-bottom: 16px;
}
.rich-text-v4 h2 {
margin-bottom: 16px;
font-size: 58px;
line-height: 1.121em;
}
.rich-text-v4 h3 {
margin-top: 32px;
margin-bottom: 16px;
font-size: 38px;
line-height: 1.184em;
}
.rich-text-v4 figure, .rich-text-v4 ul, .rich-text-v4 ol {
margin-top: 32px;
margin-bottom: 32px;
}
.rich-text-v4 h6 {
margin-top: 32px;
margin-bottom: 16px;
font-size: 18px;
line-height: 1.333em;
}
.rich-text-v4 h5 {
margin-top: 32px;
margin-bottom: 16px;
font-size: 22px;
line-height: 1.273em;
}
.rich-text-v4 h4 {
margin-top: 32px;
margin-bottom: 16px;
font-size: 30px;
line-height: 1.2em;
}
.rich-text-v4 li {
margin-bottom: 16px;
}
.rich-text-v4 blockquote {
border-radius: 12px;
margin-top: 32px;
margin-bottom: 32px;
}
.rich-text-v4 a {
color: var(--secondary--color-1);
}
.rich-text-v4 a:hover {
color: var(--accent--primary-1);
}
.mg-bottom--48px {
margin-bottom: -48px;
}
.mg-bottom-28px {
margin-bottom: 28px;
}
.help-center-category-item {
color: var(--neutral--700);
text-align: center;
flex-direction: column;
width: 100%;
min-height: 100%;
text-decoration: none;
display: flex;
}
.help-center-category-item:hover {
color: var(--neutral--700);
}
.help-center-category-icon {
flex-direction: column;
justify-content: center;
align-items: center;
width: 114px;
min-width: 114px;
height: 87px;
min-height: 87px;
margin-left: auto;
margin-right: auto;
display: flex;
}
.help-center-category-item-content {
flex-direction: column;
flex: 1;
display: flex;
}
.mg-bottom-22px {
margin-bottom: 22px;
}
.mg-top-auto {
margin-top: auto;
}
.mg-bottom-14px {
margin-bottom: 14px;
}
.help-center-post-item {
border-top: 1px solid var(--neutral--400);
border-bottom: 1px solid var(--neutral--400);
margin-bottom: -1px;
padding-top: 60px;
padding-bottom: 60px;
}
.help-center-post-item:first-child {
border-top-style: none;
padding-top: 0;
}
.help-center-post-item:last-child {
border-bottom-style: none;
margin-bottom: 0;
padding-bottom: 0;
}
.help-center-post-wrapper {
color: var(--neutral--700);
transform-style: preserve-3d;
justify-content: space-between;
align-items: center;
width: 100%;
text-decoration: none;
transition-property: transform;
display: flex;
}
.help-center-post-wrapper:hover {
color: var(--neutral--700);
transform: translate3d(8px, 0, .01px);
}
.help-center-post-content {
max-width: 757px;
margin-right: 24px;
}
.card-cta-v5-wrapper {
padding-left: 16px;
padding-right: 16px;
}
.footer-v3-wrapper {
background-color: var(--secondary--color-1);
padding: 32px 16px;
}
.footer-bottom-v3 {
text-align: center;
flex-direction: column;
align-items: center;
padding-top: 45px;
padding-bottom: 50px;
display: flex;
}
.sign-up-block {
flex-direction: column;
justify-content: center;
min-height: 482px;
margin-bottom: 0;
display: flex;
}
.sign-up-grid {
grid-column-gap: 24px;
grid-row-gap: 32px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.mg-top-4px {
margin-top: 4px;
}
.app-log-in-icon {
max-width: 29px;
margin-right: 9px;
}
.card-sign-in-image {
border-top-left-radius: 12px;
border-bottom-left-radius: 12px;
flex: 1;
align-self: stretch;
overflow: hidden;
transform: translate(0);
}
.sign-in-block {
flex-direction: column;
justify-content: center;
width: 100%;
max-width: 544px;
min-height: 695px;
margin-bottom: 0;
display: flex;
}
.sign-in-block-wrapper {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
max-width: 54%;
padding: 59px 32px;
display: flex;
}
.sign-in-grid {
grid-column-gap: 24px;
grid-row-gap: 32px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.forgot-password-block {
flex-direction: column;
justify-content: center;
width: 100%;
max-width: 498px;
min-height: 158px;
margin-bottom: 0;
display: flex;
}
.forgot-password-grid {
grid-column-gap: 24px;
grid-row-gap: 32px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.mg-bottom-30px {
margin-bottom: 30px;
}
.footer-v2-wrapper {
background-color: var(--secondary--color-1);
padding-top: 32px;
padding-bottom: 32px;
}
.footer-v2-bg {
background-color: #0b3a3d;
border-radius: 12px;
max-width: 470px;
margin-left: -58px;
padding: 102px 20px 110px 82px;
}
.grid-footer-v2 {
grid-column-gap: 40px;
grid-template-rows: auto;
grid-template-columns: .52fr minmax(520px, 1fr);
justify-content: space-between;
align-items: center;
}
.grid-footer-v2---menu {
grid-column-gap: 20px;
grid-template-rows: auto;
grid-template-columns: minmax(auto, 308px) auto minmax(auto, 206px);
justify-content: space-between;
width: 100%;
max-width: 768px;
}
.demo-form-block {
flex-direction: column;
justify-content: center;
min-height: 340px;
margin-bottom: 0;
display: flex;
}
.demo-form {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.border-radius-5px {
border-radius: 5px;
}
.mg-right-10px {
margin-right: 10px;
}
.card-product-content {
padding: 32px;
}
.card-product-content-bottom {
margin-top: auto;
padding-bottom: 32px;
padding-left: 32px;
padding-right: 32px;
}
.card-product-add-cart---main {
flex-direction: column;
justify-content: center;
min-height: 56px;
display: flex;
}
.add-cart-default-state {
margin-bottom: 0;
}
.add-cart {
flex-direction: column;
justify-content: center;
min-height: 160px;
display: flex;
}
.demo-features-wrapper {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-wrap: wrap;
justify-content: space-between;
display: flex;
}
.not-found-card-content---grid {
z-index: 1;
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr minmax(500px, 1fr);
grid-auto-columns: 1fr;
align-items: center;
max-width: 1062px;
margin-bottom: 0;
margin-left: auto;
margin-right: auto;
display: grid;
position: relative;
}
.password-page-content {
z-index: 1;
text-align: center;
max-width: 600px;
margin-left: auto;
margin-right: auto;
position: relative;
}
.order-summary-line-item {
grid-column-gap: 15px;
flex-wrap: wrap;
}
.shipping-method-content {
margin-left: 0;
}
.order-item-content---main {
display: flex;
}
.grid-dropdown-v1---menu {
grid-column-gap: 20px;
grid-template-rows: auto;
grid-template-columns: auto auto auto;
justify-content: space-between;
}
.dropdown-list-wrapper {
max-width: 206px;
margin-bottom: 0;
padding-left: 0;
line-height: 1.125em;
}
.dropdown-list-item {
margin-bottom: 18px;
padding-left: 0;
}
.dropdown-list-item.last {
margin-bottom: 0;
}
.dropdown-menu-wrapper._3-cols {
grid-column-gap: 18px;
grid-row-gap: 18px;
grid-template-rows: auto;
grid-template-columns: auto auto auto;
}
.dropdown-list-link {
color: var(--neutral--700);
letter-spacing: .96px;
text-transform: uppercase;
font-size: 16px;
text-decoration: none;
}
.dropdown-list-link:hover, .dropdown-list-link.featured {
color: var(--accent--primary-1);
}
.dropdown-list-link.featured:hover {
color: #06c35d4d;
}
.cart-line-subtotal {
color: var(--neutral--800);
font-weight: 500;
line-height: 1.333em;
}
.cart-item {
border-bottom: 1px solid var(--neutral--400);
justify-content: space-between;
padding: 20px 24px;
}
.cart-item:last-child {
border-bottom-style: none;
}
.cart-item-image {
transform-style: preserve-3d;
border-radius: 6px;
max-width: 70px;
transition: opacity .3s, transform .3s;
overflow: hidden;
transform: translate(0);
}
.cart-item-image:hover {
opacity: .7;
transform: scale3d(.95, .95, 1.01);
}
.cart-list-title {
color: var(--neutral--800);
margin-bottom: 8px;
font-size: 18px;
font-weight: 400;
line-height: 1.333em;
text-decoration: none;
display: inline-block;
}
.cart-list-title:hover {
color: var(--accent--primary-1);
}
.cart-list-price {
color: var(--neutral--800);
line-height: 1.333em;
}
.cart-option-item {
padding-left: 0;
}
.cart-item-result {
color: var(--neutral--800);
}
.cart-item-content---main {
align-items: flex-start;
display: flex;
}
.header-menu-divider {
background-color: var(--neutral--600);
width: 1px;
min-width: 1px;
min-height: 18px;
margin-left: 34px;
margin-right: 34px;
}
.tabs-shadow-btn {
background-image: linear-gradient(#0000, #00000075);
min-height: 42%;
position: absolute;
inset: auto 0% 0%;
}
.button-career-category {
margin-right: 24px;
}
.more-templates-badge-wrapper {
z-index: 9991;
grid-column-gap: 10px;
grid-row-gap: 10px;
color: #666977;
background-color: #fff;
border: 1px solid #f0f0f6;
border-radius: 12px;
align-items: center;
width: 100%;
max-width: 286px;
padding: 12px 22px 12px 18px;
text-decoration: none;
transition-property: none;
display: flex;
position: fixed;
inset: auto 24px 12px auto;
box-shadow: 0 .6px .8px #1010650a, 0 3px 6px #11115414;
}
.more-templates-badge-wrapper:hover {
color: #666977;
}
.more-templates-logo-wrapper {
position: relative;
}
.more-templates-logo {
width: 80px;
}
.more-templates-logo.blur {
z-index: -1;
opacity: .68;
filter: blur(3px);
position: absolute;
inset: 10% 0% 20px;
}
.more-templates-p {
margin-bottom: 0;
font-size: 13px;
line-height: 1.4em;
}
.more-webflow-templates-sub {
color: #523ff5;
text-decoration: underline;
}
.more-templates-lottie {
width: 44px;
position: absolute;
inset: -20px -20px auto auto;
}
.background-video {
box-sizing: content-box;
aspect-ratio: auto;
background-color: #00000029;
background-image: linear-gradient(98deg, #00000082, #0000);
justify-content: flex-start;
align-items: center;
min-height: 750px;
padding-left: 5%;
font-weight: 400;
display: flex;
position: static;
}
.offerings-grid {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
align-content: end;
}
.card-2 {
border: 2px #eee;
border-radius: 20px;
position: relative;
overflow: hidden;
}
.card-2.key-markets-cards-11 {
background-image: url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/68133ef7974c7efe1c8a65dc_WhatsApp%20Image%202025-05-01%20at%2014.02.21.jpeg");
background-size: cover;
height: 400px;
}
.card-2.key-markets-cards-11:hover {
background-image: linear-gradient(#78cf1a, #78cf1a), url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/667bc8a7a8d71c2a79cbbd7b_cHJpdmF0ZS9sci9pbWFnZXMvd2Vic2l0ZS8yMDIyLTA1L2ZsNjQ3NzMwODM3NS1pbWFnZS1rcDJmYTBwdi5qcGc.webp");
background-position: 0 0, 0 0;
background-size: auto, cover;
}
.card-2.key-markets-cards-11.homeland-security-card {
background-image: linear-gradient(#0000, #000000c9), url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/68134365c70afbda1ecd26ee_Untitled%20design%20(8).png");
background-position: 0 0, 0 0;
background-size: auto, cover;
height: 400px;
}
.card-2.key-markets-cards-11.homeland-security-card:hover {
background-image: linear-gradient(to bottom, var(--accent--primary-1), var(--accent--primary-1)), linear-gradient(180deg, #0000, #000000c9), url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/667bcbd1a1a9cdd8fc5c20ec_wp7315207.webp");
background-position: 0 0, 0 0, 0 0;
background-size: auto, auto, cover;
}
.card-2.key-markets-cards-11.railway-card {
background-image: url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/68133f5ce6cb587c35359e1a_WhatsApp%20Image%202025-05-01%20at%2014.10.36.jpeg");
background-position: 0 0;
background-size: cover;
height: 400px;
}
.card-2.key-markets-cards-11.railway-card:hover {
background-image: linear-gradient(to bottom, var(--accent--primary-1), var(--accent--primary-1)), url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/667aabcac3357b1a15912791_indianrailways.jpg");
background-position: 0 0, 0 0;
background-size: auto, cover;
}
.card-2.key-markets-cards-11.forests-card {
background-image: url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/68146b341df38cbf80ecedb3_4.png");
background-position: 0 0;
background-size: cover;
height: 400px;
}
.card-2.key-markets-cards-11.forests-card:hover {
background-image: linear-gradient(to bottom, var(--accent--primary-1), var(--accent--primary-1)), url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/667ae774bb0fc3374b803267_Forests%20img%2001%20v2.jpg");
background-position: 0 0, 0 0;
background-size: auto, cover;
}
.card-2.key-markets-cards-11.oil-gas-card {
background-image: url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/681340598b47a8812b262060_WhatsApp%20Image%202025-05-01%20at%2014.04.58.jpeg");
background-position: 0 0;
background-size: cover;
height: 400px;
}
.card-2.key-markets-cards-11.oil-gas-card:hover {
background-image: linear-gradient(to bottom, var(--accent--primary-1), var(--accent--primary-1)), url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/667ae7842d44f18cfd106657_Oil%20%26%20Gas%20img%2001%20v2.jpg");
background-position: 0 0, 0 0;
background-size: auto, cover;
}
.card-2.key-markets-cards-11.telecommunications-cards {
background-image: url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/6813429841b252185446608b_Untitled%20design%20(7).png");
background-position: 0 0;
background-size: cover;
height: 400px;
}
.card-2.key-markets-cards-11.telecommunications-cards:hover {
background-image: linear-gradient(to bottom, var(--accent--primary-1), var(--accent--primary-1)), url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/667ae793268f796d9dca03f0_Telecommunications%20img%2001%20v2.jpg");
background-position: 0 0, 0 0;
background-size: auto, cover;
}
.card-2.key-markets-cards-11.earth-sciences-card {
background-image: url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/68146b332b3a7e65c8530b82_7.png");
background-position: 0 0;
background-size: cover;
height: 400px;
}
.card-2.key-markets-cards-11.earth-sciences-card:hover {
background-image: linear-gradient(to bottom, var(--accent--primary-1), var(--accent--primary-1)), url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/667ae79fb40009b837b696da_Earth%20Sciences%20img%2001%20v2.jpg");
background-position: 0 0, 0 0;
background-size: auto, cover;
}
.card-2.key-markets-cards-11.disaster-card {
background-image: url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/68146e56f2fe2c15df27e7d0_Untitled%20design%20(17).png");
background-position: 0 0;
background-size: cover;
height: 400px;
}
.card-2.key-markets-cards-11.disaster-card:hover {
background-image: linear-gradient(to bottom, var(--accent--primary-1), var(--accent--primary-1)), url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/667bdcc9a8b277b593dcb83d_deerfire_high_res_edit-1440x889.jpg");
background-position: 0 0, 0 0;
background-size: auto, cover;
}
.card-2.key-markets-cards-11.construction-card {
background-image: url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/68146b33824e97ed0f1fd884_6.png");
background-position: 0 0;
background-size: cover;
height: 400px;
}
.card-2.key-markets-cards-11.construction-card:hover {
background-image: linear-gradient(to bottom, var(--accent--primary-1), var(--accent--primary-1)), url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/667ae7be5c44b2ffcc679b3a_Construction%20img%2001%20img%20v2.jpg");
background-position: 0 0, 0 0;
background-size: auto, cover;
}
.card-2.key-markets-cards-11.mining-cards {
background-image: url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/667ae7ce5c44b2ffcc67a87b_mining%20img%20v2.jpg");
background-position: 0 0;
background-size: cover;
height: 400px;
}
.card-2.key-markets-cards-11.mining-cards:hover {
background-image: linear-gradient(to bottom, var(--accent--primary-1), var(--accent--primary-1)), url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/667ae7ce5c44b2ffcc67a87b_mining%20img%20v2.jpg");
background-position: 0 0, 0 0;
background-size: auto, cover;
}
.card-2.key-markets-cards-11.utilities-cards {
background-image: url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/68146b345b48f3d1bbbe787d_5.png");
background-position: 0 0;
background-size: cover;
height: 400px;
}
.card-2.key-markets-cards-11.utilities-cards:hover {
background-image: linear-gradient(to bottom, var(--accent--primary-1), var(--accent--primary-1)), url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/667ae7d908b56894c917e6f4_Utilities%20img%20v2.jpg");
background-position: 0 0, 0 0;
background-size: auto, cover;
}
.card-2.key-markets-cards-11.utilities-cards.adventure-leisure {
background-image: url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/67651f5a5a381b0e00dafc75_EPP-Materials-and-Their-Application-in-Automotive-Parts-Packaging-1-1024x1024.jpg");
background-position: 0 0;
background-size: cover;
}
.card-2.key-markets-cards-11.utilities-cards.adventure-leisure:hover {
background-image: linear-gradient(to bottom, var(--accent--primary-1), var(--accent--primary-1)), url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/67651f5a5a381b0e00dafc75_EPP-Materials-and-Their-Application-in-Automotive-Parts-Packaging-1-1024x1024.jpg");
background-position: 0 0, 0 0;
background-size: auto, cover;
}
.card-2.key-markets-cards-11.utilities-cards.utilities-cards-adv-card {
background-image: url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/67651f5a5a381b0e00dafc75_EPP-Materials-and-Their-Application-in-Automotive-Parts-Packaging-1-1024x1024.jpg");
}
.card-2.key-markets-cards-11.energy-cards-main {
height: 314px;
}
.card-2.key-markets-cards-11.energy-cards-main.e-card {
background-image: url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/6824732f84260cefba2d1d64_Untitled%20design%20(34).png");
background-position: 0 0;
background-size: cover;
}
.card-2.key-markets-cards-11.energy-cards-main.e-card:hover {
background-image: linear-gradient(to bottom, var(--accent--primary-1), var(--accent--primary-1)), url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/66b1efe9c18e36800845782a_E%20img.jpg");
background-position: 0 0, 0 0;
background-size: auto, cover;
}
.card-2.key-markets-cards-11.energy-cards-main.n-card {
background-image: url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/6824746fc9afdeb7103565ba_Untitled%20design%20(35).png");
background-position: 0 0;
background-size: cover;
}
.card-2.key-markets-cards-11.energy-cards-main.n-card:hover {
background-image: linear-gradient(to bottom, var(--accent--primary-1), var(--accent--primary-1)), url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/66b1f005121fb50870ea0b2c_N%20img.jpg");
background-position: 0 0, 0 0;
background-size: auto, cover;
}
.card-2.key-markets-cards-11.energy-cards-main.e2-cards {
background-image: url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/684fec2387ecbd688caaa0c0_ENERGY%20-%20Website%20(6).png");
background-position: 0 0;
background-size: cover;
}
.card-2.key-markets-cards-11.energy-cards-main.e2-cards:hover {
background-image: linear-gradient(to bottom, var(--accent--primary-1), var(--accent--primary-1)), url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/66b1efe9c18e36800845782a_E%20img.jpg");
background-position: 0 0, 0 0;
background-size: auto, auto;
}
.card-2.key-markets-cards-11.energy-cards-main.r-cards {
background-image: url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/6824761343ec42dd3cfe6e16_Untitled%20design%20(36).png");
background-position: 0 0;
background-size: cover;
}
.card-2.key-markets-cards-11.energy-cards-main.r-cards:hover {
background-image: linear-gradient(to bottom, var(--accent--primary-1), var(--accent--primary-1)), url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/66b1f03b980b44bb4244729a_R%20img.jpg");
background-position: 0 0, 0 0;
background-size: auto, cover;
}
.card-2.key-markets-cards-11.energy-cards-main.g-cards {
background-image: url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/684fea0e10a6a6f2bc77e783_ENERGY%20-%20Website%20(4).png");
background-position: 0 0;
background-size: cover;
}
.card-2.key-markets-cards-11.energy-cards-main.g-cards:hover {
background-image: linear-gradient(to bottom, var(--accent--primary-1), var(--accent--primary-1)), url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/66b1f050a38b6999bd13105b_G%20img.jpg");
background-position: 0 0, 0 0;
background-size: auto, cover;
}
.card-2.key-markets-cards-11.energy-cards-main.y-cards {
background-image: url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/68247b31e8faebbb8ffc48a2_Untitled%20design%20(39).png");
background-position: 0 0;
background-size: cover;
}
.card-2.key-markets-cards-11.energy-cards-main.y-cards:hover {
background-image: linear-gradient(to bottom, var(--accent--primary-1), var(--accent--primary-1)), url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/66b1f064fb38f614e1552d21_Y%20img.jpg");
background-position: 0 0, 0 0;
background-size: auto, cover;
}
.card-2.key-markets-cards-11.video-surveillance-card {
background-image: url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/6702b9ad7dea86127faddcdf_Untitled%20design%20(8).png");
background-position: 50%;
background-size: cover;
}
.image-2 {
object-fit: cover;
width: 100%;
max-width: none;
height: 500px;
margin-left: 0;
}
.image-2:hover {
transform: translate(0);
}
.image-2.key-market-image {
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
background-position: 0 0;
background-size: auto;
height: 400px;
display: inline-block;
}
.card-inf {
background-color: var(--accent--primary-1);
border: 2px #eee;
border-radius: 13px;
padding: 20px 20px 10px;
position: absolute;
inset: auto 20px 20px;
}
.card-inf.key-markets-cards {
background-color: var(--secondary--color-1);
padding-left: 30px;
padding-right: 30px;
left: 0;
right: 0;
}
.card-inf.key-markets-cards.energy-cards {
padding-left: 20px;
padding-right: 20px;
inset: 0% 0% auto;
}
.p {
opacity: .7;
margin-bottom: 10px;
}
.h3 {
margin-top: 0;
margin-bottom: 0;
}
.card-inf-after {
pointer-events: auto;
margin-top: 10px;
margin-bottom: 0;
padding-bottom: 0;
overflow: hidden;
}
.button {
background-color: #366fff;
border-radius: 50px;
margin-bottom: 10px;
font-weight: 500;
transition: background-color .2s;
}
.button:hover {
background-color: #000;
}
.milestones-grid {
grid-column-gap: 44px;
grid-row-gap: 44px;
grid-template-columns: 1fr 1fr 1fr;
}
.journey-grid {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
margin-top: 40px;
margin-bottom: 0;
}
.journey-grid.journey-grid-gap-inc {
grid-column-gap: 24px;
grid-row-gap: 24px;
background-color: #f4f3ec;
}
.journey-grid.journey-grid-gap-inc.journey-grid-gap-inc-new {
grid-template-columns: 1fr 1fr;
}
.journey {
background-color: #f4f3ec;
border-top-left-radius: 20px;
border-bottom-left-radius: 20px;
padding-top: 8%;
padding-bottom: 8%;
padding-left: 8%;
}
.journey-img-div {
background-color: #f4f3ec;
background-image: none;
background-position: 0 0;
background-repeat: repeat;
background-size: auto;
border-top-right-radius: 20px;
border-bottom-right-radius: 20px;
}
.journey-img-div.journey-img-div-new {
background-color: #f4f3ec;
background-image: url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/68199a0b9112ca5f6e63887a_r.png");
background-position: 0 0;
background-repeat: no-repeat;
background-size: cover;
background-attachment: scroll;
}
.image-3 {
border-top-right-radius: 20px;
border-bottom-right-radius: 20px;
}
.sustainability-list {
font-family: Manrope, sans-serif;
font-size: 15px;
}
.list-item {
color: var(--flowstica-webflow-library--black);
margin-bottom: 10px;
font-size: 16px;
line-height: 1.5em;
}
.list-item-2 {
margin-bottom: 0;
}
.list-item-2.list-item {
color: var(--flowstica-webflow-library--black);
margin-bottom: 10px;
}
.list-item-3 {
margin-bottom: 0;
}
.list-item-3.list-item {
color: var(--flowstica-webflow-library--black);
margin-bottom: 10px;
}
.list-item-4 {
margin-bottom: 0;
}
.list-item-4.list-item {
color: var(--flowstica-webflow-library--black);
margin-bottom: 10px;
}
.list-item-5 {
margin-bottom: 0;
}
.list-item-5.list-item {
color: var(--flowstica-webflow-library--black);
margin-bottom: 15px;
}
.text-block {
letter-spacing: 0;
font-family: Manrope, sans-serif;
}
.sustainability-img {
max-width: 92%;
}
.combine-chevron-right_icon {
cursor: pointer;
width: 1rem;
height: 1rem;
display: flex;
}
.combine-button-content {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
justify-content: center;
align-items: center;
display: flex;
}
.combine-button-icon {
color: var(--combine-library--grey-800);
align-items: center;
padding-top: .5rem;
padding-bottom: .5rem;
font-family: Open Sans, sans-serif;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
text-decoration: none;
}
.combine-button-icon:hover {
color: var(--combine-library--primary-600);
}
.combine-text-size-small {
color: var(--combine-library--grey-800);
margin-bottom: 0;
font-family: Open Sans, sans-serif;
font-size: .875rem;
font-weight: 400;
line-height: 1.5;
}
.combine-text-color-grey {
color: var(--combine-library--grey-600);
}
.combine-heading-style-h5 {
color: var(--combine-library--grey-800);
margin-top: 0;
margin-bottom: 0;
font-family: Open Sans, sans-serif;
font-size: 1.25rem;
font-weight: 600;
line-height: 1.5;
}
.combine-blog3_date {
color: var(--combine-library--grey-600);
font-family: Open Sans, sans-serif;
font-size: .875rem;
font-weight: 400;
line-height: 1.5;
}
.combine-blog3_content {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
flex-direction: column;
align-items: flex-start;
padding: 1rem;
display: flex;
}
.combine-blog3_image {
object-fit: cover;
width: 100%;
height: 100%;
}
.combine-blog3_label {
z-index: 2;
background-color: var(--combine-library--white);
color: var(--combine-library--grey-800);
border-radius: 4rem;
margin-top: .75rem;
margin-left: .75rem;
padding: .25rem .75rem;
font-family: Open Sans, sans-serif;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
position: absolute;
inset: 0% auto auto 0%;
}
.combine-blog3_image-wrapper {
width: 100%;
min-width: 12rem;
min-height: 15rem;
display: flex;
position: relative;
overflow: hidden;
}
.combine-blog3_item {
background-color: var(--combine-library--white);
color: var(--combine-library--grey-800);
border-radius: 1.25rem;
flex-direction: row;
text-decoration: none;
transition: transform .25s, box-shadow .25s, color .25s;
display: flex;
overflow: hidden;
}
.combine-blog3_item:hover {
transform: translate(0, -.75rem);
box-shadow: 0 16px 20px #8c94a533;
}
.combine-blog3_component {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.combine-container-large {
width: 100%;
max-width: 75rem;
margin-left: auto;
margin-right: auto;
}
.combine-space-large {
height: 4rem;
}
.combine-text-size-regular {
color: var(--combine-library--grey-600);
margin-bottom: 0;
font-family: Open Sans, sans-serif;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
}
.combine-space-medium {
width: 100%;
height: 1.5rem;
}
.combine-heading-style-h2 {
color: var(--combine-library--grey-800);
margin-top: 0;
margin-bottom: 0;
font-family: Open Sans, sans-serif;
font-size: 3rem;
font-weight: 700;
line-height: 1.35;
}
.combine-text-align-center {
text-align: center;
}
.combine-container-small {
width: 100%;
max-width: 48rem;
margin-left: auto;
margin-right: auto;
}
.combine-padding-section-medium {
padding-top: 4rem;
padding-bottom: 4rem;
}
.combine-padding-global {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.combine-section_blog3 {
background-color: var(--combine-library--grey-050);
}
.combine-chevron-right_icon-2 {
cursor: pointer;
width: 1rem;
height: 1rem;
display: flex;
}
.combine-button-content-2 {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
-webkit-text-stroke-color: var(--accent--primary-1);
justify-content: center;
align-items: center;
display: flex;
}
.combine-button-icon-2 {
color: var(--combine-library--grey-800);
align-items: center;
padding-top: .5rem;
padding-bottom: .5rem;
font-family: Open Sans, sans-serif;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
text-decoration: none;
}
.combine-button-icon-2:hover {
color: var(--combine-library--primary-600);
}
.combine-text-size-small-2 {
color: var(--combine-library--grey-800);
margin-bottom: 0;
font-family: Open Sans, sans-serif;
font-size: .875rem;
font-weight: 400;
line-height: 1.5;
}
.combine-text-size-small-2.combine-text-color-grey.case-study-title-expert {
color: var(--combine-library--white);
}
.combine-text-color-grey-2 {
color: var(--combine-library--grey-600);
}
.combine-heading-style-h5-2 {
color: var(--combine-library--grey-800);
margin-top: 0;
margin-bottom: 0;
font-family: Open Sans, sans-serif;
font-size: 1.25rem;
font-weight: 600;
line-height: 1.5;
}
.combine-heading-style-h5-2.case-study-title {
color: var(--combine-library--grey-050);
}
.combine-blog3_date-2 {
color: var(--combine-library--grey-600);
font-family: Open Sans, sans-serif;
font-size: .875rem;
font-weight: 400;
line-height: 1.5;
}
.combine-blog3_date-2.case-study-tag {
color: var(--accent--primary-1);
}
.combine-blog3_content-2 {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
background-color: #fff;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
padding: 1rem;
display: flex;
}
.combine-blog3_content-2.case-study-sec {
color: var(--combine-library--white);
object-fit: fill;
background-color: #06444a;
justify-content: center;
align-items: flex-start;
padding: 3rem;
}
.combine-blog3_image-2 {
object-fit: cover;
background-image: url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/66fe2951ff6d875cf442aa13_GVqf39oW0AAVbr1.jpeg");
background-position: 50%;
background-size: cover;
background-attachment: scroll;
width: 100%;
height: 100%;
}
.combine-blog3_label-2 {
z-index: 2;
background-color: var(--accent--primary-1);
color: var(--combine-library--grey-800);
border-radius: 4rem;
margin-top: .75rem;
margin-left: .75rem;
padding: .25rem .75rem;
font-family: Open Sans, sans-serif;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
position: absolute;
inset: 0% auto auto 0%;
}
.combine-blog3_image-wrapper-2 {
width: 100%;
min-width: 12rem;
min-height: 15rem;
display: flex;
position: relative;
overflow: hidden;
}
.combine-blog3_item-2 {
background-color: var(--combine-library--white);
color: var(--combine-library--grey-800);
border-radius: 1.25rem;
flex-direction: row;
text-decoration: none;
transition: transform .25s, box-shadow .25s, color .25s;
display: flex;
overflow: hidden;
}
.combine-blog3_item-2:hover {
transform: translate(0, -.75rem);
box-shadow: 0 16px 20px #8c94a533;
}
.combine-blog3_component-2 {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.combine-container-large-2 {
width: 100%;
max-width: 75rem;
margin-left: auto;
margin-right: auto;
padding-top: 20px;
}
.combine-space-large-2 {
height: 4rem;
}
.combine-text-size-regular-2 {
color: var(--combine-library--grey-600);
margin-bottom: 0;
font-family: Open Sans, sans-serif;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
}
.combine-space-medium-2 {
width: 100%;
height: 1.5rem;
}
.combine-heading-style-h2-2 {
color: var(--combine-library--grey-800);
margin-top: 0;
margin-bottom: 0;
font-family: Open Sans, sans-serif;
font-size: 3rem;
font-weight: 700;
line-height: 1.35;
}
.combine-text-align-center-2 {
text-align: center;
}
.combine-container-small-2 {
width: 100%;
max-width: 48rem;
margin-left: auto;
margin-right: auto;
}
.combine-padding-section-medium-2 {
padding-top: 4rem;
padding-bottom: 0;
}
.combine-padding-global-2 {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.combine-section_blog3-2 {
background-color: var(--secondary--color-2);
background-image: linear-gradient(#f4f3ec, #f4f3ec);
}
.combine-section_blog3-2.gallery-sec-2 {
padding-bottom: 100px;
}
.combine-section_blog3-2.gallery-sec-3 {
background-image: linear-gradient(#fff, #fff);
}
.wbs-slide-nav {
display: none;
}
.wbs-right-arrow {
background-color: var(--secondary--color-2);
color: var(--flowstica-webflow-library--black);
border-radius: 50%;
width: 50px;
height: 50px;
font-size: 20px;
transition: all .3s ease-in-out;
inset: auto 30px 30px auto;
}
.wbs-right-arrow:hover {
background-color: var(--flowstica-webflow-library--medium-sea-green);
color: var(--flowstica-webflow-library--white-smoke);
}
.wbs-left-arrow {
background-color: var(--accent--primary-1);
color: var(--flowstica-webflow-library--black);
border-radius: 50%;
justify-content: center;
align-items: center;
width: 50px;
height: 50px;
font-size: 20px;
transition: all .3s ease-in-out;
display: flex;
inset: auto 90px 30px auto;
}
.wbs-left-arrow:hover {
background-color: var(--flowstica-webflow-library--medium-sea-green);
color: var(--flowstica-webflow-library--white-smoke);
}
.wbs-testimonial-6-author-name {
color: var(--flowstica-webflow-library--black);
margin-top: 0;
margin-bottom: 0;
font-family: Poppins, sans-serif;
font-size: 18px;
font-weight: 700;
}
.wbs-testimonial-5-avatar-image {
border-radius: 100%;
width: 50px;
height: 50px;
}
.wbs-testimonial-6-avatar {
grid-column-gap: 15px;
grid-row-gap: 15px;
align-items: center;
margin-top: 30px;
display: flex;
}
.wbs-testimonial-6-dec {
color: var(--flowstica-webflow-library--black);
font-family: Poppins, sans-serif;
font-size: 1.5rem;
font-weight: 300;
line-height: 2.25rem;
}
.wbs-testimonial-6-logo-image {
height: 28px;
margin-bottom: 20px;
margin-left: auto;
}
.wbs-heading-h5 {
color: var(--flowstica-webflow-library--black);
margin-top: 0;
margin-bottom: 0;
font-size: 1.625rem;
font-weight: 700;
line-height: 1.3em;
}
.wbs-testimonial-6-counter {
grid-column-gap: 30px;
grid-row-gap: 30px;
align-items: center;
margin-bottom: 30px;
display: flex;
}
.wbs-testimonial-6-content {
background-color: var(--flowstica-webflow-library--white-smoke);
border-radius: 10px;
flex-direction: column;
padding: 60px;
display: flex;
position: relative;
}
.wbs-testimonial-6-slider {
background-color: #0000;
height: auto;
}
.wbs-testimonial-6-wrap {
z-index: 1;
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: .5fr 1fr;
grid-auto-columns: 1fr;
margin-bottom: 30px;
}
.wbs-container {
width: 100%;
max-width: 1300px;
margin-left: auto;
margin-right: auto;
}
.wbs-section {
padding: 1rem 5% 6.25rem;
}
.wbs-section.gallery-sec {
padding-top: 5%;
padding-bottom: 5%;
}
.slide-nav-styling-embed.home-nav-arrow {
margin-top: 65px;
}
.slide-nav-styling-embed.slide-nav-styling-embed-5 {
margin-top: 60px;
}
.uui-testimonial18_slide-nav {
height: 1.75rem;
font-size: .5rem;
inset: auto 0% 0% auto;
}
.uui-testimonial18_slide-nav.uui-testimonial18_slide-nav-none.hide-dots {
display: none;
}
.uui-button-icon {
flex-direction: column;
justify-content: center;
align-items: center;
width: 1.25rem;
min-width: 1.25rem;
height: 1.25rem;
min-height: 1.25rem;
display: flex;
}
.uui-testimonial18_arrow {
border: 1px solid var(--untitled-ui--gray200);
color: var(--untitled-ui--gray500);
background-color: #fff;
border-radius: 100%;
justify-content: center;
align-items: center;
width: 3rem;
height: 3rem;
transition: all .3s;
display: flex;
inset: auto auto 0% 0%;
}
.uui-testimonial18_arrow:hover {
background-color: var(--untitled-ui--gray50-2);
}
.uui-testimonial18_arrow.left {
background-image: linear-gradient(#78cf1a, #78cf1a);
inset: auto auto 0% 0%;
}
.uui-testimonial18_arrow.left.uui-testimonial18_arrow-left-home {
margin-top: 0;
}
.uui-testimonial18_arrow.right {
background-color: var(--accent--primary-1);
margin-left: 61px;
padding-left: 0;
}
.uui-testimonial18_arrow.right.uui-testimonial18_arrow-right-home {
justify-content: center;
align-items: center;
margin-top: 0;
padding-top: 0;
}
.uui-button-link {
grid-column-gap: .5rem;
color: var(--untitled-ui--primary700);
white-space: nowrap;
background-color: #0000;
justify-content: center;
align-items: center;
padding: 0;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1rem;
font-weight: 600;
line-height: 1.5;
text-decoration: none;
transition: all .3s;
display: flex;
}
.uui-button-link:hover {
color: var(--untitled-ui--primary800);
}
.uui-button-link.is-alternate {
color: var(--untitled-ui--white);
}
.uui-button-row {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
flex-wrap: wrap;
align-items: center;
display: flex;
}
.uui-space-medium {
width: 100%;
min-height: 2rem;
}
.uui-space-small {
width: 100%;
min-height: 1.5rem;
}
.uui-text-size-medium {
color: var(--untitled-ui--gray600);
letter-spacing: normal;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1rem;
line-height: 1.5;
}
.uui-text-size-medium.text-color-white {
color: var(--untitled-ui--white);
}
.uui-space-xsmall {
width: 100%;
min-height: 1rem;
}
.uui-heading-small {
color: var(--untitled-ui--gray900);
letter-spacing: 0;
margin-top: 0;
margin-bottom: 0;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1.875rem;
font-weight: 600;
line-height: 1.4;
}
.uui-heading-small.text-color-white {
color: var(--untitled-ui--white);
}
.uui-testimonial18_content-wrapper {
-webkit-backdrop-filter: blur(24px);
backdrop-filter: blur(24px);
color: var(--untitled-ui--white);
background-color: #ffffff4d;
border: 1px solid #ffffff80;
padding: 1.5rem;
}
.uui-testimonial17_logo {
max-height: 3rem;
}
.uui-testimonial18_logo-wrapper {
margin-top: .5rem;
margin-left: .5rem;
}
.uui-testimonial18_content {
background-color: var(--untitled-ui--gray500);
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
width: 100%;
height: 32rem;
padding: 1.5rem;
display: flex;
}
.uui-testimonial18_content.background-color-orange600 {
background-color: #e04f16;
}
.uui-testimonial18_content.background-color-lightblue600 {
background-color: #0086c9;
}
.uui-testimonial18_content.background-color-pink600 {
background-color: #dd2590;
}
.uui-testimonial18_content.background-color-indigo600 {
background-color: #444ce7;
}
.uui-testimonial18_content.background-color-blue600 {
background-color: #1570ef;
}
.uui-testimonial18_content.background-color-primary600 {
background-color: var(--untitled-ui--primary600);
}
.uui-testimonial18_slide {
padding-right: 2rem;
}
.uui-testimonial18_mask {
width: 33.33%;
margin-bottom: 60px;
overflow: visible;
}
.uui-testimonial18_mask.jenny-arrow {
margin-bottom: 60px;
}
.uui-testimonial18_component {
background-color: #0000;
height: auto;
margin-top: 2rem;
padding-bottom: 5rem;
display: inline;
position: relative;
}
.uui-text-size-large {
color: var(--untitled-ui--gray600);
letter-spacing: normal;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1.125rem;
line-height: 1.5;
}
.uui-heading-medium {
color: var(--untitled-ui--gray900);
margin-top: 0;
margin-bottom: 0;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 2.25rem;
font-weight: 600;
line-height: 1.3;
}
.uui-max-width-large {
width: 100%;
max-width: 48rem;
}
.uui-max-width-large.align-center {
margin-left: auto;
margin-right: auto;
}
.uui-padding-vertical-xhuge {
padding-top: 7rem;
padding-bottom: 6rem;
}
.uui-padding-vertical-xhuge.product-bottom-gallary {
padding-top: 4rem;
padding-bottom: 4rem;
}
.uui-padding-vertical-xhuge.gallary-sec1 {
padding-top: 2rem;
padding-bottom: 2rem;
}
.uui-padding-vertical-xhuge.slider-hone {
background-color: var(--primary-1);
padding-top: 2rem;
}
.uui-padding-vertical-xhuge.uui-padding-vertical-xhuge-csr-padding-less {
padding-top: 2.5rem;
padding-bottom: 2.5rem;
}
.uui-container-large {
width: 100%;
max-width: 80rem;
margin-left: auto;
margin-right: auto;
}
.uui-page-padding {
padding-left: 2rem;
padding-right: 2rem;
}
.uui-page-padding.gallery-sec {
background-color: #f4f3ec;
}
.uui-section_testimonial17 {
overflow: hidden;
}
.uui-space-xxlarge {
width: 100%;
min-height: 5rem;
}
.uui-logos04_logo {
height: 3rem;
}
.uui-logos04_wrapper {
justify-content: center;
align-items: flex-start;
padding: .75rem 1.5rem;
display: flex;
}
.uui-logos04_list {
white-space: nowrap;
flex-flow: row;
grid-template-rows: auto;
grid-template-columns: 12.5rem 12.5rem 12.5rem 12.5rem 12.5rem 12.5rem 12.5rem 12.5rem;
grid-auto-columns: 1fr;
justify-content: space-around;
place-items: center start;
width: 175rem;
display: flex;
}
.uui-logo-loop_inner {
display: flex;
}
.uui-logo-loop_component {
height: 4.5rem;
margin-top: 2rem;
}
.uui-logos04_text {
color: var(--untitled-ui--gray600);
letter-spacing: normal;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1rem;
font-weight: 500;
}
.align-center {
margin-left: auto;
margin-right: auto;
}
.uui-text-align-center {
text-align: center;
}
.uui-section_logos04 {
overflow: hidden;
}
.footer-grid {
grid-column-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
.footer-heading {
font-family: Poppins, sans-serif;
font-size: 20px;
font-weight: 500;
}
.footer-link {
color: var(--secondary--color-1);
letter-spacing: 0;
text-transform: none;
margin-bottom: 0;
font-family: Poppins, sans-serif;
}
.gallery-image {
border-radius: 14px;
}
.footer-cta-grid {
grid-template-rows: auto;
grid-template-columns: 1fr .5fr;
}
.footer-cta-div-02 {
text-align: right;
}
.heading {
font-family: Poppins, sans-serif;
}
.heading.footer-cta-heading {
color: var(--accent--primary-1);
}
.footer-cta-heading-2 {
color: var(--neutral--100);
font-family: Poppins, sans-serif;
font-size: 30px;
font-weight: 300;
}
.brix---logo-strip-image-card {
border: 1px solid var(--neutral--300);
box-shadow: 0 1px 12px 0 var(--general--shadow-02);
border-radius: 16px;
width: 284px;
margin: 14px 16px;
}
.brix---logo-strip-full-width {
justify-content: center;
align-items: center;
width: 100%;
display: none;
}
.brix---heading-h2-size {
margin-top: 0;
margin-bottom: 0;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 38px;
font-weight: 700;
line-height: 50px;
}
.brix---color-neutral-800 {
color: var(--neutral--800);
}
.brix---color-neutral-800.centet-align, .brix---text-center {
text-align: center;
}
.brix---mg-bottom-48px {
margin-bottom: 1.3em;
}
.brix---inner-container-574px---center {
max-width: 860px;
margin-left: auto;
margin-right: auto;
}
.brix---container-default {
max-width: 1218px;
padding-left: 24px;
padding-right: 24px;
}
.brix---section-logo-strip-v6 {
background-color: #f4f3ec;
padding-top: 100px;
padding-bottom: 100px;
overflow: hidden;
}
.brix---section-logo-strip-v6.certifications-section {
background-color: #fff;
}
.sustainability-div {
padding-top: 100px;
}
.text-block-2 {
color: var(--accent--primary-1);
}
.cta-circle-arrow {
text-align: right;
vertical-align: baseline;
margin-left: auto;
}
.wbs-cta-image-right {
z-index: 0;
height: 150px;
position: absolute;
inset: auto 0% 0% auto;
transform: rotate(20deg);
}
.wbs-cta-image-left {
z-index: 0;
height: 150px;
position: absolute;
inset: 10% auto auto 0%;
transform: rotate(-20deg);
}
.wbs-button-primary-1 {
background-color: var(--flowstica-webflow-library--medium-sea-green);
color: var(--flowstica-webflow-library--white);
text-align: center;
border-radius: 6px;
padding: 13px 30px;
font-size: 15px;
font-weight: 700;
transition: background-color .3s ease-in-out;
}
.wbs-button-primary-1:hover {
background-color: var(--flowstica-webflow-library--black);
}
.wbs-button-black {
background-color: var(--flowstica-webflow-library--black);
color: var(--flowstica-webflow-library--white);
border-radius: 6px;
padding: 13px 30px;
font-size: 15px;
font-weight: 700;
transition: all .3s ease-in-out;
}
.wbs-button-black:hover {
background-color: var(--flowstica-webflow-library--black-2);
color: var(--flowstica-webflow-library--white);
}
.wbs-cta-5-button {
grid-column-gap: 15px;
justify-content: center;
align-items: center;
display: flex;
}
.wbs-lead-text {
color: var(--flowstica-webflow-library--black);
font-size: 1.125rem;
line-height: 1.6rem;
}
.wbs-heading-h4 {
color: var(--flowstica-webflow-library--black);
margin-top: 0;
margin-bottom: 0;
font-size: 2.125rem;
font-weight: 700;
line-height: 1.3em;
}
.wbs-cta-5-content {
z-index: 1;
position: relative;
}
.wbs-cta-5 {
z-index: 1;
grid-column-gap: 20px;
grid-row-gap: 16px;
background-color: var(--flowstica-webflow-library--white-smoke);
text-align: center;
border-radius: 10px;
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: .5fr .5fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: center;
max-width: 100%;
margin-left: auto;
margin-right: auto;
padding: 70px;
display: flex;
position: relative;
overflow: hidden;
}
.wbs-container-2 {
width: 100%;
max-width: 1300px;
margin-left: auto;
margin-right: auto;
}
.wbs-section-2 {
padding: 6.25rem 5%;
}
.wbs-client-logo {
height: 30px;
}
.wbs-hero-6-client-grid {
grid-column-gap: 40px;
grid-row-gap: 40px;
flex-wrap: wrap;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
justify-items: center;
margin-top: 100px;
margin-left: auto;
margin-right: auto;
display: grid;
}
.wbs-error-message {
color: #fff;
text-align: center;
background-color: #e92222;
border-radius: 6px;
padding: 15px 20px;
}
.wbs-success-message {
color: #fff;
text-align: center;
background-color: #03cd69;
border-radius: 6px;
padding: 15px;
}
.wbs-form-input {
color: var(--flowstica-webflow-library--black);
border: 1px solid #010b151f;
border-radius: 10px;
height: 3.125rem;
padding: 10px 20px;
transition: border .3s ease-in-out;
}
.wbs-form-input:focus {
border-color: var(--flowstica-webflow-library--black);
}
.wbs-form-label {
margin-bottom: .3125rem;
}
.wbs-spacing-20 {
height: 1.25rem;
}
.wbs-heading-h5-2 {
color: var(--flowstica-webflow-library--black);
margin-top: 0;
margin-bottom: 0;
font-size: 1.625rem;
font-weight: 700;
line-height: 1.3em;
}
.wbs-form-block {
background-color: var(--flowstica-webflow-library--white);
border-radius: 10px;
width: 70%;
margin-left: auto;
margin-right: auto;
padding: 40px;
}
.wbs-button-link-icon-image {
height: 20px;
}
.wbs-button-link-icon-white {
grid-column-gap: 10px;
grid-row-gap: 10px;
color: var(--flowstica-webflow-library--white);
border-radius: 6px;
align-items: center;
font-size: 15px;
font-weight: 700;
text-decoration: none;
transition: all .3s ease-in-out;
display: flex;
}
.wbs-button-white {
background-color: var(--flowstica-webflow-library--white);
color: var(--flowstica-webflow-library--black);
border-radius: 6px;
padding: 13px 30px;
font-size: 15px;
font-weight: 700;
transition: all .3s ease-in-out;
}
.wbs-button-white:hover {
background-color: var(--flowstica-webflow-library--medium-sea-green);
color: var(--flowstica-webflow-library--white);
}
.wbs-hero-6-button {
grid-column-gap: 30px;
grid-row-gap: 30px;
display: flex;
}
.wbs-spacing-30 {
height: 1.875rem;
}
.wbs-hero-6-lead-text {
color: var(--flowstica-webflow-library--white);
font-size: 1.125rem;
line-height: 1.6rem;
}
.wbs-hero-3-title {
color: var(--flowstica-webflow-library--white-smoke);
margin-top: 0;
margin-bottom: 0;
font-size: 3.75rem;
font-weight: 700;
line-height: 1.3em;
}
.wbs-hero-6-tagline {
color: var(--flowstica-webflow-library--medium-sea-green);
background-color: #ffffff1a;
border-radius: 5px;
margin-bottom: 10px;
padding: 3px 10px;
display: inline-block;
}
.wbs-hero-5-content-left {
flex-direction: column;
align-items: flex-start;
}
.wbs-hero-5-content {
flex-direction: column;
align-items: flex-start;
display: flex;
}
.wbs-hero-6 {
grid-column-gap: 150px;
grid-row-gap: 150px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
margin-left: auto;
margin-right: auto;
display: grid;
}
.wbs-section-dark {
background-color: var(--flowstica-webflow-library--black);
padding: 6.25rem 5%;
}
.combine-chevron-right_icon-3 {
cursor: pointer;
width: 1rem;
height: 1rem;
display: flex;
}
.combine-button-content-3 {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
justify-content: center;
align-items: center;
display: flex;
}
.combine-button-icon-3 {
color: var(--combine-library--grey-800);
align-items: center;
padding-top: .5rem;
padding-bottom: .5rem;
font-family: Open Sans, sans-serif;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
text-decoration: none;
}
.combine-button-icon-3:hover {
color: var(--combine-library--primary-600);
}
.combine-blog4_paragraph {
color: var(--combine-library--grey-600);
font-family: Open Sans, sans-serif;
font-size: .875rem;
font-weight: 400;
line-height: 1.5;
}
.combine-heading-style-h6 {
color: var(--combine-library--grey-800);
margin-top: 0;
margin-bottom: 0;
font-family: Open Sans, sans-serif;
font-size: 1.125rem;
font-weight: 600;
line-height: 1.5;
}
.combine-blog4_date {
color: var(--combine-library--grey-600);
font-family: Open Sans, sans-serif;
font-size: .875rem;
font-weight: 400;
line-height: 1.5;
}
.combine-blog4_content {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
margin-left: 1rem;
display: flex;
}
.combine-blog4_image {
object-fit: cover;
width: 100%;
height: 100%;
}
.combine-blog4_label {
z-index: 2;
background-color: var(--combine-library--white);
color: var(--combine-library--grey-800);
border-radius: 4rem;
margin-top: .75rem;
margin-left: .75rem;
padding: .25rem .75rem;
font-family: Open Sans, sans-serif;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
position: absolute;
inset: 0% auto auto 0%;
}
.combine-blog4_image-wrapper {
border-radius: 1.25rem;
width: 100%;
max-width: 12rem;
display: flex;
position: relative;
overflow: hidden;
}
.combine-blog4_item {
color: var(--combine-library--grey-800);
flex-direction: row;
text-decoration: none;
display: flex;
}
.combine-blog4_wrapper {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
flex-direction: column;
display: flex;
}
.combine-text-size-regular-3 {
color: var(--combine-library--grey-600);
margin-bottom: 0;
font-family: Open Sans, sans-serif;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
}
.combine-heading-style-h5-3 {
color: var(--combine-library--grey-800);
margin-top: 0;
margin-bottom: 0;
font-family: Open Sans, sans-serif;
font-size: 1.25rem;
font-weight: 600;
line-height: 1.5;
}
.combine-blog4_content-featured {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
flex-direction: column;
align-items: flex-start;
margin-top: 1rem;
display: flex;
}
.combine-blog4_image-featured {
border-radius: 1.25rem;
justify-content: center;
align-items: center;
width: 100%;
min-width: 12rem;
height: 24rem;
display: flex;
position: relative;
overflow: hidden;
}
.combine-blog4_featured {
background-color: var(--combine-library--white);
color: var(--combine-library--grey-800);
border-radius: 1.25rem;
flex-direction: column;
text-decoration: none;
display: flex;
overflow: hidden;
}
.combine-blog4_component {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: start;
display: grid;
}
.combine-container-large-3 {
width: 100%;
max-width: 75rem;
margin-left: auto;
margin-right: auto;
}
.combine-space-large-3 {
height: 4rem;
}
.combine-space-medium-3 {
width: 100%;
height: 1.5rem;
}
.combine-heading-style-h2-3 {
color: var(--combine-library--grey-800);
margin-top: 0;
margin-bottom: 0;
font-family: Open Sans, sans-serif;
font-size: 3rem;
font-weight: 700;
line-height: 1.35;
}
.combine-text-align-center-3 {
text-align: center;
}
.combine-container-small-3 {
width: 100%;
max-width: 48rem;
margin-left: auto;
margin-right: auto;
}
.combine-padding-section-medium-3 {
padding-top: 4rem;
padding-bottom: 4rem;
}
.combine-padding-global-3 {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.combine-section_blog4 {
background-color: var(--combine-library--white);
}
.small-head {
color: #1a3151;
font-family: Poppins, sans-serif;
font-size: 21px;
font-weight: 600;
line-height: 20px;
}
.div-block-38 {
flex-direction: column;
align-items: flex-start;
padding: 0 4px 11px;
display: flex;
}
.div-block-38._1 {
justify-content: flex-start;
align-items: flex-start;
}
.div-block-41 {
border-left: 1px solid #a0d854;
flex: 1;
padding-top: 30px;
padding-bottom: 30px;
}
.div-block-37 {
background-image: url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/667964c01fc7dcafbc493b46_image%20(31)%201.png");
background-position: 0 0;
background-repeat: no-repeat;
background-size: contain;
border: 1px solid #a0d854;
width: 180px;
height: 90px;
}
.div-block-43 {
flex-direction: column;
justify-content: center;
align-items: flex-start;
min-height: 100vh;
padding-left: 300px;
display: flex;
position: sticky;
top: 0;
overflow: hidden;
}
.div-block-39 {
width: 60%;
}
.div-block-34 {
width: 80%;
}
.horizonal-scroll-content {
grid-column-gap: 16px;
grid-row-gap: 16px;
border-top: 5px solid #a0d854;
grid-template-rows: auto auto auto auto auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
width: 540vh;
display: grid;
}
.main-sections {
min-height: 778.313px;
}
.main-sections.right {
justify-content: flex-end;
align-items: center;
padding-top: 120px;
padding-bottom: 120px;
display: flex;
}
.main-sections.right.horizontal-scroll-section {
align-items: flex-start;
min-height: 500vh;
margin-bottom: -100px;
padding-top: 330px;
position: relative;
}
.medium-head {
color: #1a3151;
font-size: 35px;
font-weight: 500;
}
.div-block-35 {
margin-bottom: -1px;
padding-top: 18px;
padding-bottom: 18px;
position: relative;
}
.big-green-number {
color: #a0d854;
padding-top: 25px;
padding-bottom: 10px;
font-family: Poppins, sans-serif;
font-size: 40px;
font-weight: 700;
line-height: 1em;
}
.para-blue {
color: #1a3151;
letter-spacing: 0;
font-family: Poppins, sans-serif;
font-size: 16px;
line-height: 25px;
}
.image-19 {
z-index: -1;
position: absolute;
inset: auto 0% 0%;
}
.uui-text-size-medium-2 {
color: var(--untitled-ui--gray600);
letter-spacing: normal;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1rem;
line-height: 1.5;
}
.uui-space-xxsmall {
width: 100%;
min-height: .5rem;
}
.uui-heading-xxsmall {
color: var(--untitled-ui--gray900);
letter-spacing: normal;
margin-top: 0;
margin-bottom: 0;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1.25rem;
font-weight: 600;
line-height: 1.5;
}
.uui-layout32_timeline-right {
padding-top: 2.5rem;
padding-bottom: 2.5rem;
}
.uui-icon-1x1-xsmall {
width: 1.5rem;
height: 1.5rem;
}
.uui-icon-featured-outline-large {
border: .5rem solid var(--untitled-ui--primary50);
background-color: var(--untitled-ui--primary100);
color: var(--untitled-ui--primary600);
border-radius: 100%;
justify-content: center;
align-items: center;
width: 3.5rem;
height: 3.5rem;
display: flex;
}
.uui-layout32_timeline-icon-wrapper {
z-index: 1;
background-color: #fff;
margin-top: -1rem;
padding-top: 1rem;
padding-bottom: 1rem;
position: relative;
}
.uui-layout32_timeline-left {
flex-direction: column;
justify-content: flex-start;
align-items: center;
padding-top: 2.5rem;
padding-bottom: 2.5rem;
display: flex;
position: relative;
}
.uui-layout32_timeline-step {
grid-column-gap: 2.5rem;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: max-content 1fr;
}
.uui-layout32_progress-bar {
background-color: var(--untitled-ui--primary600);
width: 2px;
height: 100%;
}
.uui-layout32_progress-bar-wrapper {
background-color: var(--untitled-ui--gray200);
width: 2px;
height: 75%;
position: absolute;
top: 10%;
left: 1.75rem;
right: auto;
}
.uui-layout32_timeline-wrapper {
position: relative;
}
.uui-button {
grid-column-gap: .5rem;
border: 1px solid var(--untitled-ui--primary600);
background-color: var(--untitled-ui--primary600);
color: var(--untitled-ui--white);
text-align: center;
white-space: nowrap;
border-radius: .5rem;
justify-content: center;
align-items: center;
padding: .625rem 1.125rem;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1rem;
font-weight: 600;
line-height: 1.5;
text-decoration: none;
transition: all .3s;
display: flex;
box-shadow: 0 1px 2px #1018280d;
}
.uui-button:hover {
border-color: var(--untitled-ui--primary700);
background-color: var(--untitled-ui--primary700);
}
.uui-button:focus {
background-color: var(--untitled-ui--primary600);
box-shadow: 0 1px 2px 0 #1018280d, 0 0 0 4px var(--untitled-ui--primary100);
}
.uui-button-secondary-gray {
grid-column-gap: .5rem;
border: 1px solid var(--untitled-ui--gray300);
background-color: var(--untitled-ui--white);
color: var(--untitled-ui--gray700);
text-align: center;
white-space: nowrap;
border-radius: .5rem;
justify-content: center;
align-items: center;
padding: .625rem 1.125rem;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1rem;
font-weight: 600;
line-height: 1.5;
text-decoration: none;
transition: all .3s;
display: flex;
box-shadow: 0 1px 2px #1018280d;
}
.uui-button-secondary-gray:hover {
background-color: var(--untitled-ui--gray50-2);
color: var(--untitled-ui--gray800);
}
.uui-button-secondary-gray:focus {
background-color: var(--untitled-ui--white);
box-shadow: 0 1px 2px 0 #1018280d, 0 0 0 4px var(--untitled-ui--gray100);
}
.uui-button-row-2 {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
flex-wrap: wrap;
align-items: center;
display: flex;
}
.uui-space-medium-2 {
width: 100%;
min-height: 2rem;
}
.uui-heading-medium-2 {
color: var(--untitled-ui--gray900);
margin-top: 0;
margin-bottom: 0;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 2.25rem;
font-weight: 600;
line-height: 1.3;
}
.uui-heading-subheading {
color: var(--untitled-ui--primary600);
margin-bottom: .75rem;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1rem;
font-weight: 600;
line-height: 1.5;
}
.uui-layout32_component {
grid-column-gap: 4rem;
grid-row-gap: 4rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: start;
display: grid;
}
.uui-padding-vertical-xhuge-2 {
padding-top: 7rem;
padding-bottom: 7rem;
}
.uui-container-large-2 {
width: 100%;
max-width: 80rem;
margin-left: auto;
margin-right: auto;
}
.uui-page-padding-2 {
padding-left: 2rem;
padding-right: 2rem;
}
.uui-button-icon-2 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 1.25rem;
min-width: 1.25rem;
height: 1.25rem;
min-height: 1.25rem;
display: flex;
}
.uui-button-link-2 {
grid-column-gap: .5rem;
color: var(--untitled-ui--primary700);
white-space: nowrap;
background-color: #0000;
justify-content: center;
align-items: center;
padding: 0;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1rem;
font-weight: 600;
line-height: 1.5;
text-decoration: none;
transition: all .3s;
display: flex;
}
.uui-button-link-2:hover {
color: var(--untitled-ui--primary800);
}
.uui-space-small-2 {
width: 100%;
min-height: 1.5rem;
}
.uui-layout87_item {
flex-direction: column;
align-items: center;
}
.uui-layout87_component {
grid-column-gap: 2rem;
grid-row-gap: 4rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
place-items: start;
display: grid;
}
.small-head-2 {
color: #000;
font-family: Poppins, sans-serif;
font-size: 16px;
font-weight: 700;
line-height: 20px;
}
.div-block-44 {
border-left: 1px solid #a0d854;
flex: 1;
padding-top: 30px;
padding-bottom: 30px;
}
.div-block-45 {
background-image: url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/6679a14f2c4848aa237ab7b5_Mining%20img%2001.jpg");
background-position: 0 0;
background-size: cover;
border: 1px solid #a0d854;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
width: 200px;
height: 130px;
}
.div-block-45.defense-img {
background-image: url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/6679a14f94cced42ee94ed0f_Defense%20img%2001.jpg");
}
.div-block-45.homeland-img {
background-image: url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/6679a14feb62eb11c24a4c31_Homeland%20Security%20img%2001.jpg");
}
.div-block-45.railways-img {
background-image: url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/6679a14ff6d8b383ce110265_Railways%20img%2001.jpg");
}
.div-block-45.forests-img {
background-image: url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/6679a14fbbac0aeae2705299_Forests%20img%2001.jpg");
}
.div-block-45.oil-gas-img {
background-image: url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/6679a14f5af88a4a6ae9cb83_Oil%20%26%20Gas%20img%2001.jpg");
}
.div-block-45.telecommunications-img {
background-image: url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/6679a14f69c0e6b88d5c55f8_Telecommunications%20img%2001.jpg");
}
.div-block-45.earth-sciences-img {
background-image: url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/6679a14f19f29e32da66e7b4_Earth%20Sciences%20img%2001.jpg");
}
.div-block-45.disaster-img {
background-image: url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/6679a155a478523d6d36a13a_Disaster%20img%2001.jpg");
}
.div-block-45.construction-img {
background-image: url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/6679a14f53e73abab79cf41f_Construction%20img%2001.jpg");
}
.div-block-45.mining-img {
background-image: url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/6679a14f2c4848aa237ab7b5_Mining%20img%2001.jpg");
}
.div-block-45.utilities-img {
background-image: url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/6679a155a478523d6d36a133_Utilities%20img%2001.jpg");
}
.div-block-45.railways-img-copy {
background-image: url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/6679a14ff6d8b383ce110265_Railways%20img%2001.jpg");
}
.div-block-46 {
flex-direction: column;
justify-content: center;
align-items: flex-start;
min-height: 100vh;
padding-left: 300px;
display: flex;
position: sticky;
top: 0;
overflow: hidden;
}
.div-block-47 {
width: 60%;
font-family: Poppins, sans-serif;
}
.div-block-48 {
width: 80%;
}
.div-block-49 {
margin-bottom: -1px;
padding-top: 18px;
padding-bottom: 18px;
position: relative;
}
.para-blue-2 {
color: #000;
letter-spacing: 1px;
font-family: Poppins, sans-serif;
font-size: 16px;
line-height: 24px;
}
.image-20 {
z-index: -1;
display: none;
position: absolute;
inset: auto 0% 0%;
}
.horizonal-scroll-content-2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
border-top: 5px solid #a0d854;
grid-template-rows: auto auto auto auto auto auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
width: 400vh;
display: grid;
}
.certification-grid {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
.certification-img {
border: 1px solid #eee;
border-radius: 15px;
}
.text-block-3 {
font-family: Poppins, sans-serif;
font-size: 16px;
}
.uui-contact14_map {
width: 100%;
height: 100%;
}
.uui-contact14_map-wrapper {
flex-direction: column;
width: 100%;
height: 100%;
}
.uui-contact14_tab-pane {
height: 100%;
}
.uui-contact14_map-placeholder {
z-index: 1;
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.uui-button-icon-3 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 1.25rem;
min-width: 1.25rem;
height: 1.25rem;
min-height: 1.25rem;
display: flex;
}
.uui-button-link-3 {
grid-column-gap: .5rem;
color: var(--untitled-ui--primary700);
white-space: nowrap;
background-color: #0000;
justify-content: center;
align-items: center;
padding: 0;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1rem;
font-weight: 600;
line-height: 1.5;
text-decoration: none;
transition: all .3s;
display: flex;
}
.uui-button-link-3:hover {
color: var(--untitled-ui--primary800);
}
.uui-button-row-3 {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
flex-wrap: wrap;
align-items: center;
display: flex;
}
.uui-space-small-3 {
width: 100%;
min-height: 1.5rem;
}
.uui-text-size-medium-3 {
color: var(--untitled-ui--gray600);
letter-spacing: normal;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1rem;
line-height: 1.5;
}
.uui-space-xxsmall-2 {
width: 100%;
min-height: .5rem;
}
.uui-heading-xxsmall-2 {
color: var(--untitled-ui--gray900);
letter-spacing: normal;
margin-top: 0;
margin-bottom: 0;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1.25rem;
font-weight: 600;
line-height: 1.5;
}
.uui-contact14_tabs-link {
border-left: 4px solid var(--untitled-ui--gray100);
background-color: #0000;
padding: 1.5rem 0 1.5rem 2rem;
display: block;
}
.uui-contact14_tabs-link.w--current {
border-left-color: var(--accent--primary-1);
opacity: 1;
background-color: #0000;
}
.uui-contact14_tabs-menu {
grid-column-gap: 1rem;
grid-row-gap: 0rem;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
align-items: start;
display: grid;
}
.uui-contact14_component {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
grid-template-rows: auto;
grid-template-columns: .5fr 1fr;
grid-auto-columns: 1fr;
align-items: stretch;
margin-top: 4rem;
display: grid;
}
.uui-text-size-large-2 {
color: var(--untitled-ui--gray600);
letter-spacing: normal;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1.125rem;
line-height: 1.5;
}
.uui-space-xsmall-2 {
width: 100%;
min-height: 1rem;
}
.uui-heading-medium-3 {
color: var(--untitled-ui--gray900);
margin-top: 0;
margin-bottom: 0;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 2.25rem;
font-weight: 600;
line-height: 1.3;
}
.uui-heading-subheading-2 {
color: var(--untitled-ui--primary600);
margin-bottom: .75rem;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1rem;
font-weight: 600;
line-height: 1.5;
}
.uui-max-width-large-2 {
width: 100%;
max-width: 48rem;
}
.uui-padding-vertical-xhuge-3 {
padding-top: 7rem;
padding-bottom: 7rem;
}
.uui-container-large-3 {
width: 100%;
max-width: 80rem;
margin-left: auto;
margin-right: auto;
}
.uui-page-padding-3 {
padding-left: 2rem;
padding-right: 2rem;
}
.about-what-we-do-grid {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
}
.spark-small-sub-paragraph {
color: var(--spark-library--foreground-secondary);
margin-bottom: 0;
font-size: .8rem;
line-height: 1.3;
}
.spark-bold-heading {
margin-bottom: .5rem;
font-weight: 600;
line-height: 1;
display: inline-block;
}
.spark-bold-heading.spark-card-title {
font-size: 1.2rem;
}
.spark-bold-heading.spark-no-bottom-margin {
margin-bottom: 0;
}
.spark-card-details {
grid-row-gap: 16px;
flex-direction: column;
align-items: flex-start;
max-width: 590px;
padding-bottom: 32px;
padding-left: 8px;
padding-right: 8px;
display: flex;
}
.spark-square-image-card {
object-fit: cover;
border-radius: 12px;
width: 100%;
height: auto;
display: block;
}
.spark-wrapped-card {
grid-column-gap: 24px;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.spark-wrapped-card.spark-stacked {
grid-column-gap: 24px;
grid-row-gap: 24px;
text-align: left;
flex-direction: column;
justify-content: center;
align-items: stretch;
transition: border-color .15s;
}
.spark-three-column-grid {
grid-column-gap: 64px;
grid-row-gap: 64px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
align-items: start;
display: grid;
}
.spark-two-column-grid {
grid-column-gap: 64px;
grid-row-gap: 64px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: start;
display: grid;
}
.spark-simple-icon-tabs-content {
width: 75%;
display: block;
}
.spark-small-icon {
flex: none;
width: 24px;
height: 24px;
display: inline-block;
}
.spark-flex-center {
grid-column-gap: 8px;
align-items: center;
display: flex;
}
.spark-simple-side-icon-tab {
background-color: var(--flowstica-webflow-library--white-smoke);
color: var(--spark-library--black);
border-radius: 12px;
margin-bottom: 1rem;
padding: 20px;
transition: background-color .15s, color .15s;
display: block;
}
.spark-simple-side-icon-tab:hover {
border-bottom-color: var(--spark-library--light-steel-purple);
background-color: var(--secondary--color-2);
opacity: 1;
color: var(--untitled-ui--white);
}
.spark-simple-side-icon-tab.w--current {
border-bottom-color: var(--spark-library--foreground-interactive);
background-color: var(--accent--primary-1);
color: #fff;
padding: 20px;
}
.spark-simple-stacked-icon-tabs {
float: left;
grid-column-gap: 0px;
flex-direction: column;
justify-content: center;
width: 20%;
margin-bottom: 0;
margin-right: 5%;
display: inline-block;
}
.spark-side-flat-tab-parent {
width: 100%;
display: block;
}
.spark-secondary-paragraph {
color: var(--spark-library--foreground-secondary);
margin-bottom: 64px;
}
.spark-centered-900 {
text-align: center;
width: 900px;
max-width: 100%;
margin-bottom: 100px;
margin-left: auto;
margin-right: auto;
}
.spark-container {
max-width: 1440px;
margin-left: auto;
margin-right: auto;
position: relative;
}
.spark-section {
width: 100%;
padding: 0 64px;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
position: relative;
}
.spark-section h5 {
margin-top: 1.5rem;
margin-bottom: .5rem;
font-size: 1.75rem;
font-weight: 600;
line-height: 1.3;
}
.spark-section h4 {
margin-top: 0;
margin-bottom: 1rem;
font-size: 1.5rem;
font-weight: 500;
line-height: 1.4;
}
.spark-section h1 {
margin-bottom: 1rem;
font-size: 4rem;
font-weight: 600;
line-height: 1.1;
}
.spark-section h2 {
margin-top: 1rem;
margin-bottom: 0;
padding-bottom: 10px;
font-size: 2rem;
font-weight: 600;
line-height: 1;
}
.spark-section h3 {
margin-top: 2.5rem;
margin-bottom: 1rem;
font-size: 2rem;
font-weight: 600;
line-height: 1.3;
}
.spark-section h6 {
margin-top: 1.5rem;
margin-bottom: .5rem;
font-size: .8125rem;
font-weight: 700;
line-height: 1.5;
}
.spark-section p {
margin-bottom: 0;
}
.spark-section ul {
margin-top: 1rem;
margin-bottom: 3rem;
padding-left: 14px;
}
.spark-section li {
margin-bottom: .5rem;
font-size: 16px;
line-height: 1.6em;
}
.what-we-do-grid {
grid-template-rows: auto;
}
.what-we-do-grid.fuel-service-grid {
background-color: var(--system--orange-100);
border: 2px solid #e5dfdf;
border-radius: 15px;
max-width: 1280px;
height: 450px;
margin-left: auto;
margin-right: auto;
}
.what-we-do-grid.fuel-service-grid.on-site-hydrogen-grid {
height: auto;
}
.what-we-do-div-01 {
background-image: url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/66aa7350ea4566f608ee1df9_What%20we%20Do%20MG.jpg");
background-position: 0%;
background-size: cover;
border-top-left-radius: 15px;
border-bottom-left-radius: 15px;
}
.what-we-do-div-01.expertise-div {
background-image: url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/66aa73847193ad49beef7a04_Our%20Growth%20img01.jpg");
background-position: 50%;
background-size: cover;
}
.what-we-do-div-01.expertise-div.methanol-refill-div {
background-image: url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/66cef155c1fea47b53f8097f_Methanol%20Refill%20Unit%20img001.jpg");
}
.what-we-do-div-01.expertise-div.caravan-div {
background-image: url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/66ee5e16ba4294114656323e_Caravan%20IMG09.jpg");
}
.what-we-do-div-01.our-growth-div {
background-image: url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/66aa73847193ad49beef7a04_Our%20Growth%20img01.jpg");
background-position: 50%;
}
.what-we-do-div-01.our-growth-div.hydrogen-fuel-div {
background-image: url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/68513b3af2eba33d4e01520d_Untitled%20design%20(22)%20(2).png");
}
.what-we-do-div-01.our-growth-div.yacht-div {
background-image: url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/66cef5206daebbc5bfd16eed_yach%20IMG.jpg");
}
.what-we-do-div-01.our-growth-div.yacht-div.e-bikes-div {
background-image: url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/67f3afdda9e54977c9510396_Untitled%20design%20(10)-min.png");
}
.what-we-do-div-01.our-missiond-v {
background-image: url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/66aa73b4dfe02214b02cff67_Our%20Mission%20IMG01.jpg");
height: 330px;
}
.what-we-do-div-01.methanol-fuel-div {
background-image: url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/66ff858a4828258b9a4c05e8_methanol.avif");
}
.what-we-do-div-01.methanol-fuel-div.hydrogen-img {
background-image: url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/6880ce75faf0e62bc475df0d_WhatsApp%20Image%202025-07-23%20at%205.23.16%20PM.jpeg");
}
.what-we-do-div-01.methanol-fuel-div.hydrogen-img.on-site-hydrogen-img {
background-image: url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/6859481d3a2d3a7cf3f9fb0c_H%20(1).png");
}
.what-we-do-div-01.camping-img {
background-image: url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/66ee5df9af1ac28bc9b5dc27_Camping%20IMG009.jpg");
}
.what-we-do-div02 {
padding: 20px;
}
.what-we-do-div02.what-we-do-div06 {
padding-left: 0;
}
.h3-heading.h3-heading-hero {
color: var(--neutral--100);
font-family: Poppins, sans-serif;
font-size: 23px;
}
.h3-heading.h3-left.heading-h3.heading-h3-padding-bottom {
margin-bottom: 20px;
}
.h3-heading.head-sec-last-fuel.hide-pc-html-fuel {
display: none;
}
.tab-pane-tab-1 {
background-color: #fff;
border-radius: 12px;
}
.image-21 {
background-image: linear-gradient(#faf8f4, #faf8f4);
}
.brix---text-300-list {
font-size: 20px;
line-height: 28px;
}
.brix---color-accent-1 {
color: var(--accent--primary-1);
}
.brix---text-300-bold {
font-size: 20px;
font-weight: 700;
line-height: 22px;
}
.brix---color-neutral-801 {
color: var(--neutral--800);
}
.brix---mg-bottom-8px {
margin-bottom: 8px;
}
.brix---paragraph-default {
color: var(--secondary--color-1);
margin-bottom: 0;
font-family: Poppins, sans-serif;
font-size: 16px;
line-height: 30px;
}
.brix---color-neutral-600 {
color: var(--neutral--600);
}
.brix---mg-bottom-24px {
margin-bottom: 24px;
}
.brix---heading-h3-size {
margin-top: 0;
margin-bottom: 12px;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 24px;
font-weight: 700;
line-height: 34px;
}
.brix---heading-h3-size.brix---heading-h3-size-light-head {
color: var(--neutral--100);
}
.brix---mg-bottom-32px {
margin-bottom: 32px;
}
.brix---testimonial-v12-right-content {
flex-direction: column;
justify-content: center;
align-items: flex-start;
display: flex;
}
.brix---avatar-circle-08-testimonial-v12 {
border-radius: 50%;
flex: none;
width: 340px;
max-width: 340px;
height: 100%;
max-height: 340px;
margin-right: 48px;
overflow: hidden;
transform: translate(0);
}
.brix---card-testimonial-v12 {
border: 1px solid var(--neutral--300);
background-color: var(--neutral--100);
box-shadow: 0 2px 7px 0 var(--general--shadow-01);
border-radius: 24px;
padding: 64px 72px;
display: flex;
}
.brix---tabs-content {
overflow: visible;
}
.brix---text-100 {
font-size: 16px;
line-height: 18px;
}
.brix---text-200-bold {
color: var(--neutral--100);
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 18px;
font-weight: 700;
line-height: 20px;
}
.brix---mg-left-12px {
margin-left: 12px;
}
.brix---avatar-circle-03 {
border-radius: 50%;
width: 64px;
max-width: 64px;
height: 64px;
max-height: 64px;
overflow: hidden;
transform: translate(0);
}
.brix---flex-horizontal {
justify-content: center;
align-items: center;
display: flex;
}
.brix---tab-line {
opacity: .4;
background-color: #0000;
border-bottom: 2px solid #0000;
padding: 40px;
transition: opacity .3s, color .3s;
}
.brix---tab-line:hover {
opacity: 1;
}
.brix---tab-line.w--current {
border-bottom-color: var(--accent--primary-1);
opacity: 1;
background-color: #0000;
}
.brix---tabs-menu-bottom {
flex-direction: row;
justify-content: center;
align-items: center;
margin-top: 40px;
margin-bottom: 0;
display: flex;
}
.brix---tabs-wrapper-reverse {
flex-direction: column-reverse;
display: flex;
}
.brix---inner-container-1104px-center {
max-width: 1104px;
margin-left: auto;
margin-right: auto;
}
.brix---heading-h2-size-2 {
margin-top: 0;
margin-bottom: 0;
font-family: Poppins, sans-serif;
font-size: 38px;
font-weight: 500;
line-height: 50px;
}
.brix---heading-h2-size-2.h2-center-light {
color: var(--neutral--100);
}
.brix---mg-bottom-16px {
margin-bottom: 16px;
}
.brix---text-center-2 {
text-align: center;
width: auto;
margin-left: auto;
margin-right: auto;
}
.brix---mg-bottom-40px {
margin-bottom: 40px;
}
.brix---inner-container-574px---center-2 {
max-width: 574px;
margin-left: auto;
margin-right: auto;
}
.brix---container-default-2 {
max-width: 1218px;
padding-bottom: 100px;
padding-left: 24px;
padding-right: 24px;
}
.brix---section {
color: var(--neutral--100);
padding-top: 100px;
padding-bottom: 100px;
}
.brix---section.it-solutions-sec-1 {
padding-top: 20px;
padding-bottom: 0;
}
.brix---section.it-solutions-sec-1.smart-city-section {
background-color: #fff;
padding-top: 100px;
}
.brix---section.it-solutions-sec-1.smart-city-section.single-vs-hybridised-sec {
color: var(--secondary--color-2);
padding-top: 50px;
padding-bottom: 50px;
}
.brix---section.it-solutions-sec-1.smart-city-section.single-vs-hybridised-sec.engineering-the-future-sec {
background-color: var(--system--orange-100);
}
.brix---section.it-solutions-sec-1.smart-city-section.single-vs-hybridised-sec.engineering-the-future-sec.genset-hide {
display: none;
}
.brix---section.it-solutions-sec-1.smart-city-section.single-vs-hybridised-sec.engineering-the-future-sec.emily-3000-bottom-sec {
background-image: url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/66cc4e00d7dcdc8a8c9d8e37_emily_boden-e1580393554698.jpg");
background-position: 0 0;
background-size: cover;
background-attachment: fixed;
}
.brix---section.it-solutions-sec-1.smart-city-section.single-vs-hybridised-sec.engineering-the-future-sec.emily-3000-bottom-sec.genny-paralax {
background-image: url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/66cf080a034bedf1c73da8f7_Jenny%20Paralax.jpg");
background-size: cover;
}
.brix---section.it-solutions-sec-1.smart-city-section.single-vs-hybridised-sec.engineering-the-future-sec.emily-3000-bottom-sec.efoy-parallax {
background-image: url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/66cf54f3d1cd01c5128ce02b_Effoy%20Paralax.jpg");
}
.brix---section.it-solutions-sec-1.smart-city-section.single-vs-hybridised-sec.engineering-the-future-sec.emily-3000-bottom-sec.efoy-pro-paralax {
background-image: url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/66cf56fee080fe27b1fe546f_Effoy%20Pro%20Paralax.jpg");
}
.brix---section.it-solutions-sec-1.smart-city-section.single-vs-hybridised-sec.engineering-the-future-sec.emily-3000-bottom-sec.efoy-hydrogen-paralax {
background-image: url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/66cf5928d93ee91f4799f1cd_EFOY%20Hydrogen%20Paralax.jpg");
}
.brix---section.it-solutions-sec-1.smart-city-section.single-vs-hybridised-sec.engineering-the-future-sec.customised-solutions-sec {
padding-top: 0;
padding-bottom: 0;
}
.brix---section.it-solutions-sec-1.smart-city-section.single-vs-hybridised-sec.engineering-the-future-sec.emily-30000video {
background-color: var(--untitled-ui--white);
}
.brix---section.it-solutions-sec-1.smart-city-section.single-vs-hybridised-sec.key-features-section {
padding-top: 60px;
padding-bottom: 60px;
}
.brix---section.it-solutions-sec-1.smart-city-section.single-vs-hybridised-sec.green-hydrogen-sec-hide, .brix---section.it-solutions-sec-1.smart-city-section.single-vs-hybridised-sec.powerpack-hide {
display: none;
}
.brix---section.it-solutions-sec-1.smart-city-section.single-vs-hybridised-sec.smart-city-section.smart-city-section-1 {
background-color: var(--system--orange-100);
color: var(--system--red-400);
padding-top: 0;
}
.brix---section.it-solutions-sec-1.smart-city-section.single-vs-hybridised-sec.smart-city-section.smart-city-section-1.innovating-new-product-sec {
background-color: var(--untitled-ui--white);
}
.brix---section.it-solutions-sec-1.smart-city-section.single-vs-hybridised-sec.powerpack-sec {
padding-top: 70px;
padding-bottom: 70px;
}
.brix---section.it-solutions-sec-1.smart-city-section.single-vs-hybridised-sec.powerpack-sec.hide-section, .brix---section.it-solutions-sec-1.smart-city-section.single-vs-hybridised-sec.hide-sec {
display: none;
}
.brix---section.it-solutions-sec-1.smart-city-section.single-vs-hybridised-sec.energy-management-sec {
background-color: var(--button-shadow--white-01);
}
.brix---section.it-solutions-sec-1.smart-city-section.single-vs-hybridised-sec.energy-management-sec.benefits--sec09 {
background-color: var(--combine-library--white);
}
.brix---section.it-solutions-sec-1.smart-city-section.single-vs-hybridised-sec.energy-management-sec.energy-management-bg-1 {
background-image: url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/66fe8021773dfd7f6acd5690_Energy-management-Bg1.jpg");
background-position: 0 0;
background-size: cover;
background-attachment: fixed;
}
.brix---section.it-solutions-sec-1.technology-sec-1 {
padding-top: 60px;
padding-bottom: 30px;
}
.brix---section.it-solutions-sec-1.benifite-section {
background-image: linear-gradient(#0000002e, #0000002e), url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/66b3428669e2d31095baa7b1_About%20us%20bg%2001.jpg");
background-position: 0 0, 0 0;
background-size: auto, cover;
background-attachment: scroll, fixed;
padding-top: 60px;
padding-bottom: 60px;
}
.brix---section.it-solutions-sec-1.benifite-section.green-hydrogen-bg {
background-image: linear-gradient(#00000087, #00000087), url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/66c45c9fa5f3edbf0241b05d_Green%20Hydrogen%20BG001.jpg");
background-size: auto, cover;
}
.brix---section.it-solutions-sec-1.benifite-section.green-hydrogen-bg.sustainable-energy-sec {
background-image: linear-gradient(#0000, #0000), url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/66fe8021773dfd7f6acd5690_Energy-management-Bg1.jpg");
}
.brix---section.it-solutions-sec-1.benifite-section.green-hydrogen-bg.hydrogen-fuel-cell--bg09 {
background-image: linear-gradient(#0000006b, #0000006b), url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/66ff8c16a44e8d64cecf2317_Hydrogen%20Fuel%20Cell%20BG1.jpg");
background-size: auto, cover;
}
.brix---section.it-solutions-sec-1.benifite-section.green-hydrogen-bg.green-hydrogen-bg-0 {
background-image: linear-gradient(#0000, #0000), url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/66ff8d7ce543f599d4c75f25_Fuel%20Services%20Bg-1%20(1).jpg");
background-size: auto, cover;
}
.brix---section.it-solutions-sec-1.benifite-section.green-hydrogen-bg.our-approach-bg09 {
background-image: linear-gradient(#0000, #0000), url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/6703a07f886eb8e383adc6c5_Our%20Approach%20Bg9.jpg");
background-size: auto, cover;
}
.brix---section.it-solutions-sec-1.benifite-section.green-hydrogen-bg.net-zero-energy-bg01 {
background-image: linear-gradient(#000000ab, #000000ab), url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/6703a094b010e19007ef84da_Net%20Zero%20Energy%20BG1.jpg");
background-size: auto, cover;
}
.brix---section.it-solutions-sec-1.benifite-section.industry-bg {
background-image: linear-gradient(to bottom, var(--neutral--100), var(--neutral--100)), linear-gradient(to bottom, var(--system--orange-200), var(--system--orange-200));
background-position: 0 0, 0 0;
background-size: auto, auto;
}
.brix---section.brix---section-hide {
display: none;
}
.brix---link-icon-right {
margin-left: 6px;
}
.brix---link-wrapper {
color: var(--neutral--800);
align-items: center;
font-size: 18px;
line-height: 20px;
text-decoration: none;
transition: color .3s;
display: none;
}
.brix---link-wrapper:hover {
color: var(--accent--primary-1);
}
.brix---color-neutral-802 {
color: var(--neutral--600);
}
.brix---mg-top-16px {
margin-top: 16px;
}
.brix---card-v11-feature-over-image {
z-index: 1;
border: 1px solid var(--neutral--300);
background-color: var(--neutral--100);
box-shadow: 0 2px 7px 0 var(--general--shadow-01);
border-radius: 24px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
margin-top: -80px;
margin-left: 40px;
margin-right: 40px;
padding: 28px 32px 48px;
display: flex;
position: relative;
}
.brix---card-v11-feature-over-image.fuel-ceel-box-01 {
background-color: var(--secondary--color-1);
}
.brix---card-v11-feature-over-image.fuel-ceel-box-01.fuel-ceel-box-01-height {
justify-content: flex-start;
align-items: flex-start;
height: 220px;
}
.brix---card-v11-feature-over-image.fuel-ceel-box-02 {
background-color: var(--accent--primary-1);
}
.brix---card-v11-feature-over-image.fuel-ceel-box-02.fuel-ceel-box-01-height {
justify-content: flex-start;
align-items: flex-start;
}
.brix---card-v11-feature-over-image.fuel-ceel-box-02.fuel-ceel-box-01-height._260 {
height: 220px;
}
.brix---image-width-100 {
width: 100%;
}
.brix---image-border-radius-24px {
border-radius: 24px;
overflow: hidden;
}
.brix---link-content {
color: var(--neutral--600);
text-decoration: none;
}
.brix---grid-features-v11 {
grid-column-gap: 28px;
grid-row-gap: 64px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
place-items: start stretch;
display: grid;
}
.brix---mg-bottom-12px {
margin-bottom: 12px;
}
.brix---inner-container-600px---center {
max-width: 800px;
margin-left: auto;
margin-right: auto;
}
.brix---mg-bottom-48px-2 {
margin-bottom: 48px;
}
.brix---mg-bottom-0 {
color: var(--neutral--800);
margin-bottom: 0;
font-size: 16px;
line-height: 1.7em;
}
.brix---color-neutral-803 {
color: var(--neutral--600);
}
.brix---paragraph-default-2 {
margin-bottom: 0;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 18px;
line-height: 30px;
}
.brix---paragraph-default-2.sub-text-light-center {
color: var(--neutral--100);
}
.brix---color-neutral-804 {
color: var(--neutral--800);
}
.brix---card-left-text-wrapper {
margin-left: 24px;
}
.brix---square-icon {
border-radius: 16px;
max-width: 40%;
}
.brix---card---icon-left---content-right {
border: 1px solid var(--neutral--300);
background-color: var(--neutral--100);
box-shadow: 0 2px 7px 0 var(--general--shadow-01);
border-radius: 24px;
align-items: flex-start;
padding: 48px;
display: flex;
}
.brix---grid-2-columns {
grid-column-gap: 28px;
grid-row-gap: 28px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
place-items: start stretch;
display: grid;
}
.brix---text-center-3 {
text-align: center;
}
.brix---inner-container-600px---center-2 {
max-width: 790px;
margin-left: auto;
margin-right: auto;
}
.brix---section-2 {
color: var(--neutral--100);
background-image: linear-gradient(#0000004a, #0000004a), url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/668787ff3c1ba0f54672890a_Forest-BG-Energy-port-BG.jpg");
background-position: 0 0, 0 0;
background-size: auto, cover;
background-attachment: scroll, fixed;
padding-top: 60px;
padding-bottom: 60px;
}
.paragraph-2 {
color: var(--neutral--800);
}
.paragraph-2.brix---heading-h3-size-light-para {
color: var(--neutral--100);
}
.spark-small-sub-paragraph-2 {
color: var(--spark-library--foreground-secondary);
margin-bottom: 0;
font-size: .8rem;
line-height: 1.3;
}
.spark-bold-heading-2 {
margin-bottom: .5rem;
font-weight: 600;
line-height: 1;
display: inline-block;
}
.spark-bold-heading-2.spark-card-title {
font-size: 1.2rem;
}
.spark-card-details-2 {
grid-row-gap: 16px;
flex-direction: column;
align-items: flex-start;
max-width: 590px;
padding-bottom: 32px;
padding-left: 8px;
padding-right: 8px;
display: flex;
}
.spark-square-image-card-2 {
object-fit: cover;
border-radius: 12px;
width: 100%;
height: auto;
display: block;
}
.spark-wrapped-card-2 {
grid-column-gap: 24px;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.spark-wrapped-card-2.spark-stacked {
grid-column-gap: 24px;
grid-row-gap: 24px;
text-align: left;
flex-direction: column;
justify-content: center;
align-items: stretch;
transition: border-color .15s;
}
.spark-three-column-grid-2 {
grid-column-gap: 64px;
grid-row-gap: 64px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
align-items: start;
display: grid;
}
.spark-tabs-content {
width: 100%;
}
.spark-pill-tab {
color: var(--spark-library--black);
background-color: #0000;
border-radius: 8px;
padding: 8px 24px;
transition: color .15s, background-color .15s;
}
.spark-pill-tab:hover {
background-color: var(--untitled-ui--white);
opacity: 1;
color: var(--untitled-ui--gray800);
}
.spark-pill-tab.w--current {
background-color: var(--accent--primary-1);
color: var(--spark-library--white);
}
.spark-tabs-menu {
grid-column-gap: 16px;
justify-content: center;
margin-bottom: 100px;
display: flex;
}
.spark-tabs-menu.spark-left-aligned {
justify-content: flex-start;
margin-bottom: 40px;
}
.spark-tabs-parent {
width: 100%;
}
.spark-secondary-paragraph-3 {
color: var(--spark-library--foreground-secondary);
margin-bottom: 64px;
}
.spark-centered-901 {
text-align: center;
width: 900px;
max-width: 100%;
margin-bottom: 100px;
margin-left: auto;
margin-right: auto;
}
.spark-container-2 {
max-width: 1440px;
margin-left: auto;
margin-right: auto;
position: relative;
}
.spark-section-2 {
width: 100%;
padding: 176px 64px;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
position: relative;
}
.spark-section-2 h5 {
margin-top: 1.5rem;
margin-bottom: .5rem;
font-size: 1.75rem;
font-weight: 600;
line-height: 1.3;
}
.spark-section-2 h4 {
margin-top: 0;
margin-bottom: 1rem;
font-size: 1.5rem;
font-weight: 500;
line-height: 1.4;
}
.spark-section-2 h1 {
margin-bottom: 1rem;
font-size: 1.4rem;
font-weight: 600;
line-height: 1.1;
}
.spark-section-2 h2 {
margin-top: 1rem;
margin-bottom: 0;
font-family: Poppins, sans-serif;
font-size: 3rem;
font-weight: 500;
line-height: 1.2;
}
.spark-section-2 h3 {
margin-top: 2.5rem;
margin-bottom: 1rem;
font-size: 2rem;
font-weight: 600;
line-height: 1.3;
}
.spark-section-2 h6 {
margin-top: 1.5rem;
margin-bottom: .5rem;
font-size: .8125rem;
font-weight: 700;
line-height: 1.5;
}
.spark-section-2 ul {
margin-top: 2rem;
margin-bottom: 3rem;
padding-left: 14px;
}
.spark-section-2 li {
margin-bottom: .5rem;
}
.methanol-grid {
background-color: #fff;
border-radius: 20px;
grid-template-rows: auto;
}
.methanol-div-img {
background-image: url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/667bdb935e404dba74ec9eb7_construction-site-building-concrete.jpg");
background-position: 0 0;
background-size: cover;
border-top-left-radius: 20px;
border-bottom-left-radius: 20px;
}
.methanol-div-text {
padding: 30px 30px 40px;
}
.methanol-feature-grid {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
padding-top: 40px;
}
.methanol-feature-div {
background-color: #fff;
border-radius: 11px;
padding: 20px;
}
.text-block-4 {
font-size: 16px;
line-height: 1.4em;
}
.brix---hidden-desktop {
display: none;
}
.brix---btn-slider-arrow-right---testimonial-v12 {
border: 1px solid var(--neutral--300);
background-color: var(--neutral--100);
box-shadow: 0 2px 12px 0 var(--general--shadow-02);
color: var(--neutral--800);
border-radius: 50%;
justify-content: center;
align-items: center;
width: 64px;
min-width: 64px;
height: 64px;
min-height: 64px;
margin-top: 0;
margin-bottom: 0;
font-size: 26px;
text-decoration: none;
transition: transform .3s;
display: flex;
top: 50%;
bottom: 0;
right: -10px;
transform: translate(0, -50%);
}
.brix---btn-slider-arrow-right---testimonial-v12:hover {
transform: scale(.95)translate(0, -50%);
}
.brix---btn-slider-arrow-left---testimonial-v12 {
border: 1px solid var(--neutral--300);
background-color: var(--neutral--100);
box-shadow: 0 2px 12px 0 var(--general--shadow-02);
color: var(--neutral--800);
border-radius: 50%;
justify-content: center;
align-items: center;
width: 64px;
min-width: 64px;
height: 64px;
min-height: 64px;
margin-top: 0;
margin-bottom: 0;
font-size: 26px;
text-decoration: none;
transition: transform .3s;
display: flex;
top: 50%;
left: -11px;
transform: translate(0, -50%);
}
.brix---btn-slider-arrow-left---testimonial-v12:hover {
transform: scale(.95)translate(0, -50%);
}
.brix---text-200 {
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 18px;
line-height: 20px;
}
.brix---color-accent-2 {
color: var(--accent--primary-1);
}
.brix---heading-h4-size {
margin-top: 0;
margin-bottom: 0;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 22px;
font-weight: 700;
line-height: 28px;
}
.brix---color-neutral-805 {
color: var(--neutral--800);
}
.brix---mg-bottom-8px-2 {
margin-bottom: 8px;
}
.brix---flex-horizontal-2 {
justify-content: center;
align-items: center;
display: flex;
}
.brix---paragraph-default-3 {
margin-bottom: 0;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 18px;
line-height: 30px;
}
.brix---color-neutral-806 {
color: var(--neutral--600);
}
.brix---mg-bottom-24px-2 {
margin-bottom: 24px;
}
.brix---card-testimonial-v13 {
border: 1px solid var(--neutral--300);
background-color: var(--neutral--100);
box-shadow: 0 2px 7px 0 var(--general--shadow-01);
border-radius: 24px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
padding: 48px 32px 56px;
display: flex;
}
.brix---slide-item-mg {
margin-right: 28px;
}
.brix---slider-mask-width-390px {
max-width: 390px;
height: 100%;
overflow: visible;
}
.brix---slider-wrapper {
background-color: #0000;
height: 100%;
}
.brix---btn-secondary {
border: 1px solid var(--neutral--300);
background-color: var(--neutral--100);
color: var(--neutral--800);
text-align: center;
transform-style: preserve-3d;
border-radius: 48px;
padding: 26px 38px;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 18px;
line-height: 20px;
transition: border-color .3s, transform .3s, background-color .3s, color .3s;
box-shadow: 0 4px 10px #14142b0a;
}
.brix---btn-secondary:hover {
border-color: var(--accent--primary-1);
background-color: var(--accent--primary-1);
color: var(--neutral--100);
transform: translate3d(0, -3px, .01px);
}
.brix---btn-primary {
background-color: var(--accent--primary-1);
color: var(--neutral--100);
text-align: center;
transform-style: preserve-3d;
border-radius: 48px;
justify-content: center;
padding: 26px 38px;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 18px;
font-weight: 700;
line-height: 20px;
text-decoration: none;
transition: background-color .3s, transform .3s, color .3s;
}
.brix---btn-primary:hover {
background-color: var(--secondary--color-1);
color: var(--neutral--100);
transform: translate3d(0, -3px, .01px);
}
.brix---button-row-left {
margin-right: 24px;
}
.brix---buttons-row-right---t-left {
justify-content: flex-end;
align-items: center;
display: flex;
}
.brix---heading-h2-size-3 {
margin-top: 0;
margin-bottom: 0;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 38px;
font-weight: 700;
line-height: 50px;
}
.brix---mg-bottom-16px-2 {
margin-bottom: 16px;
}
.brix---inner-container-490px {
max-width: 490px;
}
.brix---grid-top---text-2-buttons {
grid-column-gap: 60px;
grid-template-rows: auto;
grid-template-columns: 1fr .8fr;
align-items: end;
margin-bottom: 48px;
}
.brix---container-default-3 {
max-width: 1218px;
padding-left: 24px;
padding-right: 24px;
}
.brix---section-overflow-hidden {
padding-top: 176px;
padding-bottom: 176px;
overflow: hidden;
}
.uui-testimonial15_slide-nav {
height: 1.75rem;
font-size: .5rem;
inset: auto 0% 0% auto;
}
.uui-button-icon-4 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 1.25rem;
min-width: 1.25rem;
height: 1.25rem;
min-height: 1.25rem;
display: flex;
}
.uui-testimonial15_arrow {
border: 1px solid var(--untitled-ui--gray200);
color: var(--untitled-ui--gray500);
background-color: #fff;
border-radius: 100%;
justify-content: center;
align-items: center;
width: 3rem;
height: 3rem;
transition: all .3s;
display: flex;
inset: auto auto 0% 0%;
}
.uui-testimonial15_arrow:hover {
background-color: var(--untitled-ui--gray50-2);
}
.uui-testimonial15_arrow.left {
inset: auto auto 0% 0%;
}
.uui-testimonial15_arrow.uui-testimonial15_arrow-3 {
margin-left: 64px;
}
.uui-text-size-small {
color: var(--untitled-ui--gray600);
letter-spacing: normal;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: .875rem;
line-height: 1.5;
}
.uui-testimonial15_client-heading {
color: var(--untitled-ui--gray900);
letter-spacing: normal;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1rem;
font-weight: 600;
}
.uui-testimonial15_customer-image {
object-fit: cover;
border-radius: 100%;
width: 3rem;
min-width: 3rem;
height: 3rem;
min-height: 3rem;
}
.uui-testimonial15_client-image-wrapper {
margin-right: .75rem;
}
.uui-testimonial15_client {
text-align: left;
align-items: center;
margin-top: auto;
display: flex;
}
.uui-heading-xxsmall-3 {
color: var(--untitled-ui--gray900);
letter-spacing: normal;
margin-top: 0;
margin-bottom: 0;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1.25rem;
font-weight: 600;
line-height: 1.5;
}
.uui-heading-xxsmall-3.text-weight-medium {
text-align: justify;
margin-top: 0;
font-family: Poppins, sans-serif;
font-size: 16px;
font-weight: 400;
}
.uui-heading-xxsmall-3.text-weight-medium.offering-integrated-solutions-for-smarter-more-sustainable-urban-living--sub {
margin-top: 0;
}
.uui-heading-xxsmall-3.text-weight-medium.h-5-para {
color: var(--flowstica-webflow-library--white);
}
.uui-heading-xxsmall-3.text-weight-medium.future-oara {
margin-top: 0;
}
.uui-heading-xxsmall-3.text-weight-medium.benefits-text {
text-align: center;
}
.uui-heading-xxsmall-3.text-weight-medium.coming-soon--box {
background-color: var(--accent--primary-1);
border-radius: 15px;
margin-top: 20px;
padding: 10px 20px;
}
.uui-heading-xxsmall-3.text-weight-medium.para-center {
text-align: center;
}
.uui-heading-xxsmall-3.text-weight-medium.paragraph-left-light, .uui-heading-xxsmall-3.text-weight-medium.parahraph-light-left {
color: var(--untitled-ui--white);
}
.uui-heading-xxsmall-3.text-weight-medium.text-weight-medium-light {
color: var(--system--orange-100);
font-weight: 400;
}
.uui-testimonial15_rating-icon {
color: var(--untitled-ui--warning300);
justify-content: center;
align-items: center;
width: 1.25rem;
height: 1.25rem;
margin-right: .25rem;
display: flex;
}
.uui-testimonial15_rating-wrapper {
align-items: center;
display: flex;
}
.uui-testimonial15_content {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
border: 1px solid var(--untitled-ui--gray50-2);
background-color: var(--spark-library--white);
border-radius: 1rem;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 391px;
padding: 2rem;
display: flex;
}
.uui-testimonial15_content.benifits-cards {
height: 280px;
}
.uui-testimonial15_slide {
height: auto;
padding-right: 2rem;
}
.uui-testimonial15_mask {
width: 33.33%;
overflow: visible;
}
.uui-testimonial15_component {
background-color: #0000;
height: auto;
margin-top: 4rem;
padding-bottom: 5rem;
position: relative;
}
.uui-testimonial15_component.benifite-slider {
margin-top: 2rem;
}
.uui-text-size-large-3 {
color: var(--untitled-ui--gray600);
letter-spacing: normal;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1.125rem;
line-height: 1.5;
}
.uui-space-xsmall-3 {
width: 100%;
min-height: 1rem;
}
.uui-heading-medium-4 {
color: var(--untitled-ui--gray900);
margin-top: 0;
margin-bottom: 0;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 2.25rem;
font-weight: 600;
line-height: 1.3;
}
.uui-max-width-large-3 {
width: 100%;
max-width: 48rem;
}
.uui-padding-vertical-xhuge-4 {
padding-top: 0;
padding-bottom: 3.1rem;
}
.uui-container-large-4 {
width: 100%;
max-width: 80rem;
margin-left: auto;
margin-right: auto;
}
.uui-page-padding-4 {
max-width: 1280px;
margin-left: auto;
margin-right: auto;
padding-left: 0;
padding-right: 0;
}
.uui-page-padding-4.smart-tab {
background-color: var(--system--orange-100);
padding-top: 100px;
}
.uui-page-padding-4.smart-tab.innovating-new-product-sec-2 {
background-color: var(--untitled-ui--white);
padding-top: 30px;
}
.uui-page-padding-4.net-zero-unreach-below-padding {
margin-top: 20px;
}
.uui-section_testimonial15 {
overflow: hidden;
}
.heading-h3 {
margin-bottom: 0;
font-family: Poppins, sans-serif;
font-size: 20px;
font-weight: 600;
}
.heading-h3.heading-h4 {
font-size: 27px;
}
.heading-h3.heading-h5 {
color: var(--neutral--100);
margin-bottom: 20px;
}
.heading-h3.heading-h3-new {
margin-bottom: 10px;
font-size: 18px;
}
.singleimage {
border-radius: 9px;
}
.smart-city-grid {
grid-template-columns: 1fr 1fr 1fr;
}
.smart-city-title-div {
padding: 20px;
}
.video-surveillance-div {
background-image: url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/668b6aac8435cc3011f48036_Video-Surveillance--IMG01.jpg");
background-position: 0 0;
background-size: cover;
border-radius: 12px;
padding: 220px 40px 40px;
}
.video-surveillance-div.traffic-management-img {
background-image: url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/668b6ac0cd9c80544440e796_Traffic-Management-IMG.jpg");
}
.video-surveillance-div.smart-utility--img {
background-image: url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/668b6ad2b39997bbbd9a3b5c_Smart-Utility-IMG-01.jpg");
}
.video-surveillance-div.smart-roads-img {
background-image: url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/668b6ae2983c18aa15ef94c5_Smart-Road-IMG01.jpg");
}
.video-surveillance-div.smart-campus-img01 {
background-image: url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/668b6aef134dc172d69e90cc_Smart-Campus-IMG01.jpg");
}
.slide {
width: 370px;
}
.slide-01, .slide-2, .slide03 {
width: 300px;
}
.key-markets-list {
color: var(--neutral--100);
font-family: Poppins, sans-serif;
font-size: 16px;
font-weight: 300;
line-height: 1.4em;
}
.link-block {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.attow-grid {
grid-template-rows: auto;
grid-template-columns: .25fr 3.5fr;
}
.splide__list {
justify-content: flex-start;
align-items: stretch;
width: 100%;
display: flex;
}
.splide__pagination__page {
opacity: .2;
background-color: #fff;
border-radius: 6px;
width: 10px;
height: 10px;
margin-left: 12px;
margin-right: 0;
padding-left: 0;
padding-right: 0;
font-size: 0;
line-height: 0;
transition: all .3s;
display: block;
}
.splide__pagination__page.is-active {
opacity: 1;
display: block;
}
.padding-vertical {
padding-top: 3em;
padding-bottom: 3em;
}
.splide__arrows {
flex-direction: row;
justify-content: flex-start;
align-items: center;
margin-top: 4em;
display: flex;
}
.page-padding {
padding-left: 1em;
padding-right: 1em;
}
.splide__arrow {
background-color: #0000;
background-image: url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/669e5459546588f212707f52_arrow-right.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: 30%;
border: 2px solid #fff;
border-radius: 100vw;
width: 6em;
height: 3em;
margin-right: 1em;
transition: all .2s;
}
.splide__arrow:hover {
background-color: #3732350f;
}
.splide__arrow.splide__arrow--next:active {
transform: scale(.95);
}
.splide__arrow.splide__arrow--prev {
transform: rotate(-180deg);
}
.splide__arrow.splide__arrow--prev:active {
transform: scale(.95)rotate(-180deg);
}
.splide {
width: 100%;
position: relative;
}
.splide__pagination {
justify-content: flex-start;
align-items: center;
margin-bottom: 0;
padding-left: 0;
position: absolute;
inset: auto 0% 1em auto;
}
.overflow {
width: 100%;
position: relative;
overflow: hidden;
}
.splide__track {
width: 100%;
}
.hidden {
display: none;
}
.splide__slide {
flex: none;
align-self: stretch;
width: 33.333%;
}
.key.arket-list {
padding-left: 16px;
}
.content_collection-list {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.filter_content {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.filter_empty-icon {
width: 5rem;
margin-bottom: .5rem;
}
.filter_grid {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
grid-template-rows: auto;
grid-template-columns: .4fr 1fr;
grid-auto-columns: 1fr;
align-items: start;
display: grid;
}
.filter_tags-wrapper {
flex-flow: wrap;
flex: 1;
grid-template-rows: auto;
grid-template-columns: auto;
grid-auto-columns: auto;
grid-auto-flow: column;
place-content: start;
align-items: center;
margin-right: 1rem;
display: flex;
}
.option-results {
color: #3c7c43;
display: none;
}
.margin-bottom, .margin-bottom.margin-xxsmall {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.padding-vertical-2 {
padding-left: 0;
padding-right: 0;
}
.rangeslider_wrapper {
align-items: center;
padding: 21px;
display: block;
position: relative;
}
.rangeslider_input {
display: none;
}
.rangeslider_track {
background-color: #ececec;
border-radius: 999rem;
width: 96%;
height: .25rem;
margin-left: auto;
margin-right: auto;
position: relative;
}
.filter_sort-by {
border: 1px solid #dae4d8;
flex-direction: row;
justify-content: flex-start;
align-items: center;
min-width: 12rem;
padding: .5rem 4rem .5rem 1.2rem;
display: flex;
}
.filter-block-label {
margin-bottom: 0;
font-size: 1.25rem;
font-weight: 400;
line-height: 1.4;
}
.text-link {
color: #3c7c43;
border-bottom: 1px solid #90c396;
text-decoration: none;
display: inline-block;
}
.radio_field {
cursor: pointer;
flex-direction: row;
justify-content: flex-start;
align-items: center;
padding-top: .5rem;
padding-bottom: .5rem;
padding-left: 0;
font-size: 1rem;
font-weight: 400;
display: flex;
}
.filter_tag {
color: #fff;
background-color: #3c7c43;
border-radius: 0;
margin-top: .5rem;
margin-bottom: .5rem;
margin-right: .5rem;
padding: .5rem 2.5rem .5rem 1rem;
font-size: .85rem;
font-weight: 500;
position: relative;
}
.rangeslider_handle {
z-index: 1;
cursor: grab;
background-color: #90c396;
border-radius: 999rem;
flex: none;
width: 1rem;
height: 1rem;
position: absolute;
}
.rangeslider_handle:focus {
background-color: #3c7c43;
}
.filter_results-text {
font-weight: 400;
}
.filter_column {
background-color: #fff;
border: 1px solid #dfdfdf;
border-bottom-style: none;
}
.range_values {
flex-direction: row;
justify-content: space-between;
align-items: center;
margin-top: .5rem;
display: flex;
}
.dropdown_icon {
margin-right: 1.2rem;
font-size: 1rem;
}
.dropdown_list.w--open {
background-color: #fff;
}
.page-padding-2 {
padding-left: 3rem;
padding-right: 3rem;
}
.filter_header {
background-color: #fff;
border: 1px solid #dae4d8;
flex-direction: row;
justify-content: flex-end;
align-items: center;
min-height: 4.5rem;
padding: .5rem 1rem;
display: flex;
}
.filter_tag-remove {
opacity: .5;
filter: invert();
cursor: pointer;
border-radius: 999rem;
flex-direction: column;
width: 1.5rem;
margin-top: .4rem;
margin-right: .5rem;
padding: .25rem;
display: flex;
position: absolute;
inset: 0% 0% 0% auto;
}
.radio_button {
border: 2px solid #dfdfdf;
width: 1.25rem;
height: 1.25rem;
margin-top: 0;
margin-left: 0;
margin-right: .75rem;
}
.radio_button.w--redirected-checked {
background-color: #3c7c43;
background-image: none;
border-color: #3c7c43;
box-shadow: 1px 1px 3px #0000;
}
.radio_button.w--redirected-focus {
box-shadow: none;
border-color: #90c396;
}
.rangeslider_fill {
background-color: #90c396;
width: 20%;
height: 100%;
position: absolute;
}
.nav_logo {
width: 10rem;
}
.filter_empty {
background-color: #fff;
border: 1px solid #dfdfdf;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 2rem;
display: flex;
}
.text-color-green {
color: #3c7c43;
}
.filter_wrapper {
background-color: #f6f7f1;
}
.filter_reset {
color: #6e6e6e;
border-bottom: 1px solid #dae4d8;
padding-bottom: .2rem;
text-decoration: none;
}
.filter_form-wrapper {
margin-bottom: 0;
}
.filter_tags-text {
color: #8f8f8f;
margin-right: 1rem;
}
.filter_search-field {
background-image: url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/66a32103342b130c2ad4ad07_search.svg");
background-position: 24px;
background-repeat: no-repeat;
background-size: 1.5rem;
border: 1px #000;
min-height: 4.4rem;
margin-bottom: 0;
padding: 1rem 1.5rem 1rem 4rem;
font-size: 1rem;
}
.sort_field {
color: #000;
cursor: pointer;
border-bottom: 1px solid #e6e6e6;
border-right: 1px solid #e6e6e6;
flex-direction: row;
justify-content: flex-start;
align-items: center;
width: 100%;
height: 100%;
margin-bottom: 0;
padding: 1rem 2rem 1rem 1.5rem;
text-decoration: none;
display: flex;
}
.sort_field.w--current {
color: #3c7c43;
background-color: #f4f9f4;
}
.filter_select {
cursor: pointer;
border: 1px #000;
min-height: 3.6rem;
margin-bottom: 0;
padding-left: 1rem;
padding-right: 1rem;
font-size: 1rem;
}
.radio_label {
margin-bottom: 0;
margin-right: .5rem;
}
.filter_block {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
border-bottom: 1px solid #dfdfdf;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
position: relative;
}
.heading-small-2 {
font-size: 1.25rem;
font-weight: 600;
line-height: 1.4;
}
.hide {
display: none;
}
.dropdown {
margin-left: 0;
margin-right: 0;
}
.nav_header {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-direction: row;
grid-template-rows: auto;
grid-template-columns: auto auto;
grid-auto-columns: auto;
grid-auto-flow: column;
justify-content: space-between;
align-items: center;
margin-bottom: 2rem;
display: grid;
}
.filter_block-header {
z-index: 10;
grid-column-gap: 1rem;
grid-row-gap: 1rem;
background-color: #fff;
flex-direction: row;
grid-template-rows: auto;
grid-template-columns: auto auto;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: center;
padding: 1rem 1.5rem;
display: grid;
position: relative;
inset: 0% 0% auto;
}
.container {
max-width: 80rem;
margin-left: auto;
margin-right: auto;
}
.fs-cmsfilter_highlight {
color: #fff;
background-color: #3c7c43;
}
.filter_options {
max-height: 15rem;
padding-bottom: 1.5rem;
padding-left: 1.5rem;
padding-right: 1.5rem;
position: relative;
overflow: auto;
}
.filter_reset-all {
border-bottom: 1px solid #3c7c43;
padding-bottom: .2rem;
text-decoration: none;
}
.content_card-info {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.content_card-block {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
align-content: center;
align-items: center;
padding: 1.5rem 1.5rem 1.5rem .75rem;
display: inline-block;
}
.content_card-price {
font-size: 1.75rem;
font-weight: 600;
}
.content_card {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
color: #000;
background-color: #fff;
border: 1px solid #dae4d8;
grid-template-rows: auto;
grid-template-columns: .8fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
text-decoration: none;
display: block;
}
.content_card-title {
font-size: 1.2rem;
}
.content_card-header {
flex-direction: row;
justify-content: space-between;
align-items: center;
display: flex;
}
.content_card-info-text {
background-color: #dae4d866;
width: 100%;
padding: .5rem 1rem;
font-size: .875rem;
}
.content_card-list-wrapper {
width: 100%;
}
.content_card-info-block {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
place-items: center start;
display: grid;
}
.content_card-date {
color: #3c7c43;
}
.content_card-info-label {
font-size: .875rem;
font-weight: 500;
}
.checkbox_field {
cursor: pointer;
flex-direction: row;
justify-content: flex-start;
align-items: center;
padding-top: .5rem;
padding-bottom: .5rem;
padding-left: 0;
font-size: 1rem;
font-weight: 400;
display: flex;
}
.checkbox_input {
border: 2px solid #dfdfdf;
width: 1.25rem;
height: 1.25rem;
margin-top: 0;
margin-left: 0;
margin-right: .75rem;
}
.checkbox_input.w--redirected-checked {
background-color: #3c7c43;
background-size: .6rem;
border-color: #3c7c43;
box-shadow: 1px 1px 3px #0000;
}
.checkbox_input.w--redirected-focus {
box-shadow: none;
border-color: #90c396;
}
.checkbox_label {
margin-right: .25rem;
}
.page-wrapper-2 {
overflow: hidden;
}
.footer_logo {
width: 10rem;
}
.nav_container {
flex-direction: row;
justify-content: flex-start;
align-items: center;
max-width: 86rem;
margin-left: auto;
margin-right: auto;
padding-left: 3rem;
padding-right: 3rem;
display: flex;
}
.padding-vertical-3 {
padding-left: 0;
padding-right: 0;
}
.footer_finsweet-icon {
width: 3.25rem;
}
.footer_content {
background-color: #181818;
padding-top: 4rem;
padding-bottom: 4rem;
}
.footer_learn {
color: #000;
background-color: #fff;
border-radius: .25rem;
flex-direction: row;
justify-content: center;
align-items: center;
padding: .75rem 1.5rem .75rem 1.25rem;
font-size: 1.2rem;
font-weight: 600;
text-decoration: none;
display: flex;
}
.footer_learn:hover {
background-color: #ececec;
}
.heading-medium {
font-size: 2rem;
font-weight: 700;
line-height: 1.2;
}
.nav_link {
grid-column-gap: .5rem;
grid-row-gap: 1rem;
color: #dfdfdf;
border-radius: .25rem;
flex-direction: row;
grid-template-rows: auto;
grid-template-columns: auto;
grid-auto-columns: auto;
grid-auto-flow: column;
justify-content: center;
align-items: center;
padding: .75rem 1rem;
font-weight: 400;
text-decoration: none;
display: grid;
}
.nav_link:hover {
background-color: #242424;
}
.nav_link.is-cta {
color: #fff;
background-color: #5c2aff;
border-radius: .25rem;
margin-left: 1rem;
}
.nav_link.is-cta:hover {
background-color: #303030;
}
.footer_finsweet-logo {
width: 6rem;
display: block;
position: relative;
top: .2rem;
}
.footer_component {
background-color: #000;
border-top: 1px solid #dae4d8;
align-items: flex-start;
}
.footer_video-block {
max-width: 30rem;
}
.footer_wrapper {
text-align: left;
flex-direction: row;
justify-content: center;
align-items: center;
display: flex;
}
.footer_learn-icon {
margin-right: .75rem;
}
.footer_video-icon {
width: 2rem;
margin-top: -3rem;
}
.nav_link-icon {
opacity: .4;
width: 1.5rem;
}
.nav_link-icon.is-inverted {
filter: invert();
}
.footer_video-links {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
border-top: 1px solid #1f1f1f;
flex-direction: row;
grid-template-rows: auto;
grid-template-columns: auto auto;
grid-auto-columns: auto;
grid-auto-flow: column;
justify-content: center;
place-items: center;
max-width: 80rem;
margin-top: 3rem;
padding-top: 3rem;
display: grid;
}
.footer_video {
background-color: #000;
padding-top: 4rem;
padding-bottom: 4rem;
}
.footer_logo-link {
color: #000;
text-decoration: none;
}
.footer_finsweet {
grid-column-gap: .6rem;
grid-row-gap: .6rem;
color: #a1a1a1;
grid-template-rows: auto;
grid-template-columns: auto auto auto auto;
grid-auto-columns: 1fr;
align-content: center;
align-items: center;
margin-left: 2rem;
font-size: 1rem;
text-decoration: none;
display: grid;
}
.footer_finsweet:hover {
opacity: .8;
}
.nav_component {
background-color: #000;
padding-top: 1.25rem;
padding-bottom: 1.25rem;
}
.footer_video-wrapper {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-direction: row;
grid-template-rows: auto;
grid-template-columns: auto auto;
grid-auto-columns: auto;
grid-auto-flow: column;
justify-content: center;
place-items: center;
display: grid;
}
.nav_logo-text {
color: #b9fd00;
margin-left: .75rem;
}
.heading-small-3 {
font-size: 1.25rem;
font-weight: 600;
line-height: 1.4;
}
.nav_menu {
flex-direction: row;
justify-content: center;
align-items: center;
margin-left: auto;
display: flex;
}
.nav_brand {
flex-direction: row;
justify-content: flex-start;
align-items: center;
padding-left: 0;
display: flex;
}
.padding-vertical-4 {
padding-left: 0;
padding-right: 0;
}
.padding-vertical-4.padding-xhuge {
padding-top: 0;
padding-bottom: 0;
}
.heading-small-4, .heading-small-7, .heading-small-8, .heading-small-9, .heading-small-10 {
font-size: 1.25rem;
font-weight: 600;
line-height: 1.4;
}
.collection-list-wrapper {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.grid {
grid-template-columns: 1fr;
}
.text-size-tiny {
font-size: .75rem;
}
.text-size-tiny.text-style-muted {
font-family: Poppins, sans-serif;
font-size: 15px;
line-height: 1.4em;
}
.filter_grid-2 {
grid-column-gap: 3rem;
grid-row-gap: 0rem;
grid-template-columns: 1fr;
}
.filter_form-wrapper-2 {
background-color: #0000;
}
.content_collection-list-2 {
grid-column-gap: 2rem;
grid-row-gap: 3rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: row;
justify-content: center;
place-items: stretch start;
display: grid;
}
.manage_results-block {
flex: 1;
justify-content: space-between;
align-self: center;
align-items: center;
display: block;
position: static;
inset: auto 9% 3% auto;
}
.dropdown_wrap-center {
flex-direction: column;
justify-content: center;
align-items: center;
padding: .5rem;
display: flex;
}
.content_collection-item {
background-color: #fff;
border: 1px solid #e5efff;
border-radius: 1rem;
width: 100%;
}
.content_collection-item.padding-small {
padding: 10px;
text-decoration: none;
}
.results_text-span {
color: #1d3c34;
font-weight: 700;
}
.results_count-text {
margin-right: 2rem;
}
.filter_form-2 {
background-color: #0000;
}
.padding-bottom {
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.padding-bottom.padding-xsmall {
color: var(--accent--primary-1);
border-bottom: 1px #000;
margin-bottom: 10px;
font-family: Poppins, sans-serif;
font-size: 1.3rem;
font-weight: 600;
text-decoration: none;
}
.padding-bottom.padding-xsmall:hover {
text-decoration: none;
}
.filter_row {
grid-column-gap: 16px;
grid-row-gap: 16px;
background-color: #fff;
border-radius: 13px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
place-items: start stretch;
padding: 1rem 1.6rem;
display: grid;
}
.container-large {
width: 100%;
max-width: 80rem;
margin-left: auto;
margin-right: auto;
padding-top: 40px;
}
.to_text {
margin-bottom: .5rem;
}
.div-block-2 {
padding-top: 5px;
}
.dropdown_wrap {
flex-direction: column;
justify-content: center;
align-items: flex-start;
display: flex;
}
.filter_content-2 {
grid-template-columns: 1fr 3.5fr;
}
.filter_dropdown-list {
box-shadow: 0 12px 16px -4px #00000014, 0 4px 6px -2px #10182808;
}
.filter_dropdown-list.w--open {
background-color: #fff;
border: 1px solid #eaecf0;
border-radius: .75rem;
}
.error-message-2 {
background-color: #0000;
}
.filter_tag-template {
background-color: #f7faff;
border: 1px solid #d4d5d9;
border-radius: 1rem;
justify-content: space-between;
align-items: center;
margin-right: 1rem;
padding: .5rem .7rem;
display: flex;
}
.filter_tag-template.filter_tag-template-1 {
color: var(--neutral--800);
}
.text-size-medium {
font-size: 1.125rem;
}
.filter_empty-2 {
background-color: #f1f1f1;
border-radius: 1rem;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 4rem 5rem;
display: flex;
}
.search_field {
background-color: #fff;
border: 1px solid #086743;
border-radius: 1rem;
width: 18rem;
margin-bottom: 10px;
margin-left: auto;
}
.success-message-2 {
background-color: #0000;
}
.filter_dropdown-toggle {
grid-column-gap: .8rem;
grid-row-gap: .8rem;
align-items: center;
padding: .75rem 2.5rem .75rem 1rem;
font-size: 1rem;
font-weight: 400;
transition: all .3s;
display: flex;
}
.reset_element {
color: #1d3c34;
border: 1px #000;
border-bottom-color: #1d3c34;
margin-right: 2rem;
font-size: 1.2rem;
}
.sort_by-text {
color: #fff;
white-space: nowrap;
margin-right: 1rem;
font-size: 1rem;
}
.sort_by-toggle {
color: #fff;
background-color: #086743;
border-radius: 1rem;
padding-top: .5rem;
padding-bottom: .5rem;
display: flex;
}
.sort_by-toggle.w--open {
position: static;
}
.reset_empty-element {
border: 1px #000;
border-bottom: 1px solid #1d3c34;
margin-top: 1rem;
font-size: 1.2rem;
}
.uui-dropdown-icon {
justify-content: center;
align-items: center;
width: 1.25rem;
height: 1.25rem;
margin-right: 1rem;
display: flex;
position: absolute;
inset: auto 0% auto auto;
}
.uui-dropdown-icon.white {
color: #fff;
}
.div-block {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: center;
display: block;
}
.empty_state-image {
height: 7rem;
margin-bottom: 2rem;
}
.manage_results-right {
align-self: center;
align-items: center;
margin-bottom: 20px;
display: block;
}
.sort_by-list {
background-color: #fff;
}
.sort_by-list.w--open {
z-index: 2;
border: 1px solid #1f45a84f;
border-radius: .7rem;
}
.filter_tags-wrapper-2 {
flex-flow: wrap;
margin-bottom: 20px;
display: flex;
}
.filter_header-2 {
justify-content: space-between;
align-items: center;
padding-top: 1rem;
padding-bottom: 1rem;
padding-right: 1rem;
display: flex;
}
.page-padding-3 {
padding-top: 140px;
padding-left: 5%;
padding-right: 5%;
}
.page-padding-3.product-section {
padding-top: 15px;
}
.radio_field-2 {
width: 12rem;
margin-bottom: 0;
padding-top: .5rem;
padding-bottom: .5rem;
padding-left: 2rem;
}
.tag_remove-img {
cursor: pointer;
margin-left: .5rem;
}
.range_input {
border: 1px solid #00000061;
flex: 0 auto;
width: 7rem;
margin-bottom: 0;
margin-left: .5rem;
margin-right: .5rem;
padding: 0 0 0 .5rem;
}
.property-link {
flex-flow: column;
width: 100%;
height: 100%;
text-decoration: none;
display: flex;
}
.property-image {
width: 100%;
height: 100%;
margin-left: 0;
}
.detail-item {
color: #086743;
border: 1px solid #086743;
border-radius: 5px;
padding: .25rem .5rem;
font-size: .8rem;
display: flex;
}
.detail-item.price-hide {
display: none;
}
.listing_detail-wrapper {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: wrap;
margin-bottom: 1rem;
text-decoration: none;
display: none;
}
.text-size-small {
font-size: .875rem;
}
.property-information-wrapper {
padding: 1.5rem 20px 2rem;
text-decoration: none;
}
.price-wrapper {
color: #fff;
background-color: #086743;
border-top-left-radius: 1rem;
padding: .5rem 2rem;
display: block;
position: absolute;
inset: 0% auto auto 0%;
}
.price-wrapper.red {
background-color: red;
display: block;
}
.property-image-wrapper {
border-radius: 1rem;
position: relative;
overflow: hidden;
}
.text-block-5 {
margin-right: .125rem;
}
.checkbox-field {
width: 18rem;
margin-bottom: 0;
padding-top: .5rem;
padding-bottom: .5rem;
padding-left: 2rem;
font-family: Poppins, sans-serif;
font-size: 16px;
}
.checkbox-label {
width: 100%;
}
.category-title {
margin-bottom: 0;
font-family: Poppins, sans-serif;
font-size: 23px;
font-weight: 600;
}
.category-title.category-title-2 {
color: var(--accent--primary-1);
padding-top: 0;
}
.category-title.category-title-3 {
color: var(--accent--primary-1);
margin-top: 20px;
}
.sort-by {
display: none;
}
.text-block-6 {
color: var(--neutral--800);
font-family: Poppins, sans-serif;
font-size: 14px;
line-height: 1.5em;
text-decoration: none;
display: block;
}
.text-block-6:hover {
border-bottom: 1px #000;
}
.card__btn-w {
flex: 1;
align-items: flex-end;
margin-left: -.125rem;
padding-top: 1rem;
display: flex;
}
.btn-w {
background-color: var(--accent--primary-1);
color: #fffefa;
text-align: center;
border-radius: 2em;
min-width: 1em;
padding: 10px 10px 0;
font-size: 1rem;
font-weight: 700;
text-decoration: none;
transition: background-color .2s;
}
.btn-w:hover {
background-color: var(--secondary--color-1);
}
.grid-w {
flex-wrap: wrap;
justify-content: center;
margin-left: -.5rem;
margin-right: -.5rem;
display: flex;
}
.flinch-logo {
color: #4353ff;
}
.card-w {
grid-column-gap: 16px;
grid-row-gap: 16px;
background-color: #1f2c3d;
border: 1px solid #eee;
border-radius: 15px;
flex-direction: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: center;
height: 100%;
padding: 2rem;
font-size: 18px;
transition: transform .2s;
display: grid;
box-shadow: 0 12px 16px #00000003;
}
.card-w:hover {
transform: translate(0, -.125rem);
}
.hero-content-w {
text-align: center;
margin-bottom: 3rem;
margin-left: auto;
margin-right: auto;
}
.brandname-w {
text-align: center;
padding-top: 5rem;
font-size: .9375rem;
font-weight: 500;
}
.cloneable-txt {
color: #252525;
}
.bas-llink {
color: #292827;
}
.card__tech-txt {
color: #c173ec;
font-size: .875rem;
font-weight: 600;
}
.flinch-link-w {
width: 4.7rem;
margin-left: .375rem;
display: inline-block;
}
.cloneable-link-w {
letter-spacing: -.0125em;
background-color: #fff;
border: 1px solid #f4f4f3;
flex-direction: column;
align-items: flex-start;
padding: .5rem 1rem;
font-size: .875rem;
font-weight: 600;
text-decoration: none;
display: inline-block;
}
.remove-w {
background-color: #fff;
justify-content: center;
align-items: center;
min-height: 100vh;
padding-top: 6rem;
padding-bottom: 6rem;
display: flex;
}
.remove-w.timeline-slider-secttion {
background-color: var(--secondary--color-1);
background-image: linear-gradient(#00000080, #00000080), url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/66b346313e3d95da1938a38d_About%20us%20bg%2002.jpg");
background-position: 0 0, 0 0;
background-size: auto, cover;
background-attachment: scroll, fixed;
min-height: auto;
padding-top: 2rem;
padding-bottom: 0;
}
.remove-w.team-section {
background-color: var(--system--orange-100);
}
.x-container {
width: 100%;
max-width: 75rem;
margin-left: auto;
margin-right: auto;
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.x-container.slider-container {
max-width: 86rem;
}
.x-container.slider-container.time-old {
display: none;
}
.grid__col {
width: 33.3333%;
padding: .5rem;
}
.inline-txt {
display: inline-block;
}
.modal-bg {
width: 100%;
height: 100%;
margin-top: 0;
display: none;
position: fixed;
inset: 0%;
}
.close-btn-w {
z-index: 5;
float: right;
background-color: #f5efef;
border-radius: .25rem;
justify-content: center;
align-items: center;
width: 3.5rem;
height: 3.5rem;
margin-top: 2rem;
margin-right: 2rem;
display: flex;
position: sticky;
top: -2rem;
}
.close-btn-w.for-scroll {
margin-left: -5.5rem;
}
.screen-reader-only {
border: 1px #000;
border-radius: 0;
width: 1px;
height: 1px;
margin: -1px;
position: absolute;
inset: -1px;
overflow: hidden;
}
.close-btn-line {
background-color: #4353ff;
border-radius: 1px;
width: 1.75rem;
height: 2px;
position: absolute;
}
.close-btn-line.is--2nd {
background-color: #78cf1a;
transform: rotate(45deg);
}
.close-btn-line.is--1st {
background-color: #78cf1a;
transform: rotate(-45deg);
}
.modal-content-w {
padding: 3rem;
display: block;
}
.modal-1-popup {
z-index: 25;
background-color: #29282866;
align-items: flex-start;
width: 100%;
height: 100vh;
padding: 3.6rem 2rem 4rem;
display: none;
position: fixed;
inset: 0%;
overflow: auto;
}
.modal {
background-color: #fff;
border-radius: .75rem;
flex: none;
width: 100%;
max-width: 60rem;
height: auto;
margin: 161px auto auto;
display: none;
position: relative;
}
.modal.pcm-100-modal {
margin-top: 120px;
}
.modal-2-popup {
z-index: 25;
background-color: #29282866;
flex-direction: column;
align-items: flex-start;
width: 100%;
height: 100vh;
padding-left: 2rem;
padding-right: 2rem;
display: none;
position: fixed;
inset: 0%;
}
.modal-scroll-content-w {
height: 100%;
margin-right: 0;
padding: 3rem;
overflow: auto;
}
.modal-scroll {
background-color: #fff;
border-radius: .75rem;
flex: none;
width: 100%;
height: 55%;
margin-top: 176px;
position: relative;
}
.modal-w-scroll {
z-index: 10;
width: 100%;
max-width: 62rem;
height: 100%;
max-height: 100%;
margin: auto;
padding-top: 4rem;
padding-bottom: 4rem;
display: block;
}
.modal-3-popup {
z-index: 25;
background-color: #29282866;
align-items: flex-start;
width: 100%;
height: 100vh;
padding: 4rem 2rem;
display: none;
position: fixed;
inset: 0%;
overflow: auto;
}
.team-title {
color: var(--combine-library--white);
text-align: center;
margin-bottom: 0;
font-family: Poppins, sans-serif;
font-size: 21px;
font-weight: 600;
}
.team-designation {
color: var(--combine-library--white);
text-align: center;
margin-bottom: 0;
font-family: Poppins, sans-serif;
font-size: 16px;
}
.team-img {
width: 170px;
margin-bottom: 10px;
}
.bio-title {
font-family: Poppins, sans-serif;
font-weight: 700;
}
.bio-designation {
font-family: Poppins, sans-serif;
font-size: 16px;
display: none;
}
.paragraph-3 {
margin-bottom: 0;
font-family: Poppins, sans-serif;
}
.team-bio-grid {
grid-template-rows: auto;
grid-template-columns: 1fr 2.75fr;
}
.bio-paragraph {
text-align: justify;
font-family: Poppins, sans-serif;
font-size: 16px;
}
.bio-image {
width: 190px;
}
.filter-hide {
display: none;
}
.checkbox-field-2 {
width: 12rem;
margin-bottom: 0;
padding-top: .5rem;
padding-bottom: .5rem;
padding-left: 2rem;
}
.icon {
background-color: #030303;
}
.icon.slide-cin-01 {
background-color: var(--primary-1);
border-radius: 20px;
margin-top: 136px;
margin-bottom: 137px;
font-size: 24px;
}
.timeline-slider {
background-color: #fff;
height: auto;
}
.slider {
background-color: var(--primary-1);
}
.slide-nav {
display: none;
}
.div-block-50 {
background-color: var(--accent--primary-1);
border-radius: 20px;
width: 60px;
height: 37px;
margin-top: 131px;
margin-bottom: 138px;
margin-left: 5px;
}
.our-value-system-grid {
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;
}
.our-value-system-div {
background-color: #faf8f5;
border-radius: 11px;
padding: 30px;
}
.our-value-system-div.core-value-box-div {
background-color: #fff;
}
.our-value-system-div.core-value-box-div.core-value-box-div-bg-change-csr {
background-color: #faf8f5;
padding: 20px;
}
.heading-h4 {
color: var(--neutral--800);
text-align: left;
margin-bottom: 10px;
font-family: Poppins, sans-serif;
font-size: 17px;
font-weight: 600;
line-height: 1.1em;
}
.heading-h4.quote-name {
color: var(--flowstica-webflow-library--white);
}
.heading-h4.heading-h4-vision {
font-size: 40px;
}
.heading-h4.heading-h4-2 {
font-size: 21px;
}
.right-arrow-2 {
background-color: var(--accent--primary-1);
border-radius: 80px;
width: 50px;
height: 50px;
margin-top: auto;
margin-bottom: auto;
}
.slide-nav-2 {
display: none;
}
.left-arrow {
background-color: var(--accent--primary-1);
border-radius: 80px;
width: 50px;
height: 50px;
margin-top: auto;
margin-bottom: auto;
}
.slide-3 {
vertical-align: middle;
}
.icon-2, .icon-3 {
font-size: 24px;
}
.modal-4-popup {
z-index: 25;
background-color: #0a0a0a5e;
width: 100%;
height: 100vh;
padding: 4rem 2rem;
display: none;
position: fixed;
inset: 0%;
overflow: auto;
}
.modal-5-popup {
z-index: 25;
object-fit: fill;
background-color: #0000005e;
padding: 4rem 2rem;
display: none;
position: fixed;
inset: 0%;
}
.modal-5-popup.modal-5-popup-scroll {
width: 100%;
height: 100vh;
overflow: visible;
}
.modal-6-popup {
background-color: #0f0e0e7a;
padding: 4rem 2rem;
display: none;
position: fixed;
inset: 0%;
}
.modal-7-popup {
z-index: 25;
background-color: #0000005c;
padding: 2rem 2rem 4rem;
display: none;
position: fixed;
inset: 0%;
}
.value-grid-2 {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
margin-right: 10px;
padding-left: 10px;
}
.value-icn {
text-align: left;
object-fit: fill;
width: 70px;
max-width: 100%;
margin-left: 0;
margin-right: 0;
display: block;
}
.mission-section {
background-color: #fff;
background-image: url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/66aa6d4965e4bf5d48adcc7f_FCT%20About%20Hero001.jpg");
background-position: 0 0;
background-size: cover;
margin-bottom: 100px;
padding-top: 100px;
}
.mission-vission-grid {
grid-template-rows: auto;
grid-template-columns: 1fr;
padding-bottom: 40px;
}
.mission-vision-section {
background-image: linear-gradient(#00000080, #00000080), url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/66b346313e3d95da1938a38d_About%20us%20bg%2002.jpg");
background-position: 0 0, 0 0;
background-size: auto, cover;
background-attachment: scroll, fixed;
padding-top: 100px;
padding-bottom: 0;
}
.body {
background-color: var(--primary-1);
}
.mission-grid {
background-color: #fff;
border-radius: 10px;
grid-template-rows: auto;
grid-template-columns: 1fr 2fr;
align-content: center;
}
.m2-div {
padding: 30px 30px 30px 10px;
}
.horizons-section {
padding-top: 100px;
padding-bottom: 100px;
}
.horizons-section.horizons-section-hide {
display: none;
}
.horizons-grid {
background-color: var(--system--orange-100);
border-radius: 15px;
grid-template-rows: auto;
}
.horizons-div-1 {
background-image: url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/66aa7374292cc023c294c47d_Our%20Expertise%20img10.jpg");
background-position: 0 0;
background-size: cover;
border-top-left-radius: 15px;
border-bottom-left-radius: 15px;
}
.horizons-div-2 {
padding: 30px;
}
.h3-title {
padding-top: 5px;
font-family: Poppins, sans-serif;
font-size: 20px;
font-weight: 400;
}
.h3-title.h3-title-center {
text-align: center;
margin-bottom: 30px;
}
.h3-title.h3-title-center.h3-title-left-light {
text-align: left;
margin-top: 20px;
margin-bottom: 10px;
}
.h3-title.h3-center {
color: var(--neutral--100);
text-align: center;
margin-bottom: 35px;
}
.b-list {
font-family: Poppins, sans-serif;
font-size: 17px;
font-weight: 400;
line-height: 1.6em;
}
.energy-text {
color: var(--neutral--100);
margin-bottom: 0;
font-family: Poppins, sans-serif;
font-size: 70px;
font-weight: 800;
}
.vision-misiion-icn {
width: 260px;
padding-left: 20px;
}
.why-choose-us-grid {
grid-template-columns: 1fr 1fr 1fr;
}
.why-choose-us-grid.core-value-grid {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.what-is-a-fuel-grid {
grid-template-rows: auto;
}
.what-is-a-fuel-grid.product-overview-grid {
grid-template-columns: 1fr 1.5fr;
align-content: start;
}
.what-is-a-fuel-grid.efoy-pro-duo-grid {
grid-template-columns: 1fr 1.25fr;
}
.what-is-a-fuel-grid.efoy-hydrogen-grid {
grid-template-columns: 1fr 1.5fr;
}
.what-is-a-fuel-grid.smart-batteries-grid {
grid-template-columns: 1fr 2fr;
}
.what-is-a-fuel-grid.efoy-main-grid {
grid-column-gap: 30px;
grid-row-gap: 30px;
}
.what-is-a-fuel-div-01, .what-is-a-fuel-div-02.product-overview-img-div.effoy-duo-div1.efoy-p-30 {
padding-left: 30px;
}
.h2-heading-left {
text-align: left;
font-family: Poppins, sans-serif;
font-size: 31px;
}
.h2-heading-left.h2-heading-lcenter {
text-align: center;
}
.h2-heading-left.h2-heading-left-light {
color: var(--neutral--100);
}
.h2-heading-left.h2-heading-left-light.h2-heading-left-light-1 {
color: var(--neutral--300);
}
.technology-overview--img {
border-radius: 13px;
}
.benifit-icn {
width: 70px;
margin-bottom: -12px;
}
.benifit-icn.future-icn {
margin-bottom: 10px;
}
.spark-small-sub-paragraph-3 {
color: var(--spark-library--foreground-secondary);
margin-bottom: 0;
font-size: .8rem;
line-height: 1.3;
}
.spark-bold-heading-3 {
margin-bottom: .5rem;
font-weight: 600;
line-height: 1;
display: inline-block;
}
.spark-bold-heading-3.spark-card-title {
font-size: 1.2rem;
}
.spark-bold-heading-3.spark-no-bottom-margin {
margin-bottom: 0;
}
.spark-card-details-3 {
grid-row-gap: 16px;
flex-direction: column;
align-items: flex-start;
max-width: 590px;
padding-bottom: 32px;
padding-left: 8px;
padding-right: 8px;
display: flex;
}
.spark-square-image-card-3 {
object-fit: cover;
border-radius: 12px;
width: 100%;
height: auto;
display: block;
}
.spark-wrapped-card-3 {
grid-column-gap: 24px;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.spark-wrapped-card-3.spark-stacked {
grid-column-gap: 24px;
grid-row-gap: 24px;
text-align: left;
flex-direction: column;
justify-content: center;
align-items: stretch;
transition: border-color .15s;
}
.spark-three-column-grid-3 {
grid-column-gap: 64px;
grid-row-gap: 64px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
align-items: start;
display: grid;
}
.spark-two-column-grid-2 {
grid-column-gap: 64px;
grid-row-gap: 64px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: start;
display: grid;
}
.spark-simple-icon-tabs-content-2 {
width: 75%;
display: block;
}
.spark-small-icon-2 {
flex: none;
width: 24px;
height: 24px;
display: inline-block;
}
.spark-flex-center-2 {
grid-column-gap: 8px;
align-items: center;
display: flex;
}
.spark-simple-side-icon-tab-2 {
background-color: var(--spark-library--background--interactive);
color: var(--spark-library--black);
border-radius: 12px;
margin-bottom: 1rem;
padding: 14px;
transition: background-color .15s, color .15s;
display: block;
}
.spark-simple-side-icon-tab-2:hover {
border-bottom-color: var(--spark-library--light-steel-purple);
background-color: var(--spark-library--background--interactive);
opacity: 1;
color: var(--spark-library--foreground-interactive);
}
.spark-simple-side-icon-tab-2.w--current {
border-bottom-color: var(--spark-library--foreground-interactive);
background-color: var(--spark-library--foreground-interactive);
color: #fff;
}
.spark-simple-stacked-icon-tabs-2 {
float: left;
grid-column-gap: 0px;
flex-direction: column;
justify-content: center;
width: 20%;
margin-bottom: 0;
margin-right: 5%;
display: inline-block;
}
.spark-side-flat-tab-parent-2 {
width: 100%;
display: block;
}
.spark-secondary-paragraph-5 {
color: var(--spark-library--foreground-secondary);
margin-bottom: 64px;
}
.spark-centered-902 {
text-align: center;
width: 900px;
max-width: 100%;
margin-bottom: 100px;
margin-left: auto;
margin-right: auto;
}
.spark-container-3 {
max-width: 1440px;
margin-left: auto;
margin-right: auto;
position: relative;
}
.spark-section-3 {
width: 100%;
padding: 176px 64px;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
position: relative;
}
.spark-section-3 h5 {
margin-top: 1.5rem;
margin-bottom: .5rem;
font-size: 1.75rem;
font-weight: 600;
line-height: 1.3;
}
.spark-section-3 h4 {
margin-top: 0;
margin-bottom: 1rem;
font-size: 1.5rem;
font-weight: 500;
line-height: 1.4;
}
.spark-section-3 h1 {
margin-bottom: 1rem;
font-size: 4rem;
font-weight: 600;
line-height: 1.1;
}
.spark-section-3 h2 {
margin-top: 1rem;
margin-bottom: 2rem;
font-size: 3.5rem;
font-weight: 600;
line-height: 1.2;
}
.spark-section-3 h3 {
margin-top: 2.5rem;
margin-bottom: 1rem;
font-size: 2rem;
font-weight: 600;
line-height: 1.3;
}
.spark-section-3 h6 {
margin-top: 1.5rem;
margin-bottom: .5rem;
font-size: .8125rem;
font-weight: 700;
line-height: 1.5;
}
.spark-section-3 ul {
margin-top: 2rem;
margin-bottom: 3rem;
padding-left: 14px;
}
.spark-section-3 li {
margin-bottom: .5rem;
}
.spark-secondary-paragraph-7 {
color: var(--spark-library--foreground-secondary);
margin-bottom: 64px;
}
.spark-tabs-content-2 {
width: 100%;
}
.spark-pill-tab-2 {
color: var(--spark-library--black);
background-color: #f3f3f3;
border-radius: 8px;
padding: 8px 24px;
transition: color .15s, background-color .15s;
}
.spark-pill-tab-2:hover {
background-color: var(--accent--primary-1);
opacity: 1;
color: var(--untitled-ui--white);
}
.spark-pill-tab-2.w--current {
background-color: var(--accent--primary-1);
color: var(--spark-library--white);
width: auto;
}
.spark-pill-tab-2.future-tab {
background-color: #fff;
}
.spark-pill-tab-2.future-tab:hover {
background-color: var(--accent--primary-1);
color: var(--flowstica-webflow-library--black);
-webkit-text-stroke-color: var(--flowstica-webflow-library--black);
}
.spark-pill-tab-2.future-tab.w--current {
background-color: var(--accent--primary-1);
}
.spark-tabs-menu-2 {
grid-column-gap: 16px;
justify-content: center;
margin-bottom: 100px;
display: flex;
}
.spark-tabs-menu-2.spark-left-aligned {
justify-content: center;
align-items: center;
margin-bottom: 20px;
}
.spark-tabs-parent-2 {
width: 100%;
}
.spark-secondary-paragraph-8 {
color: var(--spark-library--foreground-secondary);
margin-bottom: 64px;
}
.single-vs-hybridised-grid {
background-color: var(--system--orange-100);
border-radius: 15px;
grid-template-rows: auto;
}
.single-div-1 {
background-image: url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/66aa7374292cc023c294c47d_Our%20Expertise%20img10.jpg");
background-position: 0 0;
background-size: cover;
border-top-left-radius: 15px;
border-bottom-left-radius: 15px;
}
.single-div-2 {
padding: 30px;
}
.single-vs-hybridised-list {
color: var(--neutral--800);
font-family: Poppins, sans-serif;
font-size: 16px;
line-height: 1.3em;
}
.single-vs-hybridised-list.benifitelist {
color: var(--neutral--300);
}
.direct-methanol--grid {
grid-template-columns: 1fr 1fr 1fr 1fr;
padding-top: 20px;
}
.direct-methanol--grid.intelligent-energy-management-grid {
grid-template-columns: 1fr 1fr 1fr;
}
.direct-methanol-div {
background-color: #fff;
border-radius: 11px;
padding: 20px;
}
.circle_wrap {
flex: none;
width: 76em;
height: 28.2em;
margin-top: auto;
}
.circle_wrapper {
width: 100%;
height: 100%;
margin-top: 0;
}
.circle_list {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
margin-top: 0;
margin-bottom: 0;
display: flex;
position: relative;
}
.circle {
text-align: center;
border: 1px solid #fff;
border-radius: 50%;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
margin-left: auto;
margin-right: auto;
transition: transform .6s cubic-bezier(.445, .05, .55, .95), opacity .2s;
display: flex;
position: absolute;
inset: 0%;
}
.circle_item {
flex-direction: column;
justify-content: flex-start;
align-items: center;
height: 100%;
display: flex;
position: absolute;
transform: rotate(0);
}
.container-2 {
width: 100%;
max-width: 100em;
margin-left: auto;
margin-right: auto;
padding: 5em 6em;
}
.container-2.is-timeline {
justify-content: center;
align-items: flex-start;
max-width: 100em;
height: 71vh;
margin-left: 0;
margin-right: auto;
padding: 0 0% 0;
display: flex;
overflow: hidden;
}
.circle_height {
width: 100%;
padding-top: 100%;
position: relative;
}
.circle_link {
margin-top: -3.8em;
display: block;
position: relative;
}
.circle_date {
color: var(--neutral--100);
margin-top: 0;
margin-bottom: 0;
font-family: Poppins, sans-serif;
font-size: 2.2em;
font-weight: 700;
text-decoration: none;
transition: opacity .2s;
}
.circle_dot {
background-color: #fff;
border-radius: 50%;
width: 1.5em;
height: 1.5em;
margin-left: auto;
margin-right: auto;
transition: transform .2s;
display: block;
}
.circle_description {
opacity: 0;
flex: none;
width: 30em;
margin-top: 7.5em;
transition: opacity .3s;
position: absolute;
}
.circle_line {
background-color: #fff;
width: 1px;
height: 4.9em;
margin-top: -.8em;
margin-left: auto;
margin-right: auto;
position: absolute;
inset: 0% 0% auto;
transform: translate(0, -100%);
}
.circle_p {
color: #f0f0f0;
font-family: Poppins, sans-serif;
font-size: 17px;
line-height: 1.4;
}
.timeline-image {
border-radius: 100px;
width: 500px;
}
.leadership-team-div {
grid-template-rows: auto;
grid-template-columns: 1fr .5fr;
}
.hero-heading-3 {
color: var(--neutral--100);
font-family: Poppins, sans-serif;
font-size: 37px;
font-weight: 300;
}
.science-behind-grid {
grid-template-rows: auto;
grid-template-columns: 2fr 1fr;
max-width: 1280px;
margin-top: 20px;
margin-left: auto;
margin-right: auto;
}
.science-behind-grid.science-behind-grid-2 {
grid-template-columns: 1fr 1fr;
grid-auto-flow: row;
align-content: center;
place-items: center stretch;
margin-bottom: 30px;
}
.science-behind-grid.science-behind-grid-hide {
display: none;
}
.dmfc-div-1 {
background-color: #fff;
border-radius: 14px;
padding: 35px;
}
.dmfc-div-1.hydrogen-fuel-div-1 {
background-color: var(--system--orange-100);
height: 370px;
}
.dmfc-div-1.hydrogen-fuel-div-1.hydrogen-fuel-div-4 {
height: 350px;
}
.dmfc-div-1.energy-management-div-2 {
height: 330px;
padding-top: 72px;
}
.dmfc-div-2 {
background-color: var(--accent--primary-1);
border-radius: 13px;
padding: 35px;
}
.h2-heading-left-light {
color: var(--neutral--100);
}
.science-behind-grid-div-01 {
text-align: center;
background-color: #fff;
border-radius: 14px;
}
.science-behind-grid-div-01.hydrogen-fuel-div-2 {
box-shadow: 0 2px 10px #2c5f0a24;
}
.science-behind-grid-div-01.hydrogen-fuel-div-2.hydrogen-fuel-div-3 {
height: 350px;
}
.science-behind-grid-div-01.energy-management-div-1 {
height: 330px;
}
.benifite-grid {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
max-width: 1280px;
margin-top: 20px;
margin-left: auto;
margin-right: auto;
}
.benifite-grid.direct-methanol--grid08 {
grid-template-columns: 1fr 1fr;
}
.benifite-grid.defence-security-grid {
grid-row-gap: 16px;
grid-template-columns: 1fr 1fr 1fr;
max-width: 900px;
}
.benifite-grid.defence-security-grid.benifitegrid-hide {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.benifite-grid.indoor-green-hide {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: flex;
}
.benifite-grid.benifite-grid-hide {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.benifite-grid.benifite-grid-hide.hide-beni {
display: none;
}
.benifite-grid-div {
text-align: center;
background-color: #fff;
border: 1px solid #ececec;
border-radius: 10px;
padding: 20px;
}
.benifite-grid-div.science-div {
text-align: left;
padding: 50px;
}
.benifite-grid-div.science-div.science-div-1 {
padding: 10px;
}
.benifite-icn {
width: 64px;
padding-bottom: 10px;
}
.dmfc-img {
text-align: center;
vertical-align: baseline;
width: 660px;
margin: auto;
padding-top: 56px;
}
.dmfc-img.hydrogen-img, .dmfc-img.dmfc-img-2 {
width: 800px;
padding-top: 0;
}
.energy-management-img {
width: 360px;
padding-top: 0;
}
.clean-energy-cell1 {
background-color: #fff;
border-radius: 15px;
justify-content: center;
align-items: center;
}
.clean-energy-cell1.clean-energy-cell2-coloe {
background-color: var(--spark-library--white);
justify-content: space-between;
align-items: flex-start;
padding: 20px;
}
.clean-energy-cell2 {
background-color: #fff;
border-radius: 15px;
justify-content: center;
align-items: flex-start;
padding: 20px;
}
.clean-energy-cell2.clean-energy-cell2-coloe {
background-color: var(--system--orange-100);
color: var(--system--orange-100);
}
.clean-energy-cell2.clean-energy-cell2-shadow {
padding-left: 0;
padding-right: 0;
box-shadow: 0 2px 14px #0003;
}
.clean-energy-cell2.clean-energy-cell2-shadow.hyd-padding {
padding-left: 20px;
padding-right: 20px;
}
.hydrogen-fuel-img {
padding-top: 60px;
padding-left: 0;
padding-right: 20px;
font-size: 26px;
line-height: 2px;
}
.hero-h3 {
color: var(--neutral--100);
margin-right: -168px;
padding-right: 0;
font-family: Poppins, sans-serif;
font-size: 30px;
font-weight: 300;
}
.defence-security--quick-stack {
max-width: 1280px;
margin-left: auto;
margin-right: auto;
padding: 0 0 35px;
}
.defence-security-cell-1 {
background-image: url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/66aa7374292cc023c294c47d_Our%20Expertise%20img10.jpg");
background-position: 0 0;
background-size: cover;
border-radius: 15px;
padding-top: 0;
}
.defence-security-cell-1.man-portable-sec-img {
background-image: url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/66c2d82b2e783ea35f7547d6_Man%20Portable%20Energy%20%20img.jpg");
background-position: 50%;
}
.defence-security-cell-1.surveillance-sec-img {
background-image: url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/6863c8c460d33d25434c861b_Screenshot%202024-11-28%20141747.png");
background-position: 100% 0;
}
.defence-security-cell-1.microgrids-sec-img {
background-image: url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/66c2d86d9bd2cc5c76eece36_MICROGIRD%20%20img.jpg");
background-position: 0%;
}
.defence-security-cell-1.microgrids-sec-img.algct-portable-radar-img {
background-image: url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/66eebf3e8ab4f5ab74af40a6_Portable%20Radar%20imh9.jpg");
}
.defence-security-cell-2 {
background-color: var(--neutral--100);
border-radius: 15px;
justify-content: center;
align-items: flex-start;
padding: 65px 40px;
}
.stationary-fuel-cell-quick-stack {
max-width: 1280px;
margin-left: auto;
margin-right: auto;
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.stationary-fuel-cell-1 {
background-color: var(--system--orange-100);
border-radius: 15px;
padding: 65px 40px;
}
.stationary-fuel-cell-1.stationary-fuel-cell-2 {
background-image: url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/6863d3346e5cf2b299096555_IMG_20230121_144323.jpg");
background-position: 50%;
}
.stationary-fuel-cell-1.fc-gen-1 {
background-image: url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/6880aa229068ee372739019c_WhatsApp%20Image%202024-04-20%20at%2016.40.59_0a68000f.jpg");
background-position: 50%;
background-size: auto;
}
.stationary-fuel-cell-2 {
background-image: url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/66c440c1b172591c5ef7b75b_Stationary%20Fuel%20%20img.jpg");
background-position: 0 0;
background-size: cover;
border-radius: 15px;
}
.stationary-fuel-cell-2.auxiliary-power-img {
background-image: url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/66d570bfcd0051504ef8ceda_bmp2-01.jpg");
}
.spark-small-sub-paragraph-4 {
color: var(--spark-library--foreground-secondary);
margin-bottom: 0;
font-size: .8rem;
line-height: 1.3;
}
.spark-bold-heading-4 {
margin-bottom: .5rem;
font-weight: 600;
line-height: 1;
display: inline-block;
}
.spark-bold-heading-4.spark-card-title {
font-size: 1.2rem;
}
.spark-bold-heading-4.spark-no-bottom-margin {
margin-bottom: 0;
font-size: 16px;
font-weight: 400;
line-height: 1.3;
}
.spark-bold-heading-4.spark-no-bottom-margin:hover {
color: var(--secondary--color-1);
}
.spark-card-details-4 {
grid-row-gap: 16px;
flex-direction: column;
align-items: flex-start;
max-width: 590px;
padding-bottom: 32px;
padding-left: 8px;
padding-right: 8px;
display: flex;
}
.spark-square-image-card-4 {
object-fit: cover;
border-radius: 12px;
width: 100%;
height: auto;
display: block;
}
.spark-wrapped-card-4 {
grid-column-gap: 24px;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.spark-wrapped-card-4.spark-stacked {
grid-column-gap: 24px;
grid-row-gap: 24px;
text-align: left;
flex-direction: column;
justify-content: center;
align-items: stretch;
transition: border-color .15s;
}
.spark-two-column-grid-3 {
grid-column-gap: 64px;
grid-row-gap: 64px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: start;
display: grid;
}
.spark-side-tabs-content {
width: 60%;
display: block;
}
.spark-side-flat-tab {
border-bottom: 3px solid var(--spark-library--background--interactive);
color: var(--spark-library--black);
background-color: #0000;
width: 100%;
padding: 25px 24px;
transition: border-color .3s, color .15s;
}
.spark-side-flat-tab:hover {
border-bottom-color: var(--spark-library--light-steel-purple);
opacity: 1;
color: var(--spark-library--foreground-interactive);
}
.spark-side-flat-tab.w--current {
border-bottom-color: var(--spark-library--foreground-interactive);
color: var(--spark-library--foreground-interactive);
background-color: #0000;
}
.spark-stacked-flat-tabs-menu {
float: left;
grid-column-gap: 0px;
flex-direction: column;
justify-content: center;
width: 30%;
margin-right: 10%;
display: inline-block;
}
.spark-side-flat-tab-parent-3 {
width: 100%;
max-width: 1280px;
margin-left: auto;
margin-right: auto;
padding-top: 40px;
display: block;
}
.spark-secondary-paragraph-9 {
color: var(--spark-library--foreground-secondary);
margin-bottom: 64px;
}
.spark-centered-903 {
text-align: center;
width: 900px;
max-width: 100%;
margin-bottom: 100px;
margin-left: auto;
margin-right: auto;
}
.spark-container-4 {
max-width: 1440px;
margin-left: auto;
margin-right: auto;
position: relative;
}
.spark-container-4.hide-tab {
display: none;
}
.spark-section-4 {
width: 100%;
padding: 176px 64px;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
position: relative;
}
.spark-section-4 h5 {
margin-top: 1.5rem;
margin-bottom: .5rem;
font-size: 1.75rem;
font-weight: 600;
line-height: 1.3;
}
.spark-section-4 h4 {
margin-top: 0;
margin-bottom: 1rem;
font-size: 1.5rem;
font-weight: 500;
line-height: 1.4;
}
.spark-section-4 h1 {
margin-bottom: 1rem;
font-size: 4rem;
font-weight: 600;
line-height: 1.1;
}
.spark-section-4 h2 {
margin-top: 1rem;
margin-bottom: 2rem;
font-size: 3.5rem;
font-weight: 600;
line-height: 1.2;
}
.spark-section-4 h3 {
margin-top: 2.5rem;
margin-bottom: 1rem;
font-size: 2rem;
font-weight: 600;
line-height: 1.3;
}
.spark-section-4 h6 {
margin-top: 1.5rem;
margin-bottom: .5rem;
font-size: .8125rem;
font-weight: 700;
line-height: 1.5;
}
.spark-section-4 ul {
margin-top: 2rem;
margin-bottom: 3rem;
padding-left: 14px;
}
.spark-section-4 li {
margin-bottom: .5rem;
}
.add-ons_accordion-title {
flex: 1;
font-family: Poppins, sans-serif;
font-size: 22px;
}
.add-ons_accordion-body {
padding-left: 3.2rem;
display: block;
}
.add-ons_accordion-body.add-ons_js-accordion-body {
padding-bottom: 2rem;
}
.add-ons_accordion {
display: block;
}
.add-ons_accordion.add-ons_js-accordion {
padding-top: 0;
padding-bottom: 2rem;
position: relative;
}
.add-ons_image-wrapper {
border-radius: 15px;
justify-content: center;
align-items: center;
width: 69%;
height: 100%;
display: flex;
position: absolute;
inset: 0% 0% auto auto;
}
.add-ons_component {
justify-content: space-between;
align-items: flex-start;
}
.add-ons_accordion-item {
box-shadow: none;
text-align: left;
border-bottom: 1px solid #cdd0d7;
flex-direction: column;
justify-content: space-between;
width: 45%;
text-decoration: none;
display: flex;
overflow: hidden;
}
.add-ons_accordion-item.add-ons_js-accordion-item {
box-shadow: none;
width: 25%;
}
.add-ons_accordion-item.add-ons_js-accordion-item.active {
cursor: default;
width: 25%;
}
.add-ons_accordion-item.add-ons_js-accordion-item.active:hover {
box-shadow: none;
}
.add-ons_accordion-body-contents {
opacity: 1;
}
.add-ons_title-icon-wrapper {
background-color: var(--accent--primary-1);
border-radius: 100%;
justify-content: center;
align-items: center;
width: 25px;
min-width: 25px;
height: 25px;
margin-right: 1.5rem;
display: flex;
}
.add-ons_tick-icon {
width: 12px;
}
.margin-top {
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
}
.add-ons_image {
object-fit: cover;
object-position: 0% 50%;
width: 100%;
height: 100%;
}
.add-ons_accordion-header {
align-items: center;
display: flex;
}
.add-ons_accordion-header.add-ons_js-accordion-header {
cursor: pointer;
cursor: pointer;
padding-top: 2rem;
padding-bottom: .5rem;
}
.tab-paragraph {
color: var(--neutral--800);
font-family: Poppins, sans-serif;
font-size: 16px;
}
.add-ons_accordion-title-2 {
flex: 1;
font-family: Poppins, sans-serif;
font-size: 24px;
font-weight: 500;
}
.section-add-ons {
text-align: center;
}
.page-padding-4 {
padding-left: 2.5rem;
padding-right: 2.5rem;
}
.green-data-div {
grid-template-rows: auto;
padding-bottom: 20px;
}
.green-data-div.hide-sec-tec {
display: none;
}
.green-data-div.pillar-grid {
margin-bottom: 40px;
}
.t-solution-tab-list {
color: var(--neutral--800);
padding-top: 10px;
padding-left: 20px;
font-family: Poppins, sans-serif;
font-size: 16px;
line-height: 1.4em;
}
.t-solution-tab-list.white-list {
color: var(--neutral--100);
}
.data-centres-tab-img {
background-image: url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/6880ccdba78fce435f18aae3_IMG20240510143336%20(1).jpg");
background-position: 50%;
background-size: cover;
border-radius: 10px;
}
.data-centres-tab-img.cyber-security--img {
background-image: url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/66c43c57f35aa2c84ea78ac6_Cyber%20Security%20Integration%20img.jpg");
}
.data-centres-tab-img.network-operating--img {
background-image: url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/6880cd188452fcffd6f2737c_IMG-20240403-WA0017.jpg");
}
.data-centres-tab-img.reliable-and-resilient-img {
background-image: url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/6880cdeae3ac5bcc00553b5b_telecommunication-tower-with-beautiful-sky-min.jpg");
}
.data-centres-tab-img.smart-city-img {
background-image: url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/688351c5164fbbcb885d4003_Untitled%20design%20(24).png");
background-position: 50% 0;
}
.data-centres-tab-img.smart-city-img.customised-solutions-img {
height: 390px;
}
.bold-list-title {
font-weight: 700;
}
.bold-list-title.white-list {
color: var(--neutral--100);
}
.data-centres-tab-content {
background-color: var(--system--orange-100);
border-radius: 10px;
padding: 25px;
}
.data-centres-tab-content.pillars-div {
background-color: var(--secondary--color-1);
}
.data-centres-tab-content.pillars-div.customised-solutions-content-div {
height: 390px;
margin-top: auto;
margin-bottom: auto;
}
.spark-three-column-grid-4 {
grid-column-gap: 64px;
grid-row-gap: 64px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
align-items: start;
display: grid;
}
.spark-simple-icon-tabs-content-3 {
width: 75%;
display: block;
}
.spark-small-icon-3 {
flex: none;
width: 24px;
height: 24px;
display: inline-block;
}
.spark-flex-center-3 {
grid-column-gap: 8px;
align-items: center;
font-family: Poppins, sans-serif;
font-weight: 300;
display: flex;
}
.spark-simple-side-icon-tab-3 {
background-color: var(--untitled-ui--gray200);
color: var(--spark-library--black);
border-radius: 7px;
margin-bottom: 1rem;
padding: 14px;
font-family: Poppins, sans-serif;
font-size: 18px;
font-weight: 300;
transition: background-color .15s, color .15s;
display: block;
}
.spark-simple-side-icon-tab-3:hover {
border-bottom-color: var(--spark-library--light-steel-purple);
background-color: var(--secondary--color-2);
opacity: 1;
color: var(--secondary--color-1);
}
.spark-simple-side-icon-tab-3.w--current {
border-bottom-color: var(--spark-library--foreground-interactive);
background-color: var(--accent--primary-1);
color: #fff;
border-radius: 7px;
}
.spark-simple-stacked-icon-tabs-3 {
float: left;
grid-column-gap: 0px;
flex-direction: column;
justify-content: center;
width: 20%;
margin-bottom: 0;
margin-right: 5%;
display: inline-block;
}
.spark-side-flat-tab-parent-4 {
width: 100%;
margin-top: 40px;
display: block;
}
.h3-left {
text-align: left;
font-family: Poppins, sans-serif;
font-size: 22px;
}
.h3-left.h3-heading.h3-bold {
font-weight: 600;
}
.h3-left.h3-left-color {
color: var(--accent--primary-1);
}
.green-hydrogen-stack {
max-width: 1280px;
margin-left: auto;
margin-right: auto;
padding-bottom: 40px;
}
.indoor-green-hydrogen-image {
background-image: url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/684fe2420b20c8838e820a7d_Untitled%20design%20(21).png"), url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/66cc0f2aeab1797348966132_Indoor%20Green%20Hydrogen%20%20img%202.jpg");
background-position: 0 0, 50%;
background-size: auto, cover;
border-radius: 10px;
justify-content: center;
align-items: center;
}
.indoor-green-hydrogen-image.genset-img {
background-image: url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/66d5653762fe7bca7fef1d5d_h2-genset.jpg");
background-position: 60% 30%;
}
.indoor-green-hydrogen-image.genset-img.how-it-work-img {
background-color: var(--neutral--100);
background-image: none;
border: 2px solid #ede6da;
}
.indoor-green-hydrogen-image.genset-img.net-zero-buildings-img {
background-image: url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/684fe7b6fd939df033f56e3d_6.png");
background-size: cover;
}
.indoor-green-hydrogen-image.hydrogen-image-indoor {
background-image: url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/66cc0f2aeab1797348966132_Indoor%20Green%20Hydrogen%20%20img%202.jpg");
background-position: 50%;
background-size: cover;
}
.indoor-green-hydrogen-content {
background-color: var(--button-shadow--color-01);
border-radius: 10px;
padding: 20px;
}
.indoor-green-hydrogen-content.indoor-green-hydrogen-content-1 {
background-color: var(--flowstica-webflow-library--white);
padding: 0;
}
.outdoor-green-stack {
max-width: 1280px;
margin-left: auto;
margin-right: auto;
padding-bottom: 40px;
}
.outdoor-green-stack.powerpack-stack {
height: 390px;
}
.outdoor-green-stack-img {
background-image: url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/66e329dbf1b2f67a08cb843d_IMG20240622122146.jpg");
background-position: 50%;
background-size: cover;
border-radius: 10px;
}
.outdoor-green-stack-img.powerpack-stack-image {
background-image: url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/66c4918c37c5ec363acb46b8_H2_PowerPack_Konzert1-2000x1409.jpg");
}
.outdoor-green-stack-img.hybrid-systems-cell {
background-image: linear-gradient(#f5f5f7, #f5f5f7), linear-gradient(#fff, #fff);
justify-content: center;
align-items: flex-start;
padding-top: 0;
padding-left: 20px;
padding-right: 20px;
}
.outdoor-green-stack-content {
background-color: var(--system--orange-100);
border-radius: 10px;
justify-content: center;
align-items: flex-start;
padding: 20px 40px;
}
.product-hero-grid {
grid-column-gap: 13px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1.25fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.product-hero-grid.contact-hero-grid {
margin-top: 54px;
}
.product-hero-image {
width: 490px;
}
.gallary-stack {
max-width: 1280px;
height: 360px;
margin-left: auto;
margin-right: auto;
}
.gallary-stack-img-01 {
background-image: url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/66c45c9fa5f3edbf0241b05d_Green%20Hydrogen%20BG001.jpg");
background-position: 0 0;
background-size: cover;
border-radius: 10px;
}
.gallary-stack-img-02 {
background-image: url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/66c4599ac5182736fd9f6479_Green%20Hydrogen%20Hero.jpg");
background-position: 0 0;
background-size: cover;
border-radius: 10px;
padding-top: 0;
padding-bottom: 0;
}
.html-code-table {
color: var(--neutral--800);
max-width: 1280px;
margin-left: auto;
margin-right: auto;
padding-top: 20px;
}
.html-code-table.hide-pc-html-fuel {
display: none;
}
.download-button {
text-align: center;
margin-top: 20px;
}
.card_number-circle {
background-color: #fff;
border-radius: 20rem;
flex-direction: column;
justify-content: center;
align-items: center;
width: 2rem;
height: 2rem;
display: flex;
}
.content {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
text-align: center;
flex-direction: column;
align-items: stretch;
width: 100%;
max-width: 1280px;
margin-left: auto;
margin-right: auto;
display: flex;
}
.card_content {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
text-align: left;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 50%;
padding: 2rem;
display: flex;
}
.card-3 {
border-radius: 1rem;
width: 100%;
min-height: 35rem;
display: flex;
position: sticky;
top: 10%;
overflow: hidden;
}
.card-3.is-three {
background-color: #fff;
min-height: 30rem;
}
.card-3.is-three.cards-4 {
background-color: #f3ece5;
}
.card-3.is-two {
background-color: var(--system--orange-100);
color: var(--system--orange-100);
background-image: linear-gradient(#f3ece5, #f3ece5);
min-height: 30rem;
}
.card-3.is-one {
background-color: #fff;
min-height: 30rem;
}
.cards_wrapper {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-direction: column;
margin-bottom: 0;
padding-top: 40px;
display: flex;
position: relative;
}
.padding-section-large {
padding-top: 0;
padding-bottom: 7rem;
}
.card_image {
object-fit: cover;
width: 50%;
}
.card_number {
color: #000;
font-family: Montserrat, sans-serif;
font-weight: 800;
}
.benifite-grid-sticky {
grid-template-rows: auto;
}
.sticky-list {
color: var(--neutral--800);
font-family: Poppins, sans-serif;
font-size: 16px;
line-height: 1.6em;
}
.dot-block {
justify-content: center;
align-self: flex-end;
align-items: center;
width: 24px;
height: 24px;
padding-left: 0;
display: flex;
position: relative;
}
.steps {
flex-direction: column;
display: flex;
}
.steps.dots {
flex-direction: row;
justify-content: space-between;
align-items: center;
width: 100%;
position: absolute;
}
.time-wrap {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
margin-top: 24px;
display: flex;
position: relative;
}
.img-hero {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
max-width: 1280px;
height: 60px;
margin-top: 0%;
margin-left: auto;
margin-right: auto;
display: flex;
position: relative;
}
.img-hero.img-hero-line {
max-width: 900px;
}
.img-hero.imahe-hode {
display: none;
}
.step-block-hero {
text-align: left;
align-self: center;
position: relative;
}
.bg-shadow {
z-index: 1;
border-radius: 16px;
position: absolute;
inset: 0%;
box-shadow: 7px 7px 20px #12121212;
}
.scroll-animate {
z-index: 999;
transform-origin: 0%;
background-color: #006cd0;
width: 100%;
height: 6px;
position: absolute;
bottom: 0;
}
.scroll-animate._2 {
background-color: var(--accent--primary-1);
width: 125%;
}
.scroll-hero {
justify-content: space-between;
width: 100%;
max-width: 1280px;
display: flex;
}
.scroll-base {
transform-origin: 0%;
background-color: #eeeff4;
width: 100%;
height: 6px;
}
.step-hero {
z-index: 2;
text-align: center;
background-color: #fff;
border-radius: 16px;
justify-content: center;
align-items: center;
padding: 18px;
display: block;
position: relative;
}
.dot-hero {
z-index: 3;
background-color: var(--accent--primary-1);
border-radius: 50%;
width: 12px;
height: 12px;
position: relative;
}
.label {
color: #006cd0;
letter-spacing: 2px;
text-transform: uppercase;
font-weight: 700;
}
.scoll-wrap-hero {
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 78%;
display: flex;
position: absolute;
}
.choose-emily-3000-div {
padding: 30px;
}
.uui-testimonial18_slide-nav-2 {
height: 1.75rem;
font-size: .5rem;
inset: auto auto 0% 0%;
}
.uui-button-icon-5 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 1.25rem;
min-width: 1.25rem;
height: 1.25rem;
min-height: 1.25rem;
display: flex;
}
.uui-testimonial18_arrow-2 {
border: 1px solid var(--untitled-ui--gray200);
color: var(--untitled-ui--gray500);
background-color: #fff;
border-radius: 100%;
justify-content: center;
align-items: center;
width: 3rem;
height: 3rem;
transition: all .3s;
display: flex;
inset: auto 0% 0% auto;
}
.uui-testimonial18_arrow-2:hover {
background-color: var(--untitled-ui--gray50-2);
}
.uui-testimonial18_arrow-2.left {
right: 4rem;
}
.uui-button-link-4 {
grid-column-gap: .5rem;
color: var(--untitled-ui--primary700);
white-space: nowrap;
background-color: #0000;
justify-content: center;
align-items: center;
padding: 0;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1rem;
font-weight: 600;
line-height: 1.5;
text-decoration: none;
transition: all .3s;
display: flex;
}
.uui-button-link-4:hover {
color: var(--untitled-ui--primary800);
}
.uui-button-link-4.is-alternate {
color: var(--untitled-ui--white);
}
.uui-button-row-4 {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
flex-wrap: wrap;
align-items: center;
display: flex;
}
.uui-space-medium-3 {
width: 100%;
min-height: 2rem;
}
.uui-space-small-4 {
width: 100%;
min-height: 1.5rem;
}
.uui-text-size-medium-4 {
color: var(--untitled-ui--gray600);
letter-spacing: normal;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1rem;
line-height: 1.5;
}
.uui-text-size-medium-4.text-color-white {
color: var(--untitled-ui--white);
}
.uui-space-xsmall-4 {
width: 100%;
min-height: 1rem;
}
.uui-heading-small-2 {
color: var(--untitled-ui--gray900);
letter-spacing: 0;
margin-top: 0;
margin-bottom: 0;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1.875rem;
font-weight: 600;
line-height: 1.4;
}
.uui-heading-small-2.text-color-white {
color: var(--untitled-ui--white);
}
.uui-testimonial18_content-wrapper-2 {
-webkit-backdrop-filter: blur(24px);
backdrop-filter: blur(24px);
color: var(--untitled-ui--white);
background-color: #ffffff4d;
border: 1px solid #ffffff80;
padding: 1.5rem;
}
.uui-testimonial17_logo-2 {
max-height: 3rem;
}
.uui-testimonial18_logo-wrapper-2 {
margin-top: .5rem;
margin-left: .5rem;
}
.uui-testimonial18_content-2 {
background-color: var(--untitled-ui--gray500);
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
width: 100%;
height: 32rem;
padding: 1.5rem;
display: flex;
}
.uui-testimonial18_content-2.background-color-orange600 {
background-color: #e04f16;
}
.uui-testimonial18_content-2.background-color-lightblue600 {
background-color: #0086c9;
}
.uui-testimonial18_content-2.background-color-pink600 {
background-color: #dd2590;
}
.uui-testimonial18_content-2.background-color-indigo600 {
background-color: #444ce7;
}
.uui-testimonial18_content-2.background-color-blue600 {
background-color: #1570ef;
}
.uui-testimonial18_content-2.background-color-primary600 {
background-color: var(--untitled-ui--primary600);
}
.uui-testimonial18_slide-2 {
padding-right: 2rem;
}
.uui-testimonial18_mask-2 {
width: 33.33%;
overflow: visible;
}
.uui-testimonial18_component-2 {
background-color: #0000;
height: auto;
margin-top: 4rem;
padding-bottom: 5rem;
position: relative;
}
.uui-text-size-large-4 {
color: var(--untitled-ui--gray600);
letter-spacing: normal;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1.125rem;
line-height: 1.5;
}
.uui-heading-medium-5 {
color: var(--untitled-ui--gray900);
margin-top: 0;
margin-bottom: 0;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 2.25rem;
font-weight: 600;
line-height: 1.3;
}
.uui-max-width-large-4 {
width: 100%;
max-width: 48rem;
}
.uui-padding-vertical-xhuge-5 {
padding-top: 7rem;
padding-bottom: 7rem;
}
.uui-container-large-5 {
width: 100%;
max-width: 80rem;
margin-left: auto;
margin-right: auto;
}
.uui-page-padding-5 {
padding-left: 2rem;
padding-right: 2rem;
}
.uui-section_testimonial17-2 {
overflow: hidden;
}
.green-benifite-info {
text-align: center;
max-width: 900px;
margin-left: auto;
margin-right: auto;
}
.green-benifite-info-div {
text-align: center;
margin-left: auto;
margin-right: auto;
}
.image-22 {
padding-top: 40px;
}
.card-002_content {
z-index: 1;
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
color: #000;
background-color: #fff;
border-radius: .5rem;
flex-flow: column;
justify-content: flex-start;
align-items: stretch;
height: 240px;
margin-bottom: .5rem;
margin-left: .5rem;
margin-right: .5rem;
padding: 1rem;
display: flex;
position: relative;
box-shadow: 0 0 #0000, 0 1px .4px #00000008, 0 2px .8px #0000000a, 0 3.4px 1.6px #0000000b, 0 5.4px 2.9px #0000000c, 0 8.9px 5.3px #0000000c, 0 15.4px 10.4px #0000000d, 0 30.6px 22.8px #0000000e;
}
.card-002_content.card-002_content-3 {
height: 179px;
}
.card-002_grid {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
padding-top: 40px;
}
.card-002_category-title {
background-color: #000;
border-radius: .06em;
padding: .4em .6em;
font-size: .7rem;
line-height: 1.2;
}
.container-large-2 {
width: 100%;
max-width: 80rem;
margin-left: auto;
margin-right: auto;
}
.card-002_name {
margin-bottom: .125rem;
font-family: Poppins, sans-serif;
font-size: 1.4rem;
font-weight: 500;
line-height: 1.3;
}
.card-002_image {
object-fit: cover;
width: 100%;
height: 100%;
margin-left: 0;
position: absolute;
inset: 0% 0% auto;
}
.card-002_certificate {
aspect-ratio: 1;
width: 1rem;
}
.card-002_wrapper {
aspect-ratio: 2 / 3;
border: 2px solid var(--accent--primary-1);
color: #fff;
border-radius: .5em;
flex-flow: column;
justify-content: flex-start;
align-items: stretch;
padding-top: 197px;
text-decoration: none;
display: flex;
position: relative;
overflow: hidden;
box-shadow: 0 0 #0000, 0 1px .4px #00000008, 0 2px .8px #0000000a, 0 3.4px 1.6px #0000000b, 0 5.4px 2.9px #0000000c, 0 8.9px 5.3px #0000000c, 0 15.4px 10.4px #0000000d, 0 30.6px 22.8px #0000000e;
}
.card-002_wrapper:hover {
color: #fff;
}
.card-002_wrapper.card-002_wrapper-3 {
padding-top: 238px;
}
.card-002_content-row {
background-color: #121212;
border: 1px solid #222;
border-radius: .19em;
justify-content: space-between;
align-self: stretch;
align-items: center;
padding: .2em .5em .2em .2em;
display: flex;
}
.card-002_read-cta {
z-index: 1;
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
text-transform: uppercase;
background-color: #131313e0;
border-radius: .5rem;
margin: .5rem;
padding: .3rem .5rem;
font-size: .7rem;
font-weight: 500;
position: relative;
}
.core-features-grid {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
padding-top: 20px;
}
.versatility-of-priority-div-1 {
background-image: url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/66cf00b202a6b86168657fb0_Defense%20and%20Homeland%20IMG-1.jpg");
background-position: 0 0;
background-size: cover;
border-radius: 15px;
height: 300px;
padding: 228px 30px 30px;
}
.versatility-of-priority-div-2 {
background-image: url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/66cf00bf1fd16f60f2ad1362_Industrial%20Applications%20IMg1.jpg");
background-position: 0 0;
background-size: cover;
border-radius: 15px;
height: 300px;
padding: 228px 30px 30px;
}
.versatility-of-priority-div-3 {
background-image: url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/66cf00cdff11eb57c0c8019c_Emergency%20and%20IMG01.jpg");
background-position: 0 0;
background-size: cover;
border-radius: 15px;
height: 300px;
padding: 228px 30px 30px;
}
.versatility-of-priority-div-4 {
background-image: url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/66cf00db8b9afb6834558173_Smart%20City%20Infra%20IMG%201.jpg");
background-position: 0 0;
background-size: cover;
border-radius: 15px;
height: 300px;
padding: 228px 30px 30px;
}
.large-point-para {
color: var(--neutral--100);
font-family: Poppins, sans-serif;
font-size: 18px;
}
.h3-hero {
color: var(--neutral--100);
font-family: Poppins, sans-serif;
font-size: 30px;
}
.uui-navbar01_menu-button {
padding: 0;
}
.uui-button-2 {
grid-column-gap: .5rem;
border: 1px solid var(--untitled-ui--primary600);
background-color: var(--untitled-ui--primary600);
color: var(--untitled-ui--white);
text-align: center;
white-space: nowrap;
border-radius: .5rem;
justify-content: center;
align-items: center;
padding: .625rem 1.125rem;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1rem;
font-weight: 600;
line-height: 1.5;
text-decoration: none;
transition: all .3s;
display: flex;
box-shadow: 0 1px 2px #1018280d;
}
.uui-button-2:hover {
border-color: var(--untitled-ui--primary700);
background-color: var(--untitled-ui--primary700);
}
.uui-button-2:focus {
background-color: var(--untitled-ui--primary600);
box-shadow: 0 1px 2px 0 #1018280d, 0 0 0 4px var(--untitled-ui--primary100);
}
.uui-button-tertiary-gray {
grid-column-gap: .5rem;
color: var(--untitled-ui--gray600);
white-space: nowrap;
background-color: #0000;
border: 1px solid #0000;
border-radius: .5rem;
justify-content: center;
align-items: center;
padding: .625rem 1.125rem;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1rem;
font-weight: 600;
line-height: 1.5;
text-decoration: none;
transition: all .3s;
display: flex;
}
.uui-button-tertiary-gray:hover {
background-color: var(--untitled-ui--gray50-2);
color: var(--untitled-ui--gray700);
}
.uui-button-secondary-gray-2 {
grid-column-gap: .5rem;
border: 1px solid var(--untitled-ui--gray300);
background-color: var(--untitled-ui--white);
color: var(--untitled-ui--gray700);
text-align: center;
white-space: nowrap;
border-radius: .5rem;
justify-content: center;
align-items: center;
padding: .625rem 1.125rem;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1rem;
font-weight: 600;
line-height: 1.5;
text-decoration: none;
transition: all .3s;
display: flex;
box-shadow: 0 1px 2px #1018280d;
}
.uui-button-secondary-gray-2:hover {
background-color: var(--untitled-ui--gray50-2);
color: var(--untitled-ui--gray800);
}
.uui-button-secondary-gray-2:focus {
background-color: var(--untitled-ui--white);
box-shadow: 0 1px 2px 0 #1018280d, 0 0 0 4px var(--untitled-ui--gray100);
}
.uui-button-secondary-gray-2.show-tablet, .show-tablet {
display: none;
}
.uui-navbar01_button-wrapper {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
align-items: center;
display: flex;
}
.uui-navbar01_menu-right {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
display: flex;
}
.uui-navbar01_link {
color: var(--untitled-ui--gray600);
align-items: center;
padding: 1.75rem 1rem;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1rem;
font-weight: 600;
transition: all .3s;
}
.uui-navbar01_link:hover {
color: var(--untitled-ui--gray700);
}
.uui-navbar01_link.w--current {
color: #000;
}
.uui-navbar01_dropdown-right-overlay-absolute {
background-color: var(--untitled-ui--gray50-2);
min-width: 100vw;
position: absolute;
inset: 0% auto 0% 0%;
}
.uui-button-icon-6 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 1.25rem;
min-width: 1.25rem;
height: 1.25rem;
min-height: 1.25rem;
display: flex;
}
.uui-button-link-5 {
grid-column-gap: .5rem;
color: var(--untitled-ui--primary700);
white-space: nowrap;
background-color: #0000;
justify-content: center;
align-items: center;
padding: 0;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1rem;
font-weight: 600;
line-height: 1.5;
text-decoration: none;
transition: all .3s;
display: flex;
}
.uui-button-link-5:hover {
color: var(--untitled-ui--primary800);
}
.uui-button-link-5.is-button-xsmall {
font-size: .875rem;
}
.uui-navbar01_dropdown-content-button-wrapper {
letter-spacing: normal;
margin-top: 1rem;
margin-left: .75rem;
font-size: .875rem;
}
.uui-button-row-5 {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
flex-wrap: wrap;
align-items: center;
display: flex;
}
.uui-navbar01_item-button-wrapper {
margin-top: .75rem;
}
.uui-text-size-small-2 {
color: var(--untitled-ui--gray600);
letter-spacing: normal;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: .875rem;
line-height: 1.5;
}
.uui-navbar01_item-heading {
color: var(--untitled-ui--gray900);
margin-bottom: .25rem;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-weight: 600;
}
.uui-navbar01_item-heading.margin-bottom-0 {
margin-bottom: 0;
}
.uui-navbar01_large-item-content {
flex-direction: column;
justify-content: flex-start;
font-weight: 400;
display: flex;
}
.uui-navbar01_blog-image {
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.uui-navbar01_blog-image-wrapper {
border-radius: .375rem;
justify-content: flex-start;
align-items: center;
width: 100%;
min-width: 11rem;
height: 6.5rem;
display: flex;
position: relative;
overflow: hidden;
}
.uui-navbar01_blog-item {
grid-column-gap: 1.5rem;
grid-row-gap: 0px;
border-radius: .5rem;
grid-template-rows: auto;
grid-template-columns: .6fr 1fr;
grid-auto-columns: 1fr;
align-items: start;
padding: 0 .75rem .75rem;
text-decoration: none;
transition: all .3s;
display: grid;
}
.uui-navbar01_blog-item:hover {
background-color: var(--untitled-ui--white);
}
.uui-navbar01_dropdown-blog-list {
grid-column-gap: 0rem;
grid-row-gap: .5rem;
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
align-items: flex-start;
display: grid;
}
.uui-navbar01_dropdown-content-heading {
color: var(--untitled-ui--primary600);
letter-spacing: normal;
margin-left: .75rem;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: .875rem;
font-weight: 600;
}
.uui-navbar01_dropdown-content-wrapper {
z-index: 1;
grid-row-gap: .75rem;
grid-template-rows: min-content;
grid-template-columns: 1fr;
grid-auto-rows: min-content;
grid-auto-columns: 1fr;
display: grid;
position: relative;
}
.uui-navbar01_dropdown-content-right {
flex: 1;
max-width: 35rem;
padding: 2rem 0 2rem 1.25rem;
display: flex;
position: relative;
}
.uui-navbar01_item-right {
flex-direction: column;
justify-content: center;
align-items: flex-start;
font-weight: 400;
display: flex;
}
.uui-icon-1x1-xsmall-2 {
width: 1.5rem;
height: 1.5rem;
}
.uui-navbar01_icon-wrapper {
color: var(--untitled-ui--primary600);
flex: none;
font-size: 16px;
}
.uui-navbar01_dropdown-link {
grid-column-gap: 1rem;
grid-row-gap: 0px;
border-radius: .5rem;
grid-template-rows: auto;
grid-template-columns: max-content 1fr;
grid-auto-columns: 1fr;
align-items: flex-start;
margin-bottom: 25px;
padding: .75rem;
text-decoration: none;
transition: all .3s;
display: grid;
}
.uui-navbar01_dropdown-link:hover {
background-color: var(--untitled-ui--gray50-2);
background-image: linear-gradient(#eef1ec, #eef1ec);
}
.uui-navbar01_dropdown-link.gallary-hide {
display: none;
}
.uui-navbar01_dropdown-link.test-application-padding {
margin-bottom: 10px;
padding-top: .125rem;
padding-bottom: .125rem;
}
.uui-badge-small-success {
grid-column-gap: .25rem;
background-color: var(--untitled-ui--success50);
color: var(--untitled-ui--success700);
white-space: nowrap;
mix-blend-mode: multiply;
border-radius: 10rem;
align-items: center;
padding: .125rem .5rem;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: .75rem;
font-weight: 500;
display: flex;
}
.uui-navbar01_text-wrapper {
grid-column-gap: .5rem;
grid-row-gap: 0px;
align-items: center;
margin-bottom: .25rem;
display: flex;
}
.uui-navbar01_heading {
color: var(--untitled-ui--primary600);
letter-spacing: normal;
margin-top: 0;
margin-bottom: .25rem;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: .875rem;
font-weight: 600;
}
.uui-navbar01_dropdown-link-list {
grid-column-gap: 0px;
grid-row-gap: .5rem;
grid-template-rows: max-content;
grid-template-columns: 1fr;
grid-auto-rows: max-content;
grid-auto-columns: 1fr;
display: grid;
}
.uui-navbar01_dropdown-content-left {
grid-column-gap: 2rem;
grid-row-gap: 0px;
flex: 1;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
padding: 2rem 2rem 2rem 0;
display: grid;
}
.uui-navbar01_dropdown-content {
width: 100%;
display: flex;
}
.uui-navbar01_container {
justify-content: space-between;
align-items: center;
width: 100%;
max-width: 80rem;
height: 100%;
margin-left: auto;
margin-right: auto;
display: flex;
}
.uui-navbar01_dropdown-list {
box-shadow: 0 12px 16px -4px #00000014, 0 4px 6px -2px #10182808;
}
.uui-navbar01_dropdown-list.w--open {
background-color: #fff;
border-radius: 15px;
width: 20vw;
min-width: 82vw;
max-width: 70%;
margin-right: 0;
padding-left: 2rem;
padding-right: 2rem;
position: absolute;
inset: 5.0625rem auto auto 0%;
overflow: hidden;
}
.uui-dropdown-icon-2 {
justify-content: center;
align-items: center;
width: 1.25rem;
height: 1.25rem;
margin-right: 1rem;
display: inline-flex;
position: absolute;
inset: auto 0% auto auto;
}
.uui-dropdown-icon-2.header-nav-link.white---black-tablet.white---black-tablet-arroe {
width: 1.7rem;
margin-left: 0;
padding-left: 3px;
font-size: 30px;
}
.uui-navbar01_dropdown-toggle {
color: var(--flowstica-webflow-library--white);
align-items: center;
padding: 1rem 2.5rem 1rem 1rem;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1rem;
font-weight: 600;
transition: all .3s;
display: flex;
}
.uui-navbar01_dropdown-toggle:hover {
color: var(--untitled-ui--gray700);
}
.uui-navbar01_menu-dropdown {
position: static;
}
.uui-navbar01_menu {
flex: 1;
justify-content: space-between;
align-items: center;
margin-left: 1.5rem;
display: flex;
position: static;
}
.uui-logo_image {
flex: none;
width: auto;
height: 100%;
display: none;
}
.uui-logo_logotype {
flex: none;
width: auto;
height: 100%;
}
.uui-logo_logomark-dot {
z-index: 1;
background-image: linear-gradient(26.5deg, #6941c6, #53389e);
border-radius: 50%;
width: 50%;
height: 50%;
position: relative;
}
.uui-logo_logomark-blur {
z-index: 2;
-webkit-backdrop-filter: blur(3px);
backdrop-filter: blur(3px);
background-color: #fff3;
border-bottom-right-radius: .5rem;
border-bottom-left-radius: .5rem;
width: 100%;
height: 50%;
position: absolute;
inset: 50% 0% 0%;
overflow: hidden;
}
.uui-styleguide_logomark-bg {
border-radius: 8px;
width: 2rem;
height: 2rem;
position: absolute;
inset: 0%;
}
.uui-logo_logomark {
border: .1px solid #dae0e8;
border-radius: .5rem;
flex: none;
justify-content: center;
align-items: center;
width: 2rem;
height: 2rem;
display: flex;
position: relative;
overflow: hidden;
box-shadow: 0 1px 1px #1018280f, 0 1px 2px #1018281a;
}
.uui-logo_component {
flex-wrap: nowrap;
width: auto;
height: 2rem;
display: flex;
}
.uui-navbar01_logo-link {
padding-left: 0;
}
.uui-navbar01_component {
border-bottom: 1px solid var(--untitled-ui--gray100);
background-color: #fff;
align-items: center;
min-height: 5rem;
padding-left: 2rem;
padding-right: 2rem;
display: flex;
}
.uui-navbar01_dropdown-content-left-2 {
grid-column-gap: 2rem;
grid-row-gap: 0px;
flex: 1;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
padding: 2rem 2rem 2rem 0;
display: grid;
}
.uui-navbar01_dropdown-list-2 {
box-shadow: 0 12px 16px -4px #00000014, 0 4px 6px -2px #10182808;
}
.uui-navbar01_dropdown-list-2.w--open {
background-color: #fff;
width: 100vw;
min-width: 100vw;
max-width: 100%;
padding-left: 2rem;
padding-right: 2rem;
position: absolute;
inset: 5.0625rem auto auto 0%;
overflow: hidden;
}
.uui-dropdown-icon-3 {
cursor: auto;
justify-content: flex-end;
align-items: center;
width: 1.5rem;
height: 1.25rem;
margin-right: -1.3rem;
padding-left: 0;
display: flex;
position: absolute;
inset: auto 0% auto auto;
}
.uui-navbar01_dropdown-toggle-2 {
color: var(--untitled-ui--gray600);
align-items: center;
padding: 1.75rem 2.5rem 1.75rem 1rem;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 1rem;
font-weight: 600;
transition: all .3s;
display: flex;
}
.uui-navbar01_dropdown-toggle-2:hover {
color: var(--untitled-ui--gray700);
}
.fct-menu-colom.fct-menu-colom-2.old-application-hide {
display: none;
}
.menu-headung-title {
color: var(--accent--primary-1);
font-family: Poppins, sans-serif;
font-size: 20px;
}
.text-block-7, .text-block-8 {
color: var(--accent--primary-1);
}
.blog-hero-para {
color: var(--neutral--100);
}
.link-cta-arrow {
width: 30px;
margin-top: 10px;
}
.benifite-info-div, .technology-benifite-div {
text-align: center;
max-width: 900px;
margin-left: auto;
margin-right: auto;
}
.defence-benifite-gride {
max-width: 500px;
margin-left: auto;
margin-right: auto;
}
.menu-icn {
width: 41px;
}
.hero-para-news {
color: var(--neutral--100);
margin-bottom: 0;
}
.cta-arrow {
color: var(--neutral--100);
margin-bottom: 0;
font-family: Poppins, sans-serif;
font-size: 14px;
display: block;
}
.cta-arrow:hover {
text-decoration: none;
}
.cta-arrow-block {
border: 1px solid #fff;
border-radius: 7px;
margin-bottom: 7px;
margin-right: 20px;
padding: 6px 10px;
}
.cta-arrow-block:hover {
color: var(--neutral--100);
text-decoration: underline;
}
.link-2 {
text-decoration: none;
}
.link-2.fter-link {
color: var(--secondary--color-1);
}
.link-3 {
text-decoration: none;
}
.link-3.fter-link {
color: var(--secondary--color-1);
}
.link-4 {
text-decoration: none;
}
.link-4.fter-link {
color: var(--secondary--color-1);
}
.fter-link {
color: var(--secondary--color-1);
text-decoration: none;
}
.footer-para {
font-family: Poppins, sans-serif;
font-size: 16px;
line-height: 1.5em;
}
.mobile-menu-2024 {
display: none;
}
.image-23 {
margin-left: 0;
padding-left: 0;
}
.smart-city-grid {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
padding-bottom: 40px;
}
.spark-small-sub-paragraph-5 {
color: var(--spark-library--foreground-secondary);
margin-bottom: 0;
font-size: .8rem;
line-height: 1.3;
}
.spark-bold-heading-5 {
margin-bottom: .5rem;
font-weight: 600;
line-height: 1;
display: inline-block;
}
.spark-bold-heading-5.spark-card-title {
font-size: 1.2rem;
}
.spark-card-details-5 {
grid-row-gap: 16px;
flex-direction: column;
align-items: flex-start;
max-width: 590px;
padding-bottom: 32px;
padding-left: 8px;
padding-right: 8px;
display: flex;
}
.spark-square-image-card-5 {
object-fit: cover;
border-radius: 12px;
width: 100%;
height: auto;
display: block;
}
.spark-wrapped-card-5 {
grid-column-gap: 24px;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.spark-wrapped-card-5.spark-stacked {
grid-column-gap: 24px;
grid-row-gap: 24px;
text-align: left;
flex-direction: column;
justify-content: center;
align-items: stretch;
transition: border-color .15s;
}
.spark-three-column-grid-5 {
grid-column-gap: 64px;
grid-row-gap: 64px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
align-items: start;
display: grid;
}
.spark-tabs-content-3 {
width: 100%;
}
.spark-pill-tab-3 {
color: var(--spark-library--black);
background-color: #eef1ec;
border-radius: 8px;
padding: 8px 24px;
font-family: Poppins, sans-serif;
line-height: 1.3em;
transition: color .15s, background-color .15s;
}
.spark-pill-tab-3:hover {
background-color: var(--accent--primary-1);
opacity: 1;
color: var(--secondary--color-1);
}
.spark-pill-tab-3.w--current {
background-color: var(--accent--primary-1);
color: var(--spark-library--white);
}
.spark-tabs-menu-3 {
grid-column-gap: 16px;
justify-content: center;
margin-bottom: 100px;
display: flex;
}
.spark-tabs-menu-3.spark-left-aligned {
justify-content: center;
align-items: stretch;
margin-bottom: 40px;
padding-top: 20px;
}
.spark-tabs-menu-3.spark-left-aligned.hide-btn-old-rnd {
display: none;
}
.spark-tabs-parent-3 {
width: 100%;
}
.spark-secondary-paragraph-12 {
color: var(--spark-library--foreground-secondary);
margin-bottom: 64px;
}
.spark-centered-904 {
text-align: center;
width: 900px;
max-width: 100%;
margin-bottom: 100px;
margin-left: auto;
margin-right: auto;
}
.spark-container-5 {
max-width: 1440px;
margin-left: auto;
margin-right: auto;
position: relative;
}
.spark-section-5 {
width: 100%;
padding: 176px 64px;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
position: relative;
}
.spark-section-5 h5 {
margin-top: 1.5rem;
margin-bottom: .5rem;
font-size: 1.75rem;
font-weight: 600;
line-height: 1.3;
}
.spark-section-5 h4 {
margin-top: 0;
margin-bottom: 1rem;
font-size: 1.5rem;
font-weight: 500;
line-height: 1.4;
}
.spark-section-5 h1 {
margin-bottom: 1rem;
font-size: 4rem;
font-weight: 600;
line-height: 1.1;
}
.spark-section-5 h2 {
margin-top: 1rem;
margin-bottom: 2rem;
font-size: 3.5rem;
font-weight: 600;
line-height: 1.2;
}
.spark-section-5 h3 {
margin-top: 2.5rem;
margin-bottom: 1rem;
font-size: 2rem;
font-weight: 600;
line-height: 1.3;
}
.spark-section-5 h6 {
margin-top: 1.5rem;
margin-bottom: .5rem;
font-size: .8125rem;
font-weight: 700;
line-height: 1.5;
}
.spark-section-5 ul {
margin-top: 2rem;
margin-bottom: 3rem;
padding-left: 14px;
}
.spark-section-5 li {
margin-bottom: .5rem;
}
.text-block-9 {
margin-bottom: 0;
padding-bottom: 0;
}
.h3-left-color {
color: var(--accent--primary-1);
}
.smart-city-image-grid {
grid-template-columns: 1fr 1fr 1fr 1fr;
place-items: stretch stretch;
}
.smart-city-image-grid.innovating-new-products-grid {
grid-template-columns: 1fr 1fr 1fr;
}
.smart-image-block-div {
background-image: linear-gradient(#fff, #fff);
border-radius: 15px;
}
.smart-image-block-div.products-technologies-div {
background-image: linear-gradient(to bottom, var(--system--orange-100), var(--system--orange-100));
}
.div-block-52 {
background-color: #fff0;
border-bottom-right-radius: 15px;
border-bottom-left-radius: 15px;
padding: 20px;
}
.image-24 {
border-top-left-radius: 15px;
border-top-right-radius: 15px;
margin-left: 0;
}
.mobile-image {
text-align: center;
display: none;
}
.bold-text {
text-align: center;
margin-right: -416px;
padding-right: 115px;
}
.colom-2hide {
display: none;
}
.link-block-2 {
text-decoration: none;
}
.hero-heading-left {
background-color: #fff;
border-bottom: 1px solid #e4ebf3;
padding: 80px 50px;
position: relative;
}
.container-3 {
width: 100%;
max-width: 940px;
margin-left: auto;
margin-right: auto;
}
.container-3.national-green-section {
max-width: 1280px;
}
.hero-wrapper {
justify-content: space-between;
align-items: center;
display: flex;
}
.hero-split {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
max-width: 46%;
display: flex;
}
.margin-bottom-24px {
color: var(--combine-library--grey-800);
text-align: justify;
margin-bottom: 24px;
}
.button-primary {
color: #fff;
letter-spacing: 2px;
text-transform: uppercase;
background-color: #1a1b1f;
padding: 12px 25px;
font-size: 12px;
font-weight: 400;
line-height: 20px;
transition: all .2s;
}
.button-primary:hover {
color: #fff;
background-color: #32343a;
}
.button-primary:active {
background-color: #43464d;
}
.shadow-two {
border-radius: 10px;
box-shadow: 0 4px 24px #96a3b514;
}
.heading-2 {
color: var(--accent--primary-1);
font-size: 40px;
font-weight: 400;
}
.hero-heading-center {
background-color: #f5f7fa;
border-bottom: 1px solid #e4ebf3;
padding: 80px 30px;
position: relative;
}
.hero-heading-center.overview-swc-1 {
background-color: #fff;
}
.centered-heading {
text-align: center;
margin-bottom: 16px;
}
.centered-heading.margin-bottom-32px {
color: var(--accent--primary-1);
margin-bottom: 32px;
font-size: 40px;
}
.margin-bottom-24px-2 {
color: var(--neutral--800);
text-align: justify;
margin-bottom: 24px;
}
.button-primary-2 {
color: #fff;
letter-spacing: 2px;
text-transform: uppercase;
background-color: #1a1b1f;
padding: 12px 25px;
font-size: 12px;
line-height: 20px;
transition: all .2s;
}
.button-primary-2:hover {
color: #fff;
background-color: #32343a;
}
.button-primary-2:active {
background-color: #43464d;
}
.margin-bottom-24px-3 {
color: var(--combine-library--grey-800);
text-align: justify;
margin-bottom: 24px;
}
.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;
}
.shadow-two-2 {
border-radius: 10px;
font-size: 19px;
box-shadow: 0 4px 24px #96a3b514;
}
.margin-bottom-24px-4 {
margin-bottom: 24px;
}
.button-primary-4 {
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-4:hover {
color: #fff;
background-color: #32343a;
}
.button-primary-4:active {
background-color: #43464d;
}
.shadow-two-3 {
border-radius: 10px;
box-shadow: 0 4px 24px #96a3b514;
}
.journey-div {
max-width: 1280px;
margin-left: auto;
margin-right: auto;
}
.md-quotediv {
background-color: var(--combine-library--grey-800);
border-radius: 15px;
margin-top: 20px;
padding: 30px 30px 10px;
}
.md-quotediv.hide-quote {
background-color: var(--combine-library--grey-800);
display: block;
}
.quote-text {
color: var(--flowstica-webflow-library--white);
text-align: justify;
margin-top: -47px;
padding-left: 16px;
font-family: Manrope, sans-serif;
font-size: 16px;
font-weight: 500;
}
.quote-image-name-grid {
grid-column-gap: 30px;
grid-row-gap: 30px;
grid-template-rows: auto;
grid-template-columns: .25fr 1fr;
}
.quote-designation {
color: var(--neutral--100);
margin-bottom: 0;
font-size: 14px;
}
.national-green-grid {
background-color: #fff;
border-radius: 15px;
grid-template-rows: auto;
}
.national-green-div-1 {
padding: 30px;
}
.national-green-div-2 {
background-image: url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/66e958992d264e554f851631_National%20Green%20IMG1.jpg");
background-position: 50%;
background-size: cover;
border-top-right-radius: 15px;
border-bottom-right-radius: 15px;
}
.spark-small-sub-paragraph-6 {
color: var(--spark-library--foreground-secondary);
margin-bottom: 0;
font-size: .8rem;
line-height: 1.3;
}
.spark-bold-heading-6 {
margin-bottom: .5rem;
font-weight: 600;
line-height: 1;
display: inline-block;
}
.spark-bold-heading-6.spark-card-title {
font-size: 1.2rem;
}
.spark-bold-heading-6.spark-no-bottom-margin {
margin-bottom: 0;
font-family: Manrope, sans-serif;
font-weight: 500;
}
.spark-card-details-6 {
grid-row-gap: 16px;
flex-direction: column;
align-items: flex-start;
max-width: 590px;
padding-bottom: 32px;
padding-left: 8px;
padding-right: 8px;
display: flex;
}
.spark-square-image-card-6 {
object-fit: cover;
border-radius: 12px;
width: 100%;
height: auto;
display: block;
}
.spark-wrapped-card-6 {
grid-column-gap: 24px;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.spark-wrapped-card-6.spark-stacked {
grid-column-gap: 24px;
grid-row-gap: 24px;
text-align: left;
flex-direction: column;
justify-content: center;
align-items: stretch;
transition: border-color .15s;
}
.spark-three-column-grid-6 {
grid-column-gap: 64px;
grid-row-gap: 64px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
align-items: start;
display: grid;
}
.spark-tabs-content-4 {
width: 100%;
}
.spark-pill-tab-4 {
color: var(--spark-library--black);
background-color: #fff;
border-radius: 8px;
padding: 8px 24px;
font-family: Manrope, sans-serif;
line-height: 1.3em;
transition: color .15s, background-color .15s;
}
.spark-pill-tab-4:hover {
background-color: var(--secondary--color-2);
opacity: 1;
color: var(--neutral--100);
}
.spark-pill-tab-4.w--current {
background-color: var(--accent--primary-1);
color: var(--spark-library--white);
font-family: Manrope, sans-serif;
line-height: 1.3em;
}
.spark-tabs-menu-4 {
grid-column-gap: 16px;
justify-content: center;
margin-bottom: 100px;
display: flex;
}
.spark-tabs-menu-4.spark-left-aligned {
justify-content: center;
align-items: center;
margin-bottom: 30px;
}
.spark-tabs-parent-4 {
width: 100%;
max-width: 1280px;
margin-left: auto;
margin-right: auto;
padding-top: 60px;
}
.spark-tabs-parent-4.spark-tabs-parent-7 {
padding-top: 0;
padding-bottom: 40px;
}
.spark-secondary-paragraph-14 {
color: var(--spark-library--foreground-secondary);
margin-bottom: 64px;
}
.spark-centered-905 {
text-align: center;
width: 900px;
max-width: 100%;
margin-bottom: 100px;
margin-left: auto;
margin-right: auto;
}
.spark-container-6 {
max-width: 1440px;
margin-left: auto;
margin-right: auto;
position: relative;
}
.spark-section-6 {
width: 100%;
padding: 176px 64px;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
position: relative;
}
.spark-section-6 h5 {
margin-top: 1.5rem;
margin-bottom: .5rem;
font-size: 1.75rem;
font-weight: 600;
line-height: 1.3;
}
.spark-section-6 h4 {
margin-top: 0;
margin-bottom: 1rem;
font-size: 1.5rem;
font-weight: 500;
line-height: 1.4;
}
.spark-section-6 h1 {
margin-bottom: 1rem;
font-size: 4rem;
font-weight: 600;
line-height: 1.1;
}
.spark-section-6 h2 {
margin-top: 1rem;
margin-bottom: 2rem;
font-size: 3.5rem;
font-weight: 600;
line-height: 1.2;
}
.spark-section-6 h3 {
margin-top: 2.5rem;
margin-bottom: 1rem;
font-size: 2rem;
font-weight: 600;
line-height: 1.3;
}
.spark-section-6 h6 {
margin-top: 1.5rem;
margin-bottom: .5rem;
font-size: .8125rem;
font-weight: 700;
line-height: 1.5;
}
.spark-section-6 ul {
margin-top: 2rem;
margin-bottom: 3rem;
padding-left: 14px;
}
.spark-section-6 li {
margin-bottom: .5rem;
}
.spark-two-column-grid-4 {
grid-column-gap: 64px;
grid-row-gap: 64px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: start;
display: grid;
}
.spark-simple-icon-tabs-content-4 {
width: 75%;
display: block;
}
.spark-small-icon-4 {
flex: none;
width: 24px;
height: 24px;
display: inline-block;
}
.spark-flex-center-4 {
grid-column-gap: 8px;
align-items: center;
display: flex;
}
.spark-simple-side-icon-tab-4 {
background-color: var(--spark-library--white);
color: var(--spark-library--black);
border-radius: 12px;
margin-bottom: 1rem;
padding: 20px 14px;
transition: background-color .15s, color .15s;
display: block;
}
.spark-simple-side-icon-tab-4:hover {
border-bottom-color: var(--spark-library--light-steel-purple);
background-color: var(--spark-library--white);
opacity: 1;
color: var(--accent--primary-1);
}
.spark-simple-side-icon-tab-4.w--current {
border-bottom-color: var(--spark-library--foreground-interactive);
background-color: var(--accent--primary-1);
color: #fff;
padding-top: 20px;
padding-bottom: 20px;
}
.spark-simple-stacked-icon-tabs-4 {
float: left;
grid-column-gap: 0px;
flex-direction: column;
justify-content: center;
width: 20%;
margin-bottom: 0;
margin-right: 5%;
display: inline-block;
}
.spark-side-flat-tab-parent-5 {
width: 100%;
margin-top: 60px;
display: block;
}
.downoad-btn-div {
text-align: center;
}
.spark-form-success {
background-color: var(--spark-library--background--interactive);
text-align: center;
border-radius: 8px;
padding: 24px;
}
.spark-button {
border: 1px solid var(--spark-library--foreground-interactive);
background-color: var(--spark-library--foreground-interactive);
color: var(--spark-library--white);
border-radius: 8px;
flex: none;
padding: 16px;
font-size: .9375rem;
font-weight: 500;
line-height: 1em;
text-decoration: none;
transition: border-color .15s, background-color .15s, opacity .15s;
}
.spark-button:hover {
border-color: var(--spark-library--foreground-interactive-hover);
background-color: var(--spark-library--foreground-interactive-hover);
opacity: 1;
}
.spark-button.spark-full-width {
background-color: var(--spark-library--foreground-interactive);
text-align: center;
width: 100%;
}
.spark-button.spark-full-width:hover {
background-color: var(--spark-library--foreground-interactive-hover);
}
.spark-input {
border: 1px solid var(--spark-library--border-default);
background-color: var(--spark-library--white);
border-radius: 8px;
height: 48px;
margin-bottom: 32px;
padding: 8px 16px;
font-size: 1rem;
}
.spark-input:focus {
border-color: var(--spark-library--foreground-interactive);
}
.spark-input::placeholder {
color: var(--spark-library--foreground-tertiary);
}
.spark-input.spark-message-input {
max-width: 100%;
min-height: 16ch;
}
.spark-regular-form {
width: 464px;
max-width: 100%;
margin-left: auto;
margin-right: auto;
}
.spark-foreground-secondary {
color: var(--spark-library--foreground-secondary);
}
.form-h2 {
font-family: Manrope, sans-serif;
font-size: 33px;
font-weight: 600;
}
.list-item {
padding-left: 15px;
font-family: Manrope, sans-serif;
font-size: 15px;
line-height: 1.3em;
}
.industry-2-grid {
background-color: #f4f7fa;
border-radius: 15px;
grid-template-rows: auto;
max-width: 1280px;
margin-left: auto;
margin-right: auto;
}
.industry-2-div {
padding: 40px;
}
.industry-2-div-img {
background-image: url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/66e32732afa63cbe5769794c_pexels-photo-247600.jpeg");
background-position: 0 0;
background-size: cover;
border-top-right-radius: 15px;
border-bottom-right-radius: 15px;
}
.corporate-vido {
border-radius: 9px;
max-width: 10800px;
margin-left: auto;
margin-right: auto;
}
.video {
max-width: 800px;
margin-top: 20px;
margin-left: auto;
margin-right: auto;
}
.energy-network-grid {
background-color: var(--combine-library--grey-050);
border-radius: 15px;
grid-template-rows: auto;
max-width: 1280px;
margin-bottom: 100px;
margin-left: auto;
margin-right: auto;
}
.energy-network-div-1 {
padding: 40px;
}
.energy-network-div-2 {
background-image: url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/66e32d854e412260ee071945_IMG_20220623_171215.jpg");
background-position: 50%;
background-size: cover;
border-top-right-radius: 15px;
border-bottom-right-radius: 15px;
}
.div-block-53 {
display: inline-flex;
}
.customised-solutions-grid {
background-color: var(--flowstica-webflow-library--white-smoke);
border-radius: 15px;
grid-template-rows: auto;
}
.customised-solutions-01 {
padding: 45px;
}
.customised-solutions-02 {
background-image: url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/66d1876c3acdaf47453206ba_Pro%2012000%20Duo%20overview%20img.png");
background-position: 0 0;
background-size: cover;
border-top-right-radius: 15px;
border-bottom-right-radius: 15px;
}
.fuel-cartridges-grid {
grid-template-rows: auto;
max-width: 1280px;
margin-left: auto;
margin-right: auto;
}
.fuel-cartridges-div {
background-color: var(--combine-library--grey-800);
border: 1px #000;
border-radius: 15px;
padding: 40px;
}
.fuel-cartridges-div.fuel-cartridges-div-2 {
background-color: var(--accent--primary-1);
border-style: none;
border-width: 1px;
}
.technical-data-div {
max-width: 1280px;
margin-left: auto;
margin-right: auto;
}
.technical-data-img {
border-radius: 15px;
margin-bottom: -40px;
}
.emission-free-grid {
background-color: #fff;
border-radius: 15px;
grid-template-rows: auto;
grid-template-columns: 1fr .5fr;
}
.emission-free-div-1 {
background-color: #fff;
border-radius: 15px;
}
.our-vision-div {
text-align: center;
background-image: url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/66fb7ad93b67b9be14594909_Our%20Vision%20BG%20IMG2%20(1).jpg");
background-position: 50%;
background-size: cover;
border-radius: 15px;
height: 470px;
padding-top: 20px;
}
.news-update-heading {
color: var(--flowstica-webflow-library--white);
font-family: Manrope, sans-serif;
}
.news-detail-header {
background-color: var(--secondary--color-1);
border-radius: 15px;
margin-top: 10px;
margin-left: 10px;
margin-right: 10px;
}
.news-detail-header-div2 {
max-width: 1280px;
margin-left: auto;
margin-right: auto;
padding: 100px 60px;
}
.rich-text-section {
max-width: 1280px;
margin-left: auto;
margin-right: auto;
padding: 60px;
}
.featire-image {
border-radius: 15px;
margin-bottom: 20px;
}
.our-commitment--grid {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
}
.our-commitment--grid.our-approach-grid {
grid-template-columns: 1fr 1fr 1fr;
}
.our-commitment-div-1 {
border: 1px solid #e9e9e9;
border-radius: 15px;
padding: 40px;
}
.commitment-icn {
width: 60px;
margin-bottom: 10px;
}
.customised-solutions--grid-1 {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr;
}
.customised-solutions--div-1 {
background-color: #fff;
border-radius: 15px;
padding: 40px;
}
.career-grid {
grid-template-columns: 1.75fr 1fr 1fr 1fr;
}
.careet-grid-1 {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.careet-grid-1.careet-grid-1-csr-side-bar-grid {
grid-template-columns: 1fr;
}
.career-div-1 {
background-color: #fff;
border-radius: 15px;
padding: 30px;
}
.paragraph-left-dark {
font-family: Manrope, sans-serif;
font-size: 16px;
}
.caf--grid {
grid-template-rows: auto;
}
.cafe-div-2 {
background-image: url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/66fa2ed1433a0434465304b3_WhatsApp%20Image%202024-09-26%20at%2012.13.13%20(1).jpeg");
background-position: 100%;
background-size: cover;
border-radius: 15px;
height: 390px;
}
.our-approach-grid {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
max-width: 1280px;
margin-left: auto;
margin-right: auto;
padding-top: 20px;
}
.our-approach-grid.benefits-grid-new {
grid-template-rows: auto auto;
}
.our-approach-grid.benefits-grid-new.reliable-sustainable-grid {
margin-top: 40px;
}
.our-approach-grid.benefits-grid-new.reliable-sustainable-grid.driving-sustainable-benifite-grid {
grid-template-rows: auto;
margin-top: 20px;
}
.our-approach-div {
background-color: #fff;
border-radius: 15px;
padding: 30px;
}
.our-approach-div.benifite-div {
background-color: var(--combine-library--grey-050);
}
.aproch-icn {
width: 67px;
margin-bottom: 5px;
margin-left: 0;
}
.insights-from-grid {
grid-template-rows: auto;
max-width: 1280px;
margin-left: auto;
margin-right: auto;
}
.corporate-net-zero-campuses-div {
background-image: url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/688a01aee72a8aba3984f774_NTT.png");
background-position: 50%;
background-size: cover;
border-radius: 15px;
padding: 338px 30px 30px;
}
.government-initiatives-div {
background-image: url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/66fd70ab9845cdd100f9d9a4_WhatsApp%20Image%202023-11-09%20at%204.09.59%20PM.jpeg");
background-position: 0%;
background-size: cover;
border-radius: 15px;
padding: 334px 30px 30px;
}
.sustainable-india-grid {
background-color: #fff;
border-radius: 15px;
grid-template-rows: auto;
max-width: 1280px;
margin-left: auto;
margin-right: auto;
}
.sustainable-india-image-div {
overflow-wrap: normal;
background-image: url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/675130f23e4a7acbead3a811_Green%20India.jpg");
background-position: 50%;
background-size: cover;
border-top-left-radius: 15px;
border-bottom-left-radius: 15px;
}
.sustainable-india-image-div.driving-sustainable-div {
background-image: url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/688a003030e8ee60cd8afbc5_Lugu.jpg");
background-position: 50%;
}
.sustainable-india-text-div {
padding: 36px;
}
.career-icn {
width: 69px;
margin-bottom: 5px;
}
.career-icn.career-icn-csr {
margin-left: 0;
}
.india-map {
text-align: center;
border-radius: 15px;
width: 100%;
margin-left: auto;
margin-right: auto;
display: none;
}
.map-div {
text-align: center;
margin-left: auto;
}
.customised-solutions-stack {
max-width: 1280px;
margin-bottom: 30px;
margin-left: auto;
margin-right: auto;
}
.customised-solutions-image-cell {
background-image: url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/66fd745f90ae7deafd080786_DSC_8600.jpg");
background-position: 0 0;
background-size: cover;
border-radius: 15px;
}
.customised-solutions-image-cell.innovating-new-cell {
background-image: url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/66fb858401eba16bf868fafc_Innovating%20New%20Products%20IMg.jpg");
background-position: 50%;
background-size: cover;
border-radius: 15px;
}
.customised-solutions-text-cell {
background-color: #063137;
border-radius: 15px;
padding: 70px 40px;
}
.combine-gallery1_image {
object-fit: cover;
width: 100%;
height: 100%;
margin-left: 0;
}
.combine-gallery1_image-wrapper {
border-radius: .75rem;
width: 100%;
height: 17rem;
display: flex;
overflow: hidden;
}
.combine-gallery1_component {
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.combine-container-large-4 {
width: 100%;
max-width: 75rem;
margin-left: auto;
margin-right: auto;
}
.combine-space-large-4 {
height: 4rem;
}
.combine-text-size-regular-4 {
color: var(--combine-library--grey-600);
margin-bottom: 0;
font-family: Open Sans, sans-serif;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
}
.combine-space-medium-4 {
width: 100%;
height: 1.5rem;
}
.combine-heading-style-h2-4 {
color: var(--combine-library--grey-800);
margin-top: 0;
margin-bottom: 0;
font-family: Open Sans, sans-serif;
font-size: 3rem;
font-weight: 700;
line-height: 1.35;
}
.combine-text-align-center-4 {
text-align: center;
}
.combine-container-small-4 {
width: 100%;
max-width: 48rem;
margin-left: auto;
margin-right: auto;
}
.combine-padding-section-medium-4 {
padding-top: 4rem;
padding-bottom: 4rem;
}
.combine-padding-global-4 {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.combine-section_gallery1 {
background-color: var(--combine-library--white);
}
.heading-3 {
color: var(--accent--primary-1);
text-align: center;
font-size: 40px;
}
.heading-3.rnd-sec-2-pad-b, .heading-3.rnd-delevering-success-pad {
margin-bottom: 40px;
}
.gallery-slider {
border-bottom: 1px solid #e4ebf3;
padding: 80px 30px;
position: relative;
}
.container-4 {
width: 100%;
max-width: 940px;
margin-left: auto;
margin-right: auto;
}
.gallery-wrapper {
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 {
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-2 {
width: 100%;
}
.gallery-slide-text {
color: #f5f7fa;
margin-bottom: 0;
line-height: 32px;
position: absolute;
bottom: 24px;
left: 24px;
right: 24px;
}
.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;
}
.combine-gallery3_image {
object-fit: cover;
width: 100%;
height: 100%;
}
.combine-gallery3_image-wrapper {
border-radius: .75rem;
width: 100%;
margin-bottom: 1rem;
display: flex;
overflow: hidden;
}
.combine-gallery3_component {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
column-count: 3;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
align-items: start;
column-gap: 1rem;
}
.combine-container-large-5 {
width: 100%;
max-width: 75rem;
margin-left: auto;
margin-right: auto;
}
.combine-space-large-5 {
height: 4rem;
}
.combine-text-size-regular-5 {
color: var(--combine-library--grey-600);
margin-bottom: 0;
font-family: Open Sans, sans-serif;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
}
.combine-space-medium-5 {
width: 100%;
height: 1.5rem;
}
.combine-heading-style-h2-5 {
color: var(--combine-library--grey-800);
margin-top: 0;
margin-bottom: 0;
font-family: Open Sans, sans-serif;
font-size: 3rem;
font-weight: 700;
line-height: 1.35;
}
.combine-text-align-center-5 {
text-align: center;
}
.combine-container-small-5 {
width: 100%;
max-width: 48rem;
margin-left: auto;
margin-right: auto;
}
.combine-padding-section-medium-5 {
padding-top: 4rem;
padding-bottom: 4rem;
}
.combine-padding-global-5 {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.combine-section_gallery3 {
background-color: var(--combine-library--white);
}
.combine-gallery3_image-2 {
object-fit: cover;
width: 100%;
height: 100%;
margin-left: 0;
}
.combine-gallery3_image-wrapper-2 {
border-radius: .75rem;
width: 100%;
margin-bottom: 1rem;
display: flex;
overflow: hidden;
}
.combine-gallery3_component-2 {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
column-count: 3;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
align-items: start;
column-gap: 1rem;
}
.combine-container-large-6 {
width: 100%;
max-width: 75rem;
margin-left: auto;
margin-right: auto;
}
.combine-space-large-6 {
height: 4rem;
}
.combine-text-size-regular-6 {
color: var(--combine-library--grey-600);
margin-bottom: 0;
font-family: Open Sans, sans-serif;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
}
.combine-space-medium-6 {
width: 100%;
height: 1.5rem;
}
.combine-heading-style-h2-6 {
color: var(--combine-library--grey-800);
margin-top: 0;
margin-bottom: 0;
font-family: Open Sans, sans-serif;
font-size: 3rem;
font-weight: 700;
line-height: 1.35;
}
.combine-text-align-center-6 {
text-align: center;
}
.combine-container-small-6 {
width: 100%;
max-width: 48rem;
margin-left: auto;
margin-right: auto;
}
.combine-padding-section-medium-6 {
padding-top: 0;
padding-bottom: 0;
}
.combine-padding-global-6 {
padding: 25px 1.25rem;
}
.combine-section_gallery3-2 {
background-color: var(--combine-library--white);
}
.gallery-slider-2 {
border-bottom: 1px solid #e4ebf3;
padding: 80px 30px;
position: relative;
}
.container-5 {
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-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;
}
.grid-3 {
grid-template-rows: auto auto auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.palm-img01-grid {
grid-template-rows: auto;
max-width: 1280px;
margin: 0 auto 60px;
}
.palm-img01-div.img-powermanager-3g {
border-left: 1px solid #79cf19;
}
.palm-img01 {
border-radius: 15px;
}
.text-block-10 {
text-align: center;
font-size: 25px;
}
.heading-4 {
color: var(--accent--primary-1);
text-align: center;
margin-top: 0;
padding-top: 0;
font-size: 40px;
}
.heading-4.head-ene-net {
margin-bottom: 40px;
}
.paragraph-5, .paragraph-6 {
text-align: center;
}
.reliable-sustainable-point-div.reliable-sustainable-point-div-1 {
background-color: #fff;
border-radius: 15px;
padding: 30px;
}
.reaching-the-unreachable-title-grid {
grid-template-rows: auto;
grid-template-columns: .75fr 1fr;
max-width: 1280px;
margin-left: auto;
margin-right: auto;
}
.reaching-the-unreachable-point-grid {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
}
.schools-and-healthcare-div {
background-image: linear-gradient(180deg, var(--primary-1), #000), url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/6703a0c0e3c02f3ad2fbb835_Schools%20and%20Healthcare%20IMG01.jpg");
background-position: 0 0, 0 0;
background-size: auto, cover;
border-radius: 15px;
padding: 203px 35px 35px;
}
.schools-and-healthcare-div.agriculture-dvi1 {
background-image: linear-gradient(180deg, var(--primary-1), #000), url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/6889fa6324c4ef6eb2b7029e_field-rice-9183664_1280.jpg");
background-position: 0 0, 50% 0;
}
.schools-and-healthcare-div.communication-div0 {
background-image: linear-gradient(180deg, var(--primary-1), #000), url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/6703a10535e5e51a7ab46ebd_Communication%20IMG%2001.jpg");
}
.powering-critical-operations-grid {
background-image: url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/6703a13fc397120bfe26bcda_Powering%20Critical%20BG.jpg");
background-position: 50%;
background-size: cover;
background-attachment: fixed;
border-radius: 15px;
grid-template-rows: auto;
max-width: 1280px;
margin-top: 60px;
margin-left: auto;
margin-right: auto;
padding: 70px 35px 70px 70px;
}
.text-block-11 {
font-size: 15px;
font-weight: 500;
}
.image-25 {
background-image: linear-gradient(to bottom, var(--combine-library--grey-050), var(--combine-library--grey-050));
-webkit-text-fill-color: inherit;
background-clip: border-box;
}
.quick-stack {
margin-bottom: -25px;
}
.image-26 {
margin-top: 12px;
}
.image-27 {
margin-left: 18px;
}
.paragraph-7 {
text-align: justify;
display: block;
}
.paragraph-8 {
text-align: justify;
}
.heading-5 {
text-align: center;
margin-top: 50px;
margin-bottom: 0;
font-size: 50px;
}
.code {
font-family: Poppins, sans-serif;
}
.image-28 {
margin: -43px 0 1px -20px;
padding-bottom: 0;
}
.hero-heading-left-2 {
background-color: #f5f7fa;
border-bottom: 1px solid #e4ebf3;
padding: 0;
position: relative;
}
.container-6 {
width: 100%;
max-width: 940px;
margin-left: auto;
margin-right: auto;
}
.hero-wrapper-2 {
justify-content: space-between;
align-items: center;
padding: 20px;
display: flex;
}
.hero-split-2 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
max-width: 46%;
padding-left: 0;
display: flex;
}
.margin-bottom-24px-5 {
margin-bottom: 24px;
}
.button-primary-5 {
background-color: var(--accent--primary-1);
color: #fff;
letter-spacing: 2px;
text-transform: uppercase;
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;
}
.shadow-two-4 {
margin-left: 0;
padding-left: 0;
font-size: 0;
box-shadow: 0 4px 24px #96a3b514;
}
.hero-heading-right {
background-color: #f5f7fa;
border-bottom: 1px solid #e4ebf3;
padding: 20px;
position: relative;
}
.button-primary-6 {
background-color: var(--accent--primary-1);
color: #fff;
letter-spacing: 2px;
text-transform: uppercase;
padding: 12px 25px;
font-size: 12px;
line-height: 20px;
transition: all .2s;
}
.button-primary-6:hover {
color: #fff;
background-color: #32343a;
}
.button-primary-6:active {
background-color: #43464d;
}
.navbar-no-shadow-container {
z-index: 5;
background-color: #0000;
width: 100%;
max-width: 1140px;
margin-left: auto;
margin-right: auto;
padding: 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 {
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:hover {
color: #1a1b1fbf;
}
.nav-link:focus-visible, .nav-link[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-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;
}
.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;
}
.heading-6 {
color: var(--accent--primary-1);
margin-bottom: 0;
margin-left: 0;
margin-right: -100px;
padding-right: 0;
font-size: 40px;
}
.heading-7 {
margin-bottom: 0;
}
.gallery-slider-3 {
border-bottom: 1px solid #e4ebf3;
padding: 80px 30px;
position: relative;
}
.container-7 {
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-3 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.gallery-slide-3 {
background-color: #0000;
height: auto;
}
.gallery-slide-wrapper-3 {
max-width: 47%;
margin-right: 6%;
}
.gallery-slide-image-3 {
position: relative;
}
.gallery-image-4 {
width: 100%;
}
.gallery-slide-text-3 {
color: #f5f7fa;
margin-bottom: 0;
line-height: 32px;
position: absolute;
bottom: 24px;
left: 24px;
right: 24px;
}
.gallery-slider-left-3 {
justify-content: center;
align-items: center;
width: 40px;
display: flex;
left: -50px;
}
.gallery-slider-left-3:focus-visible, .gallery-slider-left-3[data-wf-focus-visible] {
outline-offset: 0px;
border-radius: 5px;
outline: 2px solid #0050bd;
}
.slider-arrow-embed-3 {
color: #1a1b1f;
}
.gallery-slider-right-3 {
justify-content: center;
align-items: center;
width: 40px;
display: flex;
right: -50px;
}
.gallery-slider-right-3:focus-visible, .gallery-slider-right-3[data-wf-focus-visible] {
outline-offset: 0px;
border-radius: 5px;
outline: 2px solid #0050bd;
}
.gallery-slide-nav-3 {
display: none;
}
.brix---bg-image-full-width {
z-index: -1;
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.brix---btn-secondary-white {
border: 1px solid var(--neutral--300);
color: var(--neutral--100);
text-align: center;
transform-style: preserve-3d;
background-color: #0000;
border-radius: 48px;
padding: 26px 38px;
font-size: 18px;
line-height: 20px;
transition: border-color .3s, transform .3s, background-color .3s, color .3s;
box-shadow: 0 4px 10px #14142b0a;
}
.brix---btn-secondary-white:hover {
border-color: var(--neutral--100);
background-color: var(--neutral--100);
color: var(--neutral--800);
transform: translate3d(0, -3px, .01px);
}
.brix---btn-primary-white {
background-color: var(--neutral--100);
color: var(--accent--primary-1);
text-align: left;
transform-style: preserve-3d;
border-radius: 48px;
justify-content: center;
margin-top: -70px;
padding: 15px;
font-size: 18px;
font-weight: 700;
line-height: 20px;
text-decoration: none;
transition: background-color .3s, transform .3s, color .3s;
}
.brix---btn-primary-white:hover {
background-color: var(--secondary--color-2);
color: var(--accent--primary-1);
transform: translate3d(0, -3px, .01px);
}
.brix---button-row-left-2 {
margin-right: 24px;
}
.brix---buttons-row {
align-items: center;
display: flex;
}
.brix---paragraph-default-4 {
box-sizing: border-box;
color: var(--neutral--800);
object-fit: fill;
margin-bottom: -30px;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 18px;
line-height: 30px;
position: relative;
top: -142px;
right: -700px;
overflow: visible;
}
.brix---color-neutral-100 {
color: var(--neutral--100);
}
.brix---mg-bottom-40px-2 {
margin-bottom: 40px;
}
.brix---heading-h2-size-4 {
float: none;
color: var(--combine-library--grey-800);
-webkit-text-stroke-color: var(--accent--primary-1);
margin-top: 0;
margin-bottom: -73px;
margin-right: 100px;
padding-right: 100px;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 50px;
font-weight: 700;
line-height: 50px;
position: relative;
top: -59px;
}
.brix---mg-bottom-16px-3 {
margin-bottom: 16px;
}
.brix---grid-cta-v10 {
grid-column-gap: 28px;
grid-row-gap: 28px;
grid-template-rows: auto;
grid-template-columns: .78fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
display: grid;
}
.brix---container-default-4 {
max-width: 1218px;
padding-left: 24px;
padding-right: 24px;
}
.brix---cta-bg-overlay {
background-image: url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/6751db2bec4b28f6007f6fdf_sfc-brunnthal-building-germany-1000x657.webp");
background-position: 50%;
background-size: cover;
align-items: center;
min-height: 80vh;
padding-top: 160px;
padding-bottom: 160px;
display: flex;
position: relative;
overflow: hidden;
}
.background-video-2 {
display: block;
}
.background-video-3 {
-webkit-text-fill-color: inherit;
background-clip: border-box;
}
.hero-subscribe-right {
background-color: #f5f7fa;
border-bottom: 1px solid #e4ebf3;
padding: 80px 30px;
position: relative;
}
.hero-subscribe-right.hero-subscribe-right-hide {
display: none;
}
.container-8 {
width: 100%;
max-width: 940px;
margin-left: auto;
margin-right: auto;
}
.hero-wrapper-3 {
justify-content: space-between;
align-items: center;
display: flex;
}
.hero-split-3 {
flex-direction: column;
justify-content: center;
align-items: center;
max-width: 100%;
display: flex;
}
.hero-split-3.hero-split-2 {
max-width: 46%;
}
.shadow-two-5 {
box-sizing: border-box;
aspect-ratio: auto;
object-fit: fill;
box-shadow: 0 4px 24px #96a3b514;
}
.margin-bottom-24px-6 {
text-align: justify;
margin-top: 15px;
margin-bottom: 0;
}
.hero-form {
margin-bottom: 12px;
}
.hero-form-container {
justify-content: flex-start;
align-items: stretch;
display: flex;
}
.hero-form-input {
color: #1a1b1f;
border: 1px solid #d1d6db;
width: 240px;
height: auto;
margin-bottom: 0;
margin-right: 9px;
padding: 5px 16px;
font-size: 14px;
line-height: 20px;
transition: all .2s;
}
.hero-form-input:hover, .hero-form-input:focus {
border-color: #76879d;
}
.hero-form-input::placeholder {
color: #1a1b1fcc;
}
.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;
}
.text-link-arrow {
color: #1a1b1f;
justify-content: flex-start;
align-items: center;
font-size: 14px;
line-height: 20px;
text-decoration: none;
display: flex;
}
.arrow-embed {
margin-left: 2px;
display: flex;
}
.button-2 {
background-color: var(--accent--primary-1);
border-radius: 15px;
}
.heading-8 {
color: var(--accent--primary-1);
margin-bottom: -10px;
font-size: 45px;
}
.text-block-15 {
font-size: 25px;
}
.past-event-container {
max-width: 1280px;
}
.image-29 {
margin-left: 0;
}
.case-study-hero-desc {
color: var(--combine-library--white);
}
.link-5 {
color: var(--flowstica-webflow-library--black);
}
.quote-grid-main {
grid-column-gap: 10px;
grid-row-gap: 10px;
grid-template-rows: auto;
grid-template-columns: .5fr 1fr;
margin-top: 20px;
}
.quote-grid-main.mobile-hide {
display: none;
}
.photo-grid-div-quote {
text-align: center;
background-color: #1f2c3d;
background-image: linear-gradient(120deg, #68b846 25%, #a9da95 80%);
border-top-left-radius: 75px;
border-top-right-radius: 0;
border-bottom-right-radius: 75px;
padding: 0 20px;
}
.quote-name-below-photo {
color: var(--flowstica-webflow-library--black);
text-align: center;
margin-top: 10px;
margin-bottom: 0;
font-family: Poppins, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 1.2em;
}
.img-quote-new {
max-height: 150px;
margin-left: 0;
}
.quote-position-person {
color: var(--spark-library--black);
text-align: center;
margin-bottom: 0;
font-family: Poppins, sans-serif;
font-size: 14px;
font-weight: 500;
}
.grid-quote-right {
grid-column-gap: 0px;
grid-row-gap: 0px;
background-image: linear-gradient(107deg, #000 25%, #222 50%);
border-bottom-right-radius: 75px;
grid-template-rows: auto;
grid-template-columns: .25fr 1fr;
padding: 20px;
}
.div-quama-quote {
max-width: none;
margin-left: 5px;
}
.quote-img-coma-wala {
max-width: 100%;
margin-left: 0;
}
.written-part-para-quote {
color: var(--combine-library--white);
text-align: justify;
margin-bottom: 0;
padding-left: 10px;
font-family: Poppins, sans-serif;
line-height: 1.4em;
}
.section-3 {
flex-flow: column wrap-reverse;
justify-content: center;
align-items: center;
margin-top: 50%;
margin-bottom: 50%;
display: block;
}
.div-quote-one {
margin-top: 10px;
}
.quote-written-col {
background-image: linear-gradient(115deg, var(--combine-library--grey-600) 50%, var(--flowstica-webflow-library--black-2) 90%);
border-bottom-right-radius: 75px;
margin-top: 15px;
margin-left: 0;
margin-right: 0;
padding-top: 30px;
padding-bottom: 30px;
padding-right: 10px;
}
.column {
padding-left: 0;
padding-right: 0;
}
.smart-bat-head.smart-bat-des {
font-size: 18px;
}
.image-30 {
max-height: 100%;
margin-left: 0;
}
.st_wrapper {
z-index: 1000;
display: block;
position: fixed;
inset: auto 1.5rem 1.5rem auto;
}
.st_button {
background-color: var(--accent--primary-1);
color: #fff;
cursor: pointer;
border: 2px solid #eee;
border-radius: 5rem;
margin-left: 0;
padding: .75rem;
}
.icon-embed-xxsmall {
flex-direction: column;
justify-content: center;
align-items: center;
width: 1.1rem;
height: 1rem;
display: flex;
}
.about-us-sfc-energy-section-last-para {
color: var(--accent--primary-1);
font-family: Droid Serif, serif;
font-size: 39px;
}
.slide__image {
margin-left: 0;
}
.slide-4 {
transform-origin: 0 0;
overflow: hidden;
}
.slide__image-wrapper {
transform-origin: 0 0;
}
.next-button {
justify-content: center;
align-items: center;
width: 48px;
height: 48px;
margin-top: 32px;
margin-bottom: 0;
display: none;
top: 100%;
}
.slider-2 {
background-color: #0000;
width: auto;
max-width: none;
height: 325px;
max-height: none;
margin-bottom: 60px;
}
.next-button__progress {
width: 48px;
height: 48px;
position: absolute;
}
.next-button__icon {
margin-left: 0;
}
.wbs-slide-nav-2 {
display: none;
}
.wbs-right-arrow-2 {
background-color: var(--flowstica-webflow-library--honeydew);
color: var(--flowstica-webflow-library--black);
border-radius: 50%;
width: 50px;
height: 50px;
font-size: 20px;
transition: all .3s ease-in-out;
inset: auto 30px 30px auto;
}
.wbs-right-arrow-2:hover {
background-color: var(--flowstica-webflow-library--medium-sea-green);
color: var(--flowstica-webflow-library--white-smoke);
}
.wbs-left-arrow-2 {
background-color: var(--flowstica-webflow-library--honeydew);
color: var(--flowstica-webflow-library--black);
border-radius: 50%;
justify-content: center;
align-items: center;
width: 50px;
height: 50px;
font-size: 20px;
transition: all .3s ease-in-out;
display: flex;
inset: auto 90px 30px auto;
}
.wbs-left-arrow-2:hover {
background-color: var(--flowstica-webflow-library--medium-sea-green);
color: var(--flowstica-webflow-library--white-smoke);
}
.wbs-left-arrow-2.arrow-img-slider-event-pg {
margin-top: 0;
}
.wbs-testimonial-6-author-name-2 {
color: var(--flowstica-webflow-library--black);
margin-top: 0;
margin-bottom: 0;
font-size: 18px;
}
.wbs-testimonial-5-avatar-image-2 {
border-radius: 100%;
width: 50px;
height: 50px;
}
.wbs-testimonial-6-avatar-2 {
grid-column-gap: 15px;
grid-row-gap: 15px;
align-items: center;
margin-top: 30px;
display: flex;
}
.wbs-testimonial-6-dec-2 {
color: var(--flowstica-webflow-library--black);
font-size: 1.5rem;
line-height: 2.25rem;
}
.wbs-testimonial-6-logo-image-2 {
height: 28px;
margin-bottom: 20px;
margin-left: auto;
}
.wbs-heading-h5-3 {
color: var(--flowstica-webflow-library--black);
margin-top: 0;
margin-bottom: 0;
font-size: 1.625rem;
font-weight: 700;
line-height: 1.3em;
}
.wbs-testimonial-6-counter-2 {
grid-column-gap: 30px;
grid-row-gap: 30px;
align-items: center;
margin-bottom: 0;
display: flex;
}
.wbs-testimonial-6-content-2 {
background-color: var(--flowstica-webflow-library--white-smoke);
border-radius: 10px;
flex-direction: column;
padding: 40px;
display: flex;
position: relative;
}
.wbs-testimonial-6-slider-2 {
background-color: #0000;
height: auto;
}
.wbs-testimonial-6-wrap-2 {
z-index: 1;
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: .5fr 1fr;
grid-auto-columns: 1fr;
margin-bottom: 0;
}
.wbs-container-3 {
width: 100%;
max-width: 1300px;
margin-left: auto;
margin-right: auto;
display: block;
}
.wbs-section-3 {
padding: 0 0%;
}
.image-32 {
margin-left: 0;
}
.img-slider-event-pg {
text-align: left;
padding-bottom: 100px;
}
.image-33 {
margin-left: 0;
}
.postedon-color-career-pg {
color: var(--secondary--color-1);
}
.text-block-16 {
color: var(--flowstica-webflow-library--black);
}
.quote-redesign-20-grid {
grid-column-gap: 0px;
grid-row-gap: 0px;
background-color: #2f5929;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
margin: 20px 90px;
display: none;
}
.bg-image-redesign-20-quote {
background-image: url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/67651492074bb6b0f95a82e2_NEWSLETTER%20(1)%20(1).png");
background-position: 0 0;
background-size: cover;
}
.image-redesign-20-quote {
max-width: 100%;
margin-left: 0;
display: none;
}
.quote-grid-dive-2-redesign {
background-color: #2f5929;
max-height: 100%;
padding-top: 20px;
padding-bottom: 20px;
padding-right: 40px;
}
.quote-written-section-redesign {
background-color: #e4e2dd;
margin-top: 0;
margin-bottom: 0;
margin-left: -75px;
padding: 10px;
}
.written-grid-quote-redesign {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: 1fr;
padding: 0;
}
.image-34 {
max-height: 50%;
margin-left: 0;
}
.quoma-grid-1-main-redesign {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: .25fr 1fr;
}
.main-para-ritten-quote-redesign {
color: var(--flowstica-webflow-library--black);
text-align: justify;
margin-bottom: 0;
font-size: 14px;
}
.quote-main-name-head-redesign {
color: #2f5929;
margin-bottom: 0;
font-family: Poppins, sans-serif;
font-size: 16px;
font-weight: 600;
}
.abt-us-bg-img-new {
background-image: url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/6765163a3eb5afa09742ae5b_WhatsApp%20Image%202024-12-20%20at%2012.28.47_f8a42c29.jpg");
background-position: 50%;
background-repeat: repeat;
background-size: cover;
border-radius: 20px;
width: 100%;
max-width: 1005px;
height: 100%;
max-height: 100%;
}
.flowappz-cookie-consent {
z-index: 99999;
grid-column-gap: 16px;
grid-row-gap: 16px;
aspect-ratio: auto;
text-align: left;
object-fit: fill;
background-color: #fff;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
width: auto;
height: auto;
padding: 3rem 2.5rem;
font-family: Manrope, sans-serif;
text-decoration: none;
display: none;
position: sticky;
inset: auto 0% 0%;
box-shadow: 0 0 20px #0000001a;
}
.cookie-description {
color: #000;
margin: 30px 0 25px;
font-size: 16px;
font-weight: 400;
line-height: 19px;
}
.cookie-buttons-group {
column-gap: 20px;
display: flex;
}
.accept-button {
color: #fff;
background-color: #000;
padding: 12px 28px;
font-weight: bold;
}
.reject-button {
color: #000;
background-color: #fff;
padding: 12px 28px;
font-weight: bold;
}
.cookie-heading {
color: #000;
margin: 0;
font-size: 26px;
font-weight: bold;
line-height: 31px;
}
.subscribe-grid-main {
grid-template-rows: auto;
}
.link-6 {
color: #000;
}
.button-3 {
color: #fff;
text-align: center;
cursor: pointer;
background-color: #0b6dff;
border-radius: 6px;
justify-content: center;
align-items: center;
margin-top: 0;
padding: 18px 48px;
font-size: 16px;
font-weight: 400;
line-height: 19px;
text-decoration: none;
transition: background-color .3s;
display: flex;
}
.button-3:hover {
background-color: #284ee7;
}
.button-3.mg-top-36px {
background-color: #5600e3;
border-radius: 50px;
margin-top: 36px;
font-weight: 500;
}
.button-3.mg-top-36px.btn-primary.button-row.sub-button-sub-pg {
background-color: var(--accent--primary-1);
border-radius: 10px;
}
.page-wrapper-3 {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
width: 100vw;
height: 100vh;
display: grid;
}
.form_text-field {
border: 1px solid #ededed;
border-radius: 20px;
margin-bottom: 37px;
padding-top: 20px;
padding-bottom: 20px;
}
.display-1 {
margin-bottom: 40px;
font-size: 50px;
line-height: 62px;
}
.display-1.width-80percent {
color: #0c0c0c;
width: 80%;
font-weight: 700;
}
.display-1.width-80percent.font-sub-pg-left-ss {
width: auto;
font-size: 45px;
line-height: 50px;
}
.information_section {
flex-direction: column;
justify-content: space-between;
width: 100%;
height: 100vh;
padding: 40px;
display: flex;
}
.information_section.background-color.neutral-200 {
background-color: #0000;
}
.information_section.background-color.neutral-200.is--footer.hide-desktop {
display: none;
}
.information_section.background-color.neutral-200.sub-pg-pg-ss {
flex-flow: column;
width: auto;
height: auto;
}
.form_success-message {
background-color: #eaf3ff;
border-radius: 6px;
}
.divider-2 {
background-color: #ccc;
width: 100%;
max-width: 300px;
height: 1px;
margin-top: 56px;
margin-bottom: 16px;
}
.text-span-8 {
color: var(--accent--primary-1);
}
.text-span-8.text-sub-pg-sss {
font-size: 36px;
line-height: 3px;
}
.form_section {
background-color: #0000;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100vh;
padding: 64px;
display: flex;
}
.form_section.form-sb-sub-pg {
justify-content: flex-start;
align-items: center;
width: auto;
height: auto;
padding: 40px;
}
.form_block {
width: 400px;
}
.form_field-label {
color: #2b2b2b;
margin-bottom: 6px;
font-size: 1em;
font-weight: 500;
}
.is--second {
color: #000;
margin-left: 32px;
}
.paragraph-small-2 {
font-size: 14px;
line-height: 20px;
}
.form_error-message {
background-color: #ffecec;
border-radius: 6px;
}
.width-60percent {
width: 60%;
line-height: 1.3em;
}
.jos-select-field-1 {
color: #999;
background-color: #0000;
border: 1.7px solid #e8e6e7;
border-radius: .3em;
height: 60px;
margin-bottom: 0;
font-family: Onest, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 1.1111em;
}
.div-block-sub-pg-ss {
border: 1px solid var(--flowstica-webflow-library--honeydew);
background-color: var(--flowstica-webflow-library--white-smoke);
border-radius: 25px;
}
.csr-sec-2-grid-main {
grid-column-gap: 50px;
grid-row-gap: 50px;
grid-template-rows: auto;
grid-template-columns: 1fr .5fr;
}
.csr-image-infography-new {
margin-left: 0;
padding-top: 60px;
}
.csr-image-infography-new.csr-image-infography-new-hide {
display: none;
}
.csr-image-infography-new.csr-image-infography-new-padding {
margin-bottom: 20px;
}
.csr-image-infography-new.csr-image-infography-new-padding.csr-image-infography-new-padding-hide {
display: none;
}
.hide-list-from-csr-page {
display: block;
}
.hide-list-from-csr-page.hide-list-from-csr-page-hide, .hide-list-from-csr-page.csr-image-infography-new-padding-hide {
display: none;
}
.grid-for-csr-image-with-text {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
display: none;
}
.image-csr-grid-points {
margin-bottom: 20px;
margin-left: 0;
}
.div-block-grid-points-csr {
background-color: #fff;
border: 1px solid #e8e2e2;
border-radius: 10px;
padding: 25px;
}
.news-n-update-btn-div-center {
justify-content: center;
align-items: center;
display: flex;
}
.section-csr-4-points-below-header {
position: relative;
top: -60px;
}
.container-csr-4-points-below-header {
background-color: #fff;
border-radius: 25px;
padding-top: 10px;
padding-bottom: 10px;
box-shadow: 0 2px 5px #0003;
}
.grid-csr-4-points-below-header {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.image-csr-for-4-points {
margin-bottom: 15px;
margin-left: 0;
}
.grid-csr-4-points-in-dive {
text-align: center;
padding: 20px;
}
.grid-csr-4-points-in-dive.grid-csr-4-points-in-dive-border-center {
border-left: 2px #d6d2d2;
border-right: 2px solid #d6d2d2;
padding: 20px;
}
.team-slider {
background-color: #f5f7fa;
border-bottom: 1px solid #e4ebf3;
padding: 80px 30px;
position: relative;
}
.container-9 {
width: 100%;
max-width: 940px;
margin-left: auto;
margin-right: auto;
}
.centered-heading-2 {
text-align: center;
margin-bottom: 16px;
}
.centered-subheading {
text-align: center;
max-width: 530px;
margin-left: auto;
margin-right: auto;
}
.team-slider-wrapper {
background-color: #0000;
height: auto;
margin-top: 50px;
}
.team-slide-wrapper {
width: 30%;
margin-right: 5%;
}
.team-block {
background-color: #fff;
padding-bottom: 24px;
}
.team-member-image-two {
margin-bottom: 18px;
}
.team-block-info {
flex-direction: column;
align-items: flex-start;
padding-left: 24px;
padding-right: 24px;
display: flex;
}
.team-member-name-two {
margin-bottom: 12px;
font-weight: 600;
}
.team-member-text {
margin-bottom: 20px;
}
.text-link-arrow-2 {
color: #1a1b1f;
justify-content: flex-start;
align-items: center;
font-size: 14px;
line-height: 20px;
text-decoration: none;
display: flex;
}
.arrow-embed-2 {
margin-left: 2px;
display: flex;
}
.team-slider-arrow {
display: none;
}
.team-slider-nav {
margin-top: 24px;
font-size: 10px;
position: static;
bottom: -60px;
}
.image-right-csr-page {
margin-left: 0;
}
.div-quote-csr-page-bottom {
background-color: #073137;
background-image: linear-gradient(#00000080, #00000080), url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/67e3effe8e6db9e26f1c75b5_102871%201.jpg");
background-position: 0 0, 50%;
background-repeat: repeat, no-repeat;
background-size: auto, cover;
border-top-left-radius: 15px;
border-bottom-right-radius: 15px;
justify-content: center;
align-items: center;
margin-top: 0;
padding: 25px;
display: flex;
}
.btn-csr-policy-div-center {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: row;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: stretch;
display: none;
}
.news-update-image-main {
justify-content: center;
align-items: center;
display: flex;
}
.news-update-paragraph-new {
margin-bottom: 8px;
}
.flash-car-image-home-page {
height: auto;
}
.container-default-copy {
color: var(--accent--primary-1);
text-align: left;
max-width: 1303px;
padding: 0 24px;
text-decoration: none;
}
.container-default-copy.z-index-1 {
z-index: 1;
position: relative;
}
.container-default-copy.order-confirmation {
display: block;
}
.container-default-copy.center {
margin-left: auto;
margin-right: auto;
}
.sustainability-img-mob {
max-width: 92%;
}
.text-block-17 {
text-align: left;
font-family: Poppins, sans-serif;
font-weight: 700;
}
.map-image {
width: 100%;
max-width: 100%;
height: 500px;
max-height: 500px;
margin-top: 0;
margin-left: 0;
display: none;
position: static;
overflow: clip;
}
.map-pin {
background-color: #0000;
background-image: url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/686e1ebcc3ed73a1aa916e92_interface.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
width: 35px;
height: 50px;
transition: all .2s;
position: absolute;
top: 30%;
left: 15%;
}
.map-pin:hover {
transform: translate(0, -3px);
}
.map-pin.sensitive-nations {
z-index: 1;
filter: none;
top: 168px;
left: 534px;
}
.map-pin.sensitive-nations.hide-map {
display: none;
}
.map-pin.sensitive-nations.sensitive-3 {
z-index: 2;
filter: none;
top: 218px;
left: 600px;
}
.map-pin.sensitive-nations.sensitive-2 {
filter: hue-rotate(180deg);
top: 144px;
left: 600px;
}
.map-pin.eastern-europe {
filter: none;
top: 99px;
left: 474px;
}
.map-pin.eastern-europe.hide-map {
display: none;
}
.map-pin.west-africa {
top: 208px;
left: 382px;
}
.map-pin.west-africa.hide-map {
display: none;
}
.map-pin.russia {
filter: none;
top: 88px;
left: 657px;
}
.map-pin.russia.hide-map {
display: none;
}
.map-pin.east-africa {
z-index: 2;
filter: none;
top: 296px;
left: 522px;
}
.map-pin.east-africa.hide-map {
display: none;
}
.map-pin.southern-africa {
top: 389px;
left: 479px;
}
.map-pin.southern-africa.hide-map {
display: none;
}
.map-pin.lusophone {
top: 339px;
left: 267px;
}
.map-pin.lusophone.hide-map {
display: none;
}
.map-pin.carribian {
top: 192px;
left: 178px;
}
.map-pin.carribian.hide-map {
display: none;
}
.map-pin.asia-pacific {
z-index: 1;
filter: none;
top: 127px;
left: 785px;
}
.map-pin.asia-pacific.asia-pacific-2 {
filter: none;
top: 200px;
left: 680px;
}
.map-pin.asia-pacific.hide-map {
display: none;
}
.map-pin.africa-lusophone {
z-index: 1;
top: 269px;
left: 478px;
}
.map-pin.africa-lusophone.hide-map {
display: none;
}
.map-pin.western-europe {
top: 99px;
left: 411px;
}
.map-pin.western-europe.hide-map {
display: none;
}
.map-pin.francophone {
top: 239px;
left: 430px;
}
.map-pin.francophone.hide-map {
display: none;
}
.map-pin.latin-america {
top: 180px;
}
.map-pin.latin-america._2 {
z-index: 1;
top: 380px;
left: 206px;
}
.map-pin.latin-america._2.hide-map, .map-pin.latin-america.hide-map {
display: none;
}
.map-pin.latin-america._1 {
top: 288px;
left: 191px;
}
.map-pin.latin-america._1.hide-map {
display: none;
}
.country {
color: #b12727;
text-align: center;
width: 130px;
margin-top: 10px;
padding-left: 0;
padding-right: 0;
}
.map-pin-tooltip {
background-color: #fff;
border: 2px #000;
border-radius: 5px;
justify-content: center;
align-items: center;
height: auto;
margin-top: -45px;
padding: 0 10px;
display: flex;
position: absolute;
top: 7px;
left: -56px;
right: -56px;
box-shadow: 1px 1px 10px 2px #00000040;
}
.map-pin-tooltip.north-america {
overflow: visible;
}
.map-section {
justify-content: center;
align-items: center;
height: 75vh;
margin-top: 20px;
margin-bottom: 20px;
display: none;
position: static;
overflow: visible;
}
.map-wrapper {
background-image: url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/686e06c9f60aea2c1e82883f_bluee2321312_703%20(1).svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
justify-content: center;
align-items: center;
width: 100%;
min-width: 0;
max-width: 100%;
height: 600px;
max-height: 500px;
padding-bottom: 0%;
display: block;
position: relative;
overflow: hidden;
}
.grid-sfc-energy {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.section-our-location-new {
background-color: #1f2c3d;
padding-top: 40px;
padding-bottom: 40px;
}
.sfc-energy-nsew-section-forgird {
max-width: 1280px;
padding-top: 40px;
padding-bottom: 40px;
}
.map-pin-2 {
background-color: #0000;
background-image: url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/686e1ebcc3ed73a1aa916e92_interface.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
width: 35px;
height: 50px;
transition: all .2s;
position: absolute;
top: 30%;
left: 30%;
}
.map-pin-2:hover {
transform: translate(0, -3px);
}
.map-pin-2.sensitive-nations {
z-index: 1;
filter: none;
top: 168px;
left: 534px;
}
.map-pin-2.sensitive-nations.hide-map {
display: none;
}
.map-pin-2.sensitive-nations.sensitive-3 {
z-index: 2;
filter: none;
top: 47%;
left: 55%;
}
.map-pin-2.sensitive-nations.sensitive-2 {
filter: hue-rotate(180deg);
top: 140px;
left: 50%;
}
.map-pin-2.eastern-europe {
filter: none;
top: 99px;
left: 474px;
}
.map-pin-2.eastern-europe.hide-map {
display: none;
}
.map-pin-2.west-africa {
top: 208px;
left: 382px;
}
.map-pin-2.west-africa.hide-map {
display: none;
}
.map-pin-2.russia {
filter: none;
top: 88px;
left: 657px;
}
.map-pin-2.russia.hide-map {
display: none;
}
.map-pin-2.east-africa {
z-index: 2;
filter: none;
top: 296px;
left: 522px;
}
.map-pin-2.east-africa.hide-map {
display: none;
}
.map-pin-2.southern-africa {
top: 389px;
left: 479px;
}
.map-pin-2.southern-africa.hide-map {
display: none;
}
.map-pin-2.lusophone {
top: 339px;
left: 267px;
}
.map-pin-2.lusophone.hide-map {
display: none;
}
.map-pin-2.carribian {
top: 192px;
left: 178px;
}
.map-pin-2.carribian.hide-map {
display: none;
}
.map-pin-2.asia-pacific {
z-index: 1;
filter: none;
top: 127px;
left: 785px;
}
.map-pin-2.asia-pacific.asia-pacific-2 {
filter: none;
top: 45%;
left: 61%;
}
.map-pin-2.asia-pacific.hide-map {
display: none;
}
.map-pin-2.africa-lusophone {
z-index: 1;
top: 269px;
left: 478px;
}
.map-pin-2.africa-lusophone.hide-map {
display: none;
}
.map-pin-2.western-europe {
top: 99px;
left: 411px;
}
.map-pin-2.western-europe.hide-map {
display: none;
}
.map-pin-2.francophone {
top: 239px;
left: 430px;
}
.map-pin-2.francophone.hide-map {
display: none;
}
.map-pin-2.latin-america {
top: 180px;
}
.map-pin-2.latin-america._2 {
z-index: 1;
top: 380px;
left: 206px;
}
.map-pin-2.latin-america._2.hide-map, .map-pin-2.latin-america.hide-map {
display: none;
}
.map-pin-2.latin-america._1 {
top: 288px;
left: 191px;
}
.map-pin-2.latin-america._1.hide-map {
display: none;
}
.map-image-2 {
max-width: 992px;
height: 560px;
margin-top: 0;
}
.map-section-2 {
justify-content: center;
align-items: center;
height: 75vh;
margin-top: 20px;
margin-bottom: 20px;
display: none;
}
.map-wrapper-2 {
flex-flow: row;
justify-content: center;
align-items: center;
width: auto;
min-width: 900px;
max-width: 1200px;
height: 540px;
display: flex;
position: relative;
overflow: hidden;
}
.new-location-contaienr-new {
max-width: 1280px;
}
.map-section-3 {
justify-content: center;
align-items: center;
height: 75vh;
margin-top: 20px;
margin-bottom: 20px;
display: block;
}
.custom_map-map_block {
position: relative;
}
.text-align-center {
text-align: center;
}
.custom_map-legends {
grid-column-gap: .625rem;
grid-row-gap: .625rem;
align-items: center;
padding-top: .5rem;
padding-bottom: .5rem;
display: flex;
}
.section-custom_map {
background-color: #0000;
padding-top: 4rem;
padding-bottom: 4rem;
overflow: hidden;
}
.map_item-list {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.custom_map-component {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
grid-template-rows: auto;
grid-template-columns: 1fr 33%;
grid-auto-columns: 1fr;
align-items: center;
margin-top: 3rem;
display: grid;
}
.heading-style-h3 {
font-size: 2rem;
font-weight: 700;
line-height: 1.2;
}
.padding-global {
padding-left: 2.5rem;
padding-right: 2.5rem;
}
.map_item-collection {
margin-top: 4rem;
display: none;
}
.spacer-large {
padding-top: 3rem;
}
.map_pointer {
z-index: 1;
border-radius: 50%;
width: .8vw;
height: .8vw;
position: absolute;
inset: 0% auto auto 0%;
transform: translate(-50%, -50%);
}
.map_pointer:hover {
z-index: 2;
}
.container-large-3 {
width: 100%;
max-width: 80rem;
margin-left: auto;
margin-right: auto;
}
.custom_map-image {
width: 100%;
display: block;
}
.heading-style-h2 {
font-size: 2.5rem;
font-weight: 700;
line-height: 1.2;
}
.spacer-xxsmall {
width: 100%;
padding-top: .25rem;
}
.global-styles {
display: block;
position: fixed;
inset: 0% auto auto 0%;
}
.page-wrapper-4 {
background-color: #0000;
}
.page-wrapper-4.page-wrapper-4-none {
display: none;
}
.legend_mark {
border-radius: 50%;
width: 1.125rem;
height: 1.125rem;
}
.map_item {
color: #0e1231;
background-color: #fff;
border: 3px solid #2151e1;
padding: 2rem;
}
.map_item-title {
margin-bottom: .75rem;
font-size: 1.25rem;
font-weight: 700;
}
.map_item-row {
grid-column-gap: 1.25rem;
grid-row-gap: .5rem;
grid-template-rows: auto;
grid-template-columns: auto 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.map_item-image {
object-fit: cover;
width: 100px;
height: 100px;
display: block;
}
.map_popup {
opacity: 0;
visibility: hidden;
width: 25rem;
margin: .5rem;
transition-property: all;
transition-duration: .2s;
transition-timing-function: ease;
position: absolute;
bottom: 100%;
left: 100%;
}
.grid-offic-type-location {
grid-template-rows: auto;
}
.image-location-in-shadow {
border-radius: 15px;
margin-left: 0;
box-shadow: 2px 2px 5px #68b846;
}
@media screen and (min-width: 1440px) {
.grid-2-columns.style---styleguide-wrapper {
grid-template-columns: .3fr 1fr;
}
.divider._0px {
margin-top: 0;
margin-bottom: 0;
}
.style---typography-block-grid {
grid-template-columns: minmax(auto, 380px) .8fr;
}
.inner-container._500px---mbl {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: block;
}
.mg-bottom-0.paragraph.energypara {
text-align: left;
}
.style---dropdown-toggle {
padding-top: 28px;
padding-bottom: 28px;
font-size: 20px;
line-height: 20px;
}
.style---dropdown-link-sidebar {
padding-top: 20px;
padding-bottom: 20px;
font-size: 18px;
line-height: 20px;
}
.style---dropdown-link-icon-sidebar {
max-width: 46px;
margin-right: 14px;
}
.style---logo-wrapper {
justify-content: center;
display: flex;
}
.style---logo-sidebar {
max-width: 260px;
}
.container-default {
max-width: 1410px;
}
.section.hero.v7.career-hero {
background-image: linear-gradient(#0000, #0000), url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/66fa38739c28d2f89cd8f1ae_FCT%20Career%20Hero001%20(1).jpg");
background-position: 0 0, 0%;
}
.section.hero.v21 {
padding-top: 100px;
}
.section.pd-bottom-50px {
padding-bottom: 50px;
}
.header-nav-menu-list.header-nav-menu-list-mobile {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: row;
justify-content: center;
align-items: flex-start;
list-style-type: none;
display: flex;
}
.header-nav-link.white---black-tablet {
padding-left: 0;
padding-right: 0;
}
._404-not-found {
font-size: 258px;
}
.mg-section.mg-top-16px {
display: block;
}
.position-absolute.hero-v1-bg, .position-absolute.story-v1-bg {
width: 861px;
}
.line-decorative-home-v3 {
top: 264px;
}
.background-video {
justify-content: flex-start;
align-items: center;
min-height: 780px;
display: flex;
}
.image-2 {
box-sizing: border-box;
mix-blend-mode: normal;
border-radius: 0;
}
.wbs-section {
padding-top: 2rem;
}
.dmfc-img.hydrogen-img {
width: 590px;
}
.card-002_wrapper {
padding-top: 197px;
}
.image-23 {
border-radius: 20px;
margin-left: 0;
}
.spark-pill-tab-3 {
background-color: #eef1ec;
font-family: Poppins, sans-serif;
line-height: 1.4em;
}
.spark-pill-tab-3:hover {
background-color: var(--secondary--color-2);
color: var(--untitled-ui--gray800);
-webkit-text-stroke-color: var(--untitled-ui--gray800);
}
.spark-pill-tab-3.w--current {
background-color: var(--accent--primary-1);
}
.spark-tabs-menu-3.spark-left-aligned {
margin-bottom: 60px;
padding-top: 30px;
}
.combine-gallery1_image {
border-radius: 19px;
}
.flowappz-cookie-consent {
width: auto;
}
.link-6, .form_field-label, .is--second, .width-60percent {
font-size: .8em;
}
.container-default-copy {
max-width: 1410px;
}
.map-pin {
top: 25%;
left: 20%;
}
.map-pin.sensitive-nations.sensitive-3 {
top: 38%;
left: 60%;
}
.map-pin.sensitive-nations.sensitive-2 {
top: 20%;
left: 65%;
}
.map-pin.asia-pacific.asia-pacific-2 {
top: 35%;
left: 66%;
}
}
@media screen and (min-width: 1920px) {
.divider._0px {
margin-top: 0;
margin-bottom: 0;
}
.style---heading {
padding-left: 6vw;
padding-right: 6vw;
}
.style---content-wrapper {
padding-left: 8vw;
padding-right: 8vw;
}
.section.hero.v21 {
padding-top: 127px;
}
.section.pd-bottom-50px {
padding-bottom: 50px;
}
.checkout-col-right {
position: sticky;
top: 24px;
}
.image-home-link-wrapper {
max-width: 560px;
}
.line-decorative-home-v2 {
max-width: 946px;
}
.uui-dropdown-icon-3 {
height: 1rem;
}
.flowappz-cookie-consent {
width: auto;
}
.link-6 {
font-size: .8em;
}
.display-1 {
font-size: 94px;
line-height: 92px;
}
.display-1.width-80percent {
font-size: 66px;
line-height: 80px;
}
.form_field-label, .is--second, .width-60percent {
font-size: .8em;
}
.map-pin {
top: 25%;
left: 28%;
}
.map-pin.sensitive-nations.sensitive-3 {
top: 35%;
left: 57%;
}
.map-pin.sensitive-nations.sensitive-2 {
top: 20%;
left: 55%;
}
.map-pin.asia-pacific.asia-pacific-2 {
top: 38%;
left: 62%;
}
}
@media screen and (max-width: 991px) {
h1 {
font-size: 45px;
}
h2 {
margin-bottom: 12px;
font-size: 32px;
}
h3 {
font-size: 22px;
}
h4 {
font-size: 20px;
}
blockquote {
padding: 70px 40px;
font-size: 25px;
}
.grid-2-columns.style---styleguide-wrapper {
grid-row-gap: 0px;
grid-template-columns: 1fr;
}
.grid-2-columns._1-col-tablet {
grid-template-columns: 1fr;
}
.grid-2-columns.cta-v2 {
grid-row-gap: 16px;
text-align: center;
grid-template-columns: 1fr;
justify-content: center;
justify-items: center;
}
.grid-2-columns.title-and-paragraph {
grid-template-columns: 1fr .9fr;
display: block;
}
.grid-2-columns.template-page-sidebar {
grid-template-columns: .5fr 1fr;
}
.grid-2-columns.changelog-item {
grid-column-gap: 40px;
}
.grid-2-columns.checkout-page {
grid-template-columns: 1fr;
}
.grid-2-columns.suprises-pages-right, .grid-2-columns.suprises-pages-left {
grid-row-gap: 40px;
grid-template-columns: 1fr;
margin-bottom: 100px;
}
.grid-2-columns.title-and-btn.cta-v4-grid, .grid-2-columns.paragraph-and-icon-social {
text-align: center;
grid-template-columns: 1fr;
justify-content: center;
justify-items: center;
}
.grid-2-columns.hero-v2---main {
grid-row-gap: 60px;
grid-template-columns: 1fr;
}
.grid-2-columns.faqs-grid {
grid-template-columns: .6fr 1fr;
}
.grid-2-columns.hero-v3---main {
grid-row-gap: 60px;
grid-template-columns: 1fr;
}
.grid-2-columns.stat-grid {
grid-row-gap: 16px;
text-align: center;
grid-template-columns: 1fr;
justify-content: center;
justify-items: center;
}
.grid-2-columns.stats-grid {
grid-row-gap: 60px;
grid-template-columns: 1fr;
padding-top: 0;
padding-bottom: 0;
}
.grid-2-columns.cta-v3 {
grid-row-gap: 0px;
text-align: center;
grid-template-columns: 1fr;
justify-content: center;
justify-items: center;
}
.grid-2-columns.hero-v1-grid {
grid-row-gap: 60px;
grid-template-columns: 1fr;
}
.grid-2-columns.stats-bottom {
max-width: 600px;
}
.grid-2-columns.content-left---image-right, .grid-2-columns.contact-grid {
grid-row-gap: 60px;
grid-template-columns: 1fr;
}
.grid-2-columns.sidebar-right-grid {
grid-column-gap: 16px;
grid-template-columns: 1fr .6fr;
}
.grid-2-columns.newsletter-grid {
text-align: center;
grid-template-columns: 1fr;
justify-content: center;
justify-items: center;
padding-top: 72px;
padding-bottom: 72px;
}
.grid-2-columns.hero-v12-grid {
grid-row-gap: 40px;
grid-template-columns: 1fr;
}
.grid-2-columns.blog-sidebar-page {
grid-template-columns: 1fr .6fr;
}
.grid-2-columns.hero-v14-grid {
grid-template-columns: .85fr 1fr;
}
.grid-2-columns.hero-v17-grid {
grid-row-gap: 16px;
text-align: center;
grid-template-columns: 1fr;
justify-content: center;
justify-items: center;
}
.grid-2-columns.forgot-password-grid {
grid-row-gap: 50px;
grid-template-columns: 1fr;
}
.grid-2-columns.demo-grid {
grid-row-gap: 60px;
grid-template-columns: 1fr;
}
.grid-2-columns.product-grid {
grid-row-gap: 60px;
grid-template-columns: 1fr;
max-width: 700px;
margin-left: auto;
margin-right: auto;
}
.style---navigation-sidebar {
box-shadow: none;
min-height: auto;
max-height: 100%;
position: static;
}
.card.checkout-block {
padding-left: 24px;
padding-right: 24px;
}
.card.figma-file {
flex-direction: column;
overflow: hidden;
}
.card.testmonial-v1 {
grid-row-gap: 50px;
flex-direction: column;
grid-template-columns: 1fr;
}
.card.card-image-v1 {
flex-direction: column;
}
.card.brix-templates {
flex-direction: column-reverse;
overflow: hidden;
}
.card.full-image {
padding-top: 300px;
}
.card.team-item-v2 {
flex-direction: row;
align-items: center;
}
.card.cta-v4 {
padding-top: 98px;
padding-bottom: 106px;
}
.card.team-item-v3 {
flex-direction: row;
align-items: center;
}
.card.testmonial-v2 {
grid-row-gap: 50px;
flex-direction: column;
grid-template-columns: 1fr;
padding: 80px;
}
.card.newsletter-v1 {
padding-top: 68px;
padding-bottom: 68px;
}
.card.blog-post-featured {
flex-direction: column;
align-items: stretch;
}
.card.author {
padding: 24px 24px 40px;
}
.card.cta-v5 {
padding-top: 112px;
padding-bottom: 112px;
}
.card.sign-in {
flex-direction: column-reverse;
}
.card.forgot-password {
flex-direction: column-reverse;
padding: 214px 50px 50px;
}
.card.confirm-email {
flex-direction: column-reverse;
padding-top: 108px;
padding-bottom: 108px;
}
.card.coming-soon {
flex-direction: column-reverse;
padding-top: 132px;
padding-bottom: 132px;
}
.card.demo {
padding-top: 74px;
padding-bottom: 74px;
}
.card.landing-form {
padding-top: 70px;
padding-bottom: 70px;
}
.card.not-found-card {
padding-top: 120px;
padding-bottom: 120px;
}
.card.password-page {
padding-top: 90px;
padding-bottom: 166px;
}
.card.dropdown-menu {
box-shadow: none;
border-style: none;
border-radius: 0;
padding: 0;
}
.grid-4-columns {
grid-template-columns: 1fr 1fr;
}
.color-neutral-600.mg-bottom-32px.mg-bottom-0---tablet {
margin-bottom: 0;
}
.style---block-sub-heading {
margin-bottom: 24px;
}
.divider {
margin-top: 64px;
margin-bottom: 64px;
}
.divider._64px {
margin-top: 48px;
margin-bottom: 48px;
}
.divider._0px {
margin-top: 0;
margin-bottom: 0;
}
.divider.contact-layout-divider {
width: 2px;
height: 100%;
margin: 0 36px;
}
.style---typography-block-grid {
grid-template-columns: minmax(auto, 250px) 1fr;
}
.mg-right-24px.mg-bt-16px---tablet {
margin-bottom: 16px;
margin-right: 0;
}
.display-1 {
font-size: 64px;
}
.display-1.mg-right-34px.value-number {
min-width: 90px;
margin-right: 20px;
}
.grid-1-column.gap-row-32px._50px---tablet {
grid-row-gap: 50px;
}
.grid-1-column.step-grid {
grid-column-gap: 40px;
grid-template-columns: 1fr 1fr;
align-items: center;
}
.grid-1-column.contact-layout {
grid-column-gap: 0px;
grid-template-columns: 1fr auto 1fr;
}
.gap-row-80px {
grid-row-gap: 56px;
}
.display-2 {
font-size: 48px;
}
.display-3 {
font-size: 30px;
}
.display-4 {
font-size: 25px;
}
.style---style-grid-wrapper {
grid-row-gap: 140px;
}
.paragraph-large, .text-400 {
font-size: 22px;
}
.grid-3-columns {
grid-template-columns: 1fr 1fr;
}
.grid-3-columns.gap-row-80px {
grid-row-gap: 64px;
}
.grid-3-columns.style---buttons-grid.download-app-grid {
grid-column-gap: 40px;
}
.grid-3-columns._1-col-tablet {
grid-template-columns: 1fr;
}
.grid-3-columns._3-col-tablet {
grid-template-columns: 1fr 1fr 1fr;
}
.grid-3-columns.stats-v2-grid {
grid-row-gap: 50px;
grid-template-columns: 1fr;
}
.style---heading {
min-height: auto;
margin-bottom: 60px;
padding-top: 116px;
padding-bottom: 116px;
}
.inner-container._100-tablet {
max-width: 100%;
}
.inner-container.content-full-image-slider-wrapper {
margin-left: 24px;
margin-right: 24px;
}
.inner-container._600px---tablet {
max-width: 600px;
}
.inner-container._804px---tablet {
max-width: 804px;
}
.inner-container._700px---tablet {
max-width: 700px;
}
.inner-container._800px---tablet {
max-width: 800px;
}
.inner-container._400px---tablet {
max-width: 400px;
}
.inner-container._500px---tablet {
max-width: 500px;
}
.inner-container._250px---tablet {
max-width: 250px;
}
.inner-container.tabs-2-cols-title-wrapper {
max-width: 600px;
margin-bottom: 60px;
}
.inner-container._350px---tablet {
max-width: 350px;
}
.inner-container.center-tablet {
margin-left: auto;
margin-right: auto;
}
.inner-container._415px---tablet {
max-width: 415px;
}
.inner-container._427px.center---alt {
transform: translate(-12px);
}
.inner-container._450px---tablet {
max-width: 450px;
}
.inner-container._608px---tablet {
max-width: 608px;
}
.style---content-heading {
margin-bottom: 60px;
padding: 32px;
}
.avatar-circle._06 {
width: 140px;
max-width: 140px;
height: 140px;
max-height: 140px;
}
.avatar-circle._07 {
width: 160px;
max-width: 160px;
height: 160px;
max-height: 160px;
}
.avatar-circle._08 {
width: 280px;
max-width: 280px;
height: 280px;
max-height: 280px;
}
.line-square-icon.top-bar-close-icon {
padding: 18px 24px;
}
.style---dropdown-wrapper-sidebar {
display: none;
}
.buttons-row.mg-top-32px.tabs-2-cols-button {
justify-content: center;
max-width: 100%;
}
.buttons-row.center---tablet {
justify-content: center;
}
.style---sidebar-wrapper {
overflow: hidden;
}
.style---logo-wrapper {
margin-bottom: 0;
padding-top: 20px;
padding-bottom: 20px;
}
.style---button-wrapper-sidebar {
display: none;
}
.elements---page-hero {
padding-top: 90px;
padding-bottom: 90px;
}
.section {
padding-top: 60px;
padding-bottom: 60px;
}
.section.small {
padding-top: 80px;
padding-bottom: 80px;
}
.section.hero-full.hero-v1 {
min-height: auto;
padding-top: 175px;
}
.section.hero-full.hero-v2 {
min-height: auto;
padding-top: 150px;
}
.section.top {
padding-top: 40px;
}
.section.template-pages-hero {
padding-top: 90px;
padding-bottom: 90px;
}
.section.hero-page {
padding-bottom: 160px;
}
.section.pd-188px {
padding-top: 158px;
padding-bottom: 158px;
}
.section.pd-150px {
padding-top: 125px;
padding-bottom: 125px;
}
.section.pd-top-150px {
padding-top: 125px;
}
.section.cta-v3 {
padding-top: 80px;
}
.section.hero.v1 {
padding-bottom: 128px;
}
.section.hero.v2 {
padding-top: 204px;
padding-bottom: 128px;
}
.section.hero.v3 {
padding-top: 176px;
padding-bottom: 74px;
}
.section.hero.v4, .section.hero.v5 {
padding-top: 83px;
}
.section.hero.v6 {
padding-bottom: 125px;
}
.section.hero.v7 {
padding-top: 180px;
padding-bottom: 180px;
}
.section.hero.v9 {
padding-top: 130px;
}
.section.hero.v10 {
padding-bottom: 112px;
}
.section.hero.v11 {
padding-top: 125px;
padding-bottom: 92px;
}
.section.hero.v12 {
padding-top: 111px;
}
.section.hero.v13 {
padding-top: 110px;
padding-bottom: 112px;
}
.section.hero.v14 {
padding-top: 110px;
padding-bottom: 60px;
}
.section.hero.v15 {
padding-top: 134px;
padding-bottom: 113px;
}
.section.hero.v16 {
padding-top: 128px;
padding-bottom: 100px;
}
.section.hero.v17 {
padding-top: 122px;
padding-bottom: 120px;
}
.section.hero.v18 {
padding-top: 50px;
padding-bottom: 120px;
}
.section.hero.v19 {
padding-bottom: 120px;
}
.section.hero.v20 {
padding-top: 110px;
padding-bottom: 71px;
}
.section.hero.v21 {
padding-top: 50px;
padding-bottom: 120px;
}
.section.hero.v22 {
padding-top: 40px;
}
.section.hero.v23 {
padding-top: 120px;
padding-bottom: 94px;
}
.section.hero.v24, .section.hero.v25 {
padding-top: 50px;
}
.section.hero.v27 {
padding-top: 40px;
}
.section.pd-230px {
padding-top: 184px;
padding-bottom: 184px;
}
.section.pd-top-104px {
padding-top: 83px;
}
.section.pd-bottom-50px {
padding-bottom: 50px;
}
.section.pd-120px {
padding-top: 96px;
padding-bottom: 96px;
}
.section.pd-top-98px {
padding-top: 78px;
}
.top-bar-wrapper {
padding-left: 55px;
padding-right: 55px;
}
.top-bar-padding {
padding-top: 26px;
padding-bottom: 26px;
}
.top-bar-flex {
flex-direction: column;
}
.heading-h1-size {
font-size: 45px;
}
.heading-h2-size {
font-size: 32px;
}
.heading-h3-size {
font-size: 22px;
}
.heading-h4-size {
font-size: 20px;
}
.header-wrapper {
padding-top: 24px;
padding-bottom: 24px;
}
.header-nav-menu-wrapper {
border-top: 1px solid var(--neutral--300);
border-bottom: 1px solid var(--neutral--300);
background-color: var(--neutral--100);
padding: 24px;
}
.header-nav-menu-list {
flex-direction: column;
align-items: flex-start;
}
.header-nav-menu-list.header-nav-menu-list-mobile {
display: none;
}
.header-nav-link.cart-link {
padding-left: 12px;
padding-right: 12px;
}
.header-nav-link.cart-link.right {
padding-left: 30px;
}
.header-nav-link.white---black-tablet {
color: var(--neutral--800);
}
.header-nav-link.white---black-tablet:hover {
color: var(--accent--primary-1);
}
.header-nav-list-item {
margin-bottom: 18px;
padding-left: 0;
}
.header-nav-list-item.show-in-tablet {
display: block;
}
.header-nav-list-item.show-in-tablet.alt-bottom {
align-self: center;
margin-top: 40px;
}
.header-nav-list-item.show-in-tablet.header-btn {
align-self: stretch;
}
.header-nav-list-item.middle {
padding-left: 0;
padding-right: 0;
display: block;
}
.header-nav-list-item.middle.menu-hide-tab {
display: none;
}
.dropdown-wrapper {
overflow: hidden;
}
.dropdown-column-wrapper {
width: auto;
margin-left: 0;
position: static;
transform: none;
}
.dropdown-column-wrapper.v2, .header-logo {
margin-left: 0;
}
.hamburger-menu-btn {
background-color: var(--accent--primary-1);
border-radius: 5px;
min-width: 46px;
max-width: 46px;
min-height: 46px;
max-height: 46px;
margin-left: 24px;
transition: transform .3s;
overflow: hidden;
}
.hamburger-menu-btn:hover {
transform: translate3d(0, -3px, .01px);
}
.hamburger-menu-btn.w--open {
background-color: var(--accent--primary-1);
}
.hamburger-menu-bar {
width: 24px;
height: 3px;
}
.header-right-side {
margin-left: 12px;
}
.btn-circle-secondary.white.slider-arrow.full-center---left {
left: 24px;
}
.btn-circle-secondary.white.slider-arrow.full-center---right, .btn-circle-secondary.white.slider-arrow.center---right {
right: 24px;
}
.btn-circle-secondary.white.slider-arrow.center---left {
left: 24px;
}
.flex-horizontal.start.center---tablet {
justify-content: center;
}
.hidden-on-tablet {
display: none;
}
.text-center.tablet {
text-align: center;
}
.floating-item.cta-v1-bg {
object-position: 72% 50%;
}
.floating-item.faqs {
left: -487px;
}
.floating-item.cta-v3, .floating-item.cta-v4 {
object-position: 0% 50%;
}
.floating-item.cta-newsletter-v1 {
object-position: 32% 50%;
}
.floating-item.hero-v17 {
width: 175%;
max-width: none;
}
.floating-item.card-forgot-password-bg {
top: -3%;
}
.floating-item.card-password-page-bg---main {
height: auto;
top: auto;
}
.floating-item.card-not-found-bg---main {
height: auto;
bottom: auto;
}
._w-h-100.fit-cover.slider-full-image---image {
height: 610px;
}
._w-h-100.fit-cover.testimonials-image-v1, ._w-h-100.fit-cover.testimonials-image-v2 {
object-position: 50% 0%;
}
.fit-cover._w-h-100.product-image {
max-height: 600px;
}
.grid-6-columns.logo-strip {
flex-wrap: wrap;
}
.slider-mask {
position: static;
}
.accordion-item-wrapper.v2:hover {
transform: translate(6px);
}
.bg-overlay-gradient.bg-mobile-app {
height: 28vh;
}
.blog-card-image {
width: 100%;
}
.blog-card-image-wrapper.inside-card {
min-height: 266px;
}
.image-wrapper.border-radius-12px.hero-v1-image, .image-wrapper.border-radius-12px.content-left---image-right---image {
max-height: 500px;
}
.image-wrapper.border-radius-12px.team-item-v2-image {
flex: 1;
}
.image-wrapper.border-radius-12px.blog-post-image {
justify-content: center;
max-height: 500px;
}
.image-wrapper.border-radius-12px.card-product-image {
flex: 1;
}
._404-not-found {
font-size: 188px;
}
.checkout-form {
max-width: 600px;
margin-left: auto;
margin-right: auto;
}
.home-pages-cointainer {
margin-top: 93px;
}
.home-pages-top-wrapper {
margin-bottom: 20px;
}
.image-home-link-wrapper {
max-width: 290px;
margin-left: 10px;
margin-right: 10px;
}
.figma-file-image-wrapper {
max-width: 100%;
}
.figma-file-text-wrapper {
min-width: auto;
padding: 48px 60px;
}
.mg-section.bg-secondary-2.pd-98px {
padding-top: 82px;
padding-bottom: 82px;
}
.mg-section.hero-v13-bg {
height: 29%;
min-height: 352px;
}
.mg-section.footer-v2 {
margin-left: 0;
margin-right: 0;
}
.logo-wrapper {
margin-top: 138px;
}
.tablet-max-w-100 {
max-width: 100%;
}
.card-mobile-app.pd-24px---image-bot {
align-items: center;
}
.card-mobile-app.image-top-earning-expense {
justify-content: space-between;
}
.content-banking-experience.alt {
grid-template-columns: minmax(223px, 1fr);
max-width: 300px;
}
.image-phone-balance {
max-width: 400px;
}
.slider-full-image-number-top-wrapper {
margin-top: 63px;
top: 24px;
}
.slider-full-image-content-bottom-wrapper {
margin-bottom: 68px;
bottom: 24px;
}
.stat-text {
font-size: 120px;
}
.testimonials-wrapper.last {
width: 48.4623%;
}
.space-168px-alt {
height: 40px;
}
.line-decorative {
opacity: .8;
width: 62%;
height: 18%;
top: 993px;
left: 33%;
}
.line-decorative.bottom {
width: 80%;
height: auto;
bottom: 16%;
left: 61%;
right: auto;
}
.testimonials-wrapper-v1 {
max-height: 500px;
}
.line-decorative-home-v2 {
max-width: 83%;
}
.image-phone {
max-width: 400px;
min-height: auto;
}
.image-phone-mobile-app {
width: 50%;
}
.image-cryptocurrencias {
width: 35%;
}
.card-earning-expense-reports {
grid-row-gap: 50px;
grid-template-columns: 1fr;
padding-right: 32px;
}
.position-absolute.main-pages-bg, .position-absolute.utility-pages-bg, .position-absolute.more-templates-bg {
left: 0;
right: 0;
}
.position-absolute.hero-v1-bg {
bottom: -16%;
}
.position-absolute.story-v1-bg {
bottom: 20px;
}
.accent-line.center---tablet {
margin-left: auto;
margin-right: auto;
}
.brix-templates-image-wrapper {
max-width: 100%;
}
.brix-templates-text-wrapper {
min-width: auto;
padding: 48px 60px;
}
.mg-bottom-200px {
margin-bottom: 160px;
}
.header-center {
margin-left: auto;
}
.grid-2-col---cards {
grid-template-columns: 1fr;
}
.footer-cta {
padding-top: 125px;
padding-bottom: 100px;
}
.grid-footer-v1 {
grid-row-gap: 40px;
grid-template-columns: 1fr;
}
.menu-wrapper {
flex-wrap: wrap;
}
.menu-wrapper._3-cols, .menu-wrapper._2-cols {
grid-template-columns: auto auto;
}
.grid-footer-v1---menu {
grid-template-columns: auto auto auto;
min-width: auto;
}
.bg-color-section-alt {
height: 70%;
}
.slider-number-top-wrapper {
top: 24px;
}
.slider-content-bottom-wrapper {
margin-bottom: 24px;
margin-left: 24px;
margin-right: 24px;
bottom: 24px;
}
.stats-v2 {
text-align: center;
max-width: 100%;
}
.tabs-2-cols {
flex-direction: column;
}
.tabs-2-cols-menu {
max-width: 100%;
margin-bottom: 60px;
margin-right: 0;
}
.tabs-2-cols-content {
max-width: 100%;
max-height: 500px;
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
}
.tabs-2-cols-tab-pane---main {
flex: 1;
max-width: 100%;
margin-left: 0;
}
.tabs-2-cols-accordion-item {
max-width: 100%;
}
.testimonials-bg {
width: 100%;
min-height: 70%;
inset: auto 0% 0%;
}
.card-image---image {
max-height: 500px;
}
.text-center---tablet {
text-align: center;
}
.hero-v3-images {
max-width: 800px;
margin-bottom: -43%;
}
.hero-v3-image-phone {
width: 45%;
max-width: none;
}
.hero-v3-image-phone._01 {
margin-top: 14%;
margin-right: -18%;
}
.hero-v3-image-phone._03 {
margin-top: 14%;
margin-left: -18%;
}
.image-layout-alt {
max-height: 500px;
}
.layout-content-bottom {
margin-top: 70px;
margin-bottom: 70px;
}
.layout-content-top {
margin-top: 75px;
margin-bottom: 64px;
}
.stats-grid-image {
max-width: 400px;
margin-top: 0;
margin-bottom: -62%;
}
.cta-v3-content {
padding-top: 0;
}
.cta-v3-image {
max-width: 400px;
margin-bottom: -361px;
}
.mg-bottom-50px---tablet {
margin-bottom: 50px;
}
.mg-bottom-20px---tablet {
margin-bottom: 20px;
}
.value-wrapper, .values-icon-wrapper {
flex-direction: column;
}
.values-icon {
margin-bottom: 16px;
}
.team-item-v2-content {
max-width: 55%;
}
.grid-social-media.right.center---tablet, .grid-social-media.gap-columns-30px.center---tablet {
justify-content: center;
justify-items: center;
}
.content-link.card-product-link._3-posts-item {
display: flex;
}
.mg-bottom-111px {
margin-bottom: 89px;
}
.card-service-item-content {
flex-direction: column;
}
.card-service-item-icon {
justify-content: flex-start;
margin-bottom: 16px;
}
.perks-icon {
align-items: flex-end;
margin-bottom: 16px;
}
.perks-icon-wrapper {
flex-direction: column;
}
.testimonials-wrapper-v2 {
max-width: 100%;
max-height: 500px;
}
.career-grid {
grid-template-columns: 1.2fr 1fr 1fr auto;
}
.categories-wrapper.center---tablet, .category-item.center---tablet {
justify-content: center;
}
.card-blog-post-v1-image {
min-height: 300px;
}
.blog-post-featured-image {
max-width: 100%;
max-height: 450px;
}
.blog-post-featured-content {
padding-top: 50px;
padding-bottom: 50px;
}
.card-author-content-top {
flex-direction: column;
align-items: stretch;
}
.card-author-avatar {
margin-bottom: 16px;
}
.rich-text-v2 h2 {
font-size: 45px;
}
.rich-text-v2 h3 {
font-size: 32px;
}
.rich-text-v2 h5 {
font-size: 20px;
}
.rich-text-v2 h4 {
font-size: 22px;
}
.rich-text-v3 h2 {
font-size: 25px;
}
.rich-text-v4 h2 {
font-size: 48px;
}
.rich-text-v4 h3 {
font-size: 30px;
}
.rich-text-v4 h5 {
font-size: 20px;
}
.rich-text-v4 h4 {
font-size: 25px;
}
.help-center-post-item {
padding-top: 50px;
padding-bottom: 50px;
}
.card-sign-in-image {
border-top-left-radius: 0;
border-bottom-right-radius: 12px;
flex-direction: column;
justify-content: center;
max-height: 500px;
display: flex;
}
.sign-in-block {
min-height: 686px;
}
.sign-in-block-wrapper, .forgot-password-block {
max-width: 100%;
}
.footer-v2-bg {
text-align: center;
width: auto;
max-width: none;
margin-left: 0;
padding: 82px 32px 88px;
}
.grid-footer-v2 {
grid-row-gap: 60px;
grid-template-columns: 1fr;
}
.grid-footer-v2---menu {
min-width: auto;
max-width: 100%;
}
.card-product-content._3-posts-item {
flex: 1;
align-self: flex-end;
max-width: 50%;
padding-bottom: 120px;
}
.card-product-content-bottom._3-posts-item {
width: 50%;
position: absolute;
inset: auto 0% 0% auto;
}
.demo-features-wrapper {
grid-column-gap: 10px;
}
.not-found-card-content---grid {
text-align: center;
grid-template-columns: 1fr;
justify-content: center;
justify-items: center;
}
.grid-dropdown-v1---menu {
min-width: auto;
}
.dropdown-menu-wrapper {
flex-wrap: wrap;
}
.dropdown-menu-wrapper._3-cols {
grid-template-columns: auto auto;
}
.dropdown-menu-links-wrapper {
flex-wrap: wrap;
}
.hamburger-menu-wrapper {
z-index: 1;
grid-row-gap: 10px;
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
position: absolute;
inset: 0%;
}
.header-menu-divider {
margin-left: 28px;
margin-right: 28px;
}
.more-templates-badge-wrapper {
right: 24px;
}
.offerings-grid {
grid-template-columns: 1fr 1fr;
}
.milestones-grid {
padding-top: 20px;
}
.combine-button-icon {
white-space: nowrap;
}
.combine-blog3_content {
justify-content: center;
}
.combine-blog3_image-wrapper {
max-width: 15rem;
}
.combine-blog3_component {
grid-template-columns: 1fr;
}
.combine-heading-style-h2 {
font-size: 2.5rem;
}
.combine-padding-global {
padding-left: 2.5rem;
padding-right: 2.5rem;
}
.combine-button-icon-2 {
white-space: nowrap;
}
.combine-blog3_content-2 {
justify-content: center;
}
.combine-blog3_image-wrapper-2 {
max-width: 15rem;
}
.combine-blog3_component-2 {
grid-template-columns: 1fr;
}
.combine-heading-style-h2-2 {
font-size: 2.5rem;
}
.combine-padding-global-2 {
padding-left: 2.5rem;
padding-right: 2.5rem;
}
.wbs-section {
padding-top: 5rem;
padding-bottom: 5rem;
}
.uui-testimonial18_mask {
width: 50%;
}
.uui-testimonial18_component {
padding-left: 0;
padding-right: 0;
}
.uui-padding-vertical-xhuge {
padding-top: 6rem;
padding-bottom: 6rem;
}
.uui-page-padding {
padding-top: 40px;
}
.uui-space-xxlarge {
min-height: 4.5rem;
}
.brix---logo-strip-image-card {
border-radius: 12px;
width: 200px;
}
.brix---heading-h2-size {
font-size: 30px;
line-height: 46px;
}
.brix---mg-bottom-48px {
margin-bottom: 40px;
}
.brix---section-logo-strip-v6 {
padding-top: 80px;
padding-bottom: 80px;
}
.sustainability-div {
padding-top: 40px;
}
.wbs-cta-image-right, .wbs-cta-image-left {
display: none;
}
.wbs-cta-5 {
align-items: flex-start;
padding: 40px;
}
.wbs-section-2 {
padding-top: 5rem;
padding-bottom: 5rem;
}
.wbs-hero-6-client-grid {
margin-top: 50px;
}
.wbs-form-block {
width: 100%;
}
.wbs-hero-3-title {
font-size: 3.2rem;
line-height: 1.2em;
}
.wbs-hero-6 {
grid-column-gap: 50px;
grid-row-gap: 50px;
grid-template-columns: 1fr;
}
.combine-button-icon-3 {
white-space: nowrap;
}
.combine-blog4_component {
grid-template-columns: 1fr;
}
.combine-heading-style-h2-3 {
font-size: 2.5rem;
}
.combine-padding-global-3 {
padding-left: 2.5rem;
padding-right: 2.5rem;
}
.div-block-41 {
border-left-width: 0;
}
.div-block-43 {
width: 95%;
height: auto;
padding-left: 0;
}
.div-block-34 {
width: 95%;
margin-left: auto;
margin-right: auto;
}
.horizonal-scroll-content {
grid-template-columns: 1fr;
width: auto;
}
.main-sections.right.horizontal-scroll-section {
min-height: 90vh;
margin-bottom: -50px;
}
.uui-layout32_timeline-step {
grid-column-gap: 24px;
}
.uui-layout32_component {
grid-column-gap: 2rem;
}
.uui-padding-vertical-xhuge-2 {
padding-top: 6rem;
padding-bottom: 6rem;
}
.uui-layout87_component {
grid-template-columns: 1fr 1fr;
}
.div-block-44 {
border-left-width: 0;
}
.div-block-46 {
width: 95%;
height: auto;
padding-left: 0;
}
.div-block-48 {
width: 95%;
margin-left: auto;
margin-right: auto;
}
.horizonal-scroll-content-2 {
grid-template-columns: 1fr;
width: auto;
}
.uui-contact14_component {
grid-column-gap: 3rem;
}
.uui-padding-vertical-xhuge-3 {
padding-top: 6rem;
padding-bottom: 6rem;
}
.spark-wrapped-card {
width: 45%;
}
.spark-three-column-grid, .spark-two-column-grid {
grid-column-gap: 32px;
grid-row-gap: 32px;
flex-flow: wrap;
justify-content: space-between;
display: flex;
}
.spark-simple-stacked-icon-tabs {
margin-bottom: 64px;
margin-right: 5%;
}
.spark-section {
padding-top: 0;
padding-left: 32px;
padding-right: 32px;
}
.what-we-do-grid.fuel-service-grid {
grid-template-columns: 1fr;
height: auto;
}
.what-we-do-div-01.expertise-div.methanol-refill-div {
height: 200px;
}
.what-we-do-div-01.expertise-div.caravan-div {
background-position: 50% 100%;
border-top-right-radius: 15px;
border-bottom-left-radius: 0;
height: 300px;
}
.what-we-do-div-01.our-growth-div.hydrogen-fuel-div {
height: 350px;
}
.what-we-do-div-01.our-growth-div.yacht-div, .what-we-do-div-01.methanol-fuel-div {
border-top-right-radius: 15px;
border-bottom-left-radius: 0;
height: 280px;
}
.what-we-do-div-01.camping-img {
border-top-right-radius: 15px;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
height: 260px;
}
.brix---heading-h3-size {
font-size: 22px;
line-height: 32px;
}
.brix---mg-bottom-32px {
margin-bottom: 24px;
}
.brix---avatar-circle-08-testimonial-v12 {
width: 280px;
max-width: 280px;
height: 280px;
max-height: 280px;
margin-bottom: 48px;
margin-right: 0;
}
.brix---card-testimonial-v12 {
flex-direction: column;
padding-left: 48px;
padding-right: 48px;
}
.brix---tab-line {
padding: 22px 18px;
}
.brix---tabs-menu-bottom {
flex-direction: column;
align-items: stretch;
}
.brix---heading-h2-size-2 {
font-size: 30px;
line-height: 46px;
}
.brix---section {
padding-top: 118px;
padding-bottom: 118px;
}
.brix---section.it-solutions-sec-1.smart-city-section.single-vs-hybridised-sec {
padding-top: 40px;
padding-bottom: 40px;
}
.brix---card-v11-feature-over-image {
margin-top: -67px;
margin-left: 24px;
margin-right: 24px;
}
.brix---mg-bottom-48px-2 {
margin-bottom: 40px;
}
.brix---card-left-text-wrapper {
margin-top: 24px;
margin-left: 0;
}
.brix---card---icon-left---content-right {
flex-direction: column;
padding-left: 32px;
padding-right: 32px;
}
.brix---section-2 {
padding-top: 118px;
padding-bottom: 118px;
}
.spark-wrapped-card-2 {
width: 45%;
}
.spark-three-column-grid-2 {
grid-column-gap: 32px;
grid-row-gap: 32px;
flex-flow: wrap;
justify-content: space-between;
display: flex;
}
.spark-tabs-menu {
margin-bottom: 64px;
}
.spark-section-2 {
padding-top: 104px;
padding-left: 32px;
padding-right: 32px;
}
.brix---heading-h4-size {
font-size: 22px;
line-height: 32px;
}
.brix---slider-mask-width-390px {
position: static;
}
.brix---btn-primary {
padding-top: 24px;
padding-bottom: 24px;
}
.brix---buttons-row-right---t-left {
justify-content: flex-start;
}
.brix---heading-h2-size-3 {
font-size: 30px;
line-height: 46px;
}
.brix---grid-top---text-2-buttons {
grid-row-gap: 24px;
grid-template-columns: .7fr;
}
.brix---section-overflow-hidden {
padding-top: 118px;
padding-bottom: 118px;
}
.uui-testimonial15_mask {
width: 50%;
}
.uui-testimonial15_component {
padding-left: 0;
padding-right: 0;
}
.uui-padding-vertical-xhuge-4 {
padding-top: 1rem;
padding-bottom: 4rem;
}
.splide__pagination__page {
border-radius: 4px;
width: 8px;
height: 8px;
}
.splide__pagination {
padding-top: 1.9em;
position: absolute;
}
.filter_grid {
grid-template-columns: .66fr 1fr;
}
.filter_tags-wrapper {
margin-top: .5rem;
}
.margin-bottom {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.padding-vertical-2 {
padding-left: 0;
padding-right: 0;
}
.filter_header {
flex-direction: column-reverse;
justify-content: flex-start;
align-items: flex-start;
padding-top: 16px;
padding-left: 16px;
}
.filter_block-header {
align-items: start;
padding-left: 1rem;
}
.content_card-block {
padding: 20px 24px 24px;
}
.content_card {
grid-template-columns: 1fr;
}
.content_card-info-text, .content_card-list-wrapper {
width: 100%;
}
.padding-vertical-3 {
padding-left: 0;
padding-right: 0;
}
.nav_link {
margin-bottom: .5rem;
}
.nav_link.is-cta {
margin-left: 0;
}
.nav_button {
color: #fff;
border: 2px solid #fff;
border-radius: .25rem;
margin-left: auto;
padding: .75rem;
}
.nav_button.w--open {
color: #000;
background-color: #fff;
}
.footer_video-icon {
margin-top: 0;
}
.footer_video-wrapper {
text-align: center;
grid-template-columns: auto;
grid-auto-flow: row;
}
.nav_menu {
background-color: #181818;
margin-left: auto;
margin-right: auto;
padding: 2rem;
}
.padding-vertical-4 {
padding-left: 0;
padding-right: 0;
}
.content_collection-list-2 {
grid-template-columns: 1fr;
}
.padding-bottom {
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.filter_row {
grid-column-gap: 16px;
grid-row-gap: 16px;
text-align: left;
flex-direction: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: stretch;
margin-bottom: 2rem;
display: flex;
}
.filter_dropdown-list {
position: static;
overflow: hidden;
}
.filter_dropdown-list.w--open {
box-shadow: none;
border-style: none;
border-color: #0000;
width: auto;
padding: 0;
}
.search_field {
align-self: flex-start;
}
.filter_dropdown-toggle {
color: #282828;
align-items: center;
padding-top: .75rem;
padding-bottom: .75rem;
padding-left: 1rem;
font-size: 1.2rem;
display: flex;
}
.filter_dropdown-toggle:hover {
color: #1cc283;
}
.uui-dropdown-icon {
color: #667085;
margin-top: 0;
margin-bottom: 0;
margin-right: 0;
inset: auto 0% auto auto;
}
.filter_header-2 {
padding-left: 1rem;
}
.filter_menu-dropdown {
color: #282828;
border-bottom: .0625rem solid #c7c7c780;
width: 100%;
padding-right: 2rem;
font-weight: 400;
position: relative;
}
.property-information-wrapper {
padding: 1.5rem;
}
.modal-1-popup {
display: none;
}
.value-grid-2 {
grid-template-columns: 1fr 1fr 1fr;
}
.horizons-grid {
grid-template-columns: 1fr;
}
.horizons-div-1 {
border-top-right-radius: 15px;
border-bottom-left-radius: 0;
height: 390px;
}
.why-choose-us-grid.core-value-grid {
grid-template-columns: 1fr 1fr;
}
.spark-wrapped-card-3 {
width: 45%;
}
.spark-three-column-grid-3, .spark-two-column-grid-2 {
grid-column-gap: 32px;
grid-row-gap: 32px;
flex-flow: wrap;
justify-content: space-between;
display: flex;
}
.spark-simple-stacked-icon-tabs-2 {
margin-bottom: 64px;
margin-right: 5%;
}
.spark-section-3 {
padding-top: 104px;
padding-left: 32px;
padding-right: 32px;
}
.spark-tabs-menu-2 {
margin-bottom: 64px;
}
.circle_wrap {
width: 44em;
height: 19em;
font-size: 2vw;
}
.container-2 {
padding-left: 6vw;
padding-right: 6vw;
}
.container-2.is-timeline {
height: 49vh;
padding-left: 0;
padding-right: 0;
}
.benifite-grid {
grid-template-columns: 1fr 1fr 1fr;
}
.benifite-grid.indoor-green-hide {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.dmfc-img.dmfc-img-2 {
border-radius: 20px;
}
.spark-wrapped-card-4 {
width: 45%;
}
.spark-two-column-grid-3 {
grid-column-gap: 32px;
grid-row-gap: 32px;
flex-flow: wrap;
justify-content: space-between;
display: flex;
}
.spark-side-flat-tab {
width: 100%;
}
.spark-stacked-flat-tabs-menu {
width: 35%;
margin-bottom: 64px;
margin-right: 5%;
}
.spark-section-4 {
padding-top: 104px;
padding-left: 32px;
padding-right: 32px;
}
.add-ons_accordion.add-ons_js-accordion {
padding-top: 0;
padding-bottom: 0;
}
.add-ons_image-wrapper {
width: 100%;
height: 28.125rem;
margin-top: 2rem;
position: static;
}
.add-ons_accordion-item.add-ons_js-accordion-item {
width: 100%;
}
.add-ons_title-icon-wrapper {
flex-wrap: nowrap;
align-items: center;
}
.margin-top {
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
}
.add-ons_image {
object-fit: cover;
object-position: 50% 50%;
}
.section-add-ons {
background-image: url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/66c2e3303d501489a49f040d_squiggle-bg.png");
background-position: 0%;
background-repeat: no-repeat;
background-size: cover;
}
.spark-three-column-grid-4 {
grid-column-gap: 32px;
grid-row-gap: 32px;
flex-flow: wrap;
justify-content: space-between;
display: flex;
}
.spark-simple-stacked-icon-tabs-3 {
margin-bottom: 64px;
margin-right: 5%;
}
.padding-section-large {
padding-top: 6rem;
padding-bottom: 6rem;
}
.dot-block {
width: 24px;
}
.img-hero {
width: 100%;
height: 50px;
min-height: 0;
margin-top: 0%;
margin-bottom: 0%;
}
.scoll-wrap-hero {
width: 77%;
}
.uui-testimonial18_mask-2 {
width: 50%;
}
.uui-testimonial18_component-2 {
padding-left: 0;
padding-right: 0;
}
.uui-padding-vertical-xhuge-5 {
padding-top: 6rem;
padding-bottom: 6rem;
}
.card-002_grid {
grid-template-columns: 1fr 1fr;
}
.card-002_wrapper {
padding-top: 251px;
}
.core-features-grid {
grid-template-columns: 1fr 1fr;
}
.menu-icon_line-bottom {
background-color: var(--untitled-ui--gray700);
border-radius: 1rem;
width: 24px;
height: 2px;
padding-bottom: 0;
padding-right: 0;
}
.menu-icon_line-middle-inner {
width: 4px;
height: 0;
padding-bottom: 0;
padding-right: 0;
}
.menu-icon_line-middle {
background-color: var(--untitled-ui--gray700);
border-radius: 1rem;
justify-content: center;
align-items: center;
width: 24px;
height: 2px;
margin-top: 6px;
margin-bottom: 6px;
padding-bottom: 0;
padding-right: 0;
display: flex;
}
.menu-icon_line-top {
background-color: var(--untitled-ui--gray700);
border-radius: 1rem;
width: 24px;
height: 2px;
padding-bottom: 0;
padding-right: 0;
}
.menu-icon_component {
flex-direction: column;
justify-content: center;
align-items: center;
width: 48px;
height: 48px;
margin-right: -.5rem;
padding-bottom: 0;
padding-right: 0;
display: flex;
}
.uui-navbar01_menu-button.w--open {
background-color: #0000;
}
.hide-tablet {
display: none;
}
.uui-button-secondary-gray-2.show-tablet, .show-tablet {
display: block;
}
.uui-navbar01_button-wrapper {
flex-direction: column-reverse;
align-items: stretch;
display: flex;
}
.uui-navbar01_menu-right {
flex-direction: column-reverse;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
align-items: stretch;
margin-top: 1.5rem;
padding-bottom: 7rem;
}
.uui-navbar01_link {
color: var(--untitled-ui--gray900);
width: 100%;
padding: .75rem 0;
font-size: 1.125rem;
}
.uui-navbar01_link:hover {
color: var(--untitled-ui--gray900);
}
.uui-navbar01_dropdown-right-overlay-absolute {
border-radius: .5rem;
min-width: 100%;
}
.uui-navbar01_dropdown-content-button-wrapper {
margin-bottom: 0;
margin-left: 0;
}
.uui-navbar01_large-item-content {
width: 100%;
}
.uui-navbar01_blog-item {
width: 100%;
padding-left: 0;
padding-right: 0;
}
.uui-navbar01_blog-item:hover {
background-color: #0000;
}
.uui-navbar01_dropdown-blog-list {
width: 100%;
}
.uui-navbar01_dropdown-content-heading {
margin-bottom: 0;
margin-left: 0;
}
.uui-navbar01_dropdown-content-right {
align-items: flex-start;
max-width: none;
padding-left: 2rem;
padding-right: 2rem;
overflow: hidden;
}
.uui-navbar01_dropdown-link {
padding-left: 0;
padding-right: 0;
}
.uui-navbar01_dropdown-link:hover {
background-color: #0000;
}
.uui-navbar01_dropdown-content-left {
align-content: start;
align-items: start;
padding-left: 0;
padding-right: 0;
}
.uui-navbar01_dropdown-content {
flex-direction: column;
}
.uui-navbar01_dropdown-list {
position: relative;
overflow: hidden;
}
.uui-navbar01_dropdown-list.w--open {
box-shadow: none;
border-style: none;
align-items: flex-start;
min-width: auto;
margin-bottom: 1.5rem;
padding: 0 0 0;
position: relative;
top: 0;
left: 0;
right: 0;
}
.uui-dropdown-icon-2 {
color: var(--untitled-ui--gray500);
margin-top: 0;
margin-bottom: 0;
margin-right: 0;
inset: auto 0% auto auto;
}
.uui-navbar01_dropdown-toggle {
color: var(--untitled-ui--gray900);
align-items: center;
padding-top: .75rem;
padding-bottom: .75rem;
padding-left: 0;
font-size: 1.125rem;
display: flex;
}
.uui-navbar01_dropdown-toggle:hover {
color: var(--untitled-ui--gray900);
}
.uui-navbar01_menu-dropdown {
width: 100%;
position: relative;
}
.uui-navbar01_menu-left {
grid-column-gap: 0px;
grid-row-gap: .5rem;
color: var(--untitled-ui--gray900);
flex-direction: column;
align-items: flex-start;
display: flex;
}
.uui-navbar01_menu {
border-top: 1px solid var(--untitled-ui--gray100);
-webkit-text-fill-color: inherit;
background-color: #fff;
background-clip: border-box;
align-items: flex-start;
height: 100vh;
margin-left: 0;
padding: 1.5rem 2rem 5rem;
position: absolute;
overflow: auto;
}
.uui-navbar01_dropdown-content-left-2 {
align-content: start;
align-items: start;
padding-left: 0;
padding-right: 0;
}
.uui-navbar01_dropdown-list-2 {
position: relative;
overflow: hidden;
}
.uui-navbar01_dropdown-list-2.w--open {
box-shadow: none;
border-style: none;
align-items: flex-start;
min-width: auto;
margin-bottom: 1.5rem;
padding: 0 0 0;
position: relative;
top: 0;
left: 0;
right: 0;
}
.uui-dropdown-icon-3 {
color: var(--untitled-ui--gray500);
margin-top: 0;
margin-bottom: 0;
margin-right: 0;
inset: auto 0% auto auto;
}
.uui-navbar01_dropdown-toggle-2 {
color: var(--untitled-ui--gray900);
align-items: center;
padding-top: .75rem;
padding-bottom: .75rem;
padding-left: 0;
font-size: 1.125rem;
display: flex;
}
.uui-navbar01_dropdown-toggle-2:hover {
color: var(--untitled-ui--gray900);
}
.div-block-51 {
padding-top: 20px;
}
.dropdown-mobile-menu {
margin-bottom: 0;
padding-top: 5px;
padding-bottom: 5px;
display: block;
}
.dropdown-mobile-menu:hover {
color: var(--accent--primary-1);
}
.dropdown-mobile-toggle {
margin-bottom: 10px;
padding-top: 0;
padding-bottom: 0;
padding-left: 0;
font-family: Poppins, sans-serif;
font-weight: 400;
}
.dropdown-link {
margin-bottom: 5px;
padding-top: 2px;
padding-bottom: 2px;
padding-left: 0;
font-family: Poppins, sans-serif;
font-size: 17px;
}
.dropdown-list {
background-color: var(--neutral--600);
}
.dropdown-list.w--open {
background-color: var(--neutral--100);
}
.mobile-menu {
color: var(--neutral--800);
margin-bottom: 5px;
padding-top: 0;
text-decoration: none;
display: flex;
}
.mobile-menu:hover {
color: var(--accent--primary-1);
}
.mobile-menu.bg-menu-mobile {
border: 1px solid var(--accent--primary-1);
background-color: #cdf5a1;
border-radius: 15px;
padding-left: 20px;
}
.menu-item-mobile {
margin-bottom: 5px;
font-family: Poppins, sans-serif;
text-decoration: none;
}
.mobile-drop-menu-item:hover {
color: var(--accent--primary-1);
}
.mobile-menu-2024 {
display: block;
}
.image-23 {
border-radius: 20px;
}
.spark-wrapped-card-5 {
width: 45%;
}
.spark-three-column-grid-5 {
grid-column-gap: 32px;
grid-row-gap: 32px;
flex-flow: wrap;
justify-content: space-between;
display: flex;
}
.spark-tabs-menu-3 {
margin-bottom: 64px;
}
.spark-section-5 {
padding-top: 104px;
padding-left: 32px;
padding-right: 32px;
}
.container-3 {
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;
}
.md-quotediv.hide-quote {
display: block;
}
.spark-wrapped-card-6 {
width: 45%;
}
.spark-three-column-grid-6 {
grid-column-gap: 32px;
grid-row-gap: 32px;
flex-flow: wrap;
justify-content: space-between;
display: flex;
}
.spark-tabs-menu-4 {
margin-bottom: 64px;
}
.spark-section-6 {
padding-top: 104px;
padding-left: 32px;
padding-right: 32px;
}
.spark-two-column-grid-4 {
grid-column-gap: 32px;
grid-row-gap: 32px;
flex-flow: wrap;
justify-content: space-between;
display: flex;
}
.spark-simple-stacked-icon-tabs-4 {
margin-bottom: 64px;
margin-right: 5%;
}
.spark-input.spark-message-input {
padding-top: 12px;
}
.combine-heading-style-h2-4 {
font-size: 2.5rem;
}
.combine-padding-global-4 {
padding-left: 2.5rem;
padding-right: 2.5rem;
}
.container-4 {
max-width: 728px;
}
.gallery-wrapper {
grid-template-columns: 1fr 1fr;
}
.gallery-slider-left {
left: -20px;
}
.gallery-slider-right {
right: -20px;
}
.combine-heading-style-h2-5 {
font-size: 2.5rem;
}
.combine-padding-global-5 {
padding-left: 2.5rem;
padding-right: 2.5rem;
}
.combine-heading-style-h2-6 {
font-size: 2.5rem;
}
.combine-padding-global-6 {
padding-left: 2.5rem;
padding-right: 2.5rem;
}
.container-5 {
max-width: 728px;
}
.gallery-wrapper-2 {
grid-template-columns: 1fr 1fr;
}
.gallery-slider-left-2 {
left: -20px;
}
.gallery-slider-right-2 {
right: -20px;
}
.container-6 {
max-width: 728px;
}
.hero-wrapper-2 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
margin-bottom: -40px;
}
.hero-split-2 {
max-width: 100%;
margin-bottom: 40px;
}
.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 {
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 {
padding: 12px;
}
.menu-button.w--open {
color: #fff;
background-color: #a6b1bf;
}
.container-7 {
max-width: 728px;
}
.gallery-wrapper-3 {
grid-template-columns: 1fr 1fr;
}
.gallery-slider-left-3 {
left: -20px;
}
.gallery-slider-right-3 {
right: -20px;
}
.brix---btn-primary-white {
padding-top: 24px;
padding-bottom: 24px;
}
.brix---heading-h2-size-4 {
font-size: 30px;
line-height: 46px;
}
.brix---grid-cta-v10 {
grid-template-columns: .78fr;
}
.brix---cta-bg-overlay {
padding-top: 112px;
padding-bottom: 112px;
}
.container-8 {
max-width: 728px;
}
.hero-wrapper-3 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
margin-bottom: -40px;
}
.hero-split-3 {
max-width: 100%;
margin-bottom: 40px;
}
.quote-grid-main.mobile-hide {
display: none;
}
.wbs-section-3 {
padding-top: 5rem;
padding-bottom: 5rem;
}
.quote-redesign-20-grid {
display: none;
}
.flowappz-cookie-consent {
width: auto;
height: auto;
}
.page-wrapper-3 {
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
max-width: 100%;
height: auto;
}
.display-1 {
margin-bottom: 0;
font-size: 60px;
line-height: 66px;
}
.display-1.width-80percent {
width: 82%;
}
.information_content.hide-tablet {
display: none;
}
.information_content.is--centered {
justify-content: center;
align-items: center;
display: flex;
}
.information_section {
height: auto;
}
.information_section.background-color {
min-height: auto;
}
.information_section.background-color.neutral-200 {
max-width: 100%;
}
.information_section.background-color.neutral-200.is--footer {
text-align: center;
padding-bottom: 8px;
}
.information_section.background-color.neutral-200.is--footer.hide-desktop {
display: flex;
}
.form_section {
align-items: flex-start;
max-width: 100%;
height: auto;
}
.form_block {
width: 540px;
}
.form_field-label {
font-size: 1.7em;
}
.container-9 {
max-width: 728px;
}
.team-slide-wrapper {
width: 47%;
margin-right: 6%;
}
.map-image {
min-width: 85%;
max-width: 0;
height: auto;
}
.map-pin {
width: 35px;
height: 50px;
top: 166px;
left: 134px;
}
.map-pin.sensitive-nations {
top: 182px;
left: 404px;
}
.map-pin.sensitive-nations.sensitive-3 {
top: 195px;
left: 570px;
}
.map-pin.sensitive-nations.sensitive-2 {
top: 140px;
left: 640px;
}
.map-pin.eastern-europe {
top: 133px;
left: 373px;
}
.map-pin.west-africa {
z-index: 1;
top: 219px;
left: 291px;
}
.map-pin.russia {
top: 141px;
left: 496px;
}
.map-pin.east-africa {
z-index: 4;
top: 273px;
left: 395px;
}
.map-pin.southern-africa {
z-index: 5;
top: 323px;
left: 366px;
}
.map-pin.lusophone {
z-index: 2;
top: 291px;
left: 226px;
}
.map-pin.carribian {
top: 203px;
left: 165px;
}
.map-pin.asia-pacific {
inset: 30% 0% 0% 591px;
}
.map-pin.asia-pacific.asia-pacific-2 {
top: 205px;
left: 660px;
}
.map-pin.africa-lusophone {
z-index: 3;
top: 260px;
left: 363px;
}
.map-pin.western-europe {
z-index: 0;
top: 147px;
left: 326px;
}
.map-pin.francophone {
z-index: 2;
left: 330px;
}
.map-pin.latin-america {
top: 203px;
left: 112px;
}
.map-pin.latin-america._2 {
z-index: 3;
top: 326px;
left: 193px;
}
.map-pin.latin-america._1 {
z-index: 1;
top: 271px;
left: 173px;
}
.map-pin-tooltip.north-america {
display: none;
}
.map-wrapper {
min-width: 100%;
max-width: 0;
}
.map-pin-2 {
width: 35px;
height: 50px;
top: 166px;
left: 134px;
}
.map-pin-2.sensitive-nations {
top: 182px;
left: 404px;
}
.map-pin-2.sensitive-nations.sensitive-3 {
left: 484px;
}
.map-pin-2.sensitive-nations.sensitive-2 {
top: 182px;
left: 453px;
}
.map-pin-2.eastern-europe {
top: 133px;
left: 373px;
}
.map-pin-2.west-africa {
z-index: 1;
top: 219px;
left: 291px;
}
.map-pin-2.russia {
top: 141px;
left: 496px;
}
.map-pin-2.east-africa {
z-index: 4;
top: 273px;
left: 395px;
}
.map-pin-2.southern-africa {
z-index: 5;
top: 323px;
left: 366px;
}
.map-pin-2.lusophone {
z-index: 2;
top: 291px;
left: 226px;
}
.map-pin-2.carribian {
top: 203px;
left: 165px;
}
.map-pin-2.asia-pacific {
inset: 30% 0% 0% 591px;
}
.map-pin-2.asia-pacific.asia-pacific-2 {
top: 264px;
left: 597px;
}
.map-pin-2.africa-lusophone {
z-index: 3;
top: 260px;
left: 363px;
}
.map-pin-2.western-europe {
z-index: 0;
top: 147px;
left: 326px;
}
.map-pin-2.francophone {
z-index: 2;
left: 330px;
}
.map-pin-2.latin-america {
top: 203px;
left: 112px;
}
.map-pin-2.latin-america._2 {
z-index: 3;
top: 326px;
left: 193px;
}
.map-pin-2.latin-america._1 {
z-index: 1;
top: 271px;
left: 173px;
}
.map-image-2 {
min-width: 85%;
max-width: 0;
height: auto;
}
.map-wrapper-2 {
min-width: 768px;
max-width: 0;
}
.map_item-list {
grid-template-columns: 1fr 1fr;
}
.custom_map-component {
grid-template-columns: 1fr;
}
.map_item-collection {
display: block;
}
.spacer-large {
padding: 2.5rem;
}
.map_pointer {
width: 1.5vw;
height: 1.5vw;
}
.map_item-row {
grid-template-columns: 1fr;
}
.map_popup {
display: none;
}
}
@media screen and (max-width: 767px) {
body {
font-size: 16px;
}
h1 {
margin-bottom: 10px;
font-size: 38px;
}
h2 {
font-size: 26px;
}
h3 {
font-size: 20px;
}
h4 {
font-size: 18px;
}
h5 {
font-size: 16px;
}
h6 {
font-size: 14px;
}
blockquote {
border-radius: 18px;
padding: 60px 32px;
font-size: 21px;
}
figcaption {
margin-top: 21px;
}
.grid-2-columns {
grid-template-columns: 1fr;
}
.grid-2-columns.style---styleguide-wrapper {
grid-template-columns: auto;
}
.grid-2-columns.title-and-paragraph {
grid-row-gap: 12px;
grid-template-columns: 1.1fr;
}
.grid-2-columns._2-col-mbl {
grid-template-columns: 1fr 1fr;
}
.grid-2-columns.template-page-sidebar {
grid-template-columns: 1fr;
max-width: 500px;
margin-left: auto;
margin-right: auto;
}
.grid-2-columns.changelog-item {
grid-row-gap: 16px;
grid-template-columns: 1fr;
padding-top: 54px;
padding-bottom: 54px;
}
.grid-2-columns.checkout-page, .grid-2-columns._1-3fr---tablet-1-col, .grid-2-columns.stats-v1, .grid-2-columns.title-and-btn {
grid-template-columns: 1fr;
}
.grid-2-columns.title-and-btn.cta-v4-grid {
max-width: 450px;
}
.grid-2-columns.paragraph-and-icon-social {
grid-row-gap: 23px;
text-align: center;
flex-direction: column;
grid-template-columns: 1.1fr;
justify-content: center;
max-width: 450px;
margin-left: auto;
margin-right: auto;
}
.grid-2-columns.hero-v2---main {
grid-row-gap: 50px;
}
.grid-2-columns.faqs-grid {
grid-template-columns: 1fr;
padding-top: 68px;
padding-bottom: 68px;
}
.grid-2-columns.hero-v3---main, .grid-2-columns.layout-images-grid {
grid-row-gap: 50px;
}
.grid-2-columns.stat-grid {
text-align: center;
}
.grid-2-columns.stats-grid, .grid-2-columns.hero-v1-grid {
grid-row-gap: 50px;
}
.grid-2-columns.stats-bottom {
max-width: 500px;
}
.grid-2-columns.content-left---image-right {
grid-row-gap: 50px;
}
.grid-2-columns.vales-icon-grid {
grid-row-gap: 52px;
}
.grid-2-columns.grid-2-col---cards-bottom {
grid-template-columns: 1fr;
}
.grid-2-columns.contact-grid {
grid-row-gap: 50px;
}
.grid-2-columns.sidebar-right-grid {
grid-row-gap: 60px;
grid-template-columns: 1fr;
}
.grid-2-columns.newsletter-grid {
padding-top: 58px;
padding-bottom: 58px;
}
.grid-2-columns.blog-sidebar-page, .grid-2-columns.hero-v14-grid {
grid-row-gap: 40px;
grid-template-columns: 1fr;
}
.grid-2-columns.cta-v5-grid {
grid-row-gap: 10px;
text-align: center;
justify-content: center;
justify-items: center;
}
.grid-2-columns.hero-v17-grid {
grid-row-gap: 10px;
}
.grid-2-columns.forgot-password-grid {
grid-row-gap: 40px;
}
.grid-2-columns.demo-grid {
grid-row-gap: 50px;
}
.grid-2-columns.product-grid {
grid-row-gap: 50px;
max-width: 500px;
}
.card.sticky-top.top-24px.static-mbl {
position: static;
}
.card.testmonial-v1 {
grid-row-gap: 40px;
padding-left: 24px;
padding-right: 24px;
}
.card.card-image-v1 {
grid-template-columns: 1fr;
padding-bottom: 40px;
}
.card.testimonials-main, .card.testimonials {
padding: 54px 32px;
}
.card.full-image {
padding-top: 230px;
}
.card.team-item-content {
bottom: 20px;
}
.card.cta-v4 {
padding-top: 78px;
padding-bottom: 85px;
}
.card.team-item-v3 {
flex-direction: column;
align-items: stretch;
}
.card.service-item {
padding: 32px;
}
.card.contact-form {
padding: 50px 32px 48px;
}
.card.testmonial-v2 {
grid-row-gap: 40px;
padding: 50px 32px 32px;
}
.card.sidebar-v1 {
padding-top: 40px;
padding-bottom: 40px;
display: flex;
}
.card.newsletter-v1 {
padding: 58px 32px;
}
.card.blog-post-v2 {
flex-direction: column;
align-items: stretch;
}
.card.author {
padding-bottom: 32px;
}
.card.cta-v5 {
margin-bottom: 28px;
padding-top: 90px;
padding-bottom: 90px;
}
.card.forgot-password {
padding: 130px 32px 32px;
}
.card.confirm-email {
padding-top: 86px;
padding-bottom: 86px;
}
.card.coming-soon {
padding-top: 100px;
padding-bottom: 100px;
}
.card.demo {
padding-top: 60px;
padding-bottom: 60px;
}
.card.landing-form {
padding: 60px 32px;
}
.card.not-found-card {
padding: 100px 32px;
}
.card.password-page {
padding: 72px 32px 130px;
}
.card.search-result {
padding: 40px 32px;
}
.style---block-sub-heading.border {
margin-bottom: 48px;
padding-bottom: 24px;
}
.divider {
margin-top: 48px;
margin-bottom: 48px;
}
.divider._32px {
margin-top: 24px;
margin-bottom: 24px;
}
.divider._0px {
margin-top: 0;
margin-bottom: 0;
}
.divider.contact-layout-divider {
margin-left: 16px;
margin-right: 16px;
}
.style---typography-block-grid {
grid-row-gap: 28px;
grid-template-columns: 1fr;
}
.style---content-block {
margin-bottom: 64px;
}
.mg-bottom-24px {
margin-bottom: 20px;
}
.mg-bottom-48px {
margin-bottom: 40px;
}
.mg-bottom-56px {
margin-bottom: 48px;
}
.mg-bottom-64px {
margin-bottom: 54px;
}
.mg-bottom-80px {
margin-bottom: 64px;
}
.mg-top-16px {
margin-top: 13px;
}
.mg-top-48px {
margin-top: 40px;
}
.mg-right-24px {
margin-right: 16px;
}
.mg-right-32px {
margin-right: 24px;
}
.text-200 {
font-size: 16px;
}
.display-1 {
font-size: 53px;
}
.display-1.color-neutral-100 {
text-align: left;
margin-right: 0;
}
.display-1.color-neutral-100.hero-h1 {
text-align: left;
margin-right: 0;
padding-top: 140px;
font-size: 60px;
}
.display-1.color-neutral-100.product-title {
width: 500px;
}
.display-1.mg-right-34px.value-number {
min-width: 80px;
}
.grid-1-column.gap-column-24px {
grid-row-gap: 20px;
}
.grid-1-column.gap-row-32px._50px---tablet {
grid-row-gap: 40px;
}
.grid-1-column.step-grid {
grid-template-columns: 1fr;
}
.display-2 {
font-size: 40px;
}
.display-3 {
font-size: 26px;
}
.display-4 {
font-size: 22px;
}
.style---style-grid-wrapper {
grid-row-gap: 120px;
}
.paragraph-large, .text-400 {
font-size: 20px;
}
.text-300 {
font-size: 18px;
}
.text-100 {
font-size: 14px;
}
.grid-3-columns {
grid-template-columns: 1fr;
}
.grid-3-columns.gap-row-80px {
grid-row-gap: 40px;
}
.grid-3-columns.style---buttons-grid, .grid-3-columns.style---buttons-grid.download-app-grid {
grid-template-columns: auto;
}
.grid-3-columns._3-col-tablet {
grid-template-columns: 1fr;
}
.style---heading {
padding: 104px 24px;
}
.inner-container._100-mbl {
max-width: 100%;
}
.inner-container._500px---mbl {
max-width: 500px;
}
.inner-container._400px---mbl {
max-width: 400px;
}
.inner-container._520px---mbl {
max-width: 520px;
}
.inner-container.tabs-2-cols-title-wrapper {
margin-bottom: 50px;
}
.inner-container.faqs-grid-title {
padding-bottom: 22px;
}
.inner-container._600px---mbl {
max-width: 600px;
}
.inner-container._550px---mbl {
max-width: 550px;
}
.inner-container._350px---mbl {
max-width: 350px;
}
.inner-container._427px.center---alt {
max-width: 100%;
margin-left: 0;
transform: none;
}
.inner-container._300px.center {
max-width: none;
}
.inner-container.services-wrapper {
padding-left: 14px;
padding-right: 14px;
}
.inner-container._354px-mbl {
max-width: 354px;
}
.inner-container._450px---mbl {
max-width: 450px;
}
.inner-container._480px---mbl {
max-width: 480px;
}
.inner-container._380px---mbl {
max-width: 380px;
}
.inner-container._580px---mbl {
max-width: 580px;
}
.inner-container._50px---mbl {
max-width: 50px;
}
.inner-container._72px---mbl {
max-width: 72px;
}
.style---content-heading {
margin-bottom: 36px;
padding-top: 24px;
padding-bottom: 24px;
}
.style---heading-icon-wrapper {
max-width: 58px;
}
.mg-bottom-0.width-sub-para {
padding-left: 0;
padding-right: 0;
}
.style---content-wrapper {
padding-left: 24px;
padding-right: 24px;
}
.style---bg-white, .style-buttons-dark {
padding: 34px 24px;
}
.btn-primary {
padding: 15px 20px;
font-size: 14px;
}
.btn-primary.small {
padding: 12px 13px;
font-size: 12px;
}
.btn-primary.small.header-btn-hidde-on-mb {
display: none;
}
.btn-primary.large {
padding: 16px 32px;
font-size: 16px;
}
.btn-primary.inside-input.default {
height: 42px;
padding-top: 12px;
padding-bottom: 12px;
}
.btn-primary.button-row {
margin-right: 16px;
}
.btn-primary.pagination-btn {
margin-top: 40px;
}
.btn-secondary {
padding: 15px 20px;
font-size: 14px;
}
.btn-secondary.small {
padding: 12px 13px;
font-size: 12px;
}
.btn-secondary.large {
padding: 16px 32px;
font-size: 16px;
}
.btn-secondary.white.icon-no-hover {
padding-left: 15px;
padding-right: 15px;
}
.btn-secondary.pagination-btn {
margin-top: 40px;
}
.btn-secondary.app-log-in {
padding: 18px 20px;
}
.btn-secondary.app-log-in.button-row {
margin-bottom: 16px;
margin-right: 0;
}
.badge-primary {
padding: 13px 20px;
font-size: 16px;
}
.badge-primary.small {
padding: 8px 10px;
font-size: 14px;
}
.badge-primary.small.blog-post-category {
margin-right: 16px;
}
.badge-primary.large {
padding: 16px 32px;
font-size: 18px;
}
.badge-secondary {
padding: 13px 20px;
font-size: 16px;
}
.badge-secondary.small {
padding: 8px 10px;
font-size: 14px;
}
.badge-secondary.small.card-blog-post-v2-category {
margin-right: 16px;
}
.badge-secondary.large {
padding: 16px 32px;
font-size: 18px;
}
.badge-secondary.category-link {
padding-left: 11px;
padding-right: 11px;
}
.input {
min-height: 60px;
padding-left: 20px;
padding-right: 20px;
font-size: 16px;
}
.input.small {
min-height: 50px;
font-size: 14px;
}
.input.large {
min-height: 70px;
}
.input.cart-quantity-item-input {
height: 36px;
min-height: 36px;
padding: 6px 12px;
}
.text-area {
min-height: 140px;
padding: 20px;
font-size: 16px;
}
.text-area.small {
min-height: 120px;
font-size: 14px;
}
.checkbox {
min-width: 22px;
min-height: 22px;
}
.checkbox.large {
min-width: 26px;
min-height: 26px;
}
.checkbox.small {
min-width: 20px;
min-height: 20px;
}
.radio-button {
min-width: 22px;
min-height: 22px;
}
.radio-button.large {
min-width: 26px;
min-height: 26px;
}
.radio-button.small {
min-width: 20px;
min-height: 20px;
}
.style---avatars-grid {
grid-template-columns: repeat(auto-fit, 220px);
}
.avatar-circle._02 {
width: 40px;
max-width: 40px;
height: 40px;
max-height: 40px;
}
.avatar-circle._03 {
width: 56px;
max-width: 56px;
height: 56px;
max-height: 56px;
}
.avatar-circle._04 {
width: 64px;
max-width: 64px;
height: 64px;
max-height: 64px;
}
.avatar-circle._05 {
width: 80px;
max-width: 80px;
height: 80px;
max-height: 80px;
}
.avatar-circle._06 {
width: 120px;
max-width: 120px;
height: 120px;
max-height: 120px;
}
.avatar-circle._07 {
width: 140px;
max-width: 140px;
height: 140px;
max-height: 140px;
}
.avatar-circle._08 {
width: 220px;
max-width: 220px;
height: 220px;
max-height: 220px;
}
.style---icons-grid {
grid-template-columns: repeat(auto-fit, 56px);
}
.square-icon {
border-radius: 12px;
max-width: 56px;
}
.square-icon.password-page {
max-width: 50px;
}
.social-icon-font._20px {
font-size: 18px;
}
.line-rounded-icon.success-message-check.large {
font-size: 68px;
line-height: 73px;
}
.line-rounded-icon.category-icon {
margin-right: 6px;
font-size: 18px;
}
.style---line-icons-grid {
grid-template-columns: repeat(auto-fit, 18px);
}
.rich-text-v1 h3 {
margin-top: 26px;
}
.rich-text-v1 figure {
margin-top: 26px;
margin-bottom: 26px;
}
.rich-text-v1 ul, .rich-text-v1 ol {
margin-top: 26px;
margin-bottom: 26px;
padding-left: 30px;
}
.rich-text-v1 h6, .rich-text-v1 h5, .rich-text-v1 h4 {
margin-top: 26px;
}
.rich-text-v1 blockquote {
margin-top: 26px;
margin-bottom: 26px;
}
.buttons-row.center---mbl {
justify-content: center;
}
.buttons-row.app-log-in-buttons {
flex-direction: column;
}
.elements---page-hero {
padding-top: 80px;
padding-bottom: 80px;
}
.section {
padding-top: 40px;
padding-bottom: 40px;
}
.section.small {
padding-top: 72px;
padding-bottom: 72px;
}
.section.position-relative.stats-section {
padding-top: 60px;
}
.section.hero-full {
min-height: 80vh;
}
.section.hero-full.hero-v1 {
padding-top: 146px;
padding-bottom: 40px;
}
.section.hero-full.hero-v2 {
padding-top: 130px;
padding-bottom: 58px;
}
.section.hero-full.hero-v3 {
padding-top: 50px;
}
.section.top {
padding-top: 30px;
}
.section.template-pages-hero {
padding-top: 80px;
padding-bottom: 80px;
}
.section.hero-page {
padding-top: 20px;
padding-bottom: 130px;
}
.section.pd-188px {
padding-top: 130px;
padding-bottom: 130px;
}
.section.pd-150px {
padding-top: 104px;
padding-bottom: 104px;
}
.section.pd-top-150px {
padding-top: 104px;
}
.section.logo-strip-section {
padding-top: 59px;
padding-bottom: 70px;
}
.section.cta-v3 {
padding-top: 70px;
}
.section.hero.v1 {
padding-bottom: 102px;
}
.section.hero.v2 {
background-position: 0 0, 0 0, 65%;
padding-top: 163px;
padding-bottom: 102px;
}
.section.hero.v3 {
padding-top: 140px;
padding-bottom: 60px;
}
.section.hero.v4 {
padding-top: 66px;
}
.section.hero.v5 {
padding-top: 67px;
}
.section.hero.v6 {
padding-bottom: 104px;
}
.section.hero.v7 {
background-position: 29%;
padding-top: 180px;
padding-bottom: 100px;
}
.section.hero.v8 {
padding-top: 114px;
padding-bottom: 63px;
}
.section.hero.v9 {
padding-top: 120px;
}
.section.hero.v10 {
padding-bottom: 90px;
}
.section.hero.v11 {
padding-top: 120px;
padding-bottom: 82px;
}
.section.hero.v12 {
padding-top: 100px;
padding-bottom: 54px;
}
.section.hero.v13 {
padding-bottom: 100px;
}
.section.hero.v14 {
padding-top: 100px;
padding-bottom: 50px;
}
.section.hero.v15 {
padding-top: 115px;
padding-bottom: 90px;
}
.section.hero.v16 {
padding-top: 118px;
padding-bottom: 80px;
}
.section.hero.v17 {
padding-top: 112px;
padding-bottom: 96px;
}
.section.hero.v18, .section.hero.v19 {
padding-top: 40px;
padding-bottom: 100px;
}
.section.hero.v20 {
padding-bottom: 60px;
}
.section.hero.v21 {
padding-top: 40px;
padding-bottom: 100px;
}
.section.hero.v22 {
padding-top: 30px;
}
.section.hero.v23 {
padding-top: 110px;
padding-bottom: 76px;
}
.section.hero.v24, .section.hero.v25 {
padding-top: 40px;
}
.section.hero.v27 {
padding-top: 30px;
}
.section.pd-230px {
padding-top: 148px;
padding-bottom: 148px;
}
.section.pd-top-104px {
padding-top: 67px;
}
.section.pd-bottom-50px {
padding-bottom: 50px;
}
.section.pd-120px {
padding-top: 77px;
padding-bottom: 77px;
}
.section.pd-top-98px {
padding-top: 70px;
}
.section.insight-hub-section.gallery-section.key-markets-sec {
padding-top: 20px;
}
.top-bar-wrapper {
padding-left: 35px;
padding-right: 35px;
}
.top-bar-padding {
padding-top: 20px;
padding-bottom: 20px;
}
.top-bar-padding.small-padding {
padding-top: 18px;
padding-bottom: 18px;
}
.top-bar-flex {
flex-direction: column;
}
.elements---element-title {
margin-top: 48px;
padding-bottom: 20px;
padding-left: 24px;
padding-right: 24px;
}
.heading-h1-size {
font-size: 38px;
}
.heading-h2-size {
font-size: 26px;
}
.heading-h3-size {
font-size: 20px;
}
.heading-h4-size {
font-size: 18px;
}
.heading-h5-size {
font-size: 16px;
}
.heading-h6-size {
font-size: 14px;
}
.header-wrapper {
padding-top: 20px;
padding-bottom: 20px;
}
.header-wrapper.v3 {
padding-top: 18px;
padding-bottom: 18px;
}
.header-nav-link {
font-size: 14px;
}
.header-nav-link.cart-link {
padding-right: 0;
}
.header-nav-link.cart-link.right {
padding-left: 20px;
}
.header-nav-list-item {
margin-bottom: 16px;
}
.header-nav-list-item.show-in-tablet.alt-bottom {
margin-top: 30px;
}
.header-logo-link {
max-width: 134px;
}
.hamburger-menu-btn {
min-width: 44px;
max-width: 44px;
min-height: 44px;
max-height: 44px;
margin-left: 10px;
}
.hamburger-menu-btn.v2 {
margin-left: 0;
}
.hamburger-menu-bar {
width: 20px;
}
.header-right-side {
margin-left: 8px;
}
.btn-circle-primary {
width: 56px;
min-width: 56px;
height: 56px;
min-height: 56px;
font-size: 24px;
}
.btn-circle-primary.small {
width: 42px;
min-width: 42px;
height: 42px;
min-height: 42px;
font-size: 20px;
}
.btn-circle-primary.large {
width: 72px;
min-width: 72px;
height: 72px;
min-height: 72px;
font-size: 30px;
}
.btn-circle-primary.slider-arrow.right---center-center {
margin-right: auto;
inset: auto 0 0 70px;
}
.btn-circle-secondary {
width: 56px;
min-width: 56px;
height: 56px;
min-height: 56px;
font-size: 24px;
}
.btn-circle-secondary.small {
width: 42px;
min-width: 42px;
height: 42px;
min-height: 42px;
font-size: 20px;
}
.btn-circle-secondary.small.accordion-btn {
width: 54px;
min-width: 54px;
height: 54px;
min-height: 54px;
}
.btn-circle-secondary.large {
width: 72px;
min-width: 72px;
height: 72px;
min-height: 72px;
font-size: 30px;
}
.btn-circle-secondary.slider-arrow.left---center-center {
margin-left: auto;
inset: auto 70px 0 0;
}
.btn-circle-secondary.slider-arrow.right---center-center {
inset: auto 36% -86px auto;
}
.footer-logo-wrapper {
max-width: 163px;
}
.footer-list-item {
margin-bottom: 16px;
}
.footer-link {
font-size: 14px;
}
.floating-item.faqs {
inset: -151px -124px auto auto;
}
.floating-item.hero-v3 {
margin-top: -63px;
}
.floating-item.hero-v11 {
object-position: 100% 50%;
}
.floating-item.hero-v14 {
transform: rotateX(180deg)rotateY(0)rotateZ(0);
}
.floating-item.hero-v16, .floating-item.cta-v5 {
object-position: 0% 50%;
}
.floating-item.card-forgot-password-bg {
width: 168%;
max-width: none;
top: -13%;
left: -26%;
}
.floating-item.card-landing-demo-bg {
object-position: 100% 50%;
}
._w-h-100.fit-cover.slider-full-image---image {
height: 540px;
}
._w-h-100.fit-cover.responsive-mbl {
max-height: 400px;
}
._w-h-100.fit-cover.slider-image---image {
flex: 0 auto;
height: 540px;
min-height: auto;
}
.fit-cover._w-h-100.product-image {
max-height: 500px;
}
.grid-6-columns.logo-strip {
grid-row-gap: 40px;
grid-template-columns: 1fr 1fr 1fr;
justify-content: center;
max-width: 400px;
margin-left: auto;
margin-right: auto;
}
.slider-wrapper.team-slider {
padding-bottom: 100px;
}
.slider-mask.width-822px.team-slider {
max-width: 400px;
}
.accordion-side {
margin-left: 24px;
}
.accordion-side.right-side {
margin-left: 16px;
}
.accordion-title {
font-size: 20px;
line-height: 30px;
}
.pd---content-inside-card {
padding: 32px 24px 40px;
}
.pd---content-inside-card.large {
padding: 56px 40px;
}
.pd---content-inside-card.large.template-pages {
padding-left: 32px;
padding-right: 32px;
}
.bg-overlay-gradient.bg-mobile-app {
height: 20vh;
}
.image.google-logo {
width: 76%;
max-width: 112px;
}
.image.twitch-logo {
width: 75%;
max-width: 112px;
}
.blog-card-image-wrapper.inside-card {
min-height: auto;
max-height: 350px;
}
.blog-card-content-inside {
padding: 48px 24px 40px;
}
.image-wrapper.border-radius-12px.hero-v1-image, .image-wrapper.border-radius-12px.content-left---image-right---image, .image-wrapper.border-radius-12px.blog-post-image {
max-height: 400px;
}
.image-wrapper.border-radius-12px.team-page-picture-wrap {
max-width: 100%;
max-height: 500px;
}
.image-wrapper.border-radius-12px.size-80px {
min-width: 60px;
max-width: 60px;
min-height: 60px;
max-height: 60px;
}
.image-wrapper.border-radius-5px.size-22px {
min-width: 20px;
max-width: 20px;
min-height: 20px;
max-height: 20px;
}
._404-not-found {
font-size: 164px;
}
.cart-close-button {
width: 20px;
height: 20px;
font-size: 20px;
}
.checkout-form {
max-width: 500px;
}
.order-list-title {
font-size: 16px;
}
.order-item-content {
margin-top: 18px;
margin-left: 0;
margin-right: 0;
}
.home-pages-cointainer {
margin-top: 78px;
}
.image-home-link-wrapper {
max-width: 210px;
}
.card-sales-home-content {
padding-top: 28px;
padding-bottom: 28px;
}
.figma-file-text-wrapper {
padding-left: 32px;
padding-right: 32px;
}
.badge-home {
padding-left: 15px;
padding-right: 15px;
font-size: 14px;
line-height: 22px;
}
.card-home-pages-wrapper {
padding-top: 40px;
padding-left: 32px;
padding-right: 32px;
}
.cta-square-logo {
max-width: 70px;
margin-bottom: 20px;
}
.cta-image-card {
width: 980px;
max-width: 980px;
margin-top: 60px;
margin-bottom: -51px;
}
.hidden-on-mbl {
display: none;
}
.mg-section {
margin-left: 12px;
margin-right: 12px;
}
.mg-section.mg-top-16px {
margin-top: 12px;
margin-left: 12px;
margin-right: 12px;
}
.mg-section.bg-secondary-2.pd-98px {
padding-top: 68px;
padding-bottom: 68px;
}
.mg-section.bg-secondary-1.hero-v5-bg {
min-height: 368px;
}
.mg-section.hero-v13-bg {
height: 16%;
min-height: 317px;
}
.logo-wrapper {
margin-top: 115px;
}
.content-banking-experience {
grid-row-gap: 10px;
grid-template-columns: 1fr;
align-items: start;
max-width: 380px;
bottom: 24px;
left: 24px;
right: 24px;
}
.image-phone-balance {
max-width: 300px;
}
.image-absolute-bot {
width: 100%;
max-width: 500px;
margin-left: auto;
margin-right: auto;
}
.arrow-circle {
font-size: 22px;
line-height: 24px;
top: 24px;
right: 24px;
}
.arrow-circle.color-accent-1 {
top: 32px;
right: 32px;
}
.arrow-circle.color-accent-1.card-image-arrow {
text-align: justify;
display: none;
top: 0;
right: 0;
}
.slider-full-image.slider---2-col {
max-width: 100%;
}
.slider-full-image-number-top-wrapper {
margin-top: 53px;
}
.slider-full-image-content-bottom-wrapper {
margin-bottom: 56px;
}
.stat-text {
font-size: 80px;
}
.stat-text.stat-text-fct.hide-double-fuel-cell {
display: none;
}
.testimonials-wrapper.last {
width: 100%;
}
.space-168px-alt {
height: 80px;
}
.line-decorative {
opacity: .4;
height: 22%;
top: 774px;
left: 29%;
}
.line-decorative.bottom {
width: 100%;
bottom: 13%;
}
.testimonials-wrapper-v1 {
max-width: 100%;
max-height: 400px;
}
.testimonials-content-v1 {
bottom: 24px;
left: 24px;
right: 24px;
}
.line-icon-btn {
font-size: 18px;
}
.cta---footer-wrapper {
padding-bottom: 12px;
}
.line-decorative-home-v2 {
max-width: 88%;
}
.image-phone {
max-width: 300px;
}
.content-text-bottom {
margin-bottom: 24px;
margin-left: 24px;
margin-right: 100px;
}
.card-earning-expense-reports {
grid-row-gap: 40px;
padding: 32px 24px;
}
.card-mobile-app-wrapper {
padding-right: 24px;
}
.style---logo-sidebar---link {
max-width: 142px;
}
.position-absolute.hero-page-bg {
height: 46%;
}
.position-absolute.header-top {
padding-left: 12px;
padding-right: 12px;
}
.position-absolute.hero-v1-bg {
bottom: -12%;
}
.position-absolute.story-v1-bg {
bottom: 10px;
}
.accent-line {
max-width: 98px;
}
.accent-line.center---mbl {
margin-left: auto;
margin-right: auto;
}
.brix-templates-text-wrapper {
padding-left: 32px;
padding-right: 32px;
}
.mg-bottom-200px {
margin-bottom: 130px;
}
.grid-2-col---cards {
grid-template-columns: 1fr;
}
.footer-cta {
padding-top: 104px;
padding-bottom: 83px;
}
.menu-wrapper._3-cols, .menu-wrapper._2-cols {
grid-row-gap: 16px;
grid-template-columns: auto auto auto;
}
.grid-footer-v1---menu {
grid-row-gap: 60px;
grid-template-columns: 1fr 1fr;
}
.bg-color-section-alt {
height: 80%;
}
.mg-bottom-20px---mbl {
margin-bottom: 20px;
}
.slider-content-bottom-wrapper {
max-width: 400px;
}
.tabs-2-cols-menu {
margin-bottom: 50px;
}
.tabs-2-cols-content {
max-height: 400px;
}
.card-image---image {
max-width: 100%;
max-height: 400px;
}
.position-relative---mbl {
position: relative;
}
.hero-v3-image-phone {
max-width: 300px;
}
.mg-bottom-68px {
margin-bottom: 58px;
}
.image-layout-alt {
max-width: 100%;
max-height: 400px;
}
.layout-content-bottom, .layout-content-top {
max-width: 100%;
margin: 0 0 40px;
}
.stats-grid-image {
max-width: 350px;
margin-bottom: -64%;
}
.cta-v3-content {
padding-bottom: 50px;
}
.cta-v3-image {
max-width: 350px;
margin-bottom: -318px;
}
.mg-bottom-50px---tablet {
margin-bottom: 40px;
}
.value-wrapper {
flex-direction: row;
max-width: 100%;
}
.team-item-wrapper {
max-height: 500px;
}
.values-icon-wrapper {
flex-direction: row;
max-width: 100%;
}
.mg-bottom-8px---mbl {
margin-bottom: 8px;
}
.card-team-item-v3-content {
padding: 40px 32px 50px;
}
.content-link.mg-bottom-36px {
margin-bottom: 28px;
}
.content-link.card-product-link._3-posts-item {
flex-direction: column;
}
.text-center---mbl {
text-align: center;
}
.mg-bottom-111px {
margin-bottom: 71px;
}
.card-service-item-content {
flex-direction: row;
max-width: 100%;
margin-left: 0;
margin-right: 0;
}
.mg-bottom-50px {
margin-bottom: 43px;
}
.contact-form-block {
min-height: 534px;
}
.contact-form-grid {
grid-template-columns: 1fr;
}
.perks-icon-wrapper {
max-width: 100%;
}
.gap-row-75px {
grid-row-gap: 60px;
}
.testimonials-wrapper-v2 {
max-width: 100%;
max-height: 400px;
}
.testimonials-content-v2 {
bottom: 24px;
left: 24px;
right: 24px;
}
.career-grid {
grid-row-gap: 32px;
grid-template-columns: 1fr 1fr auto;
}
.categories-wrapper.center---tablet, .category-item.center---tablet {
grid-column-gap: 10px;
}
.mg-bottom-60px {
margin-bottom: 50px;
}
.email-form-block {
min-height: 60px;
}
.card-blog-post-v1-content {
max-width: 400px;
}
.card-blog-post-v1-image {
min-height: auto;
max-height: 350px;
}
.blog-post-featured-image {
max-height: 400px;
}
.blog-post-featured-content {
padding: 40px 32px;
}
.card-blog-post-v2-image {
width: 100%;
max-height: 350px;
margin-right: 0;
}
.card-blog-post-v2-content {
padding-top: 24px;
padding-bottom: 0;
}
.card-author-content-top {
flex-direction: row;
align-items: center;
}
.card-author-avatar {
min-width: 70px;
max-width: 70px;
min-height: 70px;
max-height: 70px;
margin-bottom: 0;
}
.rich-text-v2 h2 {
font-size: 38px;
}
.rich-text-v2 h3 {
margin-top: 26px;
font-size: 26px;
}
.rich-text-v2 figure {
margin-top: 26px;
margin-bottom: 26px;
}
.rich-text-v2 ul, .rich-text-v2 ol {
margin-top: 26px;
margin-bottom: 26px;
padding-left: 30px;
}
.rich-text-v2 h6 {
margin-top: 26px;
font-size: 16px;
}
.rich-text-v2 h5 {
margin-top: 26px;
font-size: 18px;
}
.rich-text-v2 h4 {
margin-top: 26px;
font-size: 20px;
}
.rich-text-v2 blockquote {
margin-top: 26px;
margin-bottom: 26px;
}
.rich-text-v3 h2 {
font-size: 22px;
}
.rich-text-v3 h3 {
margin-top: 26px;
}
.rich-text-v3 figure {
margin-top: 26px;
margin-bottom: 26px;
}
.rich-text-v3 ul, .rich-text-v3 ol {
margin-top: 26px;
margin-bottom: 26px;
padding-left: 30px;
}
.rich-text-v3 h6, .rich-text-v3 h5, .rich-text-v3 h4 {
margin-top: 26px;
}
.rich-text-v3 blockquote {
margin-top: 26px;
margin-bottom: 26px;
}
.career-description-content-top {
grid-column-gap: 16px;
}
.rich-text-v4 h2 {
font-size: 40px;
}
.rich-text-v4 h3 {
margin-top: 26px;
font-size: 26px;
}
.rich-text-v4 figure {
margin-top: 26px;
margin-bottom: 26px;
}
.rich-text-v4 ul, .rich-text-v4 ol {
margin-top: 26px;
margin-bottom: 26px;
padding-left: 30px;
}
.rich-text-v4 h6 {
margin-top: 26px;
font-size: 16px;
}
.rich-text-v4 h5 {
margin-top: 26px;
font-size: 18px;
}
.rich-text-v4 h4 {
margin-top: 26px;
font-size: 22px;
}
.rich-text-v4 blockquote {
margin-top: 26px;
margin-bottom: 26px;
}
.mg-bottom--48px {
margin-bottom: -42px;
}
.help-center-post-item {
padding-top: 40px;
padding-bottom: 40px;
}
.help-center-post-content {
margin-right: 16px;
}
.card-cta-v5-wrapper {
padding-left: 12px;
padding-right: 12px;
}
.footer-v3-wrapper {
padding: 26px 10px;
}
.footer-bottom-v3 {
max-width: 470px;
margin-left: auto;
margin-right: auto;
padding-top: 36px;
padding-bottom: 40px;
}
.sign-up-block {
min-height: 586px;
}
.sign-up-grid {
grid-row-gap: 30px;
grid-template-columns: 1fr;
}
.mg-top-4px {
margin-top: 2px;
}
.card-sign-in-image {
max-height: 400px;
}
.sign-in-block {
min-height: 637px;
}
.sign-in-block-wrapper {
padding-top: 47px;
padding-bottom: 47px;
}
.sign-in-grid {
grid-row-gap: 30px;
grid-template-columns: 1fr;
}
.forgot-password-block {
min-height: 120px;
}
.forgot-password-grid {
grid-row-gap: 20px;
grid-template-columns: 1fr;
}
.footer-v2-bg {
padding-top: 65px;
padding-bottom: 70px;
}
.grid-footer-v2---menu {
grid-row-gap: 60px;
grid-template-columns: 1.5fr 1fr;
justify-content: stretch;
}
.demo-form-block {
min-height: 500px;
}
.demo-form {
grid-template-columns: 1fr;
}
.card-product-content._3-posts-item {
max-width: 100%;
padding-bottom: 32px;
}
.card-product-content-bottom._3-posts-item {
width: 100%;
position: static;
}
.card-product-add-cart---main {
min-height: 48px;
}
.add-cart {
min-height: 134px;
}
.demo-features-wrapper {
flex-direction: column;
}
.flex-vertical---mbl {
flex-direction: column;
display: flex;
}
.order-item-content---main {
flex-direction: column;
align-items: flex-start;
margin-right: 16px;
}
.grid-dropdown-v1---menu {
grid-row-gap: 50px;
grid-template-columns: 1fr 1fr;
}
.dropdown-list-item {
margin-bottom: 16px;
}
.dropdown-menu-wrapper._3-cols {
grid-row-gap: 16px;
grid-template-columns: auto auto auto;
}
.dropdown-list-link {
font-size: 14px;
}
.cart-item-image {
border-radius: 4px;
max-width: 60px;
}
.cart-list-title {
margin-bottom: 6px;
font-size: 16px;
}
.header-menu-divider {
margin-left: 22px;
margin-right: 22px;
}
.button-career-category {
margin-right: 16px;
}
.offerings-grid {
display: block;
}
.image-2 {
margin-bottom: 0;
padding-bottom: 0;
}
.milestones-grid {
display: block;
}
.journey-grid {
margin-bottom: 0;
display: block;
}
.journey {
border-top-right-radius: 20px;
border-bottom-left-radius: 0;
}
.journey-img-div {
border-top-right-radius: 0;
border-bottom-left-radius: 20px;
height: 390px;
}
.combine-padding-global, .combine-padding-global-2 {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.wbs-testimonial-6-dec {
font-size: 1.3rem;
line-height: 2rem;
}
.wbs-testimonial-6-content {
padding: 30px;
}
.wbs-testimonial-6-wrap {
grid-template-columns: 1fr;
}
.wbs-section {
padding: 2rem 2%;
}
.uui-testimonial18_arrow:hover {
background-color: var(--untitled-ui--white);
}
.uui-testimonial18_arrow.left {
margin-left: -1px;
right: 3.5rem;
}
.uui-button-link {
font-size: 1rem;
}
.uui-button-link:hover {
color: var(--untitled-ui--primary700);
}
.uui-button-link.is-alternate:hover {
color: var(--untitled-ui--white);
}
.uui-button-row {
align-self: stretch;
}
.uui-space-medium {
min-height: 1.5rem;
}
.uui-space-small {
min-height: 1.25rem;
}
.uui-space-xsmall {
min-height: .75rem;
}
.uui-heading-small {
font-size: 1.5rem;
}
.uui-testimonial17_logo {
max-height: 2.5rem;
}
.uui-testimonial18_content {
padding: 1.5rem;
}
.uui-testimonial18_slide {
padding-right: 1.5rem;
}
.uui-testimonial18_mask {
width: 80%;
}
.uui-testimonial18_component {
margin-top: 3rem;
}
.uui-text-size-large {
font-size: 1rem;
}
.uui-heading-medium {
font-size: 1.75rem;
line-height: 1.4;
}
.uui-padding-vertical-xhuge {
padding-top: 1rem;
padding-bottom: 4rem;
}
.uui-padding-vertical-xhuge.product-bottom-gallary {
padding-top: 0;
padding-bottom: 2rem;
}
.uui-page-padding {
padding-top: 10px;
padding-left: 1rem;
padding-right: 1rem;
}
.uui-space-xxlarge {
min-height: 3rem;
}
.uui-logos04_logo {
height: 2.5rem;
}
.uui-logos04_wrapper {
padding: .5rem 1rem;
}
.uui-logos04_list {
grid-template-columns: 10rem 10rem 10rem 10rem 10rem 10rem 10rem 10rem;
width: 124rem;
}
.uui-logo-loop_component {
height: 3.5rem;
}
.footer-grid {
grid-template-columns: 1fr 1fr;
}
.footer-cta-grid {
display: block;
}
.footer-cta-div-02 {
text-align: left;
}
.brix---logo-strip-image-card {
width: 148px;
margin: 8px 10px;
}
.brix---heading-h2-size {
font-size: 28px;
line-height: 40px;
}
.brix---mg-bottom-48px {
margin-bottom: 32px;
}
.brix---section-logo-strip-v6 {
padding-top: 72px;
padding-bottom: 72px;
}
.wbs-cta-5 {
grid-template-columns: 1fr;
}
.wbs-section-2 {
padding: 2rem 2%;
}
.wbs-hero-6-client-grid {
margin-top: 40px;
}
.wbs-hero-3-title {
font-size: 2.4rem;
line-height: 1.1em;
}
.combine-padding-global-3 {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.small-head {
font-size: 12px;
line-height: 15px;
}
.div-block-34 {
padding-left: 10px;
padding-right: 10px;
}
.medium-head {
font-size: 28px;
}
.uui-heading-xxsmall {
font-size: 1.125rem;
}
.uui-button {
font-size: 1rem;
}
.uui-button:hover {
border-color: var(--untitled-ui--primary600);
background-color: var(--untitled-ui--primary600);
}
.uui-button-wrapper.max-width-full-mobile-landscape {
width: 100%;
}
.max-width-full-mobile-landscape {
width: 100%;
max-width: none;
}
.uui-button-secondary-gray {
padding-left: 1.25rem;
font-size: 1rem;
}
.uui-button-secondary-gray:hover {
background-color: var(--untitled-ui--white);
color: var(--untitled-ui--gray700);
}
.uui-button-row-2 {
align-self: stretch;
}
.uui-button-row-2.is-reverse-mobile-landscape {
flex-direction: column-reverse;
}
.uui-space-medium-2 {
min-height: 1.5rem;
}
.uui-heading-medium-2 {
font-size: 1.75rem;
line-height: 1.4;
}
.uui-layout32_component {
grid-row-gap: 2rem;
grid-template-columns: 1fr;
}
.uui-padding-vertical-xhuge-2 {
padding-top: 4rem;
padding-bottom: 4rem;
}
.uui-page-padding-2 {
padding-left: 1rem;
padding-right: 1rem;
}
.uui-button-link-2 {
font-size: 1rem;
}
.uui-button-link-2:hover {
color: var(--untitled-ui--primary700);
}
.uui-space-small-2 {
min-height: 1.25rem;
}
.uui-layout87_component {
grid-row-gap: 2.5rem;
grid-template-columns: 1fr;
}
.small-head-2 {
font-size: 12px;
line-height: 15px;
}
.div-block-48 {
padding-left: 10px;
padding-right: 10px;
}
.certification-grid {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.uui-contact14_map {
height: 20rem;
}
.uui-button-link-3 {
font-size: 1rem;
}
.uui-button-link-3:hover {
color: var(--untitled-ui--primary700);
}
.uui-button-row-3 {
align-self: stretch;
}
.uui-space-small-3 {
min-height: 1.25rem;
}
.uui-heading-xxsmall-2 {
font-size: 1.125rem;
}
.uui-contact14_tabs-link {
padding-left: 1.5rem;
}
.uui-contact14_component {
grid-row-gap: 3rem;
grid-template-columns: 1fr;
margin-top: 3rem;
}
.uui-text-size-large-2 {
font-size: 1rem;
}
.uui-space-xsmall-2 {
min-height: .75rem;
}
.uui-heading-medium-3 {
font-size: 1.75rem;
line-height: 1.4;
}
.uui-padding-vertical-xhuge-3 {
padding-top: 4rem;
padding-bottom: 4rem;
}
.uui-page-padding-3 {
padding-left: 1rem;
padding-right: 1rem;
}
.spark-small-sub-paragraph {
line-height: 1.3;
}
.spark-wrapped-card {
width: 100%;
}
.spark-wrapped-card.spark-stacked {
grid-row-gap: 16px;
width: 100%;
}
.spark-three-column-grid, .spark-two-column-grid {
grid-column-gap: 32px;
grid-row-gap: 32px;
}
.spark-simple-icon-tabs-content {
width: 100%;
}
.spark-simple-side-icon-tab {
flex: none;
margin-bottom: 1rem;
padding-left: 32px;
padding-right: 32px;
}
.spark-simple-stacked-icon-tabs {
width: 100%;
margin-bottom: 20px;
margin-right: 0%;
}
.spark-secondary-paragraph {
margin-bottom: 32px;
}
.spark-container {
width: 100%;
}
.spark-section {
padding-top: 0;
padding-bottom: 0;
}
.what-we-do-grid.fuel-service-grid {
border-top-left-radius: 0;
border-top-right-radius: 0;
grid-template-columns: 1fr;
height: 580px;
}
.what-we-do-div-01.methanol-fuel-div {
border-top-right-radius: 15px;
border-bottom-left-radius: 0;
height: 260px;
}
.what-we-do-div02 {
padding-top: 0;
}
.what-we-do-div02.what-we-do-div06 {
padding-left: 20px;
}
.h3-heading.head-sec-last-fuel.hide-pc-html-fuel {
display: block;
}
.h3-heading.head-sec-last-fuel.hide-pc-html-fuel.head-tech-data {
color: var(--accent--primary-1);
}
.brix---text-300-list {
font-size: 18px;
line-height: 20px;
}
.brix---text-300-bold {
font-size: 18px;
line-height: 22px;
}
.brix---avatar-circle-08-testimonial-v12 {
width: 200px;
max-width: 200px;
height: 200px;
max-height: 200px;
}
.brix---card-testimonial-v12 {
padding: 32px 32px 48px;
}
.brix---text-100 {
font-size: 15px;
}
.brix---text-200-bold {
font-size: 16px;
line-height: 18px;
}
.brix---avatar-circle-03 {
width: 56px;
max-width: 56px;
height: 56px;
max-height: 56px;
}
.brix---tab-line {
padding-left: 0;
padding-right: 0;
}
.brix---tabs-menu-bottom {
flex-direction: column;
align-items: stretch;
}
.brix---heading-h2-size-2 {
font-size: 28px;
line-height: 40px;
}
.brix---mg-bottom-16px {
margin-bottom: 8px;
}
.brix---mg-bottom-40px {
margin-bottom: 24px;
}
.brix---section {
padding-top: 100px;
padding-bottom: 100px;
}
.brix---section.it-solutions-sec-1.smart-city-section.single-vs-hybridised-sec.engineering-the-future-sec.emily-3000-bottom-sec.efoy-hydrogen-paralax {
padding-bottom: 0;
}
.brix---link-icon-right {
width: 20px;
margin-left: 8px;
}
.brix---card-v11-feature-over-image {
margin-top: -60px;
margin-left: 32px;
margin-right: 32px;
}
.brix---grid-features-v11 {
grid-template-columns: 1fr;
}
.brix---mg-bottom-48px-2 {
margin-bottom: 32px;
}
.brix---square-icon {
border-radius: 12px;
max-width: 56px;
}
.brix---grid-2-columns {
grid-template-columns: 1fr;
}
.brix---section-2 {
padding-top: 100px;
padding-bottom: 100px;
}
.spark-small-sub-paragraph-2 {
line-height: 1.3;
}
.spark-wrapped-card-2 {
width: 100%;
}
.spark-wrapped-card-2.spark-stacked {
grid-row-gap: 16px;
width: 100%;
}
.spark-three-column-grid-2 {
grid-column-gap: 32px;
grid-row-gap: 32px;
}
.spark-secondary-paragraph-3 {
margin-bottom: 32px;
}
.spark-container-2 {
width: 100%;
}
.spark-section-2 {
padding-top: 88px;
padding-bottom: 88px;
}
.brix---btn-slider-arrow-right---testimonial-v12 {
width: 56px;
min-width: 56px;
height: 56px;
min-height: 56px;
font-size: 22px;
line-height: 24px;
inset: auto 36% -104px auto;
}
.brix---btn-slider-arrow-left---testimonial-v12 {
width: 56px;
min-width: 56px;
height: 56px;
min-height: 56px;
font-size: 22px;
line-height: 24px;
inset: auto auto -104px 36%;
}
.brix---text-200 {
font-size: 16px;
line-height: 18px;
}
.brix---heading-h4-size {
font-size: 20px;
line-height: 26px;
}
.brix---btn-secondary {
padding-top: 20px;
padding-bottom: 20px;
}
.brix---btn-primary {
padding: 20px 32px;
}
.brix---button-row-left {
margin-right: 16px;
}
.brix---heading-h2-size-3 {
font-size: 28px;
line-height: 40px;
}
.brix---mg-bottom-16px-2 {
margin-bottom: 8px;
}
.brix---grid-top---text-2-buttons {
grid-template-columns: .9fr;
}
.brix---section-overflow-hidden {
padding-top: 100px;
padding-bottom: 100px;
}
.uui-testimonial15_arrow:hover {
background-color: var(--untitled-ui--white);
}
.uui-testimonial15_arrow.left {
right: 3.5rem;
}
.uui-testimonial15_client-image-wrapper {
margin-bottom: 1rem;
margin-right: 0;
}
.uui-testimonial15_client {
flex-direction: column;
align-items: flex-start;
width: 100%;
}
.uui-heading-xxsmall-3 {
font-size: 1.125rem;
}
.uui-testimonial15_content {
padding: 1.5rem;
}
.uui-testimonial15_slide {
padding-right: 1.5rem;
}
.uui-testimonial15_mask {
width: 80%;
}
.uui-testimonial15_component {
margin-top: 3rem;
}
.uui-text-size-large-3 {
font-size: 1rem;
}
.uui-space-xsmall-3 {
min-height: .75rem;
}
.uui-heading-medium-4 {
font-size: 1.75rem;
line-height: 1.4;
}
.uui-padding-vertical-xhuge-4 {
padding-top: 1rem;
padding-bottom: 4rem;
}
.uui-page-padding-4 {
padding-left: 1rem;
padding-right: 1rem;
}
.splide__pagination__page {
width: 8px;
height: 8px;
margin-left: 8px;
}
.page-padding {
padding-left: 1em;
}
.splide__slide {
width: 90%;
}
.filter_grid {
grid-template-columns: 1fr;
}
.filter_tags-wrapper {
margin-bottom: 1rem;
margin-right: 0;
}
.margin-bottom {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.padding-vertical-2 {
padding-left: 0;
padding-right: 0;
}
.page-padding-2 {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.heading-small-2 {
font-size: 1rem;
}
.nav_header {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-columns: auto;
grid-auto-flow: row;
}
.nav_container {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.padding-vertical-3 {
padding-left: 0;
padding-right: 0;
}
.footer_finsweet-icon {
width: 24px;
}
.heading-medium {
font-size: 1.5rem;
}
.footer_wrapper {
grid-column-gap: 16px;
grid-row-gap: 16px;
text-align: center;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
justify-items: center;
display: grid;
}
.footer_video-links {
grid-template-columns: auto;
grid-auto-flow: row;
}
.footer_finsweet {
margin-left: 0;
}
.heading-small-3 {
font-size: 1rem;
}
.padding-vertical-4 {
padding-left: 0;
padding-right: 0;
}
.heading-small-4, .heading-small-7, .heading-small-8, .heading-small-9, .heading-small-10 {
font-size: 1rem;
}
.manage_results-block {
flex-direction: column;
flex: 1;
}
.results_count-text {
margin-bottom: 0;
}
.padding-bottom {
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.filter_row {
padding-left: 0;
padding-right: 0;
}
.text-size-medium {
font-size: 1rem;
}
.reset_empty-element {
margin-right: 0;
}
.manage_results-right {
flex-direction: row;
}
.filter_tags-wrapper-2 {
margin-bottom: 1rem;
}
.filter_header-2 {
flex-direction: row;
justify-content: center;
align-items: center;
}
.filter_menu-dropdown {
padding-left: 0;
padding-right: 1rem;
}
.property-information-wrapper {
padding: 1.25rem;
}
.property-image-wrapper {
margin-left: 0;
margin-right: 0;
}
.hero-content-w {
margin-top: 0;
margin-bottom: 2rem;
}
.cloneable-link-w {
font-size: .8125rem;
}
.remove-w {
padding-top: 4rem;
padding-bottom: 4rem;
}
.grid__col {
width: 100%;
}
.modal-content-w {
padding: 2rem;
}
.modal-1-popup {
display: none;
}
.modal-scroll-content-w {
padding: 2rem;
}
.modal-w-scroll {
margin-bottom: 0;
}
.value-grid-2 {
grid-template-columns: 1fr 1fr;
}
.mission-vission-grid {
grid-template-columns: 1fr;
}
.mission-vision-section {
padding-bottom: 40px;
}
.why-choose-us-grid {
grid-template-columns: 1fr 1fr;
}
.what-is-a-fuel-grid, .what-is-a-fuel-grid.product-overview-grid, .what-is-a-fuel-grid.efoy-pro-duo-grid, .what-is-a-fuel-grid.smart-batteries-grid {
grid-template-columns: 1fr;
}
.what-is-a-fuel-div-01 {
padding-left: 0;
}
.spark-small-sub-paragraph-3 {
line-height: 1.3;
}
.spark-wrapped-card-3 {
width: 100%;
}
.spark-wrapped-card-3.spark-stacked {
grid-row-gap: 16px;
width: 100%;
}
.spark-three-column-grid-3, .spark-two-column-grid-2 {
grid-column-gap: 32px;
grid-row-gap: 32px;
}
.spark-simple-icon-tabs-content-2 {
width: 100%;
}
.spark-simple-side-icon-tab-2 {
flex: none;
margin-bottom: 1rem;
padding-left: 32px;
padding-right: 32px;
}
.spark-simple-stacked-icon-tabs-2 {
width: 100%;
margin-right: 0%;
}
.spark-secondary-paragraph-5 {
margin-bottom: 32px;
}
.spark-container-3 {
width: 100%;
}
.spark-section-3 {
padding-top: 88px;
padding-bottom: 88px;
}
.spark-secondary-paragraph-7, .spark-secondary-paragraph-8 {
margin-bottom: 32px;
}
.container-2.is-timeline {
width: 103%;
max-width: 100em;
height: 41vh;
margin-left: auto;
}
.leadership-team-div {
grid-template-columns: 1fr;
}
.clean-energy-cell1.clean-energy-cell2-coloe {
justify-content: center;
align-items: flex-start;
}
.clean-energy-quick-stack.clean-energy-quick-stack-2 {
grid-column-gap: 18px;
grid-row-gap: 18px;
}
.defence-security-cell-1.man-portable-sec-img {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
padding-top: 254px;
display: grid;
}
.defence-security-cell-1.surveillance-sec-img {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
padding-top: 220px;
display: grid;
}
.defence-security-cell-1.microgrids-sec-img {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
padding-top: 212px;
display: grid;
}
.stationary-fuel-cell-2 {
padding-top: 134px;
}
.spark-small-sub-paragraph-4 {
line-height: 1.3;
}
.spark-wrapped-card-4 {
width: 100%;
}
.spark-wrapped-card-4.spark-stacked {
grid-row-gap: 16px;
width: 100%;
}
.spark-two-column-grid-3 {
grid-column-gap: 32px;
grid-row-gap: 32px;
}
.spark-side-tabs-content {
width: 100%;
}
.spark-side-flat-tab {
padding-left: 32px;
padding-right: 32px;
}
.spark-stacked-flat-tabs-menu {
width: 100%;
}
.spark-secondary-paragraph-9 {
margin-bottom: 32px;
}
.spark-container-4 {
width: 100%;
}
.spark-section-4 {
padding-top: 88px;
padding-bottom: 88px;
}
.add-ons_accordion-title {
letter-spacing: 0;
font-size: 1.4rem;
}
.add-ons_accordion-body.add-ons_js-accordion-body {
padding-bottom: 1.5rem;
padding-left: 2.8rem;
}
.add-ons_accordion {
width: 100%;
}
.add-ons_image-wrapper {
height: 22rem;
}
.add-ons_accordion-item {
box-shadow: none;
}
.add-ons_title-icon-wrapper {
align-items: center;
margin-right: 1rem;
}
.margin-top {
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
}
.add-ons_image {
object-fit: cover;
object-position: 50% 50%;
}
.add-ons_accordion-header.add-ons_js-accordion-header {
padding-top: 1.5rem;
padding-bottom: 1.5rem;
}
.add-ons_accordion-title-2 {
letter-spacing: 0;
font-size: 1.4rem;
}
.page-padding-4 {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.green-data-div {
grid-template-columns: 1fr;
}
.data-centres-tab-img {
height: 290px;
}
.data-centres-tab-img.smart-city-img {
height: 280px;
}
.spark-three-column-grid-4 {
grid-column-gap: 32px;
grid-row-gap: 32px;
}
.spark-simple-icon-tabs-content-3 {
width: 100%;
}
.spark-simple-side-icon-tab-3 {
flex: none;
margin-bottom: 1rem;
padding-left: 32px;
padding-right: 32px;
}
.spark-simple-stacked-icon-tabs-3 {
width: 100%;
margin-right: 0%;
}
.indoor-green-hydrogen-image {
padding-top: 183px;
}
.indoor-green-hydrogen-image.genset-img.how-it-work-img {
padding-top: 20px;
}
.outdoor-green-stack.powerpack-stack {
margin-bottom: 100px;
}
.outdoor-green-stack-img {
padding-top: 134px;
}
.outdoor-green-stack-img.powerpack-stack-image {
padding-top: 201px;
}
.product-hero-grid {
grid-template-columns: 1fr;
}
.html-code-table.hide-pc-html-fuel {
display: block;
}
.padding-section-large {
padding-top: 4rem;
padding-bottom: 4rem;
}
.dot-block {
order: 2;
align-self: center;
min-height: 10vh;
}
.scroll-hero {
min-height: auto;
}
.scroll-base {
position: relative;
}
.scoll-wrap-hero {
width: 76%;
}
.uui-testimonial18_arrow-2:hover {
background-color: var(--untitled-ui--white);
}
.uui-testimonial18_arrow-2.left {
right: 3.5rem;
}
.uui-button-link-4 {
font-size: 1rem;
}
.uui-button-link-4:hover {
color: var(--untitled-ui--primary700);
}
.uui-button-link-4.is-alternate:hover {
color: var(--untitled-ui--white);
}
.uui-button-row-4 {
align-self: stretch;
}
.uui-space-medium-3 {
min-height: 1.5rem;
}
.uui-space-small-4 {
min-height: 1.25rem;
}
.uui-space-xsmall-4 {
min-height: .75rem;
}
.uui-heading-small-2 {
font-size: 1.5rem;
}
.uui-testimonial17_logo-2 {
max-height: 2.5rem;
}
.uui-testimonial18_content-2 {
padding: 1.5rem;
}
.uui-testimonial18_slide-2 {
padding-right: 1.5rem;
}
.uui-testimonial18_mask-2 {
width: 80%;
}
.uui-testimonial18_component-2 {
margin-top: 3rem;
}
.uui-text-size-large-4 {
font-size: 1rem;
}
.uui-heading-medium-5 {
font-size: 1.75rem;
line-height: 1.4;
}
.uui-padding-vertical-xhuge-5 {
padding-top: 4rem;
padding-bottom: 4rem;
}
.uui-page-padding-5 {
padding-left: 1rem;
padding-right: 1rem;
}
.card-002_wrapper {
padding-top: 91px;
}
.uui-button-2 {
font-size: 1rem;
}
.uui-button-2:hover {
border-color: var(--untitled-ui--primary600);
background-color: var(--untitled-ui--primary600);
}
.uui-button-tertiary-gray:hover {
color: var(--untitled-ui--gray600);
background-color: #0000;
}
.uui-button-secondary-gray-2 {
padding-left: 1.25rem;
font-size: 1rem;
}
.uui-button-secondary-gray-2:hover {
background-color: var(--untitled-ui--white);
color: var(--untitled-ui--gray700);
}
.uui-navbar01_link, .uui-button-link-5 {
font-size: 1rem;
}
.uui-button-link-5:hover {
color: var(--untitled-ui--primary700);
}
.uui-button-row-5 {
align-self: stretch;
}
.uui-text-size-small-2.hide-mobile-landscape {
display: none;
}
.uui-navbar01_blog-item {
grid-column-gap: 1rem;
grid-template-columns: .6fr 1fr;
}
.uui-navbar01_dropdown-content-right {
padding: 1.5rem 1rem;
}
.hide-mobile-landscape {
display: none;
}
.uui-badge-small-success {
padding: .125rem .5rem;
}
.uui-navbar01_dropdown-link-list {
grid-row-gap: .5rem;
max-width: none;
}
.uui-navbar01_dropdown-content-left {
grid-row-gap: 1.5rem;
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
padding-top: 1rem;
padding-bottom: 1.5rem;
}
.uui-navbar01_dropdown-toggle {
font-size: 1rem;
}
.uui-navbar01_menu {
padding-left: 1rem;
padding-right: 1rem;
}
.uui-styleguide_logomark-bg {
background-image: url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/66cdabb1dba0e07364afb7ce_untitled-ui-logomark.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
}
.uui-navbar01_component {
min-height: 4.5rem;
padding-left: 1rem;
padding-right: 1rem;
}
.uui-navbar01_dropdown-content-left-2 {
grid-row-gap: 1.5rem;
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
padding-top: 1rem;
padding-bottom: 1.5rem;
}
.uui-navbar01_dropdown-toggle-2 {
font-size: 1rem;
}
.smart-city-grid {
grid-template-columns: 1fr;
}
.spark-small-sub-paragraph-5 {
line-height: 1.3;
}
.spark-wrapped-card-5 {
width: 100%;
}
.spark-wrapped-card-5.spark-stacked {
grid-row-gap: 16px;
width: 100%;
}
.spark-three-column-grid-5 {
grid-column-gap: 32px;
grid-row-gap: 32px;
}
.spark-tabs-menu-3.spark-left-aligned {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.spark-secondary-paragraph-12 {
margin-bottom: 32px;
}
.spark-container-5 {
width: 100%;
}
.spark-section-5 {
padding-top: 88px;
padding-bottom: 88px;
}
.smart-city-image-grid {
grid-template-columns: 1fr 1fr;
}
.smart-city-image-grid.innovating-new-products-grid {
grid-template-columns: 1fr 1fr;
padding-right: 12px;
}
.hero-heading-left, .hero-heading-center {
padding: 60px 15px;
}
.spark-small-sub-paragraph-6 {
line-height: 1.3;
}
.spark-wrapped-card-6 {
width: 100%;
}
.spark-wrapped-card-6.spark-stacked {
grid-row-gap: 16px;
width: 100%;
}
.spark-three-column-grid-6 {
grid-column-gap: 32px;
grid-row-gap: 32px;
}
.spark-secondary-paragraph-14 {
margin-bottom: 32px;
}
.spark-container-6 {
width: 100%;
}
.spark-section-6 {
padding-top: 88px;
padding-bottom: 88px;
}
.spark-two-column-grid-4 {
grid-column-gap: 32px;
grid-row-gap: 32px;
}
.spark-simple-icon-tabs-content-4 {
width: 100%;
}
.spark-simple-side-icon-tab-4 {
flex: none;
margin-bottom: 1rem;
padding-left: 32px;
padding-right: 32px;
}
.spark-simple-stacked-icon-tabs-4 {
width: 100%;
margin-right: 0%;
}
.customised-solutions-grid {
grid-template-columns: 1fr 1fr;
}
.fuel-cartridges-grid {
grid-template-columns: 1fr;
}
.technical-data-img {
margin-left: 0;
}
.technical-data-img.hide-image-of-table-from-mobile {
display: none;
}
.emission-free-grid {
grid-template-columns: 1fr;
}
.our-commitment--grid, .customised-solutions--grid-1, .careet-grid-1 {
grid-template-columns: 1fr 1fr;
}
.caf--grid {
grid-template-columns: 1fr;
}
.our-approach-grid {
grid-template-columns: 1fr 1fr;
}
.our-approach-grid.benefits-grid-new.reliable-sustainable-grid.driving-sustainable-benifite-grid {
padding-left: 20px;
padding-right: 20px;
}
.insights-from-grid, .sustainable-india-grid {
grid-template-columns: 1fr;
}
.customised-solutions-text-cell {
padding-left: 20px;
padding-right: 20px;
}
.combine-gallery1_component {
grid-template-columns: 1fr 1fr;
}
.combine-padding-global-4 {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.gallery-slider {
padding: 60px 15px;
}
.gallery-slide {
margin-left: 10px;
margin-right: 10px;
}
.gallery-slide-text {
line-height: 30px;
}
.gallery-slider-left {
left: -20px;
}
.gallery-slider-right {
right: -20px;
}
.combine-gallery3_component {
column-count: 2;
}
.combine-padding-global-5 {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.combine-gallery3_component-2 {
column-count: 2;
}
.combine-padding-global-6 {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.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;
}
.reaching-the-unreachable-title-grid {
grid-template-columns: .75fr;
}
.reaching-the-unreachable-title-div {
padding-left: 20px;
}
.reaching-the-unreachable-point-grid, .powering-critical-operations-grid {
grid-template-columns: 1fr;
}
.hero-heading-left-2, .hero-heading-right {
padding: 60px 15px;
}
.navbar-brand {
padding-left: 0;
}
.nav-menu {
flex-direction: column;
padding-bottom: 30px;
padding-left: 0;
}
.nav-link {
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;
}
.gallery-slider-3 {
padding: 60px 15px;
}
.gallery-slide-3 {
margin-left: 10px;
margin-right: 10px;
}
.gallery-slide-text-3 {
line-height: 30px;
}
.gallery-slider-left-3 {
left: -20px;
}
.gallery-slider-right-3 {
right: -20px;
}
.brix---btn-secondary-white {
padding-top: 20px;
padding-bottom: 20px;
}
.brix---btn-primary-white {
padding: 20px 32px;
}
.brix---button-row-left-2 {
margin-right: 16px;
}
.brix---mg-bottom-40px-2 {
margin-bottom: 24px;
}
.brix---heading-h2-size-4 {
font-size: 28px;
line-height: 40px;
}
.brix---mg-bottom-16px-3 {
margin-bottom: 8px;
}
.brix---grid-cta-v10 {
grid-template-columns: 1fr;
}
.brix---cta-bg-overlay {
min-height: 66vh;
padding-top: 96px;
padding-bottom: 96px;
}
.hero-subscribe-right {
padding: 60px 15px;
}
.wbs-testimonial-6-dec-2 {
font-size: 1.3rem;
line-height: 2rem;
}
.wbs-testimonial-6-content-2 {
padding: 30px;
}
.wbs-testimonial-6-wrap-2 {
grid-template-columns: 1fr;
}
.wbs-section-3 {
padding: 2rem 2%;
}
.flowappz-cookie-consent {
width: auto;
}
.button-3 {
padding-left: 40px;
padding-right: 40px;
}
.page-wrapper-3 {
grid-template-columns: 100vw;
width: 100%;
}
.display-1 {
margin-bottom: 24px;
font-size: 52px;
line-height: 55px;
}
.display-1.width-80percent {
width: 100%;
font-size: 32px;
line-height: 38px;
}
.information_section.background-color.neutral-200 {
padding-bottom: 16px;
}
.form_section {
padding: 56px 40px;
}
.form_block {
width: 100%;
}
.form_field-label {
font-size: .6em;
}
.csr-sec-2-grid-main {
grid-template-columns: 1fr;
}
.team-slider {
padding: 60px 15px;
}
.map-image {
min-width: 100%;
}
.map-pin {
width: 25px;
height: 40px;
top: 175px;
left: 90px;
}
.map-pin.sensitive-nations {
top: 218px;
left: 259px;
}
.map-pin.sensitive-nations.sensitive-3 {
top: 215px;
left: 340px;
}
.map-pin.sensitive-nations.sensitive-2 {
top: 185px;
left: 360px;
}
.map-pin.eastern-europe {
top: 181px;
left: 227px;
}
.map-pin.west-africa {
top: 230px;
left: 185px;
}
.map-pin.russia {
top: 176px;
left: 313px;
}
.map-pin.east-africa {
top: 274px;
left: 246px;
}
.map-pin.southern-africa {
top: 302px;
left: 228px;
}
.map-pin.lusophone {
z-index: 2;
top: 286px;
left: 123px;
}
.map-pin.carribian {
top: 226px;
left: 83px;
}
.map-pin.asia-pacific {
top: 196px;
left: 385px;
}
.map-pin.asia-pacific.asia-pacific-2 {
z-index: 3;
top: 220px;
left: 380px;
}
.map-pin.africa-lusophone {
top: 262px;
left: 229px;
}
.map-pin.western-europe {
top: 186px;
left: 191px;
}
.map-pin.francophone {
top: 245px;
left: 204px;
}
.map-pin.latin-america {
top: 224px;
left: 38px;
}
.map-pin.latin-america._2 {
top: 317px;
left: 99px;
}
.map-pin.latin-america._1 {
left: 88px;
}
.map-wrapper {
min-width: 480px;
max-width: 767px;
}
.grid-sfc-energy {
grid-template-columns: 1fr;
}
.map-pin-2 {
width: 25px;
height: 40px;
top: 198px;
left: 40px;
}
.map-pin-2.sensitive-nations {
top: 218px;
left: 259px;
}
.map-pin-2.sensitive-nations.sensitive-3 {
top: 223px;
left: 316px;
}
.map-pin-2.sensitive-nations.sensitive-2 {
top: 206px;
left: 291px;
}
.map-pin-2.eastern-europe {
top: 181px;
left: 227px;
}
.map-pin-2.west-africa {
top: 230px;
left: 185px;
}
.map-pin-2.russia {
top: 176px;
left: 313px;
}
.map-pin-2.east-africa {
top: 274px;
left: 246px;
}
.map-pin-2.southern-africa {
top: 302px;
left: 228px;
}
.map-pin-2.lusophone {
z-index: 2;
top: 286px;
left: 123px;
}
.map-pin-2.carribian {
top: 226px;
left: 83px;
}
.map-pin-2.asia-pacific {
top: 196px;
left: 385px;
}
.map-pin-2.asia-pacific.asia-pacific-2 {
z-index: 3;
top: 262px;
left: 376px;
}
.map-pin-2.africa-lusophone {
top: 262px;
left: 229px;
}
.map-pin-2.western-europe {
top: 186px;
left: 191px;
}
.map-pin-2.francophone {
top: 245px;
left: 204px;
}
.map-pin-2.latin-america {
top: 224px;
left: 38px;
}
.map-pin-2.latin-america._2 {
top: 317px;
left: 99px;
}
.map-pin-2.latin-america._1 {
left: 88px;
}
.map-image-2 {
min-width: 100%;
}
.map-wrapper-2 {
min-width: 480px;
max-width: 767px;
}
.map_item-list {
grid-template-columns: 1fr;
}
.heading-style-h3 {
font-size: 1.5rem;
}
.padding-global {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.spacer-large {
padding: 1.5rem;
}
.heading-style-h2 {
font-size: 2rem;
}
}
@media screen and (max-width: 479px) {
h1 {
font-size: 32px;
}
h2 {
font-size: 24px;
}
blockquote {
padding: 50px 24px;
font-size: 18px;
}
.grid-2-columns.title-and-paragraph.sustainability-grid.event-page-past-event {
padding-left: 8%;
padding-right: 8%;
}
.grid-2-columns.title-and-paragraph.sustainability-grid.event-page-past-event.grid-2-columns-phone {
flex-flow: wrap-reverse;
display: flex;
}
.grid-2-columns.title-and-btn.cta-v4-grid {
justify-items: stretch;
}
.grid-2-columns.faqs-grid {
padding-top: 60px;
padding-bottom: 60px;
}
.grid-2-columns.stats-top, .grid-2-columns.stats-bottom {
grid-template-columns: auto;
justify-content: center;
justify-items: center;
}
.grid-2-columns.content-left---image-right.abt-us-grid-mainwa {
grid-template-columns: 1.5fr;
}
.grid-2-columns.contact-grid {
grid-column-gap: 16px;
grid-row-gap: 16px;
}
.grid-2-columns.gap-row-75px._2-col-mbl {
grid-template-columns: 1fr;
}
.grid-2-columns.sidebar-right-grid {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.grid-2-columns.newsletter-grid {
padding-top: 50px;
padding-bottom: 50px;
}
.grid-2-columns.hero-v12-grid, .grid-2-columns.forgot-password-grid {
grid-row-gap: 32px;
}
.card.testimonials-main, .card.testimonials {
padding: 40px 24px;
}
.card.full-image {
padding: 180px 24px 24px;
}
.card.team-item-v2 {
flex-direction: column;
align-items: stretch;
}
.card.cta-v4 {
padding: 63px 24px 68px;
}
.card.team-item-v3 {
flex-direction: column;
align-items: stretch;
}
.card.service-item {
padding-left: 24px;
padding-right: 24px;
}
.card.contact-form {
padding: 0 10px;
}
.card.testmonial-v2 {
padding: 43px 24px 24px;
}
.card.sidebar-v1 {
flex-direction: column;
padding: 32px 24px;
}
.card.newsletter-v1 {
background-color: var(--secondary--color-1);
background-image: linear-gradient(#00000080, #00000080);
border-width: 4px;
padding: 48px 24px;
}
.card.blog-post-v1 {
background-color: #8080801f;
border-radius: 20px;
}
.card.cta-v5 {
padding-top: 70px;
padding-bottom: 70px;
}
.card.sign-up {
padding-top: 24px;
padding-left: 24px;
padding-right: 24px;
}
.card.forgot-password {
padding: 100px 24px 24px;
}
.card.confirm-email {
padding: 70px 24px;
}
.card.coming-soon {
padding: 85px 24px;
}
.card.demo, .card.landing-form {
padding: 50px 24px;
}
.card.not-found-card {
padding: 80px 24px;
}
.card.password-page {
padding: 58px 24px 100px;
}
.card.search-result {
padding: 32px 24px;
}
.grid-4-columns {
grid-template-columns: 1fr;
}
.color-neutral-300.mg-bottom-38px {
text-align: left;
font-family: Poppins, sans-serif;
}
.color-neutral-100.mg-bottom-32px.hero-h2 {
font-size: 18px;
font-weight: 400;
}
.color-neutral-100.mg-bottom-32px.event-new-center {
text-align: justify;
width: auto;
padding-left: 0%;
padding-right: 0%;
}
.divider, .divider._64px {
margin-top: 32px;
margin-bottom: 32px;
}
.divider._0px {
margin-top: 0;
margin-bottom: 0;
}
.divider.contact-layout-divider {
width: 100%;
height: 2px;
margin: 24px 0;
}
.mg-bottom-16px {
margin-bottom: 8px;
}
.mg-bottom-16px.mg-bottom-32px---mbp {
margin-bottom: 32px;
}
.mg-bottom-16px.keep---mbp {
margin-bottom: 16px;
}
.mg-bottom-24px {
color: var(--flowstica-webflow-library--black);
margin-bottom: 16px;
}
.mg-bottom-24px.text-para-app-now {
color: var(--accent--primary-1);
}
.mg-bottom-32px {
width: 280px;
}
.mg-top-16px {
margin-top: 10px;
}
.mg-top-48px {
margin-top: 32px;
}
.mg-right-24px {
margin-right: 10px;
}
.display-1 {
font-size: 38px;
}
.display-1.color-neutral-100 {
text-align: left;
margin-right: 0;
padding-top: 20px;
padding-bottom: 10px;
font-size: 28px;
}
.display-1.color-neutral-100.mg-bottom-32px.text-hero-car-pg {
font-size: 26px;
}
.display-1.color-neutral-100.hero-h1 {
margin-right: 0;
padding-top: 40px;
padding-bottom: 20px;
padding-right: 0;
font-size: 31px;
font-weight: 600;
}
.display-1.color-neutral-100.product-title {
width: 262px;
font-size: 28px;
}
.display-1.color-neutral-100.h3-left.h3-left-career.h3-left-career-csr-pp {
font-size: 22px;
}
.display-1.color-neutral-100.event-hed-text {
font-size: 30px;
font-weight: 500;
}
.display-1.color-neutral-100.r-dheadfont {
font-size: 24px;
}
.display-1.color-neutral-100.contact-us-head {
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0;
font-size: 28px;
font-weight: 500;
}
.display-1.color-neutral-100.new-car-pg-top {
display: none;
}
.display-1.mg-bottom-8px.contact-heading-2 {
font-size: 33px;
}
.display-1.mg-bottom-8px.news-hero-title {
margin-bottom: 60px;
font-size: 48px;
}
.display-1.mg-bottom-2px {
font-size: 58px;
}
.display-1.mg-bottom-2px.case-study-hero {
text-align: left;
margin-top: 30px;
font-size: 42px;
}
.grid-1-column.step-grid {
grid-row-gap: 32px;
}
.grid-1-column.contact-layout {
grid-template-columns: 1fr;
}
.display-2 {
text-align: center;
font-size: 34px;
}
.display-2.mg-bottom-0 {
text-align: left;
margin-bottom: 0;
padding-bottom: 10px;
font-size: 20px;
font-weight: 500;
}
.display-2.mg-bottom-0.white-h2 {
font-size: 24px;
}
.display-2.mg-bottom-0.cneter-title {
font-size: 25px;
}
.display-2.mg-bottom-0.cneter-title.cneter-title-dark {
padding-left: 0;
padding-right: 0;
font-size: 22px;
}
.display-2.mg-bottom-0.cneter-title.cneter-title-dark.cneter-title-light.padding-top-benifits {
padding-top: 40px;
}
.display-2.mg-bottom-0.cneter-title.cneter-title-dark.cneter-title-dark-left {
margin-bottom: 0;
padding-left: 0;
padding-right: 0;
font-size: 23px;
}
.display-2.mg-bottom-0.cneter-title.cneter-title-dark.benifits-tech-page {
padding-top: 40px;
}
.display-2.mg-bottom-0.cneter-title.title-tech-page {
padding-left: 8%;
padding-right: 8%;
font-size: 20px;
}
.display-2.mg-bottom-0.cneter-title.s.art-ene-tech-page {
text-align: center;
padding-left: 8%;
padding-right: 8%;
font-size: 22px;
}
.display-2.mg-bottom-0.cneter-title.defence-center-part {
font-size: 23px;
}
.display-2.mg-bottom-0.cneter-title.hyd-center-sec-3-title {
font-size: 26px;
}
.display-2.mg-bottom-0.certified-clean-head {
text-align: center;
font-size: 24px;
}
.display-2.mg-bottom-0.text-reaching-net-pg {
font-size: 23px;
font-weight: 500;
}
.display-2.mg-bottom-0.qwer-r-d {
font-size: 22px;
font-weight: 500;
}
.display-2.h3-left.career-page-innerrr, .display-2.career-page-inner-wala {
font-size: 29px;
}
.display-3 {
font-size: 24px;
}
.display-3.color-neutral-100.mg-bottom-56px.small-title {
font-size: 18px;
}
.display-3.color-neutral-100.mg-bottom-56px.small-title.small-title-home-below {
text-align: center;
}
.display-4 {
font-size: 20px;
}
.display-4.mg-bottom-16px.title-hover.news-update-title {
text-align: justify;
margin-bottom: 0;
padding-bottom: 10px;
padding-left: 10px;
padding-right: 10px;
font-size: 18px;
}
.grid-3-columns {
grid-template-columns: 1fr;
}
.style---heading {
margin-bottom: 40px;
padding-top: 66px;
padding-bottom: 66px;
}
.inner-container._100-mbp {
max-width: 100%;
}
.inner-container.content-full-image-slider-wrapper {
margin-left: 20px;
margin-right: 20px;
position: relative;
}
.inner-container._500px---mbl.home-pg-head-main {
padding-left: 8%;
padding-right: 8%;
}
.inner-container._454px._100-mbl {
margin-left: auto;
margin-right: auto;
padding-right: 0;
}
.inner-container._300px---mbp {
max-width: 300px;
}
.inner-container._350px---mbp {
max-width: 350px;
}
.inner-container.content-slider-wrapper {
position: relative;
}
.inner-container._576px.abt-us-page-quote {
padding-right: 0;
}
.inner-container._558px.carerr-page-head-pad {
padding-top: 0;
padding-bottom: 0;
}
.inner-container.services-wrapper {
padding-left: 0;
padding-right: 0;
}
.inner-container._716px {
margin-right: 0;
}
.inner-container._280px---mbp {
max-width: 280px;
}
.inner-container._250px---mbp {
max-width: 250px;
}
.style---content-heading {
padding-left: 22px;
padding-right: 22px;
}
.style---heading-icon-wrapper {
width: 58px;
margin-right: 14px;
}
.mg-bottom-0.paragraph {
margin-right: 0;
padding-right: 0;
font-size: 15px;
}
.mg-bottom-0.paragraph.paragraph-4 {
text-align: justify;
width: auto;
}
.mg-bottom-0.paragraph.increase-18-home-1sec {
font-size: 16px;
}
.mg-bottom-0.width-sub-para {
text-align: center;
}
.btn-primary {
white-space: normal;
width: 80%;
padding-left: 20px;
padding-right: 20px;
}
.btn-primary.large {
padding-left: 20px;
padding-right: 20px;
}
.btn-primary.inside-input {
position: static;
}
.btn-primary.inside-input.default {
height: 60px;
padding-top: 20px;
padding-bottom: 20px;
}
.btn-primary.button-row {
text-align: left;
width: 65%;
margin-bottom: 16px;
margin-right: 0;
}
.btn-primary.form-wrapper.add-cart-btn {
margin-right: 0;
}
.btn-primary.form-btn {
white-space: normal;
width: auto;
}
.btn-primary.pagination-btn {
margin-top: 32px;
}
.btn-primary.inner-cta {
margin-right: 0;
padding-left: 10px;
padding-right: 10px;
}
.btn-primary.btn-primary-hide-phone-csr {
display: none;
}
.btn-secondary {
width: 100%;
padding-left: 20px;
padding-right: 20px;
}
.btn-secondary.large {
padding-left: 20px;
padding-right: 20px;
}
.btn-secondary.pagination-btn {
margin-top: 32px;
}
.btn-secondary.app-log-in {
padding: 16px 20px;
}
.btn-secondary.add-cart-btn {
margin-top: 16px;
}
.badge-secondary.small.card-blog-post-v1-category {
bottom: 10px;
left: 10px;
}
.badge-secondary.small.card-product-price {
top: 20px;
right: 20px;
}
.input.button-inside {
margin-bottom: 16px;
padding-right: 20px;
}
.position-relative {
margin-left: auto;
margin-right: auto;
padding-right: 0;
}
.checkbox-field-wrapper {
font-size: 16px;
line-height: 20px;
}
.checkbox-field-wrapper.large {
font-size: 18px;
line-height: 22px;
}
.radio-button-field-wrapper {
font-size: 16px;
line-height: 22px;
}
.radio-button-field-wrapper.large {
font-size: 18px;
line-height: 24px;
}
.square-icon {
border-radius: 14px;
max-width: 56px;
}
.social-icon-square {
border-radius: 6px;
width: 30px;
min-width: 30px;
height: 30px;
min-height: 30px;
font-size: 14px;
}
.line-rounded-icon.success-message-check.large {
font-size: 58px;
line-height: 64px;
}
.line-square-icon.top-bar-close-icon {
padding-left: 12px;
padding-right: 12px;
}
.rich-text-v1 h3 {
margin-top: 24px;
}
.rich-text-v1 ul, .rich-text-v1 ol {
padding-left: 20px;
}
.buttons-row {
text-align: left;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
}
.container-default {
padding-left: 8%;
padding-right: 8%;
}
.container-default.overflow-hidden.mb-none-overflow-hidden {
overflow: visible;
}
.container-default.product-page-heading {
padding-top: 30px;
}
.container-default.contact-us-heading {
padding-left: 8%;
}
.container-default.case-study-head-cont {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
max-width: 500px;
margin-left: auto;
margin-right: auto;
padding-left: 8%;
padding-right: 8%;
display: inline-flex;
}
.elements---page-hero {
padding-top: 70px;
padding-bottom: 70px;
}
.section {
padding: 20px 0%;
}
.section.small {
padding-top: 64px;
padding-bottom: 64px;
}
.section.hero-full.hero-v1 {
padding-top: 122px;
}
.section.hero-full.hero-v2 {
padding-top: 120px;
padding-bottom: 50px;
}
.section.template-pages-hero {
padding-top: 70px;
padding-bottom: 70px;
}
.section.hero-page {
padding-bottom: 110px;
}
.section.pd-top-0px.career-sec-hid {
display: none;
}
.section.pd-188px {
padding-top: 108px;
padding-bottom: 108px;
}
.section.pd-150px {
padding-top: 20px;
padding-bottom: 20px;
}
.section.pd-150px.pd-top-104px {
padding-top: 20px;
}
.section.pd-150px.post-career {
border-radius: 20px;
}
.section.pd-top-150px {
padding-top: 87px;
}
.section.logo-strip-section {
padding-top: 49px;
padding-bottom: 60px;
}
.section.cta-v3 {
padding-top: 60px;
}
.section.hero.v1 {
padding-bottom: 82px;
}
.section.hero.v2 {
padding-top: 130px;
padding-bottom: 82px;
}
.section.hero.v3 {
padding-top: 112px;
padding-bottom: 50px;
}
.section.hero.v3.inner-hero-01.energy-portfolio-hero {
padding-top: 60px;
padding-bottom: 60px;
}
.section.hero.v3.inner-hero-01.energy-portfolio-hero.it-solutions-hero.technoogy-hero {
padding-top: 99px;
padding-bottom: 10px;
}
.section.hero.v3.inner-hero-01.product-hero-01.contact-hero-sec {
height: auto;
padding-bottom: 60px;
}
.section.hero.v4, .section.hero.v5 {
padding-top: 53px;
}
.section.hero.v6 {
padding-bottom: 87px;
}
.section.hero.v6.contact-section {
padding-top: 40px;
}
.section.hero.v7 {
background-image: linear-gradient(#0003, #0003), url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/66697d07358f80ebbdc1a8f4_image-hero-careers-startply-x-webflow-template.jpg");
background-position: 0 0, 47%;
background-repeat: repeat, no-repeat;
background-size: auto, cover;
padding-top: 160px;
padding-bottom: 80px;
}
.section.hero.v10 {
padding-top: 32px;
padding-bottom: 72px;
}
.section.hero.v11 {
padding-top: 110px;
padding-bottom: 72px;
}
.section.hero.v13 {
padding-bottom: 80px;
}
.section.hero.v15 {
padding-bottom: 72px;
}
.section.hero.v16 {
padding-top: 110px;
padding-bottom: 60px;
}
.section.hero.v17 {
padding-top: 110px;
padding-bottom: 77px;
}
.section.hero.v18, .section.hero.v19 {
padding-top: 32px;
padding-bottom: 80px;
}
.section.hero.v20 {
padding-bottom: 50px;
}
.section.hero.v21 {
padding-top: 32px;
padding-bottom: 80px;
}
.section.hero.v23 {
padding-bottom: 60px;
}
.section.hero.v24, .section.hero.v25 {
padding-top: 32px;
}
.section.pd-230px {
padding-top: 118px;
padding-bottom: 118px;
}
.section.pd-top-104px {
padding-top: 60px;
}
.section.pd-bottom-50px {
padding-bottom: 50px;
}
.section.pd-120px {
padding-top: 60px;
padding-bottom: 60px;
}
.section.pd-top-98px {
padding-top: 60px;
}
.section.fuel-services-tab {
padding-top: 0;
padding-bottom: 0;
}
.top-bar-wrapper {
padding-left: 0;
padding-right: 19px;
}
.elements---element-title.large {
margin-top: 53px;
}
.heading-h1-size {
font-size: 32px;
}
.heading-h2-size {
font-size: 24px;
}
.header-wrapper.v3 {
padding-top: 16px;
padding-bottom: 16px;
}
.header-nav-menu-wrapper {
padding-left: 8%;
padding-right: 8%;
}
.header-nav-link.cart-link.right {
padding-left: 10px;
}
.header-nav-list-item {
text-align: left;
}
.header-nav-list-item.show-in-tablet {
justify-content: flex-start;
width: 100%;
display: flex;
}
.header-logo {
margin-left: 12px;
}
.header-logo-link {
max-width: 120px;
}
.hamburger-menu-btn {
min-width: 40px;
max-width: 40px;
min-height: 40px;
max-height: 40px;
}
.header-right-side {
margin-left: 3px;
}
.header-left-side {
margin-right: 8px;
}
.btn-circle-secondary.small.accordion-btn {
width: 44px;
min-width: 44px;
height: 44px;
min-height: 44px;
}
.btn-circle-secondary.white.slider-arrow.full-center---left {
bottom: 28%;
left: 20px;
}
.btn-circle-secondary.white.slider-arrow.full-center---right, .btn-circle-secondary.white.slider-arrow.center---right {
bottom: 28%;
right: 20px;
}
.btn-circle-secondary.white.slider-arrow.center---left {
bottom: 28%;
left: 20px;
}
.btn-circle-secondary.slider-arrow.right---center-center {
right: 31%;
}
.flex-horizontal.card-testimonials-bottom {
flex-wrap: wrap;
}
.footer-logo-wrapper {
max-width: 138px;
}
.text-center.case-study-hero {
text-align: left;
padding-left: 0%;
padding-right: 0%;
}
.floating-item.hero-v3 {
object-position: 15% 50%;
margin-top: -46px;
}
.floating-item.cta-newsletter-v1 {
border: 2px #fff;
}
.floating-item.hero-v17 {
width: 194%;
}
.floating-item.card-forgot-password-bg {
left: -20%;
}
._w-h-100.fit-cover.slider-full-image---image {
height: 100%;
}
._w-h-100.fit-cover.responsive-mbl {
max-height: 350px;
}
._w-h-100.fit-cover.slider-image---image {
height: 100%;
}
.fit-cover._w-h-100 {
margin-left: 0;
}
.fit-cover._w-h-100.product-image {
max-height: 400px;
}
.grid-6-columns.logo-strip {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-direction: row;
max-width: 350px;
}
.slider-mask.width-822px.team-slider {
max-width: 100%;
}
.accordion-item-wrapper {
padding-left: 24px;
padding-right: 24px;
}
.accordion-side {
margin-left: 16px;
}
.accordion-title {
font-size: 18px;
line-height: 26px;
}
.pd---content-inside-card.large {
padding: 40px 24px;
}
.pd---content-inside-card.large.template-pages {
padding-left: 24px;
padding-right: 24px;
}
.pd---content-inside-card.template-pages---sidebar {
padding-top: 18px;
padding-bottom: 18px;
}
.bg-overlay-gradient.bg-mobile-app {
height: 30%;
}
.slide-item-mg.alt {
margin-right: 40px;
}
.blog-card-image {
margin-left: 0;
}
.blog-card-content-inside {
padding-left: 24px;
padding-right: 24px;
}
.image-wrapper.border-radius-12px.blog-post-image {
max-height: 350px;
}
.image-wrapper.border-radius-12px.team-page-picture-wrap {
max-height: 450px;
}
._404-not-found {
font-size: 32vw;
}
.cart-container {
border-radius: 0;
}
.pay-btn.cart {
height: 53px;
}
.shipping-method {
flex-direction: column;
}
.order-item {
flex-direction: column;
margin-top: 20px;
margin-bottom: 20px;
padding-top: 22px;
padding-bottom: 22px;
}
.order-list-price {
margin-top: 2px;
}
.order-list-title {
margin-bottom: 4px;
}
.checkout-column {
margin-bottom: 24px;
}
.home-pages-cointainer {
margin-top: 65px;
}
.home-pages-top-wrapper {
margin-bottom: 16px;
}
.image-home-link-wrapper {
max-width: 190px;
margin-left: 8px;
margin-right: 8px;
}
.figma-file-text-wrapper {
padding-left: 24px;
padding-right: 24px;
}
.badge-home {
top: 15px;
right: 15px;
}
.card-home-pages-wrapper {
padding-left: 24px;
padding-right: 24px;
}
.cta-square-logo.white {
max-width: 60px;
}
.cta-image-card {
margin-top: 50px;
}
.mg-section.mg-top-16px.mg-top-20.image-career-page-hero.image-career-page-hero-csr-page.image-career-page-hero-csr-page-csr-bg.image-career-page-hero-csr-page-csr-bg-phone {
padding-top: 75px;
padding-bottom: 40px;
}
.mg-section.bg-secondary-2.pd-98px {
padding-top: 60px;
padding-bottom: 60px;
}
.mg-section.bg-neutral-300.careerrr-post-innerr-post {
margin: 10px;
}
.mg-section.bg-secondary-1.hero-v5-bg {
min-height: 418px;
}
.mg-section.hero-v13-bg {
min-height: 409px;
}
.logo-wrapper {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
margin-top: 96px;
}
.card-mobile-app {
padding-right: 0;
}
.text-banking-experience.justify-left.static-mbp {
position: sticky;
}
.text-banking-experience.mb-statict {
position: static;
}
.content-banking-experience.alt {
grid-template-columns: 223fr;
max-width: 270px;
}
.image-phone-balance {
width: 100%;
}
.arrow-circle {
top: 20px;
right: 20px;
}
.slider-full-image-number-top-wrapper {
margin-top: 40px;
top: 20px;
right: 20px;
}
.slider-full-image-content-bottom-wrapper {
max-width: 100%;
margin-top: 200px;
margin-bottom: 40px;
bottom: 20px;
left: 20px;
right: 20px;
}
.stat-text {
margin-bottom: 12px;
font-size: 60px;
}
.stat-text.stat-text-fct {
font-size: 42px;
}
.stat-text.stat-text-fct.hide-double-fuel-cell {
display: none;
}
.testimonials-content {
left: 20px;
right: 20px;
}
.space-168px-alt {
height: 70px;
}
.line-decorative {
top: 704px;
}
.line-decorative.bottom {
height: 22%;
}
.testimonials-wrapper-v1 {
min-height: 300px;
max-height: 350px;
}
.line-icon-btn {
font-size: 16px;
}
.badge-top-inside {
top: -15px;
}
.text-link---arrow {
font-size: 14px;
}
.line-decorative-home-v2 {
max-width: 98%;
}
.content-text-bottom {
margin-top: 0;
margin-bottom: 40px;
margin-right: 24px;
}
.image-phone-mobile-app {
width: 90%;
}
.card-cryptocurrencies {
flex-direction: column-reverse;
justify-content: center;
align-items: center;
padding-top: 32px;
}
.image-cryptocurrencias {
object-fit: cover;
object-position: 0% 0%;
width: 235px;
max-height: 350px;
}
.card-earning-expense-reports {
flex-direction: column-reverse;
}
.card-mobile-app-wrapper {
flex-direction: column-reverse;
align-items: center;
padding-right: 0;
}
.text-no-wrap.normal-mbp {
white-space: normal;
}
.style---logo-sidebar---link {
max-width: 120px;
}
.position-absolute.hero-v1-bg {
bottom: -5%;
}
.brix-templates-text-wrapper {
padding-left: 24px;
padding-right: 24px;
}
.mg-bottom-200px {
margin-bottom: 110px;
}
.slider-full-image---image---wrapper {
position: absolute;
inset: 0%;
}
.footer-cta {
padding-top: 87px;
padding-bottom: 70px;
}
.grid-footer-v1 {
grid-template-columns: 1fr;
}
.menu-wrapper._3-cols, .menu-wrapper._2-cols {
grid-column-gap: 18px;
grid-template-columns: auto auto;
}
.grid-footer-v1---menu {
grid-column-gap: 18px;
grid-row-gap: 50px;
grid-template-columns: 1fr;
}
.slider-image---image---wrapper {
position: absolute;
inset: 0%;
}
.slider-number-top-wrapper {
top: 20px;
right: 20px;
}
.slider-content-bottom-wrapper {
max-width: 100%;
margin: 200px 20px 20px;
bottom: 20px;
left: 20px;
right: 20px;
}
.tabs-2-cols-content {
max-height: 350px;
}
.card-image---image {
min-height: 300px;
max-height: 350px;
}
.image-layout-alt {
max-height: 350px;
}
.stats-grid-image {
max-width: 300px;
margin-bottom: -67%;
}
.cta-v3-image {
max-width: 300px;
margin-bottom: -65%;
}
.value-wrapper {
flex-direction: column;
}
.team-item-wrapper {
min-height: 400px;
}
.values-icon-wrapper {
flex-direction: column;
}
.team-item-v2-content {
max-width: none;
}
.card-team-item-v3-content {
padding: 32px 24px 43px;
}
.mg-bottom-111px {
margin-bottom: 57px;
}
.card-service-item-content {
flex-direction: column;
}
.contact-form-block {
min-height: 578px;
}
.contact-form-bottom {
flex-direction: column;
align-items: stretch;
}
.mg-right-19px.mg-right-0px---mbp {
margin-right: 0;
}
.perks-icon {
min-width: 72px;
max-width: 72px;
min-height: auto;
max-height: none;
}
.perks-icon-wrapper {
flex-direction: column;
}
.testimonials-wrapper-v2 {
min-height: 300px;
max-height: 350px;
}
.career-grid {
grid-row-gap: 16px;
grid-template-columns: 1fr auto;
}
.categories-wrapper, .category-item {
flex-direction: column;
}
.mg-bottom-20px---mbp {
margin-bottom: 20px;
}
.card-sidebar-v1-icon {
min-width: 65px;
max-width: 65px;
min-height: 65px;
max-height: 65px;
margin-bottom: 8px;
}
.email-form-block {
min-height: 134px;
}
.card-blog-post-v1-arrow {
top: 15px;
right: 15px;
}
.blog-post-featured-image {
max-height: 350px;
}
.blog-post-featured-content {
padding: 32px 24px;
}
.card-author-content-top {
flex-direction: column;
align-items: stretch;
}
.card-author-avatar {
margin-bottom: 16px;
}
.rich-text-v2 h2 {
font-size: 32px;
}
.rich-text-v2 h3 {
margin-top: 24px;
font-size: 24px;
}
.rich-text-v2 ul, .rich-text-v2 ol {
padding-left: 20px;
}
.rich-text-v3 {
text-align: justify;
padding-right: 0;
}
.rich-text-v3 h2 {
font-size: 20px;
}
.rich-text-v3 h3 {
margin-top: 24px;
}
.rich-text-v3 ul, .rich-text-v3 ol {
padding-left: 20px;
}
.rich-text-v3.car-pg-inner-para {
padding-right: 0;
}
.career-description-content-top {
grid-row-gap: 16px;
}
.rich-text-v4 h2 {
font-size: 34px;
}
.rich-text-v4 h3 {
margin-top: 24px;
font-size: 24px;
}
.rich-text-v4 ul, .rich-text-v4 ol {
padding-left: 20px;
}
.rich-text-v4 h4 {
font-size: 20px;
}
.footer-v3-wrapper {
padding: 21px 0;
}
.footer-bottom-v3 {
padding-top: 28px;
padding-bottom: 32px;
}
.sign-up-block {
min-height: 572px;
}
.sign-up-grid {
grid-row-gap: 28px;
}
.mg-top-4px {
margin-top: 0;
}
.card-sign-in-image {
max-height: 350px;
}
.sign-in-block {
min-height: 623px;
}
.sign-in-block-wrapper {
padding: 38px 24px;
}
.sign-in-grid {
grid-row-gap: 28px;
}
.forgot-password-block {
min-height: 116px;
}
.forgot-password-grid {
grid-row-gap: 16px;
}
.footer-v2-bg {
padding: 55px 24px 60px;
}
.grid-footer-v2 {
grid-template-columns: 1fr;
}
.grid-footer-v2---menu {
grid-column-gap: 18px;
grid-row-gap: 50px;
grid-template-columns: 1fr;
}
.card-product-content {
padding: 24px;
}
.card-product-content._3-posts-item {
padding-bottom: 24px;
}
.card-product-content-bottom {
padding-bottom: 24px;
padding-left: 24px;
padding-right: 24px;
}
.add-cart {
min-height: 134px;
}
.shipping-method-content {
margin-top: 12px;
margin-bottom: 12px;
margin-right: 0;
}
.grid-dropdown-v1---menu {
grid-template-columns: 1fr;
}
.dropdown-menu-wrapper._3-cols {
grid-template-columns: auto auto;
}
.cart-list-title {
margin-bottom: 4px;
}
.cart-list-price {
margin-top: 2px;
}
.cart-item-content {
margin-top: 16px;
margin-left: 0;
margin-right: 0;
}
.cart-item-content---main {
flex-direction: column;
margin-right: 16px;
}
.header-menu-divider {
margin-left: 18px;
margin-right: 18px;
}
.button-career-category {
align-self: stretch;
width: 100%;
margin-bottom: 16px;
margin-right: 0;
}
.more-templates-badge-wrapper {
grid-column-gap: 6px;
grid-row-gap: 6px;
max-width: 250px;
padding: 8px 18px 8px 15px;
}
.more-templates-logo {
width: 60px;
}
.more-templates-p {
font-size: 12px;
}
.more-templates-lottie {
width: 40px;
}
.background-video {
min-height: 410px;
padding-left: 0%;
padding-right: 0%;
}
.card-2 {
height: 520px;
}
.card-2.key-markets-cards-11 {
height: 470px;
}
.card-2.key-markets-cards-11.homeland-security-card {
background-position: 0 0, 50%;
height: 470px;
}
.card-2.key-markets-cards-11.railway-card, .card-2.key-markets-cards-11.forests-card {
height: 470px;
}
.card-2.key-markets-cards-11.oil-gas-card, .card-2.key-markets-cards-11.telecommunications-cards, .card-2.key-markets-cards-11.earth-sciences-card {
background-position: 50%;
height: 470px;
}
.card-2.key-markets-cards-11.disaster-card, .card-2.key-markets-cards-11.construction-card, .card-2.key-markets-cards-11.mining-cards, .card-2.key-markets-cards-11.utilities-cards {
height: 470px;
}
.card-2.key-markets-cards-11.energy-cards-main.e-card {
margin-bottom: 20px;
}
.image-2 {
background-image: url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/681879f2202eb2600d284bc5_WhatsApp%20Image%202025-05-02%20at%2015.20.50.jpeg");
background-position: 50%;
background-size: auto;
border-bottom-left-radius: 15px;
height: 500px;
margin-bottom: 0;
}
.card-inf {
margin-bottom: 10px;
}
.card-inf.key-markets-cards {
padding-left: 20px;
padding-right: 20px;
}
.offering-div.key-markets-div.defence-div {
margin-bottom: 20px;
}
.milestones-div {
margin-bottom: 30px;
}
.journey {
padding-right: 8%;
}
.sustainability-list {
padding-left: 20px;
}
.list-item {
text-align: justify;
}
.sustainability-img {
margin-left: 12px;
}
.combine-blog3_image-wrapper {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
max-width: none;
display: grid;
}
.combine-blog3_item {
flex-direction: column;
}
.combine-padding-global {
padding-left: 1rem;
padding-right: 1rem;
}
.combine-text-size-small-2.combine-text-color-grey, .combine-text-size-small-2.combine-text-color-grey.case-study-title-expert, .combine-heading-style-h5-2, .combine-heading-style-h5-2.case-study-title {
text-align: justify;
}
.combine-blog3_content-2.case-study-sec {
padding: 2rem;
}
.combine-blog3_image-2 {
height: 100%;
margin-left: 0;
}
.combine-blog3_image-wrapper-2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
max-width: none;
display: grid;
}
.combine-blog3_item-2 {
flex-direction: column;
}
.combine-text-align-center-2.fct-home-below {
text-align: center;
}
.combine-padding-global-2 {
padding-left: 1rem;
padding-right: 1rem;
}
.wbs-right-arrow {
width: 30px;
height: 30px;
font-size: 14px;
inset: auto -40px 20px 0%;
}
.wbs-left-arrow {
width: 30px;
height: 30px;
font-size: 14px;
inset: auto 0% 20px -40px;
}
.wbs-testimonial-6-dec {
font-size: 1.1rem;
line-height: 1.7rem;
}
.wbs-testimonial-6-logo-image {
margin-left: 0;
}
.wbs-testimonial-6-counter {
flex-direction: column;
}
.wbs-testimonial-6-content {
align-items: flex-start;
padding: 30px 20px 90px;
}
.uui-testimonial18_slide-nav {
display: none;
}
.uui-testimonial18_arrow.left {
width: 2.8rem;
height: 2.8rem;
margin-top: 0;
}
.uui-testimonial18_arrow.left:hover {
background-image: linear-gradient(to bottom, var(--secondary--color-1), var(--secondary--color-1));
}
.uui-testimonial18_arrow.right {
width: 2.8rem;
height: 2.8rem;
}
.uui-testimonial18_arrow.right:hover {
background-color: var(--secondary--color-1);
}
.uui-testimonial18_slide {
padding-top: 20px;
padding-bottom: 20px;
padding-right: 1.5rem;
}
.uui-testimonial18_mask {
width: auto;
margin-bottom: 30px;
}
.uui-testimonial18_component {
flex-flow: column-reverse;
justify-content: center;
align-items: center;
display: inline;
position: relative;
}
.uui-padding-vertical-xhuge {
text-align: left;
padding-bottom: 1rem;
}
.uui-padding-vertical-xhuge.slider-hone.video-surveillance-card {
text-align: left;
padding-top: .5rem;
}
.uui-padding-vertical-xhuge.slider-hone.video-surveillance-card.mobile-arrow-sec-home-page-our-markets {
text-align: center;
}
.uui-page-padding.gallery-sec {
padding-left: 8%;
padding-right: 8%;
}
.uui-section_testimonial17 {
justify-content: center;
align-items: center;
display: block;
}
.uui-logos04_wrapper {
justify-content: center;
align-items: flex-start;
}
.uui-logos04_list {
justify-content: center;
}
.footer-grid {
display: block;
}
.footer-heading {
margin-top: 20px;
}
.brix---logo-strip-image-card {
box-shadow: 0 1px 6px 0 var(--general--shadow-02);
border-radius: 10px;
width: 120px;
margin: 6px;
}
.brix---heading-h2-size {
font-size: 24px;
line-height: 34px;
}
.brix---color-neutral-800 {
text-align: center;
}
.brix---mg-bottom-48px {
margin-bottom: 32px;
}
.brix---container-default {
padding-left: 0;
padding-right: 0;
}
.brix---section-logo-strip-v6 {
padding-top: 64px;
padding-bottom: 64px;
}
.brix---section-logo-strip-v6.certifications-section {
padding-left: 8%;
padding-right: 8%;
}
.sustainability-div {
padding-top: 40px;
}
.wbs-cta-5-button {
grid-row-gap: 10px;
flex-direction: column;
}
.wbs-heading-h4 {
font-size: 1.7rem;
}
.wbs-cta-5 {
padding: 20px;
}
.wbs-hero-6-client-grid {
grid-column-gap: 10px;
grid-row-gap: 10px;
grid-template-columns: 1fr 1fr 1fr;
margin-top: 30px;
}
.wbs-form-block {
padding: 20px;
}
.wbs-hero-6-button {
flex-direction: column;
align-items: flex-start;
}
.combine-blog4_content {
margin-left: 0;
}
.combine-blog4_image-wrapper {
max-width: none;
}
.combine-blog4_item {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-direction: column;
}
.combine-padding-global-3 {
padding-left: 1rem;
padding-right: 1rem;
}
.certification-img {
margin-left: 0;
}
.uui-contact14_component {
grid-row-gap: 48px;
grid-template-columns: 1fr;
}
.uui-page-padding-3 {
margin-bottom: 10px;
padding-bottom: 10px;
}
.uui-section_contact14 {
padding-top: 40px;
display: none;
}
.uui-section_contact14.section-unhide-mobile {
display: block;
}
.spark-bold-heading {
line-height: 1.3;
}
.spark-wrapped-card.spark-stacked {
width: 100%;
}
.spark-simple-side-icon-tab {
padding: 16px;
line-height: 1em;
}
.spark-simple-stacked-icon-tabs {
flex-flow: column wrap;
justify-content: flex-start;
margin-bottom: 32px;
}
.spark-centered-900 {
margin-bottom: 64px;
}
.spark-section {
padding: 0 8% 64px;
}
.spark-section h1 {
font-size: 3rem;
}
.spark-section h2 {
text-align: center;
font-size: 1.8rem;
}
.spark-section.our-location-above-section {
padding-bottom: 0;
}
.what-we-do-grid.fuel-service-grid {
height: auto;
}
.what-we-do-div-01.expertise-div.methanol-refill-div {
border-top-right-radius: 15px;
border-bottom-left-radius: 0;
height: 170px;
}
.what-we-do-div-01.our-growth-div.hydrogen-fuel-div {
background-image: url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/66ff77f413b3472cc40851ea_Untitled%20design%20(3).png");
background-size: cover;
border-top-right-radius: 15px;
border-bottom-left-radius: 0;
height: 220px;
}
.what-we-do-div-01.methanol-fuel-div {
height: 190px;
}
.what-we-do-div-01.methanol-fuel-div.hydrogen-img {
border-radius: 1px;
margin-bottom: 10px;
}
.what-we-do-div02 {
height: auto;
padding: 10px;
}
.what-we-do-div02.what-we-do-div06 {
padding-left: 10px;
padding-right: 10px;
}
.h3-heading.h3-left.reaching-sec-text-page-net {
font-size: 20px;
}
.h3-heading.head-fuel-page-inner {
text-align: left;
}
.h3-heading.head-sec-last-fuel {
text-align: center;
font-size: 28px;
}
.h3-heading.head-sec-last-fuel.hide-pc-html-fuel.head-tech-data {
margin-top: 40px;
}
.brix---text-300-bold {
font-size: 17px;
line-height: 21px;
}
.brix---mg-bottom-8px {
margin-bottom: 6px;
}
.brix---paragraph-default {
font-size: 17px;
line-height: 28px;
}
.brix---mg-bottom-24px {
margin-bottom: 16px;
}
.brix---heading-h3-size {
margin-bottom: 10px;
font-size: 20px;
line-height: 30px;
}
.brix---avatar-image {
width: 100%;
}
.brix---text-100 {
font-size: 15px;
}
.brix---text-200-bold {
font-size: 15px;
line-height: 16px;
}
.brix---avatar-circle-03 {
width: 48px;
min-width: 48px;
max-width: 48px;
height: 48px;
min-height: 48px;
max-height: 48px;
}
.brix---tab-line {
padding-left: 0;
padding-right: 0;
display: flex;
}
.brix---heading-h2-size-2 {
font-size: 24px;
line-height: 34px;
}
.brix---mg-bottom-16px {
margin-bottom: 15px;
}
.brix---container-default-2 {
padding-left: 20px;
padding-right: 20px;
}
.brix---section.it-solutions-sec-1.smart-city-section.single-vs-hybridised-sec {
padding-left: 8%;
padding-right: 8%;
}
.brix---section.it-solutions-sec-1.smart-city-section.single-vs-hybridised-sec.engineering-the-future-sec.tech-data-table {
padding-left: 3%;
padding-right: 3%;
}
.brix---section.it-solutions-sec-1.smart-city-section.single-vs-hybridised-sec.key-features-section {
padding-top: 40px;
padding-bottom: 40px;
}
.brix---section.it-solutions-sec-1.smart-city-section.single-vs-hybridised-sec.energy-management-sec {
padding-left: 8%;
padding-right: 8%;
}
.brix---section.it-solutions-sec-1.technology-sec-1 {
padding: 40px 8%;
}
.brix---section.it-solutions-sec-1.benifite-section {
padding-left: 8%;
padding-right: 8%;
}
.brix---section.it-solutions-sec-1.benifite-section.green-hydrogen-bg.green-hydrogen-bg-0 {
padding-left: 10px;
padding-right: 10px;
}
.brix---section.it-solutions-sec-1.benifite-section.industry-bg {
padding-top: 40px;
}
.brix---link-icon-right {
width: 18px;
}
.brix---mg-top-16px {
margin-top: 12px;
}
.brix---card-v11-feature-over-image {
margin-top: -46px;
margin-left: 14px;
margin-right: 14px;
padding: 18px 24px 40px;
}
.brix---image-border-radius-24px {
border-radius: 16px;
}
.brix---mg-bottom-48px-2 {
margin-bottom: 32px;
}
.brix---paragraph-default-2 {
font-size: 17px;
line-height: 28px;
}
.brix---square-icon {
border-radius: 14px;
max-width: 56px;
}
.brix---card---icon-left---content-right {
padding-top: 40px;
padding-left: 24px;
padding-right: 24px;
}
.spark-bold-heading-2 {
line-height: 1.3;
}
.spark-wrapped-card-2.spark-stacked {
width: 100%;
}
.spark-tabs-menu {
flex-flow: column wrap;
justify-content: flex-start;
}
.spark-centered-901 {
margin-bottom: 64px;
}
.spark-section-2 {
padding: 64px 20px;
}
.spark-section-2 h1 {
font-size: 3rem;
}
.spark-section-2 h2 {
font-size: 2.5rem;
}
.brix---btn-slider-arrow-right---testimonial-v12 {
right: 31%;
}
.brix---btn-slider-arrow-left---testimonial-v12 {
left: 31%;
}
.brix---text-200 {
font-size: 15px;
line-height: 16px;
}
.brix---heading-h4-size {
font-size: 18px;
line-height: 24px;
}
.brix---mg-bottom-8px-2 {
margin-bottom: 6px;
}
.brix---paragraph-default-3 {
font-size: 17px;
line-height: 28px;
}
.brix---mg-bottom-24px-2 {
margin-bottom: 16px;
}
.brix---card-testimonial-v13 {
padding-top: 40px;
padding-left: 24px;
padding-right: 24px;
}
.brix---btn-secondary, .brix---btn-primary {
width: 100%;
padding-top: 18px;
padding-bottom: 18px;
font-size: 17px;
line-height: 19px;
}
.brix---button-row-left {
width: 100%;
margin-bottom: 20px;
margin-right: 0;
}
.brix---buttons-row-right---t-left {
flex-direction: column;
align-items: stretch;
}
.brix---heading-h2-size-3 {
font-size: 24px;
line-height: 34px;
}
.brix---mg-bottom-16px-2 {
margin-bottom: 15px;
}
.brix---grid-top---text-2-buttons {
grid-row-gap: 16px;
grid-template-columns: 1fr;
}
.brix---container-default-3 {
padding-left: 20px;
padding-right: 20px;
}
.brix---section-overflow-hidden {
padding-top: 96px;
padding-bottom: 96px;
}
.uui-heading-xxsmall-3.text-weight-medium {
text-align: justify;
padding-left: 0;
padding-right: 0;
font-size: 15px;
}
.uui-testimonial15_mask {
width: 95%;
}
.uui-padding-vertical-xhuge-4 {
padding-top: 0;
padding-bottom: 0;
}
.uui-page-padding-4 {
padding-left: 0%;
padding-right: 0%;
}
.uui-page-padding-4.smart-tab {
padding-top: 40px;
padding-bottom: 0;
}
.uui-section_testimonial15.dmfc-tech--age {
padding-left: 20px;
padding-right: 20px;
}
.splide__pagination__page {
margin-left: 0;
margin-right: 8px;
}
.splide__pagination {
padding-top: 2em;
padding-bottom: 1em;
position: relative;
}
.key.arket-list {
padding-left: 20px;
font-size: 15px;
}
.margin-bottom {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.padding-vertical-2 {
padding-left: 0;
padding-right: 0;
}
.content_card-info {
grid-template-columns: 1fr;
}
.content_card-title {
font-size: 16px;
}
.content_card-header {
align-items: flex-start;
}
.padding-vertical-3 {
padding-left: 0;
padding-right: 0;
}
.footer_component {
text-align: left;
}
.footer_wrapper {
text-align: center;
flex-direction: column;
grid-auto-columns: 1fr;
}
.footer_finsweet {
font-size: 14px;
}
.nav_logo-text {
display: none;
}
.padding-vertical-4 {
padding-left: 0;
padding-right: 0;
}
.content_collection-list-2 {
grid-row-gap: 2rem;
place-items: stretch start;
}
.content_collection-item.padding-small.padding-remve-product-page {
width: auto;
padding: 0;
}
.results_count-text {
margin-bottom: 1rem;
margin-right: 0;
}
.padding-bottom {
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.filter_row {
grid-template-columns: 1fr;
padding-left: 2rem;
padding-right: 2rem;
}
.filter_row.mar-left-product-pg {
padding-left: 0;
padding-right: 0;
}
.container-large {
padding-top: 10px;
}
.section_mul-filter.product-page-8per {
padding-left: 8%;
padding-right: 8%;
}
.filter_content-2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-columns: 1fr;
justify-content: stretch;
padding-right: 0;
}
.filter_empty-2 {
padding: 3rem;
}
.search_field {
width: auto;
margin-left: auto;
margin-right: auto;
padding-left: 1rem;
padding-right: 5rem;
}
.reset_element {
margin-bottom: 1rem;
margin-right: 0;
}
.div-block.div-product-filter-wala {
padding-left: 10px;
padding-right: 10px;
}
.manage_results-right {
flex-direction: column;
}
.filter_tags-wrapper-2 {
grid-column-gap: 16px;
grid-row-gap: 9px;
flex-direction: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.page-padding-3.product-section {
padding-left: 0%;
padding-right: 0%;
}
.property-image-wrapper {
width: auto;
height: auto;
}
.checkbox-field {
padding-left: 1.25rem;
}
.btn-w {
font-size: .9375rem;
}
.card-w {
padding: 1.5rem;
}
.brandname-w {
padding-top: 3rem;
}
.remove-w.timeline-slider-secttion {
min-height: 130px;
}
.x-container {
padding-left: 1.125rem;
padding-right: 1.125rem;
}
.close-btn-w {
width: 3rem;
height: 3rem;
margin-top: 1.5rem;
margin-left: -5.5rem;
margin-right: 1.5rem;
}
.screen-reader-only {
display: none;
}
.modal-content-w {
padding: 1.5rem;
}
.modal-1-popup {
z-index: 25;
height: 100vh;
padding: 0;
display: none;
overflow: visible;
}
.modal {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
display: none;
}
.modal-2-popup {
padding-left: 0;
padding-right: 0;
display: none;
overflow: visible;
}
.modal-scroll-content-w {
padding: 1.5rem;
}
.modal-scroll {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
height: 70%;
}
.modal-w-scroll {
height: 100%;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
display: block;
}
.modal-3-popup {
padding: 0;
display: none;
}
.team-img {
border: 0 #fff;
border-radius: 0%;
margin-left: 0;
}
.team-bio-grid {
grid-template-columns: 1fr;
}
.checkbox-field-2 {
padding-left: 1.25rem;
}
.our-value-system-div {
margin-bottom: 20px;
}
.our-value-system-div.core-value-box-div {
margin-bottom: 15px;
}
.heading-h4.quote-name {
font-size: 14px;
font-weight: 600;
line-height: 1em;
}
.modal-4-popup {
object-fit: fill;
padding: 0;
display: none;
}
.modal-5-popup {
padding: 0;
display: none;
}
.modal-5-popup.modal-5-popup-scroll {
aspect-ratio: auto;
object-fit: fill;
width: 100%;
height: 100vh;
margin-left: auto;
margin-right: auto;
display: block;
overflow: auto;
}
.modal-6-popup {
padding: 0;
display: none;
}
.modal-7-popup {
padding: 0;
}
.value-grid-2 {
display: block;
}
.value-icn {
margin-left: 0;
}
.mission-vission-grid {
display: block;
}
.mission-grid {
margin-bottom: 20px;
display: block;
}
.m1-div {
padding-top: 20px;
}
.m2-div {
padding-top: 10px;
padding-left: 30px;
}
.horizons-section {
padding-top: 40px;
padding-bottom: 40px;
}
.horizons-div-1 {
height: 190px;
}
.b-list {
padding-left: 10px;
}
.vision-misiion-icn {
max-width: 40%;
}
.why-choose-us-grid, .why-choose-us-grid.core-value-grid {
display: block;
}
.what-is-a-fuel-grid.efoy-hydrogen-grid {
grid-template-columns: 1fr;
}
.what-is-a-fuel-div-01, .what-is-a-fuel-div-02.product-overview-img-div.effoy-duo-div1.efoy-p-30.efoy-pro-padding-remove {
padding-left: 0;
}
.h2-heading-left {
padding-left: 0;
padding-right: 0;
font-size: 23px;
}
.technology-overview--img {
margin-left: 0;
}
.spark-bold-heading-3 {
line-height: 1.3;
}
.spark-wrapped-card-3.spark-stacked {
width: 100%;
}
.spark-simple-side-icon-tab-2 {
padding: 16px;
line-height: 1em;
}
.spark-simple-stacked-icon-tabs-2 {
flex-flow: column wrap;
justify-content: flex-start;
margin-bottom: 32px;
}
.spark-centered-902 {
margin-bottom: 64px;
}
.spark-section-3 {
padding: 64px 20px;
}
.spark-section-3 h1 {
font-size: 3rem;
}
.spark-section-3 h2 {
font-size: 2.5rem;
}
.spark-tabs-menu-2 {
flex-flow: column wrap;
justify-content: flex-start;
}
.circle_wrap {
width: 36em;
height: 16.5em;
font-size: 2.5vw;
}
.container-2.is-timeline {
width: 100%;
height: 27vh;
}
.circle_p {
padding-left: 10px;
padding-right: 10px;
font-size: 13px;
font-weight: 300;
line-height: 1;
}
.timeline-image {
display: none;
}
.benifite-grid {
grid-column-gap: 10px;
grid-row-gap: 10px;
grid-template-columns: 1fr 1fr;
padding-left: 10px;
padding-right: 10px;
}
.benifite-grid.defence-security-grid, .benifite-grid.defence-security-grid.benifitegrid-hide {
grid-template-columns: 1fr;
padding-left: 0;
padding-right: 0;
}
.benifite-grid.indoor-green-hide {
grid-template-columns: 1fr;
}
.benifite-grid.benifite-grid-hide {
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
margin-left: auto;
margin-right: auto;
padding-left: 0;
padding-right: 0;
}
.benifite-grid.benifite-grid-hide.benifite-grid-2.benifite-grid-3 {
grid-column-gap: 10px;
grid-row-gap: 10px;
padding-left: 10px;
padding-right: 10px;
}
.benifite-grid.dmfc-grid-tech-page {
grid-template-columns: 1fr;
}
.benifite-grid-div {
padding-left: 10px;
padding-right: 10px;
}
.clean-energy-cell1.clean-energy-cell2-coloe {
padding: 0 10px;
display: flex;
}
.clean-energy-cell2 {
padding: 10px;
}
.clean-energy-cell2.clean-energy-cell2-shadow {
padding-left: 10px;
padding-right: 10px;
}
.clean-energy-quick-stack {
padding-left: 0;
padding-right: 0;
}
.hydrogen-fuel-img {
margin-left: 0;
}
.hero-h3 {
margin-right: 0;
}
.hero-h3.hero-it-servoces {
text-align: left;
font-size: 23px;
}
.defence-security--quick-stack {
padding-left: 0;
padding-right: 0;
}
.defence-security-cell-2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
padding: 20px;
display: flex;
}
.stationary-fuel-cell-quick-stack {
padding-bottom: 35px;
}
.stationary-fuel-cell-1 {
padding: 20px;
}
.stationary-fuel-cell-1.stationary-fuel-cell-2 {
padding-top: 150px;
padding-bottom: 100px;
}
.stationary-fuel-cell-1.fc-gen-1 {
grid-column-gap: 16px;
grid-row-gap: 16px;
background-attachment: fixed;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: flex;
}
.spark-bold-heading-4 {
line-height: 1.3;
}
.spark-wrapped-card-4.spark-stacked {
width: 100%;
}
.spark-side-flat-tab {
padding: 16px;
}
.spark-stacked-flat-tabs-menu {
flex-flow: column wrap;
justify-content: flex-start;
}
.spark-centered-903 {
margin-bottom: 64px;
}
.spark-section-4 {
padding: 64px 20px;
}
.spark-section-4 h1 {
font-size: 3rem;
}
.spark-section-4 h2 {
font-size: 2.5rem;
}
.add-ons_accordion-body {
padding-left: 56px;
}
.add-ons_accordion-body.add-ons_js-accordion-body {
padding-left: 0;
padding-right: 0;
}
.margin-top {
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
}
.data-centres-tab-content {
padding: 20px 10px;
}
.data-centres-tab-content.pillars-div {
padding: 10px;
}
.spark-simple-side-icon-tab-3 {
padding: 16px;
line-height: 1em;
}
.spark-simple-stacked-icon-tabs-3 {
flex-flow: column wrap;
justify-content: flex-start;
margin-bottom: 32px;
}
.green-hydrogen-stack {
padding-left: 0;
padding-right: 0;
}
.indoor-green-hydrogen-image {
background-size: cover, cover;
}
.indoor-green-hydrogen-image.genset-img.how-it-work-img {
padding-top: 10px;
}
.indoor-green-hydrogen-image.genset-img.net-zero-buildings-img {
background-image: url("https://cdn.prod.website-files.com/66697d06358f80ebbdc1a6bd/66ff89645370f19dc000d8cb_Net%20Zero%20Buildings%20IMg1.jpg");
background-position: 0 0;
background-size: cover;
border-radius: 15px;
padding-top: 150px;
}
.indoor-green-hydrogen-content {
padding: 10px;
}
.indoor-green-hydrogen-content.indoor-green-hydrogen-content-1 {
padding-left: 10px;
padding-right: 10px;
}
.outdoor-green-stack {
padding: 0;
}
.outdoor-green-stack.powerpack-stack {
margin-bottom: 10px;
}
.outdoor-green-stack-img.powerpack-stack-image {
padding-top: 25px;
}
.outdoor-green-stack-img.hybrid-systems-cell, .outdoor-green-stack-content {
padding: 10px;
}
.product-hero-grid {
grid-template-columns: 1fr;
margin-top: 20px;
}
.product-overview-img {
margin-left: 0;
}
.card_number-circle {
width: 1.5rem;
height: 1.5rem;
}
.card_number {
font-size: .8rem;
}
.steps.dots {
width: 100%;
padding-top: 9%;
padding-bottom: 9%;
}
.img-hero {
min-height: 0;
}
.scroll-hero {
width: 100%;
margin-top: 5%;
}
.step-hero {
padding-left: 10px;
padding-right: 10px;
}
.scoll-wrap-hero {
width: 93%;
}
.choose-emily-3000-div {
padding: 20px;
}
.uui-testimonial18_mask-2 {
width: 95%;
}
.image-22 {
padding-top: 0;
display: inline-block;
}
.image-22.mobile-none {
display: none;
}
.card-002_content {
margin-bottom: 0;
}
.card-002_content.card-2-ind-pg {
height: 159px;
}
.card-002_grid {
grid-template-columns: 1fr;
padding-top: 10px;
padding-left: 0;
padding-right: 0;
}
.card-002_image {
padding-top: 0;
}
.card-002_wrapper {
padding-top: 167px;
}
.core-features-grid {
grid-template-columns: 1fr;
}
.uui-navbar01_large-item-content {
margin-top: 1rem;
}
.uui-navbar01_blog-item {
flex-direction: column;
display: flex;
}
.uui-navbar01_dropdown-blog-list {
grid-column-gap: 0px;
grid-row-gap: .5rem;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.uui-navbar01_dropdown-link {
padding-left: 0;
}
.uui-navbar01_dropdown-content-left, .uui-navbar01_dropdown-content-left-2 {
grid-template-columns: 1fr;
padding-top: 1rem;
padding-bottom: 1rem;
}
.dropdown-mobile-menu {
margin-bottom: 5px;
}
.dropdown-mobile-toggle {
padding-top: 5px;
padding-bottom: 5px;
}
.mobile-menu-2024 {
padding-left: 10px;
padding-right: 10px;
}
.paragraph-4 {
width: 280px;
font-size: 14px;
}
.collection-list-wrapper-2 {
margin-right: 0;
}
.spark-bold-heading-5 {
line-height: 1.3;
}
.spark-wrapped-card-5.spark-stacked {
width: 100%;
}
.spark-tabs-menu-3 {
flex-flow: column wrap;
justify-content: flex-start;
}
.spark-tabs-menu-3.spark-left-aligned {
grid-template-columns: 1fr;
}
.spark-centered-904 {
margin-bottom: 64px;
}
.spark-section-5 {
padding: 64px 20px;
}
.spark-section-5 h1 {
font-size: 3rem;
}
.spark-section-5 h2 {
font-size: 2.5rem;
}
.smart-city-image-grid {
grid-template-columns: 1fr;
padding-right: 20px;
}
.smart-city-image-grid.innovating-new-products-grid {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.smart-city-image-grid.it-sol-grid-f {
padding-right: 0;
}
.div-block-52 {
padding-left: 10px;
padding-right: 10px;
}
.image-24 {
margin-left: 0;
}
.mobile-image {
margin-left: 0;
display: block;
}
.mobile-image.hide-mob-net-zero-pg {
display: none;
}
.mobile-image.net-zero-image-benifits {
padding-bottom: 20px;
}
.mobile-none {
display: none;
}
.container-3 {
max-width: none;
font-size: 16px;
}
.hero-heading-center {
padding-left: 8%;
padding-right: 8%;
}
.hero-heading-center.overview-swc-1 {
padding: 40px 8%;
}
.centered-heading {
margin-bottom: 24px;
}
.centered-heading.margin-bottom-32px {
font-size: 35px;
}
.centered-heading.margin-bottom-32px.ind-page-head {
margin-bottom: 20px;
font-size: 24px;
}
.centered-heading.margin-bottom-32px.hydrogen-pg-heading {
font-size: 35px;
}
.margin-bottom-24px-2 {
margin-bottom: 0;
}
.md-quotediv.hide-quote {
display: block;
}
.quote-text {
font-size: 15px;
}
.quote-image-name-grid {
grid-column-gap: 13px;
grid-row-gap: 13px;
}
.quote-designation {
font-size: 12px;
}
.quote-img {
margin-left: 0;
}
.national-green-grid {
grid-template-columns: 1fr;
}
.national-green-div-1 {
padding: 10px;
}
.national-green-div-2 {
border-radius: 20px;
padding-top: 150px;
}
.spark-bold-heading-6 {
line-height: 1.3;
}
.spark-wrapped-card-6.spark-stacked {
width: 100%;
}
.spark-pill-tab-4, .spark-pill-tab-4.w--current {
margin-bottom: 10px;
}
.spark-tabs-menu-4 {
flex-flow: column wrap;
justify-content: flex-start;
}
.spark-tabs-parent-4 {
padding-left: 0;
padding-right: 0;
}
.spark-tabs-parent-4.tech-page-sec-2 {
padding-top: 30px;
padding-left: 0;
padding-right: 0;
}
.spark-centered-905 {
margin-bottom: 64px;
}
.spark-container-6 {
max-width: none;
}
.spark-section-6 {
padding: 64px 20px;
}
.spark-section-6 h1 {
font-size: 3rem;
}
.spark-section-6 h2 {
font-size: 2.5rem;
}
.spark-simple-side-icon-tab-4 {
padding: 16px;
line-height: 1em;
}
.spark-simple-stacked-icon-tabs-4 {
flex-flow: column wrap;
justify-content: flex-start;
margin-bottom: 32px;
}
.industry-2-grid {
grid-template-columns: 1fr;
}
.industry-2-div {
padding: 10px;
}
.industry-2-div-img {
border-radius: 20px;
padding-top: 150px;
padding-left: 0;
}
.energy-network-grid {
grid-template-columns: 1fr;
}
.div-block-53 {
text-align: right;
display: block;
}
.div-block-53.tab-3-center {
text-align: center;
display: block;
}
.div-block-53.center-tab-2 {
text-align: center;
}
.customised-solutions-grid {
grid-template-columns: 1fr;
}
.customised-solutions-01 {
padding: 20px;
}
.customised-solutions-02 {
padding-top: 150px;
padding-bottom: 75px;
}
.fuel-cartridges-grid {
grid-template-columns: 1fr;
}
.technical-data-img {
margin-bottom: 0;
margin-left: 0;
}
.emission-free-grid {
grid-template-columns: 1fr;
}
.news-update-heading {
padding-left: 5px;
padding-right: 5px;
}
.news-detail-header-div2 {
padding: 140px 8% 60px;
}
.rich-text-section {
padding: 40px 8%;
}
.featire-image {
margin-left: 0;
}
.our-commitment--grid {
grid-template-columns: 1fr;
}
.commitment-icn {
margin-left: 0;
}
.customised-solutions--grid-1 {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.customised-solutions--div-1 {
padding: 20px;
}
.careet-grid-1 {
grid-template-columns: 1fr;
}
.paragraph-left-dark {
text-align: justify;
}
.caf--grid {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
.our-approach-grid {
grid-template-columns: 1fr;
}
.our-approach-grid.benefits-grid-new.reliable-sustainable-grid.driving-sustainable-benifite-grid {
padding-left: 0;
padding-right: 0;
}
.aproch-icn {
margin-left: 0;
}
.insights-from-grid, .sustainable-india-grid {
grid-template-columns: 1fr;
}
.sustainable-india-image-div {
border-radius: 20px;
padding-top: 150px;
}
.sustainable-india-text-div {
padding: 20px;
}
.career-icn {
margin-left: 0;
}
.customised-solutions-stack {
padding: 0;
}
.customised-solutions-image-cell, .customised-solutions-image-cell.innovating-new-cell.img-r-dpg {
padding-top: 150px;
}
.customised-solutions-text-cell {
padding: 20px;
}
.combine-gallery1_image {
margin-left: 0;
}
.combine-gallery1_component {
grid-template-columns: 1fr;
}
.combine-padding-global-4 {
padding-left: 1rem;
padding-right: 1rem;
}
.heading-3 {
font-size: 30px;
}
.container-4 {
max-width: none;
}
.gallery-wrapper {
grid-template-columns: 1fr;
}
.gallery-slide-wrapper {
max-width: 100%;
margin-right: 0%;
}
.gallery-slider-left {
left: -20px;
}
.gallery-slider-right {
right: -20px;
}
.combine-gallery3_component {
column-count: 1;
}
.combine-padding-global-5 {
padding-left: 1rem;
padding-right: 1rem;
}
.combine-gallery3_image-2 {
margin-left: 0;
}
.combine-gallery3_image-wrapper-2 {
width: auto;
}
.combine-gallery3_component-2 {
column-count: 1;
}
.combine-padding-global-6 {
padding-left: 1rem;
padding-right: 1rem;
}
.combine-padding-global-6.na-galary-career {
padding: 0 0;
}
.container-5 {
max-width: none;
}
.gallery-wrapper-2 {
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;
}
.palm-img01-grid {
grid-template-columns: 1fr;
padding-left: 8%;
padding-right: 8%;
}
.palm-img01-div {
border-bottom: 1px solid #79cf19;
}
.palm-img01-div.img-powermanager-3g {
border-left-style: none;
}
.palm-img01 {
margin-left: 0;
}
.palm-img01.img-ene-net {
padding-bottom: 20px;
}
.paragraph-5.energy-net-padding {
padding-top: 20px;
}
.reliable-sustainable-point-div.reliable-sustainable-point-div-1 {
padding: 20px;
}
.reaching-the-unreachable-title-grid {
grid-template-columns: 1fr;
padding-left: 0;
}
.reaching-the-unreachable-point-grid {
grid-template-columns: 1fr;
}
.powering-critical-operations-grid {
grid-template-columns: 1fr;
padding: 40px;
}
.heading-5.head-event-pg {
margin-top: 0;
padding-top: 20px;
font-size: 38px;
}
.hero-heading-left-2 {
padding: 20px 8%;
}
.container-6 {
max-width: none;
}
.hero-wrapper-2 {
margin-bottom: 0;
padding-left: 0;
padding-right: 0;
}
.hero-split-2 {
margin-bottom: 0;
}
.nav-menu {
flex-direction: column;
}
.nav-button-wrapper {
width: auto;
}
.heading-6 {
margin-right: 0;
}
.heading-6.idex-dio-title {
font-size: 36px;
}
.container-7 {
max-width: none;
}
.gallery-wrapper-3 {
grid-template-columns: 1fr;
}
.gallery-slide-wrapper-3 {
max-width: 100%;
margin-right: 0%;
}
.gallery-slider-left-3 {
left: -20px;
}
.gallery-slider-right-3 {
right: -20px;
}
.bold-text-2 {
text-align: left;
}
.text-block-12 {
font-size: 14px;
}
.text-block-13, .text-block-14 {
font-size: 15px;
}
.brix---btn-secondary-white, .brix---btn-primary-white {
width: 100%;
padding-top: 18px;
padding-bottom: 18px;
font-size: 16px;
line-height: 18px;
}
.brix---button-row-left-2 {
width: 100%;
margin-bottom: 20px;
margin-right: 0;
}
.brix---buttons-row {
flex-direction: column;
align-items: stretch;
}
.brix---paragraph-default-4 {
font-size: 17px;
line-height: 28px;
}
.brix---heading-h2-size-4 {
font-size: 24px;
line-height: 34px;
}
.brix---mg-bottom-16px-3 {
margin-bottom: 15px;
}
.brix---container-default-4 {
padding-left: 20px;
padding-right: 20px;
}
.brix---cta-bg-overlay {
padding-top: 72px;
padding-bottom: 72px;
}
.hero-subscribe-right {
padding-left: 8%;
padding-right: 8%;
}
.container-8 {
max-width: none;
}
.hero-split-3 {
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.shadow-two-5 {
margin-left: 0;
}
.margin-bottom-24px-6.about-us-sfc-class {
margin-bottom: 10px;
}
.hero-form {
align-self: stretch;
margin-bottom: 15px;
}
.hero-form-container {
flex-direction: column;
align-items: flex-start;
}
.hero-form-input {
width: 100%;
height: 48px;
margin-bottom: 10px;
}
.heading-8 {
margin-bottom: 0;
}
.heading-8.heading-sfc-about-us {
font-size: 42px;
}
.image-29 {
margin-left: 0;
}
.image-29.img-net-zero-building {
border-radius: 10px;
}
.case-study-hero-desc {
text-align: left;
font-size: 16px;
}
.link-5 {
color: var(--neutral--800);
}
.rich-text-block {
text-align: justify;
}
.quote-grid-main.mobile-hide {
display: none;
}
.smart-bat-head {
font-size: 18px;
}
.image-31, .img-efoy-pro {
margin-left: 0;
}
.slider-2 {
width: auto;
height: auto;
}
.wbs-right-arrow-2 {
width: 30px;
height: 30px;
font-size: 14px;
inset: auto -40px 20px 0%;
}
.wbs-left-arrow-2 {
width: 30px;
height: 30px;
font-size: 14px;
inset: auto 0% 20px -40px;
}
.wbs-testimonial-6-dec-2 {
font-size: 1.1rem;
line-height: 1.7rem;
}
.wbs-testimonial-6-logo-image-2 {
margin-left: 0;
}
.wbs-testimonial-6-counter-2 {
flex-direction: column;
}
.wbs-testimonial-6-content-2 {
align-items: flex-start;
padding: 30px 20px;
}
.quote-redesign-20-grid {
display: none;
}
.flowappz-cookie-consent {
width: auto;
left: 0;
}
.cookie-description {
text-align: justify;
line-height: 20px;
}
.cookie-buttons-group {
flex-direction: column;
row-gap: 20px;
}
.button-3 {
width: 100%;
padding-top: 18px;
padding-bottom: 19px;
}
.page-wrapper-3 {
max-width: 100%;
}
.information_section.background-color.neutral-200 {
padding-top: 16px;
padding-left: 16px;
padding-right: 16px;
}
.form_section {
padding-left: 16px;
padding-right: 16px;
}
.form_field-label {
font-size: 1em;
}
.paragraph-small-2.width-60percent {
width: 100%;
}
.section-csr-4-points-below-header {
margin: 15px;
position: static;
}
.grid-csr-4-points-below-header {
grid-template-columns: 1fr 1fr;
}
.grid-csr-4-points-in-dive.grid-csr-4-points-in-dive-border-center {
border-bottom: 2px solid #d6d2d2;
}
.grid-csr-4-points-in-dive.grid-csr-4-points-in-dive-border-center.grid-csr-4-points-in-dive-border-center-below-remove {
border-bottom-style: none;
}
.grid-csr-4-points-in-dive.grid-csr-4-points-in-dive-border-center.grid-csr-4-points-in-dive-border-center-left-remove {
border-right-style: none;
}
.container-9 {
max-width: none;
}
.centered-heading-2 {
margin-bottom: 24px;
}
.team-slide-wrapper {
width: 100%;
margin-right: 0%;
}
.btn-csr-policy-div-center {
justify-content: center;
align-items: center;
display: flex;
}
.container-default-copy {
padding-left: 8%;
padding-right: 8%;
}
.container-default-copy.overflow-hidden.mb-none-overflow-hidden {
overflow: visible;
}
.container-default-copy.product-page-heading {
padding-top: 30px;
}
.container-default-copy.contact-us-heading {
padding-left: 8%;
}
.container-default-copy.case-study-head-cont {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
max-width: 500px;
margin-left: auto;
margin-right: auto;
padding-left: 8%;
padding-right: 8%;
display: inline-flex;
}
.sustainability-img-mob {
margin-left: 12px;
}
.sustainability-img-mob.sus-img-mobile {
margin-left: 0;
}
.map-image {
min-width: 320px;
max-width: 320px;
}
.map-pin {
width: 20px;
height: 35px;
top: 211px;
left: 44px;
}
.map-pin.sensitive-nations {
top: 230px;
left: 173px;
}
.map-pin.sensitive-nations.sensitive-3 {
top: 219px;
left: 189px;
}
.map-pin.sensitive-nations.sensitive-2 {
top: 195px;
left: 200px;
}
.map-pin.eastern-europe {
top: 204px;
left: 143px;
}
.map-pin.west-africa {
left: 115px;
}
.map-pin.russia {
top: 198px;
left: 209px;
}
.map-pin.east-africa {
top: 265px;
left: 166px;
}
.map-pin.southern-africa {
top: 282px;
left: 151px;
}
.map-pin.lusophone {
top: 274px;
left: 82px;
}
.map-pin.carribian {
top: 231px;
left: 24px;
}
.map-pin.asia-pacific {
top: 214px;
left: 250px;
}
.map-pin.asia-pacific.asia-pacific-2 {
top: 220px;
left: 215px;
}
.map-pin.africa-lusophone {
top: 253px;
left: 151px;
}
.map-pin.western-europe {
top: 209px;
left: 121px;
}
.map-pin.francophone {
top: 240px;
left: 130px;
}
.map-pin.latin-america {
top: 232px;
}
.map-pin.latin-america._2 {
top: 294px;
left: 65px;
}
.map-pin.latin-america._1 {
top: 265px;
left: 57px;
}
.country {
padding-right: 18px;
font-size: 12px;
}
.map-pin-tooltip {
padding-left: 5px;
padding-right: 5px;
left: -50px;
right: -50px;
}
.map-pin-tooltip.north-america {
display: none;
}
.map-wrapper {
min-width: 320px;
max-width: 479px;
}
.map-pin-2 {
width: 20px;
height: 35px;
top: 211px;
left: 33px;
}
.map-pin-2.sensitive-nations {
top: 230px;
left: 173px;
}
.map-pin-2.sensitive-nations.sensitive-3 {
top: 230px;
left: 209px;
}
.map-pin-2.sensitive-nations.sensitive-2 {
top: 222px;
left: 191px;
}
.map-pin-2.eastern-europe {
top: 204px;
left: 143px;
}
.map-pin-2.west-africa {
left: 115px;
}
.map-pin-2.russia {
top: 198px;
left: 209px;
}
.map-pin-2.east-africa {
top: 265px;
left: 166px;
}
.map-pin-2.southern-africa {
top: 282px;
left: 151px;
}
.map-pin-2.lusophone {
top: 274px;
left: 82px;
}
.map-pin-2.carribian {
top: 231px;
left: 24px;
}
.map-pin-2.asia-pacific {
top: 214px;
left: 250px;
}
.map-pin-2.asia-pacific.asia-pacific-2 {
top: 260px;
left: 268px;
}
.map-pin-2.africa-lusophone {
top: 253px;
left: 151px;
}
.map-pin-2.western-europe {
top: 209px;
left: 121px;
}
.map-pin-2.francophone {
top: 240px;
left: 130px;
}
.map-pin-2.latin-america {
top: 232px;
}
.map-pin-2.latin-america._2 {
top: 294px;
left: 65px;
}
.map-pin-2.latin-america._1 {
top: 265px;
left: 57px;
}
.map-image-2 {
min-width: 320px;
max-width: 320px;
}
.map-wrapper-2 {
min-width: 320px;
max-width: 479px;
}
}
#w-node-_9a95eab4-6112-6743-369b-0986f9304b0b-2f5e74d0, #w-node-_9857336a-ec5b-9911-b4c2-1e80332213c8-2f5e74d0 {
align-self: center;
}
#w-node-ce3576e7-862d-0eff-cf9c-edbe58ad6d4c-2f5e74d0 {
align-self: auto;
}
#w-node-_0e96e33e-e4c7-050e-dcaf-ef2a40f5c241-2f5e74d0 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-ad11c070-bd0d-25d5-a268-46f719107e78-91dd5701 {
align-self: end;
}
#w-node-bafa3bb0-3087-6d8e-cb98-c3f93d538255-91dd5701 {
align-self: center;
}
#w-node-_58aadc41-3c75-fe63-33b1-520a4419155c-44191556 {
place-self: stretch stretch;
}
#w-node-_58aadc41-3c75-fe63-33b1-520a44191572-44191556 {
align-self: center;
}
#w-node-_58aadc41-3c75-fe63-33b1-520a4419157f-44191556 {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: end;
}
#w-node-ac51a3f4-f936-c280-feb7-8b7aefac1ca4-bdc1a7b5 {
justify-self: end;
}
#w-node-c0639cc6-5853-2af3-d512-abe5991b5aae-bdc1a809 {
align-self: center;
}
#w-node-_9df7bed6-16f8-3a73-cce1-9e42f180857d-bdc1a809, #w-node-_9df7bed6-16f8-3a73-cce1-9e42f180857f-bdc1a809, #w-node-_9df7bed6-16f8-3a73-cce1-9e42f1808581-bdc1a809, #w-node-_9df7bed6-16f8-3a73-cce1-9e42f1808583-bdc1a809, #w-node-_9df7bed6-16f8-3a73-cce1-9e42f1808585-bdc1a809 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-fb530ffe-a60b-079e-b8a9-11c7d951f691-bdc1a809 {
align-self: center;
}
#w-node-fb530ffe-a60b-079e-b8a9-11c7d951f69d-bdc1a809 {
justify-self: end;
}
#w-node-f2091b5c-fbb8-fa0c-ca39-1d46ccf99178-bdc1a809, #w-node-c2f7fca8-1af3-f358-007f-80d42b7052ee-bdc1a809, #w-node-_08fc6262-064c-8562-bb7e-ca9d0f88d638-bdc1a809, #w-node-a9d49e78-72ae-bc38-7b27-8176b4010f03-bdc1a809 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_2068a914-e220-7256-69e9-828cae419065-bdc1a809 {
place-self: center end;
}
#w-node-_7ddb0eb5-f3b0-2110-9e0f-67d989ff45ba-bdc1a822 {
align-self: center;
}
#w-node-c6aa71e4-f43b-9de9-54b9-2963c6495ba1-bdc1a822 {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: center;
}
#w-node-e8c3b984-cd7a-a694-a808-ec14a2718881-bdc1a822 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_410bbfc9-7180-d074-ffc6-a1dbe707de31-bdc1a822, #w-node-_55550b61-c7b2-512e-243c-96349108e0a8-bdc1a822, #w-node-_820eea29-8703-1666-b65a-396655101beb-bdc1a822, #w-node-_4999515a-94e6-89a3-902f-e791788fc2d4-bdc1a822 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_0067196e-84e5-b25d-3a85-b4ade156d5b8-bdc1a822, #w-node-_446bd5ea-1916-a5ba-afbf-9df124fd7e59-bdc1a822, #w-node-_6898a338-7511-f421-5a6d-c87d4fe4ab8f-bdc1a822 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f9b643d5-14a9-c5b6-546c-d7e180a37e1b-bdc1a827 {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: stretch;
}
#w-node-cea323b7-4147-fa5f-6e83-4c138093fdc5-bdc1a827, #w-node-_08f85fc8-74cb-2fba-8918-670d879d494b-bdc1a827 {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: end;
}
#w-node-c31685de-f74f-8edd-e89f-42aed566d9cf-bdc1a827 {
place-self: end;
}
#w-node-c31685de-f74f-8edd-e89f-42aed566d9d4-bdc1a827 {
align-self: stretch;
}
#w-node-_488f4c9e-9c6a-896c-c635-17d8ba0f2885-bdc1a828 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_488f4c9e-9c6a-896c-c635-17d8ba0f2888-bdc1a828 {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: end;
}
#w-node-_488f4c9e-9c6a-896c-c635-17d8ba0f2893-bdc1a828 {
align-self: stretch;
}
#w-node-_0ddd3c0a-1c65-5c34-4f79-b0c7d6ce7146-bdc1a829 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_123c1e61-dbea-b6c5-4f94-03d3d6a38c5a-bdc1a829 {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: end;
}
#w-node-_7d3ae38c-75fc-08fb-61db-0a94fda19707-bdc1a829 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-b51b332f-2e1d-475a-bca4-0508e22fd678-bdc1a829 {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: end;
}
#w-node-f83d9060-7bb5-8d84-fc9f-d8a95adbfdb6-bdc1a829, #w-node-f83d9060-7bb5-8d84-fc9f-d8a95adbfdba-bdc1a829, #w-node-f83d9060-7bb5-8d84-fc9f-d8a95adbfdbe-bdc1a829 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f83d9060-7bb5-8d84-fc9f-d8a95adbfdc2-bdc1a829 {
place-self: center end;
}
#w-node-d76b5d2b-2d5a-1a68-1c7a-df8d9c722acb-bdc1a82a {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-d76b5d2b-2d5a-1a68-1c7a-df8d9c722ad0-bdc1a82a {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: end;
}
#w-node-d76b5d2b-2d5a-1a68-1c7a-df8d9c722ade-bdc1a82a, #w-node-d76b5d2b-2d5a-1a68-1c7a-df8d9c722ae2-bdc1a82a, #w-node-d76b5d2b-2d5a-1a68-1c7a-df8d9c722ae6-bdc1a82a {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-d76b5d2b-2d5a-1a68-1c7a-df8d9c722aea-bdc1a82a {
place-self: center end;
}
#w-node-_079aa91b-54ad-5ccc-7afe-5845990b9d97-bdc1a83f {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: center;
}
#w-node-_7d2cbca0-2a63-4155-fc6b-136f81c3f406-bdc1a83f {
grid-area: span 1 / span 1 / span 1 / span 1;
place-self: end;
}
#w-node-aea8622f-78f3-d094-adf6-289392fc15a9-bdc1a840 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-c6964c33-9429-32f9-4d42-e57d68afbddf-bdc1a840 {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: end;
}
#w-node-b9b0fcf7-15cc-e20c-6e9d-f7b8ef4f7718-bdc1a841 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_5dbe08a1-a0fe-9396-9fcb-26f806864bee-bdc1a841 {
grid-area: span 1 / span 1 / span 1 / span 1;
place-self: center end;
}
#w-node-f1be0c42-c00a-2a9a-87db-28771c3324a5-bdc1a841 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_0fb7bbc7-9ffe-cfd1-ffd6-9ecc1135a07c-bdc1a841 {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: end;
}
#w-node-_92b21c35-2250-f4ff-3d0d-019b63e6d04f-bdc1a843 {
grid-area: span 1 / span 1 / span 1 / span 1;
place-self: center;
}
#w-node-_2075b946-634d-ce42-2578-15a2926892ff-bdc1a843 {
place-self: end;
}
#w-node-_2075b946-634d-ce42-2578-15a292689304-bdc1a843 {
align-self: stretch;
}
#w-node-a3eedd15-d446-f990-2495-65edb6e27cbc-1f13dbc2 {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: center;
}
#w-node-_4831d309-6e7f-16b1-f3a2-40347ee3ae25-1f13dbc2, #w-node-d68ea66e-1719-3d2a-8576-c1d68b1dffba-1f13dbc2 {
align-self: center;
}
#w-node-d1cbef12-42da-75f1-a490-cf08571cde9e-1f13dbc2, #w-node-_1290a856-fec7-1e03-6228-38b7e00fa94d-1f13dbc2 {
place-self: auto;
}
#w-node-_22524e6c-45fd-fbea-d7fc-f133b6fc9ec2-1f13dbc2 {
place-self: center;
}
#w-node-fe5a9520-284b-14ff-32cc-c750d1d3f9fa-1f13dbc2, #w-node-fe5a9520-284b-14ff-32cc-c750d1d3fa07-1f13dbc2, #w-node-fe5a9520-284b-14ff-32cc-c750d1d3fa16-1f13dbc2, #w-node-fe5a9520-284b-14ff-32cc-c750d1d3fa21-1f13dbc2 {
align-self: center;
}
#w-node-ba378556-4a77-6b7c-1b59-c0beecab2780-e6e57d99 {
align-self: start;
}
#w-node-a90a1da2-32ae-1360-78f6-8dcec7c82164-3ee13418, #w-node-b9d0f266-d7ab-4384-7976-fc2d50aade44-3ee13418 {
align-self: center;
}
#w-node-cdc8e45f-2179-0210-e095-a27ede6f55da-3ee13418 {
grid-template-rows: auto;
grid-template-columns: 1.5fr 1fr;
}
#w-node-_9c23f256-926c-fdd4-1935-6add6b20c070-3ee13418 {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
}
#w-node-_97094af1-9c25-f58b-fdb5-7c21dbda8a7b-3ee13418 {
grid-template-rows: auto;
grid-template-columns: 1.5fr 1fr;
}
#w-node-_704fb7c5-bfaf-4554-e3f5-6c2dcbab9424-3ee13418 {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
}
#w-node-_618cdf41-5ec3-2c67-5eab-c3a33f42e3fc-3ee13418 {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
display: grid;
}
#w-node-_618cdf41-5ec3-2c67-5eab-c3a33f42e409-3ee13418, #w-node-_618cdf41-5ec3-2c67-5eab-c3a33f42e415-3ee13418 {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
}
#w-node-_95955aa4-b176-8477-b676-eb8faadb21b5-3ee13418 {
grid-template-rows: auto;
grid-template-columns: 1.5fr 1fr;
}
#w-node-a90a1da2-32ae-1360-78f6-8dcec7c82164-9494d357, #w-node-b9d0f266-d7ab-4384-7976-fc2d50aade44-9494d357 {
align-self: center;
}
#w-node-f337190c-b81d-3e94-6a30-e23ad82cc05c-9494d357, #w-node-beb38184-d5ba-b750-847e-f45f45c82916-9494d357, #w-node-_32dc7eba-8be6-d45f-2fd9-645f6c0d8081-9494d357, #w-node-c3980013-3d1b-f562-7bff-9995c7c7f4d3-9494d357, #w-node-dc5d6815-6365-0700-f8b2-43a6622967d8-9494d357, #w-node-a8bfe87a-9e59-e760-86ee-5a05e3da796b-9494d357, #w-node-cb155e0c-1949-42d2-7403-35afb801dc9a-9494d357 {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
}
#w-node-a90a1da2-32ae-1360-78f6-8dcec7c82164-c1348bae, #w-node-b9d0f266-d7ab-4384-7976-fc2d50aade44-c1348bae {
align-self: center;
}
#w-node-dafb3399-c65b-7249-ee92-1c55d4e6e803-c1348bae {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-a90a1da2-32ae-1360-78f6-8dcec7c82164-1d11338c, #w-node-b9d0f266-d7ab-4384-7976-fc2d50aade44-1d11338c {
align-self: center;
}
#w-node-f2a8e384-da2d-c699-9ddf-bc618ef4d94c-1d11338c {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
display: grid;
}
#w-node-f2a8e384-da2d-c699-9ddf-bc618ef4d9af-1d11338c, #w-node-f2a8e384-da2d-c699-9ddf-bc618ef4d9dd-1d11338c, #w-node-f2a8e384-da2d-c699-9ddf-bc618ef4da0c-1d11338c {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
}
#w-node-a3b60bbd-5e1a-f0b1-1411-e85ecbb6b6f8-70670061 {
align-self: center;
}
#w-node-_71f144bc-6392-eba3-8167-b6944b942027-70670061 {
justify-self: center;
}
#w-node-a90a1da2-32ae-1360-78f6-8dcec7c82164-70670061 {
place-self: center;
}
#w-node-b9d0f266-d7ab-4384-7976-fc2d50aade44-70670061 {
align-self: center;
}
#w-node-b8731152-9e4a-da7b-0963-634396e3ff4e-70670061 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-b8731152-9e4a-da7b-0963-634396e3ff57-70670061, #w-node-b8731152-9e4a-da7b-0963-634396e3ff5a-70670061, #w-node-b8731152-9e4a-da7b-0963-634396e3ff5c-70670061 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_82c898dc-016e-3d82-2600-c4b8d363d5d1-70670061 {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
}
#w-node-a90a1da2-32ae-1360-78f6-8dcec7c82164-a56c0bfb, #w-node-b9d0f266-d7ab-4384-7976-fc2d50aade44-a56c0bfb, #w-node-a90a1da2-32ae-1360-78f6-8dcec7c82164-eaed14d6, #w-node-b9d0f266-d7ab-4384-7976-fc2d50aade44-eaed14d6, #w-node-f4dbb103-0a2b-aa6b-dfee-d5a11f1852b2-eaed14d6, #w-node-_06936089-0c82-11d2-9f0d-8b91f9b9c17d-eaed14d6, #w-node-_1bccb365-fbe8-22c5-23e4-18b45d393c03-eaed14d6, #w-node-_1bccb365-fbe8-22c5-23e4-18b45d393c0b-eaed14d6, #w-node-_1bccb365-fbe8-22c5-23e4-18b45d393c13-eaed14d6, #w-node-_58c30974-c42f-180d-b733-157b586be81b-eaed14d6, #w-node-_55c5acac-1962-cd94-a512-8451983dc825-eaed14d6, #w-node-d4ae1588-930e-b4b9-8d0e-24e0ea5e6405-eaed14d6, #w-node-_4a519299-262d-bae3-0305-040abc4969e8-16297258 {
align-self: center;
}
#w-node-_4a519299-262d-bae3-0305-040abc4969eb-16297258 {
justify-self: center;
}
#w-node-a90a1da2-32ae-1360-78f6-8dcec7c82164-16297258 {
place-self: start center;
}
#w-node-b9d0f266-d7ab-4384-7976-fc2d50aade44-16297258 {
align-self: center;
}
#w-node-ece672de-df14-e2bf-173e-1d36f88cdd8a-16297258 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-ece672de-df14-e2bf-173e-1d36f88cdd93-16297258, #w-node-ece672de-df14-e2bf-173e-1d36f88cdd96-16297258, #w-node-ece672de-df14-e2bf-173e-1d36f88cdd98-16297258 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-a3b60bbd-5e1a-f0b1-1411-e85ecbb6b6f8-acece8a9 {
align-self: center;
}
#w-node-_71f144bc-6392-eba3-8167-b6944b942027-acece8a9 {
justify-self: center;
}
#w-node-a90a1da2-32ae-1360-78f6-8dcec7c82164-acece8a9 {
place-self: center;
}
#w-node-b9d0f266-d7ab-4384-7976-fc2d50aade44-acece8a9 {
align-self: center;
}
#w-node-c2f216d5-7c07-c1ff-6b39-d8651b93944e-acece8a9 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-c2f216d5-7c07-c1ff-6b39-d8651b939457-acece8a9, #w-node-c2f216d5-7c07-c1ff-6b39-d8651b93945a-acece8a9, #w-node-c2f216d5-7c07-c1ff-6b39-d8651b93945c-acece8a9 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-a3b60bbd-5e1a-f0b1-1411-e85ecbb6b6f8-5bf4adbc {
align-self: center;
}
#w-node-_71f144bc-6392-eba3-8167-b6944b942027-5bf4adbc {
justify-self: center;
}
#w-node-a90a1da2-32ae-1360-78f6-8dcec7c82164-5bf4adbc {
place-self: center;
}
#w-node-b9d0f266-d7ab-4384-7976-fc2d50aade44-5bf4adbc {
align-self: center;
}
#w-node-_82c898dc-016e-3d82-2600-c4b8d363d5d1-5bf4adbc {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
}
#w-node-d401bdab-a496-00d5-cb9d-02141e3164ed-5bf4adbc {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-d401bdab-a496-00d5-cb9d-02141e3164f6-5bf4adbc, #w-node-d401bdab-a496-00d5-cb9d-02141e3164f9-5bf4adbc, #w-node-d401bdab-a496-00d5-cb9d-02141e3164fb-5bf4adbc {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-a3b60bbd-5e1a-f0b1-1411-e85ecbb6b6f8-70ba68f8 {
align-self: center;
}
#w-node-_71f144bc-6392-eba3-8167-b6944b942027-70ba68f8 {
justify-self: center;
}
#w-node-a90a1da2-32ae-1360-78f6-8dcec7c82164-70ba68f8 {
place-self: center;
}
#w-node-b9d0f266-d7ab-4384-7976-fc2d50aade44-70ba68f8 {
align-self: center;
}
#w-node-_82c898dc-016e-3d82-2600-c4b8d363d5d1-70ba68f8 {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
}
#w-node-_114da48a-3c15-06eb-0ec2-c48a75c05387-70ba68f8 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_114da48a-3c15-06eb-0ec2-c48a75c05390-70ba68f8, #w-node-_114da48a-3c15-06eb-0ec2-c48a75c05393-70ba68f8, #w-node-_114da48a-3c15-06eb-0ec2-c48a75c05395-70ba68f8 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-a3b60bbd-5e1a-f0b1-1411-e85ecbb6b6f8-bfc2723b {
align-self: center;
}
#w-node-_71f144bc-6392-eba3-8167-b6944b942027-bfc2723b {
justify-self: center;
}
#w-node-_511c6820-b28f-0231-2488-160ad84a49db-bfc2723b {
align-self: center;
}
#w-node-a90a1da2-32ae-1360-78f6-8dcec7c82164-bfc2723b {
place-self: center;
}
#w-node-b9d0f266-d7ab-4384-7976-fc2d50aade44-bfc2723b {
align-self: center;
}
#w-node-_82c898dc-016e-3d82-2600-c4b8d363d5d1-bfc2723b {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
}
#w-node-ed0ae8f9-255c-babc-79be-81772dac020d-bfc2723b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-ed0ae8f9-255c-babc-79be-81772dac0216-bfc2723b, #w-node-ed0ae8f9-255c-babc-79be-81772dac0219-bfc2723b, #w-node-ed0ae8f9-255c-babc-79be-81772dac021b-bfc2723b {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-a3b60bbd-5e1a-f0b1-1411-e85ecbb6b6f8-245ff7cd {
align-self: center;
}
#w-node-_71f144bc-6392-eba3-8167-b6944b942027-245ff7cd {
justify-self: center;
}
#w-node-a90a1da2-32ae-1360-78f6-8dcec7c82164-245ff7cd {
place-self: start center;
}
#w-node-b9d0f266-d7ab-4384-7976-fc2d50aade44-245ff7cd {
align-self: center;
}
#w-node-_82c898dc-016e-3d82-2600-c4b8d363d5d1-245ff7cd {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
}
#w-node-b3db7c37-8f03-3270-3fc6-5f9e488d5de1-245ff7cd {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-b3db7c37-8f03-3270-3fc6-5f9e488d5dea-245ff7cd, #w-node-b3db7c37-8f03-3270-3fc6-5f9e488d5ded-245ff7cd, #w-node-b3db7c37-8f03-3270-3fc6-5f9e488d5def-245ff7cd {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-a3b60bbd-5e1a-f0b1-1411-e85ecbb6b6f8-c244404c {
align-self: center;
}
#w-node-_71f144bc-6392-eba3-8167-b6944b942027-c244404c {
justify-self: center;
}
#w-node-a90a1da2-32ae-1360-78f6-8dcec7c82164-c244404c {
place-self: start center;
}
#w-node-b9d0f266-d7ab-4384-7976-fc2d50aade44-c244404c {
align-self: center;
}
#w-node-b0e29800-cc77-8fb3-4a23-1bc01c19cd5f-c244404c {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-b0e29800-cc77-8fb3-4a23-1bc01c19cd68-c244404c, #w-node-b0e29800-cc77-8fb3-4a23-1bc01c19cd6b-c244404c, #w-node-b0e29800-cc77-8fb3-4a23-1bc01c19cd6d-c244404c {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-a3b60bbd-5e1a-f0b1-1411-e85ecbb6b6f8-77c59e7f {
align-self: center;
}
#w-node-_71f144bc-6392-eba3-8167-b6944b942027-77c59e7f {
justify-self: center;
}
#w-node-a90a1da2-32ae-1360-78f6-8dcec7c82164-77c59e7f {
place-self: center;
}
#w-node-b9d0f266-d7ab-4384-7976-fc2d50aade44-77c59e7f {
align-self: center;
}
#w-node-_5cf9b62e-93d7-9ade-141f-f343b452fa9f-77c59e7f {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_5cf9b62e-93d7-9ade-141f-f343b452faa8-77c59e7f, #w-node-_5cf9b62e-93d7-9ade-141f-f343b452faab-77c59e7f, #w-node-_5cf9b62e-93d7-9ade-141f-f343b452faad-77c59e7f {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-a3b60bbd-5e1a-f0b1-1411-e85ecbb6b6f8-9f38b84a {
align-self: center;
}
#w-node-_71f144bc-6392-eba3-8167-b6944b942027-9f38b84a {
justify-self: center;
}
#w-node-a90a1da2-32ae-1360-78f6-8dcec7c82164-9f38b84a {
place-self: center;
}
#w-node-b9d0f266-d7ab-4384-7976-fc2d50aade44-9f38b84a {
align-self: center;
}
#w-node-_6f201332-1622-86e0-5f99-9405e1e82991-9f38b84a {
grid-template-rows: auto;
grid-template-columns: .5fr 1fr 1fr 1fr;
}
#w-node-eec7533f-61e7-1b5c-0951-893c247a8b0b-9f38b84a {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-eec7533f-61e7-1b5c-0951-893c247a8b14-9f38b84a, #w-node-eec7533f-61e7-1b5c-0951-893c247a8b17-9f38b84a, #w-node-eec7533f-61e7-1b5c-0951-893c247a8b19-9f38b84a {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-a90a1da2-32ae-1360-78f6-8dcec7c82164-a1efa50e, #w-node-b9d0f266-d7ab-4384-7976-fc2d50aade44-a1efa50e, #w-node-_07322a81-0f55-d145-b900-640da9e2895d-a1efa50e, #w-node-_07322a81-0f55-d145-b900-640da9e2896a-a1efa50e, #w-node-_07322a81-0f55-d145-b900-640da9e28979-a1efa50e {
align-self: center;
}
#w-node-d7c75c25-7039-8d3f-ecad-61ab03b0b28e-a1efa50e {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-d7c75c25-7039-8d3f-ecad-61ab03b0b28f-a1efa50e, #w-node-_16ba572d-5fa1-c373-742b-fa03649818c7-32e48bb2, #w-node-_77c06a12-9df3-1d54-db21-c9309b85fcf7-32e48bb2 {
align-self: center;
}
#w-node-_58196e7f-bc0b-0d75-24b3-f5d653dc37b2-32e48bb2 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_77c06a12-9df3-1d54-db21-c9309b85fcea-32e48bb2, #w-node-_78219979-9c77-7b84-fc80-7c1b3aac8cf6-32e48bb2, #w-node-_78219979-9c77-7b84-fc80-7c1b3aac8d01-32e48bb2 {
align-self: center;
}
#w-node-_78219979-9c77-7b84-fc80-7c1b3aac8d09-32e48bb2 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_60c30a76-83d7-a3b3-3027-0c7812b3be4e-32e48bb2 {
align-self: center;
}
#w-node-_60c30a76-83d7-a3b3-3027-0c7812b3be56-32e48bb2 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_60c30a76-83d7-a3b3-3027-0c7812b3be66-32e48bb2, #w-node-_5a99b488-cbf6-4aeb-e13f-d1a26879e98f-32e48bb2, #w-node-_5a99b488-cbf6-4aeb-e13f-d1a26879e99a-32e48bb2 {
align-self: center;
}
#w-node-_5a99b488-cbf6-4aeb-e13f-d1a26879e9a2-32e48bb2 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_477c6619-8523-c0bc-10db-484c1c0c650d-32e48bb2 {
align-self: center;
}
#w-node-_477c6619-8523-c0bc-10db-484c1c0c6515-32e48bb2 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_477c6619-8523-c0bc-10db-484c1c0c6525-32e48bb2, #w-node-afbb5f11-b1c7-8bc0-3bc1-d4406912e335-32e48bb2 {
align-self: center;
}
#w-node-afbb5f11-b1c7-8bc0-3bc1-d4406912e344-32e48bb2 {
place-self: center;
}
#w-node-afbb5f11-b1c7-8bc0-3bc1-d4406912e34c-32e48bb2 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_813d8f92-5fcc-9052-0c60-73fb0c330220-32e48bb2 {
align-self: center;
}
#w-node-_813d8f92-5fcc-9052-0c60-73fb0c330228-32e48bb2 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_813d8f92-5fcc-9052-0c60-73fb0c330234-32e48bb2, #w-node-_0e7f48a7-c456-9377-d86e-c349a4b78227-32e48bb2 {
align-self: center;
}
#w-node-_0e7f48a7-c456-9377-d86e-c349a4b78232-32e48bb2 {
place-self: center;
}
#w-node-_0e7f48a7-c456-9377-d86e-c349a4b7823a-32e48bb2 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-c8357c37-4c15-b0c4-2e74-406875e270b8-32e48bb2 {
align-self: center;
}
#w-node-c8357c37-4c15-b0c4-2e74-406875e270c0-32e48bb2 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-c8357c37-4c15-b0c4-2e74-406875e270ab-32e48bb2, #w-node-bd50cda9-ba2e-d803-87be-e83ccba62fa1-32e48bb2 {
align-self: center;
}
#w-node-bd50cda9-ba2e-d803-87be-e83ccba62f8d-32e48bb2 {
place-self: center;
}
#w-node-bd50cda9-ba2e-d803-87be-e83ccba62f95-32e48bb2 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_17713e64-da75-c979-9278-e7191aaac8be-32e48bb2 {
place-self: center;
}
#w-node-de9baac1-24e2-0709-e86c-d7e270ed5d66-32e48bb2, #w-node-_40278db9-4bbe-a122-7d4c-1af841a1ad81-32e48bb2 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_17713e64-da75-c979-9278-e7191aaac8c0-32e48bb2, #w-node-ada866c8-9e62-210c-d7fa-355aab16d817-32e48bb2, #w-node-ada866c8-9e62-210c-d7fa-355aab16d815-32e48bb2 {
align-self: center;
}
#w-node-_3cde9d7c-8d27-b83c-3494-a1de7333f4be-32e48bb2, #w-node-_3cde9d7c-8d27-b83c-3494-a1de7333f4c2-32e48bb2 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_720637a6-48b8-8c9a-890a-33a4e067f367-32e48bb2 {
align-self: center;
}
#w-node-_089914c5-e75d-7f37-1afb-96e5257fa1e4-32e48bb2, #w-node-_089914c5-e75d-7f37-1afb-96e5257fa1e8-32e48bb2 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_720637a6-48b8-8c9a-890a-33a4e067f369-32e48bb2, #w-node-_292a3061-9c52-2c52-5df5-64b89d2530df-32e48bb2, #w-node-_292a3061-9c52-2c52-5df5-64b89d2530ec-32e48bb2 {
align-self: center;
}
#w-node-_52b85533-99fc-e8bf-3191-bb064acc8dbd-32e48bb2, #w-node-_52b85533-99fc-e8bf-3191-bb064acc8dc1-32e48bb2 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f0080ca1-491b-2c6c-d440-455c219ccd2e-32e48bb2 {
align-self: center;
}
#w-node-dde5af79-9792-ec29-adf8-1e358e44f676-32e48bb2, #w-node-dde5af79-9792-ec29-adf8-1e358e44f67a-32e48bb2 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-f0080ca1-491b-2c6c-d440-455c219ccd30-32e48bb2, #w-node-_9ed92e5c-4571-c204-1832-4222b8add29c-32e48bb2, #w-node-_9ed92e5c-4571-c204-1832-4222b8add2aa-32e48bb2 {
align-self: center;
}
#w-node-_5bd24b71-1179-c600-a3bc-3bc114711501-32e48bb2, #w-node-_5bd24b71-1179-c600-a3bc-3bc114711505-32e48bb2 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-e47e0e40-059d-f1d3-2f8b-eb9e9e9c0901-32e48bb2 {
align-self: center;
}
#w-node-_98d94d3a-1829-9306-b58b-9626f218125e-32e48bb2 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-e47e0e40-059d-f1d3-2f8b-eb9e9e9c0903-32e48bb2, #w-node-_6ec85b41-efbc-2504-1112-f045d871aeb4-32e48bb2, #w-node-_6ec85b41-efbc-2504-1112-f045d871aec1-32e48bb2 {
align-self: center;
}
#w-node-dba3e740-0977-ca1a-30d6-e2e6b026d6b9-32e48bb2, #w-node-dba3e740-0977-ca1a-30d6-e2e6b026d6bd-32e48bb2 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-d8ba74cc-007e-2077-7163-7b2e8f541e21-32e48bb2 {
align-self: center;
}
#w-node-_1f7a0c37-71e6-5582-7da9-b5d8a7b5383c-32e48bb2 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-d8ba74cc-007e-2077-7163-7b2e8f541e23-32e48bb2, #w-node-_7ffdc668-2bc1-4338-2500-b4bf55146284-32e48bb2, #w-node-_7ffdc668-2bc1-4338-2500-b4bf55146291-32e48bb2 {
align-self: center;
}
#w-node-_9ac04b03-3b07-d6fd-2c50-19b5229c77cd-32e48bb2, #w-node-f56f29c8-a0b9-63a4-46d2-b0d75f02057c-32e48bb2 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-defc833e-84f2-6549-4d2a-a952d748cdad-32e48bb2 {
align-self: center;
}
#w-node-fe2b988b-49a7-df3d-f0ed-278a7362fe2e-32e48bb2, #w-node-fe2b988b-49a7-df3d-f0ed-278a7362fe32-32e48bb2 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-defc833e-84f2-6549-4d2a-a952d748cdaf-32e48bb2, #w-node-_398dafd2-af69-d521-fb45-3c7eeb014fbc-32e48bb2, #w-node-_398dafd2-af69-d521-fb45-3c7eeb014fc7-32e48bb2 {
align-self: center;
}
#w-node-_0c890bf8-e7e4-b231-4311-76fbb6d6d3f2-32e48bb2, #w-node-_0c890bf8-e7e4-b231-4311-76fbb6d6d3f6-32e48bb2 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_4c619055-e855-4a2a-0135-fbbce4a33cd7-32e48bb2 {
align-self: center;
}
#w-node-f76a4bd5-1786-2a73-6352-d636529b8dca-32e48bb2, #w-node-f76a4bd5-1786-2a73-6352-d636529b8dce-32e48bb2 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_4c619055-e855-4a2a-0135-fbbce4a33cd9-32e48bb2, #w-node-e10dd784-a6fb-6b0e-9c7a-5167b8b3fde2-32e48bb2, #w-node-e10dd784-a6fb-6b0e-9c7a-5167b8b3fded-32e48bb2 {
align-self: center;
}
#w-node-_01411a55-ae6d-deb5-ba1f-ed730f5d7855-32e48bb2 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-e8315fbd-fdb2-9a66-4116-5baa6ea3af74-32e48bb2 {
align-self: center;
}
#w-node-a0804692-4b2e-f7ed-c419-b5c87b503b7c-32e48bb2, #w-node-_022d9da7-e2e7-0a2e-4aed-9bd5b61ddbf9-32e48bb2 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-e8315fbd-fdb2-9a66-4116-5baa6ea3af76-32e48bb2, #w-node-_44f5cfba-659a-19f0-7d45-542193733d7c-32e48bb2, #w-node-_44f5cfba-659a-19f0-7d45-542193733d87-32e48bb2 {
align-self: center;
}
#w-node-ca8f307d-69e1-6024-2cf8-226c690bc54d-32e48bb2, #w-node-ca8f307d-69e1-6024-2cf8-226c690bc551-32e48bb2, #w-node-_0beb69e8-4efd-60f4-c776-6fc4719835c3-32e48bb2 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_37728f0a-64bb-1949-dc70-bb3cb5546d9e-32e48bb2 {
align-self: center;
}
#w-node-_72224616-debd-243e-fc11-97bceb82ed23-32e48bb2, #w-node-_72224616-debd-243e-fc11-97bceb82ed27-32e48bb2, #w-node-_72224616-debd-243e-fc11-97bceb82ed2b-32e48bb2 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_37728f0a-64bb-1949-dc70-bb3cb5546da0-32e48bb2, #w-node-_564a05de-fd61-eab7-dc73-a9ffc595a7e6-32e48bb2, #w-node-_564a05de-fd61-eab7-dc73-a9ffc595a7f1-32e48bb2 {
align-self: center;
}
#w-node-_211711d0-694a-482c-9896-a908b4bc9e8f-32e48bb2, #w-node-_211711d0-694a-482c-9896-a908b4bc9e93-32e48bb2, #w-node-_211711d0-694a-482c-9896-a908b4bc9e97-32e48bb2 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_0c73f709-e8b7-f65d-2f35-c8857047a4ee-32e48bb2 {
align-self: center;
}
#w-node-b81a996e-088b-d9c7-f765-8283babfc6be-32e48bb2, #w-node-b81a996e-088b-d9c7-f765-8283babfc6c2-32e48bb2 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_0c73f709-e8b7-f65d-2f35-c8857047a4f0-32e48bb2, #w-node-_3d1ef4b0-1cf5-84c8-3f29-19ad85534190-32e48bb2, #w-node-_3d1ef4b0-1cf5-84c8-3f29-19ad8553419b-32e48bb2, #w-node-_6d3970a5-1e68-e2ab-4b34-a61da0c1c41c-32e48bb2, #w-node-_6d3970a5-1e68-e2ab-4b34-a61da0c1c41e-32e48bb2 {
align-self: center;
}
#w-node-d9e4e6aa-c20c-c445-6c4a-72e830db744f-9b5ddd2c {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-b7210d41-8fbf-12ef-294a-a13b9d080324-9b5ddd2c {
justify-self: end;
}
#w-node-_89eb69b8-f6fc-ea07-ba21-6f4ea653dd8a-9b5ddd2c {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_89eb69b8-f6fc-ea07-ba21-6f4ea653dd8d-9b5ddd2c {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: end;
}
#w-node-_214b1560-c044-7359-042c-a31cd1221a98-9b5ddd2c, #w-node-_214b1560-c044-7359-042c-a31cd1221a98-ec424bd7 {
align-self: stretch;
}
#w-node-a90a1da2-32ae-1360-78f6-8dcec7c82164-273d9b4f, #w-node-b9d0f266-d7ab-4384-7976-fc2d50aade44-273d9b4f {
align-self: center;
}
#w-node-ca41447a-ab26-8454-ae9a-c5f440054555-273d9b4f, #w-node-ad5c6951-f2be-05e5-daf9-bc9d00465ce2-273d9b4f {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
}
#w-node-_99509a17-2d11-b6ce-aded-c5d766cb6cc7-273d9b4f, #w-node-_99509a17-2d11-b6ce-aded-c5d766cb6cc9-273d9b4f, #w-node-_99509a17-2d11-b6ce-aded-c5d766cb6ccb-273d9b4f, #w-node-_99509a17-2d11-b6ce-aded-c5d766cb6ccd-273d9b4f, #w-node-_99509a17-2d11-b6ce-aded-c5d766cb6ccf-273d9b4f, #w-node-_99509a17-2d11-b6ce-aded-c5d766cb6cd1-273d9b4f {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-a90a1da2-32ae-1360-78f6-8dcec7c82164-3966acce, #w-node-b9d0f266-d7ab-4384-7976-fc2d50aade44-3966acce {
align-self: center;
}
#w-node-db9f4fe6-2135-1aff-2c69-961706e2ee47-3966acce {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
display: grid;
}
#w-node-db9f4fe6-2135-1aff-2c69-961706e2ee54-3966acce, #w-node-db9f4fe6-2135-1aff-2c69-961706e2ee60-3966acce {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
}
#w-node-a90a1da2-32ae-1360-78f6-8dcec7c82164-517d6c7c, #w-node-b9d0f266-d7ab-4384-7976-fc2d50aade44-517d6c7c {
align-self: center;
}
#w-node-_704fb7c5-bfaf-4554-e3f5-6c2dcbab9424-517d6c7c {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
}
#w-node-_95955aa4-b176-8477-b676-eb8faadb21b5-517d6c7c {
grid-template-rows: auto;
grid-template-columns: 1.5fr 1fr;
}
#w-node-_603e7b69-1dc6-fba3-7aaa-cfd23ca46576-517d6c7c, #w-node-_603e7b69-1dc6-fba3-7aaa-cfd23ca46578-517d6c7c, #w-node-a90a1da2-32ae-1360-78f6-8dcec7c82164-84017681, #w-node-b9d0f266-d7ab-4384-7976-fc2d50aade44-84017681 {
align-self: center;
}
#w-node-ca41447a-ab26-8454-ae9a-c5f440054555-84017681, #w-node-ad5c6951-f2be-05e5-daf9-bc9d00465ce2-84017681 {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
}
#w-node-_99509a17-2d11-b6ce-aded-c5d766cb6cc7-84017681, #w-node-_99509a17-2d11-b6ce-aded-c5d766cb6cc9-84017681, #w-node-_99509a17-2d11-b6ce-aded-c5d766cb6ccb-84017681, #w-node-_99509a17-2d11-b6ce-aded-c5d766cb6ccd-84017681, #w-node-_99509a17-2d11-b6ce-aded-c5d766cb6ccf-84017681, #w-node-_99509a17-2d11-b6ce-aded-c5d766cb6cd1-84017681 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_7ddb0eb5-f3b0-2110-9e0f-67d989ff45ba-e0760682 {
align-self: center;
}
#w-node-_0067196e-84e5-b25d-3a85-b4ade156d5b8-e0760682, #w-node-_446bd5ea-1916-a5ba-afbf-9df124fd7e59-e0760682, #w-node-_6898a338-7511-f421-5a6d-c87d4fe4ab8f-e0760682 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_51c3d990-d15a-5513-3093-09828a30f181-84791ebf {
grid-area: span 4 / span 1 / span 4 / span 1;
}
#w-node-_9df7bed6-16f8-3a73-cce1-9e42f180857d-84791ebf, #w-node-_9df7bed6-16f8-3a73-cce1-9e42f180857f-84791ebf, #w-node-_9df7bed6-16f8-3a73-cce1-9e42f1808581-84791ebf, #w-node-_9df7bed6-16f8-3a73-cce1-9e42f1808583-84791ebf, #w-node-_9df7bed6-16f8-3a73-cce1-9e42f1808585-84791ebf {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-fb530ffe-a60b-079e-b8a9-11c7d951f691-84791ebf {
align-self: center;
}
#w-node-fb530ffe-a60b-079e-b8a9-11c7d951f69d-84791ebf {
justify-self: end;
}
@media screen and (max-width: 991px) {
#w-node-bafa3bb0-3087-6d8e-cb98-c3f93d538255-91dd5701, #w-node-_58aadc41-3c75-fe63-33b1-520a44191572-44191556 {
order: -9999;
}
#w-node-_58aadc41-3c75-fe63-33b1-520a4419157f-44191556, #w-node-ac51a3f4-f936-c280-feb7-8b7aefac1ca4-bdc1a7b5, #w-node-fb530ffe-a60b-079e-b8a9-11c7d951f691-bdc1a809, #w-node-fb530ffe-a60b-079e-b8a9-11c7d951f69d-bdc1a809, #w-node-cea323b7-4147-fa5f-6e83-4c138093fdc5-bdc1a827 {
justify-self: auto;
}
#w-node-c31685de-f74f-8edd-e89f-42aed566d9cf-bdc1a827 {
justify-self: start;
}
#w-node-_7d2cbca0-2a63-4155-fc6b-136f81c3f406-bdc1a83f {
align-self: center;
}
#w-node-c6964c33-9429-32f9-4d42-e57d68afbddf-bdc1a840 {
justify-self: center;
}
#w-node-_5dbe08a1-a0fe-9396-9fcb-26f806864bee-bdc1a841 {
justify-self: auto;
}
#w-node-_2075b946-634d-ce42-2578-15a2926892ff-bdc1a843 {
justify-self: start;
}
#w-node-_20fa3889-edfd-ef52-ce48-71442576d81a-1f13dbc2 {
order: 9999;
}
#w-node-ba378556-4a77-6b7c-1b59-c0beecab2780-e6e57d99 {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: center;
}
#w-node-cdc8e45f-2179-0210-e095-a27ede6f55da-3ee13418 {
grid-template-rows: auto;
grid-template-columns: 1.5fr;
}
#w-node-_9c23f256-926c-fdd4-1935-6add6b20c070-3ee13418 {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
#w-node-_97094af1-9c25-f58b-fdb5-7c21dbda8a7b-3ee13418 {
grid-template-rows: auto;
grid-template-columns: 1.5fr;
}
#w-node-_704fb7c5-bfaf-4554-e3f5-6c2dcbab9424-3ee13418 {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
#w-node-_95955aa4-b176-8477-b676-eb8faadb21b5-3ee13418 {
grid-template-rows: auto;
grid-template-columns: 1.5fr;
}
#w-node-_6f201332-1622-86e0-5f99-9405e1e82991-9f38b84a {
display: none;
}
#w-node-b7210d41-8fbf-12ef-294a-a13b9d080324-9b5ddd2c {
justify-self: auto;
}
#w-node-_704fb7c5-bfaf-4554-e3f5-6c2dcbab9424-517d6c7c {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
#w-node-_95955aa4-b176-8477-b676-eb8faadb21b5-517d6c7c {
grid-template-rows: auto;
grid-template-columns: 1.5fr;
}
#w-node-fb530ffe-a60b-079e-b8a9-11c7d951f691-84791ebf, #w-node-fb530ffe-a60b-079e-b8a9-11c7d951f69d-84791ebf {
justify-self: auto;
}
}
@media screen and (max-width: 767px) {
#w-node-_58aadc41-3c75-fe63-33b1-520a441915b9-44191556 {
justify-self: center;
}
#w-node-_58aadc41-3c75-fe63-33b1-520a441915d6-44191556 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-c2f7fca8-1af3-f358-007f-80d42b7052ee-bdc1a809 {
grid-column: span 3 / span 3;
}
#w-node-_410bbfc9-7180-d074-ffc6-a1dbe707de31-bdc1a822, #w-node-_55550b61-c7b2-512e-243c-96349108e0a8-bdc1a822, #w-node-_820eea29-8703-1666-b65a-396655101beb-bdc1a822, #w-node-_4999515a-94e6-89a3-902f-e791788fc2d4-bdc1a822 {
grid-column: span 1 / span 1;
}
#w-node-_08f85fc8-74cb-2fba-8918-670d879d494b-bdc1a827, #w-node-_123c1e61-dbea-b6c5-4f94-03d3d6a38c5a-bdc1a829 {
justify-self: auto;
}
#w-node-f83d9060-7bb5-8d84-fc9f-d8a95adbfdb6-bdc1a829, #w-node-d76b5d2b-2d5a-1a68-1c7a-df8d9c722ade-bdc1a82a {
grid-column: span 3 / span 3;
}
#w-node-_7d2cbca0-2a63-4155-fc6b-136f81c3f406-bdc1a83f {
justify-self: center;
}
#w-node-_92b21c35-2250-f4ff-3d0d-019b63e6d04f-bdc1a843 {
justify-self: auto;
}
#w-node-ba378556-4a77-6b7c-1b59-c0beecab2780-e6e57d99 {
justify-self: center;
}
#w-node-cdc8e45f-2179-0210-e095-a27ede6f55da-3ee13418 {
grid-template-rows: auto;
grid-template-columns: 1.5fr;
}
#w-node-_9c23f256-926c-fdd4-1935-6add6b20c070-3ee13418 {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
#w-node-_97094af1-9c25-f58b-fdb5-7c21dbda8a7b-3ee13418 {
grid-template-rows: auto;
grid-template-columns: 1.5fr;
}
#w-node-_704fb7c5-bfaf-4554-e3f5-6c2dcbab9424-3ee13418, #w-node-_618cdf41-5ec3-2c67-5eab-c3a33f42e3fc-3ee13418, #w-node-_618cdf41-5ec3-2c67-5eab-c3a33f42e409-3ee13418, #w-node-_618cdf41-5ec3-2c67-5eab-c3a33f42e415-3ee13418 {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
#w-node-_95955aa4-b176-8477-b676-eb8faadb21b5-3ee13418 {
grid-template-rows: auto;
grid-template-columns: 1.5fr;
}
#w-node-f337190c-b81d-3e94-6a30-e23ad82cc05c-9494d357, #w-node-beb38184-d5ba-b750-847e-f45f45c82916-9494d357, #w-node-_32dc7eba-8be6-d45f-2fd9-645f6c0d8081-9494d357, #w-node-c3980013-3d1b-f562-7bff-9995c7c7f4d3-9494d357, #w-node-dc5d6815-6365-0700-f8b2-43a6622967d8-9494d357, #w-node-a8bfe87a-9e59-e760-86ee-5a05e3da796b-9494d357, #w-node-cb155e0c-1949-42d2-7403-35afb801dc9a-9494d357, #w-node-f2a8e384-da2d-c699-9ddf-bc618ef4d94c-1d11338c, #w-node-f2a8e384-da2d-c699-9ddf-bc618ef4d9af-1d11338c, #w-node-f2a8e384-da2d-c699-9ddf-bc618ef4d9dd-1d11338c, #w-node-f2a8e384-da2d-c699-9ddf-bc618ef4da0c-1d11338c {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
#w-node-b8731152-9e4a-da7b-0963-634396e3ff57-70670061, #w-node-b8731152-9e4a-da7b-0963-634396e3ff5a-70670061, #w-node-b8731152-9e4a-da7b-0963-634396e3ff5c-70670061 {
grid-column: span 1 / span 1;
}
#w-node-_82c898dc-016e-3d82-2600-c4b8d363d5d1-70670061 {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
#w-node-ece672de-df14-e2bf-173e-1d36f88cdd93-16297258, #w-node-ece672de-df14-e2bf-173e-1d36f88cdd96-16297258, #w-node-ece672de-df14-e2bf-173e-1d36f88cdd98-16297258, #w-node-c2f216d5-7c07-c1ff-6b39-d8651b939457-acece8a9, #w-node-c2f216d5-7c07-c1ff-6b39-d8651b93945a-acece8a9, #w-node-c2f216d5-7c07-c1ff-6b39-d8651b93945c-acece8a9 {
grid-column: span 1 / span 1;
}
#w-node-_82c898dc-016e-3d82-2600-c4b8d363d5d1-5bf4adbc {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
#w-node-d401bdab-a496-00d5-cb9d-02141e3164f6-5bf4adbc, #w-node-d401bdab-a496-00d5-cb9d-02141e3164f9-5bf4adbc, #w-node-d401bdab-a496-00d5-cb9d-02141e3164fb-5bf4adbc {
grid-column: span 1 / span 1;
}
#w-node-_82c898dc-016e-3d82-2600-c4b8d363d5d1-70ba68f8 {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
#w-node-_114da48a-3c15-06eb-0ec2-c48a75c05390-70ba68f8, #w-node-_114da48a-3c15-06eb-0ec2-c48a75c05393-70ba68f8, #w-node-_114da48a-3c15-06eb-0ec2-c48a75c05395-70ba68f8 {
grid-column: span 1 / span 1;
}
#w-node-_82c898dc-016e-3d82-2600-c4b8d363d5d1-bfc2723b {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
#w-node-ed0ae8f9-255c-babc-79be-81772dac0216-bfc2723b, #w-node-ed0ae8f9-255c-babc-79be-81772dac0219-bfc2723b, #w-node-ed0ae8f9-255c-babc-79be-81772dac021b-bfc2723b {
grid-column: span 1 / span 1;
}
#w-node-_82c898dc-016e-3d82-2600-c4b8d363d5d1-245ff7cd {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
#w-node-b3db7c37-8f03-3270-3fc6-5f9e488d5dea-245ff7cd, #w-node-b3db7c37-8f03-3270-3fc6-5f9e488d5ded-245ff7cd, #w-node-b3db7c37-8f03-3270-3fc6-5f9e488d5def-245ff7cd, #w-node-b0e29800-cc77-8fb3-4a23-1bc01c19cd68-c244404c, #w-node-b0e29800-cc77-8fb3-4a23-1bc01c19cd6b-c244404c, #w-node-b0e29800-cc77-8fb3-4a23-1bc01c19cd6d-c244404c, #w-node-_5cf9b62e-93d7-9ade-141f-f343b452faa8-77c59e7f, #w-node-_5cf9b62e-93d7-9ade-141f-f343b452faab-77c59e7f, #w-node-_5cf9b62e-93d7-9ade-141f-f343b452faad-77c59e7f {
grid-column: span 1 / span 1;
}
#w-node-_6f201332-1622-86e0-5f99-9405e1e82991-9f38b84a {
display: none;
}
#w-node-eec7533f-61e7-1b5c-0951-893c247a8b14-9f38b84a, #w-node-eec7533f-61e7-1b5c-0951-893c247a8b17-9f38b84a, #w-node-eec7533f-61e7-1b5c-0951-893c247a8b19-9f38b84a {
grid-column: span 1 / span 1;
}
#w-node-ca41447a-ab26-8454-ae9a-c5f440054555-273d9b4f {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
}
#w-node-db9f4fe6-2135-1aff-2c69-961706e2ee47-3966acce, #w-node-db9f4fe6-2135-1aff-2c69-961706e2ee54-3966acce, #w-node-db9f4fe6-2135-1aff-2c69-961706e2ee60-3966acce, #w-node-_704fb7c5-bfaf-4554-e3f5-6c2dcbab9424-517d6c7c {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
#w-node-_95955aa4-b176-8477-b676-eb8faadb21b5-517d6c7c {
grid-template-rows: auto;
grid-template-columns: 1.5fr;
}
#w-node-ca41447a-ab26-8454-ae9a-c5f440054555-84017681 {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
}
}
@media screen and (max-width: 479px) {
#w-node-e1deaaf5-bc79-f647-9e88-18b11f48ffad-2f5e74d0 {
justify-self: auto;
}
#w-node-_58aadc41-3c75-fe63-33b1-520a44191580-44191556 {
grid-column: span 1 / span 1;
}
#w-node-_58aadc41-3c75-fe63-33b1-520a441915b9-44191556 {
justify-self: auto;
}
#w-node-_58aadc41-3c75-fe63-33b1-520a441915d6-44191556 {
grid-column: span 1 / span 1;
}
#w-node-c2f7fca8-1af3-f358-007f-80d42b7052ee-bdc1a809 {
grid-column: span 2 / span 2;
}
#w-node-_2068a914-e220-7256-69e9-828cae419065-bdc1a809 {
grid-area: 2 / 2 / 4 / 3;
}
#w-node-c31685de-f74f-8edd-e89f-42aed566d9cf-bdc1a827 {
justify-self: stretch;
}
#w-node-f83d9060-7bb5-8d84-fc9f-d8a95adbfdb6-bdc1a829 {
grid-column: span 2 / span 2;
}
#w-node-f83d9060-7bb5-8d84-fc9f-d8a95adbfdc2-bdc1a829 {
grid-area: 2 / 2 / 4 / 3;
}
#w-node-d76b5d2b-2d5a-1a68-1c7a-df8d9c722ade-bdc1a82a {
grid-column: span 2 / span 2;
}
#w-node-d76b5d2b-2d5a-1a68-1c7a-df8d9c722aea-bdc1a82a {
grid-area: 2 / 2 / 4 / 3;
}
#w-node-_2075b946-634d-ce42-2578-15a2926892ff-bdc1a843 {
justify-self: stretch;
}
#w-node-ba378556-4a77-6b7c-1b59-c0beecab27ca-e6e57d99 {
justify-self: auto;
}
#w-node-_5af675d6-07a2-0901-e4f0-e1e51e575138-a56c0bfb {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-a3b60bbd-5e1a-f0b1-1411-e85ecbb6b6f8-5bf4adbc {
grid-area: span 2 / span 1 / span 2 / span 1;
align-self: center;
}
#w-node-_6f201332-1622-86e0-5f99-9405e1e82991-9f38b84a {
display: none;
}
#w-node-ca41447a-ab26-8454-ae9a-c5f440054555-273d9b4f, #w-node-ad5c6951-f2be-05e5-daf9-bc9d00465ce2-273d9b4f, #w-node-ca41447a-ab26-8454-ae9a-c5f440054555-84017681, #w-node-ad5c6951-f2be-05e5-daf9-bc9d00465ce2-84017681 {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
}