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: 700;
}
dfn {
font-style: italic;
}
h1 {
margin: 0.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: -0.5em;
}
sub {
bottom: -0.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: 700;
}
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: 400;
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: 400;
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;
}
:where(button.w-popover-trigger) {
color: inherit;
cursor: pointer;
font: inherit;
line-height: inherit;
text-align: inherit;
-webkit-text-decoration: inherit;
text-decoration: inherit;
background-color: #0000;
border: 0;
margin: 0;
padding: 0;
}
.w-popover {
position-anchor: none;
}
.w-popover[popover]:not(:popover-open) {
display: none;
}
html[data-w-dynpage] [data-w-cloak] {
color: #0000 !important;
}
.w-code-block {
margin: unset;
}
pre.w-code-block code {
all: inherit;
}
pre.w-code-block code > span {
display: block !important;
}
.w-optimization {
display: contents;
}
.w-webflow-badge,
.w-webflow-badge > img {
box-sizing: unset;
width: unset;
height: unset;
max-height: unset;
max-width: unset;
min-height: unset;
min-width: unset;
margin: unset;
padding: unset;
float: unset;
clear: unset;
border: unset;
border-radius: unset;
background: unset;
background-image: unset;
background-position: unset;
background-size: unset;
background-repeat: unset;
background-origin: unset;
background-clip: unset;
background-attachment: unset;
background-color: unset;
box-shadow: unset;
transform: unset;
direction: unset;
font-family: unset;
font-weight: unset;
color: unset;
font-size: unset;
line-height: unset;
font-style: unset;
font-variant: unset;
text-align: unset;
letter-spacing: unset;
-webkit-text-decoration: unset;
text-decoration: unset;
text-indent: unset;
text-transform: unset;
list-style-type: unset;
text-shadow: unset;
vertical-align: unset;
cursor: unset;
white-space: unset;
word-break: unset;
word-spacing: unset;
word-wrap: unset;
transition: unset;
}
.w-webflow-badge {
white-space: nowrap;
cursor: pointer;
box-shadow: 0 0 0 1px #0000001a, 0 1px 3px #0000001a;
visibility: visible !important;
opacity: 1 !important;
z-index: 2147483647 !important;
color: #aaadb0 !important;
width: auto !important;
height: auto !important;
overflow: unset !important;
background-color: #fff !important;
border-radius: 3px !important;
margin: 0 !important;
padding: 6px !important;
font-size: 12px !important;
line-height: 14px !important;
text-decoration: none !important;
display: inline-block !important;
position: fixed !important;
inset: auto 12px 12px auto !important;
transform: none !important;
}
.w-webflow-badge > img {
position: unset;
visibility: unset !important;
opacity: 1 !important;
vertical-align: middle !important;
display: inline-block !important;
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin-bottom: 10px;
font-weight: 700;
}
h1 {
margin-top: 20px;
font-size: 38px;
line-height: 44px;
}
h2 {
margin-top: 20px;
font-size: 32px;
line-height: 36px;
}
h3 {
margin-top: 20px;
font-size: 24px;
line-height: 30px;
}
h4 {
margin-top: 10px;
font-size: 18px;
line-height: 24px;
}
h5 {
margin-top: 10px;
font-size: 14px;
line-height: 20px;
}
h6 {
margin-top: 10px;
font-size: 12px;
line-height: 18px;
}
p {
margin-top: 0;
margin-bottom: 10px;
}
blockquote {
border-left: 5px solid #e2e2e2;
margin: 0 0 10px;
padding: 10px 20px;
font-size: 18px;
line-height: 22px;
}
figure {
margin: 0 0 10px;
}
figcaption {
text-align: center;
margin-top: 5px;
}
ul,
ol {
margin-top: 0;
margin-bottom: 10px;
padding-left: 40px;
}
.w-list-unstyled {
padding-left: 0;
list-style: none;
}
.w-embed:before,
.w-embed:after {
content: " ";
grid-area: 1/1/2/2;
display: table;
}
.w-embed:after {
clear: both;
}
.w-video {
width: 100%;
padding: 0;
position: relative;
}
.w-video iframe,
.w-video object,
.w-video embed {
border: none;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
fieldset {
border: 0;
margin: 0;
padding: 0;
}
button,
[type="button"],
[type="reset"] {
cursor: pointer;
-webkit-appearance: button;
border: 0;
}
.w-form {
margin: 0 0 15px;
}
.w-form-done {
text-align: center;
background-color: #ddd;
padding: 20px;
display: none;
}
.w-form-fail {
background-color: #ffdede;
margin-top: 10px;
padding: 10px;
display: none;
}
label {
margin-bottom: 5px;
font-weight: 700;
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: 400;
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: 0.1px;
height: 0.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: 400;
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: 400;
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: 400;
display: inline-block;
}
.w-icon-file-upload-icon,
.w-icon-file-upload-uploading {
width: 20px;
margin-right: 8px;
display: inline-block;
}
.w-icon-file-upload-uploading {
height: 20px;
}
.w-container {
max-width: 940px;
margin-left: auto;
margin-right: auto;
}
.w-container:before,
.w-container:after {
content: " ";
grid-area: 1/1/2/2;
display: table;
}
.w-container:after {
clear: both;
}
.w-container .w-row {
margin-left: -10px;
margin-right: -10px;
}
.w-row:before,
.w-row:after {
content: " ";
grid-area: 1/1/2/2;
display: table;
}
.w-row:after {
clear: both;
}
.w-row .w-row {
margin-left: 0;
margin-right: 0;
}
.w-col {
float: left;
width: 100%;
min-height: 1px;
padding-left: 10px;
padding-right: 10px;
position: relative;
}
.w-col .w-col {
padding-left: 0;
padding-right: 0;
}
.w-col-1 {
width: 8.33333%;
}
.w-col-2 {
width: 16.6667%;
}
.w-col-3 {
width: 25%;
}
.w-col-4 {
width: 33.3333%;
}
.w-col-5 {
width: 41.6667%;
}
.w-col-6 {
width: 50%;
}
.w-col-7 {
width: 58.3333%;
}
.w-col-8 {
width: 66.6667%;
}
.w-col-9 {
width: 75%;
}
.w-col-10 {
width: 83.3333%;
}
.w-col-11 {
width: 91.6667%;
}
.w-col-12 {
width: 100%;
}
.w-hidden-main {
display: none !important;
}
@media screen and (max-width: 991px) {
.w-container {
max-width: 728px;
}
.w-hidden-main {
display: inherit !important;
}
.w-hidden-medium {
display: none !important;
}
.w-col-medium-1 {
width: 8.33333%;
}
.w-col-medium-2 {
width: 16.6667%;
}
.w-col-medium-3 {
width: 25%;
}
.w-col-medium-4 {
width: 33.3333%;
}
.w-col-medium-5 {
width: 41.6667%;
}
.w-col-medium-6 {
width: 50%;
}
.w-col-medium-7 {
width: 58.3333%;
}
.w-col-medium-8 {
width: 66.6667%;
}
.w-col-medium-9 {
width: 75%;
}
.w-col-medium-10 {
width: 83.3333%;
}
.w-col-medium-11 {
width: 91.6667%;
}
.w-col-medium-12 {
width: 100%;
}
.w-col-stack {
width: 100%;
left: auto;
right: auto;
}
}
@media screen and (max-width: 767px) {
.w-hidden-main,
.w-hidden-medium {
display: inherit !important;
}
.w-hidden-small {
display: none !important;
}
.w-row,
.w-container .w-row {
margin-left: 0;
margin-right: 0;
}
.w-col {
width: 100%;
left: auto;
right: auto;
}
.w-col-small-1 {
width: 8.33333%;
}
.w-col-small-2 {
width: 16.6667%;
}
.w-col-small-3 {
width: 25%;
}
.w-col-small-4 {
width: 33.3333%;
}
.w-col-small-5 {
width: 41.6667%;
}
.w-col-small-6 {
width: 50%;
}
.w-col-small-7 {
width: 58.3333%;
}
.w-col-small-8 {
width: 66.6667%;
}
.w-col-small-9 {
width: 75%;
}
.w-col-small-10 {
width: 83.3333%;
}
.w-col-small-11 {
width: 91.6667%;
}
.w-col-small-12 {
width: 100%;
}
}
@media screen and (max-width: 479px) {
.w-container {
max-width: none;
}
.w-hidden-main,
.w-hidden-medium,
.w-hidden-small {
display: inherit !important;
}
.w-hidden-tiny {
display: none !important;
}
.w-col {
width: 100%;
}
.w-col-tiny-1 {
width: 8.33333%;
}
.w-col-tiny-2 {
width: 16.6667%;
}
.w-col-tiny-3 {
width: 25%;
}
.w-col-tiny-4 {
width: 33.3333%;
}
.w-col-tiny-5 {
width: 41.6667%;
}
.w-col-tiny-6 {
width: 50%;
}
.w-col-tiny-7 {
width: 58.3333%;
}
.w-col-tiny-8 {
width: 66.6667%;
}
.w-col-tiny-9 {
width: 75%;
}
.w-col-tiny-10 {
width: 83.3333%;
}
.w-col-tiny-11 {
width: 91.6667%;
}
.w-col-tiny-12 {
width: 100%;
}
}
.w-widget {
position: relative;
}
.w-widget-map {
width: 100%;
height: 400px;
}
.w-widget-map label {
width: auto;
display: inline;
}
.w-widget-map img {
max-width: inherit;
}
.w-widget-map .gm-style-iw {
text-align: center;
}
.w-widget-map .gm-style-iw > button {
display: none !important;
}
.w-widget-twitter {
overflow: hidden;
}
.w-widget-twitter-count-shim {
vertical-align: top;
text-align: center;
background: #fff;
border: 1px solid #758696;
border-radius: 3px;
width: 28px;
height: 20px;
display: inline-block;
position: relative;
}
.w-widget-twitter-count-shim * {
pointer-events: none;
-webkit-user-select: none;
user-select: none;
}
.w-widget-twitter-count-shim .w-widget-twitter-count-inner {
text-align: center;
color: #999;
font-family: serif;
font-size: 15px;
line-height: 12px;
position: relative;
}
.w-widget-twitter-count-shim .w-widget-twitter-count-clear {
display: block;
position: relative;
}
.w-widget-twitter-count-shim.w--large {
width: 36px;
height: 28px;
}
.w-widget-twitter-count-shim.w--large .w-widget-twitter-count-inner {
font-size: 18px;
line-height: 18px;
}
.w-widget-twitter-count-shim:not(.w--vertical) {
margin-left: 5px;
margin-right: 8px;
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large {
margin-left: 6px;
}
.w-widget-twitter-count-shim:not(.w--vertical):before,
.w-widget-twitter-count-shim:not(.w--vertical):after {
content: " ";
pointer-events: none;
border: solid #0000;
width: 0;
height: 0;
position: absolute;
top: 50%;
left: 0;
}
.w-widget-twitter-count-shim:not(.w--vertical):before {
border-width: 4px;
border-color: #75869600 #5d6c7b #75869600 #75869600;
margin-top: -4px;
margin-left: -9px;
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large:before {
border-width: 5px;
margin-top: -5px;
margin-left: -10px;
}
.w-widget-twitter-count-shim:not(.w--vertical):after {
border-width: 4px;
border-color: #fff0 #fff #fff0 #fff0;
margin-top: -4px;
margin-left: -8px;
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large:after {
border-width: 5px;
margin-top: -5px;
margin-left: -9px;
}
.w-widget-twitter-count-shim.w--vertical {
width: 61px;
height: 33px;
margin-bottom: 8px;
}
.w-widget-twitter-count-shim.w--vertical:before,
.w-widget-twitter-count-shim.w--vertical:after {
content: " ";
pointer-events: none;
border: solid #0000;
width: 0;
height: 0;
position: absolute;
top: 100%;
left: 50%;
}
.w-widget-twitter-count-shim.w--vertical:before {
border-width: 5px;
border-color: #5d6c7b #75869600 #75869600;
margin-left: -5px;
}
.w-widget-twitter-count-shim.w--vertical:after {
border-width: 4px;
border-color: #fff #fff0 #fff0;
margin-left: -4px;
}
.w-widget-twitter-count-shim.w--vertical .w-widget-twitter-count-inner {
font-size: 18px;
line-height: 22px;
}
.w-widget-twitter-count-shim.w--vertical.w--large {
width: 76px;
}
.w-background-video {
color: #fff;
height: 500px;
position: relative;
overflow: hidden;
}
.w-background-video > video {
object-fit: cover;
z-index: -100;
background-position: 50%;
background-size: cover;
width: 100%;
height: 100%;
margin: auto;
position: absolute;
inset: -100%;
}
.w-background-video > video::-webkit-media-controls-start-playback-button {
-webkit-appearance: none;
display: none !important;
}
.w-background-video--control {
background-color: #0000;
padding: 0;
position: absolute;
bottom: 1em;
right: 1em;
}
.w-background-video--control > [hidden] {
display: none !important;
}
.w-slider {
text-align: center;
clear: both;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
background: #ddd;
height: 300px;
position: relative;
}
.w-slider-mask {
z-index: 1;
white-space: nowrap;
height: 100%;
display: block;
position: relative;
left: 0;
right: 0;
overflow: hidden;
}
.w-slide {
vertical-align: top;
white-space: normal;
text-align: left;
width: 100%;
height: 100%;
display: inline-block;
position: relative;
}
.w-slider-nav {
z-index: 2;
text-align: center;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
height: 40px;
margin: auto;
padding-top: 10px;
position: absolute;
inset: auto 0 0;
}
.w-slider-nav.w-round > div {
border-radius: 100%;
}
.w-slider-nav.w-num > div {
width: auto;
height: auto;
font-size: inherit;
line-height: inherit;
padding: 0.2em 0.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 0.5em;
transition: background-color 0.1s, color 0.1s;
display: inline-block;
position: relative;
}
.w-slider-dot.w-active {
background-color: #fff;
}
.w-slider-dot:focus {
outline: none;
box-shadow: 0 0 0 2px #fff;
}
.w-slider-dot:focus.w-active {
box-shadow: none;
}
.w-slider-arrow-left,
.w-slider-arrow-right {
cursor: pointer;
color: #fff;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
-webkit-user-select: none;
user-select: none;
width: 80px;
margin: auto;
font-size: 40px;
position: absolute;
inset: 0;
overflow: hidden;
}
.w-slider-arrow-left [class^="w-icon-"],
.w-slider-arrow-right [class^="w-icon-"],
.w-slider-arrow-left [class*="\ w-icon-"],
.w-slider-arrow-right [class*="\ w-icon-"] {
position: absolute;
}
.w-slider-arrow-left:focus,
.w-slider-arrow-right:focus {
outline: 0;
}
.w-slider-arrow-left {
z-index: 3;
right: auto;
}
.w-slider-arrow-right {
z-index: 4;
left: auto;
}
.w-icon-slider-left,
.w-icon-slider-right {
width: 1em;
height: 1em;
margin: auto;
inset: 0;
}
.w-slider-aria-label {
clip: rect(0 0 0 0);
border: 0;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
position: absolute;
overflow: hidden;
}
.w-slider-force-show {
display: block !important;
}
.w-dropdown {
text-align: left;
z-index: 900;
margin-left: auto;
margin-right: auto;
display: inline-block;
position: relative;
}
.w-dropdown-btn,
.w-dropdown-toggle,
.w-dropdown-link {
vertical-align: top;
color: #222;
text-align: left;
white-space: nowrap;
margin-left: auto;
margin-right: auto;
padding: 20px;
text-decoration: none;
position: relative;
}
.w-dropdown-toggle {
-webkit-user-select: none;
user-select: none;
cursor: pointer;
padding-right: 40px;
display: inline-block;
}
.w-dropdown-toggle:focus {
outline: 0;
}
.w-icon-dropdown-toggle {
width: 1em;
height: 1em;
margin: auto 20px auto auto;
position: absolute;
top: 0;
bottom: 0;
right: 0;
}
.w-dropdown-list {
background: #ddd;
min-width: 100%;
display: none;
position: absolute;
}
.w-dropdown-list.w--open {
display: block;
}
.w-dropdown-link {
color: #222;
padding: 10px 20px;
display: block;
}
.w-dropdown-link.w--current {
color: #0082f3;
}
.w-dropdown-link:focus {
outline: 0;
}
.w-lightbox-backdrop {
cursor: auto;
letter-spacing: normal;
text-indent: 0;
text-shadow: none;
text-transform: none;
visibility: visible;
white-space: normal;
word-break: normal;
word-spacing: normal;
word-wrap: normal;
color: #fff;
text-align: center;
z-index: 2000;
opacity: 0;
-webkit-user-select: none;
-moz-user-select: none;
-webkit-tap-highlight-color: transparent;
background: #000000e6;
outline: 0;
font-family: Helvetica Neue, Helvetica, Ubuntu, Segoe UI, Verdana, sans-serif;
font-size: 17px;
font-style: normal;
font-weight: 300;
line-height: 1.2;
list-style: disc;
position: fixed;
inset: 0;
-webkit-transform: translate(0);
}
.w-lightbox-backdrop,
.w-lightbox-container {
-webkit-overflow-scrolling: touch;
height: 100%;
overflow: auto;
}
.w-lightbox-content {
height: 100vh;
position: relative;
overflow: hidden;
}
.w-lightbox-view {
opacity: 0;
width: 100vw;
height: 100vh;
position: absolute;
}
.w-lightbox-view:before {
content: "";
height: 100vh;
}
.w-lightbox-group,
.w-lightbox-group .w-lightbox-view,
.w-lightbox-group .w-lightbox-view:before {
height: 86vh;
}
.w-lightbox-frame,
.w-lightbox-view:before {
vertical-align: middle;
display: inline-block;
}
.w-lightbox-figure {
margin: 0;
position: relative;
}
.w-lightbox-group .w-lightbox-figure {
cursor: pointer;
}
.w-lightbox-img {
width: auto;
max-width: none;
height: auto;
}
.w-lightbox-image {
float: none;
max-width: 100vw;
max-height: 100vh;
display: block;
}
.w-lightbox-group .w-lightbox-image {
max-height: 86vh;
}
.w-lightbox-caption {
text-align: left;
text-overflow: ellipsis;
white-space: nowrap;
background: #0006;
padding: 0.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: 50%;
background-repeat: no-repeat;
background-size: 24px;
width: 4em;
transition: all 0.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: translate(0, 0);
}
.w-lightbox-active {
opacity: 0.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: translateY(-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: 0.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: 0.5;
display: block;
}
.w-lightbox-close {
opacity: 0.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: 0.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);
}
to {
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;
}
.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;
}
@font-face {
font-family: BT Steinhart;
src: url(https://cdn.prod.website-files.com/6a44eec1ed1af2c4c403df6b/6a44eec1ed1af2c4c403df89_BTSteinhart-Medium-subset.woff2)
format("woff2");
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: BT Steinhart;
src: url(https://cdn.prod.website-files.com/6a44eec1ed1af2c4c403df6b/6a44eec1ed1af2c4c403df88_BTSteinhart-Bold-subset.woff2)
format("woff2");
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Helvetica Neue;
src: url(https://cdn.prod.website-files.com/6a44eec1ed1af2c4c403df6b/6a44eec1ed1af2c4c403df8b_HelveticaNeueMedium-subset.woff2)
format("woff2");
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Helvetica Neue;
src: url(https://cdn.prod.website-files.com/6a44eec1ed1af2c4c403df6b/6a44eec1ed1af2c4c403df8a_HelveticaNeueRoman-subset.woff2)
format("woff2");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: BT Steinhart Mono;
src: url(https://cdn.prod.website-files.com/6a44eec1ed1af2c4c403df6b/6a44eec1ed1af2c4c403df8c_BTSteinhart-RegularMono-subset.woff2)
format("woff2");
font-weight: 400;
font-style: normal;
font-display: swap;
}
:root {
--font--heading: "BT Steinhart", Arial, sans-serif;
--_color---bg--main: var(--_color---m-white);
--font--body: "Helvetica Neue", Arial, sans-serif;
--_color---content--main: var(--_color---m-black);
--container--padding: 4rem;
--font--button: "BT Steinhart Mono", Arial, sans-serif;
--_color---content--note: #1116;
--border--size: max(1px, 0.1rem);
--_color---border--bold: #1111114d;
--_color---bg--sf-2: var(--_color---m-black);
--_color---border--highlight: var(--_color---m-black);
--_color---secondary: #f50;
--_color---m-white: white;
--_color---content--soft: #111111b8;
--_color---bg--sf-1: #f4f4f4;
--_color---border--light: #1111111a;
--_color---content--brand: var(--_color---primary);
--container--column-gap: 2rem;
--container--one-column: calc(
(
var(--container--max-width) -
((var(--container--column) - 1) * var(--container--column-gap)) -
(var(--container--padding) * 2)
) / var(--container--column)
);
--_color---content--disable: #11111129;
--_color---content--sub: #111111e0;
--_color---m-black: #111;
--_color---border--main: #1113;
--_color---content--black\<deleted\|variable-6e7d8137-8713-9ff4-5cea-f92e6216a872\>: black;
--_color---bg--brand: var(--_color---primary);
--_color---primary: #0016cb;
--container--max-width: 100vw;
--container--column: 16;
--container--width: min(100vw, var(--container--max-width));
}
.w-layout-blockcontainer {
max-width: 940px;
margin-left: auto;
margin-right: auto;
display: block;
}
.w-commerce-commercecartwrapper {
display: inline-block;
position: relative;
}
.w-commerce-commercecartopenlink {
color: #fff;
cursor: pointer;
appearance: none;
background-color: #3898ec;
border-width: 0;
border-radius: 0;
align-items: center;
padding: 9px 15px;
text-decoration: none;
display: flex;
}
.w-commerce-commercecartopenlinkcount {
color: #3898ec;
text-align: center;
background-color: #fff;
border-radius: 9px;
min-width: 18px;
height: 18px;
margin-left: 8px;
padding-left: 6px;
padding-right: 6px;
font-size: 11px;
font-weight: 700;
line-height: 18px;
display: inline-block;
}
.w-commerce-commercecartcontainerwrapper {
z-index: 1001;
background-color: #000c;
position: fixed;
inset: 0;
}
.w-commerce-commercecartcontainerwrapper--cartType-modal {
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
}
.w-commerce-commercecartcontainerwrapper--cartType-leftSidebar {
flex-direction: row;
justify-content: flex-start;
align-items: stretch;
display: flex;
}
.w-commerce-commercecartcontainerwrapper--cartType-rightSidebar {
flex-direction: row;
justify-content: flex-end;
align-items: stretch;
display: flex;
}
.w-commerce-commercecartcontainerwrapper--cartType-leftDropdown {
background-color: #0000;
position: absolute;
inset: 100% auto auto 0;
}
.w-commerce-commercecartcontainerwrapper--cartType-rightDropdown {
background-color: #0000;
position: absolute;
inset: 100% 0 auto auto;
}
.w-commerce-commercecartcontainer {
background-color: #fff;
flex-direction: column;
width: 100%;
min-width: 320px;
max-width: 480px;
display: flex;
overflow: auto;
box-shadow: 0 5px 25px #00000040;
}
.w-commerce-commercecartheader {
border-bottom: 1px solid #e6e6e6;
flex: none;
justify-content: space-between;
align-items: center;
padding: 16px 24px;
display: flex;
position: relative;
}
.w-commerce-commercecartheading {
margin-top: 0;
margin-bottom: 0;
padding-left: 0;
padding-right: 0;
}
.w-commerce-commercecartcloselink {
width: 16px;
height: 16px;
}
.w-commerce-commercecartformwrapper {
flex-direction: column;
flex: 1;
display: flex;
}
.w-commerce-commercecartform {
flex-direction: column;
flex: 1;
justify-content: flex-start;
display: flex;
}
.w-commerce-commercecartlist {
-webkit-overflow-scrolling: touch;
flex: 1;
padding: 12px 24px;
overflow: auto;
}
.w-commerce-commercecartitem {
align-items: flex-start;
padding-top: 12px;
padding-bottom: 12px;
display: flex;
}
.w-commerce-commercecartitemimage {
width: 60px;
height: 0%;
}
.w-commerce-commercecartiteminfo {
flex-direction: column;
flex: 1;
margin-left: 16px;
margin-right: 16px;
display: flex;
}
.w-commerce-commercecartproductname {
font-weight: 700;
}
.w-commerce-commercecartoptionlist {
margin-bottom: 0;
padding-left: 0;
text-decoration: none;
list-style-type: none;
}
.w-commerce-commercecartquantity {
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-commercecartquantity::placeholder {
color: #999;
}
.w-commerce-commercecartquantity:focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecartfooter {
border-top: 1px solid #e6e6e6;
flex-direction: column;
flex: none;
padding: 16px 24px 24px;
display: flex;
}
.w-commerce-commercecartlineitem {
flex: none;
justify-content: space-between;
align-items: baseline;
margin-bottom: 16px;
display: flex;
}
.w-commerce-commercecartordervalue {
font-weight: 700;
}
.w-commerce-commercecartapplepaybutton {
color: #fff;
cursor: pointer;
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;
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-commercecartcheckoutbutton {
color: #fff;
cursor: pointer;
appearance: none;
text-align: center;
background-color: #3898ec;
border-width: 0;
border-radius: 2px;
align-items: center;
padding: 9px 15px;
text-decoration: none;
display: block;
}
.w-commerce-commercecartemptystate {
flex: 1;
justify-content: center;
align-items: center;
padding-top: 100px;
padding-bottom: 100px;
display: flex;
}
.w-commerce-commercecarterrorstate {
background-color: #ffdede;
flex: none;
margin: 0 24px 24px;
padding: 10px;
}
.w-form-formradioinput--inputType-custom {
border: 1px solid #ccc;
border-radius: 50%;
width: 12px;
height: 12px;
}
.w-form-formradioinput--inputType-custom.w--redirected-focus {
box-shadow: 0 0 3px 1px #3898ec;
}
.w-form-formradioinput--inputType-custom.w--redirected-checked {
border-width: 4px;
border-color: #3898ec;
}
.w-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 {
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;
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-commerceaddtocartoutofstock {
background-color: #ddd;
margin-top: 10px;
padding: 10px;
}
.w-commerce-commerceaddtocarterror {
background-color: #ffdede;
margin-top: 10px;
padding: 10px;
}
.w-commerce-commercebuynowbutton {
color: #fff;
cursor: pointer;
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-commercecheckoutformcontainer {
background-color: #f5f5f5;
width: 100%;
min-height: 100vh;
padding: 20px;
}
.w-commerce-commercelayoutcontainer {
justify-content: center;
align-items: flex-start;
display: flex;
}
.w-commerce-commercelayoutmain {
flex: 0 800px;
margin-right: 20px;
}
.w-commerce-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 {
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 {
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 {
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 {
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 {
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 {
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-commercecheckoutshippingcountryselector {
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-commercecheckoutshippingzippostalcode {
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-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 {
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 {
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 {
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 {
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 {
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 {
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 {
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 {
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 {
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 {
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-commercecheckoutorderitemdescriptionwrapper {
flex-grow: 1;
margin-left: 16px;
margin-right: 16px;
}
.w-commerce-commercecheckoutorderitemquantitywrapper {
white-space: pre-wrap;
display: flex;
}
.w-commerce-commercecheckoutorderitemoptionlist {
margin-bottom: 0;
padding-left: 0;
text-decoration: none;
list-style-type: none;
}
.w-commerce-commercelayoutsidebar {
flex: 0 0 320px;
position: sticky;
top: 20px;
}
.w-commerce-commercecheckoutordersummarywrapper {
margin-bottom: 20px;
}
.w-commerce-commercecheckoutsummarylineitem,
.w-commerce-commercecheckoutordersummaryextraitemslistitem {
flex-direction: row;
justify-content: space-between;
margin-bottom: 8px;
display: flex;
}
.w-commerce-commercecheckoutsummarytotal {
font-weight: 700;
}
.w-commerce-commercecheckoutplaceorderbutton {
color: #fff;
cursor: pointer;
appearance: none;
text-align: center;
background-color: #3898ec;
border-width: 0;
border-radius: 3px;
align-items: center;
margin-bottom: 20px;
padding: 9px 15px;
text-decoration: none;
display: block;
}
.w-commerce-commercecheckouterrorstate {
background-color: #ffdede;
margin-top: 16px;
margin-bottom: 16px;
padding: 10px 16px;
}
.w-commerce-commercepaypalcheckoutformcontainer {
background-color: #f5f5f5;
width: 100%;
min-height: 100vh;
padding: 20px;
}
.w-commerce-commercecheckoutcustomerinfosummarywrapper {
margin-bottom: 20px;
}
.w-commerce-commercecheckoutsummaryitem,
.w-commerce-commercecheckoutsummarylabel {
margin-bottom: 8px;
}
.w-commerce-commercecheckoutsummaryflexboxdiv {
flex-direction: row;
justify-content: flex-start;
display: flex;
}
.w-commerce-commercecheckoutsummarytextspacingondiv {
margin-right: 0.33em;
}
.w-commerce-commercecheckoutpaymentsummarywrapper {
margin-bottom: 20px;
}
.w-commerce-commercepaypalcheckouterrorstate {
background-color: #ffdede;
margin-top: 16px;
margin-bottom: 16px;
padding: 10px 16px;
}
.w-commerce-commerceorderconfirmationcontainer {
background-color: #f5f5f5;
width: 100%;
min-height: 100vh;
padding: 20px;
}
@media screen and (max-width: 991px) {
.w-layout-blockcontainer {
max-width: 728px;
}
}
@media screen and (max-width: 767px) {
.w-layout-blockcontainer {
max-width: none;
}
.w-commerce-commercelayoutcontainer {
flex-direction: column;
align-items: stretch;
}
.w-commerce-commercelayoutmain {
flex-basis: auto;
margin-right: 0;
}
.w-commerce-commercelayoutsidebar {
flex-basis: auto;
}
}
@media screen and (max-width: 479px) {
.w-commerce-commercecartcontainerwrapper--cartType-modal {
flex-direction: row;
justify-content: center;
align-items: stretch;
}
.w-commerce-commercecartcontainerwrapper--cartType-leftDropdown,
.w-commerce-commercecartcontainerwrapper--cartType-rightDropdown {
flex-direction: row;
justify-content: center;
align-items: stretch;
display: flex;
position: fixed;
inset: 0;
}
.w-commerce-commercecartquantity,
.w-commerce-commerceaddtocartquantityinput,
.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-commercecheckoutshippingcountryselector,
.w-commerce-commercecheckoutshippingzippostalcode,
.w-commerce-commercecheckoutcardnumber,
.w-commerce-commercecheckoutcardexpirationdate,
.w-commerce-commercecheckoutcardsecuritycode,
.w-commerce-commercecheckoutbillingfullname,
.w-commerce-commercecheckoutbillingstreetaddress,
.w-commerce-commercecheckoutbillingstreetaddressoptional,
.w-commerce-commercecheckoutbillingcity,
.w-commerce-commercecheckoutbillingstateprovince,
.w-commerce-commercecheckoutbillingzippostalcode,
.w-commerce-commercecheckoutbillingcountryselector {
font-size: 16px;
}
}
body {
color: #333;
margin-bottom: 0;
padding-left: 0;
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 14px;
line-height: 20px;
}
h1 {
font-family: var(--font--heading);
margin-top: 0;
margin-bottom: 0;
font-size: 38px;
font-weight: 700;
line-height: 44px;
}
h2 {
font-family: var(--font--heading);
margin-top: 0;
margin-bottom: 0;
font-size: 32px;
font-weight: 700;
line-height: 36px;
}
h3 {
font-family: var(--font--heading);
margin-top: 0;
margin-bottom: 0;
font-size: 24px;
font-weight: 700;
line-height: 30px;
}
h4 {
font-family: var(--font--heading);
margin-top: 0;
margin-bottom: 0;
font-size: 18px;
font-weight: 700;
line-height: 24px;
}
h5 {
margin-top: 0;
margin-bottom: 0;
font-size: 14px;
font-weight: 700;
line-height: 20px;
}
h6 {
margin-top: 0;
margin-bottom: 0;
font-size: 12px;
font-weight: 700;
line-height: 18px;
}
p {
margin-bottom: 10px;
}
a {
text-decoration: underline;
}
ul {
grid-row-gap: 0.8rem;
flex-flow: column;
margin-top: 0;
margin-bottom: 2rem;
padding-left: 0px;
display: flex;
}
ol {
margin-top: 0;
margin-bottom: 10px;
padding-left: 40px;
}
label {
margin-bottom: 0;
}
strong {
font-weight: 700;
}
blockquote {
border-left: 5px solid #e2e2e2;
margin-bottom: 10px;
padding: 10px 20px;
font-size: 18px;
line-height: 22px;
}
.body {
background-color: var(--_color---bg--main);
font-family: var(--font--body);
color: var(--_color---content--main);
font-size: 1.6rem;
line-height: 1.3;
}
.body-inner {
grid-template-rows: auto;
grid-template-columns: minmax(1px, 1fr);
grid-auto-columns: 1fr;
display: grid;
}
.main {
z-index: 2;
background-color: var(--_color---bg--main);
grid-area: 2/1/3/2;
position: relative;
}
.component-global {
display: contents;
}
.debug-area {
z-index: 1000;
grid-column-gap: 0px;
grid-row-gap: 0px;
opacity: 0.53;
pointer-events: none;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
position: fixed;
inset: 0%;
}
.embed-css {
display: none;
}
.container {
z-index: 2;
width: 100%;
max-width: 100vw;
padding-right: var(--container--padding);
padding-left: var(--container--padding);
flex: 1;
position: relative;
}
.container.grid {
grid-column-gap: 2rem;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
align-content: start;
max-width: none;
padding-left: 0;
padding-right: 0;
display: grid;
}
.container.grid.check {
align-content: initial;
height: 100%;
}
.container.grid.full-h {
align-content: initial;
}
.container.grid.full-h.service-tech-grid {
grid-template-rows: max-content 0.1rem 1fr 0.1rem;
min-height: 100dvh;
padding-top: 11.1111dvh;
}
.container.grid.service-main-container {
z-index: unset;
}
.container.full-h {
height: 100%;
}
.container-column {
background-color: #6166771a;
width: 100%;
}
.header {
z-index: 100;
pointer-events: none;
width: 100%;
color: var(--_color---content--main);
margin-bottom: -11.9rem;
transition: opacity 0.35s cubic-bezier(0.445, 0.05, 0.55, 0.95), transform 0.35s;
position: sticky;
top: -4.5rem;
}
.header-slot {
color: var(--_color---content--main);
--_color---bg--main: var(--_color---m-black);
--_color---content--main: var(--_color---m-white);
--_color---content--note: #ffffff3d;
--_color---border--bold: #ffffff52;
--_color---bg--sf-2: var(--_color---m-white);
--_color---border--highlight: var(--_color---m-white);
--_color---secondary: #f50;
--_color---m-white: white;
--_color---content--soft: #fff9;
--_color---bg--sf-1: #1a1a1a;
--_color---border--light: #ffffff14;
--_color---content--brand: var(--_color---primary);
--_color---content--disable: #ffffff29;
--_color---content--sub: #ffffffb3;
--_color---m-black: #111;
--_color---border--main: #ffffff29;
--_color---content--black\<deleted\|variable-6e7d8137-8713-9ff4-5cea-f92e6216a872\>: black;
--_color---bg--brand: var(--_color---primary);
--_color---primary: #0016cb;
transition-property: color, background-color;
transition-duration: 0.45s, 0.45s;
transition-timing-function: ease-in-out, ease-in-out;
display: contents;
}
.header-slot:where(.w-variant-7b65b79f-1e98-9fbe-d76a-ec0d5a9abad9) {
--_color---bg--main: var(--_color---m-white);
--_color---content--main: var(--_color---m-black);
--_color---content--note: #1116;
--_color---border--bold: #1111114d;
--_color---bg--sf-2: var(--_color---m-black);
--_color---border--highlight: var(--_color---m-black);
--_color---secondary: #f50;
--_color---m-white: white;
--_color---content--soft: #111111b8;
--_color---bg--sf-1: #f4f4f4;
--_color---border--light: #1111111a;
--_color---content--brand: var(--_color---primary);
--_color---content--disable: #11111129;
--_color---content--sub: #111111e0;
--_color---m-black: #111;
--_color---border--main: #1113;
--_color---content--black\<deleted\|variable-6e7d8137-8713-9ff4-5cea-f92e6216a872\>: black;
--_color---bg--brand: var(--_color---primary);
--_color---primary: #0016cb;
}
.header-inner {
width: 100%;
padding-top: 1.6rem;
padding-bottom: 1.6rem;
transition: background-color 0.4s, transform 0.4s;
}
.header-logo {
grid-column-gap: 0.24rem;
pointer-events: auto;
justify-content: flex-start;
align-items: center;
margin-top: 1.6rem;
margin-right: -2rem;
display: flex;
}
.header-logo-char-single {
justify-content: center;
align-items: center;
width: 1.5rem;
display: flex;
overflow: hidden;
}
.header-logo-char-full {
justify-content: center;
align-items: center;
width: 7.005rem;
display: flex;
overflow: hidden;
}
.header-logo-char-full.is-last {
width: 10.483rem;
}
.header-logo-char {
grid-template-rows: auto;
grid-template-columns: auto 1fr;
grid-auto-columns: auto;
display: grid;
}
.header-menu {
position: relative;
top: 0;
left: 0;
}
.header-link {
transition: transform 0.4s;
transform: translateY(-105%);
}
.header-link.w--current {
opacity: 1;
}
.txt:where(.w-variant-3648de38-311e-0b18-0c7d-747bd60ae1a8) {
font-family: var(--font--button);
text-transform: uppercase;
}
.txt:where(.w-variant-d95cf440-970f-3f2a-7400-9067de38c5ba) {
font-family: var(--font--heading);
text-transform: uppercase;
font-weight: 500;
}
.txt.fs-12 {
font-size: 1.2rem;
line-height: 1.4;
}
.txt.fs-14 {
font-size: 1.4rem;
line-height: 1.3;
}
.txt.fs-14.service-main-content-item-body-txt p {
margin-bottom: 2.4rem;
}
.txt.fs-14.fw-med.item-size-txt {
line-height: 1;
}
.txt.fs-16 {
font-size: 1.6rem;
line-height: 1.2;
}
.txt.fs-16.input-field {
outline-offset: 0px;
border: 1px #000;
border-radius: 0;
outline: 0 #333;
width: 100%;
margin-bottom: 0;
padding: 5rem 0 1.6rem;
transition: color 0.4s;
display: block;
}
.txt.fs-16.input-field::placeholder {
color: #fff0;
}
.txt.fs-16.input-field.type-area {
resize: vertical;
min-height: 14rem;
}
.txt.fs-16.input-label {
pointer-events: none;
transform-origin: 0 0;
color: var(--_color---content--note);
font-weight: 400;
transition: all 0.4s;
position: absolute;
top: 3.4rem;
}
.txt.fs-16 h1,
.txt.fs-16 h2,
.txt.fs-16 h3,
.txt.fs-16 h4,
.txt.fs-16 h5,
.txt.fs-16 h6 {
display: none;
}
.txt.fs-20 {
font-size: 2rem;
line-height: 1.2;
}
.txt.fs-28 {
font-size: 2.8rem;
line-height: 1.2;
}
.txt.fs-32 {
font-size: 3.2rem;
line-height: 1.2;
}
.txt.fs-10 {
font-size: 1rem;
line-height: 1.4;
}
.txt.fs-24 {
font-size: 2.4rem;
line-height: 1.1;
}
.txt.fs-375 {
font-size: 37.5rem;
line-height: 1;
}
.txt.fs-18 {
font-size: 1.8rem;
line-height: 1.2;
}
.txt.fs-9 {
font-size: 0.9rem;
line-height: 1.4;
}
.txt.mono {
font-family: var(--font--button);
text-transform: uppercase;
}
.txt.fs-40 {
letter-spacing: -0.02em;
font-size: 4rem;
line-height: 1;
}
.txt.ff-stei-momo {
font-family: var(--font--button);
text-transform: uppercase;
}
.txt.ff-stei {
text-transform: uppercase;
}
.txt.fs-360 {
font-size: 36rem;
line-height: 1.4;
}
.header-btn {
pointer-events: auto;
color: var(--_color---content--main);
}
.btn {
border: var(--border--size) solid var(--_color---border--bold);
color: var(--_color---content--main);
cursor: pointer;
border-radius: 100vmax;
flex: 1;
justify-content: center;
align-items: center;
padding: 1.9rem 2.8rem 1.7rem;
transition: border-color 0.4s, background-color 0.4s, color 0.4s;
display: flex;
}
.btn:where(.w-variant-7029a3ee-17e7-b8e5-2624-093729802ed7) {
border-color: var(--_color---bg--sf-2);
background-color: var(--_color---bg--sf-2);
color: var(--_color---bg--main);
}
.btn:hover {
border-color: var(--_color---border--highlight);
}
.btn:hover:where(.w-variant-7029a3ee-17e7-b8e5-2624-093729802ed7) {
border-color: var(--_color---secondary);
background-color: var(--_color---secondary);
color: var(--_color---m-white);
}
.btn.sidebar-cart-checkout {
background-color: var(--_color---bg--sf-2);
font-family: var(--font--button);
color: var(--_color---m-white);
text-transform: uppercase;
font-size: 1.2rem;
line-height: 1.4;
}
.btn.btn-cart {
margin-top: 0;
line-height: 1;
}
.btn.btn-cart:hover {
border-color: var(--_color---secondary);
background-color: var(--_color---secondary);
}
.btn.btn-cart.btn-outline:hover {
background-color: #0000;
}
.btn.btn-cart.tp-product-content-cart-buy {
text-align: center;
min-width: 14.2rem;
display: block !important;
}
.btn.checkout-main-sum-submit {
border-color: var(--_color---border--highlight);
background-color: var(--_color---bg--sf-2);
font-family: var(--font--button);
color: var(--_color---m-white);
margin-bottom: 0;
font-size: 1.2rem;
line-height: 1.4;
}
.btn.checkout-main-sum-submit:hover {
border-color: var(--_color---secondary);
background-color: var(--_color---secondary);
}
.btn-txt {
text-align: center;
justify-content: center;
align-items: center;
display: flex;
}
.btn-txt:where(.w-variant-7029a3ee-17e7-b8e5-2624-093729802ed7) {
white-space: nowrap;
}
.header-act {
grid-column-gap: 2rem;
justify-content: space-between;
align-items: center;
display: flex;
}
.header-locale {
grid-column-gap: 0.4rem;
pointer-events: auto;
color: var(--_color---content--soft);
flex: none;
justify-content: flex-start;
align-items: baseline;
transition: color 0.4s;
display: flex;
position: relative;
}
.header-locale:where(.w-variant-7b65b79f-1e98-9fbe-d76a-ec0d5a9abad9) {
color: var(--_color---content--main);
}
.header-locale-inner {
background-color: var(--_color---bg--sf-1);
width: calc(100% + 2rem);
display: none;
position: absolute;
top: calc(100% + 1rem);
left: 0;
}
.header-locale-inner:where(.w-variant-7b65b79f-1e98-9fbe-d76a-ec0d5a9abad9) {
display: none;
}
.header-locale-list {
padding-top: var(--border--size);
flex-flow: column;
display: flex;
}
.header-locale-link {
border-top-style: solid;
border-top-width: var(--border--size);
border-top-color: #ffffff14;
border-right-style: solid;
border-right-width: var(--border--size);
border-bottom-style: solid;
border-right-color: #ffffff14;
border-bottom-width: var(--border--size);
border-bottom-color: #ffffff14;
border-left-style: solid;
border-left-width: var(--border--size);
color: var(--_color---content--soft);
margin-top: calc(var(--border--size) * -1);
border-left-color: #ffffff14;
padding: 1.2rem 0.4rem;
transition-property: border-color, color, background-color;
transition-duration: 0.4s, 0.4s, 0.4s;
transition-timing-function: ease, ease, ease;
}
.header-locale-link.w--current {
border-color: var(--_color---content--main);
background-color: var(--_color---content--main);
color: var(--_color---bg--main);
}
.hidden {
display: none;
}
.related-news {
color: var(--_color---content--soft);
}
.related-news:where(.w-variant-7b65b79f-1e98-9fbe-d76a-ec0d5a9abad9) {
pointer-events: auto;
}
.related-news-title {
justify-content: flex-start;
align-items: center;
padding-top: 0.2rem;
padding-bottom: 0.2rem;
transition: transform 0.45s;
display: flex;
}
.related-news-links {
grid-column-gap: 1.2rem;
justify-content: center;
align-items: center;
display: flex;
}
.related-news-link {
pointer-events: auto;
transition: color 0.4s;
}
.related-news-link:hover {
color: var(--_color---content--main);
}
.related-news-inner {
border-bottom: var(--border--size) solid var(--_color---border--light);
justify-content: space-between;
align-items: center;
padding-top: 1.5rem;
padding-bottom: 1.5rem;
display: flex;
overflow: hidden;
}
.footer-wrap {
    z-index: 3;
    background-color: var(--_color---bg--main);
    height: auto;
    position: relative;
}
.footer-wrap.h-auto {
height: auto;
}
.footer {
z-index: 2;
background-color: var(--_color---bg--main);
overflow: hidden;
}
.footer-inner {
padding-top: 4.8rem;
padding-bottom: 4.8rem;
}
.footer-sub {
color: var(--_color---content--soft);
margin-bottom: 3rem;
}
.fw-med {
font-weight: 500;
}
.fw-reg {
font-weight: 400;
}
.footer-content-item {
grid-row-gap: 1.2rem;
flex-flow: column;
flex: 1;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.footer-label {
color: var(--_color---content--soft);
}
.footer-link {
grid-column-gap: 0.4rem;
grid-row-gap: 0.4rem;
margin-right: 0.4rem;
display: flex;
}
.footer-link.w--current {
color: var(--_color---content--brand);
}
.footer-link.is-linkedin {
color: var(--_color---content--note);
transition: color 0.4s;
}
.footer-link.is-linkedin:hover {
color: var(--_color---content--main);
}
.footer-menu {
margin-bottom: 6.4rem;
}
.footer-menu-list {
grid-column-gap: var(--container--column-gap);
grid-row-gap: 1.2rem;
width: calc(
var(--container--one-column) * 6 + var(--container--column-gap) * 5
);
grid-template-rows: auto;
grid-template-columns: minmax(1px, 1fr) minmax(1px, 1fr) minmax(1px, 1fr);
grid-auto-columns: 1fr;
display: grid;
}
.footer-info {
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
padding-top: 2.4rem;
padding-bottom: 2.4rem;
display: flex;
}
.footer-info-switch {
background-color: #1111110d;
border-radius: 100vmax;
justify-content: center;
align-items: center;
margin-bottom: 1rem;
padding: 0.4rem;
display: flex;
position: relative;
}
.footer-info-btn {
width: 8.8rem;
color: var(--_color---content--soft);
padding-top: 1rem;
padding-bottom: 1rem;
transition: color 0.4s;
}
.footer-info-btn.active {
pointer-events: none;
}
.footer-info-switch-inner {
z-index: 2;
position: relative;
}
.footer-info-active {
z-index: 1;
background-color: var(--_color---m-white);
pointer-events: none;
border-radius: 100vmax;
width: 8.8rem;
padding: 0;
position: absolute;
inset: 0.4rem;
}
.footer-info-text {
color: var(--_color---content--disable);
margin-left: -1rem;
margin-right: calc(var(--container--padding) * -1);
grid-template-rows: auto;
grid-template-columns: minmax(1px, 1fr);
grid-auto-columns: 1fr;
padding-left: 1rem;
display: grid;
overflow: hidden;
-webkit-mask-image: linear-gradient(
90deg,
#0000 0%,
#000 10rem calc(100% - 10rem),
#0000 100%
);
mask-image: linear-gradient(
90deg,
#0000 0%,
#000 10rem calc(100% - 10rem),
#0000 100%
);
}
.footer-info-text-inner {
opacity: 0;
pointer-events: none;
transition: opacity 0.4s cubic-bezier(0.445, 0.05, 0.55, 0.95);
display: flex;
}
.footer-info-text-inner.active {
opacity: 100;
pointer-events: auto;
}
.footer-info-text-list {
grid-column-gap: 1.2rem;
flex: none;
justify-content: flex-start;
align-items: center;
padding-right: 1.2rem;
display: flex;
}
.footer-info-text-item {
grid-column-gap: 1.2rem;
justify-content: flex-start;
align-items: center;
display: flex;
}
.css-embed {
display: none;
}
.footer-main {
grid-column-gap: var(--container--column-gap);
grid-row-gap: 0rem;
grid-template-rows: auto;
grid-template-columns: minmax(1px, 1fr) minmax(1px, 1fr) minmax(1px, 1fr);
grid-auto-columns: 1fr;
padding-bottom: 4.8rem;
display: grid;
}
.footer-main-address {
grid-row-gap: 6.4rem;
flex-flow: column;
grid-template-rows: auto auto;
grid-template-columns: minmax(1px, 1fr);
grid-auto-columns: 1fr;
display: grid;
}
.footer-main-contact {
grid-row-gap: 3.2rem;
flex-flow: column;
justify-content: space-between;
display: flex;
}
.footer-main-address-list,
.footer-main-address-item {
grid-column-gap: 0.4rem;
grid-row-gap: 0.4rem;
display: flex;
}
.footer-link-ic {
flex: none;
justify-content: center;
align-items: center;
width: 1.6rem;
height: 1.6rem;
margin-right: 0.4rem;
display: flex;
}
.footer-bot {
width: 100%;
}
.footer-legal-item {
justify-content: flex-start;
align-items: center;
display: flex;
}
.footer-legal-link {
color: var(--_color---content--soft);
}
.footer-logo {
grid-template-rows: auto;
grid-template-columns: minmax(1px, 1fr);
grid-auto-columns: 1fr;
margin-top: 2.8rem;
display: grid;
}
.footer-logo-placeholder {
pointer-events: none;
-webkit-user-select: none;
user-select: none;
}
.img-df {
object-fit: cover;
width: 100%;
}
.img-df.img-fill {
height: 100%;
}
.img-df.img-h {
width: auto;
max-width: none;
height: 100%;
}
.img-df.img-abs {
position: absolute;
}
.img-df.home-partners-bg-abs {
position: absolute;
inset: 0%;
}
.footer-logo-main {
opacity: 0;
pointer-events: none;
}
.footer-thumb {
margin-top: 4.8rem;
}
.footer-main-map {
grid-template-rows: auto;
grid-template-columns: minmax(1px, 1fr);
grid-auto-columns: 1fr;
width: 39.6rem;
display: grid;
}
.footer-main-map-dot {
grid-template-rows: auto auto;
grid-template-columns: minmax(1px, 1fr);
grid-auto-columns: 1fr;
justify-content: center;
align-items: center;
display: flex;
}
.cta {
z-index: 3;
background-color: var(--_color---bg--main);
color: var(--_color---content--main);
--_color---bg--main: var(--_color---m-black);
--_color---content--main: var(--_color---m-white);
--_color---content--note: #ffffff3d;
--_color---border--bold: #ffffff52;
--_color---bg--sf-2: var(--_color---m-white);
--_color---border--highlight: var(--_color---m-white);
--_color---secondary: #f50;
--_color---m-white: white;
--_color---content--soft: #fff9;
--_color---bg--sf-1: #1a1a1a;
--_color---border--light: #ffffff14;
--_color---content--brand: var(--_color---primary);
--_color---content--disable: #ffffff29;
--_color---content--sub: #ffffffb3;
--_color---m-black: #111;
--_color---border--main: #ffffff29;
--_color---content--black\<deleted\|variable-6e7d8137-8713-9ff4-5cea-f92e6216a872\>: black;
--_color---bg--brand: var(--_color---primary);
--_color---primary: #0016cb;
position: relative;
overflow: hidden;
}
.cta-text-wrap {
z-index: 2;
text-align: center;
flex-flow: column;
justify-content: center;
align-items: center;
height: 64.8rem;
padding-top: 17rem;
padding-bottom: 17rem;
display: flex;
position: relative;
}
.heading {
font-family: var(--font--heading);
text-transform: uppercase;
font-weight: 700;
}
.heading.h2 {
font-size: 7.2rem;
line-height: 1.05;
}
.heading.h1 {
font-size: 9.6rem;
line-height: 1.05;
}
.heading.h0 {
font-size: 16rem;
line-height: 1.05;
}
.heading.h3 {
font-size: 5.6rem;
line-height: 1.05;
}
.heading.h6 {
font-size: 2.4rem;
line-height: 1.1;
}
.heading.h4 {
font-size: 4rem;
line-height: 1.05;
}
.heading.fs-20 {
font-size: 2rem;
line-height: 1.1;
}
.heading.h5 {
font-size: 3.2rem;
line-height: 1.1;
}
.heading.h7 {
font-size: 2rem;
line-height: 1.1;
}
.cta-title {
max-width: 45rem;
margin-bottom: 2rem;
}
.cta-desc {
max-width: 33rem;
color: var(--_color---content--sub);
}
.cta-circs {
z-index: 1;
aspect-ratio: 1;
pointer-events: none;
justify-content: center;
align-items: center;
width: 50rem;
display: flex;
position: relative;
}
.cta-circs:where(.w-variant-e85f0841-e19f-4fdd-5123-891d8814f1ff) {
display: none;
}
.cta-circ {
aspect-ratio: 1;
border: var(--border--size) solid var(--_color---border--light);
border-radius: 50%;
width: 100%;
position: absolute;
}
.home-hero-wrap {
z-index: 2;
position: relative;
}
.home-hero {
z-index: 2;
color: var(--_color---content--main);
--_color---bg--main: var(--_color---m-black);
--_color---content--main: var(--_color---m-white);
--_color---content--note: #ffffff3d;
--_color---border--bold: #ffffff52;
--_color---bg--sf-2: var(--_color---m-white);
--_color---border--highlight: var(--_color---m-white);
--_color---secondary: #f50;
--_color---m-white: white;
--_color---content--soft: #fff9;
--_color---bg--sf-1: #1a1a1a;
--_color---border--light: #ffffff14;
--_color---content--brand: var(--_color---primary);
--_color---content--disable: #ffffff29;
--_color---content--sub: #ffffffb3;
--_color---m-black: #111;
--_color---border--main: #ffffff29;
--_color---content--black\<deleted\|variable-6e7d8137-8713-9ff4-5cea-f92e6216a872\>: black;
--_color---bg--brand: var(--_color---primary);
--_color---primary: #0016cb;
background-color: #000;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
position: relative;
}
.home-hero-text-wrap {
z-index: 2;
flex-flow: column;
justify-content: flex-end;
align-items: flex-start;
height: 100vh;
padding-bottom: 4rem;
padding-left: 4rem;
display: flex;
position: relative;
}
.home-hero-text-wrap.on-hidden {
pointer-events: none;
}
.home-hero-title {
margin-bottom: 4rem;
}
.home-hero-desc {
max-width: 32.6rem;
color: var(--_color---content--sub);
margin-bottom: 6rem;
}
.home-hero-links {
grid-column-gap: 0.8rem;
justify-content: flex-start;
align-items: center;
display: flex;
}
.home-hero-btn {
pointer-events: auto;
cursor: pointer;
--_color---bg--main: var(--_color---m-black);
--_color---content--main: var(--_color---m-white);
--_color---content--note: #ffffff3d;
--_color---border--bold: #ffffff52;
--_color---bg--sf-2: var(--_color---m-white);
--_color---border--highlight: var(--_color---m-white);
--_color---secondary: #f50;
--_color---m-white: white;
--_color---content--soft: #fff9;
--_color---bg--sf-1: #1a1a1a;
--_color---border--light: #ffffff14;
--_color---content--brand: var(--_color---primary);
--_color---content--disable: #ffffff29;
--_color---content--sub: #ffffffb3;
--_color---m-black: #111;
--_color---border--main: #ffffff29;
--_color---content--black\<deleted\|variable-6e7d8137-8713-9ff4-5cea-f92e6216a872\>: black;
--_color---bg--brand: var(--_color---primary);
--_color---primary: #0016cb;
transition: opacity 0.4s;
}
.home-intro-overlap-bg {
z-index: 3;
pointer-events: none;
isolation: isolate;
flex-flow: column;
justify-content: flex-end;
width: 100%;
height: 143rem;
margin-bottom: -1px;
position: relative;
overflow: hidden;
}
.home-hero-globe {
z-index: 2;
aspect-ratio: 1;
pointer-events: none;
-webkit-user-select: none;
user-select: none;
border-radius: 50%;
grid-template-rows: auto;
grid-template-columns: minmax(1px, 1fr);
grid-auto-columns: 1fr;
height: 100vh;
display: grid;
position: absolute;
right: -25rem;
}
.home-hero-globe-bg {
z-index: 1;
width: 100%;
position: relative;
}
.home-hero-globe-texture {
z-index: 2;
aspect-ratio: 1;
background-color: var(--_color---m-black);
opacity: 0.4;
width: 90%;
color: var(--_color---m-black);
border-radius: 50%;
position: relative;
overflow: hidden;
-webkit-mask: radial-gradient(circle, #000 40%, #0000 70%);
mask: radial-gradient(circle, #000 40%, #0000 70%);
}
.home-hero-globe-img {
z-index: 1;
height: 100%;
position: absolute;
}
.halftone {
z-index: 2;
background-color: currentColor;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
-webkit-mask-image: repeating-linear-gradient(
90deg,
#0000 0 0.2rem,
#000 0.2rem 0.8rem
),
repeating-linear-gradient(0deg, #0000 -0.4rem -0.2rem, #000 -0.2rem 0.6rem);
mask-image: repeating-linear-gradient(90deg, #0000 0 0.2rem, #000 0.2rem 0.8rem),
repeating-linear-gradient(0deg, #0000 -0.4rem -0.2rem, #000 -0.2rem 0.6rem);
-webkit-mask-position: 50%;
mask-position: 50%;
-webkit-mask-size: 0.8rem 0.8rem;
mask-size: 0.8rem 0.8rem;
-webkit-mask-repeat: repeat;
mask-repeat: repeat;
}
.halftone.reverse {
-webkit-mask-image: unset;
mask-image: unset;
background-image: url(https://cdn.prod.website-files.com/6a44eec1ed1af2c4c403df6b/6a44eec1ed1af2c4c403df82_bg-dot.png);
background-position: 50%;
background-size: 1rem 1rem;
}
.home-intro-wrap {
z-index: 2;
pointer-events: none;
margin-top: calc(-143rem - 50vh);
}
.home-intro {
z-index: 3;
background-color: var(--_color---bg--main);
pointer-events: auto;
contain: paint;
position: relative;
}
.cl-note {
color: var(--_color---content--note);
}
.home-intro-thumb {
width: calc(
var(--container--one-column) * 3 + var(--container--column-gap) * 2
);
margin-bottom: 6.4rem;
}
.home-intro-stick-wrap {
flex-flow: column;
justify-content: flex-end;
display: flex;
position: relative;
}
.home-intro-desc {
margin-bottom: 6rem;
}
.home-intro-stick {
flex-flow: column;
justify-content: flex-end;
height: 100vh;
margin-top: calc(63.9rem - 100vh);
padding-bottom: 8.6rem;
display: flex;
position: sticky;
bottom: 0;
}
.home-intro-btn {
cursor: pointer;
margin-bottom: 19.6rem;
}
.home-hero-empty-block {
height: 150vh;
}
.home-intro-label {
padding-bottom: 1.6rem;
position: relative;
}
.home-intro-stats-item {
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
padding-top: 6rem;
padding-bottom: 6rem;
display: flex;
position: relative;
}
.home-intro-stats-item-val {
margin-bottom: 2.4rem;
}
.home-intro-stats-item-desc {
color: var(--_color---content--soft);
}
.home-intro-stats {
flex-flow: column;
margin-bottom: 10rem;
display: flex;
}
.home-service-truck {
z-index: 2;
opacity: 0;
flex-flow: column;
justify-content: flex-end;
align-items: flex-start;
margin-bottom: -0.2rem;
display: flex;
position: relative;
}
.home-service-truck-inner {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
width: 120.2rem;
position: relative;
transform: translate(calc(50vw - 52.7%));
}
.home-service-label {
opacity: 0;
font-family: var(--font--heading);
color: #11111114;
text-transform: uppercase;
white-space: nowrap;
width: max-content;
height: min(30rem, 28vmin);
margin-bottom: 1vmin;
transform: translate(100vw);
}
.home-service-wrap {
position: relative;
}
.home-service {
z-index: 2;
background-color: var(--_color---bg--main);
contain: paint;
margin-top: -35vh;
position: relative;
}
.fw-bold {
font-weight: 700;
}
.home-service-stick-wrap {
color: var(--_color---content--main);
position: relative;
}
.home-service-stick-wrap.third-screen {
flex-flow: column;
justify-content: flex-end;
height: 100%;
display: flex;
}
.home-service-front {
z-index: 2;
grid-template-rows: auto;
grid-template-columns: minmax(1px, 1fr);
grid-auto-columns: 1fr;
height: 40vh;
display: grid;
position: relative;
}
.home-service-empty-block {
height: 100vh;
}
.home-service-title.sub {
pointer-events: auto;
}
.home-service-main {
background-color: var(--_color---bg--main);
transform-origin: 0 -20vh;
min-height: 60vh;
color: var(--_color---content--main);
--_color---bg--main: var(--_color---m-black);
--_color---content--main: var(--_color---m-white);
--_color---content--note: #ffffff3d;
--_color---border--bold: #ffffff52;
--_color---bg--sf-2: var(--_color---m-white);
--_color---border--highlight: var(--_color---m-white);
--_color---secondary: #f50;
--_color---m-white: white;
--_color---content--soft: #fff9;
--_color---bg--sf-1: #1a1a1a;
--_color---border--light: #ffffff14;
--_color---content--brand: var(--_color---primary);
--_color---content--disable: #ffffff29;
--_color---content--sub: #ffffffb3;
--_color---m-black: #111;
--_color---border--main: #ffffff29;
--_color---content--black\<deleted\|variable-6e7d8137-8713-9ff4-5cea-f92e6216a872\>: black;
--_color---bg--brand: var(--_color---primary);
--_color---primary: #0016cb;
flex-flow: column;
justify-content: flex-start;
align-items: center;
width: max-content;
padding-top: min(10rem, 9.25926vmin);
padding-bottom: min(4.2rem, 3.76007vmin);
display: flex;
position: relative;
}
.home-service-stick {
position: sticky;
bottom: 0;
}
.home-service-stick.third-screen {
flex-flow: column;
justify-content: space-between;
height: 100vh;
margin-top: calc(31.2rem - min(16rem, 14.5455vmin));
padding-top: min(16rem, 14.5455vmin);
padding-bottom: min(9.5rem, 8.63636vmin);
display: flex;
}
.home-service-stick.second-screen {
position: sticky;
top: calc(60vh - min(10rem, 9.25926vmin));
bottom: auto;
}
.home-service-main-inner {
z-index: 1;
grid-column-gap: 56.2rem;
justify-content: flex-start;
align-items: flex-start;
margin-bottom: min(7.8rem, 6.98299vmin);
padding-top: 0;
position: relative;
}
.home-service-text-wrap {
width: 100vw;
padding-right: var(--container--padding);
padding-left: var(--container--padding);
grid-column-gap: var(--container--column-gap);
grid-template-rows: auto;
grid-template-columns: minmax(1px, 1fr) minmax(1px, 1fr) minmax(1px, 1fr) minmax(
1px,
1fr
) minmax(1px, 1fr) minmax(1px, 1fr) minmax(1px, 1fr) minmax(1px, 1fr) minmax(
1px,
1fr
) minmax(1px, 1fr) minmax(1px, 1fr) minmax(1px, 1fr) minmax(1px, 1fr) minmax(
1px,
1fr
) minmax(1px, 1fr) minmax(1px, 1fr);
grid-auto-columns: 1fr;
display: grid;
}
.home-service-sub {
color: var(--_color---content--sub);
}
.home-service-cms {
transform-origin: 50% 0;
}
.home-service-list {
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.home-service-item {
border-left: var(--border--size) solid var(--_color---border--light);
flex-flow: column;
flex: none;
justify-content: flex-start;
align-items: flex-start;
width: 42rem;
padding-left: 4rem;
display: flex;
}
.home-service-item-ic {
justify-content: center;
align-items: center;
width: 6.4rem;
height: 6.4rem;
margin-bottom: 2.4rem;
display: flex;
}
.home-service-item-title {
margin-bottom: 2rem;
}
.home-service-item-desc {
max-width: 30.7rem;
color: var(--_color---content--soft);
}
.home-service-third-screen {
z-index: 3;
pointer-events: none;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
position: relative;
}
.home-service-second-screen {
z-index: 3;
position: relative;
}
.home-service-road {
background-color: var(--_color---bg--main);
width: 78.4rem;
position: relative;
}
.home-service-road-center {
opacity: 1;
flex: none;
width: 100%;
}
.home-service-road-bot {
background-color: #0c0c0c;
flex: 1;
justify-content: center;
align-items: center;
width: 24.4rem;
height: 400%;
margin-top: -0.1rem;
margin-left: 32.9rem;
display: flex;
position: absolute;
top: 66.3rem;
left: 52.5665%;
}
.home-service-road-ver-line {
background-image: url(https://cdn.prod.website-files.com/6a44eec1ed1af2c4c403df6b/6a44eec1ed1af2c4c403e714_road-line-ver.svg);
background-position: 50% 0;
background-repeat: repeat-y;
background-size: 100%;
width: 100%;
height: 100%;
}
.home-service-btn {
cursor: pointer;
}
.home-service-desc {
width: calc(
var(--container--one-column) * 4 + var(--container--column-gap) * 3
);
}
.home-service-sub-list {
z-index: 2;
grid-row-gap: 10rem;
flex-flow: column;
justify-content: space-between;
align-items: stretch;
max-width: 34.8rem;
height: 150vh;
padding-bottom: min(9.5rem, 8.63636vmin);
display: flex;
position: relative;
}
.home-service-sub-item {
border-bottom: var(--border--size) solid var(--_color---border--light);
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
padding-bottom: 10rem;
display: flex;
}
.home-service-sub-ic {
flex: none;
width: 6.4rem;
height: 6.4rem;
margin-bottom: 2rem;
}
.home-service-sub-title {
margin-bottom: 2rem;
}
.page-css.embed-css {
margin-bottom: 0;
}
.career-cta-wrap {
z-index: 4;
position: relative;
}
.career-hero {
z-index: 3;
--_color---bg--main: var(--_color---m-black);
--_color---content--main: var(--_color---m-white);
--_color---content--note: #ffffff3d;
--_color---border--bold: #ffffff52;
--_color---bg--sf-2: var(--_color---m-white);
--_color---border--highlight: var(--_color---m-white);
--_color---secondary: #f50;
--_color---m-white: white;
--_color---content--soft: #fff9;
--_color---bg--sf-1: #1a1a1a;
--_color---border--light: #ffffff14;
--_color---content--brand: var(--_color---primary);
--_color---content--disable: #ffffff29;
--_color---content--sub: #ffffffb3;
--_color---m-black: #111;
--_color---border--main: #ffffff29;
--_color---content--black\<deleted\|variable-6e7d8137-8713-9ff4-5cea-f92e6216a872\>: black;
--_color---bg--brand: var(--_color---primary);
--_color---primary: #0016cb;
height: calc(100vh + var(--border--size));
contain: paint;
position: relative;
}
.career-hero-bg {
z-index: 1;
flex-flow: column;
justify-content: flex-end;
width: 100%;
height: 100%;
display: flex;
position: sticky;
bottom: 0;
left: 0;
overflow: hidden;
}
.career-hero-bg-overlay {
opacity: 0.4;
pointer-events: none;
background-color: #000;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.career-hero-bg-img {
width: 100%;
height: 100%;
}
.career-hero-title {
z-index: 2;
color: var(--_color---content--main);
margin-bottom: 4rem;
position: relative;
}
.career-hero-desc {
z-index: 2;
color: var(--_color---content--main);
margin-top: 16.7rem;
position: relative;
}
.career-hero-btn {
z-index: 2;
margin-bottom: 4rem;
position: relative;
}
.header-menu-list {
z-index: 10;
grid-row-gap: 2.4rem;
pointer-events: none;
color: var(--_color---m-white);
flex-flow: column;
padding-top: 0.8rem;
transition: opacity 0.4s;
display: flex;
position: absolute;
top: 0;
left: 3.8rem;
}
.header-menu-toggle {
grid-column-gap: 0.8rem;
opacity: 1;
pointer-events: auto;
cursor: pointer;
margin: -0.5rem;
padding: 1.5rem 0.5rem 1.5rem 4rem;
transition: color 0.3s, opacity 0.3s;
display: flex;
position: relative;
}
.header-menu-toggle-dots {
transition-property: opacity;
transition-duration: 0.15s;
transition-timing-function: ease;
position: absolute;
top: 50%;
right: calc(100% - 3.2rem);
transform: translateY(-50%);
}
.header-menu-toggle-dot {
background-color: currentColor;
border-radius: 50%;
flex: none;
width: 0.4rem;
height: 0.4rem;
}
.header-menu-toggle-text {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
overflow: hidden;
}
.career-intro {
z-index: 4;
background-color: var(--_color---bg--main);
padding-top: 12rem;
padding-bottom: 12rem;
position: relative;
}
.career-intro-title {
position: sticky;
top: 10rem;
}
.career-intro-label {
font-family: var(--font--button);
color: var(--_color---content--note);
text-transform: uppercase;
margin-bottom: 6.4rem;
}
.career-intro-desc {
margin-bottom: 4.8rem;
}
.career-intro-item {
justify-content: space-between;
align-items: flex-start;
width: 100%;
padding-top: 4.8rem;
padding-bottom: 4.8rem;
display: flex;
position: relative;
}
.career-intro-item-title {
margin-bottom: 1.6rem;
}
.career-intro-item-desc {
color: var(--_color---content--sub);
}
.career-intro-item-text {
width: calc(
var(--container--one-column) * 4 + var(--container--column-gap) * 3
);
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.career-intro-item-ic {
width: 6.4rem;
height: 6.4rem;
}
.career-ev {
z-index: 4;
background-color: var(--_color---bg--sf-1);
padding-top: 10.4rem;
padding-bottom: 10.4rem;
position: relative;
}
.career-ev-title {
margin-bottom: 4.8rem;
}
.career-ev-desc {
width: calc(
var(--container--one-column) * 4 + var(--container--column-gap) * 3
);
margin-bottom: 12rem;
}
.career-ev-label {
max-width: 11rem;
color: var(--_color---content--soft);
margin-bottom: 25rem;
}
.txt-btn {
font-family: var(--font--button);
text-transform: uppercase;
}
.career-ev-list {
flex-flow: column;
display: flex;
}
.career-ev-item {
border-left-style: solid;
border-left-width: var(--border--size);
border-left-color: var(--_color---border--main);
width: calc(
var(--container--one-column) * 4 + var(--container--column-gap) * 3
);
padding-left: 2.4rem;
padding-right: 2.4rem;
}
.career-ev-item-label {
color: var(--_color---content--soft);
margin-bottom: 14rem;
padding-bottom: 0;
padding-right: 0;
}
.career-ev-item-title {
margin-bottom: 1.6rem;
}
.career-expect {
z-index: 2;
background-color: var(--_color---bg--main);
--_color---bg--main: var(--_color---m-black);
--_color---content--main: var(--_color---m-white);
--_color---content--note: #ffffff3d;
--_color---border--bold: #ffffff52;
--_color---bg--sf-2: var(--_color---m-white);
--_color---border--highlight: var(--_color---m-white);
--_color---secondary: #f50;
--_color---m-white: white;
--_color---content--soft: #fff9;
--_color---bg--sf-1: #1a1a1a;
--_color---border--light: #ffffff14;
--_color---content--brand: var(--_color---primary);
--_color---content--disable: #ffffff29;
--_color---content--sub: #ffffffb3;
--_color---m-black: #111;
--_color---border--main: #ffffff29;
--_color---content--black\<deleted\|variable-6e7d8137-8713-9ff4-5cea-f92e6216a872\>: black;
--_color---bg--brand: var(--_color---primary);
--_color---primary: #0016cb;
position: relative;
}
.career-expect-thumb {
z-index: 5;
grid-column-gap: 16px;
grid-row-gap: 16px;
contain: paint;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: center;
width: 100%;
height: min(43.4rem, 40.1852vmin);
display: flex;
position: relative;
}
.career-expect-title {
z-index: 4;
color: var(--_color---content--main);
margin-top: min(11rem, 10.1852vmin);
margin-bottom: min(11rem, 10.1852vmin);
position: sticky;
bottom: calc(100vh - min(34rem, 31.4815vmin));
}
.career-expect-title.sub {
z-index: 4;
pointer-events: none;
color: var(--_color---content--soft);
margin-right: auto;
margin-left: calc(
var(--container--one-column) * 8 + var(--container--column-gap) * 8 +
var(--container--padding)
);
}
.career-expect-thumb-img {
width: 100%;
height: 100%;
}
.career-expect-thumb-overlay {
pointer-events: none;
background-image: linear-gradient(270deg, #000 2.7%, #0000 60.79%);
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.career-expect-main {
z-index: 2;
padding-top: 20rem;
padding-bottom: 20rem;
position: relative;
}
.career-expect-text-wrap {
z-index: 3;
background-color: var(--_color---bg--main);
padding-top: min(27.6rem, 25.5556vmin);
padding-bottom: min(11rem, 10.1852vmin);
position: relative;
}
.career-expect-sub {
color: var(--_color---content--soft);
width: calc(
var(--container--one-column) * 4 + var(--container--column-gap) * 3
);
margin-left: 0;
}
.career-expect-main-content {
z-index: 1;
margin-left: calc(var(--container--padding) * -1);
margin-right: calc(var(--container--padding) * -1);
position: relative;
}
.career-expect-main-label {
pointer-events: auto;
color: var(--_color---content--main);
}
.career-expect-main-list {
z-index: 1;
pointer-events: none;
flex-flow: column;
justify-content: space-between;
margin-top: -3.6rem;
margin-bottom: -3.6rem;
display: flex;
position: relative;
overflow: hidden;
}
.career-expect-main-item {
z-index: 1;
pointer-events: auto;
padding-top: 3.6rem;
padding-bottom: 3.6rem;
padding-left: calc(
var(--container--one-column) * 5 + var(--container--column-gap) * 5
);
clip-path: inset(0);
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
position: relative;
}
.career-expect-main-item.leaving {
z-index: 2;
}
.career-expect-main-item-title {
color: var(--_color---content--main);
}
.career-expect-main-item-desc {
color: var(--_color---content--sub);
}
.career-expect-ic {
background-color: var(--_color---bg--main);
border-radius: 50%;
justify-content: center;
align-items: center;
width: 20.8rem;
height: 20.8rem;
display: flex;
position: relative;
}
.career-expect-ic.main {
-webkit-mask-image: radial-gradient(
circle,
transparent calc(var(--mask-ic) - 20%),
black var(--mask-ic)
);
mask-image: radial-gradient(
circle,
transparent calc(var(--mask-ic) - 20%),
black var(--mask-ic)
);
}
.career-expect-ic-load {
z-index: 2;
background-color: var(--_color---bg--main);
outline-color: var(--_color---border--light);
outline-offset: -1.4rem;
pointer-events: auto;
border-radius: 50%;
outline-width: 1px;
outline-style: solid;
grid-template-rows: auto;
grid-template-columns: minmax(1px, 1fr);
grid-auto-columns: 1fr;
display: grid;
position: relative;
}
.career-expect-ic-load-circ {
grid-area: 1/1/2/2;
}
.cl-soft {
color: var(--_color---content--soft);
--_color---bg--main: var(--_color---m-black);
--_color---content--main: var(--_color---m-white);
--_color---content--note: #ffffff3d;
--_color---border--bold: #ffffff52;
--_color---bg--sf-2: var(--_color---m-white);
--_color---border--highlight: var(--_color---m-white);
--_color---secondary: #f50;
--_color---m-white: white;
--_color---content--soft: #fff9;
--_color---bg--sf-1: #1a1a1a;
--_color---border--light: #ffffff14;
--_color---content--brand: var(--_color---primary);
--_color---content--disable: #ffffff29;
--_color---content--sub: #ffffffb3;
--_color---m-black: #111;
--_color---border--main: #ffffff29;
--_color---content--black\<deleted\|variable-6e7d8137-8713-9ff4-5cea-f92e6216a872\>: black;
--_color---bg--brand: var(--_color---primary);
--_color---primary: #0016cb;
}
.career-expect-ic-inner {
z-index: 1;
aspect-ratio: 1;
border-radius: 50%;
width: 43.27%;
position: absolute;
overflow: hidden;
}
.career-expect-main-item-ic {
z-index: 0;
top: 50%;
left: calc(
var(--container--padding) + var(--container--one-column) * 3 +
var(--container--column-gap) * 3 +
(
(var(--container--one-column) * 3 + var(--container--column-gap) * 2 - 20.8rem)
) / 2
);
border-radius: 50%;
justify-content: center;
align-items: center;
display: flex;
position: fixed;
transform: translateY(-50%);
}
.career-expect-stick {
grid-column-gap: var(--container--column-gap);
grid-template-rows: auto;
grid-template-columns: minmax(1px, 1fr) minmax(1px, 1fr) minmax(1px, 1fr) minmax(
1px,
1fr
) minmax(1px, 1fr) minmax(1px, 1fr) minmax(1px, 1fr);
grid-auto-columns: 1fr;
place-items: center stretch;
width: 100%;
display: grid;
position: relative;
}
.career-expect-stick-wrap {
z-index: 3;
pointer-events: none;
justify-content: center;
align-items: center;
height: 100vh;
margin-top: calc(-50vh - 10.4rem);
margin-bottom: calc(-50vh - 10.4rem);
display: flex;
position: sticky;
top: 0;
}
.career-process {
z-index: 4;
background-color: var(--_color---bg--main);
padding-top: 16rem;
padding-bottom: 10rem;
position: relative;
}
.career-process-title {
margin-bottom: 8rem;
}
.career-process-main {
z-index: 1;
background-color: var(--_color---bg--main);
position: relative;
}
.career-process-main.main {
background-color: var(--_color---bg--main);
color: var(--_color---content--main);
}
.career-process-main.sub {
pointer-events: none;
--_color---bg--main: var(--_color---m-black);
--_color---content--main: var(--_color---m-white);
--_color---content--note: #ffffff3d;
--_color---border--bold: #ffffff52;
--_color---bg--sf-2: var(--_color---m-white);
--_color---border--highlight: var(--_color---m-white);
--_color---secondary: #f50;
--_color---m-white: white;
--_color---content--soft: #fff9;
--_color---bg--sf-1: #1a1a1a;
--_color---border--light: #ffffff14;
--_color---content--brand: var(--_color---primary);
--_color---content--disable: #ffffff29;
--_color---content--sub: #ffffffb3;
--_color---m-black: #111;
--_color---border--main: #ffffff29;
--_color---content--black\<deleted\|variable-6e7d8137-8713-9ff4-5cea-f92e6216a872\>: black;
--_color---bg--brand: var(--_color---primary);
--_color---primary: #0016cb;
transition: all 0.6s cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
.career-process-list {
counter-reset: process;
}
.career-process-item-link {
border-top: var(--border--size) solid var(--_color---border--light);
}
.career-process-item-title {
color: var(--_color---content--main);
margin-top: 1.6rem;
}
.career-process-item-desc {
color: var(--_color---content--soft);
grid-area: 1/10/2/14;
margin-top: 2rem;
}
.career-process-thumb {
aspect-ratio: 3/2;
grid-area: 1/2/2/5;
width: 100%;
overflow: hidden;
}
.career-process-item-label {
color: var(--_color---content--note);
margin-top: 1.6rem;
}
.career-job {
z-index: 4;
background-color: var(--_color---bg--sf-1);
padding-top: 12rem;
padding-bottom: 12rem;
position: relative;
}
.career-job-title {
margin-bottom: 10.8rem;
}
.career-job-cms {
z-index: 2;
position: relative;
}
.career-job-item-link {
grid-column-gap: var(--container--column-gap);
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
}
.career-job-item-sub {
color: var(--_color---content--soft);
justify-content: flex-start;
align-items: center;
display: flex;
}
.career-job-head {
z-index: 2;
justify-content: space-between;
align-items: center;
margin-bottom: 2.7rem;
display: flex;
position: relative;
}
.career-job-label {
color: var(--_color---content--note);
justify-content: flex-start;
align-items: center;
display: flex;
}
.career-job-filter {
grid-column-gap: var(--container--column-gap);
width: calc(
var(--container--one-column) * 5 + var(--container--column-gap) * 4
);
justify-content: flex-start;
align-items: center;
display: flex;
}
.career-job-btn {
z-index: 1;
background-color: var(--_color---bg--main);
width: 100%;
height: 6.64rem;
color: var(--_color---content--main);
--_color---bg--main: var(--_color---m-black);
--_color---content--main: var(--_color---m-white);
--_color---content--note: #ffffff3d;
--_color---border--bold: #ffffff52;
--_color---bg--sf-2: var(--_color---m-white);
--_color---border--highlight: var(--_color---m-white);
--_color---secondary: #f50;
--_color---m-white: white;
--_color---content--soft: #fff9;
--_color---bg--sf-1: #1a1a1a;
--_color---border--light: #ffffff14;
--_color---content--brand: var(--_color---primary);
--_color---content--disable: #ffffff29;
--_color---content--sub: #ffffffb3;
--_color---m-black: #111;
--_color---border--main: #ffffff29;
--_color---content--black\<deleted\|variable-6e7d8137-8713-9ff4-5cea-f92e6216a872\>: black;
--_color---bg--brand: var(--_color---primary);
--_color---primary: #0016cb;
border-radius: 10vmin;
justify-content: center;
align-items: center;
display: flex;
position: absolute;
top: 0;
right: 0;
}
.career-job-filter-item {
position: relative;
}
.career-job-filter-item.is-category {
width: calc(var(--container--one-column) * 2 + var(--container--column-gap));
}
.career-job-filter-item.is-location {
flex: 1;
}
.career-job-filter-toggle {
grid-column-gap: 0.4rem;
white-space: nowrap;
cursor: pointer;
justify-content: flex-start;
align-items: center;
display: flex;
}
.career-job-filter-toggle-ic {
pointer-events: none;
justify-content: center;
align-items: center;
width: 1.6rem;
height: 1.6rem;
transition: transform 0.4s;
display: flex;
}
.career-job-filter-opt {
background-color: var(--_color---bg--main);
color: var(--_color---content--soft);
cursor: pointer;
padding: 1.2rem 0.4rem;
transition: color 0.45s ease-in-out, background-color 0.45s ease-in-out;
}
.career-job-filter-opt:hover {
color: var(--_color---content--main);
}
.career-job-filter-opt.active {
pointer-events: none;
color: var(--_color---content--main);
--_color---bg--main: var(--_color---m-black);
--_color---content--main: var(--_color---m-white);
--_color---content--note: #ffffff3d;
--_color---border--bold: #ffffff52;
--_color---bg--sf-2: var(--_color---m-white);
--_color---border--highlight: var(--_color---m-white);
--_color---secondary: #f50;
--_color---m-white: white;
--_color---content--soft: #fff9;
--_color---bg--sf-1: #1a1a1a;
--_color---border--light: #ffffff14;
--_color---content--brand: var(--_color---primary);
--_color---content--disable: #ffffff29;
--_color---content--sub: #ffffffb3;
--_color---m-black: #111;
--_color---border--main: #ffffff29;
--_color---content--black\<deleted\|variable-6e7d8137-8713-9ff4-5cea-f92e6216a872\>: black;
--_color---bg--brand: var(--_color---primary);
--_color---primary: #0016cb;
}
.career-job-filter-opts {
grid-row-gap: var(--border--size);
border-top-style: solid;
border-top-width: var(--border--size);
border-top-color: var(--_color---border--light);
border-right-style: solid;
border-right-width: var(--border--size);
border-right-color: var(--_color---border--light);
border-bottom-style: solid;
border-bottom-width: var(--border--size);
border-bottom-color: var(--_color---border--light);
border-left-style: solid;
border-left-width: var(--border--size);
border-left-color: var(--_color---border--light);
opacity: 0;
pointer-events: none;
width: calc(
var(--container--one-column) * 3 + var(--container--column-gap) * 2
);
background-color: #e7e7e7;
flex-flow: column;
margin-top: 1.6rem;
transition-property: transform, opacity;
transition-duration: 0.4s, 0.5s;
transition-timing-function: ease, ease;
display: flex;
position: absolute;
top: 100%;
transform: translateY(-0.6rem);
}
.career-job-filter-opts.align-left {
left: 0;
}
.career-job-filter-opts.align-right {
right: 0;
}
.career-job-filter-opts.align-right.is-type {
width: calc(var(--container--one-column) + var(--container--column-gap));
}
.display-contents {
display: contents;
}
.career-testi {
z-index: 4;
padding-top: 8rem;
padding-bottom: 8rem;
position: relative;
}
.career-testi-desc {
color: var(--_color---content--soft);
margin-top: 1.2rem;
}
.career-testi-main {
grid-column-gap: var(--container--column-gap);
grid-template-rows: auto;
grid-template-columns: minmax(1px, 1fr) minmax(1px, 1fr);
grid-auto-columns: 1fr;
margin-top: 14.4rem;
display: grid;
}
.career-testi-main-ic {
width: 6.4rem;
}
.career-testi-cms {
pointer-events: none;
margin-left: 0;
overflow: hidden;
}
.career-testi-cms.swiper {
margin-left: auto;
overflow: hidden;
}
.career-testi-list {
grid-template-rows: auto;
grid-template-columns: minmax(1px, 1fr);
grid-auto-columns: 1fr;
display: flex;
position: relative;
}
.career-testi-list.wrapper {
overflow: visible;
}
.career-testi-item,
.career-testi-item.swiper-slide {
flex-flow: column;
flex: none;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
display: flex;
}
.career-testi-item.swiper-slide-active {
pointer-events: auto;
}
.career-testi-item-content {
pointer-events: auto;
margin-bottom: 10.4rem;
}
.career-testi-item-info {
grid-column-gap: 2.4rem;
pointer-events: auto;
grid-template-rows: auto;
grid-template-columns: 10.4rem 1fr 1fr;
grid-auto-columns: 1fr;
margin-top: auto;
display: grid;
}
.career-testi-item-thumb {
flex: none;
width: 10.4rem;
height: 10.4rem;
overflow: hidden;
}
.career-testi-item-name {
color: var(--_color---content--main);
margin-bottom: 0.8rem;
}
.career-testi-item-role {
grid-row-gap: 0.5rem;
width: 100%;
color: var(--_color---content--soft);
flex-flow: column;
display: flex;
}
.career-testi-item-info-text {
flex-flow: column;
justify-content: space-between;
display: flex;
}
.career-testi-item-role-company {
grid-column-gap: 0.5rem;
display: flex;
}
.career-testi-bot {
width: 100%;
padding-top: 2.4rem;
}
.career-testi-bot-inner {
justify-content: space-between;
align-items: flex-start;
height: 10.4rem;
margin-top: 2.4rem;
display: flex;
}
.career-testi-ctrl {
z-index: 10;
grid-column-gap: 1.2rem;
pointer-events: auto;
cursor: pointer;
justify-content: center;
align-items: center;
display: flex;
position: relative;
}
.career-testi-ctrl-item {
color: var(--_color---content--main);
margin: -0.5rem;
padding: 0.5rem;
transition: color 0.4s;
}
.career-testi-ctrl-item.disable {
pointer-events: none;
color: var(--_color---content--disable);
}
.career-testi-pagi {
text-align: center;
display: flex;
}
.career-testi-pagi-item {
justify-content: center;
align-items: center;
width: 1rem;
display: flex;
}
.career-testi-ctrl-div {
color: var(--_color---border--main);
}
.contact-hero {
z-index: 3;
padding-top: 13rem;
padding-bottom: 25rem;
position: relative;
}
.contact-hero-title {
margin-bottom: 2.4rem;
}
.contact-hero-text-wrap {
flex-flow: column;
}
.contact-hero-tel-label {
color: var(--_color---content--soft);
margin-bottom: 1.2rem;
}
.contact-hero-map {
flex-flow: column;
grid-template-rows: auto;
grid-template-columns: minmax(1px, 1fr);
grid-auto-columns: 1fr;
margin-bottom: 1.8rem;
display: grid;
}
.contact-hero-map-dot {
grid-template-rows: auto auto;
grid-template-columns: minmax(1px, 1fr);
grid-auto-columns: 1fr;
justify-content: center;
align-items: center;
display: flex;
}
.contact-hero-head {
margin-bottom: 4.2rem;
}
.line {
width: 100%;
height: var(--border--size);
background-color: var(--_color---border--light);
}
.line.input-line {
width: 100%;
position: relative;
}
.line.abs {
width: 100%;
position: absolute;
}
.line.abs.top {
top: 0;
}
.line.tp-insight-hero-tab-item-line {
transition: background-color 0.4s;
position: absolute;
bottom: 0;
left: 0;
}
.line.tp-insight-hero-author-line {
width: calc(100% + 1.6rem);
margin-top: 1.6rem;
margin-bottom: 1.6rem;
margin-left: -0.8rem;
}
.line.tp-insight-hero-tag-line {
position: absolute;
bottom: 0;
left: 0;
}
.line.service-main-resum-item-line {
transition: background-color 0.4s;
position: absolute;
bottom: 0;
left: 0;
}
.line.service-main-content-item-line {
background-color: var(--_color---border--highlight);
position: absolute;
top: 0;
left: 0;
}
.line.service-tech-line-mob {
display: none;
}
.line.merchan-popup-item-line {
margin-top: 2rem;
margin-bottom: 2rem;
}
.line.tp-product-content-head-line {
position: absolute;
left: 0;
}
.line.tp-product-content-head-line.top {
top: 0;
}
.line.tp-product-content-head-line.bottom {
bottom: 0;
}
.line.tp-product-content-main-item-line,
.line.tp-product-content-main-line {
position: absolute;
bottom: 0;
left: 0;
}
.line.cart-hero-line {
margin-top: 1.6rem;
}
.line.checkout-main-order-item-line {
position: absolute;
bottom: 0;
left: 0;
}
.line.checkout-main-sum-line {
margin-top: 2rem;
margin-bottom: 0.8rem;
}
.line.checkout-main-sum-order-line {
margin-top: 2rem;
margin-bottom: 2rem;
}
.line.tp-insight-hero-sumary-item-line {
position: absolute;
top: 0;
left: 0;
}
.contact-hero-line {
margin-bottom: 6rem;
}
.contact-hero-office-thumb {
aspect-ratio: 3/2;
width: 100%;
margin-bottom: 4rem;
overflow: hidden;
}
.contact-hero-info-item {
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.contact-hero-info-item.contact-hero-tel-mb {
display: none;
}
.contact-hero-info-label {
grid-column-gap: 0.6rem;
color: var(--_color---content--soft);
align-items: baseline;
margin-bottom: 1.2rem;
display: flex;
}
.contact-hero-info-title {
grid-row-gap: 1.2rem;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
position: relative;
}
.contact-hero-office-info {
grid-row-gap: 3.2rem;
flex-flow: column;
display: flex;
}
.contact-hero-location-label {
padding-bottom: 2rem;
}
.contact-hero-location-list {
grid-row-gap: 4.8rem;
flex-flow: column;
margin-top: 4.8rem;
display: flex;
}
.contact-hero-form-text-wrap {
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
margin-bottom: 3rem;
display: flex;
}
.contact-hero-form-title {
margin-bottom: 1.2rem;
}
.form {
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.input-grp {
position: relative;
}
.input-line-inner {
background-color: var(--_color---border--highlight);
transform-origin: 0%;
width: 100%;
height: 100%;
transform-style: preserve-3d;
transition: transform 0.4s;
transform: scaleX(0);
}
.input-error {
color: #df2020;
margin-top: 0.8rem;
display: none;
}
.contact-hero-form-inputs {
grid-column-gap: var(--container--column-gap);
grid-template-rows: auto;
grid-template-columns: minmax(1px, 1fr) minmax(1px, 1fr);
grid-auto-columns: 1fr;
width: 100%;
margin-bottom: 2rem;
padding-top: 3rem;
display: grid;
}
.form-submit {
margin-left: auto;
}
.contact-hero-form-radios {
grid-column-gap: var(--container--column-gap);
grid-row-gap: 1.4rem;
grid-template-rows: auto;
grid-template-columns: minmax(1px, 1fr) minmax(1px, 1fr);
grid-auto-columns: 1fr;
width: 100%;
padding-bottom: 3rem;
display: grid;
}
.contact-hero-form-radios-title {
margin-bottom: 0.8rem;
}
.radio-grp {
grid-column-gap: 1.2rem;
justify-content: flex-start;
align-items: center;
margin-bottom: 0;
padding-left: 0;
display: flex;
}
.radio-grp.radio-grp-mb {
display: none;
}
.radio-field {
cursor: pointer;
margin-top: 0;
margin-left: -1.2rem;
}
.footer-legal-menu {
grid-column-gap: 1.2rem;
display: flex;
}
.footer-copyright {
color: var(--_color---content--soft);
}
.form-success {
right: var(--container--padding);
bottom: var(--container--padding);
z-index: 1;
background-color: var(--_color---bg--main);
opacity: 0;
pointer-events: none;
color: var(--_color---content--main);
--_color---bg--main: var(--_color---m-black);
--_color---content--main: var(--_color---m-white);
--_color---content--note: #ffffff3d;
--_color---border--bold: #ffffff52;
--_color---bg--sf-2: var(--_color---m-white);
--_color---border--highlight: var(--_color---m-white);
--_color---secondary: #f50;
--_color---m-white: white;
--_color---content--soft: #fff9;
--_color---bg--sf-1: #1a1a1a;
--_color---border--light: #ffffff14;
--_color---content--brand: var(--_color---primary);
--_color---content--disable: #ffffff29;
--_color---content--sub: #ffffffb3;
--_color---m-black: #111;
--_color---border--main: #ffffff29;
--_color---content--black\<deleted\|variable-6e7d8137-8713-9ff4-5cea-f92e6216a872\>: black;
--_color---bg--brand: var(--_color---primary);
--_color---primary: #0016cb;
padding: 1.6rem;
transition: transform 0.4s, opacity 0.5s;
position: fixed;
transform: translateY(0.6rem);
}
.form-success-title {
font-family: var(--font--heading);
text-transform: uppercase;
}
.form-success-desc {
color: var(--_color---content--soft);
}
.form-success-text-wrap {
z-index: 1;
grid-row-gap: 0.8rem;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
margin-right: 3.5rem;
display: flex;
position: relative;
}
.form-success-ic {
flex: none;
width: 4.8rem;
}
.form-success-inner {
grid-column-gap: 1.2rem;
justify-content: center;
align-items: flex-start;
display: flex;
}
.form-success-close {
z-index: 2;
opacity: 0.3;
width: 3rem;
height: 3rem;
color: var(--_color---content--main);
cursor: pointer;
flex: none;
justify-content: center;
align-items: center;
margin: -0.5rem;
padding: 0.5rem;
transition: opacity 0.4s;
display: flex;
position: relative;
}
.form-success-close:hover {
opacity: 1;
color: var(--_color---m-white);
}
.hidden-dsk {
display: none;
}
.terms-main-head {
margin-top: 16.7rem;
margin-bottom: 4.8rem;
}
.terms-main-body {
margin-top: 2.4rem;
margin-bottom: 6.4rem;
}
.terms-main-toc {
margin-right: calc(var(--container--column-gap) * -1 - 0.15rem);
}
.terms-main-content {
padding-top: 4rem;
}
.terms-main-title {
text-align: left;
margin-bottom: 1.4rem;
}
.terms-main-sub {
grid-column-gap: 0.4rem;
grid-row-gap: 0.4rem;
justify-content: flex-start;
align-items: center;
display: flex;
}
.txt-inline {
display: inline-block;
}
.terms-main-sub-dot {
background-color: var(--_color---bg--sf-2);
border-radius: 99%;
width: 0.5rem;
height: 0.5rem;
}
.terms-main-divider {
width: 100%;
height: var(--border--size);
background-color: var(--_color---border--main);
}
.terms-main-toc-title {
margin-bottom: 2rem;
}
.terms-main-toc-body {
flex-flow: column;
height: 100%;
max-height: calc(100vh - 18rem);
margin-left: -0.2rem;
margin-right: -0.2rem;
display: flex;
}
.terms-main-toc-col {
background-color: var(--_color---bg--main);
width: 100%;
color: var(--_color---content--soft);
padding-left: 0.2rem;
padding-right: 0.2rem;
transition: color 0.3s, background-color 0.3s;
display: block;
}
.terms-main-toc-col.w--current {
color: var(--_color---content--main);
--_color---bg--main: var(--_color---m-black);
--_color---content--main: var(--_color---m-white);
--_color---content--note: #ffffff3d;
--_color---border--bold: #ffffff52;
--_color---bg--sf-2: var(--_color---m-white);
--_color---border--highlight: var(--_color---m-white);
--_color---secondary: #f50;
--_color---m-white: white;
--_color---content--soft: #fff9;
--_color---bg--sf-1: #1a1a1a;
--_color---border--light: #ffffff14;
--_color---content--brand: var(--_color---primary);
--_color---content--disable: #ffffff29;
--_color---content--sub: #ffffffb3;
--_color---m-black: #111;
--_color---border--main: #ffffff29;
--_color---content--black\<deleted\|variable-6e7d8137-8713-9ff4-5cea-f92e6216a872\>: black;
--_color---bg--brand: var(--_color---primary);
--_color---primary: #0016cb;
}
.terms-main-toc-col-title {
flex: 1;
}
.terms-main-toc-col-number {
color: var(--_color---content--note);
flex: 0 auto;
transition: color 0.3s;
}
.terms-main-toc-col-inner {
grid-column-gap: 1.6rem;
grid-row-gap: 1.6rem;
justify-content: space-between;
align-items: center;
width: 100%;
padding-top: 1.2rem;
padding-bottom: 1.2rem;
display: flex;
}
.terms-main-toc-col-divider {
height: var(--border--size);
background-color: var(--_color---border--main);
position: relative;
overflow: hidden;
}
.terms-main-content-text h2 {
font-family: var(--font--heading);
color: var(--_color---m-black);
text-transform: uppercase;
margin-bottom: 2rem;
font-size: 3.2rem;
font-weight: 700;
line-height: 1.1;
}
.terms-main-content-text p {
font-family: var(--font--body);
color: var(--_color---content--sub);
margin-top: 0.4rem;
margin-bottom: 1.6rem;
font-size: 1.6rem;
line-height: 1.2;
}
.terms-main-content-text h5 {
font-family: var(--font--body);
color: var(--_color---m-black);
font-size: 1.6rem;
font-weight: 500;
line-height: 1.2;
}
.terms-main-content-text li {
font-family: var(--font--body);
color: var(--_color---content--sub);
font-size: 1.6rem;
font-weight: 400;
line-height: 1.2;
}
.terms-main-content-text ol {
list-style-type: none;
}
.terms-main-content-text h6 {
color: var(
--_color---content--black\<deleted\|variable-6e7d8137-8713-9ff4-5cea-f92e6216a872\>
);
margin-bottom: 0.6rem;
padding-left: 3.2rem;
font-size: 1.6rem;
font-weight: 500;
line-height: 1.2;
}
.terms-main-content-text strong {
font-weight: 500;
}
.career-expect-thumb-inner {
width: 100%;
height: 100%;
position: absolute;
}
.terms-main-toc-table {
padding-top: 4rem;
transition: top 0.4s;
position: sticky;
top: 0;
}
.career-expect-main-item-inner {
grid-column-gap: var(--container--column-gap);
pointer-events: auto;
grid-template-rows: auto;
grid-template-columns: minmax(1px, 1fr) minmax(1px, 1fr);
grid-auto-columns: 1fr;
align-items: center;
height: 20.8rem;
display: grid;
}
.career-expect-main-line {
z-index: 3;
background-color: var(--_color---bg--main);
width: 100%;
display: block;
position: absolute;
top: 0;
left: 0;
}
.terms-main-toc-title-ic,
.cta-btn-wrap {
display: none;
}
.header-link-wrap {
display: flex;
overflow: hidden;
}
.header-menu-toggle-wrap {
z-index: 15;
margin-top: -0.5rem;
margin-bottom: -0.5rem;
margin-left: -3rem;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
padding-left: 3rem;
position: relative;
}
.career-job-body {
z-index: 1;
grid-column-gap: var(--container--column-gap);
grid-template-rows: auto;
grid-template-columns: minmax(1px, 1fr) minmax(1px, 1fr) minmax(1px, 1fr) minmax(
1px,
1fr
) minmax(1px, 1fr) minmax(1px, 1fr) minmax(1px, 1fr) minmax(1px, 1fr) minmax(
1px,
1fr
) minmax(1px, 1fr) minmax(1px, 1fr) minmax(1px, 1fr) minmax(1px, 1fr) minmax(
1px,
1fr
) minmax(1px, 1fr) minmax(1px, 1fr);
grid-auto-columns: 1fr;
display: grid;
position: relative;
}
.article-cta-wrap {
z-index: 4;
position: relative;
}
.article-layout-block {
padding-top: 13.5rem;
padding-bottom: 179.8rem;
transition-property: top;
transition-duration: 0.4s;
transition-timing-function: ease;
position: sticky;
top: -28rem;
}
.article-breadcrumb {
grid-column-gap: 1rem;
justify-content: flex-start;
align-items: center;
margin-top: auto;
transition: opacity 0.4s;
display: flex;
}
.article-title-wrap {
margin-bottom: 6.4rem;
position: relative;
}
.article-hero-label {
opacity: 0;
transition: opacity 0.4s;
position: absolute;
bottom: 88%;
left: 100%;
transform: translateY(100%);
}
.article-breadcrumb-item {
justify-content: flex-start;
align-items: center;
display: flex;
}
.article-breadcrumb-link {
white-space: nowrap;
display: flex;
}
.article-breadcrumb-link.w--current {
color: var(--_color---content--note);
}
.career-job-item-link-inner {
grid-column-gap: var(--container--column-gap);
margin-right: calc(
var(--container--one-column) * 3 + var(--container--column-gap) * 3
);
grid-template-rows: auto;
grid-template-columns: minmax(1px, 1fr) minmax(1px, 1fr) minmax(1px, 1fr) minmax(
1px,
1fr
) minmax(1px, 1fr) minmax(1px, 1fr) minmax(1px, 1fr) minmax(1px, 1fr) minmax(
1px,
1fr
) minmax(1px, 1fr) minmax(1px, 1fr) minmax(1px, 1fr) minmax(1px, 1fr);
grid-auto-columns: 1fr;
padding-top: 1.9rem;
padding-bottom: 1.9rem;
padding-right: 0;
display: grid;
}
.article-tab {
z-index: 1;
pointer-events: none;
width: calc(
var(--container--one-column) * 3 + var(--container--column-gap) * 2
);
position: relative;
}
.article-tab-label {
background-color: var(--_color---bg--sf-1);
pointer-events: auto;
color: var(--_color---content--note);
padding: 0.8rem 0.4rem;
}
.article-tab-title {
margin-bottom: 2.4rem;
padding-top: 6.4rem;
}
.article-tab-item-link {
background-color: var(--_color---bg--main);
color: var(--_color---content--soft);
justify-content: space-between;
align-items: center;
padding: 1.2rem 0.4rem;
transition: color 0.5s, background-color 0.5s;
display: flex;
position: relative;
}
.article-tab-item-link:hover {
color: var(--_color---content--main);
}
.article-tab-item-link.w--current {
color: var(--_color---content--main);
--_color---bg--main: var(--_color---m-black);
--_color---content--main: var(--_color---m-white);
--_color---content--note: #ffffff3d;
--_color---border--bold: #ffffff52;
--_color---bg--sf-2: var(--_color---m-white);
--_color---border--highlight: var(--_color---m-white);
--_color---secondary: #f50;
--_color---m-white: white;
--_color---content--soft: #fff9;
--_color---bg--sf-1: #1a1a1a;
--_color---border--light: #ffffff14;
--_color---content--brand: var(--_color---primary);
--_color---content--disable: #ffffff29;
--_color---content--sub: #ffffffb3;
--_color---m-black: #111;
--_color---border--main: #ffffff29;
--_color---content--black\<deleted\|variable-6e7d8137-8713-9ff4-5cea-f92e6216a872\>: black;
--_color---bg--brand: var(--_color---primary);
--_color---primary: #0016cb;
}
.article-tab-item-sub {
color: var(--_color---content--note);
}
.line-inner {
background-color: var(--_color---border--highlight);
transform-origin: 100%;
width: 100%;
height: 100%;
transform-style: preserve-3d;
padding-bottom: 0;
padding-right: 0;
transition: transform 0.45s cubic-bezier(0.445, 0.05, 0.55, 0.95);
transform: scaleX(0);
}
.article-tab-item-line {
width: 100%;
position: absolute;
bottom: 0;
left: 0;
}
.article-main-hl {
pointer-events: auto;
}
.article-main-hl-blog {
grid-column-gap: var(--container--column-gap);
grid-template-rows: auto;
grid-template-columns: minmax(1px, 1fr) minmax(1px, 1fr) minmax(1px, 1fr) minmax(
1px,
1fr
) minmax(1px, 1fr) minmax(1px, 1fr) minmax(1px, 1fr) minmax(1px, 1fr) minmax(
1px,
1fr
) minmax(1px, 1fr) minmax(1px, 1fr) minmax(1px, 1fr);
grid-auto-columns: 1fr;
display: grid;
}
.career-job-item-sub-wrap {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
}
.career-job-item-line {
height: var(--border--size);
background-color: var(--_color---border--main);
width: calc(
var(--container--one-column) * 13 + var(--container--column-gap) * 12
);
}
.career-job-item-line.input-line {
width: 100%;
position: relative;
}
.career-job-item-line.abs {
width: 100%;
position: absolute;
}
.career-job-item-line.abs.top {
top: 0;
}
.article-layout {
z-index: 1;
pointer-events: none;
grid-area: 2/1/3/2;
width: auto;
min-height: 100vh;
position: relative;
}
.career-job-filter-line {
width: 100%;
height: var(--border--size);
display: none;
}
.career-job-filter-line.input-line {
width: 100%;
position: relative;
}
.career-job-filter-line.abs {
width: 100%;
position: absolute;
}
.career-job-filter-line.abs.top {
top: 0;
}
.article-main-wrap {
pointer-events: none;
min-height: 100vh;
padding-top: 47rem;
padding-bottom: 12rem;
}
.article-main {
grid-row-gap: 10.4rem;
flex-flow: column;
display: flex;
}
.career-testi-bot-line {
width: 100%;
height: var(--border--size);
background-color: var(--_color---border--light);
}
.career-testi-bot-line.input-line {
width: 100%;
position: relative;
}
.career-testi-bot-line.abs {
width: 100%;
position: absolute;
}
.career-testi-bot-line.abs.top {
top: 0;
}
.article-main-hl-content {
flex-flow: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
align-items: flex-start;
height: 100%;
overflow: hidden;
}
.article-main-hl-label {
z-index: 5;
background-color: var(--_color---bg--main);
pointer-events: none;
color: var(--_color---content--main);
--_color---bg--main: var(--_color---m-black);
--_color---content--main: var(--_color---m-white);
--_color---content--note: #ffffff3d;
--_color---border--bold: #ffffff52;
--_color---bg--sf-2: var(--_color---m-white);
--_color---border--highlight: var(--_color---m-white);
--_color---secondary: #f50;
--_color---m-white: white;
--_color---content--soft: #fff9;
--_color---bg--sf-1: #1a1a1a;
--_color---border--light: #ffffff14;
--_color---content--brand: var(--_color---primary);
--_color---content--disable: #ffffff29;
--_color---content--sub: #ffffffb3;
--_color---m-black: #111;
--_color---border--main: #ffffff29;
--_color---content--black\<deleted\|variable-6e7d8137-8713-9ff4-5cea-f92e6216a872\>: black;
--_color---bg--brand: var(--_color---primary);
--_color---primary: #0016cb;
justify-content: flex-start;
align-items: flex-start;
width: fit-content;
height: fit-content;
margin-top: 2rem;
margin-left: 2rem;
padding: 0.8rem 1.2rem;
display: flex;
position: relative;
}
.article-main-hl-title {
color: var(--_color---content--main);
margin-bottom: 2.4rem;
padding-right: 1.6rem;
}
.article-main-hl-sub {
grid-column-gap: 1.6rem;
justify-content: flex-start;
align-items: center;
margin-bottom: 3.2rem;
display: flex;
}
.article-main-hl-sub-text {
color: var(--_color---content--soft);
}
.article-main-hl-div {
width: var(--border--size);
background-color: var(--_color---content--disable);
height: 1rem;
}
.article-main-hl-thumb {
grid-template-rows: auto;
grid-template-columns: minmax(1px, 1fr);
grid-auto-columns: 1fr;
overflow: hidden;
}
.article-main-hl-thumb-img {
aspect-ratio: 813/530;
width: 100%;
height: 100%;
}
.article-main-hl-desc {
margin-top: auto;
}
.contact-hero-location-line {
width: 100%;
height: var(--border--size);
background-color: var(--_color---border--main);
}
.contact-hero-location-line.input-line {
width: 100%;
position: relative;
}
.contact-hero-location-line.abs {
width: 100%;
position: absolute;
}
.contact-hero-location-line.abs.top {
top: 0;
}
.article-main-title {
pointer-events: auto;
}
.article-main-head {
justify-content: space-between;
align-items: center;
padding-top: 3.2rem;
padding-bottom: 3.2rem;
display: flex;
}
.article-main-latest-list {
grid-column-gap: var(--container--column-gap);
grid-row-gap: var(--container--column-gap);
grid-template-rows: auto;
grid-template-columns: minmax(1px, 1fr) minmax(1px, 1fr) minmax(1px, 1fr);
grid-auto-columns: 1fr;
display: grid;
}
.article-main-latest-item {
background-color: var(--_color---bg--sf-1);
pointer-events: auto;
transition: background-color 0.5s;
position: relative;
overflow: hidden;
}
.article-main-latest-item:hover {
background-color: #dbdbdb;
}
.article-main-latest-item-link {
z-index: 2;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
padding: 2rem;
display: flex;
position: relative;
}
.article-main-latest-item-img {
aspect-ratio: 3/2;
width: 10.4rem;
margin-bottom: 5rem;
overflow: hidden;
}
.article-main-latest-item-label-wrap {
grid-column-gap: 1.2rem;
grid-row-gap: 1.2rem;
color: var(--_color---content--note);
justify-content: flex-start;
align-items: center;
margin-bottom: 1.6rem;
display: flex;
}
.article-main-latest-item-decor {
z-index: 1;
opacity: 0;
color: #eaeaea;
transition: opacity 0.5s;
position: absolute;
inset: 0%;
}
.home-hero-globe-dot {
--_color---bg--main: var(--_color---m-black);
--_color---content--main: var(--_color---m-white);
--_color---content--note: #ffffff3d;
--_color---border--bold: #ffffff52;
--_color---bg--sf-2: var(--_color---m-white);
--_color---border--highlight: var(--_color---m-white);
--_color---secondary: #f50;
--_color---m-white: white;
--_color---content--soft: #fff9;
--_color---bg--sf-1: #1a1a1a;
--_color---border--light: #ffffff14;
--_color---content--brand: var(--_color---primary);
--_color---content--disable: #ffffff29;
--_color---content--sub: #ffffffb3;
--_color---m-black: #111;
--_color---border--main: #ffffff29;
--_color---content--black\<deleted\|variable-6e7d8137-8713-9ff4-5cea-f92e6216a872\>: black;
--_color---bg--brand: var(--_color---primary);
--_color---primary: #0016cb;
position: absolute;
inset: 0%;
}
.footer-info-line {
width: 100%;
height: var(--border--size);
background-color: var(--_color---border--light);
display: none;
}
.footer-info-line.input-line {
width: 100%;
position: relative;
}
.footer-info-line.abs {
width: 100%;
position: absolute;
}
.footer-info-line.abs.top {
top: 0;
}
.footer-menu-line {
width: 100%;
height: var(--border--size);
background-color: var(--_color---border--light);
margin-bottom: 6.4rem;
}
.footer-menu-line.input-line {
width: 100%;
position: relative;
}
.footer-menu-line.abs {
width: 100%;
position: absolute;
}
.footer-menu-line.abs.top {
top: 0;
}
.article-hero {
z-index: 1;
background-color: var(--_color---bg--main);
pointer-events: none;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
height: 22rem;
padding-bottom: 1.6rem;
display: flex;
}
.footer-bot-inner {
justify-content: space-between;
align-items: center;
width: 100%;
padding-top: 2rem;
padding-bottom: 2rem;
display: flex;
}
.article-main-ai-cms {
z-index: 1;
background-color: var(--_color---bg--main);
margin-left: -0.8rem;
margin-right: -0.8rem;
padding-left: 0.8rem;
padding-right: 0.8rem;
position: relative;
}
.footer-main-line {
width: 100%;
height: var(--border--size);
background-color: var(--_color---border--light);
margin-bottom: 4.8rem;
}
.footer-main-line.input-line {
width: 100%;
position: relative;
}
.footer-main-line.abs {
width: 100%;
position: absolute;
}
.footer-main-line.abs.top {
top: 0;
}
.article-main-ai-list {
flex-flow: column;
width: 100%;
display: flex;
}
.article-main-ai-item {
border-top: var(--border--size) solid var(--_color---border--light);
pointer-events: auto;
width: 100%;
}
.article-main-ai-table {
min-height: 22rem;
}
.article-main-ai-table-head {
color: var(--_color---content--note);
width: calc(
var(--container--one-column) * 8 + var(--container--column-gap) * 7
);
padding-bottom: 1.6rem;
}
.article-main-ai-table-grid {
grid-column-gap: var(--container--column-gap);
grid-template-rows: auto;
grid-template-columns: minmax(1px, 1fr) minmax(1px, 1fr) minmax(1px, 1fr) minmax(
1px,
1fr
) minmax(1px, 1fr) minmax(1px, 1fr) minmax(1px, 1fr) minmax(1px, 1fr);
grid-auto-columns: 1fr;
display: grid;
}
.article-main-ai-table-body {
grid-column-gap: var(--container--column-gap);
color: var(--_color---content--main);
grid-template-rows: auto;
grid-template-columns: minmax(1px, 1fr) minmax(1px, 1fr) minmax(1px, 1fr) minmax(
1px,
1fr
) minmax(1px, 1fr) minmax(1px, 1fr) minmax(1px, 1fr) minmax(1px, 1fr) minmax(
1px,
1fr
) minmax(1px, 1fr) minmax(1px, 1fr) minmax(1px, 1fr);
grid-auto-columns: 1fr;
display: grid;
position: relative;
}
.article-main-ai-table-row {
width: 100%;
padding-top: 1.6rem;
padding-bottom: 1.6rem;
}
.article-main-ai-table-bg {
z-index: 2;
background-color: var(--_color---bg--main);
mix-blend-mode: difference;
height: 5.3rem;
position: absolute;
top: 0;
left: -0.8rem;
right: -0.8rem;
}
.article-main-ai-thumb {
z-index: 3;
aspect-ratio: 3/2;
grid-template-rows: auto;
grid-template-columns: minmax(1px, 1fr);
grid-auto-columns: 1fr;
width: 100%;
display: grid;
position: absolute;
}
.article-main-ai-thumb-img {
grid-area: 1/1/2/2;
width: 100%;
height: 100%;
overflow: hidden;
}
.article-main-linkedin-list {
grid-column-gap: var(--container--column-gap);
grid-row-gap: var(--container--column-gap);
flex-flow: wrap;
display: flex;
}
.article-main-linkedin-item-inner {
z-index: 2;
pointer-events: auto;
cursor: pointer;
flex-flow: column;
justify-content: space-between;
height: 100%;
padding: 2rem;
display: flex;
position: relative;
}
.article-main-linkedin-head {
grid-column-gap: 1.2rem;
grid-row-gap: 1.2rem;
justify-content: space-between;
display: flex;
}
.article-main-linkedin-content {
margin-top: 3.2rem;
}
.article-main-linkedin-date {
grid-column-gap: 0.5rem;
color: var(--_color---content--note);
display: flex;
}
.article-main-linkedin-desc {
color: var(--_color---content--soft);
margin-top: 1.6rem;
}
.article-main-linkedin-thumb {
width: 10.4rem;
height: 7rem;
overflow: hidden;
}
.article-main-linkedin-item {
aspect-ratio: 1;
background-color: var(--_color---bg--sf-1);
width: calc((100% / 4) - (var(--container--column-gap) * 3 / 4));
height: calc((100% / 4) - (var(--container--column-gap) * 3 / 4));
transition-property: background-color;
transition-duration: 0.5s;
transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
display: block;
position: relative;
}
.article-main-linkedin-item:hover {
background-color: #dbdbdb;
}
.article-main-linkedin-ic-inner {
width: 1.33rem;
height: 1.33rem;
}
.article-main-linkedin-item-bg {
z-index: 1;
opacity: 0;
color: #eaeaea;
transition: opacity 0.5s cubic-bezier(0.445, 0.05, 0.55, 0.95);
position: absolute;
inset: 0%;
}
.article-main-link-more {
pointer-events: auto;
}
.article-main-hl-content-item {
pointer-events: none;
flex-flow: column;
flex: none;
grid-area: 1/1/2/2;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 100%;
display: flex;
position: relative;
}
.article-main-hl-thumb-item {
pointer-events: none;
height: 100%;
width: calc(
var(--container--one-column) * 8 + var(--container--column-gap) * 7
);
flex: none;
grid-area: 1/1/2/2;
}
.article-main-hl-thumb-item.swiper-slide {
height: 100%;
}
.article-main-hl-thumb-item.swiper-slide-active {
pointer-events: auto;
}
.article-main-hl-content-list {
background-color: var(--_color---bg--sf-1);
grid-template-rows: auto;
grid-template-columns: minmax(1px, 1fr);
grid-auto-columns: 1fr;
width: 100%;
height: 100%;
display: flex;
position: relative;
}
.article-main-hl-thumb-list {
grid-template-rows: auto;
grid-template-columns: minmax(1px, 1fr);
grid-auto-columns: 1fr;
width: 100%;
height: 100%;
display: flex;
position: relative;
}
.article-main-hl-pagin {
z-index: 5;
grid-column-gap: 0.8rem;
grid-row-gap: 0.8rem;
margin-bottom: 1.6rem;
display: flex;
position: relative;
}
.article-main-hl-pagin-dot {
background-color: var(--_color---content--soft);
--_color---bg--main: var(--_color---m-black);
--_color---content--main: var(--_color---m-white);
--_color---content--note: #ffffff3d;
--_color---border--bold: #ffffff52;
--_color---bg--sf-2: var(--_color---m-white);
--_color---border--highlight: var(--_color---m-white);
--_color---secondary: #f50;
--_color---m-white: white;
--_color---content--soft: #fff9;
--_color---bg--sf-1: #1a1a1a;
--_color---border--light: #ffffff14;
--_color---content--brand: var(--_color---primary);
--_color---content--disable: #ffffff29;
--_color---content--sub: #ffffffb3;
--_color---m-black: #111;
--_color---border--main: #ffffff29;
--_color---content--black\<deleted\|variable-6e7d8137-8713-9ff4-5cea-f92e6216a872\>: black;
--_color---bg--brand: var(--_color---primary);
--_color---primary: #0016cb;
border-radius: 99%;
width: 0.8rem;
height: 0.8rem;
transition: background-color 0.4s;
}
.article-main-hl-pagin-dot.active {
background-color: var(--_color---content--main);
}
.article-tab-main-wrap {
grid-row-gap: 2.4rem;
flex-flow: column;
max-height: calc(100vh - 25rem);
display: flex;
}
.article-tab-title-ic {
display: none;
}
.article-main-hl-content-inner {
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
height: 100%;
margin-top: 4.2rem;
display: flex;
}
.article-detail {
padding-bottom: 12rem;
position: relative;
}
.article-detail-head {
justify-content: flex-end;
width: 100%;
margin-bottom: 2.4rem;
display: flex;
position: absolute;
bottom: 100%;
right: 0;
}
.article-main-latest-load-more,
.article-main-ai-thumb-mb {
display: none;
}
.article-detail-filter {
grid-column-gap: 1.2rem;
grid-row-gap: 1.2rem;
pointer-events: auto;
display: flex;
position: relative;
}
.article-detail-main-list {
grid-column-gap: var(--container--column-gap);
grid-row-gap: var(--container--column-gap);
grid-template-rows: auto;
grid-template-columns: minmax(1px, 1fr) minmax(1px, 1fr) minmax(1px, 1fr) minmax(
1px,
1fr
);
grid-auto-columns: 1fr;
margin-bottom: 3.2rem;
display: grid;
}
.article-detail-main-item {
aspect-ratio: 1;
background-color: var(--_color---bg--sf-1);
pointer-events: auto;
transition: background-color 0.5s cubic-bezier(0.445, 0.05, 0.55, 0.95);
position: relative;
overflow: hidden;
}
.article-detail-main-item:hover {
background-color: #dbdbdb;
}
.article-detail-main-item-link {
z-index: 2;
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
height: 100%;
padding: 2rem;
display: flex;
position: relative;
}
.article-detail-main-item-decor {
z-index: 1;
opacity: 0;
color: #eaeaea;
transition: opacity 0.5s cubic-bezier(0.445, 0.05, 0.55, 0.95);
position: absolute;
inset: 0%;
}
.article-main-linkedin-load-more {
display: none;
}
.article-detail-main-item-img {
aspect-ratio: 3/2;
width: 10.4rem;
margin-bottom: 5rem;
overflow: hidden;
}
.article-detail-main-item-label {
color: var(--_color---content--note);
}
.article-linkedin {
grid-row-gap: 10.4rem;
flex-flow: column;
display: flex;
position: relative;
}
.article-linkedin-list {
grid-column-gap: var(--container--column-gap);
grid-row-gap: var(--container--column-gap);
flex-flow: wrap;
display: flex;
}
.about-cta-wrap {
z-index: 4;
position: relative;
}
.about-hero {
z-index: 1;
--_color---bg--main: var(--_color---m-black);
--_color---content--main: var(--_color---m-white);
--_color---content--note: #ffffff3d;
--_color---border--bold: #ffffff52;
--_color---bg--sf-2: var(--_color---m-white);
--_color---border--highlight: var(--_color---m-white);
--_color---secondary: #f50;
--_color---m-white: white;
--_color---content--soft: #fff9;
--_color---bg--sf-1: #1a1a1a;
--_color---border--light: #ffffff14;
--_color---content--brand: var(--_color---primary);
--_color---content--disable: #ffffff29;
--_color---content--sub: #ffffffb3;
--_color---m-black: #111;
--_color---border--main: #ffffff29;
--_color---content--black\<deleted\|variable-6e7d8137-8713-9ff4-5cea-f92e6216a872\>: black;
--_color---bg--brand: var(--_color---primary);
--_color---primary: #0016cb;
height: calc(100vh + var(--border--size));
contain: paint;
position: relative;
}
.about-hero-bg {
z-index: 1;
flex-flow: column;
justify-content: flex-end;
width: 100%;
height: 100%;
display: flex;
position: sticky;
bottom: 0;
left: 0;
overflow: hidden;
}
.about-hero-title,
.about-hero-desc {
z-index: 2;
color: var(--_color---content--main);
position: relative;
}
.about-hero-text-wrap {
grid-template-rows: auto auto;
grid-template-columns: minmax(1px, 1fr) minmax(1px, 1fr) minmax(1px, 1fr) minmax(
1px,
1fr
) minmax(1px, 1fr) minmax(1px, 1fr) minmax(1px, 1fr) minmax(1px, 1fr) minmax(
1px,
1fr
) minmax(1px, 1fr) minmax(1px, 1fr) minmax(1px, 1fr) minmax(1px, 1fr) minmax(
1px,
1fr
) minmax(1px, 1fr) minmax(1px, 1fr);
grid-auto-columns: 1fr;
padding-bottom: 5.6rem;
display: grid;
}
.about-hero-label {
color: var(--_color---content--main);
margin-bottom: 1.6rem;
}
.about-intro {
z-index: 2;
background-color: var(--_color---bg--main);
padding-top: 8rem;
position: relative;
}
.about-intro-text-wrap {
grid-row-gap: 4.8rem;
transform-origin: 0 100%;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.about-intro-gallery {
margin-bottom: 25.2rem;
}
.about-intro-gallery-img {
width: 100%;
overflow: hidden;
}
.about-intro-title {
z-index: 2;
position: relative;
}
.about-intro-desc-2 {
grid-row-gap: 4.8rem;
flex-flow: column;
display: flex;
}
.about-intro-gallery-list {
grid-column-gap: var(--container--column-gap);
grid-row-gap: 16rem;
grid-template-rows: auto;
grid-template-columns: minmax(1px, 1fr) minmax(1px, 1fr) minmax(1px, 1fr) minmax(
1px,
1fr
) minmax(1px, 1fr) minmax(1px, 1fr) minmax(1px, 1fr) minmax(1px, 1fr) minmax(
1px,
1fr
) minmax(1px, 1fr);
grid-auto-columns: 1fr;
display: grid;
}
.about-intro-stick-wrap {
flex-flow: column;
display: flex;
position: relative;
}
.about-intro-stick {
padding-bottom: 25.2rem;
position: sticky;
bottom: -15.2rem;
}
.about-hero-bg-img {
filter: brightness(68%);
width: 100%;
height: 100%;
position: relative;
}
.about-hero-bg-overlay {
z-index: 2;
opacity: 0.48;
pointer-events: none;
background-image: linear-gradient(#0000 50%, #000);
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.about-diff {
z-index: 2;
background-color: var(--_color---bg--sf-1);
padding-top: 12rem;
padding-bottom: 12rem;
position: relative;
}
.about-diff-content {
grid-template-rows: auto;
grid-template-columns: minmax(1px, 1fr);
grid-auto-columns: 1fr;
display: grid;
}
.about-diff-list {
flex-flow: column;
display: flex;
}
.about-diff-title {
color: var(--_color---content--disable);
flex: none;
transition: color 0.45s cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
.about-diff-text-wrap {
clip-path: inset(0);
justify-content: space-between;
align-items: center;
padding-bottom: 2.4rem;
display: flex;
}
.about-diff-desc {
opacity: 0;
margin-left: auto;
transition: opacity 0.45s cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
.about-diff-label-wrap {
justify-content: space-between;
align-items: center;
margin-top: 2.8rem;
margin-bottom: 2.2rem;
display: flex;
position: sticky;
top: 50vh;
}
.about-diff-label-ic {
justify-content: center;
align-items: center;
width: 1rem;
height: 1rem;
margin-right: 2rem;
display: flex;
}
.about-fea-wrap {
position: relative;
}
.about-fea {
height: 100vh;
position: sticky;
top: 0;
overflow: hidden;
}
.about-fea-bg {
grid-template-rows: auto;
grid-template-columns: minmax(1px, 1fr);
grid-auto-columns: 1fr;
width: 100%;
height: 100%;
display: grid;
}
.about-fea-bg-item {
width: 100%;
height: 100%;
}
.about-fea-empty-block {
height: 450vh;
}
.about-fea-empty-block.hidden-mb {
height: 400vh;
}
.about-fea-content {
z-index: 2;
grid-column-gap: var(--container--column-gap);
--_color---bg--main: var(--_color---m-black);
--_color---content--main: var(--_color---m-white);
--_color---content--note: #ffffff3d;
--_color---border--bold: #ffffff52;
--_color---bg--sf-2: var(--_color---m-white);
--_color---border--highlight: var(--_color---m-white);
--_color---secondary: #f50;
--_color---m-white: white;
--_color---content--soft: #fff9;
--_color---bg--sf-1: #1a1a1a;
--_color---border--light: #ffffff14;
--_color---content--brand: var(--_color---primary);
--_color---content--disable: #ffffff29;
--_color---content--sub: #ffffffb3;
--_color---m-black: #111;
--_color---border--main: #ffffff29;
--_color---content--black\<deleted\|variable-6e7d8137-8713-9ff4-5cea-f92e6216a872\>: black;
--_color---bg--brand: var(--_color---primary);
--_color---primary: #0016cb;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
align-items: center;
height: 100%;
display: flex;
position: relative;
}
.about-fea-label {
width: var(--container--one-column);
color: var(--_color---content--main);
position: absolute;
top: calc(50% - 4.8rem);
}
.about-fea-content-list {
transform: translateY(calc((1 - var(--index)) * 33.33%));
flex: 1;
transition-property: transform;
transition-duration: 0.45s;
transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
position: relative;
}
.about-fea-content-item {
color: var(--_color---content--disable);
margin-top: 0;
margin-left: calc(var(--container--one-column) + var(--container--column-gap));
justify-content: space-between;
align-items: center;
padding-bottom: 4.8rem;
transition-property: opacity, color;
transition-duration: 0.45s, 0.45s;
transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95),
cubic-bezier(0.445, 0.05, 0.55, 0.95);
display: flex;
}
.about-fea-content-item.active {
color: var(--_color---content--main);
}
.about-fea-content-item.active.passed {
color: var(--_color---content--disable);
}
.about-fea-item-title {
grid-column-gap: 16px;
grid-row-gap: 16px;
opacity: 0;
width: calc(
var(--container--one-column) * 5 + var(--container--column-gap) * 4
);
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
transition-property: transform, padding, opacity;
transition-duration: 0.4s, 0.45s, 0.45s;
transition-timing-function: ease, ease, cubic-bezier(0.445, 0.05, 0.55, 0.95);
display: grid;
}
.about-fea-item-desc {
opacity: 0;
width: calc(
var(--container--one-column) * 5 + var(--container--column-gap) * 4
);
transition-property: transform, opacity;
transition-duration: 0.45s, 0.45s;
transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95),
cubic-bezier(0.445, 0.05, 0.55, 0.95);
position: absolute;
right: 0;
transform: translateY(calc(50% - 2.4rem));
}
.article-main-hl-content-item-link {
flex-flow: column;
width: 100%;
height: 100%;
padding: 2rem 2.4rem;
display: flex;
}
.about-fea-content-wrap {
width: 100%;
position: relative;
}
.about-stand-wrap {
z-index: 2;
margin-top: -100vh;
position: relative;
}
.about-stand {
z-index: 2;
background-color: var(--_color---bg--main);
color: var(--_color---content--main);
--_color---bg--main: var(--_color---m-black);
--_color---content--main: var(--_color---m-white);
--_color---content--note: #ffffff3d;
--_color---border--bold: #ffffff52;
--_color---bg--sf-2: var(--_color---m-white);
--_color---border--highlight: var(--_color---m-white);
--_color---secondary: #f50;
--_color---m-white: white;
--_color---content--soft: #fff9;
--_color---bg--sf-1: #1a1a1a;
--_color---border--light: #ffffff14;
--_color---content--brand: var(--_color---primary);
--_color---content--disable: #ffffff29;
--_color---content--sub: #ffffffb3;
--_color---m-black: #111;
--_color---border--main: #ffffff29;
--_color---content--black\<deleted\|variable-6e7d8137-8713-9ff4-5cea-f92e6216a872\>: black;
--_color---bg--brand: var(--_color---primary);
--_color---primary: #0016cb;
padding-top: 16rem;
padding-bottom: 12rem;
}
.about-stand-desc {
color: var(--_color---content--soft);
}
.about-stand-cms {
margin-top: 10rem;
}
.about-stand-list {
flex-flow: column;
display: flex;
}
.about-stand-item {
color: var(--_color---content--disable);
padding-top: 2.4rem;
padding-bottom: 2.4rem;
transition: color 0.45s cubic-bezier(0.445, 0.05, 0.55, 0.95);
position: relative;
}
.about-stand-item:hover {
color: var(--_color---content--main);
}
.about-stand-item-label {
margin-top: 0.8rem;
}
.about-stand-item-line {
width: 100%;
position: absolute;
top: 0;
left: 0;
}
.about-stand-item-desc {
margin-top: 0.8rem;
transition: opacity 0.45s cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
.about-stand-item-ic {
width: 6.4rem;
height: 6.4rem;
margin-top: 0.8rem;
}
.icon {
color: #373737;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
position: relative;
}
.icon-slot {
position: absolute;
inset: 0%;
}
.tp-insight-hero-inner {
background-color: var(--_color---bg--main);
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
padding-bottom: 1.6rem;
display: flex;
}
.icon-df {
flex: none;
width: 100%;
height: 100%;
}
.tp-insight-hero-wrap {
z-index: 1;
width: auto;
position: relative;
}
.tp-insight-hero {
padding-top: 12rem;
padding-bottom: 16rem;
}
.tp-insight-hero-title {
pointer-events: auto;
width: 100%;
margin-bottom: 7.2rem;
}
.tp-insight-hero-breadcrumb {
grid-column-gap: 1rem;
justify-content: flex-start;
align-items: center;
margin-top: auto;
transition: opacity 0.4s;
display: flex;
}
.tp-insight-hero-breadcrumb-item {
white-space: nowrap;
justify-content: flex-start;
align-items: center;
display: flex;
}
.tp-insight-hero-breadcrumb-item.item-current {
color: var(--_color---content--note);
white-space: unset;
}
.tp-insight-hero-breadcrumb-link {
pointer-events: auto;
}
.tp-insight-hero-breadcrumb-link.w--current {
color: var(--_color---content--note);
}
.tp-insight-hero-tab {
z-index: 1;
width: calc(
var(--container--one-column) * 3 + var(--container--column-gap) * 2
);
padding-top: 5.6rem;
position: relative;
}
.tp-insight-hero-tab-title {
pointer-events: auto;
margin-bottom: 2.4rem;
}
.tp-insight-hero-tab-inner {
padding-top: 4rem;
transition: top 0.4s;
position: sticky;
top: 0;
}
.tp-insight-hero-tab-title-wrap {
margin-bottom: 1.6rem;
}
.tp-insight-hero-tab-item {
grid-column-gap: 1.6rem;
color: var(--_color---content--soft);
cursor: pointer;
justify-content: flex-start;
align-items: center;
padding: 1.2rem 0.4rem;
transition: color 0.4s, background-color 0.4s;
display: flex;
position: relative;
}
.tp-insight-hero-tab-item:hover,
.tp-insight-hero-tab-item.active {
background-color: var(--_color---bg--sf-2);
color: var(--_color---m-white);
}
.about-trade {
background-color: var(--_color---bg--main);
color: var(--_color---content--main);
--_color---bg--main: var(--_color---m-black);
--_color---content--main: var(--_color---m-white);
--_color---content--note: #ffffff3d;
--_color---border--bold: #ffffff52;
--_color---bg--sf-2: var(--_color---m-white);
--_color---border--highlight: var(--_color---m-white);
--_color---secondary: #f50;
--_color---m-white: white;
--_color---content--soft: #fff9;
--_color---bg--sf-1: #1a1a1a;
--_color---border--light: #ffffff14;
--_color---content--brand: var(--_color---primary);
--_color---content--disable: #ffffff29;
--_color---content--sub: #ffffffb3;
--_color---m-black: #111;
--_color---border--main: #ffffff29;
--_color---content--black\<deleted\|variable-6e7d8137-8713-9ff4-5cea-f92e6216a872\>: black;
--_color---bg--brand: var(--_color---primary);
--_color---primary: #0016cb;
padding-top: 20rem;
padding-bottom: 58.9rem;
position: relative;
}
.about-trade-title {
z-index: 2;
position: relative;
}
.about-trade-desc {
z-index: 2;
flex-flow: column;
margin-bottom: 3.4rem;
display: flex;
position: relative;
}
.about-trade-desc-sub {
margin-bottom: 1.6rem;
}
.about-trade-desc-main {
color: var(--_color---content--sub);
}
.tp-insight-hero-tab-item-name {
flex: 1;
}
.tp-insight-hero-tab-item-number {
color: var(--_color---content--note);
flex: none;
transition: color 0.4s;
}
.tp-insight-hero-author {
background-color: var(--_color---bg--sf-1);
margin-bottom: 3.2rem;
padding: 1.2rem 0.8rem;
}
.tp-insight-hero-author-label {
color: var(--_color---content--note);
margin-bottom: 0.8rem;
}
.ff-stei {
font-family: var(--font--heading);
}
.tp-insight-hero-info-wrap {
grid-column-gap: 1.2rem;
color: var(--_color---content--soft);
justify-content: flex-start;
align-items: center;
display: flex;
}
.tp-insight-hero-info-spacing {
width: var(--border--size);
background-color: var(--_color---content--disable);
height: 0.7rem;
}
.tp-insight-hero-share-label {
color: var(--_color---content--note);
margin-bottom: 1.2rem;
transition: color 0.4s;
}
.tp-insight-hero-share-label.active {
color: var(--_color---m-black);
}
.tp-insight-hero-share-inner {
grid-column-gap: 0.6rem;
display: flex;
position: relative;
}
.tp-insight-hero-share-item {
border: var(--border--size) solid var(--_color---border--main);
cursor: pointer;
border-radius: 50%;
justify-content: center;
align-items: center;
width: 4rem;
height: 4rem;
transition: border-color 0.2s;
display: flex;
}
.tp-insight-hero-share-item:hover {
border-color: var(--_color---border--highlight);
}
.tp-insight-hero-share-item-ic {
width: 1.6rem;
display: flex;
}
.about-trade-bg-wrap {
grid-column-gap: 0px;
grid-row-gap: 0px;
pointer-events: none;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
width: 100%;
height: 109rem;
display: grid;
position: absolute;
bottom: 0;
left: 0;
}
.tp-insight-hero-share-tooltip {
background-color: var(--_color---bg--brand);
opacity: 0;
pointer-events: none;
color: var(--_color---m-white);
width: max-content;
padding: 0.6rem;
transition-property: opacity;
transition-duration: 0.4s;
transition-timing-function: ease;
position: absolute;
bottom: calc(100% + 0.4rem);
left: 0.2rem;
}
.tp-insight-hero-share-tooltip.active {
opacity: 1;
}
.tp-insight-hero-content-wrap {
padding-top: 9.6rem;
}
.tp-insight-hero-intro {
margin-bottom: 4.8rem;
}
.tp-insight-hero-content {
color: var(--_color---content--sub);
}
.tp-insight-hero-content h5 {
font-family: var(--font--heading);
color: var(--_color---m-black);
letter-spacing: -0.02em;
margin-top: 1.6rem;
margin-bottom: 1.6rem;
font-size: 2.4rem;
font-weight: 500;
line-height: 1.1em;
}
.tp-insight-hero-content h6 {
font-family: var(--font--button);
color: var(--_color---content--note);
letter-spacing: -0.02em;
margin-bottom: 1.6rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.4em;
}
.tp-insight-hero-content p {
margin-top: 1.6rem;
margin-bottom: 1.6rem;
}
.tp-insight-hero-content ul {
grid-row-gap: 0.8rem;
flex-flow: column;
margin-top: 1.6rem;
margin-bottom: 1.6rem;
padding-left: 1.8rem;
list-style: none;
display: flex;
}
.tp-insight-hero-content li {
position: relative;
}
.tp-insight-hero-content ol {
grid-row-gap: 0.8rem;
flex-flow: column;
margin-top: 1.6rem;
margin-bottom: 1.6rem;
padding-left: 1.8rem;
display: flex;
}
.tp-insight-hero-content blockquote {
border-left-width: 0.2rem;
border-left-color: var(--_color---border--highlight);
background-color: var(--_color---bg--sf-1);
margin-top: 2.4rem;
margin-bottom: 2.4rem;
padding: 2.4rem;
font-size: 1.6rem;
line-height: 1.2em;
}
.tp-insight-hero-content h4 {
margin-top: 2.4rem;
margin-bottom: 2.4rem;
font-size: 3.2rem;
font-weight: 500;
line-height: 1.1em;
}
.tp-insight-hero-content a {
text-underline-offset: 0.15em;
text-decoration: underline;
}
.tp-insight-hero-tag {
grid-column-gap: 1.2rem;
justify-content: flex-start;
align-items: center;
margin-top: 6.4rem;
padding-bottom: 1.6rem;
display: flex;
position: relative;
}
.tp-insight-hero-tag-list {
grid-column-gap: 0.4rem;
display: flex;
}
.tp-insight-hero-tag-item {
background-color: var(--_color---bg--sf-1);
border-radius: 10rem;
padding: 0.8rem 1rem;
}
.tp-insight-hero-other {
margin-top: 9.6rem;
}
.tp-insight-hero-other-cms {
overflow: hidden;
}
.tp-insight-hero-other-cms.swiper {
width: 100%;
}
.tp-insight-hero-other-list {
grid-template-rows: auto;
grid-template-columns: minmax(1px, 1fr) minmax(1px, 1fr) minmax(1px, 1fr);
grid-auto-columns: minmax(1px, 1fr);
display: flex;
}
.tp-insight-hero-other-list.swiper-wrapper {
grid-column-gap: 0;
grid-row-gap: 0;
}
.tp-insight-hero-other-item {
aspect-ratio: 1;
background-color: var(--_color---bg--sf-1);
pointer-events: auto;
width: calc(100% / 3 - var(--container--column-gap) * 2 / 3);
flex: none;
margin-right: 2rem;
transition-property: background-color;
transition-duration: 0.5s;
transition-timing-function: ease;
position: relative;
overflow: hidden;
}
.tp-insight-hero-other-item:hover {
background-color: #dbdbdb;
}
.tp-insight-hero-other-item.swiper-slide {
width: calc(100% / 3 - var(--container--column-gap) * 2 / 3);
margin-right: 2rem;
}
.tp-insight-hero-other-item-decor {
z-index: 1;
opacity: 0;
color: #eaeaea;
transition: opacity 0.5s;
position: absolute;
inset: 0%;
}
.tp-insight-hero-other-item-link {
z-index: 2;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
height: 100%;
padding: 2rem;
display: flex;
position: relative;
}
.tp-insight-hero-other-item-img {
aspect-ratio: 3/2;
width: 10.4rem;
margin-bottom: 5rem;
overflow: hidden;
}
.tp-insight-hero-other-item-label {
color: var(--_color---content--soft);
margin-top: auto;
margin-bottom: 1.2rem;
}
.tp-insight-hero-other-head {
justify-content: space-between;
align-items: flex-end;
margin-bottom: 3.2rem;
display: flex;
}
.tp-insight-hero-other-control {
grid-column-gap: 1.2rem;
align-self: flex-end;
display: flex;
}
.tp-insight-hero-other-control-item {
cursor: pointer;
margin: -0.5rem;
padding: 0.5rem;
transition: color 0.4s;
}
.tp-insight-hero-other-control-item.swiper-button-disabled {
pointer-events: none;
color: var(--_color---content--disable);
}
.tp-insight-hero-other-control-spacing {
width: var(--border--size);
background-color: var(--_color---border--main);
height: 1rem;
}
.article-linkedin-cms-pagi {
pointer-events: auto;
flex-flow: row;
justify-content: space-between;
margin-top: 3.2rem;
}
.article-linkedin-pagi-loadmore {
pointer-events: auto;
background-color: #0000;
border: 0 #0000;
border-radius: 0;
margin-left: auto;
margin-right: auto;
padding: 0;
}
.article-linkedin-pagi-ctrl {
margin-left: 0;
margin-right: 0;
padding: 0;
display: none;
}
.article-main-linkedin-txt {
opacity: 0;
pointer-events: none;
text-transform: uppercase;
transition: opacity 0.4s;
}
.article-main-linkedin-item-ins {
background-color: var(--_color---bg--sf-1);
cursor: pointer;
min-height: 26.5rem;
width: calc((100% / 3) - (var(--container--column-gap) * 2 / 3));
transition-property: background-color;
transition-duration: 0.5s;
transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
display: block;
position: relative;
}
.article-main-linkedin-item-ins:hover {
background-color: #dbdbdb;
}
.popup-close {
opacity: 0.6;
color: var(--_color---content--sub);
transition: opacity 0.3s, color 0.4s;
position: absolute;
top: 2rem;
right: 2rem;
}
.popup-close:hover {
opacity: 1;
color: var(--_color---content--main);
}
.popup-close.popup-about {
top: 0.8rem;
right: 0.8rem;
}
.linkedin-popup {
opacity: 1;
max-height: 80vh;
width: calc(
var(--container--one-column) * 10 + var(--container--column-gap) * 11
);
margin-left: auto;
margin-right: auto;
transition-property: opacity, transform;
transition-duration: 0.5s, 0.4s;
transition-timing-function: ease, ease;
display: flex;
position: relative;
transform: translateY(1rem);
}
.popup {
z-index: 10;
pointer-events: none;
width: 100%;
height: 100%;
max-height: 100vh;
position: fixed;
top: 0;
left: 0;
}
.popup.active {
pointer-events: auto;
}
.popup-wrap {
opacity: 0;
background-color: #111111a3;
height: 100%;
transition: opacity 0.45s;
}
.popup-wrap.active {
opacity: 1;
}
.popup-inner {
height: 100%;
}
.popup-inner-content {
flex-flow: column;
justify-content: center;
height: 100%;
display: flex;
position: relative;
}
.linkedin-popup-inner {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
background-color: var(--_color---content--main);
--_color---bg--main: var(--_color---m-black);
--_color---content--main: var(--_color---m-white);
--_color---content--note: #ffffff3d;
--_color---border--bold: #ffffff52;
--_color---bg--sf-2: var(--_color---m-white);
--_color---border--highlight: var(--_color---m-white);
--_color---secondary: #f50;
--_color---m-white: white;
--_color---content--soft: #fff9;
--_color---bg--sf-1: #1a1a1a;
--_color---border--light: #ffffff14;
--_color---content--brand: var(--_color---primary);
--_color---content--disable: #ffffff29;
--_color---content--sub: #ffffffb3;
--_color---m-black: #111;
--_color---border--main: #ffffff29;
--_color---content--black\<deleted\|variable-6e7d8137-8713-9ff4-5cea-f92e6216a872\>: black;
--_color---bg--brand: var(--_color---primary);
--_color---primary: #0016cb;
flex-flow: row;
flex: 1;
justify-content: flex-start;
align-items: stretch;
height: 100%;
margin-top: auto;
margin-bottom: auto;
display: flex;
position: relative;
overflow: hidden;
}
.popup-close-ic {
aspect-ratio: 1;
width: 2.4rem;
height: 2.4rem;
}
.linkedin-popup-thumb {
max-height: 80vh;
width: calc(
var(--container--one-column) * 6 + var(--container--column-gap) * 5
);
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
margin-top: 2rem;
margin-bottom: 2rem;
padding-left: 2rem;
display: grid;
overflow: hidden;
}
.linkedin-popup-main {
--_color---bg--main: var(--_color---m-white);
--_color---content--main: var(--_color---m-black);
--_color---content--note: #1116;
--_color---border--bold: #1111114d;
--_color---bg--sf-2: var(--_color---m-black);
--_color---border--highlight: var(--_color---m-black);
--_color---secondary: #f50;
--_color---m-white: white;
--_color---content--soft: #111111b8;
--_color---bg--sf-1: #f4f4f4;
--_color---border--light: #1111111a;
--_color---content--brand: var(--_color---primary);
--_color---content--disable: #11111129;
--_color---content--sub: #111111e0;
--_color---m-black: #111;
--_color---border--main: #1113;
--_color---content--black\<deleted\|variable-6e7d8137-8713-9ff4-5cea-f92e6216a872\>: black;
--_color---bg--brand: var(--_color---primary);
--_color---primary: #0016cb;
flex-flow: column;
flex: 1;
padding-top: 2rem;
padding-bottom: 2rem;
padding-right: 2rem;
display: flex;
}
.linkedin-popup-main.custom-scroll {
padding-top: 2rem;
padding-bottom: 2rem;
padding-right: 2rem;
}
.linkedin-popup-head {
grid-column-gap: 1.6rem;
grid-row-gap: 1.6rem;
flex: none;
margin-bottom: 4.85rem;
display: flex;
}
.linkedin-popup-body {
flex: 1;
}
.linkedin-popup-avt {
aspect-ratio: 1;
width: 5.6rem;
height: 5.6rem;
}
.linkedin-popup-head-inner {
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
display: flex;
}
.linkedin-popup-name {
color: var(--_color---content--main);
padding-bottom: 0.2rem;
}
.linkedin-popup-date {
color: var(--_color---content--note);
display: flex;
}
.linkedin-popup-tag {
color: var(--_color---content--note);
}
.linkedin-popup-content {
margin-bottom: 2.4rem;
}
.linkedin-popup-content p {
color: var(--_color---content--soft);
margin-bottom: 0;
font-size: 1.4rem;
font-weight: 400;
line-height: 1.3em;
}
.linkedin-popup-link {
color: var(--_color---content--main);
margin-top: 2.4rem;
}
.tp-insight-hero-tab-content {
max-height: calc(100dvh - 31.2rem);
overflow: auto;
}
.about-faq {
z-index: 2;
background-color: var(--_color---bg--sf-1);
padding-top: 16rem;
padding-bottom: 16rem;
position: relative;
}
.about-faq-head-wrap {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: flex-end;
margin-bottom: 4rem;
display: flex;
}
.tp-insight-hero-tab-title-ic {
display: none;
}
.linkedin-popup-video {
height: 100%;
max-height: 80vh;
}
.linkedin-popup-img {
width: 100%;
height: 100%;
max-height: 80vh;
}
.linkedin-popup-link-mb {
display: none;
}
.about-faq-desc {
width: 28rem;
margin-bottom: 2rem;
}
.about-faq-main {
position: relative;
}
.about-faq-main-item {
background-color: var(--_color---bg--sf-1);
opacity: 0;
pointer-events: none;
transition: opacity 0.4s;
position: relative;
}
.about-faq-main-item.active {
opacity: 1;
pointer-events: auto;
}
.about-faq-main-title {
margin-bottom: 4rem;
}
.about-faq-main-cms-item-ques {
grid-column-gap: var(--container--column-gap);
justify-content: space-between;
align-items: center;
padding-top: 2.25rem;
padding-bottom: 1.6rem;
display: flex;
}
.about-faq-main-cms-item-line {
width: 100%;
transition: background-color 0.4s;
position: absolute;
bottom: 0;
left: 0;
}
.service-hero {
height: 100dvh;
position: sticky;
bottom: 0;
overflow: hidden;
}
.about-faq-main-cms-item-dot {
background-color: var(--_color---content--disable);
border-radius: 50%;
flex: none;
width: 0.8rem;
height: 0.8rem;
transition: background-color 0.3s;
}
.about-faq-main-cms-item {
color: var(--_color---content--soft);
cursor: pointer;
padding-bottom: 0.65rem;
transition: color 0.4s;
position: relative;
}
.about-faq-main-cms-item:hover {
color: var(--_color---content--main);
}
.service-hero-title {
z-index: 2;
width: 81.1rem;
color: var(--_color---m-white);
margin-bottom: 4rem;
position: relative;
}
.about-faq-main-cms-item-ans {
padding-bottom: 1.6rem;
display: none;
}
.service-hero-bg {
z-index: 1;
max-height: 100dvh;
position: absolute;
inset: 0;
overflow: hidden;
}
.service-hero-cms {
width: 100%;
padding-top: 1.9rem;
padding-bottom: 1.9rem;
display: flex;
position: relative;
}
.service-hero-list {
grid-column-gap: 5.8rem;
grid-row-gap: 5.8rem;
flex: none;
padding-right: 5.8rem;
display: flex;
}
.service-hero-item {
color: var(--_color---m-white);
flex: none;
position: relative;
}
.about-faq-main-inner {
flex-flow: column;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.service-hero-overlay {
z-index: 2;
background-color: var(--_color---bg--sf-2);
opacity: 0.32;
pointer-events: none;
position: absolute;
inset: 0;
}
.service-tech-wrap {
z-index: 2;
background-color: var(--_color---bg--main);
margin-top: -100dvh;
position: relative;
}
.service-tech {
padding-top: 11.1111dvh;
}
.service-tech-title-wrap {
text-align: center;
flex-flow: column;
justify-content: center;
align-items: center;
margin-bottom: 9.62963dvh;
display: flex;
}
.service-tech-title {
max-width: 85.4rem;
margin-bottom: 4rem;
}
.service-tech-sub {
max-width: 49.1rem;
color: var(--_color---content--sub);
}
.service-tech-content {
display: flex;
}
.service-tech-item {
width: 50%;
position: relative;
}
.service-tech-item-img-wrap {
justify-content: center;
align-items: center;
padding-top: 4rem;
padding-bottom: 4rem;
display: flex;
position: relative;
}
.service-tech-item-img {
width: 100%;
max-width: 52.2rem;
position: relative;
}
.service-hero-block {
height: 100dvh;
}
.service-tech-item-line {
width: var(--border--size);
background-color: var(--_color---border--light);
height: 100%;
position: absolute;
top: 0;
}
.service-tech-item-line.left {
left: 0;
}
.service-tech-item-line.right {
right: calc(var(--border--size) / 2 * -1);
}
.service-tech-item-img-line {
height: var(--border--size);
background-color: var(--_color---border--light);
position: absolute;
bottom: 0;
left: 0;
right: 0;
}
.service-tech-item-img-dot {
background-color: var(--_color---content--soft);
border-radius: 3rem;
width: 0.4rem;
height: 0.4rem;
position: absolute;
}
.service-tech-item-img-dot.top {
top: -2rem;
}
.service-tech-item-img-dot.left {
left: -2rem;
}
.service-tech-item-img-dot.right {
right: -2rem;
}
.service-tech-item-img-dot.bottom {
bottom: -2rem;
}
.service-tech-item-content {
max-width: 52.2rem;
margin-left: auto;
margin-right: auto;
padding-top: 4rem;
padding-bottom: 16rem;
}
.service-tech-item-title {
margin-bottom: 2rem;
}
.service-tech-item-sub {
color: var(--_color---content--soft);
margin-bottom: 3.2rem;
}
.service-logis {
background-color: var(--_color---bg--sf-1);
padding-top: 12rem;
padding-bottom: 16rem;
}
.service-grid {
z-index: 2;
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: minmax(1px, 1fr);
grid-auto-columns: minmax(1px, 1fr);
display: grid;
position: relative;
}
.service-img-wrap {
pointer-events: none;
margin-bottom: -9.2rem;
}
.service-img {
z-index: 1;
justify-content: flex-start;
align-items: center;
height: 100dvh;
display: flex;
position: sticky;
top: 0;
overflow: hidden;
}
.service-img-cms {
z-index: 12;
transform-origin: 0 0;
will-change: transform;
position: relative;
}
.service-img-list {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: minmax(1px, 1fr);
grid-auto-columns: minmax(1px, 1fr);
display: grid;
}
.service-img-item {
aspect-ratio: 293/386;
clip-path: inset(var(--clipPath) 0 0 0);
grid-area: 1/1/2/2;
}
.article-detail-filter-head {
grid-column-gap: 1.6rem;
grid-row-gap: 1.6rem;
cursor: pointer;
justify-content: space-between;
align-items: center;
width: 100%;
padding: 0.5rem 0.4rem;
display: flex;
}
.article-detail-filter-body {
z-index: 10;
border-top-style: solid;
border-top-width: var(--border--size);
border-top-color: var(--_color---border--light);
border-right-style: solid;
border-right-width: var(--border--size);
border-right-color: var(--_color---border--light);
border-left-style: solid;
border-left-width: var(--border--size);
border-left-color: var(--_color---border--light);
background-color: var(--_color---bg--sf-1);
width: 16rem;
display: none;
position: absolute;
top: calc(100% + 1.6rem);
right: 0;
}
.article-detail-filter-title {
color: var(--_color---content--sub);
}
.article-detail-filter-ic {
aspect-ratio: 1;
color: #212326;
justify-content: center;
align-items: center;
width: 0.8rem;
height: 0.8rem;
transition: transform 0.3s;
display: flex;
}
.service-logis-title {
margin-bottom: 31.3rem;
}
.service-logis-sub {
color: var(--_color---content--sub);
}
.service-main-wrap {
--_color---bg--main: var(--_color---m-black);
--_color---content--main: var(--_color---m-white);
--_color---content--note: #ffffff3d;
--_color---border--bold: #ffffff52;
--_color---bg--sf-2: var(--_color---m-white);
--_color---border--highlight: var(--_color---m-white);
--_color---secondary: #f50;
--_color---m-white: white;
--_color---content--soft: #fff9;
--_color---bg--sf-1: #1a1a1a;
--_color---border--light: #ffffff14;
--_color---content--brand: var(--_color---primary);
--_color---content--disable: #ffffff29;
--_color---content--sub: #ffffffb3;
--_color---m-black: #111;
--_color---border--main: #ffffff29;
--_color---content--black\<deleted\|variable-6e7d8137-8713-9ff4-5cea-f92e6216a872\>: black;
--_color---bg--brand: var(--_color---primary);
--_color---primary: #0016cb;
}
.service-main {
background-color: var(--_color---m-white);
transition: background-color 0.4s;
}
.service-main-resum {
position: relative;
}
.service-main-resum-cms {
z-index: 2;
position: relative;
}
.service-main-resum-item {
color: var(--_color---content--soft);
cursor: pointer;
padding: 1.2rem 0.4rem;
transition: background-color 0.4s, color 0.4s;
position: relative;
}
.service-main-resum-item:hover {
color: var(--_color---m-black);
}
.service-main-resum-item.active {
color: var(--_color---m-white);
}
.service-main-resum-cms-inner {
width: 100%;
}
.service-main-resum-inner {
flex-flow: column;
height: 100dvh;
padding-top: 38.8rem;
display: flex;
position: sticky;
top: 0;
}
.service-main-resum-cms-label {
background-color: var(--_color---bg--sf-1);
color: var(--_color---content--note);
padding: 0.8rem 0.4rem;
transition: background-color 0.4s;
}
.service-main-content {
width: 100%;
max-width: 123.3rem;
padding-top: 38.8rem;
}
.service-main-content-item {
color: var(--_color---content--disable);
justify-content: flex-end;
display: flex;
position: relative;
}
.service-main-content-item-inner {
width: 100%;
max-width: 71rem;
padding-top: 2.4rem;
padding-bottom: 6.4rem;
}
.service-main-content-item-title {
color: var(--_color---content--main);
margin-bottom: 1.6rem;
transition: color 0.4s;
}
.service-main-content-item-title-wrap {
justify-content: space-between;
align-items: flex-start;
margin-bottom: 9.6rem;
display: flex;
}
.service-main-content-item-sub {
color: var(--_color---content--main);
transition: color 0.4s;
}
.service-main-content-item-title-inner {
max-width: 39.7rem;
}
.service-main-content-item-ic {
width: 6.4rem;
transition: color 0.4s;
}
.service-main-content-item-body {
max-width: 39.7rem;
color: var(--_color---content--soft);
transition: color 0.4s;
}
.service-main-content-item-body-inner {
justify-content: space-between;
align-items: flex-end;
display: flex;
}
.service-main-content-item-btn {
opacity: 0;
color: var(--_color---m-black);
cursor: pointer;
transition: opacity 0.4s;
}
.service-main-content-item-ic-main {
position: absolute;
inset: 0;
}
.service-main-resum-cms-wrap {
grid-row-gap: 2.4rem;
flex-flow: column;
width: 100%;
display: flex;
position: relative;
}
.service-main-deco {
z-index: 0;
position: relative;
}
.service-main-deco-inner {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: minmax(1px, 1fr);
grid-auto-columns: minmax(1px, 1fr);
justify-content: center;
align-items: flex-start;
height: 100%;
display: grid;
}
.service-main-deco-main {
background-image: url(https://cdn.prod.website-files.com/6a44eec1ed1af2c4c403df6b/6a44eec1ed1af2c4c403dfe1_deco.svg);
background-position: 0 0;
background-size: 1.6rem 1.2rem;
grid-area: 1/1/2/2;
width: 1.6rem;
height: 100%;
transition-property: opacity;
transition-duration: 0.4s;
transition-timing-function: ease;
}
.service-main-deco-main.item-dark {
opacity: 0;
background-image: url(https://cdn.prod.website-files.com/6a44eec1ed1af2c4c403df6b/6a44eec1ed1af2c4c403dfe2_deco-light.svg);
}
.about-intro-maquee-wrap {
margin-top: 28rem;
}
.about-intro-maquee-label {
color: var(--_color---content--soft);
margin-bottom: 2.4rem;
}
.about-intro-maquee-cms {
flex-flow: row;
justify-content: flex-start;
align-items: center;
width: max-content;
display: flex;
}
.about-intro-maquee-list {
grid-column-gap: 6.4rem;
flex: none;
margin-right: 6.4rem;
display: flex;
}
.about-intro-maquee-item {
flex: none;
height: 8rem;
}
.service-img-block {
aspect-ratio: 293/386;
opacity: 0;
}
.about-intro-maquee {
margin-left: calc(var(--container--padding) * -1);
margin-right: calc(var(--container--padding) * -1);
overflow: hidden;
-webkit-mask-image: linear-gradient(
90deg,
#0000 0%,
#000 10rem calc(100% - 10rem),
#0000 100%
);
mask-image: linear-gradient(
90deg,
#0000 0%,
#000 10rem calc(100% - 10rem),
#0000 100%
);
}
.member-popup {
opacity: 1;
max-height: 80vh;
width: calc(
var(--container--one-column) * 6 + var(--container--column-gap) * 5
);
margin-left: auto;
margin-right: auto;
transition-property: opacity, transform;
transition-duration: 0.5s, 0.4s;
transition-timing-function: ease, ease;
display: flex;
position: relative;
transform: translateY(1rem);
}
.member-popup-inner {
background-color: var(--_color---bg--main);
width: 100%;
height: 100%;
}
.member-popup-head {
background-image: url(https://cdn.prod.website-files.com/6a44eec1ed1af2c4c403df6b/6a44eec1ed1af2c4c403dfa7_bg-ic.png);
background-position: 0 0;
background-size: 0.8rem 0.8rem;
height: 15.8rem;
padding: 4rem 4rem 1.6rem;
position: relative;
}
.member-popup-body {
padding: 4rem;
}
.member-popup-name {
color: var(--_color---content--main);
margin-bottom: 1.4rem;
}
.member-popup-pos {
color: var(--_color---content--sub);
}
.member-popup-content {
color: var(--_color---content--soft);
}
.service-main-resum-cms-bg {
z-index: -1;
background-color: var(--_color---m-black);
pointer-events: none;
clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%);
position: absolute;
inset: 0;
}
.member-popup-img-wrap {
position: absolute;
top: 4rem;
right: 4rem;
}
.member-popup-img {
width: 14.7rem;
height: 18.2rem;
display: block;
overflow: hidden;
}
.service-img-deco {
z-index: 3;
aspect-ratio: 293/386;
position: relative;
}
.about-trade-label-ic {
justify-content: center;
align-items: center;
width: 1rem;
height: 1rem;
margin-bottom: 9rem;
display: flex;
}
.service-img-deco-wrap,
.service-img-deco-list {
grid-column-gap: var(--container--column-gap);
display: flex;
}
.service-img-deco-item {
aspect-ratio: 293/386;
will-change: transform;
flex: none;
width: 29.3rem;
}
.carreer-ev-stick {
flex-flow: column;
display: flex;
position: sticky;
top: 10rem;
}
.about-faq-text-wrap {
display: none;
}
.commu-hero {
padding-top: min(16rem, 14vmin);
padding-bottom: 12rem;
}
.commu-hero-title {
display: none;
}
.service-hero-bg-img {
filter: brightness(68%);
width: 100%;
height: 100%;
position: relative;
}
.commu-hero-decor {
pointer-events: none;
display: flex;
overflow: hidden;
}
.commu-hero-decor-inner {
opacity: 0.4;
flex: none;
margin-right: 4rem;
}
.commu-hero-decor-item {
color: var(--_color---content--disable);
height: min(20rem, 18vmin);
}
.text-span {
--_color---bg--main: var(--_color---m-black);
--_color---content--main: var(--_color---m-white);
--_color---content--note: #ffffff3d;
--_color---border--bold: #ffffff52;
--_color---bg--sf-2: var(--_color---m-white);
--_color---border--highlight: var(--_color---m-white);
--_color---secondary: #f50;
--_color---m-white: white;
--_color---content--soft: #fff9;
--_color---bg--sf-1: #1a1a1a;
--_color---border--light: #ffffff14;
--_color---content--brand: var(--_color---primary);
--_color---content--disable: #ffffff29;
--_color---content--sub: #ffffffb3;
--_color---m-black: #111;
--_color---border--main: #ffffff29;
--_color---content--black\<deleted\|variable-6e7d8137-8713-9ff4-5cea-f92e6216a872\>: black;
--_color---bg--brand: var(--_color---primary);
--_color---primary: #0016cb;
}
.commu-hero-cms {
flex: none;
width: 100%;
}
.commu-hero-cms.swiper {
width: 100%;
overflow: visible;
}
.commu-hero-main {
z-index: 1;
width: 100%;
margin-top: -11.8rem;
display: flex;
position: relative;
overflow: clip visible;
}
.commu-hero-list {
width: 100%;
display: flex;
}
.commu-hero-item {
flex: none;
width: 100%;
}
.commu-hero-item-title {
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
margin-top: min(9.2rem, 6.51vh);
margin-bottom: 3.2rem;
display: flex;
}
.commu-hero-item-desc {
color: var(--_color---content--soft);
flex: 1;
margin-bottom: min(10rem, 6.25vh);
}
.commu-hero-item-text-wrap {
flex-flow: column;
justify-content: flex-end;
align-items: flex-start;
height: 100%;
display: flex;
}
.commu-hero-item-btn {
width: fit-content;
margin-top: auto;
}
.service-main-content-item-img {
display: none;
}
.commu-hero-thumb {
justify-content: center;
align-items: flex-start;
width: 100%;
display: flex;
}
.commu-hero-thumb-img {
aspect-ratio: 606/750;
height: min(75rem, 78.6vh);
overflow: hidden;
}
.footer-content {
grid-column-gap: 0.4rem;
grid-row-gap: 0.4rem;
margin-right: 0.4rem;
display: flex;
}
.commu-hero-thumb-label {
z-index: 2;
color: var(--_color---content--soft);
margin-bottom: 2.4rem;
position: relative;
}
.commu-hero-thumb-cta {
text-align: center;
--_color---bg--main: var(--_color---m-black);
--_color---content--main: var(--_color---m-white);
--_color---content--note: #ffffff3d;
--_color---border--bold: #ffffff52;
--_color---bg--sf-2: var(--_color---m-white);
--_color---border--highlight: var(--_color---m-white);
--_color---secondary: #f50;
--_color---m-white: white;
--_color---content--soft: #fff9;
--_color---bg--sf-1: #1a1a1a;
--_color---border--light: #ffffff14;
--_color---content--brand: var(--_color---primary);
--_color---content--disable: #ffffff29;
--_color---content--sub: #ffffffb3;
--_color---m-black: #111;
--_color---border--main: #ffffff29;
--_color---content--black\<deleted\|variable-6e7d8137-8713-9ff4-5cea-f92e6216a872\>: black;
--_color---bg--brand: var(--_color---primary);
--_color---primary: #0016cb;
flex-flow: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
position: relative;
}
.commu-hero-thumb-title {
z-index: 2;
color: var(--_color---content--main);
padding-left: 9.4rem;
padding-right: 9.4rem;
position: relative;
}
.service-hero-cms-pagi {
display: none;
}
.commu-hero-thumb-cta-bg {
justify-content: center;
align-items: center;
height: min(75rem, 78.6vh);
display: flex;
position: absolute;
}
.commu-hero-thumb-dots {
pointer-events: none;
position: absolute;
inset: 1.6rem;
}
.commu-hero-thumb-dot {
background-color: var(--_color---content--main);
border-radius: 50%;
width: 0.6rem;
height: 0.6rem;
position: absolute;
}
.commu-hero-thumb-dot.top {
top: 0;
}
.commu-hero-thumb-dot.bot {
bottom: 0;
}
.commu-hero-thumb-dot.left {
left: 0;
}
.commu-hero-thumb-dot.right {
right: 0;
}
.commu-hero-thumb-circs {
z-index: 1;
aspect-ratio: 1;
pointer-events: none;
justify-content: center;
align-items: center;
width: 100%;
display: flex;
position: absolute;
}
.commu-hero-thumb-circ {
border: var(--border--size) solid var(--_color---border--main);
border-radius: 50%;
width: 100%;
height: 100%;
position: absolute;
}
.commu-hero-thumb-circ.anim-wave {
border-color: var(--_color---border--light);
}
.service-main-content-cms-label,
.service-main-content-item-toggle {
display: none;
}
.commu-hero-item-sub {
grid-column-gap: var(--container--column-gap);
grid-template-rows: auto;
grid-template-columns: minmax(1px, 1fr) minmax(1px, 1fr) minmax(1px, 1fr) minmax(
1px,
1fr
) minmax(1px, 1fr);
grid-auto-columns: 1fr;
margin-top: 13.8rem;
display: grid;
}
.commu-hero-item-sub.hidden-dsk {
display: none;
}
.commu-hero-item-sub-label.sub-2 {
margin-left: -2rem;
}
.commu-hero-item-sub-ic {
justify-content: center;
align-items: center;
width: 1rem;
height: 1rem;
display: flex;
}
.commu-hero-main-inner {
width: 100%;
display: flex;
}
.commu-intro {
padding-top: 10rem;
}
.commu-intro-text-wrap {
text-align: center;
flex-flow: column;
justify-content: flex-start;
align-items: center;
margin-bottom: 22rem;
display: flex;
}
.commu-intro-title {
margin-bottom: 4rem;
}
.commu-intro-desc {
max-width: 40rem;
color: var(--_color---content--soft);
}
.commu-intro-main {
margin-bottom: 6.4rem;
overflow: hidden;
}
.commu-intro-cms {
display: flex;
}
.commu-intro-cms.hidden-dsk {
display: none;
}
.commu-intro-list {
padding-right: var(--container--column-gap);
grid-column-gap: var(--container--column-gap);
flex: none;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
align-items: flex-end;
display: flex;
}
.commu-intro-item {
flex: none;
}
.commu-intro-item-img {
width: 100%;
height: 100%;
overflow: hidden;
}
.commu-charity {
padding-top: 16rem;
padding-bottom: 12rem;
}
.commu-charity-desc {
color: var(--_color---content--soft);
}
.commu-charity-main {
margin-top: 6.4rem;
}
.commu-charity-list {
grid-column-gap: var(--container--column-gap);
grid-row-gap: var(--container--column-gap);
grid-template-rows: auto;
grid-template-columns: minmax(1px, 1fr) minmax(1px, 1fr) minmax(1px, 1fr);
grid-auto-columns: 1fr;
display: grid;
}
.commu-charity-item {
background-color: var(--_color---bg--sf-1);
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
height: 35.7rem;
padding: 2rem;
transition: background-color 0.5s cubic-bezier(0.445, 0.05, 0.55, 0.95);
display: flex;
position: relative;
}
.contact-hero-info-link {
position: absolute;
inset: 0%;
}
.industry-hero {
z-index: 2;
--_color---bg--main: var(--_color---m-black);
--_color---content--main: var(--_color---m-white);
--_color---content--note: #ffffff3d;
--_color---border--bold: #ffffff52;
--_color---bg--sf-2: var(--_color---m-white);
--_color---border--highlight: var(--_color---m-white);
--_color---secondary: #f50;
--_color---m-white: white;
--_color---content--soft: #fff9;
--_color---bg--sf-1: #1a1a1a;
--_color---border--light: #ffffff14;
--_color---content--brand: var(--_color---primary);
--_color---content--disable: #ffffff29;
--_color---content--sub: #ffffffb3;
--_color---m-black: #111;
--_color---border--main: #ffffff29;
--_color---content--black\<deleted\|variable-6e7d8137-8713-9ff4-5cea-f92e6216a872\>: black;
--_color---bg--brand: var(--_color---primary);
--_color---primary: #0016cb;
position: static;
}
.industry-hero-wrap {
position: relative;
}
.industry-hero-bg {
z-index: 1;
pointer-events: none;
width: 100vw;
height: 100vh;
position: sticky;
bottom: 0;
overflow: hidden;
}
.industry-hero-title {
height: 50vh;
color: var(--_color---content--main);
flex-flow: column;
justify-content: flex-end;
align-items: flex-start;
margin-top: 50vh;
margin-bottom: calc(50vh - 4rem);
padding-bottom: 4rem;
display: flex;
position: sticky;
top: 4rem;
}
.industry-hero-desc-wrap {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
}
.industry-hero-desc {
width: 100%;
height: 100vh;
color: var(--_color---content--main);
justify-content: flex-start;
align-items: center;
display: flex;
}
.industry-hero-empty {
height: 100vh;
}
.industry-our-wrap {
margin-top: -100vh;
}
.industry-our {
z-index: 2;
background-color: var(--_color---bg--main);
padding-top: 16.2rem;
position: relative;
}
.commu-charity-item-link {
z-index: 1;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 100%;
display: flex;
position: absolute;
top: 0%;
left: 0%;
}
.commu-charity-item-title {
z-index: 2;
position: relative;
}
.commu-charity-item-logo {
z-index: 2;
grid-template-rows: auto;
grid-template-columns: minmax(1px, 1fr);
grid-auto-columns: 1fr;
margin-bottom: auto;
display: grid;
position: relative;
}
.policy-main-content-text h2 {
font-family: var(--font--heading);
color: var(--_color---m-black);
text-transform: uppercase;
margin-bottom: 2rem;
font-size: 3.2rem;
font-weight: 700;
line-height: 1.1;
}
.policy-main-content-text p {
font-family: var(--font--body);
color: var(--_color---content--sub);
margin-top: 0.4rem;
margin-bottom: 2rem;
font-size: 1.6rem;
line-height: 1.2;
}
.policy-main-content-text h5 {
font-family: var(--font--body);
color: var(
--_color---content--black\<deleted\|variable-6e7d8137-8713-9ff4-5cea-f92e6216a872\>
);
font-size: 1.6rem;
font-weight: 500;
line-height: 1.2;
}
.policy-main-content-text li {
font-family: var(--font--body);
color: var(--_color---content--main);
margin-bottom: 2rem;
padding-left: 2rem;
font-size: 1.6rem;
font-weight: 400;
line-height: 1.2;
list-style-type: none;
position: relative;
}
.policy-main-content-text ol {
list-style-type: none;
}
.policy-main-content-text h6 {
color: var(
--_color---content--black\<deleted\|variable-6e7d8137-8713-9ff4-5cea-f92e6216a872\>
);
margin-bottom: 0.6rem;
padding-left: 3.2rem;
font-size: 1.6rem;
font-weight: 500;
line-height: 1.2;
}
.policy-main-content-text ul {
margin-top: 0;
margin-bottom: 0;
padding-left: 0;
}
.commu-charity-item-desc {
color: var(--_color---content--soft);
margin-bottom: 1.6rem;
}
.commu-charity-item-logo-img {
height: 10.4rem;
transition: opacity 0.5s cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
.commu-charity-item-decor {
z-index: 0;
opacity: 0;
color: #eaeaea;
transition: opacity 0.5s cubic-bezier(0.445, 0.05, 0.55, 0.95);
position: absolute;
inset: 0%;
}
.commu-charity-item-label {
transition: opacity 0.5s;
}
.industry-our-label {
color: var(--_color---content--soft);
}
.industry-our-title {
color: var(--_color---content--main);
}
.industry-our-desc {
color: var(--_color---content--soft);
}
.industry-our-main {
background-color: var(--_color---bg--sf-2);
margin-top: 10.4rem;
position: relative;
}
.industry-our-item {
z-index: 1;
background-color: var(--_color---m-black);
pointer-events: auto;
--_color---bg--main: var(--_color---m-black);
--_color---content--main: var(--_color---m-white);
--_color---content--note: #ffffff3d;
--_color---border--bold: #ffffff52;
--_color---bg--sf-2: var(--_color---m-white);
--_color---border--highlight: var(--_color---m-white);
--_color---secondary: #f50;
--_color---m-white: white;
--_color---content--soft: #fff9;
--_color---bg--sf-1: #1a1a1a;
--_color---border--light: #ffffff14;
--_color---content--brand: var(--_color---primary);
--_color---content--disable: #ffffff29;
--_color---content--sub: #ffffffb3;
--_color---m-black: #111;
--_color---border--main: #ffffff29;
--_color---content--black\<deleted\|variable-6e7d8137-8713-9ff4-5cea-f92e6216a872\>: black;
--_color---bg--brand: var(--_color---primary);
--_color---primary: #0016cb;
margin-bottom: -10rem;
}
.industry-our-item.done {
--_color---bg--main: var(--_color---m-white);
--_color---content--main: var(--_color---m-black);
--_color---content--note: #1116;
--_color---border--bold: #1111114d;
--_color---bg--sf-2: var(--_color---m-black);
--_color---border--highlight: var(--_color---m-black);
--_color---secondary: #f50;
--_color---m-white: white;
--_color---content--soft: #111111b8;
--_color---bg--sf-1: #f4f4f4;
--_color---border--light: #1111111a;
--_color---content--brand: var(--_color---primary);
--_color---content--disable: #11111129;
--_color---content--sub: #111111e0;
--_color---m-black: #111;
--_color---border--main: #1113;
--_color---content--black\<deleted\|variable-6e7d8137-8713-9ff4-5cea-f92e6216a872\>: black;
--_color---bg--brand: var(--_color---primary);
--_color---primary: #0016cb;
}
.commu-hero-main-ctrl {
z-index: 2;
grid-column-gap: 1.2rem;
margin-top: 2rem;
display: flex;
position: relative;
}
.commu-hero-main-ctrl-item {
cursor: pointer;
-webkit-user-select: none;
user-select: none;
transition-property: color;
transition-duration: 0.45s;
transition-timing-function: ease;
}
.commu-hero-main-ctrl-item.prev.disable {
pointer-events: none;
}
.commu-hero-main-ctrl-item.disable {
color: var(--_color---content--disable);
}
.commu-hero-main-ctrl-div {
color: var(--_color---border--main);
-webkit-user-select: none;
user-select: none;
}
.commu-hero-main-ctrl-cursor {
z-index: 3;
aspect-ratio: 606/750;
height: min(75rem, 78.6vh);
margin-top: -11.8rem;
display: flex;
position: relative;
}
.industry-our-item-inner {
z-index: 1;
background-color: var(--_color---bg--main);
position: relative;
}
.industry-our-item-main-left {
margin-right: var(--container--column-gap);
width: calc(
var(--container--one-column) * 4 + var(--container--column-gap) * 3
);
flex-flow: column;
justify-content: space-between;
align-items: stretch;
display: flex;
}
.industry-our-item-main-center {
margin-right: var(--container--column-gap);
width: calc(
var(--container--one-column) * 7 + var(--container--column-gap) * 6
);
}
.industry-our-item-main-right {
width: calc(
var(--container--one-column) * 5 + var(--container--column-gap) * 5
);
}
.industry-our-item-main-thumb {
height: 29.4rem;
overflow: hidden;
}
.industry-our-item-number {
color: var(--_color---content--soft);
width: calc(
var(--container--one-column) * 4 + var(--container--column-gap) * 4
);
}
.industry-our-item-sub {
max-width: 22.2rem;
color: var(--_color---content--main);
}
.industry-our-item-btn {
align-self: flex-start;
}
.industry-our-item-sub-name {
grid-column-gap: 0.2rem;
grid-row-gap: 0.2rem;
display: flex;
}
.industry-our-item-name-wrap {
grid-column-gap: 0.4rem;
grid-row-gap: 0.4rem;
color: var(--_color---content--main);
display: flex;
}
.industry-our-item-name-wrap.hidden-dsk {
display: none;
}
.industry-our-item-desc {
color: var(--_color---content--sub);
margin-bottom: min(8.8rem, 8.15vh);
}
.industry-our-item-why-label {
color: var(--_color---content--soft);
text-transform: uppercase;
}
.industry-our-item-why-line {
width: 100%;
height: var(--border--size);
background-color: var(--_color---border--light);
margin-top: 1.6rem;
margin-bottom: 1.6rem;
transition: background-color 0.4s;
}
.industry-our-item-why-content {
color: var(--_color---content--soft);
}
.industry-our-item-line {
width: 100%;
height: var(--border--size);
background-color: var(--_color---border--main);
position: absolute;
top: 0;
left: 0;
right: 0;
}
.merchan-hero-wrap {
position: relative;
}
.merchan-hero {
flex-flow: column;
justify-content: flex-end;
height: 60rem;
max-height: 50dvh;
display: flex;
}
.merchan-hero-title-wrap {
flex-flow: row;
justify-content: space-between;
align-items: flex-end;
height: 100%;
padding-bottom: 4rem;
display: flex;
}
.merchan-hero-title {
color: var(--_color---m-white);
}
.merchan-hero-bg {
z-index: -1;
position: absolute;
inset: 0;
}
.merchan-hero-bg-inner {
width: 100%;
height: 100%;
position: relative;
}
.merchan-hero-bg-overlay {
z-index: 2;
background-color: var(--_color---bg--sf-2);
opacity: 0.32;
position: absolute;
inset: 0;
}
.commu-charity-item-body {
z-index: 2;
overflow: hidden;
}
.merchan-hero-btn {
--_color---bg--main: var(--_color---m-black);
--_color---content--main: var(--_color---m-white);
--_color---content--note: #ffffff3d;
--_color---border--bold: #ffffff52;
--_color---bg--sf-2: var(--_color---m-white);
--_color---border--highlight: var(--_color---m-white);
--_color---secondary: #f50;
--_color---m-white: white;
--_color---content--soft: #fff9;
--_color---bg--sf-1: #1a1a1a;
--_color---border--light: #ffffff14;
--_color---content--brand: var(--_color---primary);
--_color---content--disable: #ffffff29;
--_color---content--sub: #ffffffb3;
--_color---m-black: #111;
--_color---border--main: #ffffff29;
--_color---content--black\<deleted\|variable-6e7d8137-8713-9ff4-5cea-f92e6216a872\>: black;
--_color---bg--brand: var(--_color---primary);
--_color---primary: #0016cb;
}
.merchan-hero-btn.w--current {
pointer-events: auto;
}
.merchan-hero-block {
height: 100dvh;
max-height: 80rem;
}
.industry-our-item-head {
z-index: 10;
padding: 1.6rem var(--container--padding);
transition: top 0.4s;
display: flex;
position: sticky;
top: -3.2rem;
}
.header-cart {
pointer-events: auto;
display: none;
}
.header-cart-btn {
color: currentColor;
background-color: #0000;
justify-content: center;
align-items: center;
width: 4rem;
height: 4rem;
padding: 0;
position: relative;
}
.header-cart-btn-ic {
width: 2rem;
margin-right: 0;
display: flex;
}
.header-cart-btn-quantity {
color: #0000;
background-color: #ff2e12;
border-radius: 50%;
width: 0.8rem;
min-width: 0;
height: 0.8rem;
margin-left: 0;
padding: 0;
position: absolute;
top: 0.3rem;
right: -0.1rem;
}
.header-cart-btn-ic-wrap {
position: relative;
}
.merchan-product {
padding-top: 12rem;
padding-bottom: 12rem;
}
.merchan-product-intro {
justify-content: space-between;
align-items: flex-end;
margin-bottom: 2.4rem;
display: flex;
}
.merchan-product-sub {
max-width: 81.2rem;
}
.merchan-product-filter {
position: relative;
}
.merchan-product-filter-inner {
grid-column-gap: 0.6rem;
cursor: pointer;
justify-content: flex-start;
align-items: center;
display: flex;
}
.merchan-product-filter-ic {
width: 1.6rem;
transition: transform 0.4s;
display: flex;
}
.merchan-product-filter-checkbox {
z-index: 10;
background-color: var(--_color---bg--sf-1);
width: 16rem;
display: none;
position: absolute;
top: calc(100% + 0.8rem);
right: 0;
}
.merchan-product-filter-checkbox-item {
border-bottom: var(--border--size) solid var(--_color---border--light);
color: var(--_color---content--soft);
cursor: pointer;
padding: 1.2rem 0.4rem;
transition: border-color 0.4s, color 0.4s;
}
.merchan-product-filter-checkbox-item:hover {
border-bottom-color: var(--_color---border--highlight);
color: var(--_color---content--main);
}
.merchan-product-filter-checkbox-item.active {
background-color: var(--_color---m-black);
pointer-events: none;
color: var(--_color---m-white);
}
.merchan-product-list {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
grid-template-rows: auto;
grid-template-columns: minmax(1px, 1fr) minmax(1px, 1fr) minmax(1px, 1fr) minmax(
1px,
1fr
);
grid-auto-columns: minmax(1px, 1fr);
display: grid;
}
.merchan-product-item-img {
grid-column-gap: 0px;
grid-row-gap: 0px;
background-color: var(--_color---bg--sf-1);
grid-template-rows: auto;
grid-template-columns: minmax(1px, 1fr);
grid-auto-columns: minmax(1px, 1fr);
transition: background-color 0.4s;
display: grid;
position: relative;
overflow: hidden;
}
.merchan-product-item-btn {
z-index: 2;
grid-column-gap: 0.8rem;
opacity: 0;
justify-content: center;
align-items: center;
padding-top: 2rem;
padding-bottom: 2rem;
transition: opacity 0.4s;
display: flex;
position: absolute;
bottom: 0;
left: 0;
right: 0;
}
.merchan-product-item-img-main {
transition: transform 0.4s;
}
.merchan-product-item-img-real {
opacity: 0;
transition: opacity 0.4s;
}
.merchan-product-item-btn-link {
background-color: var(--_color---m-black);
opacity: 0;
width: 4rem;
height: 4rem;
color: var(--_color---m-white);
border-radius: 4rem;
flex: none;
justify-content: center;
align-items: center;
transition: opacity 0.4s, background-color 0.4s;
display: flex;
}
.merchan-product-item-btn-link:hover {
background-color: var(--_color---secondary);
}
.merchan-product-item-body {
grid-column-gap: 2rem;
justify-content: space-between;
padding-top: 1.5rem;
padding-bottom: 1.5rem;
display: flex;
}
.merchan-product-item-name {
margin-bottom: 0;
}
.merchan-product-item-price {
color: var(--_color---content--soft);
margin-bottom: 0;
}
.career-process-item-body {
display: contents;
}
.merchan-popup {
z-index: 1000;
opacity: 0;
pointer-events: none;
background-color: #000000a3;
justify-content: center;
align-items: center;
width: 100vw;
height: 100dvh;
transition: opacity 0.4s;
display: flex;
position: fixed;
inset: 0;
}
.merchan-popup.active {
opacity: 1;
pointer-events: auto;
}
.merchan-popup-inner {
background-color: var(--_color---bg--main);
width: 100%;
max-height: 85dvh;
padding: 2rem;
position: relative;
}
.merchan-popup-list {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: minmax(1px, 1fr);
grid-auto-columns: minmax(1px, 1fr);
display: grid;
}
.merchan-popup-item-inner {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
display: flex;
}
.merchan-popup-item-img {
background-color: var(--_color---bg--sf-1);
flex: none;
justify-content: center;
align-items: center;
width: 60.5rem;
display: flex;
}
.merchan-popup-item-content {
flex: 1;
height: 100%;
max-height: 85dvh;
padding-bottom: 2rem;
overflow: auto;
}
.merchan-popup-item-img-main {
justify-content: center;
align-items: center;
display: flex;
}
.merchan-popup-item-content-inner {
margin-bottom: 0;
}
.merchan-popup-item-option {
grid-row-gap: 2rem;
flex-flow: column;
display: flex;
}
.merchan-popup-item-name {
margin-bottom: 2rem;
}
.merchan-popup-item-price {
margin-bottom: 0.8rem;
}
.merchan-popup-item-img-inner {
width: 100%;
max-width: 42.5rem;
margin-bottom: 0;
}
.item-size {
border-width: var(--border--size);
border-color: var(--_color---border--light);
border-radius: 4rem;
flex: none;
justify-content: center;
align-items: center;
width: auto;
min-width: 4rem;
height: 4rem;
margin-right: 0;
padding: 0.1rem 1.2rem 0;
transition: color 0.4s, background-color 0.4s, border-color 0.4s;
display: flex;
}
.item-size:hover {
border-color: var(--_color---border--highlight);
}
.item-size.w--ecommerce-pill-selected {
border-width: var(--border--size);
}
.item-size-wrap {
grid-column-gap: 0.8rem;
margin-bottom: 0;
}
.merchan-popup-item-tax {
color: var(--_color---content--note);
}
.merchan-popup-item-sub {
color: var(--_color---content--soft);
}
.item-size-label {
margin-bottom: 1.6rem;
}
.merchan-popup-item-btn-wrap {
grid-column-gap: 0.8rem;
margin-bottom: 1.6rem;
display: flex;
}
.btn-quantity {
border-width: var(--border--size);
border-color: var(--_color---border--light);
width: 9.6rem;
height: 4rem;
font-family: var(--font--button);
text-align: center;
border-radius: 4rem;
margin-bottom: 0;
padding: 0 0 0 0;
font-size: 1.2rem;
line-height: 1em;
transition: border-color 0.4s;
}
.btn-quantity:focus {
border-color: var(--_color---border--highlight);
}
.btn-quantity.tp-product-content-cart-quantity {
height: 4rem;
}
.btn-cart {
background-color: var(--_color---bg--sf-2);
font-family: var(--font--button);
color: var(--_color---m-white);
text-transform: uppercase;
border-radius: 4rem;
flex: 1;
font-size: 1.2rem;
line-height: 1.4;
}
.btn-cart.btn-outline {
border-top-style: solid;
border-top-width: var(--border--size);
border-top-color: var(--_color---border--light);
border-right-style: solid;
border-right-width: var(--border--size);
border-right-color: var(--_color---border--light);
border-bottom-style: solid;
border-bottom-width: var(--border--size);
border-bottom-color: var(--_color---border--light);
border-left-style: solid;
border-left-width: var(--border--size);
border-left-color: var(--_color---border--light);
color: var(--_color---m-black);
background-color: #0000;
}
.btn-cart.btn-outline:hover {
border-color: var(--_color---border--highlight);
}
.merchan-popup-item-desc {
color: var(--_color---content--note);
margin-bottom: 2.4rem;
}
.merchan-popup-item-view {
justify-content: space-between;
align-items: center;
display: flex;
}
.merchan-popup-item-view-ic {
width: 1.6rem;
display: flex;
}
.merchan-popup-item {
grid-area: 1/1/2/2;
display: none;
}
.merchan-popup-item.active {
display: block;
}
.cta-bg {
display: none;
position: absolute;
inset: 0;
}
.cta-bg:where(.w-variant-e85f0841-e19f-4fdd-5123-891d8814f1ff) {
display: block;
}
.cta-bg-overlay {
background-color: var(--_color---m-black);
opacity: 0.32;
}
.cta-bg-overlay:where(.w-variant-e85f0841-e19f-4fdd-5123-891d8814f1ff) {
z-index: 1;
position: absolute;
inset: 0;
}
.career-process-item-ic {
display: none;
}
.industry-hero-overlay {
z-index: 3;
background-color: var(--_color---bg--sf-1);
opacity: 0;
pointer-events: none;
--_color---bg--main: var(--_color---m-black);
--_color---content--main: var(--_color---m-white);
--_color---content--note: #ffffff3d;
--_color---border--bold: #ffffff52;
--_color---bg--sf-2: var(--_color---m-white);
--_color---border--highlight: var(--_color---m-white);
--_color---secondary: #f50;
--_color---m-white: white;
--_color---content--soft: #fff9;
--_color---bg--sf-1: #1a1a1a;
--_color---border--light: #ffffff14;
--_color---content--brand: var(--_color---primary);
--_color---content--disable: #ffffff29;
--_color---content--sub: #ffffffb3;
--_color---m-black: #111;
--_color---border--main: #ffffff29;
--_color---content--black\<deleted\|variable-6e7d8137-8713-9ff4-5cea-f92e6216a872\>: black;
--_color---bg--brand: var(--_color---primary);
--_color---primary: #0016cb;
position: absolute;
inset: 0%;
}
.merchan-product-item-btn-ic {
width: 1.6rem;
display: flex;
}
.sidebar-cart {
color: var(--_color---content--main);
--_color---bg--main: var(--_color---m-white);
--_color---content--main: var(--_color---m-black);
--_color---content--note: #1116;
--_color---border--bold: #1111114d;
--_color---bg--sf-2: var(--_color---m-black);
--_color---border--highlight: var(--_color---m-black);
--_color---secondary: #f50;
--_color---m-white: white;
--_color---content--soft: #111111b8;
--_color---bg--sf-1: #f4f4f4;
--_color---border--light: #1111111a;
--_color---content--brand: var(--_color---primary);
--_color---content--disable: #11111129;
--_color---content--sub: #111111e0;
--_color---m-black: #111;
--_color---border--main: #1113;
--_color---content--black\<deleted\|variable-6e7d8137-8713-9ff4-5cea-f92e6216a872\>: black;
--_color---bg--brand: var(--_color---primary);
--_color---primary: #0016cb;
}
.merchan-popup-close {
z-index: 2;
cursor: pointer;
color: #b8b8b8;
justify-content: center;
align-items: center;
width: 2.4rem;
height: 2.4rem;
transition-property: color;
transition-duration: 0.4s;
transition-timing-function: ease;
display: flex;
position: absolute;
top: 2rem;
right: 2rem;
}
.merchan-popup-close:hover {
color: var(--_color---bg--sf-2);
}
.merchan-popup-close-ic {
width: 1.2rem;
display: flex;
}
.sidebar-cart-inner {
min-width: 0;
max-width: 45.7rem;
height: 100%;
}
.sidebar-cart-head {
border-bottom-width: var(--border--size);
border-bottom-color: var(--_color---border--main);
text-transform: uppercase;
padding: 2rem;
}
.sidebar-cart-close {
color: #b8b8b8;
width: 2.4rem;
height: 2.4rem;
transition-property: color;
transition-duration: 0.2s;
transition-timing-function: ease;
}
.sidebar-cart-close:hover {
color: var(--_color---border--highlight);
}
.sidebar-cart-list {
grid-row-gap: 2rem;
flex-flow: column;
max-height: calc(100dvh - 26rem);
padding: 2rem;
display: flex;
overflow: auto;
}
.sidebar-cart-item {
grid-column-gap: 2rem;
padding-top: 0;
padding-bottom: 0;
}
.sidebar-cart-item-img {
background-color: var(--_color---bg--sf-1);
width: 16rem;
height: 16rem;
}
.sidebar-cart-item-content {
margin-bottom: 0.8rem;
margin-left: 0;
margin-right: 0;
}
.sidebar-cart-item-main {
flex: 1;
}
.sidebar-cart-item-quantity-wrap {
justify-content: space-between;
align-items: center;
width: 100%;
display: flex;
}
.sidebar-cart-item-quantity {
border-width: var(--border--size);
border-color: var(--_color---border--light);
width: 9.6rem;
height: 4rem;
font-family: var(--font--button);
text-align: center;
border-radius: 4rem;
margin-bottom: 0;
padding: 0 0 0 0;
font-size: 1.2rem;
line-height: 1.4em;
}
.sidebar-cart-item-price {
color: var(--_color---content--soft);
margin-bottom: 2rem;
}
.sidebar-cart-item-title {
margin-bottom: 1.2rem;
}
.sidebar-cart-item-option {
grid-row-gap: 0.8rem;
color: var(--_color---content--soft);
flex-flow: column;
display: flex;
}
.sidebar-cart-item-remove {
text-transform: uppercase;
}
.sidebar-cart-footer {
margin-top: auto;
padding: 2rem;
}
.sidebar-cart-footer-head {
grid-column-gap: 2rem;
align-items: center;
margin-bottom: 3.2rem;
}
.sidebar-cart-footer-title {
text-transform: uppercase;
margin-bottom: 0.8rem;
}
.sidebar-cart-footer-title-wrap {
flex: 1;
}
.industry-our-item-main-ic,
.industry-hero-empty-mb {
display: none;
}
.industry-hero-mb {
z-index: 2;
position: relative;
}
.sidebar-cart-footer-sub {
color: var(--_color---content--soft);
}
.industry-popup {
opacity: 1;
height: 70vh;
width: calc(
var(--container--one-column) * 6 + var(--container--column-gap) * 5
);
margin-left: auto;
margin-right: auto;
transition-property: opacity, transform;
transition-duration: 0.5s, 0.4s;
transition-timing-function: ease, ease;
display: none;
position: relative;
transform: translateY(1rem);
}
.industry-hero-bg-canvas {
z-index: 2;
transform-origin: 50% 20%;
object-fit: cover;
width: 100%;
height: 100%;
padding-bottom: 0;
padding-right: 0;
position: absolute;
inset: 0%;
transform: scale(1.1);
}
.tp-product-hero {
background-color: var(--_color---bg--sf-1);
}
.tp-product-hero-thumb {
padding-top: 12rem;
}
.tp-product-hero-thumb-cms-wrap {
max-height: 43.2rem;
position: absolute;
top: 50%;
left: 2rem;
transform: translateY(-50%);
}
.tp-product-hero-thumb-list {
flex-flow: column;
display: flex;
}
.tp-product-hero-thumb-list.swiper-wrapper {
height: 100%;
}
.tp-product-hero-thumb-list.swiper-wrapper.flex-center {
justify-content: center;
}
.tp-product-hero-thumb-item-inner {
width: 8rem;
height: 8rem;
}
.tp-product-hero-thumb-item-inner.swiper-slide {
border: var(--border--size) solid transparent;
border-radius: 0.4rem;
width: 8rem;
height: 8rem;
transition: border-color 0.4s;
overflow: hidden;
}
.tp-product-hero-thumb-item-inner.swiper-slide:hover {
border-color: var(--_color---border--light);
}
.tp-product-hero-thumb-item-inner.swiper-slide.active {
border-color: var(--_color---border--highlight);
}
.tp-product-hero-thumb-main {
justify-content: center;
align-items: center;
display: flex;
}
.tp-product-hero-thumb-main-item {
width: 64.7rem;
height: calc(100dvh - 28rem);
position: relative;
overflow: hidden;
}
.tp-product-hero-thumb-inner {
position: relative;
}
.tp-product-hero-thumb-cms.swiper {
height: 34.4rem;
overflow: hidden;
}
.tp-product-hero-thumb-cms-control {
pointer-events: none;
flex-flow: column;
justify-content: space-between;
width: 4rem;
display: flex;
position: absolute;
top: -5.6rem;
bottom: -5.6rem;
left: 50%;
transform: translate(-50%);
}
.tp-product-hero-thumb-cms-inner {
position: relative;
}
.tp-product-hero-thumb-cms-control-item {
border: var(--border--size) solid var(--_color---border--light);
pointer-events: auto;
cursor: pointer;
border-radius: 50%;
justify-content: center;
align-items: center;
width: 4rem;
height: 4rem;
transition: color 0.4s, border-color 0.4s;
display: flex;
}
.tp-product-hero-thumb-cms-control-item:hover {
border-color: var(--_color---border--highlight);
}
.tp-product-hero-thumb-cms-control-item.item-next {
pointer-events: auto;
}
.tp-product-hero-thumb-cms-control-item.swiper-button-disabled {
pointer-events: none;
color: var(--_color---content--note);
}
.tp-product-hero-thumb-cms-control-item-ic {
width: 1.6rem;
display: flex;
}
.tp-product-content {
padding-bottom: 12.2rem;
}
.tp-product-content-head {
z-index: 2;
background-color: var(--_color---bg--main);
justify-content: space-between;
padding-top: 4rem;
padding-bottom: 4rem;
display: flex;
position: sticky;
bottom: 0;
}
.tp-product-content-name {
width: 41.4rem;
}
.item-option.tp-product-content-cart-option-item {
min-width: 18.9rem;
}
.tp-product-content-cart-option {
margin-bottom: 0;
display: flex;
}
.btn-quantity-inner {
width: max-content;
display: flex;
position: relative;
}
.btn-quantity-ic {
grid-row-gap: 0.6rem;
opacity: 1;
pointer-events: none;
flex-flow: row;
justify-content: space-between;
transition: opacity 0.4s;
display: flex;
position: absolute;
top: 50%;
left: 0.8rem;
right: 0.8rem;
transform: translateY(-50%);
}
.btn-quantity-ic-item {
pointer-events: auto;
cursor: pointer;
width: 1.6rem;
display: flex;
}
.tp-product-content-cart-option-inner {
grid-column-gap: 2rem;
margin-right: 2rem;
display: flex;
}
.tp-product-content-action-price {
margin-bottom: 0.6rem;
}
.tp-product-content-action-main {
justify-content: space-between;
align-items: flex-start;
margin-bottom: 1.6rem;
display: flex;
}
.tp-product-content-action-price-wrap.on-mb {
display: none;
}
.tp-product-content-action-inner {
margin-bottom: 0;
}
.tp-product-content-action {
width: 52.1rem;
}
.tp-product-content-action-sub {
color: var(--_color---content--note);
}
.tp-product-content-action-btn-wrap {
grid-column-gap: 0.8rem;
display: flex;
}
.tp-product-content-main {
z-index: 0;
justify-content: space-between;
padding-top: 20rem;
padding-bottom: 16.2rem;
display: flex;
position: relative;
}
.tp-product-content-main-sub {
width: 41.7rem;
color: var(--_color---content--soft);
}
.tp-product-content-main-detail {
flex: none;
width: 91.8rem;
position: relative;
}
.tp-product-content-main-detail-item {
justify-content: space-between;
margin-bottom: 2.7rem;
padding-bottom: 2.7rem;
display: flex;
position: relative;
}
.tp-product-content-main-item-txt {
width: 52.1rem;
color: var(--_color---content--soft);
}
.tp-product-content-main-item-richtxt ul {
grid-row-gap: 0.8rem;
flex-flow: column;
margin-bottom: 1.6rem;
padding-left: 2rem;
list-style: none;
display: flex;
}
.tp-product-content-main-item-richtxt p {
margin-bottom: 0;
}
.tp-product-content-main-item-richtxt li {
position: relative;
}
.tp-product-other {
padding-bottom: 12.7rem;
overflow: hidden;
}
.tp-product-other-head {
justify-content: space-between;
margin-bottom: 2.4rem;
display: flex;
}
.tp-product-other-control {
grid-column-gap: 1.2rem;
align-self: flex-end;
display: flex;
}
.tp-product-other-control-item {
cursor: pointer;
margin: -0.5rem;
padding: 0.5rem;
transition: color 0.4s;
}
.tp-product-other-control-item.swiper-button-disabled {
pointer-events: none;
color: var(--_color---content--disable);
}
.tp-product-other-control-spacing {
width: var(--border--size);
background-color: var(--_color---border--main);
height: 1rem;
}
.tp-product-other-list {
display: flex;
}
.tp-product-other-item {
width: 39.7rem;
}
.tp-product-other-item.swiper-slide {
flex: none;
width: 39.7rem;
margin-right: 2rem;
}
.tp-product-other-item-img {
grid-column-gap: 0px;
grid-row-gap: 0px;
background-color: var(--_color---bg--sf-1);
grid-template-rows: auto;
grid-template-columns: minmax(1px, 1fr);
grid-auto-columns: minmax(1px, 1fr);
transition: background-color 0.4s;
display: grid;
position: relative;
overflow: hidden;
}
.tp-product-other-item-img-main {
transition: transform 0.4s;
}
.tp-product-other-item-body {
grid-column-gap: 2rem;
justify-content: space-between;
padding-top: 1.5rem;
padding-bottom: 1.5rem;
display: flex;
}
.tp-product-other-item-name {
margin-bottom: 0;
}
.tp-product-other-item-price {
color: var(--_color---content--soft);
margin-bottom: 0;
}
.tp-product-other-item-btn {
background-color: var(--_color---m-black);
opacity: 0;
width: 4rem;
height: 4rem;
color: var(--_color---m-white);
border-radius: 4rem;
flex: none;
justify-content: center;
align-items: center;
transition: opacity 0.4s, background-color 0.4s;
display: flex;
}
.tp-product-other-item-btn:hover {
background-color: var(--_color---secondary);
}
.tp-product-other-item-btn-ic {
width: 1.6rem;
display: flex;
}
.industry-hero-bg-inner {
filter: saturate() contrast(105%) brightness(107%);
width: 100%;
height: 100%;
}
.tp-product-content-head-wrap {
flex-flow: column;
display: flex;
position: relative;
}
.tp-product-content-head-block {
flex: 1;
}
.tp-product-content-main-inner {
justify-content: space-between;
width: 100%;
padding-bottom: 6rem;
display: flex;
position: relative;
}
.tp-product-hero-breakcrum {
grid-column-gap: 1rem;
justify-content: flex-start;
align-items: center;
display: flex;
position: absolute;
top: 0;
left: 0;
}
.tp-product-hero-breakcrum-item.item-spacing {
color: var(--_color---content--disable);
text-transform: uppercase;
}
.tp-product-hero-breakcrum-item.item-current {
color: var(--_color---content--note);
}
.cart-hero {
padding-top: 12rem;
}
.cart-hero-title {
margin-bottom: 9.6rem;
}
.cart-hero-breakcrum {
grid-column-gap: 1rem;
justify-content: flex-start;
align-items: center;
display: flex;
}
.cart-hero-breakcrum-item.item-spacing {
color: var(--_color---content--disable);
text-transform: uppercase;
}
.cart-hero-breakcrum-item.item-current {
color: var(--_color---content--note);
}
.cart-hero-main {
padding-top: 4rem;
}
.payment-hero-head {
margin-top: 16.7rem;
margin-bottom: 4.8rem;
}
.payment-hero-title {
margin-bottom: 1.4rem;
}
.payment-hero-divider {
width: 100%;
height: var(--border--size);
background-color: var(--_color---border--main);
}
.payment-hero-body {
margin-top: 6.4rem;
margin-bottom: 15.6rem;
}
.payment-hero-sub {
grid-column-gap: 0.4rem;
justify-content: flex-start;
align-items: center;
display: flex;
}
.payment-hero-sub-dot {
background-color: var(--_color---bg--sf-2);
border-radius: 50%;
width: 0.4rem;
height: 0.4rem;
}
.payment-hero-content-sub {
color: var(--_color---content--sub);
margin-bottom: 3.2rem;
}
.payment-hero-method-title {
margin-bottom: 0.8rem;
}
.payment-hero-method-sub {
color: var(--_color---content--sub);
margin-bottom: 0.8rem;
}
.payment-hero-method-hub {
grid-column-gap: 0.4rem;
margin-bottom: 2rem;
display: flex;
}
.payment-hero-method-hub-item {
border: var(--border--size) solid var(--_color---border--main);
border-radius: 0.4rem;
width: 3.4rem;
overflow: hidden;
}
.payment-hero-content-richtext h6 {
margin-bottom: 0.8rem;
font-size: 1.6rem;
font-weight: 500;
line-height: 1.2em;
}
.payment-hero-content-richtext p {
color: var(--_color---content--sub);
margin-bottom: 2rem;
}
.payment-hero-content-richtext li {
list-style-type: none;
position: relative;
}
.payment-hero-content-richtext strong {
font-weight: 500;
}
.article-detail-main-item-info {
grid-column-gap: 1.2rem;
grid-row-gap: 1.2rem;
justify-content: flex-start;
align-items: center;
margin-bottom: 1.2rem;
display: flex;
}
.article-detail-main-item-slash {
color: var(--_color---border--main);
}
.article-detail-main-item-date {
color: var(--_color---content--note);
}
.sort-article-form-wrap {
display: none;
}
.sort-article-select {
font-family: var(--font--button);
margin-bottom: 0;
font-size: 1.2rem;
line-height: 1.4;
}
.article-detail-filter-link {
color: var(--_color---content--soft);
text-transform: uppercase;
cursor: pointer;
border-bottom: max(1px, 0.1rem) solid #1111111a;
padding: 1.2rem 0.4rem;
transition: background-color 0.3s, color 0.3s;
}
.article-detail-filter-link:hover {
color: var(--_color---content--main);
}
.article-detail-filter-link.active {
background-color: var(--_color---bg--main);
pointer-events: none;
color: var(--_color---content--main);
--_color---bg--main: var(--_color---m-black);
--_color---content--main: var(--_color---m-white);
--_color---content--note: #ffffff3d;
--_color---border--bold: #ffffff52;
--_color---bg--sf-2: var(--_color---m-white);
--_color---border--highlight: var(--_color---m-white);
--_color---secondary: #f50;
--_color---m-white: white;
--_color---content--soft: #fff9;
--_color---bg--sf-1: #1a1a1a;
--_color---border--light: #ffffff14;
--_color---content--brand: var(--_color---primary);
--_color---content--disable: #ffffff29;
--_color---content--sub: #ffffffb3;
--_color---m-black: #111;
--_color---border--main: #ffffff29;
--_color---content--black\<deleted\|variable-6e7d8137-8713-9ff4-5cea-f92e6216a872\>: black;
--_color---bg--brand: var(--_color---primary);
--_color---primary: #0016cb;
}
.order-confirm {
background-color: #0000;
min-height: 0;
padding: 22.3rem 0 16rem;
}
.order-confirm-title {
text-align: center;
margin-bottom: 2.4rem;
}
.order-confirm-inner {
flex-flow: column;
width: 100%;
max-width: 60.5rem;
display: flex;
}
.order-confirm-sub {
max-width: 39.7rem;
color: var(--_color---content--soft);
text-align: center;
margin-bottom: 8rem;
margin-left: auto;
margin-right: auto;
}
.order-confirm-sum-content {
background-color: #0000;
border: 0 solid #000;
padding: 0;
}
.order-confirm-sum {
flex: 1;
position: static;
top: 0;
}
.order-confirm-sum-item-label {
color: var(--_color---content--soft);
}
.checkout-main-info {
margin-right: 0;
}
.checkout-main-sum {
transition: top 0.4s;
top: 0;
}
.order-confirm-sum-label {
color: var(--_color---content--main);
}
.checkout-main {
background-color: #0000;
min-height: 0;
padding: 12rem 0;
}
.order-confirm-btn {
align-self: center;
margin-top: 4rem;
}
.order-confirm-sum-total {
border-top: var(--border--size) solid var(--_color---border--light);
margin-top: 2rem;
margin-bottom: 0;
padding-top: 2rem;
}
.order-confirm-sum-price-desc {
color: var(--_color---content--note);
}
.order-confirm-sum-price {
text-align: right;
}
.order-confirm-sum-inner {
background-color: var(--_color---bg--sf-1);
margin-bottom: 0;
padding: 2rem;
}
.order-confirm-sum-header {
text-transform: uppercase;
background-color: #0000;
border-width: 0;
margin-bottom: 4rem;
padding: 0;
}
.industry-hero-bg-placeholder {
transform-origin: 50% 20%;
width: 100%;
height: 100%;
transform: scale(1.1);
}
.checkout-main-head {
margin-bottom: 4rem;
}
.checkout-main-title {
margin-bottom: 9rem;
}
.checkout-main-pagi {
grid-column-gap: 1rem;
display: flex;
}
.checkout-main-pagi-item.current-item {
color: var(--_color---content--note);
}
.checkout-main-pagi-item-space {
color: var(--_color---content--disable);
}
.checkout-main-info-item {
margin-bottom: 4.8rem;
}
.checkout-main-info-item-title {
text-transform: uppercase;
background-color: #0000;
border-width: 0;
flex-flow: column;
align-items: flex-start;
margin-bottom: 2.4rem;
padding: 0;
}
.checkout-main-info-item-inner {
grid-row-gap: 2.4rem;
background-color: #0000;
border: 0 solid #000;
flex-flow: column;
padding: 0;
display: flex;
}
.checkout-main-info-item-checkbox-wrap {
color: var(--_color---content--soft);
padding-top: 1rem;
padding-bottom: 1rem;
}
.checkout-main-info-item-checkbox {
border: var(--border--size) solid var(--_color---border--main);
border-radius: 0.2rem;
width: 1.6rem;
height: 1.6rem;
margin-top: 0;
transition: border-color 0.4s, background-color 0.4s;
}
.home-service-truck-full {
opacity: 0;
pointer-events: none;
position: relative;
}
.home-service-truck-car {
z-index: 2;
width: 100%;
height: 100%;
position: relative;
}
.home-service-first-screen {
z-index: 2;
position: relative;
}
.home-service-crane {
background-color: var(--_color---m-white);
flex-flow: column;
justify-content: flex-end;
height: 100%;
display: flex;
position: relative;
}
.home-service-scene {
contain: paint;
width: 100%;
height: 100vh;
position: relative;
}
.home-service-crane-static {
z-index: 1;
aspect-ratio: 16/9;
width: 93%;
position: absolute;
bottom: -16.4rem;
left: -17.4%;
}
.home-service-crane-static.cont-w {
z-index: 2;
pointer-events: none;
clip-path: inset(34.5% 2.6% 41.8% 86%);
will-change: opacity;
}
.home-service-crane-static.o-car {
z-index: 2;
will-change: opacity;
}
.home-service-crane-static.out-bot,
.home-service-crane-static.out-top {
z-index: 3;
opacity: 0;
pointer-events: none;
transform-origin: 50% 100%;
transform: translateY(-0.96rem) scale(0.9);
}
.home-service-crane-sq {
z-index: 2;
aspect-ratio: 16/9;
opacity: 0;
pointer-events: none;
will-change: opacity;
width: 93%;
padding-bottom: 0;
padding-right: 0;
position: absolute;
bottom: -16.4rem;
left: -17.4%;
}
.home-service-cont-wrap {
z-index: 4;
opacity: 1;
filter: blur(0.04rem) brightness(97%);
flex-flow: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
width: 21.4%;
display: grid;
position: absolute;
bottom: 0.2rem;
left: 62.5%;
}
.home-service-cont-item.white {
opacity: 0;
}
.checkout-main-info-label {
font-family: var(--font--button);
color: var(--_color---content--soft);
text-transform: uppercase;
margin-bottom: 0.8rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.4;
}
.checkout-main-info-input {
border-top-style: solid;
border-top-width: var(--border--size);
border-top-color: var(--_color---border--main);
border-right-style: solid;
border-right-width: var(--border--size);
border-right-color: var(--_color---border--main);
border-bottom-style: solid;
border-bottom-width: var(--border--size);
border-bottom-color: var(--_color---border--main);
border-left-style: solid;
border-left-width: var(--border--size);
border-left-color: var(--_color---border--main);
background-color: var(--_color---bg--main);
border-radius: 0.4rem;
align-items: center;
height: 3.9rem;
margin-bottom: 0;
padding: 0 1.4rem;
line-height: 1.2em;
box-shadow: 0 0.1rem 0.2rem #0a0d120d;
display: flex !important;
}
.checkout-main-info-input:focus,
.checkout-main-info-input.-wfp-focus {
border-color: var(--_color---bg--brand);
}
.home-service-land {
background-color: var(--_color---m-black);
width: 100%;
height: min(10rem, 9.25926vmin);
}
.about-fea-bg-overlay {
z-index: 4;
background-color: var(--_color---bg--sf-2);
opacity: 0;
pointer-events: none;
width: 100%;
height: 100%;
position: relative;
}
.about-trade-bg-blur {
z-index: 5;
width: 100%;
height: 91rem;
position: relative;
}
.about-trade-bg-blur-inner {
width: 100%;
position: absolute;
top: -10rem;
}
.about-fea-line {
height: var(--border--size);
background-color: var(--_color---border--main);
margin-left: calc(
(var(--container--one-column) + var(--container--column-gap)) * -1
);
margin-right: calc(
(var(--container--one-column) + var(--container--column-gap)) * -1
);
position: absolute;
top: calc(33.3333% - 2.4rem);
left: 0;
right: 0;
}
.about-fea-item-title-inner {
z-index: 2;
opacity: 1;
width: fit-content;
clip-path: inset(0 var(--fea-progress) 0 0);
position: relative;
}
.about-fea-item-title-mask {
z-index: 3;
opacity: 0.4;
width: fit-content;
position: relative;
}
.home-service-truck-cont {
z-index: 1;
opacity: 0;
filter: blur(0.5px) brightness(98%);
width: 100%;
height: 100%;
position: relative;
}
.btn-quantity-wrap {
grid-row-gap: 1.6rem;
flex-flow: column;
margin-top: 2rem;
display: flex;
}
.about-diff-sub-wrap {
height: 2.64rem;
margin-left: calc(
var(--container--one-column) + var(--container--column-gap) * 2
);
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
overflow: hidden;
}
.about-diff-label-grp {
width: calc(
var(--container--one-column) * 3 + var(--container--column-gap) * 2
);
justify-content: space-between;
align-items: center;
display: flex;
}
.about-diff-label-ic-2 {
justify-content: center;
align-items: center;
width: 1rem;
height: 1rem;
display: flex;
}
.about-diff-label-left {
width: calc(
var(--container--one-column) * 7 + var(--container--column-gap) * 6
);
display: flex;
}
.checkout-main-info-input-wrap {
flex: 1;
padding-left: 0;
padding-right: 0;
}
.checkout-main-info-input-row {
grid-column-gap: 2rem;
margin: 0;
display: flex;
}
.career-job-item-ic,
.career-job-item-sub-label {
display: none;
}
.career-job-item-sub-inner {
font-family: var(--font--button);
text-transform: uppercase;
display: flex;
}
.career-job-item-btn,
.about-diff-sub-mb {
display: none;
}
.about-diff-sub-mb.active {
opacity: 1;
}
.checkout-main-info-item-sub {
grid-column-gap: 0.4rem;
margin-top: -1.4rem;
display: flex;
}
.checkout-main-order {
margin-bottom: 0;
}
.checkout-main-address {
margin-top: 0;
margin-bottom: 4.8rem;
}
.checkout-main-order-head {
border-width: 0;
margin-bottom: 0.8rem;
padding: 0;
}
.checkout-main-order-inner {
border: 0 solid #000;
padding: 0;
}
.checkout-main-order-list {
margin-bottom: 0;
}
.checkout-main-order-item {
grid-column-gap: 2rem;
align-items: center;
margin-bottom: 0;
padding-top: 1.6rem;
padding-bottom: 1.6rem;
position: relative;
}
.checkout-main-order-item-img {
background-color: var(--_color---bg--sf-1);
flex: none;
width: 6.4rem;
height: 6.4rem;
}
.checkout-main-order-item-info {
margin-left: 0;
margin-right: 0;
}
.checkout-main-order-item-content {
grid-column-gap: 2rem;
flex: 1;
display: flex;
}
.checkout-main-order-item-quantity {
position: relative;
}
.checkout-main-order-item-variation {
grid-column-gap: 3.2rem;
color: var(--_color---content--soft);
justify-content: flex-start;
align-items: center;
display: flex;
}
.checkout-main-order-item-option {
grid-column-gap: 3.2rem;
flex-flow: row;
}
.career-job-item-inner {
grid-column-gap: var(--container--column-gap);
grid-row-gap: var(--container--column-gap);
grid-template-rows: auto;
grid-template-columns: minmax(1px, 1fr) minmax(1px, 1fr) minmax(1px, 1fr) minmax(
1px,
1fr
) minmax(1px, 1fr);
grid-auto-columns: 1fr;
display: grid;
}
.career-job-filter-mb {
color: var(--_color---content--note);
justify-content: flex-start;
align-items: center;
display: none;
}
.filter-popup {
opacity: 1;
height: 70vh;
width: calc(
var(--container--one-column) * 6 + var(--container--column-gap) * 5
);
margin-left: auto;
margin-right: auto;
transition-property: opacity, transform;
transition-duration: 0.5s, 0.4s;
transition-timing-function: ease, ease;
display: flex;
position: relative;
transform: translateY(1rem);
}
.filter-popup-inner {
background-color: var(--_color---bg--main);
width: 100%;
height: 100%;
}
.checkout-main-info-item-method {
border: 0 solid #000;
}
.checkout-main-info-item-method-option {
border-bottom-width: var(--border--size);
border-bottom-color: var(--_color---border--light);
background-color: #0000;
align-items: flex-start;
padding: 1rem 0;
}
.checkout-main-info-item-radio {
border: var(--border--size) solid var(--_color---border--bold);
border-radius: 50%;
justify-content: center;
align-items: center;
width: 1.6rem;
height: 1.6rem;
display: flex;
position: relative;
}
.checkout-main-info-item-method-option-title {
color: var(--_color---content--soft);
}
.checkout-main-info-item-method-option-content {
margin: 0 1.2rem;
}
.checkout-main-info-item-method-option-sub {
color: var(--_color---content--note);
}
.checkout-main-sum-inner {
background-color: var(--_color---bg--sf-1);
padding: 2rem;
}
.checkout-main-sum-order {
margin-bottom: 4rem;
}
.checkout-main-sum-order-content {
grid-column-gap: 0.8rem;
grid-row-gap: 0.8rem;
background-color: #0000;
border: 0 solid #000;
flex-flow: column;
padding: 0;
display: flex;
}
.checkout-main-sum-order-content-line {
margin-bottom: 0;
}
.checkout-main-sum-order-list {
grid-row-gap: 0.8rem;
flex-flow: column;
display: flex;
}
.checkout-main-sum-order-item {
margin-bottom: 0;
}
.checkout-main-sum-order-head {
background-color: #0000;
border-width: 0;
margin-bottom: 4rem;
padding: 0;
}
.member-popup-action {
margin-top: 4.8rem;
padding-left: 4rem;
}
.checkout-main-sum-secured {
color: var(--_color---content--note);
text-align: center;
padding-top: 1.9rem;
padding-bottom: 1.9rem;
}
.checkout-main-sum-desc {
color: var(--_color---content--note);
padding-top: 0.6rem;
padding-bottom: 0.6rem;
}
.checkout-main-sum-order-total {
margin-bottom: 0;
}
.checkout-main-sum-order-total-pricing {
margin-bottom: 0.4rem;
}
.checkout-main-sum-order-total-tax {
color: var(--_color---content--note);
text-align: right;
}
.checkout-main-sum-order-item-label {
color: var(--_color---content--soft);
}
.checkout-main-info-item-method-empty {
color: var(--_color---content--soft);
text-align: left;
background-color: #0000;
border: 0 solid #000;
padding: 0;
}
.checkout-main-pagi-wrap {
justify-content: space-between;
padding-bottom: 1.6rem;
display: flex;
}
.checkout-main-secu {
color: var(--_color---content--soft);
align-self: center;
}
.checkout-main-secu-wrap {
grid-column-gap: 0.6rem;
justify-content: flex-start;
align-self: flex-end;
align-items: center;
display: flex;
}
.checkout-main-secu-ic {
width: 2rem;
color: var(--_color---primary);
display: flex;
}
.checkout-main-info-item-title-wrap {
background-color: #0000;
border-width: 0;
flex-flow: column;
padding: 0;
}
.checkout-main-info-item-head {
justify-content: space-between;
margin-bottom: 2.4rem;
display: flex;
}
.checkout-main-info-item-payment-list {
grid-column-gap: 0.4rem;
justify-content: flex-end;
align-items: center;
margin-bottom: 1.3rem;
display: flex;
}
.checkout-main-info-item-payment-item {
background-color: var(--_color---m-white);
align-self: center;
height: 2.4rem;
display: flex;
overflow: hidden;
}
.checkout-main-info-item-payment-sub {
color: var(--_color---content--note);
}
.link:where(.w-variant-d85494b8-1e5e-a86a-7767-d2ea90b10285) {
padding-right: 0.4rem;
display: flex;
position: relative;
}
.link-inner {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
overflow: hidden;
}
.link-top {
transition: transform 0.7s cubic-bezier(0.22, 1, 0.36, 1);
}
.link-bottom {
transition: transform 0.7s cubic-bezier(0.22, 1, 0.36, 1);
transform: translateY(100%);
}
.checkout-main-order-item-name-wrap {
justify-content: space-between;
margin-bottom: 0.8rem;
display: flex;
}
.home-service-btn-wrap {
z-index: 1;
justify-content: center;
align-items: center;
width: 100vw;
display: flex;
position: absolute;
bottom: min(8rem, 7.4vmin);
left: 0;
}
.checkout-main-order-item-option-txt {
position: relative;
}
.commu-intro-ic,
.commu-hero-slide-dots {
display: none;
}
.industry-our-empty {
height: 300vh;
display: none;
}
.home-service-truck-wheel {
z-index: 3;
opacity: 1;
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
}
.home-service-truck-wheel-i {
aspect-ratio: 1;
filter: blur(0.5px) brightness(98%);
width: 7.07155%;
position: absolute;
bottom: 0;
}
.home-service-truck-wheel-i.wheel-1 {
right: 5.5%;
}
.home-service-truck-wheel-i.wheel-2 {
width: 6.22196%;
right: 29.1%;
}
.home-service-truck-wheel-i.wheel-3 {
width: 6.22196%;
right: 62.9%;
}
.home-service-truck-wheel-i.wheel-4 {
width: 6.22196%;
right: 70.4%;
}
.home-service-truck-wheel-i.wheel-5 {
width: 6.22196%;
right: 78.3%;
}
.home-service-truck-wheel-back {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
overflow: hidden;
-webkit-mask: url(data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%201114%20257%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M228.791%20191C230.288%20192.069%20233.611%20195.788%20235.15%20198.354C236.69%20200.919%20241.351%20209.687%20243.489%20213.749H249.903V209.9H256.318V191.001H409.5L417.963%20234.916H719.443C719.443%20228.288%20721.111%20213.107%20727.782%20205.41C736.121%20195.788%20738.974%20191.643%20759.5%20191.001C779.045%20190.39%20784.405%20203.692%20785.946%20206.907C786.023%20207.066%20786.094%20207.213%20786.154%20207.334C786.347%20207.72%20786.598%20208.194%20786.893%20208.748L786.894%20208.75C788.553%20211.877%20791.576%20217.572%20793.21%20224.653V241.331H804.756V256.194H165.232V249.67L168.439%20248.387L169.081%20232.992L177%20191.001L228.791%20191Z%22%20fill%3D%22black%22%2F%3E%3C%2Fsvg%3E);
mask: url(data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%201114%20257%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M228.791%20191C230.288%20192.069%20233.611%20195.788%20235.15%20198.354C236.69%20200.919%20241.351%20209.687%20243.489%20213.749H249.903V209.9H256.318V191.001H409.5L417.963%20234.916H719.443C719.443%20228.288%20721.111%20213.107%20727.782%20205.41C736.121%20195.788%20738.974%20191.643%20759.5%20191.001C779.045%20190.39%20784.405%20203.692%20785.946%20206.907C786.023%20207.066%20786.094%20207.213%20786.154%20207.334C786.347%20207.72%20786.598%20208.194%20786.893%20208.748L786.894%20208.75C788.553%20211.877%20791.576%20217.572%20793.21%20224.653V241.331H804.756V256.194H165.232V249.67L168.439%20248.387L169.081%20232.992L177%20191.001L228.791%20191Z%22%20fill%3D%22black%22%2F%3E%3C%2Fsvg%3E);
}
.footer-content-item-wrap {
display: flex;
}
.footer-content-payment {
grid-row-gap: 1.2rem;
width: calc(
var(--container--one-column) * 4 + var(--container--column-gap) * 3
);
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.footer-content-payment-content {
flex-flow: column;
flex: 1;
justify-content: space-between;
align-items: stretch;
display: flex;
}
.footer-content-payment-desc {
color: var(--_color---content--soft);
}
.footer-content-payment-ic-wrap {
grid-column-gap: 0.4rem;
grid-row-gap: 0.4rem;
display: flex;
}
.footer-content-payment-ic {
height: 2.4rem;
}
.home-service-main-road {
width: 300vw;
height: var(--road-height);
position: absolute;
left: 0;
}
.home-service-main-road.bot {
z-index: 2;
background-color: var(--_color---content--main);
margin-bottom: -1px;
bottom: 0;
}
.home-service-main-road.top {
background-color: var(--_color---m-black);
margin-bottom: -1px;
bottom: 100%;
}
.footer-gb-bot-inner {
justify-content: space-between;
align-items: center;
width: 100%;
padding-top: 2rem;
padding-bottom: 2rem;
display: flex;
}
.footer-gb-copyright {
color: var(--_color---content--soft);
width: calc(
var(--container--one-column) * 4 + var(--container--column-gap) * 4
);
}
.footer-gb-wrap {
flex: 1;
justify-content: space-between;
align-items: center;
display: flex;
}
.footer-legal-payment {
color: var(--_color---content--soft);
}
.footer-legal-payment.is-tablet {
display: none;
}
.footer-menu-line-2 {
width: 100%;
height: var(--border--size);
background-color: var(--_color---border--light);
margin-bottom: 6.4rem;
display: none;
}
.footer-menu-line-2.input-line {
width: 100%;
position: relative;
}
.footer-menu-line-2.abs {
width: 100%;
position: absolute;
}
.footer-menu-line-2.abs.top {
top: 0;
}
.line-legal-mb {
width: 100%;
height: var(--border--size);
background-color: var(--_color---border--light);
display: none;
}
.line-legal-mb.input-line {
width: 100%;
position: relative;
}
.line-legal-mb.abs {
width: 100%;
position: absolute;
}
.line-legal-mb.abs.top {
top: 0;
}
.line-legal-mb.tp-insight-hero-tab-item-line {
transition: background-color 0.4s;
position: absolute;
bottom: 0;
left: 0;
}
.line-legal-mb.tp-insight-hero-author-line {
width: calc(100% + 1.6rem);
margin-top: 1.6rem;
margin-bottom: 1.6rem;
margin-left: -0.8rem;
}
.line-legal-mb.tp-insight-hero-tag-line {
position: absolute;
bottom: 0;
left: 0;
}
.line-legal-mb.service-main-resum-item-line {
transition: background-color 0.4s;
position: absolute;
bottom: 0;
left: 0;
}
.line-legal-mb.service-main-content-item-line {
background-color: var(--_color---border--highlight);
position: absolute;
top: 0;
left: 0;
}
.line-legal-mb.service-tech-line-mob {
display: none;
}
.line-legal-mb.merchan-popup-item-line {
margin-top: 2.4rem;
margin-bottom: 2.4rem;
}
.line-legal-mb.tp-product-content-head-line {
position: absolute;
left: 0;
}
.line-legal-mb.tp-product-content-head-line.top {
top: 0;
}
.line-legal-mb.tp-product-content-head-line.bottom {
bottom: 0;
}
.line-legal-mb.tp-product-content-main-item-line,
.line-legal-mb.tp-product-content-main-line {
position: absolute;
bottom: 0;
left: 0;
}
.line-legal-mb.cart-hero-line {
margin-top: 1.6rem;
}
.line-legal-mb.checkout-main-order-item-line {
position: absolute;
bottom: 0;
left: 0;
}
.line-legal-mb.checkout-main-sum-line {
margin-top: 2rem;
margin-bottom: 0.8rem;
}
.line-legal-mb.checkout-main-sum-order-line {
margin-top: 2rem;
margin-bottom: 2rem;
}
.home-service-road-big {
pointer-events: none;
width: 420vw;
height: 60vh;
left: 100%;
top: calc((min(10rem, 9.25926vmin) + var(--road-height)) * -1);
position: absolute;
}
.home-service-road-big-img {
background-color: var(--_color---m-black);
transform-origin: 50% 0;
background-image: url(https://cdn.prod.website-files.com/6a44eec1ed1af2c4c403df6b/6a44eec1ed1af2c4c403e63d_road-line-big.svg);
background-position: 0%;
background-repeat: repeat-x;
background-size: auto 100%;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.home-service-truck-sq {
z-index: 3;
aspect-ratio: 2880/809;
opacity: 0;
transform-origin: 0%;
width: 100%;
padding-bottom: 0;
padding-right: 0;
position: absolute;
bottom: -9%;
left: 11%;
transform: scale(1.0435);
}
.about-diff-label-ic-inner {
justify-content: center;
align-items: center;
display: flex;
}
.tp-product-hero-thumb-item.swiper-slide {
border: var(--border--size) solid transparent;
cursor: pointer;
border-radius: 0.4rem;
flex: none;
transition: border-color 0.4s;
overflow: hidden;
}
.tp-product-hero-thumb-item.swiper-slide:hover {
border-color: var(--_color---border--main);
}
.tp-product-hero-thumb-item.swiper-slide.active {
border-color: var(--_color---border--highlight);
}
.home-service-road-inner {
z-index: 2;
width: 100%;
margin-left: 32.9rem;
position: relative;
}
.home-service-road-right {
z-index: 2;
background-color: #0c0c0c;
flex: 1;
justify-content: center;
align-items: center;
width: 100%;
height: 24.48rem;
margin-left: -1px;
display: flex;
position: absolute;
top: 23.85rem;
left: calc(100% + 32.9rem);
transform: scaleX(-1);
}
.home-service-road-hor-line {
background-image: url(https://cdn.prod.website-files.com/6a44eec1ed1af2c4c403df6b/6a44eec1ed1af2c4c403e63d_road-line-big.svg);
background-position: 100%;
background-repeat: repeat-x;
background-size: auto 100%;
width: 100%;
height: 100%;
}
.home-service-road-left {
background-color: #0c0c0c;
flex: none;
justify-content: center;
align-items: center;
width: 33rem;
height: 100%;
display: flex;
position: relative;
}
.qhse-main-title {
text-align: left;
margin-bottom: 1.4rem;
}
.header-dropdown {
z-index: 10;
opacity: 0;
pointer-events: none;
color: var(--_color---content--main);
--_color---bg--main: var(--_color---m-black);
--_color---content--main: var(--_color---m-white);
--_color---content--note: #ffffff3d;
--_color---border--bold: #ffffff52;
--_color---bg--sf-2: var(--_color---m-white);
--_color---border--highlight: var(--_color---m-white);
--_color---secondary: #f50;
--_color---m-white: white;
--_color---content--soft: #fff9;
--_color---bg--sf-1: #1a1a1a;
--_color---border--light: #ffffff14;
--_color---content--brand: var(--_color---primary);
--_color---content--disable: #ffffff29;
--_color---content--sub: #ffffffb3;
--_color---m-black: #111;
--_color---border--main: #ffffff29;
--_color---content--black\<deleted\|variable-6e7d8137-8713-9ff4-5cea-f92e6216a872\>: black;
--_color---bg--brand: var(--_color---primary);
--_color---primary: #0016cb;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
position: absolute;
top: -2.6rem;
left: -1.2rem;
}
.header-dropdown:where(.w-variant-7b65b79f-1e98-9fbe-d76a-ec0d5a9abad9) {
--_color---bg--main: var(--_color---m-black);
--_color---content--main: var(--_color---m-white);
--_color---content--note: #ffffff3d;
--_color---border--bold: #ffffff52;
--_color---bg--sf-2: var(--_color---m-white);
--_color---border--highlight: var(--_color---m-white);
--_color---secondary: #f50;
--_color---m-white: white;
--_color---content--soft: #fff9;
--_color---bg--sf-1: #1a1a1a;
--_color---border--light: #ffffff14;
--_color---content--brand: var(--_color---primary);
--_color---content--disable: #ffffff29;
--_color---content--sub: #ffffffb3;
--_color---m-black: #111;
--_color---border--main: #ffffff29;
--_color---content--black\<deleted\|variable-6e7d8137-8713-9ff4-5cea-f92e6216a872\>: black;
--_color---bg--brand: var(--_color---primary);
--_color---primary: #0016cb;
}
.header-dropdown.active {
pointer-events: auto;
}
.header-dropdown-link {
color: var(--_color---content--soft);
text-transform: uppercase;
transition: color 0.4s;
overflow: hidden;
}
.header-dropdown-link:hover {
color: var(--_color---m-white);
}
.header-dropdown-link.w--current {
color: var(--_color---content--main);
}
.header-dropdown-inner {
z-index: 3;
padding: 7.6rem 4.8rem 2.4rem;
position: relative;
}
.header-dropdown-body {
width: auto;
padding-top: 2rem;
padding-bottom: 2rem;
}
.header-dropdown-bg {
z-index: 1;
background-image: linear-gradient(#111, #111c), linear-gradient(#0003, #0003);
position: relative;
}
.home-service-road-wrap {
position: sticky;
top: 20vh;
}
.header-dropdown-bot {
padding-top: 2.8rem;
}
.header-dropdown-bot-label {
color: var(--_color---content--soft);
margin-bottom: 1.6rem;
overflow: hidden;
}
.header-dropdown-bot-link {
overflow: hidden;
}
.header-dropdown-line {
width: 100%;
height: var(--border--size);
background-color: #ffffff1a;
}
.home-service-road-stick {
height: 100vh;
}
.home-service-road-left-wrap {
z-index: 1;
background-color: var(--_color---m-white);
flex: 1;
justify-content: flex-start;
align-items: center;
width: 100vw;
height: 24.4rem;
display: flex;
position: absolute;
top: 0;
left: 0;
}
.home-service-road-left-white {
background-color: var(--_color---bg--main);
flex: 1;
height: 100%;
margin-top: -2px;
}
.header-dropdown-link-inner {
padding-top: 0.8rem;
padding-bottom: 0.8rem;
}
.home-service-new-truck {
z-index: 2;
aspect-ratio: 2880/809;
transform-origin: 0 0;
justify-content: flex-start;
align-items: center;
width: 78.2675rem;
display: flex;
position: absolute;
top: calc(-32.5rem - 50%);
transform: translateY(-50%);
}
.home-service-road-main {
z-index: 1;
position: relative;
}
.home-service-sub-content {
margin-top: -100vh;
padding-top: calc(10vh + 54.3rem);
}
.header-menu-toggle-text-close {
opacity: 0;
transition: opacity 0.3s;
}
.header-menu-toggle-menu {
opacity: 1;
transition: opacity 0.3s;
}
.home-service-new-truck-inner {
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
}
.home-service-new-truck-inner.only-car,
.home-service-new-truck-inner.container-truck {
transform-origin: 70%;
}
.header-menu-toggle-text-inner {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
transition: transform 0.4s;
display: grid;
}
.header-menu-toggle-dots-inner {
grid-column-gap: 0.2rem;
justify-content: flex-start;
align-items: center;
transition: opacity 0.4s, transform 0.4s;
display: flex;
}
.header-logo-char-full-inner {
height: 1.6rem;
padding-left: 0.2rem;
}
.home-service-new-truck-wrap {
z-index: 2;
opacity: 0;
width: 98.5rem;
margin-bottom: -100vh;
position: relative;
}
.header-dropdown-body-inner {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
flex-flow: column;
align-items: stretch;
display: flex;
}
.home-service-new-truck-rot {
aspect-ratio: 1;
width: 1rem;
height: 1rem;
margin-bottom: -1rem;
margin-left: -1rem;
position: absolute;
transform: rotate(0);
}
.home-service-new-truck-stick {
aspect-ratio: 1;
flex-flow: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-end;
width: 65rem;
margin-left: auto;
display: flex;
position: sticky;
top: calc(50vh - 32.5rem);
}
.home-intro-label-line {
width: 100%;
height: var(--border--size);
background-color: var(--_color---border--main);
position: absolute;
bottom: 0;
left: 0;
right: 0;
}
.home-intro-stats-item-line {
width: 100%;
height: var(--border--size);
background-color: var(--_color---border--light);
position: absolute;
inset: auto 0% 0%;
}
.industry-our-item-body {
padding: 3.2rem var(--container--padding) 16.4rem;
display: flex;
}
.cursor-wrap {
z-index: 100000;
pointer-events: none;
width: 100%;
height: 100vh;
position: fixed;
top: 0%;
left: 0%;
}
.cursor-wrap.pe-mix-blend {
mix-blend-mode: difference;
}
.cursor-inner {
justify-content: center;
align-items: center;
display: flex;
}
.cursor-ic-wrap {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: minmax(1px, 1fr);
grid-auto-columns: minmax(1px, 1fr);
display: grid;
}
.cursor-outline {
z-index: 1;
color: #fff;
border-radius: 50%;
transition-property: opacity;
transition-duration: 0.4s;
transition-timing-function: ease;
position: absolute;
inset: calc(-1 * max(1px, 0.1rem));
}
.cursor-outer {
opacity: 0.5;
background-image: url(https://cdn.prod.website-files.com/6a44eec1ed1af2c4c403df6b/6a44eec1ed1af2c4c403e7d4_cursor-circle.svg);
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
position: absolute;
inset: 0%;
}
.cursor {
opacity: 0;
justify-content: center;
align-items: center;
width: 0;
height: 0;
transition: opacity 0.35s;
display: flex;
position: relative;
transform: translate(-50%, -50%);
}
.cursor.active {
opacity: 1;
}
.cursor-link {
z-index: 2;
opacity: 0;
flex: none;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
transition: transform 0.4s ease-in-out, opacity 0.4s ease-in-out;
display: flex;
position: absolute;
transform: scale(0);
}
.cursor-ic {
color: #fff;
grid-area: 1/1/2/2;
justify-content: center;
align-items: center;
width: 1.6rem;
transition-property: transform;
transition-duration: 0.4s;
transition-timing-function: ease;
display: flex;
transform: scale(0);
}
.ic-embed {
width: 100%;
}
.ic-embed.ic-footer {
height: 100%;
}
.cursor-main {
z-index: 1;
border-style: solid;
border-width: var(--border--size);
border-color: #ffffff1a;
border-radius: 50%;
flex: none;
justify-content: center;
align-items: center;
width: 6.4rem;
height: 6.4rem;
padding: 0.1rem;
transition: opacity 0.35s, border-color 0.35s, height 0.35s,
background-color 0.35s, width 0.35s;
display: flex;
position: relative;
}
.cursor-main.has-link {
background-color: var(--_color---secondary);
width: 12rem;
height: 12rem;
}
.cursor-main.has-control {
border-color: var(--_color---m-white);
}
.cursor-main.has-control.cursor-control-disable {
opacity: 0.5;
}
.cursor-txt-wrap {
z-index: 2;
width: 10.2rem;
color: var(--_color---m-white);
text-align: center;
flex: none;
position: relative;
}
.home-service-truck-car-wrap {
grid-template-rows: auto;
grid-template-columns: minmax(1px, 1fr);
grid-auto-columns: 1fr;
width: 100%;
height: 100%;
display: grid;
position: absolute;
top: 0%;
left: 13.5%;
}
.cta-link {
z-index: 2;
position: absolute;
inset: 0;
}
.about-intro-stick-block {
height: 100%;
}
.about-fea-line-progress {
background-color: var(--_color---m-white);
width: 0%;
height: 100%;
}
.cursor-trail-item-wrap {
justify-content: center;
align-items: center;
display: flex;
position: absolute;
inset: 0;
}
.cursor-trail-item {
background-color: var(--_color---secondary);
filter: blur(2.5px);
will-change: transform;
border-radius: 50%;
display: none;
position: fixed;
top: 0;
left: 0;
}
.commu-charity-item-body-inner {
padding-top: 2.4rem;
}
.home-why-wrap {
flex-flow: column;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: flex;
}
.home-why {
z-index: 1;
margin-top: -100vh;
position: sticky;
bottom: 0;
}
.home-why-ocean {
z-index: 1;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: center;
height: 100%;
display: grid;
position: relative;
overflow: hidden;
}
.home-why-ship {
z-index: 2;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
position: relative;
}
.home-why-ship-img {
justify-content: center;
align-items: center;
width: 48.7rem;
display: flex;
position: absolute;
transform: none;
}
.home-why-ship-img.bot {
justify-content: center;
align-items: flex-start;
top: auto;
bottom: 100%;
}
.home-why-ocean-img {
z-index: 1;
width: 100%;
height: 100%;
position: relative;
}
.home-why-ocean-img.mobile {
z-index: 2;
filter: none;
display: none;
position: relative;
overflow: hidden;
transform: none;
}
.home-service-sub-wrap {
pointer-events: auto;
margin-top: 75vh;
}
.home-testi-wrap {
z-index: 2;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
position: relative;
}
.home-testi {
z-index: 2;
contain: paint;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
position: relative;
}
.home-testi-text-wrap {
justify-content: space-between;
align-items: flex-end;
margin-bottom: 6.2rem;
display: flex;
}
.home-testi-text-wrap.is-hidden {
opacity: 0;
}
.home-testi-main {
pointer-events: auto;
}
.home-testi-pagi {
flex-flow: column;
justify-content: space-between;
align-items: stretch;
height: calc(100svh - 44.278rem);
}
.home-testi-pagi-number {
grid-column-gap: 0.4rem;
grid-row-gap: 0.4rem;
margin-top: min(6rem, 5.24476vh);
display: flex;
}
.home-testi-pagi-link {
width: fit-content;
margin-bottom: 6.3rem;
}
.home-testi-title {
width: calc(
var(--container--one-column) * 7 + var(--container--column-gap) * 6
);
}
.text-inline {
display: inline-block;
}
.home-testi-desc {
width: calc(
var(--container--one-column) * 3 + var(--container--column-gap) * 2
);
}
.home-testi-item {
background-color: var(--_color---bg--main);
}
.home-testi-item-inner {
justify-content: space-between;
margin-bottom: 6.4rem;
padding-top: 6rem;
padding-bottom: 6rem;
display: flex;
}
.home-testi-item-info {
width: calc(var(--container--one-column) * 2 + var(--container--column-gap));
}
.home-testi-item-thumb {
aspect-ratio: 1;
width: 18.9rem;
height: 18.9rem;
margin-bottom: 1.6rem;
}
.home-testi-item-info-inner {
grid-column-gap: 0.8rem;
grid-row-gap: 0.8rem;
flex-flow: column;
display: flex;
}
.home-testi-item-name {
color: var(--_color---content--main);
text-transform: uppercase;
margin-bottom: 1.6rem;
}
.home-testi-item-pos {
color: var(--_color---content--sub);
}
.home-testi-item-main {
width: calc(
var(--container--one-column) * 7 + var(--container--column-gap) * 6
);
}
.home-testi-item-content {
color: var(--_color---content--main);
}
.home-testi-content {
z-index: 1;
contain: paint;
position: sticky;
top: 0;
}
.home-testi-stick-block {
height: 120vh;
}
.home-testi-item-line {
width: 100%;
height: var(--border--size);
background-color: var(--_color---border--light);
}
.home-why-empty-block {
height: 100vh;
padding-bottom: 0;
}
.home-why-empty-block.first-screen {
height: 600vh;
}
.home-why-empty-block.bottom {
height: 100vh;
}
.home-why-empty-block.top {
display: none;
}
.home-why-main {
z-index: 2;
color: var(--_color---content--main);
--_color---bg--main: var(--_color---m-black);
--_color---content--main: var(--_color---m-white);
--_color---content--note: #ffffff3d;
--_color---border--bold: #ffffff52;
--_color---bg--sf-2: var(--_color---m-white);
--_color---border--highlight: var(--_color---m-white);
--_color---secondary: #f50;
--_color---m-white: white;
--_color---content--soft: #fff9;
--_color---bg--sf-1: #1a1a1a;
--_color---border--light: #ffffff14;
--_color---content--brand: var(--_color---primary);
--_color---content--disable: #ffffff29;
--_color---content--sub: #ffffffb3;
--_color---m-black: #111;
--_color---border--main: #ffffff29;
--_color---content--black\<deleted\|variable-6e7d8137-8713-9ff4-5cea-f92e6216a872\>: black;
--_color---bg--brand: var(--_color---primary);
--_color---primary: #0016cb;
margin-top: -100vh;
position: relative;
overflow: hidden;
}
.home-why-stick {
grid-column-gap: 16px;
grid-row-gap: 16px;
contain: paint;
grid-template-rows: auto;
grid-template-columns: minmax(1px, 1fr);
grid-auto-columns: 1fr;
height: 100vh;
display: grid;
position: sticky;
top: 0;
}
.home-why-stick-wrap {
z-index: 1;
position: relative;
}
.home-why-text-wrap {
text-align: center;
flex-flow: column;
justify-content: flex-start;
align-items: center;
margin-bottom: 28rem;
display: flex;
}
.home-why-label {
margin-bottom: 2rem;
}
.home-why-main-content {
margin-left: calc(var(--container--column-gap) * -1);
margin-right: calc(var(--container--column-gap) * -1);
padding-bottom: 100vh;
}
.home-why-main-list {
grid-column-gap: calc(
var(--container--one-column) * 2 + var(--container--column-gap) * 2
);
grid-row-gap: max(12rem, 11vh);
flex-flow: wrap;
justify-content: center;
align-items: flex-start;
display: flex;
}
.home-why-main-item {
width: calc(
var(--container--one-column) * 3 + var(--container--column-gap) * 3.4
);
flex: none;
}
.home-why-main-item-ic {
justify-content: center;
align-items: center;
width: 6.4rem;
height: 6.4rem;
margin-bottom: 2rem;
display: flex;
}
.home-why-main-item-title {
margin-bottom: 2rem;
}
.home-partners-wrap {
flex-flow: column;
display: flex;
position: relative;
}
.home-why-main-item-desc {
color: var(--_color---content--sub);
}
.home-partners {
z-index: 2;
padding-top: 14.6rem;
position: relative;
}
.home-partners-label-wrap {
margin-top: calc(var(--border--size) * -1);
margin-left: calc(var(--border--size) * -1);
padding-top: 2.4rem;
padding-bottom: 2.4rem;
display: flex;
position: relative;
}
.home-partners-label-wrap.shipping-lines {
padding-top: 4.8rem;
}
.home-partners-list {
flex-flow: wrap;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
align-items: flex-start;
display: grid;
}
.home-partners-item {
aspect-ratio: 329/196;
width: auto;
margin-top: calc(var(--border--size) * -1);
margin-left: calc(var(--border--size) * -1);
flex: none;
position: relative;
}
.home-partners-item-inner {
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
width: 100%;
height: 100%;
transition: background-color 0.4s;
display: grid;
}
.home-partners-item-thumb {
height: 7rem;
transition: opacity 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
.home-partners-item-thumb.is-hover {
opacity: 0;
}
.home-partners-item-line {
border: var(--border--size) solid #e7e7e7;
pointer-events: none;
position: absolute;
inset: 0;
}
.home-partners-item-dot {
background-color: var(--_color---content--soft);
border-radius: 99%;
width: 3px;
height: 3px;
position: absolute;
top: 0.5rem;
left: 0.5rem;
}
.home-partners-item-dot.top-right {
left: auto;
right: 0.5rem;
}
.home-partners-item-dot.bottom-left {
top: auto;
bottom: 0.5rem;
}
.home-partners-item-dot.bottom-right {
inset: auto 0.5rem 0.5rem auto;
}
.home-partners-bg {
z-index: 3;
pointer-events: none;
margin-top: -20rem;
padding-top: 69.5214%;
position: relative;
}
.home-ins-wrap {
margin-bottom: -1px;
}
.home-ins {
background-color: var(--_color---bg--main);
--_color---bg--main: var(--_color---m-black);
--_color---content--main: var(--_color---m-white);
--_color---content--note: #ffffff3d;
--_color---border--bold: #ffffff52;
--_color---bg--sf-2: var(--_color---m-white);
--_color---border--highlight: var(--_color---m-white);
--_color---secondary: #f50;
--_color---m-white: white;
--_color---content--soft: #fff9;
--_color---bg--sf-1: #1a1a1a;
--_color---border--light: #ffffff14;
--_color---content--brand: var(--_color---primary);
--_color---content--disable: #ffffff29;
--_color---content--sub: #ffffffb3;
--_color---m-black: #111;
--_color---border--main: #ffffff29;
--_color---content--black\<deleted\|variable-6e7d8137-8713-9ff4-5cea-f92e6216a872\>: black;
--_color---bg--brand: var(--_color---primary);
--_color---primary: #0016cb;
contain: paint;
margin-top: -0.2rem;
padding-top: 16rem;
padding-bottom: 16rem;
}
.home-ins-text-wrap {
justify-content: space-between;
align-items: flex-end;
margin-bottom: 10rem;
display: flex;
}
.home-ins-title {
width: 80rem;
color: var(--_color---content--main);
}
.home-ins-desc-wrap {
width: calc(
var(--container--one-column) * 3 + var(--container--column-gap) * 2
);
}
.home-ins-desc {
color: var(--_color---content--sub);
margin-bottom: 3.2rem;
}
.home-ins-main {
pointer-events: auto;
}
.home-ins-main-inner {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
}
.home-ins-cms-list {
background-color: var(--_color---bg--main);
position: relative;
}
.home-ins-cms-item {
width: calc(
var(--container--one-column) * 7 + var(--container--column-gap) * 6
);
position: relative;
}
.home-ins-cms-item-inner {
grid-column-gap: 2rem;
justify-content: space-between;
align-items: center;
padding-top: 1.6rem;
padding-bottom: 1.6rem;
display: flex;
position: relative;
}
.home-ins-cms-item-info {
grid-column-gap: 0.4rem;
grid-row-gap: 0.4rem;
color: var(--_color---content--soft);
margin-bottom: 0.6rem;
display: flex;
}
.home-ins-cms-item-title {
color: var(--_color---content--main);
}
.home-ins-cms-item-line {
width: 100%;
height: var(--border--size);
background-color: var(--_color---border--light);
}
.home-ins-cms-item-cate {
color: var(--_color---content--sub);
flex: none;
}
.home-ins-cms-thumb {
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.home-ins-cms-thumb-list {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
}
.home-ins-cms-thumb-item {
opacity: 0;
grid-area: 1/1/1/1;
transition-property: opacity;
transition-duration: 0.3s;
transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
.home-ins-cms-thumb-inner {
width: 29.3rem;
height: 19.6rem;
}
.home-service-third-screen-copy {
z-index: 3;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
margin-top: -200vh;
display: grid;
position: relative;
}
.home-ins-cms-item-link {
position: absolute;
inset: 0%;
}
.home-ins-main-wrap {
pointer-events: none;
justify-content: space-between;
display: flex;
}
.home-why-ship-img-inner {
z-index: 2;
filter: drop-shadow(-0.4rem -0.8rem 1.6rem #101c2580)
drop-shadow(-0.8rem -1.6rem 3.2rem #101c2580)
drop-shadow(-1.6rem -3.2rem 6.4rem #101c2580);
justify-content: center;
align-items: center;
width: 100%;
display: flex;
position: relative;
transform: none;
}
.home-why-ship-img-inner.shadow {
z-index: 1;
filter: drop-shadow(-5px -8rem 1.4rem #000);
position: absolute;
inset: -1%;
}
.home-why-ship-img-inner.bot {
position: absolute;
bottom: 100%;
}
.home-why-cloud-decor {
z-index: 3;
position: relative;
}
.home-why-cloud-decor-item.cloud-2,
.home-why-cloud-decor-item.cloud-1 {
width: 102.8rem;
}
.home-why-cloud-decor-item.cloud-3 {
opacity: 0;
width: 260.4rem;
position: absolute;
top: 0;
left: 0;
}
.commu-charity-item-bg {
z-index: 1;
opacity: 0;
color: #eaeaea;
transition: opacity 0.5s cubic-bezier(0.445, 0.05, 0.55, 0.95);
position: absolute;
inset: 0%;
}
.industry-our-item-head-inner {
width: 100%;
padding-top: 3.2rem;
display: flex;
}
.home-why-cloud-overlap {
z-index: 4;
transform-origin: 50% 300%;
width: 100%;
height: 100%;
position: relative;
}
.home-why-cloud-overlap-item {
content-visibility: visible;
}
.home-why-cloud-overlap-item.cloud-1 {
z-index: 3;
transform-origin: 0 0;
width: 260.4rem;
position: absolute;
bottom: 13%;
left: 95%;
transform: translate(-50%, 50%);
}
.home-why-cloud-overlap-item.cloud-2 {
z-index: 1;
transform-origin: 100% 0;
width: 210.2rem;
position: absolute;
bottom: 0;
left: 20%;
transform: translate(-50%, -50%);
}
.home-why-cloud-overlap-item.cloud-3 {
z-index: 4;
transform-origin: 100% 0;
width: 198.2rem;
position: absolute;
top: 0;
right: 30%;
transform: translate(-50%, -50%) rotate(137deg);
}
.home-why-cloud-overlap-item.cloud-4 {
z-index: 6;
transform-origin: 10% -15%;
width: 147.8rem;
position: absolute;
top: 75%;
left: 56%;
transform: translate(-50%, -50%) rotate(61deg);
}
.home-why-cloud-overlap-item.cloud-5 {
z-index: 5;
transform-origin: 50% 0;
width: 198.2rem;
position: absolute;
bottom: 0%;
left: 41%;
transform: translate(-50%, 50%);
}
.home-why-cloud-overlap-item.cloud-6 {
z-index: 7;
transform-origin: 0 0;
width: 112.3rem;
position: absolute;
bottom: 4%;
left: 10%;
transform: translate(71%, 50%);
}
.home-why-cloud-overlap-item.cloud-7 {
z-index: 2;
transform-origin: 100% 0;
width: 260.4rem;
position: absolute;
top: 50%;
right: 30%;
transform: translateY(-50%);
}
.home-why-main-item-inner {
flex-flow: column;
display: flex;
}
.home-testi-plane {
z-index: 3;
opacity: 0;
pointer-events: none;
width: 100vw;
height: 100vh;
transform: translate(calc((var(--overlap-clip) * 1vw) - 50vw), 0px);
position: sticky;
top: 0;
}
.home-testi-plane-img {
z-index: 2;
opacity: 1;
content-visibility: visible;
width: 100%;
position: relative;
}
.home-ins-cms-item-cate-mb {
color: var(--_color---content--sub);
display: none;
}
.home-ins-cms-item-thumb-mb {
display: none;
}
.home-testi-plane-cloud {
z-index: 1;
will-change: transform, opacity;
position: absolute;
}
.home-testi-plane-cloud.cloud-1 {
opacity: 0;
width: 162rem;
top: 0%;
left: -10%;
transform: rotate(168deg);
}
.home-testi-plane-cloud.cloud-2 {
opacity: 0;
width: 160rem;
bottom: -28%;
left: 6%;
transform: rotate(320deg);
}
.home-why-cloud-overlap-bg {
z-index: 3;
-webkit-backdrop-filter: none;
backdrop-filter: none;
background-color: #a686e04d;
position: relative;
}
.home-testi-item-info-number {
display: none;
}
.home-testi-content-inner {
background-color: var(--_color---bg--main);
contain: paint;
clip-path: polygon(
0 0,
calc(var(--overlap-clip) * 1vw) 0vh,
calc((var(--overlap-clip) * 1vw) + 8vw) 50vh,
calc(var(--overlap-clip) * 1vw) 100vh,
calc(var(--overlap-clip) * 1vw) 100%,
0 100%
);
padding-top: min(15.4rem, 13.4615vh);
position: relative;
overflow: hidden;
}
.cta-inner {
-webkit-mask: linear-gradient(#0000 0%, #000 15% 85%, #0000 100%);
mask: linear-gradient(#0000 0%, #000 15% 85%, #0000 100%);
}
.home-faq {
padding-top: 16rem;
padding-bottom: 6rem;
}
.home-faq-text-wrap {
position: sticky;
top: 16rem;
}
.home-faq-title {
margin-bottom: 3.2rem;
}
.home-faq-desc {
color: var(--_color---content--soft);
}
.home-faq-sub-text-wrap {
width: calc(
var(--container--one-column) * 2 + var(--container--column-gap) * 2
);
position: sticky;
top: 16rem;
}
.home-faq-sub-text {
margin-bottom: 3.2rem;
}
.home-faq-main-item {
padding-top: 3rem;
padding-bottom: 1.4rem;
display: flex;
position: relative;
}
.home-faq-main-item-ans {
color: var(--_color---content--soft);
margin-left: calc(var(--container--one-column) + var(--container--column-gap));
padding-bottom: 1.6rem;
display: none;
}
.home-faq-main-item-title-wrap {
cursor: pointer;
justify-content: space-between;
align-items: center;
width: 100%;
padding-bottom: 1.6rem;
display: flex;
}
.home-faq-main-item-line {
width: 100%;
height: var(--border--size);
background-color: var(--_color---border--light);
transition: background-color 0.3s;
position: absolute;
bottom: 0;
left: 0;
right: 0;
}
.home-faq-main-item-inner {
flex: 1;
}
.home-faq-main-item-number {
width: var(--container--one-column);
margin-right: var(--container--column-gap);
color: var(--_color---content--soft);
}
.home-faq-main-item-dot {
background-color: var(--_color---content--disable);
border-radius: 99%;
flex: none;
width: 0.8rem;
height: 0.8rem;
transition: background-color 0.3s;
}
.home-faq-main-item-title {
color: var(--_color---content--soft);
flex: 1;
margin-right: 3.2rem;
transition: color 0.3s;
}
.footer-gb-legal-menu {
grid-column-gap: 1.2rem;
display: flex;
}
.footer-legal-mb {
display: none;
}
.footer-legal-mb-line-top {
width: 100%;
height: var(--border--size);
background-color: var(--_color---border--light);
}
.footer-legal-mb-line-top.input-line {
width: 100%;
position: relative;
}
.footer-legal-mb-line-top.abs {
width: 100%;
position: absolute;
}
.footer-legal-mb-line-top.abs.top {
top: 0;
}
.footer-legal-mb-line-top.tp-insight-hero-tab-item-line {
transition: background-color 0.4s;
position: absolute;
bottom: 0;
left: 0;
}
.footer-legal-mb-line-top.tp-insight-hero-author-line {
width: calc(100% + 1.6rem);
margin-top: 1.6rem;
margin-bottom: 1.6rem;
margin-left: -0.8rem;
}
.footer-legal-mb-line-top.tp-insight-hero-tag-line {
position: absolute;
bottom: 0;
left: 0;
}
.footer-legal-mb-line-top.service-main-resum-item-line {
transition: background-color 0.4s;
position: absolute;
bottom: 0;
left: 0;
}
.footer-legal-mb-line-top.service-main-content-item-line {
background-color: var(--_color---border--highlight);
position: absolute;
top: 0;
left: 0;
}
.footer-legal-mb-line-top.service-tech-line-mob {
display: none;
}
.footer-legal-mb-line-top.merchan-popup-item-line {
margin-top: 2.4rem;
margin-bottom: 2.4rem;
}
.footer-legal-mb-line-top.tp-product-content-head-line {
position: absolute;
left: 0;
}
.footer-legal-mb-line-top.tp-product-content-head-line.top {
top: 0;
}
.footer-legal-mb-line-top.tp-product-content-head-line.bottom {
bottom: 0;
}
.footer-legal-mb-line-top.tp-product-content-main-item-line,
.footer-legal-mb-line-top.tp-product-content-main-line {
position: absolute;
bottom: 0;
left: 0;
}
.footer-legal-mb-line-top.cart-hero-line {
margin-top: 1.6rem;
}
.footer-legal-mb-line-top.checkout-main-order-item-line {
position: absolute;
bottom: 0;
left: 0;
}
.footer-legal-mb-line-top.checkout-main-sum-line {
margin-top: 2rem;
margin-bottom: 0.8rem;
}
.footer-legal-mb-line-top.checkout-main-sum-order-line {
margin-top: 2rem;
margin-bottom: 2rem;
}
.header-locale-toggle {
grid-column-gap: 0.4rem;
grid-row-gap: 0.4rem;
cursor: pointer;
margin: -0.5rem;
padding: 0.5rem;
display: flex;
}
.header-dropdown-bot-line {
display: none;
}
.about-fea-bg-item-thumb {
width: 100%;
height: 100%;
}
.about-fea-bg-item-inner,
.industry-hero-sub {
display: none;
}
.link-ic {
justify-content: center;
align-items: center;
width: 1rem;
height: 1rem;
transition: transform 0.7s cubic-bezier(0.22, 1, 0.36, 1);
display: flex;
}
.link-ic:where(.w-variant-d85494b8-1e5e-a86a-7767-d2ea90b10285) {
width: 1.8rem;
height: 1.8rem;
padding: 0.4rem;
}
.link-ic.bot {
transform: translate(-100%, 100%);
}
.link-ic-wrap {
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: none;
overflow: hidden;
}
.link-ic-wrap:where(.w-variant-d85494b8-1e5e-a86a-7767-d2ea90b10285) {
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
position: absolute;
top: 50%;
left: 100%;
overflow: hidden;
transform: translateY(-50%);
}
.career-expect-main-item-line,
.career-ev-dots {
display: none;
}
.home-testi-plane-inner {
justify-content: flex-end;
align-items: center;
width: 100%;
height: 100%;
display: flex;
}
.home-hero-overlay-stage {
z-index: 3;
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
}
.ball {
border-radius: 50%;
position: absolute;
left: 50%;
transform: translate(-50%);
}
.ball.black {
filter: blur(clamp(60px, 12cqw, 120px));
background-color: #000;
width: 210.35%;
height: 159.93%;
top: -86.45%;
}
.ball.blue {
background-color: var(--_color---content--brand);
filter: blur(clamp(60px, 12cqw, 120px));
width: 177.54%;
height: 169.91%;
display: block;
top: -83.42%;
}
.ball.lightblue {
filter: blur(clamp(60px, 12cqw, 120px));
background-color: #fff;
width: 192.48%;
height: 153.39%;
top: -11.93%;
}
.cutout {
z-index: 2;
background-color: var(--_color---m-white);
position: absolute;
inset: 0%;
-webkit-mask: url("data:image/svg+xmlutf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 1433' preserveAspectRatio='none'><defs><filter id='b' x='-20%25' y='-20%25' width='140%25' height='140%25'><feGaussianBlur stdDeviation='40'/></filter></defs><path d='M-200 1144.65L559.764 1235.61C665.892 1252.86 774.108 1252.86 880.236 1235.61L1640 1144.65V1646.65H-200V1144.65Z' fill='black' filter='url(%23b)'/></svg>")
0 0/100% 100% no-repeat;
mask: url("data:image/svg+xmlutf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 1433' preserveAspectRatio='none'><defs><filter id='b' x='-20%25' y='-20%25' width='140%25' height='140%25'><feGaussianBlur stdDeviation='40'/></filter></defs><path d='M-200 1144.65L559.764 1235.61C665.892 1252.86 774.108 1252.86 880.236 1235.61L1640 1144.65V1646.65H-200V1144.65Z' fill='black' filter='url(%23b)'/></svg>")
0 0/100% 100% no-repeat;
}
.home-intro-overlap-bg-img {
z-index: 1;
filter: drop-shadow(0.2rem 0.4rem 0.6rem #5d0fd3);
transform-origin: 50% 100%;
width: 100%;
height: 100%;
transform-style: preserve-3d;
position: absolute;
top: 0;
left: 0%;
right: 0%;
overflow: hidden;
transform: scale(1.2, 0.7);
}
.home-hero-background-intro {
z-index: 2;
width: 100%;
height: 210svh;
position: absolute;
inset: 0%;
transform: translateY(-100%);
}
.home-hero-canvas {
z-index: 2;
pointer-events: auto;
width: 100%;
height: 100%;
position: relative;
}
.home-hero-globe-shadow {
z-index: 1;
border-radius: 50%;
padding-left: 0;
padding-right: 0;
position: absolute;
inset: 0%;
box-shadow: -8rem 10rem 9rem #4947524f;
}
.home-hero-globe-shadow.orange {
box-shadow: 0rem 0.081rem 0.162rem 0 #ffbc75, 0 0.647rem 1.3rem 0 #ff834a,
inset 0 -5.5rem 3.8rem -4.2rem var(--_color---secondary),
inset 0 -5.6rem 8rem 0.57rem #321500;
background-color: #000;
transform: none;
}
.home-hero-globe-shadow.orange-plus {
mix-blend-mode: plus-lighter;
background-color: #000;
box-shadow: inset 0 -2.8rem 2.3rem -2.1rem #ffd1b0;
}
.home-hero-globe-shadow.blue-plus {
mix-blend-mode: plus-lighter;
background-color: #000;
transform: none;
box-shadow: -0.081rem -0.081rem 0.24rem -2.5rem #75bcff,
-0.323rem -0.323rem 1.3rem -3.1rem #4781ff, -0.647rem -0.97rem 3.2rem 0 #0046dd,
inset 0 2.6rem 5rem -2.1rem #8dedff;
}
.home-hero-globe-shadow.blue {
transform: none;
box-shadow: inset 0 7.1rem 7.2rem -2.4rem #012fff,
inset 0 18.8rem 14.2rem -4.1rem #021777;
}
.home-testi-plane-cloud-wrap {
z-index: 1;
width: 100%;
height: 100%;
display: none;
position: absolute;
top: 0;
left: 0;
}
.about-faq-toc {
width: 100%;
color: var(--_color---content--soft);
cursor: pointer;
counter-increment: faq-toc;
padding: 1.2rem 4rem 1.2rem 1.2rem;
transition-property: color, background-color;
transition-duration: 0.4s, 0.4s;
transition-timing-function: ease, ease;
position: relative;
}
.about-faq-toc:hover {
color: #111;
}
.about-faq-toc.active {
background-color: var(--_color---bg--main);
pointer-events: none;
color: var(--_color---content--main);
--_color---bg--main: var(--_color---m-black);
--_color---content--main: var(--_color---m-white);
--_color---content--note: #ffffff3d;
--_color---border--bold: #ffffff52;
--_color---bg--sf-2: var(--_color---m-white);
--_color---border--highlight: var(--_color---m-white);
--_color---secondary: #f50;
--_color---m-white: white;
--_color---content--soft: #fff9;
--_color---bg--sf-1: #1a1a1a;
--_color---border--light: #ffffff14;
--_color---content--brand: var(--_color---primary);
--_color---content--disable: #ffffff29;
--_color---content--sub: #ffffffb3;
--_color---m-black: #111;
--_color---border--main: #ffffff29;
--_color---content--black\<deleted\|variable-6e7d8137-8713-9ff4-5cea-f92e6216a872\>: black;
--_color---bg--brand: var(--_color---primary);
--_color---primary: #0016cb;
}
.about-faq-toc-line {
width: 100%;
position: absolute;
bottom: 0;
left: 0;
}
.home-service-mb {
display: none;
}
.home-service-mb-empty-block {
height: 100vh;
}
.about-faq-toc-wrap.custom-scroll {
counter-reset: faq-toc;
}
.about-faq-tocs-title {
display: none;
}
.about-team {
padding-top: 16rem;
padding-bottom: 16rem;
}
.about-team-head {
justify-content: space-between;
align-items: flex-end;
margin-bottom: 4rem;
display: flex;
position: relative;
}
.about-team-sub {
flex-flow: column;
justify-content: space-between;
align-items: stretch;
display: flex;
overflow: hidden;
}
.about-team-title {
color: var(--_color---content--main);
margin-bottom: 4rem;
}
.about-team-desc {
width: 53.5rem;
color: var(--_color---content--soft);
}
.about-team-ctrl-wrap {
grid-column-gap: 1.6rem;
grid-row-gap: 1.6rem;
display: flex;
}
.about-team-ctrl-wrap.hidden-dsk {
display: none;
}
.about-team-ctrl {
color: var(--_color---content--main);
cursor: pointer;
margin: -0.5rem;
padding: 0.5rem;
transition: color 0.4s;
}
.about-team-ctrl.disable {
pointer-events: none;
color: var(--_color---content--disable);
cursor: auto;
}
.about-team-head-text {
width: 88.8rem;
}
.about-team-ctrl-slash {
color: var(--_color---border--main);
overflow: hidden;
}
.about-team-pagi {
grid-column-gap: 0.4rem;
grid-row-gap: 0.4rem;
color: var(--_color---content--note);
margin-top: 0.2rem;
display: flex;
}
.about-team-pagi-slash {
overflow: hidden;
}
.about-team-sub-list {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: row;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
align-items: center;
display: grid;
}
.about-team-sub-list.swiper-wrapper {
flex-flow: row;
justify-content: flex-start;
align-items: center;
width: 100%;
display: flex;
}
.about-team-sub-cms.swiper {
width: 100%;
overflow: hidden;
}
.about-team-sub-item {
background-color: var(--_color---m-white);
opacity: 0;
pointer-events: none;
flex-flow: column;
flex: none;
grid-area: 1/1;
width: 100%;
height: 100%;
transition-property: opacity;
transition-duration: 0.4s;
transition-timing-function: ease;
display: flex;
}
.about-team-sub-item-desc {
color: var(--_color---content--soft);
flex: 1;
margin-bottom: 4rem;
}
.about-team-sub-item-action {
color: var(--_color---content--main);
cursor: pointer;
width: fit-content;
margin: -0.5rem;
padding: 0.5rem;
}
.about-team-main-slide {
margin-right: calc(var(--container--padding) * -1);
padding-top: 4rem;
overflow: hidden;
}
.about-team-main-list {
display: flex;
}
.about-team-main-item {
margin-right: var(--container--column-gap);
width: calc(
var(--container--one-column) * 3 + var(--container--column-gap) * 2
);
flex-flow: column;
flex: none;
display: flex;
position: relative;
}
.about-team-main-item.swiper-slide {
margin-right: var(--container--column-gap);
width: calc(
var(--container--one-column) * 3 + var(--container--column-gap) * 2
);
flex: none;
position: relative;
}
.about-team-main-img-wrap {
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
width: 100%;
height: 36.7rem;
display: grid;
overflow: hidden;
}
.about-team-main-img {
z-index: 1;
width: 100%;
height: 100%;
position: relative;
}
.about-team-main-img-mask {
z-index: 2;
background-color: var(--_color---m-white);
width: 100%;
height: 100%;
transition: opacity 0.4s;
position: relative;
}
.about-team-main-item-text {
opacity: 0;
pointer-events: none;
margin-top: 4rem;
transition: opacity 0.4s;
}
.about-team-main-item-name {
text-transform: uppercase;
margin-bottom: 1.4rem;
}
.about-team-main-btn {
z-index: 10;
width: fit-content;
margin-top: 4rem;
position: relative;
}
.about-team-main-item-action {
display: none;
}
.home-hero-inner {
z-index: 3;
pointer-events: none;
flex-flow: column;
width: 100%;
display: flex;
position: absolute;
top: 0;
left: 0;
}
.home-hero-stick-wrap {
flex-flow: column;
display: flex;
}
.home-hero-stick {
z-index: 3;
contain: paint;
flex-flow: column;
width: 100%;
height: 100svh;
display: flex;
position: sticky;
top: 0;
}
.related-news-cms {
flex: 1;
justify-content: flex-start;
align-items: center;
height: 2.08rem;
margin-top: -1.5rem;
margin-bottom: -1.5rem;
display: flex;
overflow: hidden;
}
.related-news-list {
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.related-news-cms-wrap {
grid-column-gap: 0.4rem;
grid-row-gap: 0.4rem;
width: calc(
var(--container--one-column) * 4 + var(--container--column-gap) * 3
);
justify-content: flex-start;
align-items: center;
display: flex;
}
.related-news-item {
grid-area: 1/1;
justify-content: flex-start;
align-items: center;
display: flex;
}
.home-partners-label {
width: calc(
var(--container--one-column) * 4 + var(--container--column-gap) * 4
);
flex: none;
padding-left: 1.6rem;
}
.home-partners-cate {
flex: 1;
}
.tp-insight-hero-info-inner {
grid-column-gap: 1.2rem;
color: var(--_color---content--soft);
justify-content: flex-start;
align-items: center;
display: flex;
}
.tp-insight-hero-sumary {
margin-bottom: 4.8rem;
}
.tp-insight-hero-sumary-item {
grid-column-gap: 3.2rem;
justify-content: flex-start;
align-items: center;
padding-top: 1.6rem;
padding-bottom: 1.6rem;
padding-right: 0;
display: flex;
position: relative;
}
.tp-insight-hero-sumary-item-label {
width: 15.6rem;
color: var(--_color---content--note);
flex: none;
}
.tp-insight-hero-sumary-item-title {
flex: 1;
}
.home-testi-item-company {
grid-column-gap: 0.4rem;
grid-row-gap: 0.4rem;
color: var(--_color---content--sub);
display: flex;
}
.home-testi-item-company-wrap {
flex-flow: column;
display: flex;
}
.home-hero-bg-mb {
display: none;
}
.home-why-ship-wave {
display: none;
position: absolute;
inset: 0%;
}
.merchan-popup-main {
width: 90%;
max-width: 106.2rem;
position: relative;
}
.utility-page-wrap {
justify-content: center;
align-items: center;
width: 100vw;
max-width: 100%;
height: 100vh;
max-height: 100%;
display: flex;
}
.utility-page-content {
text-align: center;
flex-direction: column;
width: 260px;
display: flex;
}
.not-found-truck-wheel {
z-index: 3;
opacity: 1;
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
}
.header-dropdown-link-2 {
color: #111111b8;
text-transform: uppercase;
transition: color 0.4s;
overflow: hidden;
}
.header-dropdown-link-2:hover {
color: #fff;
}
.header-dropdown-link-2.w--current {
color: #111;
}
.header-dropdown-bot-line-2 {
display: none;
}
.header-menu-list-2 {
z-index: 10;
grid-row-gap: 2.4rem;
pointer-events: none;
color: #fff;
flex-flow: column;
padding-top: 0.8rem;
transition: opacity 0.4s;
display: flex;
position: absolute;
top: 0;
left: 3.8rem;
}
.not-found-truck-car {
z-index: 2;
width: 100%;
height: 100%;
position: relative;
}
.not-found-title {
width: 63rem;
color: var(--_color---content--main);
}
.heading-2 {
text-transform: uppercase;
font-family: BT Steinhart, Arial, sans-serif;
font-weight: 700;
}
.heading-2.h2 {
font-size: 7.2rem;
line-height: 1.05;
}
.not-found-truck-cont {
z-index: 1;
opacity: 1;
filter: none;
width: 100%;
height: 100%;
position: relative;
}
.not-found-font-label {
color: #e7e7e7;
text-transform: uppercase;
white-space: nowrap;
justify-content: center;
align-items: center;
width: max-content;
height: min(30rem, 28vmin);
margin-bottom: 4.29722svh;
font-family: BT Steinhart, Arial, sans-serif;
transform: none;
}
.header-inner-2 {
width: 100%;
padding-top: 1.6rem;
padding-bottom: 1.6rem;
transition: background-color 0.4s, transform 0.4s;
}
.header-dropdown-line-2 {
background-color: #ffffff1a;
width: 100%;
height: max(1px, 0.1rem);
}
.not-found-truck-wheel-i {
aspect-ratio: 1;
justify-content: center;
align-items: center;
width: 7.07155%;
display: flex;
position: absolute;
bottom: 0;
}
.not-found-truck-wheel-i.wheel-4 {
width: 6.82196%;
right: 70.3%;
}
.not-found-truck-wheel-i.wheel-2 {
width: 6.82196%;
right: 28.7%;
}
.not-found-truck-wheel-i.wheel-3 {
width: 6.82196%;
right: 62.8%;
}
.not-found-truck-wheel-i.wheel-5 {
width: 6.82196%;
right: 78.2%;
}
.not-found-truck-wheel-i.wheel-1 {
right: 5.5%;
}
.not-found-truck-inner {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
width: 120.2rem;
position: relative;
transform: translate(calc(50vw - 52.7%));
}
.not-found-content {
grid-column-gap: 8.6rem;
grid-row-gap: 8.6rem;
justify-content: space-between;
align-items: flex-end;
display: flex;
}
.txt-2.steinhart-16 {
text-transform: uppercase;
font-family: BT Steinhart, Arial, sans-serif;
font-weight: 500;
}
.txt-2.mono-13 {
text-transform: uppercase;
font-family: BT Steinhart Mono, Arial, sans-serif;
}
.header-dropdown-2 {
z-index: 10;
opacity: 0;
pointer-events: none;
color: #111;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
position: absolute;
top: -2.6rem;
left: -1.2rem;
}
.not-found-label {
color: var(--_color---content--note);
margin-bottom: 7.52014svh;
}
.header-2 {
z-index: 100;
pointer-events: none;
color: #111;
width: 100%;
margin-bottom: -11.9rem;
transition: transform 0.35s;
position: sticky;
top: -4.5rem;
}
.not-found-decor {
background-color: #fff;
height: 60.5193svh;
position: relative;
}
.cl-note-2 {
color: #1116;
}
.btn-2 {
color: #111;
cursor: pointer;
border: max(1px, 0.1rem) solid #1111114d;
border-radius: 100vmax;
flex: 1;
justify-content: center;
align-items: center;
padding: 1.9rem 2.8rem 1.7rem;
transition: border-color 0.4s, background-color 0.4s, color 0.4s;
display: flex;
}
.btn-2:hover {
border-color: #111;
}
.btn-2.filled {
color: #fff;
background-color: #111;
border-color: #111;
}
.btn-2.filled:hover {
color: #fff;
background-color: #0016cb;
border-color: #0016cb;
}
.not-found-front {
z-index: 2;
grid-template-rows: auto;
grid-template-columns: minmax(1px, 1fr);
grid-auto-columns: 1fr;
height: 100%;
display: grid;
position: relative;
}
.link-ic-wrap-2 {
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: none;
overflow: hidden;
}
.not-found-text-wrap {
justify-content: space-between;
display: flex;
}
.not-found-truck-car-wrap {
grid-template-rows: auto;
grid-template-columns: minmax(1px, 1fr);
grid-auto-columns: 1fr;
width: auto;
height: 100%;
display: grid;
}
.not-found-truck-wheel-back {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
overflow: hidden;
-webkit-mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 1114 257' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M228.736 191.939C230.233 193.008 233.612 195.788 235.151 198.354C236.691 200.919 241.352 209.687 243.49 213.749H249.904V209.9H256.319V191.939H409.625L417.964 234.916H719.444C719.444 228.288 721.112 213.107 727.783 205.41C736.122 195.788 739.329 194.506 759.855 193.864C779.4 193.253 784.406 203.692 785.947 206.907C786.024 207.066 786.095 207.213 786.155 207.334C786.348 207.72 786.599 208.194 786.894 208.748L786.895 208.75C788.554 211.877 791.577 217.572 793.211 224.653V241.331H804.757V256.194H165.233V249.67L168.44 248.387L169.082 232.992L176.779 191.939H228.736Z' fill='black'/%3E%3C/svg%3E");
mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 1114 257' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M228.736 191.939C230.233 193.008 233.612 195.788 235.151 198.354C236.691 200.919 241.352 209.687 243.49 213.749H249.904V209.9H256.319V191.939H409.625L417.964 234.916H719.444C719.444 228.288 721.112 213.107 727.783 205.41C736.122 195.788 739.329 194.506 759.855 193.864C779.4 193.253 784.406 203.692 785.947 206.907C786.024 207.066 786.095 207.213 786.155 207.334C786.348 207.72 786.599 208.194 786.894 208.748L786.895 208.75C788.554 211.877 791.577 217.572 793.211 224.653V241.331H804.757V256.194H165.233V249.67L168.44 248.387L169.082 232.992L176.779 191.939H228.736Z' fill='black'/%3E%3C/svg%3E");
}
.not-found-truck {
z-index: 2;
opacity: 1;
flex-flow: column;
justify-content: flex-end;
align-items: flex-start;
margin-bottom: -0.2rem;
display: flex;
position: relative;
}
.header-btn-2 {
pointer-events: auto;
color: #111;
}
.not-found-main {
--_color---bg--main: var(--_color---m-black);
--_color---content--main: var(--_color---m-white);
--_color---content--note: #ffffff3d;
--_color---border--bold: #ffffff52;
--_color---bg--sf-2: var(--_color---m-white);
--_color---border--highlight: var(--_color---m-white);
--_color---secondary: #f50;
--_color---m-white: white;
--_color---content--soft: #fff9;
--_color---bg--sf-1: #1a1a1a;
--_color---border--light: #ffffff14;
--_color---content--brand: var(--_color---primary);
--_color---content--disable: #ffffff29;
--_color---content--sub: #ffffffb3;
--_color---m-black: #111;
--_color---border--main: #ffffff29;
--_color---content--black\<deleted\|variable-6e7d8137-8713-9ff4-5cea-f92e6216a872\>: black;
--_color---bg--brand: var(--_color---primary);
--_color---primary: #0016cb;
height: 39.4808svh;
padding-top: 10.7431svh;
}
.not-found {
height: 100svh;
overflow: hidden;
}
.link-ic-2 {
justify-content: center;
align-items: center;
width: 1rem;
height: 1rem;
transition: transform 0.7s cubic-bezier(0.22, 1, 0.36, 1);
display: flex;
}
.link-ic-2.bot {
transform: translate(-100%, 100%);
}
.not-found-desc {
width: 37.2rem;
color: var(--_color---content--sub);
}
.not-found-wrap {
background-color: #111;
}
.header-dropdown-bot-label-2 {
color: #111111b8;
margin-bottom: 1.6rem;
overflow: hidden;
}
.utility-page-form {
flex-direction: column;
align-items: stretch;
display: flex;
}
.not-found-decor-txt {
grid-column-gap: 1.6rem;
grid-row-gap: 1.6rem;
text-transform: uppercase;
display: flex;
position: absolute;
bottom: 0;
left: 0;
right: 0;
overflow: hidden;
}
.not-found-decor-txt-list {
flex: none;
margin-right: 1.6rem;
}
.not-found-decor-txt-item {
color: var(--_color---content--disable);
white-space: nowrap;
}
.home-testi-plane-img-main {
z-index: 2;
position: relative;
}
.home-testi-plane-img-shadow {
z-index: 1;
opacity: 0.6;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
position: absolute;
top: 0;
left: 0;
}
.globe-label {
opacity: 0;
filter: blur(4px);
font-family: var(--font--button);
justify-content: center;
align-items: center;
transition: filter 0.3s, opacity 0.3s;
display: flex;
position: absolute;
bottom: 100%;
left: 0;
}
.home-hero-globe-shadow-grp {
justify-content: center;
align-items: center;
display: flex;
position: absolute;
inset: 3.5%;
transform: rotate(180deg);
}
.globe-label-text {
background-color: var(--_color---bg--main);
text-transform: uppercase;
padding: 0.6rem 0.8rem;
font-size: 1rem;
}
.home-hero-bg-star {
z-index: 1;
opacity: 0.18;
pointer-events: none;
width: 100%;
position: absolute;
top: -12rem;
left: 0;
-webkit-mask-image: linear-gradient(#000 80%, #0000 100%);
mask-image: linear-gradient(#000 80%, #0000 100%);
}
.home-hero-globe-blur {
filter: blur(2px);
width: 175%;
position: absolute;
top: -5%;
}
.loader {
z-index: 999;
opacity: 0;
pointer-events: none;
--_color---bg--main: var(--_color---m-black);
--_color---content--main: var(--_color---m-white);
--_color---content--note: #ffffff3d;
--_color---border--bold: #ffffff52;
--_color---bg--sf-2: var(--_color---m-white);
--_color---border--highlight: var(--_color---m-white);
--_color---secondary: #f50;
--_color---m-white: white;
--_color---content--soft: #fff9;
--_color---bg--sf-1: #1a1a1a;
--_color---border--light: #ffffff14;
--_color---content--brand: var(--_color---primary);
--_color---content--disable: #ffffff29;
--_color---content--sub: #ffffffb3;
--_color---m-black: #111;
--_color---border--main: #ffffff29;
--_color---content--black\<deleted\|variable-6e7d8137-8713-9ff4-5cea-f92e6216a872\>: black;
--_color---bg--brand: var(--_color---primary);
--_color---primary: #0016cb;
width: 100%;
height: 100svh;
display: block;
position: fixed;
inset: 0%;
}
.loader-inner {
grid-column-gap: 16px;
grid-row-gap: 16px;
background-color: #000;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
width: 100%;
height: 100%;
display: grid;
}
.loader-left {
position: relative;
}
.loader-center {
justify-content: center;
align-items: center;
display: flex;
}
.loader-right {
flex-flow: column;
justify-content: flex-start;
align-items: flex-end;
display: flex;
position: relative;
}
.loader-logo {
opacity: 0;
margin-bottom: 6.4rem;
position: absolute;
bottom: calc(50% - 6.4rem);
left: 0;
}
.loader-countries {
overflow: hidden;
}
.loader-progress {
grid-column-gap: 0.8rem;
grid-row-gap: 0.8rem;
opacity: 0;
color: var(--_color---content--main);
justify-content: flex-end;
align-items: center;
margin-bottom: 6.4rem;
display: flex;
position: absolute;
bottom: calc(50% - 6.4rem);
right: 0;
}
.loader-service {
overflow: hidden;
}
.loader-logo-ic {
height: 1.2rem;
color: var(--_color---content--main);
}
.loader-progress-ic {
aspect-ratio: 1;
width: 1.4rem;
height: 1.4rem;
}
.loader-service-item {
opacity: 0;
}
.loader-service-item-inner {
color: var(--_color---content--note);
text-align: right;
}
.loader-countries-list {
overflow: hidden;
}
.loader-countries-item {
opacity: 0;
color: var(--_color---content--note);
}
.loader-countries-item-inner {
display: flex;
}
.loader-map {
opacity: 0;
grid-template-rows: auto;
grid-template-columns: minmax(1px, 1fr);
grid-auto-columns: 1fr;
width: 60.6rem;
display: grid;
}
.loader-map-dot {
grid-template-rows: auto auto;
grid-template-columns: minmax(1px, 1fr);
grid-auto-columns: 1fr;
justify-content: center;
align-items: center;
display: flex;
}
.loader-map-dot.office {
color: var(--_color---primary);
}
.loader-map-dot.world-wide.icon {
color: gray;
}
.home-hero-black-overlap {
z-index: 2;
background-color: #000;
border-radius: 50%;
position: absolute;
inset: 17%;
}
.home-hero-bg {
transform-style: preserve-3d;
display: none;
}
.industry-hero-bg-mb {
display: none;
}
.trans {
z-index: 9999;
opacity: 0;
pointer-events: none;
position: fixed;
inset: 0%;
}
.trans-inner {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
width: 100%;
height: 100%;
display: grid;
overflow: hidden;
}
.trans-bg-clippath {
clip-path: circle(0%);
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
width: 100%;
height: 100%;
display: grid;
}
.trans-circs {
z-index: 1;
aspect-ratio: 1;
justify-content: center;
align-items: center;
width: 16.088vmax;
height: 16.088vmax;
display: flex;
position: relative;
}
.trans-circs:where(.w-variant-e85f0841-e19f-4fdd-5123-891d8814f1ff) {
display: none;
}
.trans-circ {
z-index: 5;
aspect-ratio: 1;
border: var(--border--size) solid #29292e;
border-radius: 50%;
width: 100%;
height: 100%;
position: absolute;
}
.trans-circ.anim-wave {
opacity: 0;
border-width: 0.2px;
}
.loader-home {
opacity: 0;
background-color: #000;
width: 100%;
height: 100%;
}
.loader-page {
grid-column-gap: 16px;
grid-row-gap: 16px;
opacity: 0;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: grid;
}
.loader-circs {
z-index: 1;
aspect-ratio: 1;
justify-content: center;
align-items: center;
width: 100%;
height: 100vh;
display: flex;
position: relative;
overflow: hidden;
}
.loader-circs:where(.w-variant-e85f0841-e19f-4fdd-5123-891d8814f1ff) {
display: none;
}
.loader-circ {
z-index: 5;
aspect-ratio: 1;
border: var(--border--size) solid #29292e;
opacity: 0;
border-radius: 50%;
width: 100%;
height: 100%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.loader-circ.anim-wave {
opacity: 0;
border-width: 0.2px;
}
.loader-circ.circ-1 {
width: 30vmax;
height: 30vmax;
}
.loader-circ.circ-4 {
width: 75vmax;
height: 75vmax;
}
.loader-circ.circ-2 {
width: 45vmax;
height: 45vmax;
}
.loader-circ.circ-3 {
width: 60vmax;
height: 60vmax;
}
.loader-page-logo {
opacity: 0;
}
.trans-bg-mask {
border-radius: 50%;
width: 0;
height: 0;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.trans-bg-mask.mask-1 {
z-index: 3;
box-shadow: 0 0 0 100vmax #000;
}
.trans-bg-mask.mask-2 {
z-index: 2;
box-shadow: 0 0 0 100vmax #181818;
}
.trans-bg-mask.mask-3 {
z-index: 1;
box-shadow: 0 0 0 100vmax #343434;
}
.loader-bg {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
width: 100%;
height: 100%;
display: grid;
}
.loader-bg-mask {
border-radius: 50%;
width: 0;
height: 0;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
box-shadow: 0 0 0 100vmax #000;
}
.loader-bg-mask.mask-1 {
z-index: 3;
}
.loader-bg-mask.mask-2 {
z-index: 2;
box-shadow: 0 0 0 100vmax #181818;
}
.loader-bg-mask.mask-3 {
z-index: 1;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
box-shadow: 0 0 0 100vmax #343434;
}
.footer-linkedin {
justify-content: center;
align-items: center;
width: 4.2rem;
display: flex;
}
.career-job-note {
color: var(--_color---content--note);
margin-top: 0.3rem;
margin-bottom: 0.3rem;
}
.career-job-note-mb {
display: none;
}
.footer-copyright-text {
font-family: var(--font--button);
text-transform: uppercase;
}
.footer-logo-canvas {
height: 12.75rem;
position: relative;
}
.footer-logo-canvas-inner {
pointer-events: none;
width: 100%;
height: 100%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.footer-info-text-item-link {
transition: color 0.3s;
}
.footer-info-text-item-link:hover {
color: var(--_color---content--brand);
}
.cursor-dot {
aspect-ratio: 1;
background-color: var(--_color---bg--main);
border-radius: 99%;
width: 0.6rem;
height: 0.6rem;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.home-service-speed {
z-index: 10;
margin-left: var(--container--padding);
color: var(--_color---content--soft);
mix-blend-mode: difference;
--_color---bg--main: var(--_color---m-black);
--_color---content--main: var(--_color---m-white);
--_color---content--note: #ffffff3d;
--_color---border--bold: #ffffff52;
--_color---bg--sf-2: var(--_color---m-white);
--_color---border--highlight: var(--_color---m-white);
--_color---secondary: #f50;
--_color---m-white: white;
--_color---content--soft: #fff9;
--_color---bg--sf-1: #1a1a1a;
--_color---border--light: #ffffff14;
--_color---content--brand: var(--_color---primary);
--_color---content--disable: #ffffff29;
--_color---content--sub: #ffffffb3;
--_color---m-black: #111;
--_color---border--main: #ffffff29;
--_color---content--black\<deleted\|variable-6e7d8137-8713-9ff4-5cea-f92e6216a872\>: black;
--_color---bg--brand: var(--_color---primary);
--_color---primary: #0016cb;
width: calc(var(--container--one-column) + var(--container--column-gap));
position: sticky;
top: 8.4rem;
overflow: hidden;
}
.home-service-speed-inner {
grid-column-gap: 0.4rem;
grid-row-gap: 0.4rem;
margin-left: 0.4rem;
transition: transform 0.35s;
display: flex;
transform: translateY(100%);
}
.home-service-speed-inner.active {
transform: translate(0);
}
.home-service-speed-number {
height: 1.8rem;
display: flex;
overflow: hidden;
}
.trans-circs-mask {
z-index: 10;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
position: relative;
}
.loader-circs-mask {
z-index: 10;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
width: 100%;
height: 100%;
display: grid;
position: relative;
}
.tp-insight-hero-cta {
--_color---bg--main: var(--_color---m-black);
--_color---content--main: var(--_color---m-white);
--_color---content--note: #ffffff3d;
--_color---border--bold: #ffffff52;
--_color---bg--sf-2: var(--_color---m-white);
--_color---border--highlight: var(--_color---m-white);
--_color---secondary: #f50;
--_color---m-white: white;
--_color---content--soft: #fff9;
--_color---bg--sf-1: #1a1a1a;
--_color---border--light: #ffffff14;
--_color---content--brand: var(--_color---primary);
--_color---content--disable: #ffffff29;
--_color---content--sub: #ffffffb3;
--_color---m-black: #111;
--_color---border--main: #ffffff29;
--_color---content--black\<deleted\|variable-6e7d8137-8713-9ff4-5cea-f92e6216a872\>: black;
--_color---bg--brand: var(--_color---primary);
--_color---primary: #0016cb;
margin-top: 2rem;
padding: 4rem;
position: relative;
}
.tp-insight-hero-cta-bg {
z-index: -1;
position: absolute;
inset: 0%;
}
.tp-insight-hero-cta-content {
width: 25.3rem;
}
.tp-insight-hero-cta-title {
color: var(--_color---content--main);
margin-bottom: 1.2rem;
}
.tp-insight-hero-cta-desc {
color: var(--_color---content--sub);
margin-bottom: 2rem;
}
.tp-insight-hero-cta-btn {
width: fit-content;
}
.home-linkedin-popup {
z-index: 20;
background-color: var(--_color---bg--sf-1);
opacity: 0;
pointer-events: none;
padding: 1.2rem 4.8rem 1.2rem 1.2rem;
transition: opacity 0.4s, transform 0.4s;
position: fixed;
bottom: 2.4rem;
right: 4rem;
transform: translateY(100%);
}
.home-linkedin-popup.active {
opacity: 1;
pointer-events: auto;
transform: translate(0);
}
.home-linkedin-popup-inner {
justify-content: flex-start;
align-items: center;
display: flex;
}
.home-linkedin-popup-close {
width: 2rem;
height: 2rem;
color: var(--_color---border--main);
transition: color 0.3s;
position: absolute;
top: 1.2rem;
right: 1.2rem;
}
.home-linkedin-popup-close:hover {
color: var(--_color---border--highlight);
}
.home-linkedin-popup-desc {
width: 32.8rem;
margin-right: 5.6rem;
}
.home-linkedin-popup-ic {
width: 4rem;
height: 4rem;
margin-right: 1.6rem;
}
.header-linkedin {
opacity: 0;
width: 12.6rem;
transition: opacity 0.3s;
position: relative;
overflow: hidden;
}
.header-linkedin-item {
flex: none;
justify-content: flex-start;
align-items: center;
display: flex;
}
.header-linkedin-list-inner {
grid-column-gap: 0.6rem;
grid-row-gap: 0.6rem;
pointer-events: auto;
flex-flow: row;
flex: none;
padding-right: 0.6rem;
display: flex;
}
.header-linkedin-item-dot {
flex: none;
justify-content: center;
align-items: center;
width: 0.4rem;
height: 0.4rem;
margin-left: 0.6rem;
display: flex;
}
.header-linkedin-list {
justify-content: flex-start;
align-items: center;
width: max-content;
display: flex;
}
.article-load-more-btn {
pointer-events: auto;
width: fit-content;
margin-top: 6.4rem;
margin-left: auto;
margin-right: auto;
}
.home-hero-label {
margin-bottom: 0.8rem;
}
.home-why-overlay-mb {
display: none;
}
@media screen and (max-width: 991px) {
body {
--font--heading: "BT Steinhart", Arial, sans-serif;
--font--body: "Helvetica Neue", Arial, sans-serif;
--container--padding: 2.4rem;
--font--button: "BT Steinhart Mono", Arial, sans-serif;
--border--size: max(1px, 0.1rem);
--container--column-gap: 2rem;
--container--one-column: calc(
(
var(--container--max-width) -
((var(--container--column) - 1) * var(--container--column-gap)) -
(var(--container--padding) * 2)
) / var(--container--column)
);
--container--max-width: 100vw;
--container--column: 8;
--container--width: min(100vw, var(--container--max-width));
}
.container {
padding-left: 2rem;
padding-right: 2rem;
}
.container.grid.full-h.service-tech-grid {
grid-template-rows: auto;
min-height: auto;
}
.header {
margin-bottom: -12rem;
}
.txt.fs-18-tb {
font-size: 1.8rem;
line-height: 1.2;
}
.txt.fs-28-tb {
font-size: 2.8rem;
line-height: 1.2;
}
.txt.fs-20-tb {
font-size: 2rem;
line-height: 1.2;
}
.txt.fs-24-tb {
font-size: 2.4rem;
line-height: 1.2;
}
.txt.fs-14-tb {
font-size: 1.4rem;
}
.txt.fs-10-tb {
font-size: 1rem;
line-height: 1.2;
}
.txt.fs-360 {
font-size: 20rem;
}
.footer-wrap {
height: 134.13rem;
}
.footer-menu-list {
width: calc(
var(--container--one-column) * 4 + var(--container--column-gap) * 3
);
grid-template-columns: minmax(1px, 1fr) minmax(1px, 1fr);
}
.footer-info {
padding-top: 0;
}
.footer-info-text {
margin-left: calc(var(--container--padding) * -1);
}
.footer-main {
grid-column-gap: var(--container--column-gap);
grid-row-gap: 4.8rem;
grid-template-columns: minmax(1px, 1fr) minmax(1px, 1fr);
}
.footer-main-contact {
margin-top: 4.8rem;
}
.footer-thumb {
margin-top: 2.4rem;
}
.footer-main-map {
width: 100%;
margin-left: 0;
}
.cta-text-wrap {
height: 48rem;
}
.heading.h2 {
font-size: 4.4rem;
}
.heading.h1 {
font-size: 6rem;
}
.heading.h0 {
font-size: 11.2rem;
}
.heading.h3 {
font-size: 4.8rem;
}
.heading.h6 {
font-size: 2rem;
}
.heading.h4 {
font-size: 2.4rem;
}
.heading.h5 {
font-size: 2rem;
}
.heading.h7 {
font-size: 1.8rem;
}
.heading.fs-18-tb {
font-size: 1.8rem;
line-height: 1.1;
}
.cta-desc {
margin-bottom: 2rem;
}
.home-hero {
overflow: hidden;
}
.home-hero-text-wrap {
justify-content: flex-end;
align-items: flex-start;
padding-top: 0;
padding-bottom: 6.4rem;
padding-left: 0;
}
.home-intro-overlap-bg {
display: none;
}
.home-hero-globe {
height: 100svh;
right: -45rem;
}
.home-intro-wrap {
margin-top: -15rem;
}
.home-intro-desc {
margin-bottom: 4.2rem;
}
.home-intro-stick {
margin-top: calc(55rem - 100vh);
}
.home-intro-btn {
margin-bottom: 13.8rem;
}
.home-hero-empty-block {
display: none;
}
.home-intro-stats-item {
padding-top: 4.2rem;
padding-bottom: 4.2rem;
}
.home-service-truck-inner {
width: 69rem;
}
.home-service-label {
width: max-content;
height: 28vh;
}
.home-service-title {
width: calc(
var(--container--one-column) * 5 + var(--container--column-gap) * 3
);
}
.home-service-title.sub {
width: auto;
}
.home-service-stick.third-screen {
grid-row-gap: 3.2rem;
justify-content: flex-end;
align-items: stretch;
margin-top: -80%;
}
.home-service-main-inner {
grid-column-gap: 39.6rem;
grid-row-gap: 7.2rem;
}
.home-service-text-wrap {
justify-content: space-between;
display: flex;
}
.home-service-sub {
width: calc(
var(--container--one-column) * 3 + var(--container--column-gap) * 3
);
}
.home-service-item {
width: 50rem;
padding-left: 6rem;
}
.home-service-road {
width: 55.367rem;
}
.home-service-road-bot {
width: 17.23rem;
height: 430%;
margin-left: 11.75rem;
top: 46.8rem;
}
.home-service-desc {
width: calc(
var(--container--one-column) * 4 + var(--container--column-gap) * 3
);
}
.home-service-desc.sub {
width: auto;
}
.home-service-sub-list {
height: 100vh;
}
.career-hero {
height: calc(100vh + var(--border--size));
}
.career-intro {
padding-top: 7.4rem;
padding-bottom: 7.4rem;
}
.career-intro-title {
margin-bottom: 3.2rem;
position: relative;
top: auto;
}
.career-intro-label {
margin-bottom: 1.6rem;
}
.career-intro-desc {
margin-bottom: 2.8rem;
}
.career-intro-item {
padding-top: 2.8rem;
padding-bottom: 2.8rem;
}
.career-ev {
padding-top: 6.4rem;
padding-bottom: 6.4rem;
}
.career-ev-title {
width: 50rem;
margin-bottom: 3rem;
}
.career-ev-desc {
width: calc(
var(--container--one-column) * 5 + var(--container--column-gap) * 4
);
margin-bottom: 7.4rem;
}
.career-ev-label {
grid-column: 2/3;
max-width: none;
margin-bottom: 3.2rem;
}
.career-ev-thumb {
grid-area: 1/-4/4/-2;
}
.career-ev-item {
width: calc(
var(--container--one-column) * 3 + var(--container--column-gap) * 2
);
}
.career-ev-item-label {
margin-bottom: 8.6rem;
}
.career-expect-thumb {
height: min(36rem, 30.5085vmin);
}
.career-expect-title {
margin-top: min(10rem, 8.47458vmin);
margin-bottom: calc(min(10rem, 8.47458vmin) + 5.2rem);
bottom: calc(100vh - min(25.5rem, 21.6102vmin));
}
.career-expect-title.sub {
margin-left: calc(
var(--container--one-column) * 2 + var(--container--column-gap) * 2 +
var(--container--padding)
);
}
.career-expect-thumb-overlay {
z-index: 3;
}
.career-expect-main {
padding-top: 12rem;
padding-bottom: 12rem;
}
.career-expect-text-wrap {
padding-top: min(25.6rem, 21.6949vmin);
padding-bottom: 4.8rem;
}
.career-expect-sub {
margin-left: calc(
var(--container--one-column) * 2 + var(--container--column-gap) * 2
);
}
.career-expect-main-label {
z-index: 5;
margin-top: calc(min(10rem, 8.47458vmin) - 3.2rem);
position: relative;
}
.career-expect-main-label.hidden-dsk {
display: block;
}
.career-expect-main-label.hidden-mb {
display: none;
}
.career-expect-main-item {
padding-left: calc(var(--container--one-column) + var(--container--column-gap));
}
.career-expect-main-item-ic {
left: calc(
var(--container--padding) +
((var(--container--one-column) * 2 + var(--container--column-gap) - 20.8rem)) /
2
);
}
.career-expect-stick {
grid-column-gap: 0rem;
grid-template-columns: minmax(1px, 1fr);
}
.career-process {
padding-top: 10rem;
padding-bottom: 6.2rem;
}
.career-process-title {
margin-bottom: 6rem;
}
.career-process-main.main {
display: none;
}
.career-process-main.sub {
pointer-events: auto;
--_color---bg--main: var(--_color---m-white);
--_color---content--main: var(--_color---m-black);
--_color---content--note: #1116;
--_color---border--bold: #1111114d;
--_color---bg--sf-2: var(--_color---m-black);
--_color---border--highlight: var(--_color---m-black);
--_color---secondary: #f50;
--_color---m-white: white;
--_color---content--soft: #111111b8;
--_color---bg--sf-1: #f4f4f4;
--_color---border--light: #1111111a;
--_color---content--brand: var(--_color---primary);
--_color---content--disable: #11111129;
--_color---content--sub: #111111e0;
--_color---m-black: #111;
--_color---border--main: #1113;
--_color---content--black\<deleted\|variable-6e7d8137-8713-9ff4-5cea-f92e6216a872\>: black;
--_color---bg--brand: var(--_color---primary);
--_color---primary: #0016cb;
}
.career-process-item-desc {
grid-area: 2/4/3/8;
margin-top: 0;
}
.career-process-thumb {
grid-area: 1/2/3/4;
}
.career-job {
padding-top: 7.4rem;
padding-bottom: 7.4rem;
}
.career-job-title {
margin-bottom: 8rem;
}
.career-job-list {
grid-column-gap: var(--container--column-gap);
flex-flow: wrap;
display: flex;
}
.career-job-item {
width: calc(50% - (var(--container--column-gap) / 2));
}
.career-job-item-link {
grid-template-columns: minmax(1px, 1fr) minmax(1px, 1fr) minmax(1px, 1fr) minmax(
1px,
1fr
) minmax(1px, 1fr) minmax(1px, 1fr);
}
.career-job-filter {
width: calc(
var(--container--one-column) * 4 + var(--container--column-gap) * 3
);
}
.career-job-btn {
display: none;
}
.career-job-filter-item.is-category {
width: calc(var(--container--one-column) * 1.5 + var(--container--column-gap));
}
.career-job-filter-opts {
width: calc(
var(--container--one-column) * 2 + var(--container--column-gap) * 1
);
}
.career-testi {
padding-top: 5.4rem;
padding-bottom: 5.4rem;
}
.career-testi-desc {
margin-top: 3.2rem;
}
.career-testi-main {
grid-template-columns: minmax(1px, 1fr) minmax(1px, 1fr) minmax(1px, 1fr) minmax(
1px,
1fr
) minmax(1px, 1fr) minmax(1px, 1fr) minmax(1px, 1fr) minmax(1px, 1fr);
margin-top: 5.6rem;
}
.career-testi-item-content {
margin-bottom: 6.4rem;
}
.contact-hero {
padding-bottom: 15.4rem;
}
.contact-hero-tel {
display: none;
}
.line.merchan-popup-item-line {
margin-top: 2rem;
margin-bottom: 2rem;
}
.line.tp-product-content-main-line {
display: none;
}
.line.checkout-main-sum-line {
margin-top: 0;
}
.contact-hero-office-thumb {
padding-right: 2rem;
}
.contact-hero-info-item.contact-hero-tel-mb {
display: block;
}
.contact-hero-form {
margin-bottom: 10rem;
}
.contact-hero-form-text-wrap {
width: 70rem;
}
.terms-main-toc {
margin-right: 0;
}
.career-expect-main-item-inner {
grid-template-columns: minmax(1px, 1fr) minmax(1px, 1fr) 1fr 1fr 1fr 1fr 1fr;
}
.cta-btn-wrap {
display: block;
}
.career-job-body {
grid-template-columns: minmax(1px, 1fr) minmax(1px, 1fr) minmax(1px, 1fr) minmax(
1px,
1fr
) minmax(1px, 1fr) minmax(1px, 1fr) minmax(1px, 1fr) minmax(1px, 1fr);
}
.article-layout-block {
padding-bottom: 190.1rem;
top: -23rem;
}
.career-job-item-link-inner {
flex-flow: column;
grid-template-columns: minmax(1px, 1fr) minmax(1px, 1fr) minmax(1px, 1fr) minmax(
1px,
1fr
);
margin-right: 0;
display: flex;
}
.article-tab {
width: calc(var(--container--one-column) * 2 + var(--container--column-gap));
}
.article-main-hl-blog {
grid-template-columns: minmax(1px, 1fr) minmax(1px, 1fr) minmax(1px, 1fr) minmax(
1px,
1fr
) minmax(1px, 1fr) minmax(1px, 1fr);
}
.career-job-item-sub-wrap {
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 2.4rem;
margin-bottom: 2.4rem;
}
.career-job-item-line {
width: calc(
var(--container--one-column) * 4 + var(--container--column-gap) * 3
);
}
.article-main-wrap {
padding-top: 40.5rem;
padding-bottom: 8rem;
}
.article-main {
grid-row-gap: 5.2rem;
}
.article-main-hl-label {
margin-left: 1.2rem;
}
.article-main-hl-sub {
grid-column-gap: 0.8rem;
}
.article-main-hl-thumb {
height: 100%;
}
.article-main-hl-thumb-img {
width: 100%;
height: 100%;
overflow: hidden;
}
.article-main-latest-list {
grid-template-columns: minmax(1px, 1fr) minmax(1px, 1fr);
}
.article-main-latest-item-link {
padding-left: 1.2rem;
padding-right: 1.2rem;
}
.footer-info-line {
margin-bottom: 2.4rem;
display: block;
}
.article-hero {
height: 16rem;
}
.article-main-ai-cms {
margin-left: -0.4rem;
margin-right: -0.4rem;
padding-left: 0.4rem;
padding-right: 0.4rem;
}
.footer-main-line {
margin-bottom: 2.4rem;
display: block;
}
.footer-main-line.hidden-dsk {
display: none;
}
.article-main-ai-table-head {
width: calc(
var(--container--one-column) * 4 + var(--container--column-gap) * 3
);
display: none;
}
.article-main-ai-table-grid {
flex: 1;
grid-template-columns: minmax(1px, 1fr) minmax(1px, 1fr) minmax(1px, 1fr) minmax(
1px,
1fr
);
}
.article-main-ai-table-col.tag {
color: var(--_color---content--note);
}
.article-main-ai-table-row {
grid-column-gap: var(--container--column-gap);
grid-row-gap: var(--container--column-gap);
display: flex;
}
.article-main-ai-table-bg {
display: none;
}
.article-main-ai-thumb {
display: none;
position: static;
}
.article-main-linkedin-item-inner {
padding: 1.6rem 1.2rem;
}
.article-main-linkedin-content {
margin-top: 4.8rem;
}
.article-main-linkedin-item {
aspect-ratio: auto;
height: auto;
width: calc((100% / 3) - (var(--container--column-gap) * 2 / 3));
}
.article-main-hl-thumb-item {
width: 100%;
height: 100%;
}
.article-detail {
padding-bottom: 8rem;
}
.article-main-ai-thumb-mb {
aspect-ratio: 2;
width: calc(var(--container--one-column) * 2 + var(--container--column-gap));
flex: none;
display: block;
}
.article-detail-main-list {
grid-template-columns: minmax(1px, 1fr) minmax(1px, 1fr) 1fr;
}
.article-detail-main-item-link {
padding-left: 1.2rem;
padding-right: 1.2rem;
}
.article-linkedin {
grid-row-gap: 5.2rem;
}
.about-hero {
height: calc(100vh + var(--border--size));
}
.about-hero-text-wrap {
grid-column-gap: var(--container--column-gap);
grid-row-gap: var(--container--column-gap);
grid-template-columns: minmax(1px, 1fr) minmax(1px, 1fr) minmax(1px, 1fr) minmax(
1px,
1fr
) minmax(1px, 1fr) minmax(1px, 1fr) minmax(1px, 1fr) minmax(1px, 1fr);
}
.about-intro-gallery {
margin-bottom: 15.6rem;
}
.about-intro-gallery-list {
grid-row-gap: 14rem;
grid-template-columns: minmax(1px, 1fr) minmax(1px, 1fr) minmax(1px, 1fr) minmax(
1px,
1fr
) minmax(1px, 1fr) minmax(1px, 1fr) minmax(1px, 1fr) minmax(1px, 1fr);
}
.about-diff {
padding-top: 8rem;
padding-bottom: 8rem;
}
.about-diff-text-wrap {
padding-bottom: 1.2rem;
}
.about-diff-label-wrap {
margin-top: 1.3rem;
margin-bottom: 1.1rem;
}
.about-diff-label-ic {
margin-right: 0;
}
.about-fea-item-title {
width: calc(
var(--container--one-column) * 2 + var(--container--column-gap) * 1
);
}
.about-fea-item-desc {
width: calc(
var(--container--one-column) * 3 + var(--container--column-gap) * 2
);
}
.article-main-hl-content-item-link {
padding-left: 1.2rem;
padding-right: 1.2rem;
}
.about-stand {
padding-top: 10rem;
padding-bottom: 10rem;
}
.about-stand-item {
color: var(--_color---content--main);
}
.about-stand-item-label {
color: var(--_color---content--soft);
}
.about-stand-item-desc {
color: var(--_color---content--sub);
margin-top: 0;
}
.about-stand-item-ic {
margin-top: 0;
}
.tp-insight-hero {
padding-bottom: 10rem;
top: -20rem;
}
.tp-insight-hero-tab {
width: calc(var(--container--one-column) * 2 + var(--container--column-gap));
padding-top: 4rem;
}
.about-trade {
padding-top: 10rem;
padding-bottom: 10rem;
}
.about-trade-bg-wrap {
height: 60rem;
}
.tp-insight-hero-content-wrap {
padding-top: 8rem;
}
.tp-insight-hero-intro {
margin-bottom: 4rem;
}
.tp-insight-hero-content h5 {
font-size: 2.2rem;
}
.tp-insight-hero-content h4 {
font-size: 2.8rem;
}
.tp-insight-hero-other {
margin-top: 8rem;
}
.tp-insight-hero-other-list {
grid-template-columns: minmax(1px, 1fr) minmax(1px, 1fr);
}
.tp-insight-hero-other-item:hover {
background-color: var(--_color---bg--sf-1);
}
.tp-insight-hero-other-item-decor {
display: none;
}
.tp-insight-hero-other-item-link {
padding-left: 1.2rem;
padding-right: 1.2rem;
}
.article-main-linkedin-txt {
opacity: 1;
}
.article-main-linkedin-item-ins {
min-height: auto;
width: calc((100% / 2) - (var(--container--column-gap) * 1 / 2));
}
.linkedin-popup {
width: calc(
var(--container--one-column) * 6 + var(--container--column-gap) * 7
);
transform: translateY(2rem);
}
.popup-inner-content {
flex: 1;
}
.linkedin-popup-thumb {
width: calc(
var(--container--one-column) * 3 + var(--container--column-gap) * 3
);
}
.linkedin-popup-link {
margin-top: 1.6rem;
}
.about-faq {
padding-top: 10rem;
padding-bottom: 10rem;
}
.about-faq-desc {
width: 22rem;
margin-bottom: 0;
}
.about-faq-main-item {
padding-bottom: 4rem;
}
.about-faq-main-title {
margin-bottom: 3.2rem;
}
.about-faq-main-cms-item-ques {
padding-top: 2rem;
padding-bottom: 0;
}
.about-faq-main-cms-item {
grid-template-rows: auto auto;
grid-template-columns: minmax(1px, 1fr);
grid-auto-columns: 1fr;
padding-bottom: 2rem;
display: block;
}
.service-hero-title {
width: 50rem;
}
.about-faq-main-cms-item-ans {
color: var(--_color---content--soft);
display: none;
overflow: hidden;
}
.service-tech {
padding-top: 10rem;
}
.service-tech-title-wrap {
margin-bottom: 8rem;
}
.service-tech-title {
max-width: 54rem;
margin-bottom: 3.2rem;
}
.service-tech-item-img {
max-width: 38rem;
}
.service-tech-item-content {
padding: 3.2rem 3.2rem 10rem;
}
.service-logis-wrap {
z-index: 2;
position: relative;
}
.service-logis {
padding-top: 10rem;
padding-bottom: 10rem;
}
.service-img-wrap {
display: none;
}
.service-logis-label {
text-align: center;
margin-bottom: 2rem;
}
.service-logis-title {
text-align: center;
max-width: 48rem;
margin-bottom: 4.8rem;
}
.service-logis-sub {
text-align: center;
max-width: 48rem;
}
.service-main-wrap {
z-index: 1;
position: relative;
}
.service-main-resum-inner {
justify-content: center;
align-items: center;
padding-top: 0;
}
.service-main-content {
padding-top: 10rem;
}
.service-main-content-item-inner {
padding-top: 2rem;
padding-bottom: 4.8rem;
}
.service-main-content-item-title-wrap {
margin-bottom: 6.4rem;
}
.about-faq-main-cms-item-ans-inner {
padding-top: 2rem;
}
.service-main-content-item-body-inner {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-flow: column;
flex: none;
align-items: flex-start;
max-width: 34rem;
}
.service-main-content-item-btn {
opacity: 1;
}
.service-main-deco {
display: none;
}
.about-intro-maquee-wrap {
margin-top: 12rem;
}
.member-popup {
width: calc(
var(--container--one-column) * 6 + var(--container--column-gap) * 5
);
transform: translateY(2rem);
}
.about-trade-label-ic {
margin-bottom: 4rem;
}
.carreer-ev-stick {
display: contents;
position: relative;
top: auto;
}
.commu-hero {
padding-top: 12rem;
padding-bottom: 8rem;
}
.commu-hero-decor-item {
height: min(20rem, 18vmin);
}
.commu-hero-main {
margin-top: -6.5rem;
}
.commu-hero-item-title {
margin-top: 0;
}
.commu-hero-item-text-wrap {
height: 100%;
}
.service-main-content-item-img {
align-self: flex-end;
display: block;
}
.commu-hero-thumb-img {
height: auto;
}
.service-main-content-item-body-wrap {
grid-column-gap: 2rem;
flex-flow: row;
display: flex;
}
.commu-hero-thumb-cta-bg {
height: auto;
}
.commu-hero-item-sub {
grid-template-columns: minmax(1px, 1fr) minmax(1px, 1fr) minmax(1px, 1fr) minmax(
1px,
1fr
);
margin-top: 7rem;
}
.commu-intro-text-wrap {
margin-bottom: 12.4rem;
}
.commu-charity {
padding-top: 8rem;
}
.commu-charity-list {
grid-template-columns: minmax(1px, 1fr) minmax(1px, 1fr);
}
.commu-charity-item {
height: 32rem;
}
.industry-hero-desc {
width: 100%;
margin-left: 0;
}
.industry-our {
padding-top: 10rem;
}
.industry-our-main {
margin-top: 6rem;
}
.commu-hero-main-ctrl {
margin-top: 0;
margin-bottom: 2rem;
}
.commu-hero-main-ctrl-cursor {
height: auto;
margin-top: -6.5rem;
}
.industry-our-item-main-left {
width: calc(var(--container--one-column) * 2 + var(--container--column-gap));
}
.industry-our-item-main-center {
width: calc(
var(--container--one-column) * 3 + var(--container--column-gap) * 2
);
}
.industry-our-item-main-right {
width: calc(
var(--container--one-column) * 3 + var(--container--column-gap) * 2
);
margin-left: 0;
}
.industry-our-item-number {
width: calc(
var(--container--one-column) * 2 + var(--container--column-gap) * 2
);
}
.merchan-hero {
height: 50rem;
}
.merchan-product {
padding-top: 8rem;
padding-bottom: 8rem;
}
.merchan-product-list {
grid-template-columns: minmax(1px, 1fr) minmax(1px, 1fr) minmax(1px, 1fr);
}
.merchan-product-item-btn-link {
opacity: 1;
}
.merchan-popup-item-img {
width: 50%;
}
.merchan-popup-item-content {
padding-top: 0;
}
.merchan-popup-item-option {
grid-row-gap: 2rem;
}
.sidebar-cart-inner {
max-width: 50%;
}
.industry-popup {
width: calc(
var(--container--one-column) * 6 + var(--container--column-gap) * 5
);
transform: translateY(2rem);
}
.tp-product-hero-thumb-main-item {
width: 55rem;
height: auto;
max-height: calc(100dvh - 28rem);
}
.tp-product-content {
padding-bottom: 10rem;
}
.tp-product-content-head {
grid-row-gap: 1.6rem;
flex-flow: wrap;
padding-top: 3.2rem;
padding-bottom: 3.2rem;
position: static;
}
.tp-product-content-name {
width: 100%;
margin-bottom: 2rem;
}
.item-option.tp-product-content-cart-option-item {
min-width: auto;
}
.tp-product-content-action {
width: 48rem;
}
.tp-product-content-main {
padding-top: 3.2rem;
padding-bottom: 0;
}
.tp-product-content-main-sub {
width: 100%;
margin-bottom: 4rem;
}
.tp-product-content-main-detail {
width: 100%;
}
.tp-product-content-main-item-label {
min-width: 16.1rem;
}
.tp-product-content-main-item-txt {
width: 48rem;
}
.tp-product-other {
padding-bottom: 8rem;
}
.tp-product-other-item-body {
padding-top: 1.2rem;
padding-bottom: 1.2rem;
}
.tp-product-other-item-btn {
opacity: 1;
}
.tp-product-content-head-block {
display: none;
}
.tp-product-content-main-inner {
flex-flow: column;
padding-bottom: 0;
}
.payment-hero-title {
text-align: center;
}
.payment-hero-body {
margin-top: 4.8rem;
margin-bottom: 10.1rem;
}
.payment-hero-sub {
justify-content: center;
align-items: center;
}
.article-detail-main-item-info {
grid-column-gap: 0.4rem;
grid-row-gap: 0.4rem;
}
.order-confirm {
padding-top: 16rem;
padding-bottom: 10rem;
}
.order-confirm-title {
max-width: 48rem;
margin-bottom: 2rem;
margin-left: auto;
margin-right: auto;
}
.order-confirm-sub {
margin-bottom: 6rem;
}
.checkout-main-info {
margin-right: -4rem;
}
.checkout-main-sum {
margin-left: 6rem;
}
.checkout-main {
padding-bottom: 10rem;
}
.checkout-main-title {
margin-bottom: 6rem;
}
.checkout-main-info-item-title {
margin-bottom: 2rem;
}
.checkout-main-info-item-inner {
grid-row-gap: 2rem;
}
.home-service-crane-static,
.home-service-crane-sq {
bottom: -9.4rem;
}
.about-trade-bg-blur-inner {
top: -5rem;
}
.about-diff-sub-wrap {
height: 2.2rem;
margin-left: var(--container--column-gap);
}
.about-diff-label-grp {
width: calc(
var(--container--one-column) * 2 + var(--container--column-gap) * 1
);
}
.about-diff-label-ic-2 {
margin-right: 0;
}
.about-diff-label-left {
width: calc(
var(--container--one-column) * 4 + var(--container--column-gap) * 3
);
}
.career-job-item-inner {
grid-template-columns: 1.5fr 1.2fr 1fr;
}
.filter-popup {
width: calc(
var(--container--one-column) * 6 + var(--container--column-gap) * 5
);
transform: translateY(2rem);
}
.checkout-main-sum-order {
margin-bottom: 3.2rem;
}
.checkout-main-info-item-head {
margin-bottom: 2rem;
}
.tp-product-content-name-wrap.on-mb {
width: 100%;
}
.footer-content-item-wrap {
grid-column-gap: 1.6rem;
grid-row-gap: 1.6rem;
flex-flow: row;
}
.footer-content-payment {
width: calc(
var(--container--one-column) * 2 + var(--container--column-gap) * 1
);
}
.footer-content-payment-ic-wrap {
flex-flow: wrap;
}
.footer-gb-bot-inner {
grid-column-gap: 3.2rem;
grid-row-gap: 3.2rem;
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
}
.footer-gb-copyright {
justify-content: space-between;
align-items: center;
width: 100%;
display: flex;
}
.footer-gb-wrap {
flex-flow: column;
justify-content: space-between;
align-items: center;
}
.footer-legal-payment {
display: none;
}
.footer-legal-payment.is-tablet {
display: block;
}
.line-legal-mb.merchan-popup-item-line {
margin-top: 2rem;
margin-bottom: 2rem;
}
.line-legal-mb.tp-product-content-main-line {
display: none;
}
.line-legal-mb.checkout-main-sum-line {
margin-top: 0;
}
.home-service-road-inner {
margin-left: 11.7rem;
}
.home-service-road-right {
height: 17.23rem;
top: 16.91rem;
left: calc(100% + 11.7rem);
}
.home-service-road-left {
width: 11.8rem;
}
.qhse-main-title {
text-align: center;
}
.home-service-road-left-wrap {
height: 17.23rem;
}
.home-service-new-truck {
aspect-ratio: 2880/809;
width: 74.8816rem;
top: calc(-28rem - 50%);
}
.home-service-new-truck-wrap {
opacity: 0;
width: 58rem;
}
.home-service-new-truck-stick {
width: 56rem;
top: calc(50vh - 28rem);
}
.cursor-wrap,
.cta-link {
display: none;
}
.home-testi-pagi {
height: calc(100svh - 34.06rem);
}
.home-testi-pagi-number {
margin-top: 6.4rem;
}
.home-testi-title {
width: calc(
var(--container--one-column) * 4 + var(--container--column-gap) * 3
);
}
.home-testi-item-inner {
margin-bottom: 3.2rem;
padding-top: 6.4rem;
padding-bottom: 6.4rem;
}
.home-testi-item-info {
width: calc(var(--container--one-column) * 2 + var(--container--column-gap));
}
.home-testi-item-thumb {
width: 100%;
height: auto;
}
.home-testi-item-main {
width: calc(
var(--container--one-column) * 5 + var(--container--column-gap) * 4
);
}
.home-why-text-wrap {
margin-bottom: 20rem;
}
.home-why-main-list {
grid-column-gap: calc(
var(--container--one-column) * 1 + var(--container--column-gap) * 1
);
grid-row-gap: calc(
var(--container--one-column) * 1 + var(--container--column-gap) * 1
);
}
.home-why-main-item {
width: calc(
var(--container--one-column) * 2 + var(--container--column-gap) * 2.4
);
}
.home-partners-list {
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.home-partners-bg {
margin-top: 0;
}
.home-ins {
padding-top: 10rem;
padding-bottom: 10rem;
}
.home-ins-text-wrap {
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
margin-bottom: 0;
position: sticky;
top: 12rem;
}
.home-ins-title {
margin-bottom: 3.2rem;
}
.home-ins-desc-wrap {
width: calc(
var(--container--one-column) * 3 + var(--container--column-gap) * 2
);
}
.home-ins-desc {
margin-bottom: 1.6rem;
}
.home-ins-cms-list {
grid-column-gap: var(--container--column-gap);
grid-row-gap: var(--container--column-gap);
flex-flow: column;
display: flex;
}
.home-ins-cms-item {
width: auto;
}
.home-ins-cms-item-inner {
background-color: var(--_color---bg--sf-1);
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
padding: 2rem 1.2rem;
}
.home-ins-cms-item-info {
color: var(--_color---content--note);
margin-bottom: 0;
}
.home-ins-cms-item-line,
.home-ins-cms-item-cate,
.home-ins-main-thumb {
display: none;
}
.home-why-cloud-overlap {
transform-origin: 50% 80%;
}
.home-testi-plane-img {
justify-content: center;
align-items: center;
width: 130%;
display: flex;
}
.home-ins-cms-item-info-wrap {
grid-column-gap: 1.2rem;
grid-row-gap: 1.2rem;
align-items: center;
margin-bottom: 1.6rem;
display: flex;
}
.home-ins-cms-item-cate-mb {
grid-column-gap: 1.2rem;
grid-row-gap: 1.2rem;
color: var(--_color---content--note);
display: flex;
}
.home-ins-cms-item-thumb-mb {
width: 10.4rem;
height: 7rem;
margin-bottom: 4.8rem;
display: block;
}
.home-testi-plane-cloud.cloud-1 {
transform-origin: 76% 60%;
width: 120rem;
top: 18%;
left: 0%;
transform: rotate(90deg);
}
.home-testi-plane-cloud.cloud-2 {
width: 90rem;
bottom: 25%;
left: 0%;
transform: rotate(90deg);
}
.home-testi-content-inner {
padding-top: 14rem;
}
.home-faq {
padding-top: 10rem;
}
.home-faq-sub-text-wrap {
width: auto;
}
.home-faq-main-item-ans {
margin-left: calc(var(--container--one-column) / 2);
display: none;
}
.home-faq-main-item-number {
width: calc(var(--container--one-column) / 2);
margin-right: 0;
}
.home-faq-main-item-title {
margin-right: 1.6rem;
}
.footer-legal-mb-line-top.merchan-popup-item-line {
margin-top: 2rem;
margin-bottom: 2rem;
}
.footer-legal-mb-line-top.tp-product-content-main-line {
display: none;
}
.footer-legal-mb-line-top.checkout-main-sum-line {
margin-top: 0;
}
.home-testi-plane-inner {
justify-content: center;
align-items: stretch;
transform: rotate(270deg) scale(1.35);
}
.home-testi-plane-cloud-wrap {
display: block;
}
.about-faq-toc {
padding-right: 3.2rem;
}
.about-team-head-text {
width: auto;
}
.about-team-sub-main {
display: none;
}
.about-team-main-item,
.about-team-main-item.swiper-slide {
width: calc(
var(--container--one-column) * 2.5 + var(--container--column-gap) * 2
);
}
.about-team-main-item-text {
opacity: 1;
pointer-events: auto;
margin-top: 3.2rem;
margin-bottom: 2.4rem;
}
.about-team-main-item-action {
width: fit-content;
margin: -0.5rem;
padding: 0.5rem;
display: block;
}
.home-hero-stick {
position: relative;
top: auto;
}
.home-partners-label {
width: calc(
var(--container--one-column) * 2 + var(--container--column-gap) * 2
);
}
.tp-insight-hero-sumary {
margin-bottom: 3.2rem;
}
.not-found-title {
width: 40rem;
}
.heading-2.h2 {
font-size: 4.4rem;
}
.not-found-font-label {
width: max-content;
height: 16vh;
}
.not-found-truck-inner {
width: 69rem;
}
.not-found-content {
grid-row-gap: 2.4rem;
flex-flow: column;
}
.home-hero-globe-shadow-grp {
inset: 14.5%;
}
.loader-map {
width: 100%;
margin-left: 0;
}
.home-hero-bg {
z-index: 1;
transform-origin: 50% 90%;
flex-flow: column;
justify-content: flex-end;
align-items: stretch;
width: 200%;
display: flex;
position: relative;
transform: scaleY(0.6);
}
.career-job-note {
display: block;
}
.footer-logo-canvas {
display: none;
}
.home-linkedin-popup-desc {
margin-right: 3.2rem;
}
}
@media screen and (max-width: 767px) {
body {
--font--heading: "BT Steinhart", Arial, sans-serif;
--font--body: "Helvetica Neue", Arial, sans-serif;
--container--padding: 1.6rem;
--font--button: "BT Steinhart Mono", Arial, sans-serif;
--border--size: max(1px, 0.1rem);
--container--column-gap: 1.6rem;
--container--one-column: calc(
(
var(--container--max-width) -
((var(--container--column) - 1) * var(--container--column-gap)) -
(var(--container--padding) * 2)
) / var(--container--column)
);
--container--max-width: 100vw;
--container--column: 4;
--container--width: min(100vw, var(--container--max-width));
}
.body-inner {
height: 100svh;
position: absolute;
top: 0;
left: 0;
}
.embed-css {
margin-bottom: 0;
}
.container {
padding-left: 1.6rem;
padding-right: 1.6rem;
}
.container.grid.full-h.service-tech-grid {
padding-top: 6.4rem;
}
.header {
margin-bottom: -8.6rem;
top: -3.3rem;
}
.header-inner {
padding-top: 1.5rem;
padding-bottom: 1.5rem;
}
.header-inner:where(.w-variant-7b65b79f-1e98-9fbe-d76a-ec0d5a9abad9) {
padding-top: 2rem;
padding-bottom: 1.2rem;
transition: padding 0.4s, transform 0.4s;
}
.header-logo {
z-index: 100;
margin-top: 0;
margin-right: 0;
position: relative;
}
.header-logo-char {
display: none;
}
.header-menu {
overflow: hidden;
}
.txt.fs-10 {
font-size: 0.9rem;
}
.txt.fs-14-mb {
font-size: 1.4rem;
line-height: 1.3;
}
.txt.fs-10-mb {
font-size: 1rem;
line-height: 1.4;
}
.txt.fs-12-mb {
font-size: 1.2rem;
}
.txt.fs-28-mb {
font-size: 2.8rem;
line-height: 1.2;
}
.txt.fs-16-mb {
font-size: 1.6rem;
line-height: 1.2;
}
.txt.fw-nomal-mb {
font-weight: 400;
}
.txt.fs-20-mb {
font-size: 2rem;
line-height: 1.2;
}
.txt.fs-18-mb {
font-size: 1.8rem;
line-height: 1.2;
}
.txt.fw-med-mb {
font-weight: 500;
}
.txt.fs-24-mb {
letter-spacing: -0.02em;
font-size: 2.4rem;
line-height: 1;
}
.txt.fs-32-mb {
font-size: 3.2rem;
line-height: 1.05;
}
.txt.fw-reg-mb {
font-weight: 400;
}
.txt.fs-36 {
font-size: 3.6rem;
line-height: 1.05;
}
.txt.fs-360 {
font-size: 10rem;
}
.header-btn {
display: none;
}
.header-btn.hidden-dsk {
margin-bottom: 2.4rem;
}
.btn,
.btn:where(.w-variant-7029a3ee-17e7-b8e5-2624-093729802ed7) {
padding: 1.4rem 2rem;
}
.btn.sidebar-cart-checkout {
padding-top: 1.6rem;
padding-bottom: 1.6rem;
}
.header-act {
transition: opacity 1s;
}
.header-locale {
color: var(--_color---content--soft);
transition: color 0.2s;
}
.header-locale-link.w--current:where(
.w-variant-7b65b79f-1e98-9fbe-d76a-ec0d5a9abad9
) {
transition: color 0.4s;
}
.related-news {
width: 100%;
}
.related-news-title {
display: none;
}
.related-news-links {
justify-content: space-between;
width: 100%;
}
.related-news-link {
flex: 1;
}
.related-news-link.is-last {
justify-content: flex-end;
display: flex;
}
.related-news-inner {
width: 100%;
padding-top: 1.25rem;
padding-bottom: 1.25rem;
}
.footer-wrap {
height: auto;
}
.footer-inner {
padding-top: 4rem;
padding-bottom: 0;
}
.footer-sub {
margin-bottom: 0;
}
.footer-socials {
z-index: 3;
border-top-style: none;
padding-top: 3.2rem;
position: relative;
}
.footer-content-item {
pointer-events: auto;
padding-top: 0;
}
.footer-content-item.item-align-right {
grid-row-gap: 1.2rem;
justify-content: flex-start;
align-items: flex-start;
padding-top: 0;
}
.footer-content-item.item-border-top {
margin-top: 0.8rem;
padding-top: 3.2rem;
}
.footer-link {
margin-right: 0;
}
.footer-menu {
margin-bottom: 3.2rem;
padding-top: 0;
}
.footer-menu-list {
grid-row-gap: 1.2rem;
grid-template-columns: minmax(1px, 1fr) minmax(1px, 1fr);
width: 100%;
}
.footer-info {
margin-top: 3.2rem;
padding-bottom: 0;
}
.footer-info-switch {
margin-bottom: 0.8rem;
}
.footer-info-text-inner.active {
margin-bottom: 2.4rem;
}
.footer-main {
grid-row-gap: 2.4rem;
padding-bottom: 0;
}
.footer-main-address {
grid-column-gap: 0px;
grid-row-gap: 2.4rem;
}
.footer-main-contact {
grid-column-gap: var(--container--column-gap);
grid-row-gap: 2.4rem;
pointer-events: none;
grid-template-rows: auto auto auto;
grid-template-columns: minmax(1px, 1fr) minmax(1px, 1fr);
grid-auto-columns: 1fr;
margin-top: 3.2rem;
display: grid;
}
.footer-bot {
grid-column-gap: 1.2rem;
grid-row-gap: 1.2rem;
flex-flow: column;
}
.footer-logo {
margin-top: 2rem;
margin-bottom: 2rem;
}
.img-df.home-partners-bg-abs {
height: 100%;
}
.footer-thumb {
display: none;
}
.footer-main-map {
margin-bottom: 3.2rem;
padding-top: 0.8rem;
}
.cta-text-wrap {
height: auto;
padding-top: 13.4rem;
padding-bottom: 11.4rem;
}
.heading.h2 {
font-size: 3.6rem;
}
.heading.h1 {
font-size: 4.8rem;
}
.heading.h0 {
font-size: 9.6rem;
}
.heading.h6,
.heading.h6.home-service-item-title-mb h3 {
font-size: 1.6rem;
line-height: 1.2;
}
.heading.h5-mb {
font-size: 2rem;
line-height: 1.05;
}
.heading.fw-med {
font-weight: 500;
}
.heading.fs-10-mb {
font-size: 1rem;
line-height: 1.4;
}
.heading.h3-mb,
.heading.h2-mb {
font-size: 3.2rem;
line-height: 1.05;
}
.heading.h4-mb {
font-size: 2.4rem;
line-height: 1.2em;
}
.heading.h6-mb {
font-size: 1.6rem;
line-height: 1.4;
}
.heading.h1-mb {
font-size: 4.8rem;
line-height: 1.05;
}
.cta-title {
max-width: 30rem;
}
.cta-desc {
max-width: 32rem;
}
.cta-circs {
width: 32rem;
}
.home-hero {
background-color: var(--_color---bg--main);
overflow: visible;
}
.home-hero-text-wrap {
justify-content: flex-end;
align-items: flex-start;
height: 100svh;
padding-bottom: 3.2rem;
}
.home-hero-title {
margin-bottom: 3.2rem;
}
.home-hero-desc {
margin-bottom: 2.5rem;
}
.home-intro-overlap-bg {
height: auto;
}
.home-hero-globe {
right: -37.2rem;
}
.home-intro-wrap {
margin-top: -1px;
}
.home-intro-title {
margin-bottom: 3.2rem;
}
.cl-note.txt-inline {
display: inline-block;
}
.home-intro-thumb {
width: auto;
margin-bottom: 8rem;
}
.home-intro-desc {
margin-bottom: 3.2rem;
}
.home-intro-stick {
flex-flow: column-reverse;
height: auto;
margin-top: 0;
padding-bottom: 0;
position: relative;
bottom: auto;
}
.home-intro-btn {
margin-bottom: 6.4rem;
}
.home-hero-empty-block {
display: none;
}
.home-intro-stats-item-val {
margin-bottom: 1.6rem;
}
.home-intro-stats {
margin-bottom: 8rem;
}
.home-service {
display: none;
}
.home-service-list {
grid-row-gap: 3.2rem;
flex-flow: column;
}
.home-service-item {
border-bottom: var(--border--size) solid var(--_color---border--light);
border-left-style: none;
width: auto;
padding-bottom: 3.2rem;
padding-left: 0;
}
.home-service-item-ic {
width: 4rem;
height: 4rem;
margin-bottom: 3.2rem;
}
.home-service-item-title {
color: var(--_color---content--main);
margin-bottom: 1.2rem;
}
.home-service-sub-list {
grid-row-gap: 3.2rem;
max-width: none;
height: auto;
padding-bottom: 0;
}
.home-service-sub-item {
padding-bottom: 3.2rem;
}
.home-service-sub-ic {
width: 4rem;
height: 4rem;
}
.home-service-sub-title {
color: var(--_color---content--main);
}
.home-service-sub-desc {
color: var(--_color---content--sub);
}
.career-hero {
height: 81.9svh;
}
.career-hero-bg {
position: absolute;
inset: 0 0 auto;
}
.career-hero-title {
margin-bottom: 2.4rem;
}
.career-hero-desc {
width: 32.6rem;
margin-top: 0;
margin-bottom: 3.2rem;
}
.career-hero-btn {
margin-bottom: 4.2rem;
}
.header-menu-list {
display: none;
}
.header-menu-toggle {
padding-top: 1rem;
padding-bottom: 1rem;
padding-left: 2.4rem;
transition: transform 0.4s, color 0.3s, opacity 0.3s;
}
.header-menu-toggle-dots {
right: calc(100% - 1.6rem);
}
.header-menu-toggle-text {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.career-intro {
padding-top: 6.4rem;
padding-bottom: 0.8rem;
}
.career-intro-desc {
margin-bottom: 4rem;
}
.career-intro-item {
flex-flow: column-reverse;
padding-top: 2.4rem;
padding-bottom: 2.4rem;
}
.career-intro-item-ic {
width: 4rem;
height: 4rem;
margin-bottom: 2.8rem;
}
.career-ev {
padding-bottom: 2.4rem;
}
.career-ev-title {
width: 100%;
margin-bottom: 3.2rem;
}
.career-ev-desc {
width: auto;
margin-bottom: 8rem;
}
.career-ev-label {
grid-column: 2/-2;
max-width: none;
margin-bottom: 1.6rem;
}
.career-ev-thumb {
display: none;
}
.career-ev-main {
padding-right: var(--container--padding);
padding-left: var(--container--padding);
margin-bottom: 2.4rem;
margin-left: calc(var(--container--padding) * -1);
margin-right: calc(var(--container--padding) * -1);
overflow: hidden;
}
.career-ev-main.swiper {
width: auto;
padding-left: var(--container--padding);
margin-left: calc(var(--container--padding) * -1);
margin-right: calc(var(--container--padding) * -1);
}
.career-ev-list {
flex-flow: row;
width: max-content;
}
.career-ev-list.swiper-wrapper {
width: max-content;
}
.career-ev-item {
margin-right: var(--container--column-gap);
width: calc(
var(--container--one-column) * 3 + var(--container--column-gap) * 2
);
flex: none;
padding: 1.2rem 0.6rem 1.2rem 1.6rem;
}
.career-ev-item.swiper-slide {
margin-right: var(--container--column-gap);
width: calc(
var(--container--one-column) * 3 + var(--container--column-gap) * 2
);
}
.career-ev-item-label {
margin-bottom: 7.8rem;
}
.career-ev-item-desc {
color: var(--_color---content--soft);
}
.career-expect {
padding-top: 6.4rem;
padding-bottom: 6.4rem;
}
.career-expect-thumb {
display: none;
}
.career-expect-title {
margin-top: 0;
margin-bottom: 3.2rem;
padding-bottom: 0;
position: static;
bottom: auto;
}
.career-expect-main {
padding-top: 0;
padding-bottom: 0;
}
.career-expect-text-wrap {
margin-bottom: 4rem;
padding-top: 0;
padding-bottom: 0;
}
.career-expect-sub {
margin-left: 0;
}
.career-expect-main-label {
color: var(--_color---content--soft);
margin-bottom: 1.2rem;
}
.career-expect-main-label.hidden-dsk {
margin-top: 0;
margin-bottom: 1.6rem;
}
.career-expect-main-list {
grid-row-gap: 1.6rem;
margin-top: 0;
margin-bottom: 0;
}
.career-expect-main-item {
padding: 0;
}
.career-expect-main-item-title {
background-color: #0000;
width: 31rem;
margin-bottom: 2.4rem;
}
.career-expect-main-item-desc {
width: 31rem;
}
.career-expect-ic {
background-color: #0000;
width: 7.87rem;
height: 7.87rem;
position: static;
}
.cl-soft.cl-base-mb {
color: var(--_color---content--main);
}
.career-expect-ic-inner {
width: 100%;
position: static;
}
.career-expect-main-item-ic {
justify-content: flex-start;
align-items: center;
margin-bottom: 4rem;
position: static;
top: auto;
left: auto;
transform: translate(0);
}
.career-expect-stick-wrap {
display: none;
}
.career-process {
padding-top: 6.4rem;
padding-bottom: 3.2rem;
}
.career-process-title {
margin-bottom: 4rem;
}
.career-process-item {
background-color: var(--_color---bg--main);
color: var(--_color---content--main);
transition: background-color 0.45s, color 0.45s;
}
.career-process-item.active {
--_color---bg--main: var(--_color---m-black);
--_color---content--main: var(--_color---m-white);
--_color---content--note: #ffffff3d;
--_color---border--bold: #ffffff52;
--_color---bg--sf-2: var(--_color---m-white);
--_color---border--highlight: var(--_color---m-white);
--_color---secondary: #f50;
--_color---m-white: white;
--_color---content--soft: #fff9;
--_color---bg--sf-1: #1a1a1a;
--_color---border--light: #ffffff14;
--_color---content--brand: var(--_color---primary);
--_color---content--disable: #ffffff29;
--_color---content--sub: #ffffffb3;
--_color---m-black: #111;
--_color---border--main: #ffffff29;
--_color---content--black\<deleted\|variable-6e7d8137-8713-9ff4-5cea-f92e6216a872\>: black;
--_color---bg--brand: var(--_color---primary);
--_color---primary: #0016cb;
}
.career-process-item-title {
justify-content: space-between;
align-items: center;
margin-top: 0;
padding-top: 2.4rem;
padding-bottom: 2.4rem;
padding-left: 4.2rem;
display: flex;
}
.career-process-item-desc {
grid-area: unset;
margin-bottom: 2rem;
}
.career-process-thumb {
grid-area: unset;
}
.career-process-item-label {
pointer-events: none;
margin-top: 0;
margin-bottom: -0.4rem;
}
.career-job {
padding-top: 6.4rem;
padding-bottom: 6.4rem;
}
.career-job-title {
margin-bottom: 2rem;
}
.career-job-item {
width: 100%;
}
.career-job-item-sub {
width: 100%;
color: var(--_color---content--note);
justify-content: space-between;
}
.career-job-head {
flex-flow: column;
align-items: flex-start;
margin-bottom: 0;
}
.career-job-label {
color: var(--_color---content--soft);
}
.career-job-filter {
justify-content: space-between;
align-items: center;
width: 100%;
padding-top: 1.6rem;
padding-bottom: 1.6rem;
display: none;
}
.career-job-filter-opts {
width: calc(
var(--container--one-column) * 2 + var(--container--column-gap) * 2
);
}
.career-testi {
padding-top: 6.4rem;
padding-bottom: 6.4rem;
}
.career-testi-desc {
color: var(--_color---content--main);
margin-top: 3.2rem;
}
.career-testi-main {
grid-template-columns: minmax(1px, 1fr) minmax(1px, 1fr) minmax(1px, 1fr) minmax(
1px,
1fr
);
margin-top: 4.4rem;
}
.career-testi-main-ic {
width: 4rem;
margin-bottom: 2rem;
}
.career-testi-cms {
margin-left: 0;
}
.career-testi-item-content {
margin-bottom: 4rem;
}
.career-testi-item-info {
grid-column-gap: 2rem;
flex-flow: column;
grid-template-columns: 10.4rem 1fr 1fr 1fr;
display: flex;
}
.career-testi-item-thumb {
width: 10rem;
height: 10rem;
margin-bottom: 1.8rem;
}
.career-testi-item-role {
grid-column-gap: 0.4rem;
grid-row-gap: 0rem;
flex-flow: column;
}
.career-testi-item-info-text {
max-width: none;
}
.career-testi-bot {
flex-flow: column-reverse;
margin-bottom: 2rem;
padding-top: 0;
display: flex;
}
.career-testi-bot-inner {
flex-flow: row-reverse wrap;
justify-content: space-between;
align-items: center;
height: 100%;
margin-top: 0;
margin-bottom: 2rem;
}
.career-testi-ctrl {
grid-column-gap: 2rem;
overflow: hidden;
}
.contact-hero {
padding-top: 9.4rem;
padding-bottom: 4rem;
}
.contact-hero-title {
margin-bottom: 2rem;
}
.contact-hero-desc {
width: 22.5rem;
}
.contact-hero-map.hidden-dsk {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: minmax(1px, 1fr);
grid-auto-columns: 1fr;
margin-bottom: 0;
display: grid;
}
.contact-hero-head {
margin-bottom: 3.2rem;
}
.line.tp-insight-hero-author-line {
width: calc(100% + 2.4rem);
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
position: absolute;
inset: 0;
}
.line.service-main-content-item-line {
opacity: 0.08;
bottom: 0;
top: unset;
transition-property: opacity;
transition-duration: 0.4s;
transition-timing-function: ease;
}
.line.service-tech-line-mob {
width: auto;
margin-left: -1.8rem;
margin-right: -1.8rem;
display: block;
}
.line.merchan-popup-item-line {
margin-top: 1.6rem;
margin-bottom: 1.6rem;
}
.line.tp-product-content-head-line.top {
display: none;
}
.line.checkout-main-sum-line,
.line.checkout-main-sum-order-line {
margin-top: 1.6rem;
margin-bottom: 1.6rem;
}
.line.tp-insight-hero-sumary-item-line {
bottom: 0;
top: unset;
}
.contact-hero-line {
margin-bottom: 3.2rem;
}
.contact-hero-office {
margin-bottom: 6rem;
}
.contact-hero-office-thumb {
padding-right: 0;
}
.contact-hero-office-info {
grid-row-gap: 3.2rem;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.contact-hero-location {
margin-bottom: 5rem;
}
.contact-hero-location-list {
grid-row-gap: 4rem;
margin-top: 4rem;
}
.contact-hero-form {
margin-bottom: 6rem;
}
.contact-hero-form-text-wrap {
width: 100%;
}
.contact-hero-form-desc {
width: 33rem;
color: var(--_color---content--sub);
}
.form-block {
margin-bottom: 0;
}
.contact-hero-form-inputs {
flex-flow: column;
display: flex;
}
.form-submit {
margin-left: 0;
}
.contact-hero-form-radios {
grid-column-gap: 0rem;
grid-row-gap: 1.6rem;
flex-flow: column;
display: flex;
}
.contact-hero-form-radios-title {
margin-bottom: 0.4rem;
}
.radio-grp.radio-grp-mb {
display: flex;
}
.footer-legal-menu {
grid-column-gap: 0.8rem;
grid-row-gap: 1.2rem;
flex-flow: wrap;
justify-content: center;
align-items: center;
width: 100%;
}
.form-success {
left: var(--container--padding);
padding: 0.8rem;
transition: top 0.4s, transform 0.4s, opacity 0.5s;
top: 0.8rem;
bottom: auto;
}
.form-success-title {
font-family: var(--font--body);
}
.form-success-text-wrap {
grid-row-gap: 0.2rem;
flex: 1;
margin-right: 0;
}
.form-success-ic {
width: 3.2rem;
}
.form-success-inner {
justify-content: flex-start;
align-items: flex-start;
}
.header-logo-mb {
width: 100%;
height: 1.6rem;
transition: color 0.4s;
}
.footer-legal-slash {
color: var(--_color---content--soft);
}
.hidden-mb {
display: none;
}
.hidden-dsk {
display: block;
}
.terms-main {
padding-top: 7rem;
}
.terms-main-head {
margin-top: 4rem;
margin-bottom: 4rem;
}
.terms-main-body {
margin-top: 4rem;
}
.terms-main-toc {
z-index: 5;
margin-right: 0;
transition: top 0.4s;
position: sticky;
top: 0;
}
.terms-main-content {
margin-top: 4rem;
padding-left: 0;
}
.terms-main-title {
text-align: center;
margin-bottom: 1.2rem;
}
.terms-main-sub {
justify-content: center;
align-items: center;
}
.terms-main-toc-title {
border-bottom: var(--border--size) solid var(--_color---border--main);
background-color: var(--_color---bg--main);
color: var(--_color---content--sub);
justify-content: space-between;
align-items: center;
margin-bottom: 0;
padding: 1.2rem 0.4rem;
display: flex;
}
.terms-main-toc-body {
background-color: var(--_color---bg--sf-1);
height: auto;
max-height: 50vh;
margin-left: -0.2rem;
margin-right: -0.2rem;
display: none;
position: absolute;
inset: 100% 0% auto;
}
.terms-main-toc-body.custom-scroll {
background-color: var(--_color---bg--main);
}
.terms-main-toc-col {
padding-left: 0.4rem;
padding-right: 0.4rem;
}
.terms-main-toc-col-inner {
padding-top: 1.6rem;
padding-bottom: 1.6rem;
}
.terms-main-content-text h2 {
font-size: 2.4rem;
}
.terms-main-content-text p,
.terms-main-content-text h5,
.terms-main-content-text li,
.terms-main-content-text h6 {
font-size: 1.4rem;
}
.terms-main-toc-table {
padding-top: 0;
position: static;
}
.career-expect-main-item-inner {
grid-column-gap: 0rem;
grid-template-columns: minmax(1px, 1fr) minmax(1px, 1fr) minmax(1px, 1fr) minmax(
1px,
1fr
);
height: 100%;
}
.career-expect-main-line {
display: none;
}
.terms-main-toc-title-ic {
justify-content: center;
align-items: center;
width: 1.6rem;
height: 1.6rem;
transition: transform 0.4s;
display: flex;
}
.footer-logo-inner {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.header-menu-toggle-wrap {
z-index: 100;
transition: transform 0.4s;
}
.article-layout-block {
padding-top: 11.2rem;
padding-bottom: 219.44rem;
transition-property: top;
transition-duration: 0.4s;
transition-timing-function: ease;
top: -16rem;
}
.article-breadcrumb {
margin-top: 0;
}
.article-title-wrap {
margin-bottom: 2rem;
}
.career-job-item-link-inner {
grid-column-gap: 0rem;
grid-auto-columns: 1fr;
margin-right: 0;
padding-top: 0;
padding-bottom: 2rem;
display: flex;
}
.article-tab {
width: auto;
padding-right: var(--container--padding);
padding-left: var(--container--padding);
background-color: var(--_color---bg--main);
margin-right: calc(var(--container--padding) * -1);
margin-left: calc(var(--container--padding) * -1);
position: relative;
}
.article-tab-label {
background-color: var(--_color---bg--sf-1);
width: 100%;
color: var(--_color---content--note);
background-image: linear-gradient(#00000014, #00000014);
padding-left: 1.6rem;
padding-right: 1.6rem;
}
.article-tab-main {
flex-flow: column;
margin-bottom: 0;
display: flex;
}
.article-tab-title {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
justify-content: space-between;
align-items: center;
margin-bottom: 0;
padding: 3.2rem 0.6rem 1.2rem 0.4rem;
display: flex;
}
.article-tab-item-link {
flex: 1;
width: 100%;
padding: 1.7rem 1.6rem;
}
.article-tab-item-link:hover {
color: var(--_color---content--soft);
}
.article-tab-item-title {
width: 100%;
}
.article-tab-item-sub {
flex: none;
}
.article-tab-item-line {
flex: 1;
}
.article-main-hl-blog {
grid-template-columns: minmax(1px, 1fr) minmax(1px, 1fr) minmax(1px, 1fr) minmax(
1px,
1fr
);
}
.career-job-item-sub-wrap {
flex-flow: column;
margin-top: 0;
margin-bottom: 0;
display: none;
}
.article-layout {
margin-bottom: 0;
}
.career-job-filter-wrap {
width: 100%;
}
.career-job-filter-line {
background-color: var(--_color---border--main);
display: block;
}
.article-main-wrap {
pointer-events: auto;
padding-top: 30rem;
padding-bottom: 4rem;
}
.article-main-wrap.article-main-detail-page {
padding-top: 28rem;
}
.article-main-wrap.is-linkedin {
padding-top: 29rem;
}
.article-main {
grid-row-gap: 4rem;
pointer-events: auto;
}
.article-main-hl-content,
.article-main-hl-content.swiper {
width: auto;
padding-right: var(--container--padding);
padding-left: var(--container--padding);
margin-left: calc(var(--container--padding) * -1);
margin-right: calc(var(--container--padding) * -1);
}
.article-main-hl-label {
margin-top: 0;
margin-bottom: 1.6rem;
margin-left: 0;
padding: 0.6rem 0.8rem;
}
.article-main-hl-title {
margin-bottom: 1.2rem;
}
.article-main-hl-sub {
margin-bottom: 1.6rem;
}
.article-main-hl-thumb {
display: none;
}
.article-main-hl-thumb-img.hidden-dsk {
aspect-ratio: 285/235;
}
.article-main-hl-desc {
margin-top: 0;
}
.article-main-title.linkedin {
width: 32rem;
}
.article-main-head {
padding-top: 3.6rem;
padding-bottom: 2.4rem;
}
.article-main-latest-list {
grid-column-gap: 1.2rem;
grid-row-gap: 1.2rem;
grid-template-columns: minmax(1px, 1fr);
}
.article-main-latest-item:hover {
background-color: var(--_color---bg--sf-1);
}
.article-main-latest-item-link {
padding-top: 1.6rem;
padding-bottom: 1.6rem;
}
.article-main-latest-item-img {
margin-bottom: 2rem;
}
.article-main-latest-item-label-wrap {
margin-bottom: 1.2rem;
}
.article-main-latest-item-decor {
display: none;
}
.footer-info-line {
margin-bottom: 3.2rem;
}
.footer-menu-line {
margin-bottom: 3.2rem;
display: none;
}
.footer-menu-line.line-mb {
display: block;
}
.article-hero {
height: auto;
padding-right: var(--container--padding);
padding-bottom: 2rem;
padding-left: var(--container--padding);
margin-left: calc(var(--container--padding) * -1);
margin-right: calc(var(--container--padding) * -1);
}
.footer-bot-inner {
grid-column-gap: 1.2rem;
grid-row-gap: 1.2rem;
flex-flow: column;
padding-top: 1.2rem;
padding-bottom: 1.6rem;
}
.footer-main-line.bottom {
margin-top: 2.4rem;
margin-bottom: 0;
}
.footer-main-line.hidden-dsk {
display: block;
}
.article-main-latest-inner {
margin-top: 1.6rem;
}
.article-main-ai-table-head {
display: none;
}
.article-main-ai-table-grid {
grid-row-gap: 1.2rem;
flex: 1;
grid-template-columns: minmax(1px, 1fr);
}
.article-main-ai-table-body {
display: flex;
}
.article-main-ai-table-bg,
.article-main-ai-thumb {
display: none;
}
.article-main-linkedin-cms {
margin-top: 1.6rem;
}
.article-main-linkedin-item-inner {
padding: 1.6rem 1.2rem;
}
.article-main-linkedin-content {
margin-top: 2rem;
}
.article-main-linkedin-item {
width: 100%;
height: auto;
min-height: auto;
}
.article-main-link-more {
display: none;
}
.article-main-hl-content-item,
.article-main-hl-content-item.swiper-slide {
width: calc(
var(--container--one-column) * 3 + var(--container--column-gap) * 3
);
flex: none;
margin-right: 1.6rem;
}
.article-main-hl-content-list {
background-color: #0000;
width: max-content;
padding-top: 0;
padding-bottom: 0;
display: flex;
}
.article-main-hl-content-list.swiper-wrapper {
width: max-content;
}
.article-main-hl-pagin {
margin-top: 2.4rem;
display: flex;
}
.article-main-hl-pagin-dot {
aspect-ratio: 1;
background-color: var(--_color---content--note);
--_color---bg--main: var(--_color---m-white);
--_color---content--main: var(--_color---m-black);
--_color---content--note: #1116;
--_color---border--bold: #1111114d;
--_color---bg--sf-2: var(--_color---m-black);
--_color---border--highlight: var(--_color---m-black);
--_color---secondary: #f50;
--_color---m-white: white;
--_color---content--soft: #111111b8;
--_color---bg--sf-1: #f4f4f4;
--_color---border--light: #1111111a;
--_color---content--brand: var(--_color---primary);
--_color---content--disable: #11111129;
--_color---content--sub: #111111e0;
--_color---m-black: #111;
--_color---border--main: #1113;
--_color---content--black\<deleted\|variable-6e7d8137-8713-9ff4-5cea-f92e6216a872\>: black;
--_color---bg--brand: var(--_color---primary);
--_color---primary: #0016cb;
width: 0.8rem;
height: 0.8rem;
}
.article-tab-main-wrap {
max-height: 35vh;
margin-right: var(--container--padding);
padding-left: var(--container--padding);
display: none;
position: absolute;
top: 100%;
left: 0%;
right: 0%;
}
.article-tab-title-ic {
justify-content: center;
align-items: center;
width: 0.8rem;
height: 0.8rem;
transition: transform 0.4s;
display: flex;
}
.article-main-hl-content-inner {
background-color: var(--_color---bg--sf-1);
flex-flow: column;
width: 100%;
height: auto;
margin-top: 0;
padding: 1.2rem 1.2rem 1.6rem;
display: flex;
}
.article-detail {
padding-bottom: 0;
}
.article-detail-head {
justify-content: flex-start;
margin-bottom: 0;
display: flex;
position: static;
}
.article-main-latest-load-more {
z-index: 3;
pointer-events: auto;
width: fit-content;
margin-top: 4rem;
margin-left: auto;
margin-right: auto;
display: block;
position: relative;
}
.article-main-ai-thumb-mb {
aspect-ratio: 2;
width: calc(var(--container--one-column) + var(--container--column-gap));
flex: none;
display: block;
}
.article-detail-main {
margin-top: 1.6rem;
}
.article-detail-main-list {
grid-column-gap: 0.4rem;
grid-row-gap: 0.4rem;
grid-template-columns: minmax(1px, 1fr);
}
.article-detail-main-item {
aspect-ratio: auto;
}
.article-detail-main-item-link {
padding-top: 1.6rem;
padding-bottom: 1.6rem;
}
.article-main-linkedin-load-more {
pointer-events: auto;
width: fit-content;
margin-top: 4rem;
margin-left: auto;
margin-right: auto;
display: block;
}
.article-detail-main-item-img {
margin-bottom: 2rem;
}
.article-linkedin {
grid-row-gap: 1.6rem;
}
.article-linkedin-list {
grid-column-gap: 0.4rem;
grid-row-gap: 0.4rem;
}
.about-hero {
height: calc(100svh + var(--border--size));
}
.about-hero-title {
margin-bottom: 3.2rem;
}
.about-hero-desc {
margin-top: 0;
}
.about-hero-text-wrap {
grid-column-gap: var(--container--column-gap);
grid-row-gap: 0rem;
grid-template-columns: minmax(1px, 1fr) minmax(1px, 1fr) minmax(1px, 1fr) minmax(
1px,
1fr
);
padding-bottom: 3.6rem;
}
.about-hero-label {
margin-bottom: 1.2rem;
}
.about-intro {
padding-top: 6.4rem;
padding-bottom: 3.2rem;
}
.about-intro-text-wrap {
grid-row-gap: 2.4rem;
margin-bottom: 0;
}
.about-intro-gallery {
padding-left: var(--container--padding);
margin-top: 4rem;
margin-bottom: 6.4rem;
overflow: hidden;
}
.about-intro-gallery.swiper {
width: auto;
padding-left: var(--container--padding);
margin-left: calc(var(--container--column-gap) * -1);
margin-right: calc(var(--container--column-gap) * -1);
overflow: hidden;
}
.about-intro-gallery-img {
width: 8.7rem;
height: 8.7rem;
}
.about-intro-gallery-img.swiper-slide {
flex: none;
width: 30rem;
margin-right: 1.6rem;
overflow: hidden;
}
.about-intro-title {
margin-bottom: 2.4rem;
}
.about-intro-desc-2 {
grid-row-gap: 0rem;
}
.about-intro-gallery-list {
grid-column-gap: 0.6rem;
grid-row-gap: 0.6rem;
flex-flow: row;
flex: none;
justify-content: flex-start;
align-items: center;
margin-right: 0.6rem;
display: flex;
}
.about-intro-gallery-list.swiper-wrapper {
width: max-content;
overflow: visible;
}
.about-intro-gallery-img-inner {
height: 100%;
}
.about-intro-stick {
padding-bottom: 0;
position: static;
}
.about-diff {
padding-top: 6.4rem;
padding-bottom: 3.2rem;
}
.about-diff-list {
grid-row-gap: 0rem;
}
.about-diff-title {
color: var(--_color---content--main);
}
.about-diff-text-wrap {
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
padding-bottom: 0;
}
.about-diff-text-wrap.active {
padding-bottom: 0;
}
.about-diff-desc {
opacity: 1;
color: var(--_color---content--note);
margin-bottom: 2.8rem;
margin-left: 0;
}
.about-diff-label-wrap {
margin-top: 0;
margin-bottom: 4rem;
position: static;
}
.about-diff-label-ic {
display: none;
}
.about-fea {
height: auto;
position: sticky;
top: auto;
bottom: 0;
overflow: visible;
}
.about-fea-bg {
flex-flow: column;
display: flex;
}
.about-fea-bg-item {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
height: 100svh;
display: grid;
position: sticky;
top: 0;
}
.about-fea-bg-item.is-last,
.about-fea-empty-block {
height: 200svh;
}
.about-fea-content,
.about-fea-label {
display: none;
}
.about-fea-content-list {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
height: min(52rem, 62vh);
margin-top: min(21.2rem, 25vh);
display: grid;
transform: none;
}
.about-fea-content-item {
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
height: 100%;
margin-left: 0;
}
.about-fea-item-title {
transform: translateY(calc((var(--item-index) - var(--index)) * 100%));
transition-property: transform, opacity;
transition-duration: 0.45s, 0.45s;
transition-timing-function: ease, cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
.about-fea-item-desc {
width: auto;
margin-right: -0.2rem;
position: static;
bottom: 0;
}
.article-main-hl-content-item-link {
margin-right: 1.6rem;
padding: 0;
}
.about-fea-content-wrap {
align-self: flex-start;
height: 100%;
margin-left: 0;
}
.about-stand {
padding-top: 6.4rem;
padding-bottom: 3.2rem;
}
.about-stand-title {
margin-bottom: 1.6rem;
}
.article-tab-title-mb.hidden-mb,
.article-tab-title-mb.hidden-dsk {
color: var(--_color---content--sub);
}
.article-main-hl-ctrl.hidden-dsk {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
justify-content: flex-end;
align-items: flex-start;
display: flex;
}
.article-main-hl-ctrl-item {
transition: color 0.4s;
}
.article-main-hl-ctrl-item-line {
width: var(--border--size);
background-color: var(--_color---border--main);
height: 1rem;
}
.about-stand-cms {
margin-top: 4.4rem;
}
.about-stand-list {
padding-right: var(--container--padding);
padding-left: var(--container--padding);
grid-column-gap: 1.6rem;
grid-row-gap: 1.6rem;
}
.about-stand-item {
padding-top: 3.2rem;
padding-bottom: 3.2rem;
}
.about-stand-item-label {
margin-top: 0;
}
.about-stand-item-line {
display: block;
}
.about-stand-item-title {
margin-top: 4.8rem;
}
.about-stand-item-desc {
color: var(--_color---content--soft);
margin-top: 1.6rem;
}
.tp-insight-hero-inner {
height: auto;
padding-right: var(--container--padding);
padding-bottom: 0;
padding-left: var(--container--padding);
margin-left: calc(var(--container--padding) * -1);
margin-right: calc(var(--container--padding) * -1);
flex-flow: row-reverse wrap-reverse;
}
.tp-insight-hero-wrap {
margin-bottom: 0;
}
.tp-insight-hero {
padding-top: 10.6rem;
transition: top 0.4s;
top: -8rem;
}
.tp-insight-hero-title {
margin-bottom: 1.6rem;
}
.tp-insight-hero-breadcrumb {
grid-column-gap: 0.6rem;
margin-bottom: 1.6rem;
}
.tp-insight-hero-breadcrumb-item {
flex: none;
}
.tp-insight-hero-breadcrumb-item.item-current {
flex: 1;
}
.tp-insight-hero-thumb {
z-index: 2;
position: relative;
}
.tp-insight-hero-tab {
z-index: 10;
width: auto;
padding-top: 0;
padding-right: var(--container--padding);
padding-left: var(--container--padding);
background-color: var(--_color---bg--main);
pointer-events: none;
margin-right: calc(var(--container--padding) * -1);
margin-left: calc(var(--container--padding) * -1);
transition-property: top;
transition-duration: 0.4s;
transition-timing-function: ease;
position: sticky;
top: 0;
}
.tp-insight-hero-tab-title {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
border-bottom: var(--border--size) solid var(--_color---border--light);
justify-content: space-between;
align-items: center;
margin-bottom: 0;
padding: 1.2rem 0.8rem 1.2rem 0.4rem;
display: flex;
}
.tp-insight-hero-tab-title-mb.hidden-mb,
.tp-insight-hero-tab-title-mb.hidden-dsk {
color: var(--_color---content--sub);
}
.tp-insight-hero-tab-inner {
padding-top: 0;
transition: none;
position: static;
}
.tp-insight-hero-tab-title-wrap {
z-index: 10;
pointer-events: auto;
margin-bottom: 0;
position: relative;
}
.tp-insight-hero-tab-content-inner {
background-color: var(--_color---bg--main);
width: 100%;
}
.about-trade {
padding-top: 6.4rem;
padding-bottom: 32rem;
overflow: hidden;
}
.about-trade-title {
margin-bottom: 1.6rem;
}
.about-trade-desc {
margin-bottom: 0;
}
.about-trade-desc-sub {
margin-bottom: 2.4rem;
}
.about-trade-desc-main {
margin-top: 2.4rem;
}
.tp-insight-hero-author {
pointer-events: auto;
margin-bottom: 1.6rem;
}
.tp-insight-hero-author.hidden-dsk {
grid-column-gap: 1.6rem;
background-color: #0000;
margin-bottom: 0;
padding-left: 0;
padding-right: 0;
display: flex;
position: relative;
}
.tp-insight-hero-info-wrap {
grid-row-gap: 0.8rem;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
width: calc(50% - 0.8rem);
}
.about-trade-bg-wrap {
height: 100%;
}
.tp-insight-hero-content-wrap {
z-index: 2;
padding-top: 3.2rem;
position: relative;
}
.tp-insight-hero-intro {
margin-bottom: 3.2rem;
}
.tp-insight-hero-content {
font-size: 1.4rem;
}
.tp-insight-hero-content h5 {
font-size: 2rem;
}
.tp-insight-hero-content p,
.tp-insight-hero-content ol {
margin-top: 2.4rem;
margin-bottom: 2.4rem;
}
.tp-insight-hero-content blockquote {
padding-left: 1.2rem;
padding-right: 1.2rem;
}
.tp-insight-hero-content h4 {
font-size: 2.4rem;
}
.tp-insight-hero-tag {
grid-row-gap: 1.2rem;
flex-flow: column;
align-items: flex-start;
margin-top: 3.2rem;
margin-bottom: 1.6rem;
}
.tp-insight-hero-other {
z-index: 2;
margin-top: 6.4rem;
margin-left: -1.6rem;
margin-right: -1.6rem;
padding-left: 1.6rem;
padding-right: 1.6rem;
position: relative;
overflow: hidden;
}
.tp-insight-hero-other-cms.swiper {
overflow: visible;
}
.tp-insight-hero-other-list {
grid-template-columns: minmax(1px, 1fr);
}
.tp-insight-hero-other-item,
.tp-insight-hero-other-item.swiper-slide {
aspect-ratio: auto;
width: 29.3rem;
height: auto;
margin-right: 1.2rem;
}
.tp-insight-hero-other-item-link {
padding-top: 1.6rem;
padding-bottom: 1.6rem;
}
.tp-insight-hero-other-item-img {
margin-bottom: 4.8rem;
}
.tp-insight-hero-other-item-label {
color: var(--_color---content--soft);
}
.article-linkedin-cms-pagi {
border-top-style: none;
}
.article-main-linkedin-item-ins {
aspect-ratio: auto;
width: 100%;
}
.popup-close {
color: var(--_color---content--main);
top: 2.4rem;
right: 1.6rem;
}
.popup-close.popup-about {
top: 2.4rem;
right: var(--container--padding);
}
.popup-close.industry-close {
top: 4rem;
}
.linkedin-popup {
border-radius: 0.4rem;
width: 100%;
height: 100%;
max-height: none;
}
.popup {
max-height: 100dvh;
}
.popup-wrap.active {
display: block;
}
.popup-inner {
justify-content: center;
align-items: center;
display: flex;
}
.popup-inner-content {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: center;
display: flex;
}
.linkedin-popup-inner {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
flex-flow: column;
padding: 0;
}
.linkedin-popup-thumb {
width: auto;
max-height: 46.22svh;
margin: 6.4rem var(--container--padding) 0rem;
flex: none;
padding-left: 0;
}
.linkedin-popup-main {
margin-top: 1.2rem;
margin-right: var(--container--padding);
margin-left: var(--container--padding);
border-top: var(--border--size) solid var(--_color---border--main);
padding-top: 1.2rem;
padding-bottom: 1.6rem;
padding-right: 0;
}
.linkedin-popup-main.custom-scroll {
padding-top: 0;
}
.linkedin-popup-head {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
justify-content: flex-start;
margin-bottom: 4.2rem;
}
.linkedin-popup-avt {
width: 3.2rem;
height: 3.2rem;
margin-right: 1.6rem;
}
.linkedin-popup-head-inner {
flex: 1;
}
.linkedin-popup-name {
padding-bottom: 0.6rem;
}
.linkedin-popup-tag {
margin-bottom: 0.6rem;
}
.linkedin-popup-link {
display: none;
}
.tp-insight-hero-tab-content {
z-index: 2;
width: 100%;
max-height: min(40rem, 50vh);
display: none;
position: absolute;
top: 100%;
left: 0;
}
.about-faq-wrap {
margin-top: 0;
}
.about-faq {
padding-top: 6.4rem;
padding-bottom: 3.2rem;
}
.about-faq-head-wrap {
margin-bottom: 2.4rem;
}
.tp-insight-hero-tab-title-ic {
justify-content: center;
align-items: center;
width: 0.8rem;
height: 0.8rem;
transition: transform 0.4s;
display: flex;
}
.linkedin-popup-video,
.linkedin-popup-img {
max-height: 46.22svh;
}
.linkedin-popup-link-mb {
text-transform: uppercase;
align-self: flex-start;
display: block;
}
.about-faq-desc {
width: 100%;
}
.about-faq-main {
margin-top: 0;
}
.about-faq-main-item {
padding-bottom: 0;
}
.about-faq-main-title {
margin-bottom: 1.6rem;
}
.about-faq-main-cms-item-line {
top: auto;
bottom: 0;
}
.about-faq-main-cms-item {
flex-flow: column;
grid-auto-columns: 1fr;
display: flex;
}
.service-hero-title {
will-change: transform;
width: 100%;
margin-bottom: 6.4rem;
}
.about-faq-main-cms-item-ans {
display: none;
}
.service-hero-cms {
will-change: transform;
padding-top: 0;
padding-bottom: 0;
}
.service-hero-list {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
width: 100%;
padding-right: 0;
}
.service-hero-item {
width: 100%;
}
.service-tech {
padding-top: 6.4rem;
overflow: hidden;
}
.service-tech-title-wrap {
margin-bottom: 6.4rem;
}
.service-tech-title {
text-align: left;
margin-bottom: 2.4rem;
}
.service-tech-sub {
text-align: left;
}
.service-tech-content {
flex-flow: column;
}
.service-tech-item {
border-right: var(--border--size) solid var(--_color---border--light);
border-left: var(--border--size) solid var(--_color---border--light);
width: 100%;
}
.service-tech-item-img-wrap {
padding: 0.8rem;
}
.service-tech-item-line,
.service-tech-item-img-dot {
display: none;
}
.service-tech-item-img-dot.top {
top: -0.7rem;
}
.service-tech-item-img-dot.left {
left: -0.7rem;
}
.service-tech-item-img-dot.right {
right: -0.7rem;
}
.service-tech-item-img-dot.bottom {
bottom: -0.7rem;
}
.service-tech-item-content {
padding: 1.6rem 0.8rem;
}
.service-tech-item-title {
margin-bottom: 1.2rem;
}
.service-tech-item-sub {
margin-bottom: 2.4rem;
}
.service-logis {
background-color: #0000;
padding-top: 6.4rem;
padding-bottom: 4rem;
}
.article-detail-filter-head {
padding-left: 0.8rem;
padding-right: 0.8rem;
}
.article-detail-filter-body {
right: auto;
}
.service-logis-label {
text-align: left;
margin-bottom: 1.6rem;
}
.service-logis-title {
text-align: left;
margin-bottom: 3.2rem;
}
.service-logis-sub {
text-align: left;
}
.service-main-resum {
display: none;
}
.service-main-content {
padding-top: 0;
}
.service-main-content-item-inner {
padding-top: 0;
padding-bottom: 0;
}
.service-main-content-item-title {
margin-bottom: 1.2rem;
}
.service-main-content-item-title-wrap {
grid-column-gap: 1.6rem;
flex-flow: row-reverse wrap;
margin-bottom: 0;
}
.about-faq-main-cms-item-ans-inner {
padding-top: 1.6rem;
}
.service-main-content-item-title-inner {
flex: 1;
}
.service-main-content-item-ic {
flex: none;
width: 4rem;
}
.service-main-content-item-body-inner {
grid-column-gap: 3.2rem;
grid-row-gap: 3.2rem;
width: 100%;
max-width: 100%;
margin-bottom: 3.2rem;
}
.service-main-content-item-btn {
width: 100%;
}
.about-faq-main-wrap {
margin-top: 0;
}
.about-intro-maquee-wrap {
margin-top: 4rem;
}
.about-intro-maquee-label {
width: fit-content;
margin-bottom: 0.4rem;
}
.about-intro-maquee-cms {
width: max-content;
}
.about-intro-maquee-list {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
margin-right: 0;
}
.about-intro-maquee-item {
height: 6.4rem;
}
.about-intro-maquee {
-webkit-mask-image: linear-gradient(
90deg,
#0000 0%,
#000 5rem calc(100% - 5rem),
#0000 100%
);
mask-image: linear-gradient(
90deg,
#0000 0%,
#000 5rem calc(100% - 5rem),
#0000 100%
);
}
.member-popup {
border-radius: 0.4rem;
width: 100%;
height: 100svh;
max-height: none;
transform: translateY(2rem);
}
.member-popup-head {
background-image: url(https://cdn.prod.website-files.com/6a44eec1ed1af2c4c403df6b/6a44eec1ed1af2c4c403df82_bg-dot.png);
background-position: 0 0;
background-size: auto;
flex-flow: column-reverse wrap;
height: auto;
padding: 0;
display: flex;
}
.member-popup-body {
padding: 3.2rem 1.6rem 4.8rem;
}
.member-popup-text {
margin-bottom: 0;
padding: 2.4rem 1.6rem 0;
}
.member-popup-name {
margin-bottom: 1.2rem;
}
.member-popup-link {
margin-bottom: 2.4rem;
}
.member-popup-link.hidden-dsk {
color: var(--_color---content--soft);
}
.member-popup-img-wrap {
justify-content: space-between;
align-items: flex-start;
padding-top: 2.4rem;
padding-left: 1.6rem;
padding-right: 1.6rem;
display: flex;
position: static;
}
.member-popup-img {
aspect-ratio: 4/5;
width: 15.3rem;
display: block;
overflow: hidden;
}
.about-trade-label-ic {
margin-top: 2.4rem;
margin-bottom: 2.4rem;
}
.about-faq-text-wrap {
flex-flow: column;
justify-content: flex-start;
align-items: center;
margin-top: 3.2rem;
display: flex;
}
.about-faq-text {
text-align: center;
margin-bottom: 2.4rem;
}
.about-faq-btn-mb {
display: block;
}
.commu-hero {
padding-top: 12.2rem;
padding-bottom: 5.6rem;
}
.commu-hero-decor {
margin-bottom: 31.2rem;
}
.commu-hero-decor-inner {
margin-right: 2rem;
}
.commu-hero-decor-item {
height: 4.8rem;
}
.commu-hero-main {
flex-flow: column;
margin-top: 0;
}
.commu-hero-list,
.commu-hero-item {
height: 100%;
}
.commu-hero-item-title {
margin-bottom: 2.4rem;
}
.commu-hero-item-desc {
width: 100%;
margin-bottom: 2.4rem;
}
.service-main-content-item-img {
aspect-ratio: 3/2;
width: 100%;
}
.commu-hero-thumb {
margin-top: 7.2rem;
}
.commu-hero-thumb-img {
width: 25.2rem;
margin-left: auto;
margin-right: auto;
}
.service-main-content-item-body-wrap {
flex-flow: column;
padding-bottom: 2.4rem;
padding-left: 5.6rem;
display: none;
}
.footer-content {
margin-right: 0;
}
.service-hero-cms-wrap {
padding-bottom: 4rem;
}
.commu-hero-thumb-label {
margin-bottom: 1.2rem;
}
.commu-hero-thumb-title {
padding-left: 6.2rem;
padding-right: 6.2rem;
}
.service-hero-cms-pagi {
grid-column-gap: 0.4rem;
margin-top: 2.4rem;
display: flex;
}
.service-hero-cms-pagi-item {
height: var(--border--size);
background-color: var(--_color---content--disable);
--_color---bg--main: var(--_color---m-black);
--_color---content--main: var(--_color---m-white);
--_color---content--note: #ffffff3d;
--_color---border--bold: #ffffff52;
--_color---bg--sf-2: var(--_color---m-white);
--_color---border--highlight: var(--_color---m-white);
--_color---secondary: #f50;
--_color---m-white: white;
--_color---content--soft: #fff9;
--_color---bg--sf-1: #1a1a1a;
--_color---border--light: #ffffff14;
--_color---content--brand: var(--_color---primary);
--_color---content--disable: #ffffff29;
--_color---content--sub: #ffffffb3;
--_color---m-black: #111;
--_color---border--main: #ffffff29;
--_color---content--black\<deleted\|variable-6e7d8137-8713-9ff4-5cea-f92e6216a872\>: black;
--_color---bg--brand: var(--_color---primary);
--_color---primary: #0016cb;
flex: 1;
overflow: hidden;
}
.commu-hero-thumb-cta-bg {
width: 100%;
height: 100%;
}
.service-hero-cms-pagi-item-inner {
height: var(--border--size);
background-color: var(--_color---bg--main);
--_color---bg--main: var(--_color---m-white);
--_color---content--main: var(--_color---m-black);
--_color---content--note: #1116;
--_color---border--bold: #1111114d;
--_color---bg--sf-2: var(--_color---m-black);
--_color---border--highlight: var(--_color---m-black);
--_color---secondary: #f50;
--_color---m-white: white;
--_color---content--soft: #111111b8;
--_color---bg--sf-1: #f4f4f4;
--_color---border--light: #1111111a;
--_color---content--brand: var(--_color---primary);
--_color---content--disable: #11111129;
--_color---content--sub: #111111e0;
--_color---m-black: #111;
--_color---border--main: #1113;
--_color---content--black\<deleted\|variable-6e7d8137-8713-9ff4-5cea-f92e6216a872\>: black;
--_color---bg--brand: var(--_color---primary);
--_color---primary: #0016cb;
transform: translate(-101%);
}
.commu-hero-thumb-dots {
inset: 1rem;
}
.service-main-content-cms-wrap {
background-color: var(--_color---bg--main);
margin-left: -1.6rem;
margin-right: -1.6rem;
padding: 6.4rem 1.6rem 3.2rem;
}
.service-main-content-cms-wrap.on-light {
background-color: var(--_color---bg--main);
--_color---bg--main: var(--_color---m-white);
--_color---content--main: var(--_color---m-black);
--_color---content--note: #1116;
--_color---border--bold: #1111114d;
--_color---bg--sf-2: var(--_color---m-black);
--_color---border--highlight: var(--_color---m-black);
--_color---secondary: #f50;
--_color---m-white: white;
--_color---content--soft: #111111b8;
--_color---bg--sf-1: #f4f4f4;
--_color---border--light: #1111111a;
--_color---content--brand: var(--_color---primary);
--_color---content--disable: #11111129;
--_color---content--sub: #111111e0;
--_color---m-black: #111;
--_color---border--main: #1113;
--_color---content--black\<deleted\|variable-6e7d8137-8713-9ff4-5cea-f92e6216a872\>: black;
--_color---bg--brand: var(--_color---primary);
--_color---primary: #0016cb;
}
.service-main-content-cms-label {
color: var(--_color---content--sub);
margin-bottom: 2.4rem;
display: block;
}
.service-main-content-item-head {
grid-column-gap: 2.4rem;
justify-content: space-between;
align-items: flex-start;
padding-top: 2.4rem;
padding-bottom: 2.4rem;
display: flex;
}
.service-main-content-item-toggle {
background-color: var(--_color---content--note);
border-radius: 50%;
flex: none;
align-self: flex-start;
width: 0.8rem;
height: 0.8rem;
transition: background-color 0.4s;
display: flex;
}
.commu-hero-item-sub {
margin-top: 0;
margin-bottom: 1.2rem;
display: flex;
}
.commu-hero-item-sub.hidden-mb {
display: none;
}
.commu-hero-item-sub.hidden-dsk {
display: flex;
}
.commu-hero-item-sub-label.sub-2 {
margin-left: 0;
}
.commu-intro {
padding-top: 4rem;
}
.commu-intro-text-wrap {
margin-bottom: 4rem;
}
.commu-intro-title {
margin-bottom: 2.4rem;
}
.commu-intro-desc {
margin-bottom: 4rem;
}
.commu-intro-main {
grid-row-gap: 0.4rem;
flex-flow: column;
margin-bottom: 2rem;
display: flex;
}
.commu-intro-cms.hidden-dsk {
display: flex;
}
.commu-intro-list {
grid-column-gap: 0.4rem;
padding-right: 0.4rem;
}
.commu-intro-item {
width: 11.4rem;
height: 14rem;
}
.commu-charity {
padding-top: 6.4rem;
padding-bottom: 10rem;
}
.commu-charity-title {
margin-bottom: 2.4rem;
}
.commu-charity-list {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
flex-flow: column;
display: flex;
}
.commu-charity-item {
grid-column-gap: 1.6rem;
grid-row-gap: 0rem;
border-bottom: var(--border--size) solid var(--_color---border--light);
background-color: #0000;
grid-template-rows: auto;
grid-template-columns: 1fr 8.4rem;
grid-auto-columns: 1fr;
height: auto;
padding: 1.2rem 0;
display: grid;
}
.commu-charity-item:hover {
background-color: #0000;
}
.industry-hero {
height: 100svh;
}
.industry-hero-wrap {
z-index: 2;
position: relative;
}
.industry-hero-bg {
height: 100svh;
}
.industry-hero-title {
height: auto;
margin-top: 8rem;
margin-bottom: 0;
padding-bottom: 0;
position: static;
}
.industry-hero-desc-wrap {
text-align: center;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
width: 31.7rem;
margin-bottom: 4.8rem;
display: grid;
}
.industry-hero-desc {
opacity: 0;
justify-content: center;
height: auto;
transition: opacity 0.4s;
}
.industry-hero-desc.active {
opacity: 1;
}
.industry-hero-empty {
display: none;
}
.industry-our {
padding-top: 6.4rem;
}
.commu-charity-item-link {
grid-template-rows: auto;
grid-template-columns: 1fr 8.4rem;
grid-auto-columns: 1fr;
display: none;
}
.commu-charity-item-title {
margin-bottom: 0;
}
.commu-charity-item-logo {
margin-bottom: 0;
}
.policy-main-content-text h2 {
font-size: 2.4rem;
}
.policy-main-content-text p,
.policy-main-content-text h5,
.policy-main-content-text li,
.policy-main-content-text h6 {
font-size: 1.4rem;
}
.commu-charity-item-desc {
margin-bottom: 2.4rem;
}
.commu-charity-item-logo-img {
width: 8.4rem;
height: 5.6rem;
}
.commu-charity-item-decor {
display: none;
}
.commu-charity-item-label {
opacity: 1;
position: relative;
top: auto;
right: auto;
}
.industry-our-title {
margin-top: 2.4rem;
margin-bottom: 2.4rem;
}
.industry-our-desc {
color: var(--_color---content--sub);
}
.industry-our-main {
background-color: var(--_color---bg--main);
margin-top: 3.2rem;
}
.industry-our-cms {
background-color: var(--_color---bg--main);
--_color---bg--main: var(--_color---m-black);
--_color---content--main: var(--_color---m-white);
--_color---content--note: #ffffff3d;
--_color---border--bold: #ffffff52;
--_color---bg--sf-2: var(--_color---m-white);
--_color---border--highlight: var(--_color---m-white);
--_color---secondary: #f50;
--_color---m-white: white;
--_color---content--soft: #fff9;
--_color---bg--sf-1: #1a1a1a;
--_color---border--light: #ffffff14;
--_color---content--brand: var(--_color---primary);
--_color---content--disable: #ffffff29;
--_color---content--sub: #ffffffb3;
--_color---m-black: #111;
--_color---border--main: #ffffff29;
--_color---content--black\<deleted\|variable-6e7d8137-8713-9ff4-5cea-f92e6216a872\>: black;
--_color---bg--brand: var(--_color---primary);
--_color---primary: #0016cb;
}
.industry-our-list {
padding: 2.1rem var(--container--padding);
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: column;
display: flex;
}
.industry-our-item {
background-color: var(--_color---bg--sf-1);
margin-bottom: 0;
padding: 2rem 1.2rem;
position: static;
}
.commu-hero-main-ctrl {
grid-column-gap: 2rem;
margin-bottom: 42.7rem;
display: flex;
}
.commu-hero-main-ctrl-cursor {
display: none;
}
.industry-our-item-inner {
background-color: #0000;
padding-bottom: 0;
}
.industry-our-item-main-left {
flex-flow: row;
align-items: flex-end;
width: auto;
margin-right: 0;
}
.industry-our-item-main-center {
display: none;
}
.industry-our-item-main-right {
justify-content: space-between;
width: 100%;
margin-bottom: 5.2rem;
display: flex;
}
.industry-our-item-main-thumb {
width: 12.2rem;
height: 7.2rem;
}
.industry-our-item-number {
width: calc(var(--container--one-column) * 1);
}
.industry-our-item-number.hidden-dsk {
width: auto;
}
.industry-our-item-sub {
max-width: 23.3rem;
color: var(--_color---content--soft);
}
.industry-our-item-btn {
display: none;
}
.industry-our-item-name-wrap {
margin-bottom: 1.2rem;
}
.industry-our-item-name-wrap.hidden-dsk {
display: flex;
}
.industry-our-item-line {
display: none;
}
.merchan-hero {
height: 42.4rem;
}
.merchan-hero-title-wrap {
grid-row-gap: 2.4rem;
flex-flow: column;
justify-content: flex-end;
align-items: flex-start;
}
.commu-charity-item-body {
flex-flow: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
align-items: flex-start;
padding-top: 1.6rem;
display: none;
overflow: visible;
}
.industry-our-item-head {
margin-top: 5.2rem;
margin-bottom: 1.2rem;
padding: 0;
}
.header-cart-btn {
width: 1.6rem;
height: 1.6rem;
}
.header-cart-btn-ic {
width: 1.6rem;
}
.merchan-product {
padding-top: 4rem;
padding-bottom: 4rem;
}
.merchan-product-intro {
grid-row-gap: 4rem;
flex-flow: column;
align-items: flex-start;
margin-bottom: 2rem;
}
.merchan-product-filter-inner {
grid-column-gap: 1rem;
border-bottom: var(--border--size) solid var(--_color---border--light);
padding: 1.2rem 0.6rem 1.2rem 0.4rem;
}
.merchan-product-filter-checkbox {
left: 0;
right: auto;
}
.merchan-product-list {
grid-column-gap: 1.6rem;
grid-row-gap: 1.6rem;
grid-template-columns: minmax(1px, 1fr) minmax(1px, 1fr);
}
.merchan-product-item-btn-link {
opacity: 0;
pointer-events: none;
position: absolute;
bottom: calc(100% + 0.8rem);
right: 0.8rem;
}
.merchan-product-item-btn-link.active {
opacity: 1;
pointer-events: auto;
}
.merchan-product-item-body {
padding-top: 0.8rem;
padding-bottom: 0.8rem;
position: relative;
}
.career-process-item-body {
border-top: var(--border--size) solid var(--_color---border--light);
flex-flow: column;
padding-top: 2rem;
padding-bottom: 2rem;
padding-left: 4.2rem;
display: none;
}
.merchan-popup-inner {
padding: 0.8rem 0.8rem 4rem;
overflow: auto;
}
.merchan-popup-item-inner {
flex-flow: column;
}
.career-job-item-title-wrap {
grid-column-gap: 3.2rem;
justify-content: space-between;
align-items: center;
padding-top: 2rem;
display: flex;
}
.merchan-popup-item-img {
width: auto;
}
.merchan-popup-item-content {
max-height: none;
padding-left: 0.8rem;
padding-right: 0.8rem;
overflow: hidden;
}
.merchan-popup-item-img-main {
width: 27.9rem;
}
.merchan-popup-item-option {
grid-row-gap: 1.6rem;
}
.merchan-popup-item-name {
margin-bottom: 1.6rem;
}
.item-size-label {
margin-bottom: 1.2rem;
}
.btn-quantity {
width: 10.6rem;
}
.merchan-popup-item.active {
height: 100%;
}
.career-process-item-ic {
width: 2rem;
height: 2rem;
color: var(--_color---border--highlight);
justify-content: center;
align-items: center;
transition: transform 0.45s;
display: flex;
}
.sidebar-cart-inner {
max-width: 100%;
}
.sidebar-cart-head {
padding: 0.8rem 0 0.8rem 1.6rem;
}
.sidebar-cart-close {
width: 4.8rem;
height: 4.8rem;
color: var(--_color---border--highlight);
padding: 0.8rem;
}
.sidebar-cart-list {
max-height: calc(100dvh - 22rem);
padding-left: 1.6rem;
padding-right: 1.6rem;
}
.sidebar-cart-item-img {
width: 12rem;
height: 12rem;
}
.sidebar-cart-item-content {
margin-bottom: 1.2rem;
}
.sidebar-cart-item-quantity.btn-quantity {
width: 8rem;
}
.sidebar-cart-item-price {
margin-bottom: 1.2rem;
}
.sidebar-cart-item-title {
margin-bottom: 0.8rem;
}
.sidebar-cart-item-option {
grid-column-gap: 0.8rem;
flex-flow: row;
}
.sidebar-cart-footer {
padding: 1.6rem;
}
.sidebar-cart-footer-head {
align-items: flex-start;
margin-bottom: 2rem;
}
.sidebar-cart-footer-title {
margin-bottom: 0.4rem;
}
.industry-our-item-main-ic {
width: 4rem;
height: 4rem;
display: block;
}
.industry-hero-empty-mb {
height: 600svh;
display: block;
}
.industry-hero-mb {
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
position: sticky;
bottom: 0;
}
.industry-popup {
background-color: var(--_color---bg--main);
--_color---bg--main: var(--_color---m-black);
--_color---content--main: var(--_color---m-white);
--_color---content--note: #ffffff3d;
--_color---border--bold: #ffffff52;
--_color---bg--sf-2: var(--_color---m-white);
--_color---border--highlight: var(--_color---m-white);
--_color---secondary: #f50;
--_color---m-white: white;
--_color---content--soft: #fff9;
--_color---bg--sf-1: #1a1a1a;
--_color---border--light: #ffffff14;
--_color---content--brand: var(--_color---primary);
--_color---content--disable: #ffffff29;
--_color---content--sub: #ffffffb3;
--_color---m-black: #111;
--_color---border--main: #ffffff29;
--_color---content--black\<deleted\|variable-6e7d8137-8713-9ff4-5cea-f92e6216a872\>: black;
--_color---bg--brand: var(--_color---primary);
--_color---primary: #0016cb;
width: 100%;
height: 100svh;
max-height: none;
display: block;
transform: translateY(2rem);
}
.industry-popup-inner {
width: 100%;
height: 100%;
padding: 6.4rem var(--container--padding) 3.2rem;
}
.industry-popup-head {
padding-bottom: 2.4rem;
position: relative;
}
.industry-popup-body {
margin-top: 3.2rem;
}
.industry-popup-number {
color: var(--_color---content--soft);
margin-bottom: 1.6rem;
}
.industry-popup-title {
color: var(--_color---content--main);
}
.industry-popup-head-line {
width: 100%;
height: var(--border--size);
background-color: var(--_color---border--light);
position: absolute;
bottom: 0%;
left: 0%;
right: 0%;
}
.industry-popup-sub {
color: var(--_color---content--main);
margin-bottom: 3.2rem;
}
.industry-popup-desc {
color: var(--_color---content--sub);
margin-bottom: 3.6rem;
}
.industry-popup-why,
.industry-popup-btn {
margin-bottom: 3.6rem;
}
.industry-popup-why-desc {
color: var(--_color---content--soft);
margin-top: 1.2rem;
}
.industry-popup-why-label {
border-bottom: var(--border--size) solid var(--_color---border--light);
color: var(--_color---content--soft);
padding-bottom: 1.2rem;
}
.tp-product-hero {
background-color: #0000;
padding-top: 7.4rem;
}
.tp-product-hero-thumb {
padding-top: 1.6rem;
}
.tp-product-hero-thumb-cms-wrap {
max-height: 100%;
margin-top: 0.8rem;
position: static;
transform: none;
}
.tp-product-hero-thumb-list.swiper-wrapper {
flex-flow: row;
}
.tp-product-hero-thumb-item-inner.swiper-slide {
flex: none;
}
.tp-product-hero-thumb-main {
background-color: var(--_color---bg--sf-1);
border-radius: 0.4rem;
}
.tp-product-hero-thumb-main-item {
width: 29.1rem;
}
.tp-product-hero-thumb-cms.swiper {
height: auto;
overflow: visible;
}
.tp-product-hero-thumb-cms-control {
display: none;
}
.tp-product-hero-thumb-cms-inner {
margin-left: -1.6rem;
margin-right: -1.6rem;
padding-left: 1.6rem;
padding-right: 1.6rem;
overflow: hidden;
}
.tp-product-content {
padding-bottom: 6rem;
}
.tp-product-content-head {
padding-top: 4rem;
padding-bottom: 2rem;
}
.tp-product-content-name {
margin-bottom: 1.6rem;
}
.tp-product-content-cart-option {
grid-row-gap: 1.6rem;
flex-flow: column;
}
.btn-quantity-ic-item {
width: 2.6rem;
margin: -0.5rem;
padding: 0.5rem;
}
.tp-product-content-cart-option-inner {
grid-row-gap: 1.6rem;
flex-flow: column;
}
.tp-product-content-action-price {
margin-bottom: 0.8rem;
}
.tp-product-content-action-price-wrap {
display: none;
}
.tp-product-content-action-price-wrap.on-mb {
display: block;
}
.tp-product-content-action-btn-wrap {
grid-row-gap: 0.8rem;
flex-flow: column;
width: 100%;
}
.tp-product-content-main {
padding-top: 4rem;
}
.tp-product-content-main-detail-item {
grid-row-gap: 0.8rem;
flex-flow: column;
margin-bottom: 2rem;
padding-bottom: 2rem;
}
.tp-product-content-main-item-txt {
width: 100%;
}
.tp-product-other-head {
margin-bottom: 2rem;
}
.tp-product-other-item.swiper-slide {
width: 17.3rem;
margin-right: 1.5rem;
}
.tp-product-other-item-body {
padding-top: 0.8rem;
padding-bottom: 0.8rem;
position: relative;
}
.tp-product-other-item-name {
margin-bottom: 0.4px;
}
.tp-product-other-item-btn {
opacity: 0;
position: absolute;
bottom: calc(100% + 0.8rem);
right: 0.8rem;
}
.tp-product-other-item-btn.active {
opacity: 1;
}
.industry-hero-bg-inner {
display: none;
}
.tp-product-hero-breakcrum {
margin-bottom: 1.6rem;
display: none;
position: static;
}
.payment-hero {
padding-top: 7rem;
}
.payment-hero-head {
margin-top: 4rem;
margin-bottom: 4rem;
}
.payment-hero-title {
margin-bottom: 1.2rem;
}
.payment-hero-body {
margin-top: 4rem;
}
.payment-hero-content {
padding-left: 0;
}
.payment-hero-content-sub {
margin-bottom: 2.6rem;
}
.payment-hero-method-title {
margin-bottom: 1.2rem;
}
.payment-hero-method-sub,
.payment-hero-method-hub {
margin-bottom: 1.8rem;
}
.payment-hero-content-richtext p {
margin-bottom: 1.2rem;
font-size: 1.4rem;
}
.payment-hero-content-richtext li {
font-size: 1.4rem;
}
.payment-hero-content-richtext ul {
padding-left: 1.8rem;
}
.order-confirm {
padding-top: 3.2rem;
padding-bottom: 6.4rem;
}
.order-confirm-title {
text-align: left;
}
.order-confirm-sub {
text-align: left;
margin-bottom: 4rem;
}
.checkout-main-info {
margin-right: 0;
}
.checkout-main-sum {
margin-top: 2rem;
margin-left: 0;
position: static;
}
.checkout-main {
padding-top: 3.2rem;
padding-bottom: 6.4rem;
}
.order-confirm-btn {
align-self: flex-start;
margin-top: 2rem;
}
.order-confirm-sum-total {
margin-top: 1.6rem;
padding-top: 1.6rem;
}
.order-confirm-sum-inner {
padding: 3.2rem 1.6rem;
}
.order-confirm-sum-header,
.checkout-main-head {
margin-bottom: 2.4rem;
}
.checkout-main-title {
margin-bottom: 2rem;
}
.checkout-main-pagi {
grid-column-gap: 0.6rem;
}
.checkout-main-info-item-title {
margin-bottom: 1.6rem;
}
.service-tech-item-img-inner {
width: 100%;
height: 20rem;
}
.home-service-land {
height: min(10rem, 9.25926vmin);
}
.about-fea-bg-overlay,
.about-trade-bg-blur,
.about-fea-line {
display: none;
}
.btn-quantity-wrap {
grid-row-gap: 1.2rem;
margin-top: 1.6rem;
}
.about-diff-sub-wrap,
.about-diff-label-ic-2 {
display: none;
}
.list {
margin-bottom: 1.8rem;
padding-left: 1.8rem;
}
.checkout-main-info-input-row {
grid-row-gap: 1.6rem;
flex-flow: column;
}
.career-job-item-ic {
width: 2rem;
height: 2rem;
transition: transform 0.4s;
display: block;
}
.career-job-item-sub-label {
display: block;
}
.career-job-item-sub-inner {
font-family: var(--font--body);
color: var(--_color---content--main);
text-transform: none;
display: flex;
}
.career-job-item-btn {
width: 100%;
margin-top: 1.2rem;
display: block;
}
.about-diff-sub-mb {
color: var(--_color---content--note);
margin-bottom: 0.8rem;
display: block;
}
.about-diff-sub-text-wrap {
padding-top: 2.8rem;
padding-bottom: 2.8rem;
}
.checkout-main-info-item-sub {
margin-top: -0.8rem;
}
.checkout-main-order-item-name {
margin-bottom: 0.8rem;
}
.checkout-main-order-item-variation {
grid-row-gap: 0.4rem;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
}
.checkout-main-order-item-option {
grid-column-gap: 1.6rem;
grid-row-gap: 1.6rem;
}
.career-job-item-inner {
grid-column-gap: 0.8rem;
grid-row-gap: 0.8rem;
flex-flow: column;
justify-content: flex-start;
align-items: stretch;
width: 100%;
padding-top: 2rem;
display: flex;
}
.career-job-label-wrap {
justify-content: space-between;
width: 100%;
padding-top: 2rem;
padding-bottom: 1.6rem;
display: flex;
}
.career-job-filter-mb {
color: var(--_color---content--main);
display: block;
}
.filter-popup {
border-radius: 0.4rem;
width: 100%;
height: 100svh;
max-height: none;
transform: translateY(2rem);
}
.filter-popup-inner {
padding-right: var(--container--padding);
padding-left: var(--container--padding);
}
.filter-popup-body {
padding-bottom: 2.4rem;
}
.filter-popup-head {
border-bottom: var(--border--size) solid var(--_color---border--main);
}
.filter-popup-row {
border-bottom: var(--border--size) solid var(--_color---border--main);
padding-top: 2rem;
padding-bottom: 2rem;
}
.filter-popup-title {
padding-top: 2.3rem;
padding-bottom: 2.3rem;
}
.filter-popup-filter-title {
margin-bottom: 1.6rem;
}
.filter-popup-filter-inner {
grid-column-gap: 1.2rem;
grid-row-gap: 1.2rem;
flex-flow: column;
margin-top: 1.6rem;
display: flex;
}
.filter-popup-filter-radio {
color: var(--_color---content--soft);
}
.checkout-main-info-item-method-option {
padding-top: 0.8rem;
padding-bottom: 0.8rem;
}
.checkout-main-info-item-radio {
width: 1.4rem;
height: 1.4rem;
}
.checkout-main-sum-inner {
padding: 3.2rem 1.6rem;
}
.checkout-main-sum-order-head {
margin-bottom: 2.4rem;
}
.member-popup-action {
padding-right: var(--container--padding);
padding-left: var(--container--padding);
margin-top: 3.6rem;
}
.checkout-main-sum-desc {
padding-top: 0;
padding-bottom: 0;
}
.filter-popup-clear {
margin-top: 2.4rem;
}
.filter-popup-btn {
margin-top: 8rem;
}
.checkout-main-pagi-wrap {
flex-flow: column;
align-items: flex-start;
}
.checkout-main-secu-wrap {
align-self: flex-start;
margin-top: 6.5rem;
}
.checkout-main-secu-ic {
width: 1.6rem;
}
.checkout-main-info-item-head {
flex-flow: column;
}
.checkout-main-info-item-payment {
align-self: flex-start;
width: 100%;
margin-top: 1.6rem;
}
.checkout-main-info-item-payment-list {
justify-content: flex-start;
align-items: center;
margin-bottom: 0.8rem;
}
.checkout-main-order-item-name-wrap {
flex-flow: column;
margin-bottom: 1.2rem;
}
.checkout-main-wrap {
padding-top: 7rem;
}
.commu-intro-ic {
justify-content: center;
align-items: center;
width: 1rem;
height: 1rem;
display: flex;
}
.commu-hero-slide-dot {
background-color: var(--_color---content--disable);
border-radius: 99%;
width: 0.6rem;
height: 0.6rem;
transition: background-color 0.4s;
}
.commu-hero-slide-dot.active {
background-color: var(--_color---content--sub);
}
.commu-hero-slide-dots {
grid-column-gap: 0.8rem;
grid-row-gap: 0.8rem;
flex-flow: row;
justify-content: center;
width: 100%;
margin-top: 2.4rem;
display: flex;
}
.footer-content-item-wrap {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
flex-flow: column;
}
.footer-content-payment {
width: 100%;
padding-top: 0;
}
.footer-content-payment.item-align-right {
grid-row-gap: 0.4rem;
justify-content: flex-start;
align-items: flex-end;
padding-top: 0;
}
.footer-content-payment.item-border-top {
margin-top: 0.8rem;
padding-top: 3.2rem;
}
.footer-content-payment-desc {
margin-bottom: 1.6rem;
}
.footer-content-payment-ic {
height: 2.5rem;
}
.footer-gb-bot-inner {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
flex-flow: column-reverse;
padding-top: 2rem;
padding-bottom: 0;
}
.footer-gb-copyright {
color: var(--_color---content--note);
flex-flow: column;
}
.footer-gb-wrap {
width: 100%;
}
.footer-legal-payment.is-tablet {
width: 32rem;
color: var(--_color---content--note);
text-align: center;
}
.footer-legal-payment.hidden-mb {
display: none;
}
.footer-menu-line-2 {
margin-top: 3.2rem;
margin-bottom: 3.2rem;
display: block;
}
.footer-menu-line-2.line-mb {
display: block;
}
.line-legal-mb {
margin-top: 2rem;
display: block;
}
.line-legal-mb.tp-insight-hero-author-line {
width: calc(100% + 2.4rem);
margin-top: 1.2rem;
margin-bottom: 1.2rem;
margin-left: -1.2rem;
}
.line-legal-mb.service-tech-line-mob {
width: auto;
margin-left: -1.8rem;
margin-right: -1.8rem;
display: block;
}
.line-legal-mb.merchan-popup-item-line {
margin-top: 1.6rem;
margin-bottom: 1.6rem;
}
.line-legal-mb.tp-product-content-head-line.top {
display: none;
}
.line-legal-mb.checkout-main-sum-line,
.line-legal-mb.checkout-main-sum-order-line {
margin-top: 1.6rem;
margin-bottom: 1.6rem;
}
.tp-product-hero-thumb-item.swiper-slide {
width: 8rem;
}
.qhse-main-title {
width: 100%;
margin-bottom: 1.2rem;
}
.qhse-main-content {
padding-left: 0;
}
.header-dropdown {
z-index: 99;
opacity: 0;
pointer-events: none;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
transition: opacity 0.25s, transform 0.4s;
display: grid;
top: -1.6rem;
left: auto;
right: 0;
transform: translate(73%);
}
.header-dropdown.active {
opacity: 1;
transition-duration: 0.3s, 0.4s;
transform: translate(0);
}
.header-dropdown-link {
flex: none;
}
.header-dropdown-link.w--current {
color: var(--_color---content--main);
}
.header-dropdown-inner {
flex-flow: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
width: 100%;
padding: 4.6rem 4rem 3.2rem;
transition: padding 0.3s;
display: flex;
}
.header-dropdown-body {
grid-column-gap: 3.2rem;
grid-row-gap: 3.2rem;
justify-content: flex-start;
align-items: center;
width: 100%;
margin-bottom: 0;
padding-top: 1.6rem;
padding-bottom: 2.4rem;
}
.header-dropdown-bg {
clip-path: inset(0);
background-image: linear-gradient(#000 40.75%, #111);
}
.header-dropdown-bot {
display: block;
}
.header-dropdown-bot-label {
margin-top: 2.4rem;
margin-bottom: 1.2rem;
display: block;
}
.header-dropdown-bot-link {
display: block;
}
.header-dropdown-line {
transform: scale(1);
}
.header-dropdown-link-inner,
.header-dropdown-bot-label-inner,
.header-dropdown-bot-link-inner {
transform: translate(0);
}
.header-dropdown-body-inner {
justify-content: flex-start;
align-items: flex-start;
width: 100%;
}
.industry-our-item-body {
flex-flow: column-reverse;
padding: 0;
}
.industry-our-item-main-inner {
width: 100%;
}
.about-intro-stick-block {
display: none;
}
.commu-charity-item-inner {
width: 100%;
}
.commu-charity-item-body-inner {
padding-top: 0;
}
.home-why-wrap {
flex-flow: column-reverse wrap;
}
.home-why {
margin-top: -100svh;
top: 0;
bottom: auto;
}
.home-why-ship {
opacity: 1;
}
.home-why-ship-img {
filter: none;
width: 28.8rem;
}
.home-why-ocean-img {
display: none;
}
.home-why-ocean-img.mobile {
display: block;
}
.home-service-sub-wrap {
margin-top: 0;
}
.home-testi-text-wrap {
flex-flow: column;
margin-bottom: 4rem;
}
.home-testi-pagi {
height: calc(100svh - 34.06rem);
display: none;
}
.home-testi-title {
width: 100%;
margin-bottom: 2.4rem;
}
.home-testi-desc {
width: 100%;
}
.home-testi-item {
position: relative;
}
.home-testi-item-inner {
flex-flow: column;
margin-bottom: 2rem;
padding-top: 2rem;
padding-bottom: 2rem;
}
.home-testi-item-info {
width: 100%;
margin-bottom: 3.2rem;
display: flex;
}
.home-testi-item-thumb {
border-radius: 0.4rem;
flex: none;
width: 9.6rem;
height: 9.6rem;
margin-bottom: 0;
margin-right: 2rem;
overflow: hidden;
}
.home-testi-item-info-inner {
justify-content: space-between;
}
.home-testi-item-main {
width: 100%;
}
.home-testi-stick-block {
height: 300svh;
display: none;
}
.home-why-empty-block.first-screen {
height: 400svh;
}
.home-why-empty-block.bottom {
height: 100svh;
}
.home-why-main {
margin-top: -100svh;
}
.home-why-stick {
height: 100svh;
}
.home-why-text-wrap {
margin-bottom: 12rem;
}
.home-why-main-content {
margin-left: 0;
margin-right: 0;
padding-bottom: 200svh;
overflow: hidden;
}
.home-why-main-list {
grid-row-gap: 6.4rem;
grid-column-gap: calc(
var(--container--one-column) * 1 + var(--container--column-gap) * 1
);
flex-flow: column;
justify-content: flex-start;
align-items: center;
}
.home-why-main-item {
width: auto;
}
.home-why-main-item-ic {
margin-bottom: 2.4rem;
}
.home-why-main-item-title {
max-width: 20rem;
margin-bottom: 1.2rem;
}
.home-partners-wrap {
overflow: hidden;
}
.home-why-main-item-desc {
max-width: 25.6rem;
}
.home-partners {
margin-top: 6.4rem;
padding-top: 0;
}
.home-partners-label-wrap {
padding-top: 2.3rem;
padding-bottom: 2.3rem;
}
.home-partners-label-wrap.shipping-lines {
padding-top: 2.3rem;
}
.home-partners-list {
grid-template-columns: 1fr 1fr;
}
.home-partners-item {
aspect-ratio: 16/9;
}
.home-partners-item-thumb {
height: 5rem;
}
.home-partners-bg {
padding-top: 120%;
}
.home-ins {
padding-top: 6.4rem;
padding-bottom: 6.4rem;
}
.home-ins-text-wrap {
flex-flow: column;
justify-content: flex-start;
align-items: stretch;
position: relative;
top: 0;
}
.home-ins-title {
margin-bottom: 2.4rem;
}
.home-ins-desc-wrap {
width: 100%;
}
.home-ins-desc {
margin-bottom: 0;
}
.home-ins-action {
display: none;
}
.home-ins-cms-list {
grid-column-gap: 1.2rem;
grid-row-gap: 1.2rem;
}
.home-ins-cms-item {
width: 100%;
}
.home-ins-cms-item-inner {
flex-flow: row;
justify-content: space-between;
align-items: flex-end;
}
.home-ins-main-wrap {
margin-top: 3.6rem;
}
.home-why-ship-img-inner {
filter: none;
}
.home-why-cloud-decor {
display: none;
}
.home-why-cloud-decor-item.cloud-2,
.home-why-cloud-decor-item.cloud-1 {
width: 51.4rem;
}
.home-why-cloud-decor-item.cloud-3 {
width: 50rem;
}
.home-why-cloud-overlap {
display: none;
}
.home-why-cloud-overlap-item.cloud-1 {
width: 130.2rem;
}
.home-why-cloud-overlap-item.cloud-2 {
width: 105rem;
}
.home-why-cloud-overlap-item.cloud-3 {
width: 100rem;
display: none;
}
.home-why-cloud-overlap-item.cloud-4 {
width: 74rem;
display: none;
}
.home-why-cloud-overlap-item.cloud-5 {
width: 100rem;
display: none;
}
.home-why-cloud-overlap-item.cloud-6 {
width: 56rem;
display: none;
}
.home-why-cloud-overlap-item.cloud-7 {
width: 130.2rem;
}
.home-why-main-item-inner {
text-align: center;
justify-content: flex-start;
align-items: center;
}
.home-testi-plane {
height: 120rem;
position: relative;
top: auto;
}
.home-ins-cms-item-thumb-mb {
flex: none;
margin-bottom: 0;
}
.home-why-cloud-overlap-bg {
display: none;
}
.home-testi-item-info-number {
color: var(--_color---content--disable);
justify-content: flex-end;
align-items: flex-start;
margin-left: auto;
display: flex;
}
.home-testi-content-inner {
padding-top: 70rem;
overflow: visible;
}
.about-faq-content {
display: none;
}
.home-faq {
padding-top: 6.4rem;
padding-bottom: 6.4rem;
}
.home-faq-text-wrap {
margin-bottom: 2rem;
position: static;
}
.home-faq-title {
margin-bottom: 1.2rem;
}
.home-faq-sub-text-wrap {
display: none;
}
.home-faq-main-item {
padding-top: 2rem;
padding-bottom: 0.4rem;
}
.home-faq-main-item-ans {
margin-left: 0;
}
.home-faq-main-item-number {
display: none;
}
.footer-gb-legal-menu {
grid-column-gap: var(--container--column-gap);
grid-row-gap: var(--container--column-gap);
grid-template-rows: auto auto;
grid-template-columns: minmax(1px, 1fr) minmax(1px, 1fr);
grid-auto-columns: 1fr;
width: 100%;
display: grid;
}
.footer-legal-mb {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
color: var(--_color---content--note);
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
padding-top: 2rem;
padding-bottom: 2rem;
display: flex;
position: relative;
}
.footer-legal-mb-line-top {
position: absolute;
top: 0;
left: 0;
right: 0;
}
.footer-legal-mb-line-top.tp-insight-hero-author-line {
width: calc(100% + 2.4rem);
margin-top: 1.2rem;
margin-bottom: 1.2rem;
margin-left: -1.2rem;
}
.footer-legal-mb-line-top.service-main-content-item-line {
opacity: 0.08;
bottom: 0;
top: unset;
transition-property: opacity;
transition-duration: 0.4s;
transition-timing-function: ease;
}
.footer-legal-mb-line-top.service-tech-line-mob {
width: auto;
margin-left: -1.8rem;
margin-right: -1.8rem;
display: block;
}
.footer-legal-mb-line-top.merchan-popup-item-line {
margin-top: 1.6rem;
margin-bottom: 1.6rem;
}
.footer-legal-mb-line-top.tp-product-content-head-line.top {
display: none;
}
.footer-legal-mb-line-top.checkout-main-sum-line,
.footer-legal-mb-line-top.checkout-main-sum-order-line {
margin-top: 1.6rem;
margin-bottom: 1.6rem;
}
.header-dropdown-bot-line {
width: 100%;
height: var(--border--size);
background-color: var(--_color---border--light);
display: block;
}
.about-fea-bg-item-thumb {
width: 100%;
height: 100svh;
}
.about-fea-bg-item-inner {
z-index: 3;
padding-right: var(--container--padding);
padding-left: var(--container--padding);
--_color---bg--main: var(--_color---m-black);
--_color---content--main: var(--_color---m-white);
--_color---content--note: #ffffff3d;
--_color---border--bold: #ffffff52;
--_color---bg--sf-2: var(--_color---m-white);
--_color---border--highlight: var(--_color---m-white);
--_color---secondary: #f50;
--_color---m-white: white;
--_color---content--soft: #fff9;
--_color---bg--sf-1: #1a1a1a;
--_color---border--light: #ffffff14;
--_color---content--brand: var(--_color---primary);
--_color---content--disable: #ffffff29;
--_color---content--sub: #ffffffb3;
--_color---m-black: #111;
--_color---border--main: #ffffff29;
--_color---content--black\<deleted\|variable-6e7d8137-8713-9ff4-5cea-f92e6216a872\>: black;
--_color---bg--brand: var(--_color---primary);
--_color---primary: #0016cb;
margin-top: min(11rem, 12.9108svh);
display: block;
position: relative;
}
.about-fea-bg-item-title {
color: var(--_color---content--main);
margin-bottom: 2.4rem;
}
.about-fea-bg-item-desc {
color: var(--_color---content--main);
}
.industry-hero-sub {
color: var(--_color---content--sub);
flex-flow: column;
justify-content: center;
align-items: center;
margin-top: min(3.2rem, 3.75587svh);
display: flex;
}
.industry-hero-sub-ic {
justify-content: center;
align-items: center;
width: 2.4rem;
height: 2.4rem;
margin-top: 0.4rem;
display: flex;
}
.career-expect-main-item-line {
width: 100%;
height: var(--border--size);
background-color: var(--_color---border--main);
margin-top: 1.6rem;
display: block;
}
.career-ev-dots {
grid-column-gap: 0.8rem;
grid-row-gap: 0.8rem;
justify-content: center;
align-items: center;
display: flex;
}
.career-ev-dot {
background-color: var(--_color---bg--sf-2);
opacity: 0.2;
border-radius: 99%;
width: 0.8rem;
height: 0.8rem;
transition: opacity 0.3s;
}
.career-ev-dot.active {
opacity: 1;
}
.home-testi-plane-inner {
transform: rotate(270deg) scale(2);
}
.ball.blue {
top: -92.42%;
}
.home-intro-overlap-bg-img {
display: none;
}
.home-hero-canvas {
pointer-events: none;
}
.home-testi-plane-cloud-wrap {
display: none;
}
.about-intro-gallery-inner {
justify-content: flex-start;
align-items: center;
width: max-content;
display: flex;
}
.about-fea-bg-item-overlay {
z-index: 3;
background-image: linear-gradient(#00010600, #000106);
height: 51.5258svh;
position: absolute;
inset: auto 0% 0%;
}
.about-faq-tocs-list {
margin-bottom: 4rem;
position: relative;
}
.home-service-mb {
z-index: 2;
contain: paint;
display: block;
position: relative;
}
.home-service-mb-first-screen {
position: relative;
}
.home-service-mb-stick-wrap {
background-color: var(--_color---m-black);
}
.home-service-mb-empty-block.first-screen {
height: 100svh;
}
.home-service-mb-empty-block.second-screen {
background-color: var(--_color---bg--main);
--_color---bg--main: var(--_color---m-black);
--_color---content--main: var(--_color---m-white);
--_color---content--note: #ffffff3d;
--_color---border--bold: #ffffff52;
--_color---bg--sf-2: var(--_color---m-white);
--_color---border--highlight: var(--_color---m-white);
--_color---secondary: #f50;
--_color---m-white: white;
--_color---content--soft: #fff9;
--_color---bg--sf-1: #1a1a1a;
--_color---border--light: #ffffff14;
--_color---content--brand: var(--_color---primary);
--_color---content--disable: #ffffff29;
--_color---content--sub: #ffffffb3;
--_color---m-black: #111;
--_color---border--main: #ffffff29;
--_color---content--black\<deleted\|variable-6e7d8137-8713-9ff4-5cea-f92e6216a872\>: black;
--_color---bg--brand: var(--_color---primary);
--_color---primary: #0016cb;
width: 100%;
height: 200svh;
display: none;
}
.home-service-mb-stick.first-screen {
z-index: 3;
flex-flow: column;
justify-content: flex-start;
height: 300svh;
display: flex;
position: sticky;
top: 0;
}
.home-service-mb-land {
width: 100%;
height: 100svh;
margin-bottom: calc(-200svh - min(15.3rem, 21.4286svh));
position: relative;
}
.home-service-mb-land-pos {
z-index: 1;
position: relative;
}
.home-service-mb-cont-wrap {
z-index: 2;
transform-origin: 0 100%;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
width: 14.2rem;
display: grid;
position: absolute;
bottom: 0;
left: 2.7rem;
}
.home-service-mb-cont-wrap.main {
grid-area: unset;
background-color: #0000;
}
.home-service-mb-cont-wrap.placeholder {
opacity: 0;
pointer-events: none;
bottom: -1rem;
overflow: hidden;
}
.home-service-mb-cont-item {
transform: scaleX(-1);
}
.home-service-mb-cont-item.white {
opacity: 0;
pointer-events: none;
}
.home-service-mb-label {
padding-right: var(--container--padding);
padding-left: var(--container--padding);
color: #ffffff0f;
width: max-content;
height: min(15.3rem, 21.4286svh);
margin-top: auto;
position: sticky;
bottom: min(10rem, 14svh);
}
.home-service-mb-sq-stick {
flex-flow: column;
justify-content: flex-start;
height: 100svh;
display: flex;
position: sticky;
top: 0;
}
.home-service-mb-crane-static {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.home-service-mb-crane-static.cont-w {
z-index: 2;
clip-path: inset(34.3% 62.5% 41.6% 23.1%);
}
.home-service-mb-crane-static.o-car {
z-index: 1;
}
.home-service-mb-crane-static.top-head {
z-index: 3;
}
.home-service-mb-crane-static.top-body {
z-index: 2;
transform-origin: 30%;
}
.home-service-mb-crane-static.top {
z-index: 3;
opacity: 0;
pointer-events: none;
transform-origin: 0%;
transform: translate(-15%) scale(0.95);
}
.home-service-mb-crane-static.top-cont {
z-index: 2;
transform-origin: 30%;
}
.home-service-mb-sq-stick-wrap {
z-index: 2;
position: relative;
}
.home-service-mb-second-screen {
z-index: 0;
padding-right: var(--container--padding);
grid-row-gap: 9.6rem;
background-color: var(--_color---bg--main);
--_color---bg--main: var(--_color---m-black);
--_color---content--main: var(--_color---m-white);
--_color---content--note: #ffffff3d;
--_color---border--bold: #ffffff52;
--_color---bg--sf-2: var(--_color---m-white);
--_color---border--highlight: var(--_color---m-white);
--_color---secondary: #f50;
--_color---m-white: white;
--_color---content--soft: #fff9;
--_color---bg--sf-1: #1a1a1a;
--_color---border--light: #ffffff14;
--_color---content--brand: var(--_color---primary);
--_color---content--disable: #ffffff29;
--_color---content--sub: #ffffffb3;
--_color---m-black: #111;
--_color---border--main: #ffffff29;
--_color---content--black\<deleted\|variable-6e7d8137-8713-9ff4-5cea-f92e6216a872\>: black;
--_color---bg--brand: var(--_color---primary);
--_color---primary: #0016cb;
padding-bottom: 200svh;
padding-left: calc(
var(--container--one-column) + var(--container--column-gap) +
var(--container--padding)
);
flex-flow: column;
display: flex;
position: relative;
}
.home-service-mb-title {
color: var(--_color---content--main);
margin-bottom: 4.8rem;
position: relative;
}
.about-faq-toc-wrap {
z-index: 10;
background-color: var(--_color---bg--sf-1);
width: 100%;
max-height: 50svh;
position: absolute;
top: 100%;
left: 0;
right: 0;
}
.about-faq-toc-wrap.custom-scroll {
display: none;
}
.about-faq-tocs-title {
border-bottom: var(--border--size) solid var(--_color---border--light);
color: var(--_color---content--sub);
justify-content: space-between;
padding: 1.2rem 0.6rem;
display: flex;
}
.about-faq-tocs-title-ic {
justify-content: center;
align-items: center;
width: 0.8rem;
height: 0.8rem;
transition: transform 0.4s;
display: flex;
}
.home-service-mb-desc {
max-width: 25rem;
color: var(--_color---content--sub);
margin-bottom: 4rem;
}
.about-team {
padding-top: 6.4rem;
padding-bottom: 3.2rem;
}
.about-team-head {
margin-bottom: 0;
padding-bottom: 2.4rem;
}
.about-team-sub {
flex-flow: row;
justify-content: space-between;
align-items: stretch;
width: 100%;
margin-top: 4.8rem;
}
.about-team-main {
margin-top: 3rem;
}
.about-team-title {
margin-bottom: 2.4rem;
}
.about-team-desc {
width: 100%;
}
.about-team-ctrl-wrap {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
display: flex;
}
.about-team-ctrl-wrap.hidden-mb {
display: none;
}
.about-team-ctrl-wrap.hidden-dsk {
display: flex;
}
.about-team-pagi {
margin-top: 0;
}
.about-team-main-slide {
padding-top: 2rem;
padding-left: var(--container--padding);
margin-left: calc(var(--container--padding) * -1);
}
.about-team-main-item,
.about-team-main-item.swiper-slide {
width: 14rem;
margin-right: 2rem;
}
.about-team-main-img-wrap {
width: 12rem;
height: 16rem;
}
.about-team-main-img-mask {
display: none;
}
.about-team-main-item-text {
opacity: 1;
pointer-events: auto;
flex-flow: column;
flex: 1;
margin-top: 1.6rem;
margin-bottom: 1.4rem;
display: flex;
}
.about-team-main-item-name {
flex: 1;
margin-bottom: 0.8rem;
}
.about-team-main-item-pos {
color: var(--_color---content--soft);
}
.about-team-main-btn {
margin-top: 0;
}
.about-team-main-item-action {
color: var(--_color---content--soft);
}
.home-service-mb-sq-stick-inner {
width: 100%;
position: relative;
}
.home-service-mb-land-bg {
z-index: 2;
background-color: var(--_color---m-white);
width: 100%;
height: calc(100svh + 1rem);
position: absolute;
bottom: -1rem;
left: 0%;
}
.home-service-mb-crane-df {
opacity: 1;
height: 34.4rem;
position: absolute;
bottom: -6.1rem;
left: -1.3rem;
}
.home-service-mb-crane-sq {
z-index: 1;
opacity: 0;
pointer-events: none;
transform-origin: 0%;
width: 100%;
height: 100%;
padding-bottom: 0;
padding-right: 0;
position: absolute;
top: 0;
left: 0;
}
.home-service-mb-sq-stick-bg {
z-index: 3;
background-color: var(--_color---m-black);
width: 100%;
height: calc(100svh - 34.4rem);
position: absolute;
top: 100%;
left: 0;
}
.home-hero-stick {
contain: unset;
overflow-x: hidden;
}
.home-service-mb-crane {
aspect-ratio: 1240/880;
contain: paint;
height: 34.4rem;
position: relative;
transform: translate(-1.3rem, 6.1rem);
}
.related-news-cms-wrap {
display: none;
}
.home-service-mb-truck-wrap {
z-index: 1;
margin-top: -100vh;
position: relative;
}
.home-service-mb-truck-stick {
aspect-ratio: 76/321;
grid-template-rows: auto;
grid-template-columns: minmax(1px, 1fr);
grid-auto-columns: 1fr;
height: 32.1rem;
margin-bottom: -100svh;
display: grid;
position: sticky;
top: 0;
left: 0;
}
.home-service-mb-truck {
width: 100%;
height: 100%;
}
.home-service-mb-road {
opacity: 0;
pointer-events: none;
justify-content: space-between;
display: flex;
position: absolute;
inset: 0% -2rem -100svh;
}
.home-service-mb-road-line {
opacity: 0.7;
background-image: url(https://cdn.prod.website-files.com/6a44eec1ed1af2c4c403df6b/6a44eec1ed1af2c4c403e97d_road-line-mb.png);
background-position: 0 0;
background-repeat: repeat-y;
background-size: 100%;
width: 0.4rem;
height: 100%;
}
.home-partners-label {
width: 50%;
padding-left: 1.2rem;
}
.tp-insight-hero-author-inner {
width: calc(50% - 0.8rem);
}
.tp-insight-hero-info-item-title {
color: var(--_color---content--main);
}
.tp-insight-hero-info-item-label {
color: var(--_color---content--note);
}
.tp-insight-hero-sumary-item {
justify-content: flex-start;
align-items: flex-start;
padding-top: 1rem;
padding-bottom: 1rem;
}
.tp-insight-hero-sumary-item-label {
margin-top: 0.3rem;
}
.home-testi-item-company-wrap {
grid-column-gap: 0.4rem;
grid-row-gap: 0.4rem;
}
.home-hero-bg-mb {
width: 100%;
height: 100%;
display: block;
}
.home-why-ship-wave {
z-index: 2;
aspect-ratio: 9/16;
mix-blend-mode: plus-lighter;
justify-content: center;
align-items: center;
width: 140rem;
display: flex;
top: auto;
bottom: auto;
left: -133%;
}
.not-found-link {
width: 17.3rem;
}
.header-dropdown-link-2 {
flex: none;
}
.header-dropdown-link-2.w--current {
color: #111;
}
.header-dropdown-bot-line-2 {
background-color: #1111111a;
width: 100%;
height: max(1px, 0.1rem);
display: block;
}
.header-menu-list-2 {
display: none;
}
.heading-2.h2 {
font-size: 3.6rem;
}
.not-found-font-label {
height: 10.084svh;
}
.header-inner-2 {
padding-top: 1.5rem;
padding-bottom: 1.5rem;
}
.header-dropdown-line-2 {
transform: scale(1);
}
.not-found-truck-inner {
width: 25.6rem;
}
.not-found-content {
grid-row-gap: 4rem;
align-items: flex-start;
}
.header-dropdown-2 {
z-index: 99;
opacity: 0;
pointer-events: none;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
transition: opacity 0.25s, transform 0.4s;
display: grid;
top: -1.5rem;
left: auto;
right: 0;
transform: translate(73%);
}
.not-found-label {
margin-bottom: 1.6rem;
}
.header-2 {
margin-bottom: -8.4rem;
top: -3.3rem;
}
.not-found-decor {
height: 42svh;
}
.btn-2,
.btn-2.filled {
padding: 1.4rem 2rem;
}
.not-found-text-wrap {
grid-row-gap: 1.6rem;
flex-flow: column;
}
.header-btn-2 {
display: none;
}
.header-btn-2.hidden-dsk {
margin-bottom: 2.4rem;
}
.not-found-main {
padding-top: 6.04839svh;
}
.not-found-desc {
width: 100%;
}
.header-dropdown-bot-label-2 {
margin-top: 2.4rem;
margin-bottom: 1.2rem;
display: block;
}
.not-found-decor-txt {
bottom: 0;
}
.home-hero-globe-shadow-grp {
inset: 13%;
}
.home-hero-bg-star {
top: 0;
}
.home-hero-globe-blur {
filter: none;
}
.loader-logo {
margin-top: min(8.2rem, 9.62441svh);
margin-bottom: min(3.2rem, 2.8169svh);
position: absolute;
top: calc(50svh - min(8.2rem, 9.62441svh) - 1.65rem);
bottom: auto;
}
.loader-countries {
margin-top: calc(min(8.2rem, 9.62441svh) + min(3.2rem, 2.8169svh) + 1.2rem);
}
.loader-progress {
margin-bottom: min(3.2rem, 2.8169svh);
position: absolute;
bottom: calc(50svh - min(3.2rem, 2.8169svh));
}
.loader-service {
margin-bottom: min(8.2rem, 9.62441svh);
}
.loader-map {
align-self: center;
}
.home-hero-bg {
display: none;
}
.industry-hero-bg-mb {
filter: saturate() contrast(120%) brightness(90%);
width: 100%;
height: 100%;
display: block;
}
.trans-circs {
width: 32rem;
height: 32rem;
}
.loader-circs {
height: 100svh;
}
.loader-circ.circ-1 {
width: 40vmax;
height: 40vmax;
}
.loader-circ.circ-4 {
width: 100vmax;
height: 100vmax;
}
.loader-circ.circ-2 {
width: 60vmax;
height: 60vmax;
}
.loader-circ.circ-3 {
width: 80vmax;
height: 80vmax;
}
.footer-linkedin {
width: 3.2rem;
}
.career-job-note {
display: none;
}
.career-job-note-mb {
color: var(--_color---content--note);
justify-content: center;
align-items: center;
margin-top: 1.3rem;
display: flex;
}
.tp-insight-hero-cta {
margin-top: 1.6rem;
padding: 2.4rem;
}
.tp-insight-hero-cta-content {
flex-flow: column;
justify-content: flex-start;
align-items: center;
width: 22rem;
margin-left: auto;
margin-right: auto;
display: flex;
}
.tp-insight-hero-cta-title {
text-align: center;
margin-bottom: 0.8rem;
}
.tp-insight-hero-cta-desc {
text-align: center;
justify-content: center;
align-items: flex-start;
}
.tp-insight-hero-cta-btn {
margin-bottom: 15.6rem;
}
.home-linkedin-popup {
left: var(--container--padding);
right: var(--container--padding);
--_color---bg--main: var(--_color---m-black);
--_color---content--main: var(--_color---m-white);
--_color---content--note: #ffffff3d;
--_color---border--bold: #ffffff52;
--_color---bg--sf-2: var(--_color---m-white);
--_color---border--highlight: var(--_color---m-white);
--_color---secondary: #f50;
--_color---m-white: white;
--_color---content--soft: #fff9;
--_color---bg--sf-1: #1a1a1a;
--_color---border--light: #ffffff14;
--_color---content--brand: var(--_color---primary);
--_color---content--disable: #ffffff29;
--_color---content--sub: #ffffffb3;
--_color---m-black: #111;
--_color---border--main: #ffffff29;
--_color---content--black\<deleted\|variable-6e7d8137-8713-9ff4-5cea-f92e6216a872\>: black;
--_color---bg--brand: var(--_color---primary);
--_color---primary: #0016cb;
padding: 0.8rem 3.2rem 0.8rem 0.8rem;
bottom: 1rem;
}
.home-linkedin-popup-close {
z-index: 23;
color: var(--_color---border--bold);
top: 0.8rem;
right: 0.8rem;
}
.home-linkedin-popup-close:hover {
color: var(--_color---border--highlight);
}
.home-linkedin-popup-desc {
width: 100%;
color: var(--_color---content--main);
margin-right: 1.2rem;
}
.home-linkedin-popup-ic,
.header-linkedin {
display: none;
}
.article-load-more-btn {
margin-top: 3.2rem;
}
.home-why-overlay-mb {
z-index: 2;
opacity: 0;
pointer-events: none;
background-image: linear-gradient(#0000, #0000008c);
width: 100%;
height: 100svh;
display: block;
position: absolute;
top: 0;
left: 0;
}
}
@media screen and (max-width: 479px) {
.btn.btn-cart {
padding-top: 1.6rem;
padding-bottom: 1.6rem;
}
.about-faq-text-wrap {
margin-top: 4rem;
}
.merchan-product-item-btn-ic {
width: 2rem;
}
}
#w-node-_3794ebca-a63e-da5b-bcd0-62c9c5c92946-c403df38 {
grid-area: 1/1/2/2;
}
#w-node-_9b5c40c9-dcd8-492b-f65f-a0cb32c0fc3e-c403df38 {
grid-area: 1/5/2/-1;
}
#w-node-_9b5c40c9-dcd8-492b-f65f-a0cb32c0fc3f-c403df38 {
grid-area: 1/1/2/2;
}
#w-node-_5ce49805-1f95-2357-2828-0a535b577d0d-c403df38 {
grid-area: 1/1/2/-1;
}
#w-node-_1376d989-d8bf-cb4a-7cc3-8fd5821a906e-c403df38 {
grid-area: 1/6/2/13;
align-self: end;
}
#w-node-_745d2a1f-5fa2-dc75-12f4-ca975f1ccdd2-c403df38 {
grid-area: 1/1/2/2;
}
#w-node-f09cdc9d-a1e7-6caa-6f0c-c0c0998cfcac-c403df38 {
grid-area: 1/6/2/13;
align-self: end;
}
#w-node-b0ca98d8-45ce-39a5-d9b9-db955e5e608e-c403df38 {
grid-area: 1/2/3/8;
}
#w-node-_19f5e1e9-0322-6ef2-b334-aed938afcd3e-c403df38 {
grid-area: 1/12/2/-2;
}
#w-node-_535a1fee-0a98-4a0f-5adc-92091ae2291c-c403df38 {
grid-area: 2/12/3/-2;
}
#w-node-_9dad9c8d-1458-1f43-e7c6-e9e22e96bc05-c403df38 {
grid-area: 1/1/2/-1;
}
#w-node-fd9189ac-8a8d-f180-016c-53103b09aa78-c403df38 {
grid-area: 2/1/3/2;
}
#w-node-ba004942-c44c-e25f-b22e-928f39939cb7-c403df38 {
grid-area: 2/2/3/3;
}
#w-node-cb432c8a-222d-05f5-1598-b9a67da31bf9-c403df38 {
grid-area: 1/1/2/-1;
align-self: end;
}
#w-node-_371534d1-c4f6-4141-aad6-655810254278-c403df38,
#w-node-_23a762bf-c016-4566-11f8-67381850bc2a-c403df38,
#w-node-_767fa550-bbac-ed92-69ec-3358824e2b23-c403df38,
#w-node-d148d803-88a0-9176-d290-45261ddc545c-c403df38,
#w-node-cf0fc0f2-986e-80a4-f0da-77af19d0ab97-c403df38,
#w-node-_6819df74-0fa5-8c2a-3bbd-8b10f175a897-c403df38 {
grid-area: 1/1/2/2;
}
#w-node-_74f1024b-29e7-1791-36d1-c64e38301828-c403df38 {
grid-area: 1/1/2/2;
align-self: end;
}
#w-node-_237cd962-6a84-51e9-1b5a-704cbde100dd-c403df38 {
grid-area: 1/2/2/10;
}
#w-node-_84e75224-d96a-c96e-364b-c0a431bbc091-c403df38 {
grid-area: 1/12/2/-2;
align-self: end;
}
#w-node-_1c8a6a0f-02bc-6c80-8ad5-417920171824-c403df38 {
grid-area: 2/1/3/-1;
}
#w-node-_483eca59-bc59-4daf-e5c4-9e3ad8ef3754-c403df38 {
grid-area: 1/1/3/-1;
}
#w-node-_51706e81-3a06-618a-9642-bcb0ae752300-c403df38 {
grid-area: 1/1/2/-1;
}
#w-node-e88a8de6-7b83-62d1-49ee-37bedfc1ae52-c403df38 {
grid-area: 1/1/2/-1;
justify-self: start;
}
#w-node-_4134f74f-1162-1e20-dd99-a3feeee6ef9c-c403df38 {
grid-area: 2/1/3/-1;
}
#w-node-_84c9d057-1bc0-b822-83ba-861468e1b046-c403df38 {
grid-area: 1/2/2/8;
align-self: start;
}
#w-node-_240aa9fd-0da3-8b9b-6d3c-b4f8879ce9be-c403df38 {
grid-area: 1/13/2/-3;
}
#w-node-a2d02a8a-5ed4-c914-303f-5c19c3e2a3b4-c403df38 {
grid-area: 1/1/2/2;
}
#w-node-_61e3d646-50dc-77bd-cd10-79c92b49dde6-c403df38 {
grid-area: 2/1/3/2;
}
#w-node-_76be832d-34b7-478b-e6c3-70c5d862ebf7-c403df38 {
grid-area: 1/1/3/-1;
}
#w-node-_897d092c-8c4b-ec08-89fe-f79e68e6adf4-c403df38 {
grid-area: 1/1/2/2;
}
#w-node-_4f47b0a5-06fd-0b17-4167-3a56a3af8361-c403df38 {
grid-area: 1/1/2/2;
align-self: start;
}
#w-node-ebabe29a-2483-be3c-4965-2c3cde8d29d6-c403df38 {
grid-area: 1/1/2/2;
}
#w-node-_870e7c28-c518-d239-50a3-a957f92facbb-c403df38 {
grid-area: 1/1/2/2;
place-self: center;
}
#w-node-_6d2f58df-383b-7663-2f80-83a07deaca9a-c403df38,
#w-node-_5cd857c2-82d8-9cf2-1581-e0212012e9f1-c403df38,
#w-node-_0cdf9015-2e90-2c48-167b-9cf4901c2b92-c403df38 {
grid-area: 1/1/2/2;
}
#w-node-_50c47f1d-1cbb-088c-e416-88ca41f48041-c403df38 {
grid-area: 1/1/2/-1;
}
#w-node-b8d0896c-4b9f-b787-ee29-7ba5336adbd5-c403df38 {
grid-area: 2/1/3/-1;
}
#w-node-c7b9355f-deff-4908-c292-4902b9c16861-c403df38 {
grid-area: 1/7/2/-7;
}
#w-node-_5ee1322c-e65c-24ba-ded0-c2463292c1b1-c403df38 {
grid-area: 2/6/3/-6;
}
#w-node-_8c2bb2a7-341e-2863-3238-551e171fae69-c403df38,
#w-node-d93b28c9-8098-8e98-b09a-60fd782943e9-c403df38,
#w-node-_8c2bb2a7-341e-2863-3238-551e171fae6b-c403df38 {
grid-area: 1/1/2/2;
}
#w-node-_8c2bb2a7-341e-2863-3238-551e171fae6d-c403df38 {
grid-area: 1/6/2/-2;
place-self: start stretch;
}
#w-node-_8c2bb2a7-341e-2863-3238-551e171fae81-c403df38 {
grid-area: 2/6/3/-2;
}
#w-node-_081b3f2d-08e8-1749-b939-f736c59af826-c403df38 {
grid-area: 1/2/2/-2;
}
#w-node-_081b3f2d-08e8-1749-b939-f736c59af829-c403df38 {
grid-area: 2/2/3/-2;
}
#w-node-_081b3f2d-08e8-1749-b939-f736c59af82e-c403df38,
#w-node-_081b3f2d-08e8-1749-b939-f736c59af830-c403df38 {
grid-area: 1/1/2/2;
place-self: center;
}
#w-node-f4770c19-8c50-4513-806c-59af2ed50310-c403df38 {
grid-area: 3/2/4/-2;
}
#w-node-_7ff89e7a-eb73-6d9c-cf04-27f240a39a3c-c403df38 {
grid-area: 4/2/5/-2;
}
#w-node-_7ff89e7a-eb73-6d9c-cf04-27f240a39a41-c403df38,
#w-node-_7ff89e7a-eb73-6d9c-cf04-27f240a39a43-c403df38 {
grid-area: 1/1/2/2;
place-self: center;
}
#w-node-_0603a309-83b1-05b3-e028-e154d6160042-c403df38 {
grid-area: 1/6/2/-2;
}
#w-node-_0603a309-83b1-05b3-e028-e154d6160050-c403df38 {
grid-area: 2/6/3/-2;
}
#w-node-_0603a309-83b1-05b3-e028-e154d6160053-c403df38,
#w-node-_0603a309-83b1-05b3-e028-e154d61600b6-c403df38 {
grid-area: 1/1/2/2;
}
#w-node-_2fdd36e9-383a-6cbf-0090-89bdb1e4d5a1-c403df38 {
grid-area: 1/2/2/5;
place-self: start;
}
#w-node-_139a5fba-b318-aed8-456a-5995709192fa-c403df38 {
grid-area: 1/6/2/13;
}
#w-node-ffca6108-f47c-6400-8997-59ce06e9026d-c403df38 {
grid-area: 1/-6/2/-3;
place-self: start end;
}
#w-node-_0e256e74-1667-c06f-27cd-83dda0c65bde-a0c65bd9 {
grid-area: 1/2/2/5;
justify-self: start;
}
#w-node-_0e256e74-1667-c06f-27cd-83dda0c65be3-a0c65bd9 {
grid-area: 2/2/3/5;
align-self: start;
}
#w-node-_0e256e74-1667-c06f-27cd-83dda0c65beb-a0c65bd9 {
grid-area: 2/6/3/-2;
}
#w-node-_0e256e74-1667-c06f-27cd-83dda0c65bf1-a0c65bd9,
#w-node-_0e256e74-1667-c06f-27cd-83dda0c65bf4-a0c65bd9,
#w-node-_0e256e74-1667-c06f-27cd-83dda0c65bf7-a0c65bd9,
#w-node-_0e256e74-1667-c06f-27cd-83dda0c65bfd-a0c65bd9,
#w-node-_0e256e74-1667-c06f-27cd-83dda0c65c00-a0c65bd9,
#w-node-_0e256e74-1667-c06f-27cd-83dda0c65c03-a0c65bd9,
#w-node-_0e256e74-1667-c06f-27cd-83dda0c65bfa-a0c65bd9,
#w-node-_0e256e74-1667-c06f-27cd-83dda0c65c06-a0c65bd9,
#w-node-aaabe6d4-7655-73aa-1cf9-ab1bbc44354d-a0c65bd9 {
justify-self: start;
}
#w-node-_0e256e74-1667-c06f-27cd-83dda0c65c09-a0c65bd9 {
grid-area: 3/6/4/-2;
}
#w-node-_0e256e74-1667-c06f-27cd-83dda0c65c14-a0c65bd9,
#w-node-_0e256e74-1667-c06f-27cd-83dda0c65c1b-a0c65bd9 {
grid-area: 1/1/2/2;
}
#w-node-_0e256e74-1667-c06f-27cd-83dda0c65c22-a0c65bd9 {
grid-area: 4/2/5/5;
align-self: start;
}
#w-node-_0e256e74-1667-c06f-27cd-83dda0c65c25-a0c65bd9 {
grid-area: 4/6/5/-2;
}
#w-node-ac2cc8ce-ac20-8f13-2ca8-f787ae44424b-a0c65bd9,
#w-node-cd2f82c3-279f-5eb4-ccd0-1279f9972b46-a0c65bd9 {
grid-area: 1/1/2/-1;
}
#w-node-_073090fb-a78b-f8f0-d7c5-a8532d0f9424-a0c65bd9 {
grid-area: 2/3/3/4;
align-self: end;
}
#w-node-_7aa150db-b2d1-7e8f-5a62-dce4a35a8eeb-a0c65bd9,
#w-node-_7aa150db-b2d1-7e8f-5a62-dce4a35a8eed-a0c65bd9,
#w-node-_7aa150db-b2d1-7e8f-5a62-dce4a35a8ef3-a0c65bd9,
#w-node-_7aa150db-b2d1-7e8f-5a62-dce4a35a8efd-a0c65bd9,
#w-node-_7aa150db-b2d1-7e8f-5a62-dce4a35a8f08-a0c65bd9,
#w-node-_7aa150db-b2d1-7e8f-5a62-dce4a35a8f13-a0c65bd9,
#w-node-_7aa150db-b2d1-7e8f-5a62-dce4a35a8f1e-a0c65bd9,
#w-node-_7aa150db-b2d1-7e8f-5a62-dce4a35a8f29-a0c65bd9 {
grid-area: 1/1/2/2;
}
#w-node-_0e256e74-1667-c06f-27cd-83dda0c65c73-a0c65bd9 {
grid-area: 5/2/6/-2;
}
#w-node-_0e256e74-1667-c06f-27cd-83dda0c65c89-a0c65bd9,
#w-node-_0e256e74-1667-c06f-27cd-83dda0c65c8b-a0c65bd9,
#w-node-_7bfd0fc5-b1ed-5973-fae5-62e8b0a4e651-a0c65bd9,
#w-node-_46dcaa50-7643-5f9c-8eb2-30d0f295e16f-f295e16d,
#w-node-_46dcaa50-7643-5f9c-8eb2-30d0f295e171-f295e16d,
#w-node-_9ce6cb79-9707-8d44-f6c5-44e31bfcb4e0-f295e16d,
#w-node-df0a97a8-a5d7-1044-3159-1a758cdb1ac1-f295e16d {
grid-area: 1/1/2/2;
}
#w-node-_16cd6236-a00c-1313-b86e-e3a622eca700-22eca6fd {
grid-area: 1/7/2/-7;
}
#w-node-_16cd6236-a00c-1313-b86e-e3a622eca707-22eca6fd {
grid-area: 1/7/2/-7;
place-self: center;
}
#w-node-b84a2613-623e-f1e0-e973-f3654bba759c-6fa9cebb {
grid-area: 1/2/2/-2;
}
#w-node-_070d8942-acc5-13b8-8525-c2936fa9ced7-6fa9cebb {
grid-area: 3/2/4/-2;
}
#w-node-_070d8942-acc5-13b8-8525-c2936fa9ced8-6fa9cebb {
grid-area: 3/2/4/6;
align-self: start;
}
#w-node-_7d83b984-86ad-a7fd-5a9e-957fe7cf7e4a-e7cf7e47 {
grid-area: 1/2/2/-2;
}
#w-node-d265b61e-3398-e6ed-8b71-ede64fa5cc7e-e7cf7e47 {
place-self: center stretch;
}
#w-node-_7d83b984-86ad-a7fd-5a9e-957fe7cf7e5b-e7cf7e47 {
grid-area: 1/2/2/4;
place-self: start;
}
#w-node-_3d3962a8-36f0-9a73-787b-7f85fa5409c7-e7cf7e47 {
grid-area: 1/6/2/9;
align-self: center;
}
#w-node-f7e5bdb0-a3ef-70aa-fb53-2006d9f3fc93-e7cf7e47,
#w-node-_4baba3b5-8b20-6028-be64-cf14fb27a9ee-e7cf7e47,
#w-node-_6c6581de-c932-abc4-b2f3-ad41f1348552-e7cf7e47,
#w-node-_709bf7ef-37ce-b094-85dc-82c62347e6ff-e7cf7e47 {
grid-area: 1/1/2/2;
}
#w-node-_4848b2c1-b408-8d92-26dc-7e44793159b7-e7cf7e47 {
grid-area: 1/12/2/14;
align-self: center;
}
#w-node-_7d83b984-86ad-a7fd-5a9e-957fe7cf7e87-e7cf7e47 {
grid-area: 1/13/2/-2;
place-self: start end;
}
#w-node-fc2b2965-5e95-df2f-a9ee-2c80696493c4-696493c1,
#w-node-f2fabc19-a6d0-6025-9be1-f6af2a0be84c-696493c1,
#w-node-faeede17-1951-5807-95bc-93b8c805dd4c-696493c1,
#w-node-_23b337a9-e5ef-194e-cd1e-f8c7b71ffe36-696493c1,
#w-node-_2703b1a6-750f-4dec-d561-6cd1970d2aef-a4232285 {
grid-area: 1/1/2/2;
}
#w-node-_2064f9d4-5734-a4ee-8ed3-d2a2a4232289-a4232285 {
grid-area: 1/3/2/5;
place-self: center start;
}
#w-node-_2064f9d4-5734-a4ee-8ed3-d2a2a42322b5-a4232285 {
grid-area: 1/5/2/-5;
}
#w-node-_2064f9d4-5734-a4ee-8ed3-d2a2a42322b7-a4232285,
#w-node-_2064f9d4-5734-a4ee-8ed3-d2a2a42322b9-a4232285,
#w-node-_2064f9d4-5734-a4ee-8ed3-d2a2a42322bf-a4232285,
#w-node-_2064f9d4-5734-a4ee-8ed3-d2a2a42322ca-a4232285,
#w-node-_2064f9d4-5734-a4ee-8ed3-d2a2a42322d5-a4232285,
#w-node-_2064f9d4-5734-a4ee-8ed3-d2a2a42322e0-a4232285,
#w-node-_2064f9d4-5734-a4ee-8ed3-d2a2a42322eb-a4232285,
#w-node-_2064f9d4-5734-a4ee-8ed3-d2a2a42322f6-a4232285 {
grid-area: 1/1/2/2;
}
#w-node-_2064f9d4-5734-a4ee-8ed3-d2a2a4232300-a4232285 {
grid-area: 1/-6/2/-3;
place-self: center end;
}
#w-node-b5252dde-b907-11e2-5d23-30f8ee4d79fc-a4232285,
#w-node-_5aa09d02-0f75-0a94-ac91-be480964bc9a-a4232285 {
grid-area: 1/1/2/2;
}
#w-node-_1e08eca7-c425-5ca2-fe35-bfb6fcf26db6-a4232285,
#w-node-_291dae0a-9cb7-898f-7294-048997d0eac7-a4232285,
#w-node-_5f209495-b0a4-8703-10bb-ca28210b4010-a4232285 {
grid-area: 1/1/2/2;
place-self: center;
}
#w-node-_5aa09d02-0f75-0a94-ac91-be480964bc9b-a4232285,
#w-node-_5aa09d02-0f75-0a94-ac91-be480964bc9c-a4232285,
#w-node-_5aa09d02-0f75-0a94-ac91-be480964bc9d-a4232285 {
grid-area: 1/1/2/2;
}
#w-node-_88226d1e-b8e8-8576-a51f-9a677cf4186c-7cf41864 {
grid-area: 1/2/2/3;
}
#w-node-_88226d1e-b8e8-8576-a51f-9a677cf4186d-7cf41864 {
grid-area: 1/3/2/4;
}
#w-node-_88226d1e-b8e8-8576-a51f-9a677cf4186e-7cf41864 {
grid-area: 1/4/2/5;
}
#w-node-_88226d1e-b8e8-8576-a51f-9a677cf4186f-7cf41864 {
grid-area: 1/5/2/6;
}
#w-node-_88226d1e-b8e8-8576-a51f-9a677cf41870-7cf41864 {
grid-area: 1/6/2/7;
}
#w-node-_88226d1e-b8e8-8576-a51f-9a677cf41871-7cf41864 {
grid-area: 1/7/2/8;
}
#w-node-_88226d1e-b8e8-8576-a51f-9a677cf41872-7cf41864 {
grid-area: 1/8/2/9;
}
#w-node-_88226d1e-b8e8-8576-a51f-9a677cf41873-7cf41864 {
grid-area: 1/9/2/10;
}
#w-node-_88226d1e-b8e8-8576-a51f-9a677cf41874-7cf41864 {
grid-area: 1/10/2/11;
}
#w-node-_88226d1e-b8e8-8576-a51f-9a677cf41875-7cf41864 {
grid-area: 1/11/2/12;
}
#w-node-_88226d1e-b8e8-8576-a51f-9a677cf41876-7cf41864 {
grid-area: 1/12/2/13;
}
#w-node-_88226d1e-b8e8-8576-a51f-9a677cf41877-7cf41864 {
grid-area: 1/13/2/14;
}
#w-node-_88226d1e-b8e8-8576-a51f-9a677cf41878-7cf41864 {
grid-area: 1/14/2/15;
}
#w-node-_88226d1e-b8e8-8576-a51f-9a677cf41879-7cf41864 {
grid-area: 1/15/2/16;
}
#w-node-_88226d1e-b8e8-8576-a51f-9a677cf4187a-7cf41864 {
grid-area: 1/16/2/17;
}
#w-node-_88226d1e-b8e8-8576-a51f-9a677cf4187b-7cf41864 {
grid-area: 1/17/2/18;
}
#w-node-bddf88a4-b5c1-70df-d980-02a804af1912-c403df3d {
grid-area: 1/1/2/2;
}
#w-node-_78aa22bd-fb30-e358-92ef-c51ac2aed6d0-c403df3d {
grid-area: 2/1/3/2;
}
#w-node-_6a176df7-090d-956c-116e-cd47750f5d63-c403df3d {
grid-area: 2/2/3/8;
place-self: end start;
}
#w-node-_2253ece1-4ca4-3b9b-7882-fe69d4a1c2aa-c403df3d {
grid-area: 1/-5/2/-2;
}
#w-node-a13b7c68-dbaa-aa41-e5f6-b6bfda7c4313-c403df3d {
grid-area: 2/-5/3/-2;
place-self: end start;
}
#w-node-_5061ddc8-71c6-262e-ba66-7e303300cc38-c403df3d {
grid-area: 1/10/2/-2;
}
#w-node-_309a7744-778a-38d5-1531-1a5b3d83f2a8-c403df3d {
grid-area: 1/2/3/8;
}
#w-node-a30372df-8a03-a713-6e20-e56900d96e0f-c403df3d {
grid-area: 2/10/3/-2;
}
#w-node-_9223a0b9-9cca-7119-2791-a75b05a54a3a-c403df3d {
grid-area: 3/10/4/-2;
}
#w-node-_19426094-d3d6-4332-a1b6-6dde8a4bac7f-c403df3d {
grid-area: 1/2/4/6;
align-self: start;
}
#w-node-_1c400135-40dd-895a-1a63-f62f1e22e5b6-c403df3d {
grid-area: 1/10/2/-2;
}
#w-node-baeedb72-5e62-8e65-5abb-8f43d3e45657-c403df3d {
grid-area: 2/10/3/-2;
}
#w-node-b8bf793a-838a-42ba-4c65-d5f6c97e3260-c403df3d {
grid-area: 3/10/4/-2;
}
#w-node-_32fd9f67-ea8a-ceee-7bdd-d3af8ea6c915-c403df3d {
grid-area: 1/1/2/3;
}
#w-node-_0a522f39-7677-19ee-f8bd-112c2b3a1445-c403df3d {
grid-area: 1/1/2/-1;
}
#w-node-f2cb3d44-ff3d-d1b4-f10b-e190b9c5b535-c403df3d {
grid-area: 1/1/2/2;
}
#w-node-_23614d97-f01a-0fab-7fcd-d9b6045a9298-c403df3d {
grid-area: 1/10/3/17;
place-self: end start;
}
#w-node-be93e70d-0056-8c24-b11b-4a55faffc790-c403df3d {
grid-area: 2/2/3/-2;
}
#w-node-d84d3d94-f892-1d64-368c-63efa0a6be21-c403df3d {
grid-area: 3/2/4/-2;
}
#w-node-_709804d7-5bd6-65d3-566c-120890a13ee5-c403df3d {
grid-area: 1/5/2/-2;
}
#w-node-d3706083-adca-40df-1162-ad03490e4d41-c403df3d {
grid-area: 1/2/2/9;
align-self: start;
}
#w-node-_84fd2e24-fa1a-942d-f7c1-e7358ad87173-c403df3d {
grid-area: 1/1/2/3;
}
#w-node-b68a9257-1c16-e8cc-0961-394748f6238f-c403df3d {
grid-area: 1/4/2/7;
justify-self: center;
}
#w-node-_9c34ac41-e6db-e0e2-5207-40c4cc5de321-c403df3d {
grid-area: 1/6/2/14;
}
#w-node-c2c6d99f-ec2a-e14c-ed37-b5cb0e65db00-c403df3d {
grid-area: 2/1/3/-1;
}
#w-node-_71fa67e3-756c-ca6a-6120-fbff4e8449be-c403df3d {
grid-area: 1/6/2/9;
align-self: baseline;
}
#w-node-_7a33d5f5-7f0b-b9f8-298e-c1878a9cb99d-c403df3d {
grid-area: 1/-3/2/-2;
align-self: start;
}
#w-node-_91740038-5a53-f150-b4ee-92afb0ed1b9c-c403df3d {
grid-area: 1/6/2/9;
align-self: baseline;
}
#w-node-_91740038-5a53-f150-b4ee-92afb0ed1ba2-c403df3d {
grid-area: 1/-3/2/-2;
align-self: start;
}
#w-node-cae2f412-a8fb-f8f3-573e-41ca0689e668-c403df3d {
grid-area: 1/6/2/9;
align-self: baseline;
}
#w-node-cae2f412-a8fb-f8f3-573e-41ca0689e670-c403df3d {
grid-area: 1/-3/2/-2;
align-self: start;
}
#w-node-_8341fc5a-6980-3a84-2462-211e671258c7-c403df3d {
grid-area: 1/6/2/9;
align-self: baseline;
}
#w-node-_8341fc5a-6980-3a84-2462-211e671258cf-c403df3d {
grid-area: 1/-3/2/-2;
align-self: start;
}
#w-node-d486c2c8-5a50-e8d6-e8ae-d1a72c6b7e41-c403df3d {
grid-area: 1/6/2/9;
align-self: baseline;
}
#w-node-d486c2c8-5a50-e8d6-e8ae-d1a72c6b7e49-c403df3d {
grid-area: 1/-3/2/-2;
align-self: start;
}
#w-node-_091b61c9-3fb4-248d-04d3-899f5627b130-c403df3d {
grid-area: 2/1/3/-1;
}
#w-node-_091b61c9-3fb4-248d-04d3-899f5627b137-c403df3d {
grid-area: 1/6/2/9;
align-self: baseline;
}
#w-node-_091b61c9-3fb4-248d-04d3-899f5627b13d-c403df3d {
grid-area: 1/-3/2/-2;
align-self: start;
}
#w-node-_091b61c9-3fb4-248d-04d3-899f5627b143-c403df3d {
grid-area: 1/6/2/9;
align-self: baseline;
}
#w-node-_091b61c9-3fb4-248d-04d3-899f5627b14b-c403df3d {
grid-area: 1/-3/2/-2;
align-self: start;
}
#w-node-_091b61c9-3fb4-248d-04d3-899f5627b151-c403df3d {
grid-area: 1/6/2/9;
align-self: baseline;
}
#w-node-_091b61c9-3fb4-248d-04d3-899f5627b159-c403df3d {
grid-area: 1/-3/2/-2;
align-self: start;
}
#w-node-_091b61c9-3fb4-248d-04d3-899f5627b15f-c403df3d {
grid-area: 1/6/2/9;
align-self: baseline;
}
#w-node-_091b61c9-3fb4-248d-04d3-899f5627b167-c403df3d {
grid-area: 1/-3/2/-2;
align-self: start;
}
#w-node-_091b61c9-3fb4-248d-04d3-899f5627b16d-c403df3d {
grid-area: 1/6/2/9;
align-self: baseline;
}
#w-node-_091b61c9-3fb4-248d-04d3-899f5627b173-c403df3d {
grid-area: 1/-3/2/-2;
align-self: start;
}
#w-node-ba51c839-0caa-c478-ed5b-592a1edfb85e-c403df3d {
grid-area: 1/2/2/9;
}
#w-node-c40103fb-2f6e-e095-ef5a-9a07fc6b9980-c403df3d {
grid-area: 2/2/3/15;
}
#w-node-_9b52f530-b93f-fc28-717a-7497e160999b-c403df3d {
grid-area: 2/15/3/-2;
place-self: start center;
}
#w-node-_8808b684-8610-af04-7264-04c890488d18-c403df3d {
grid-area: 3/2/4/-2;
}
#w-node-bd64dd43-7fbe-c56a-7859-07a50c583298-c403df3d {
grid-area: 1/1/2/-1;
}
#w-node-_71fa21a5-3a01-718f-9c57-0fe69e60b257-c403df3d {
grid-area: 1/1/2/8;
align-self: center;
}
#w-node-_7a77fed2-f6b9-778d-3aa1-cd9a84cc9406-c403df3d {
grid-area: 1/1/2/9;
}
#w-node-e429d920-9648-af4d-a237-aaa41c2b73d1-c403df3d {
grid-area: 1/9/2/14;
}
#w-node-fce12483-9b26-33a5-4035-77a20c9c228a-c403df3d {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_146f8710-1ed3-fc65-3b39-a9123e1194ae-c403df3d {
grid-area: 1/1/2/3;
}
#w-node-_1f8aad9d-831c-7f66-cd8e-40b0e1427635-c403df3d {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_774be6f3-1055-b471-b7d5-c7f6ba3bf059-c403df3d {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_052c39b9-2fcf-6322-4320-ed2f9bbab77b-c403df3d {
grid-area: 1/14/2/-1;
align-self: start;
}
#w-node-_1d5dad29-9d77-bdb3-20a5-ae5734096fa5-c403df3d {
grid-area: 1/10/2/-2;
align-self: start;
}
#w-node-_23a3e93a-0fa9-b5f9-b952-9111d8751da6-c403df3d {
grid-area: 1/2/2/5;
align-self: end;
}
#w-node-abca2eb2-2c7f-2795-dfa9-8d282451cdfa-c403df3d {
grid-area: 1/1/2/2;
align-self: start;
}
#w-node-_2f1e0586-2397-613a-8d63-89f503f2e218-c403df3d {
grid-area: 1/2/2/3;
}
#w-node-_15394306-dd10-b782-3d30-962b956a2a59-c403df3d {
grid-area: 1/1/2/2;
}
#w-node-c83c0dab-06ba-3b18-4547-426bbb346758-c403df3d {
grid-area: 1/2/2/4;
align-self: stretch;
}
#w-node-a64d3dec-129f-43f8-b7f6-f4e7f60bc27a-c403df3d {
grid-area: 1/1/2/3;
align-self: end;
}
#w-node-e347e4cf-2502-25bf-221c-94541a6d1d3c-c403df47 {
grid-area: 1/6/2/12;
}
#w-node-_99adfd87-32df-d671-dd65-c295dec0b73e-c403df47 {
grid-area: 1/2/2/4;
align-self: end;
}
#w-node-b8329f4b-9cb5-2043-62f3-d22ef8a26895-c403df47 {
grid-area: 1/14/2/-2;
align-self: end;
}
#w-node-_502f0f99-9ad7-c96d-6ff5-cc96cfff8894-c403df47,
#w-node-_502f0f99-9ad7-c96d-6ff5-cc96cfff8896-c403df47,
#w-node-_1b200fc4-a8c8-efad-58bf-026072e4823c-c403df47,
#w-node-_4352ccef-83ff-5032-4f13-c7dc2247cda3-c403df47,
#w-node-_1c0d8f9f-7446-6063-4478-41530ed97a03-c403df47,
#w-node-_4e4b9b3a-d535-529f-d50a-28043f9dc07c-c403df47,
#w-node-_550ed2ef-1543-3beb-be44-08a0e7ee1d18-c403df47,
#w-node-e65f30d2-a2d1-6b89-89c9-d3aa81d96ed5-c403df47 {
grid-area: 1/1/2/2;
}
#w-node-_19f49034-cca1-8816-b955-31d1c6434d6c-c403df47 {
grid-area: 1/2/2/-2;
}
#w-node-_1370fd3e-f966-553d-82eb-d53bfacff28b-c403df47 {
grid-area: 2/2/3/5;
align-self: start;
}
#w-node-_550a423a-3eb9-3b8d-3545-eb1d11e40d2c-c403df47 {
grid-area: 2/6/3/12;
align-self: start;
}
#w-node-_1cd34d3c-c958-19df-0961-b1d9cfef99ff-c403df47,
#w-node-_1980c10f-8a1b-be90-7ee9-b8dc967f3410-c403df47,
#w-node-_30914e0d-1afc-9ca8-543e-7661c215b765-c403df47,
#w-node-_17edf8d1-3e35-eb54-a54e-4ed57d1ffbdb-c403df47,
#w-node-_8adb028f-5a52-3818-505f-5f85a4362c45-c403df47 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-f7ed7449-c747-a1a5-aa91-356673172122-c403df47 {
grid-area: 2/14/3/-2;
align-self: start;
}
#w-node-_3c2b6832-c98c-c55e-712b-325ad92ec582-c403df47 {
grid-area: 1/1/2/-15;
align-self: end;
}
#w-node-_3c2b6832-c98c-c55e-712b-325ad92ec583-c403df47,
#w-node-_3c2b6832-c98c-c55e-712b-325ad92ec585-c403df47,
#w-node-_3c2b6832-c98c-c55e-712b-325ad92ec58b-c403df47,
#w-node-_3c2b6832-c98c-c55e-712b-325ad92ec59e-c403df47,
#w-node-_3c2b6832-c98c-c55e-712b-325ad92ec5b2-c403df47 {
grid-area: 1/1/2/2;
}
#w-node-_70642a92-8871-14cb-da57-019a841b7337-c403df47 {
grid-area: 1/2/2/-2;
}
#w-node-_81de6232-225d-c497-b96b-89e8ae9a9fa4-c403df47 {
grid-area: 2/2/3/-2;
justify-self: end;
}
#w-node-dc8b6b29-4e55-50b6-136b-b2266b358876-c403df48 {
grid-area: 1/6/2/14;
place-self: stretch stretch;
}
#w-node-abf2f7c4-7924-a0b0-25a6-8e41bd64a964-c403df48 {
grid-area: 2/6/3/14;
}
#w-node-_36c8a13f-5a84-6d57-bc6f-db376a2f732d-c403df48 {
grid-area: 1/2/2/5;
}
#w-node-c28e7409-087c-c4bf-8a5a-dff6546c27f2-c403df48,
#w-node-_63b6a83a-b957-7bd0-c146-f74a7f803b6b-c403df49 {
grid-area: 1/6/2/-2;
}
#w-node-c426e28f-e555-b80f-ca57-e08023ae151d-c403df49 {
grid-area: 1/1/2/3;
place-self: start;
}
#w-node-ae563825-c986-429d-5414-76e24c8199d9-c403df49 {
grid-area: 1/1/2/5;
}
#w-node-ae563825-c986-429d-5414-76e24c8199db-c403df49 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-d756ceb4-6466-6ede-b69d-ca620247b277-c403df49 {
grid-area: 1/5/2/13;
}
#w-node-d8de4a6b-51b6-a94a-5fd3-eac77f1a59e8-c403df49 {
grid-area: 1/5/2/-1;
place-self: end center;
}
#w-node-_8d0b391e-79fd-a5f2-6a1a-e728542c5e43-c403df49 {
grid-area: span 1 / span 7 / span 1 / span 7;
}
#w-node-e433fdce-a161-67e6-721a-5a0090cde35e-c403df49 {
justify-self: end;
}
#w-node-_9b440fa0-6989-5f12-e211-56998c688113-c403df49 {
grid-area: 1/1/2/9;
}
#w-node-f5bd3a9d-151e-b9f6-e6aa-32978fcedd5b-c403df49 {
grid-area: span 1 / span 7 / span 1 / span 7;
}
#w-node-_6b7c70c1-04ae-8aae-6162-54181fb14ec7-c403df49 {
place-self: center end;
}
#w-node-_6b8cb9f7-6643-0e71-2505-03e2dad0708a-c403df49 {
grid-area: 1/10/2/-1;
}
#w-node-b198839f-d7fc-ea4f-ec06-0fc1d615a500-c403df49 {
grid-area: 1/1/2/9;
}
#w-node-_499551a3-373a-0a3b-5865-9257632163fb-c403df49,
#w-node-_499551a3-373a-0a3b-5865-9257632163fd-c403df49 {
grid-area: 1/1/2/2;
}
#w-node-_31953b45-9f9d-8a5e-9a53-32d6165adcfb-c403df4a {
grid-area: 1/2/2/13;
}
#w-node-_2ed20c4e-3f15-0305-4d70-6208db3acdb5-c403df4a {
grid-area: 2/1/3/-1;
}
#w-node-_31953b45-9f9d-8a5e-9a53-32d6165add15-c403df4a {
grid-area: 3/2/5/6;
}
#w-node-_86ee0bba-7137-c47a-f150-78ce551da9c6-c403df4a {
grid-area: 3/6/4/-5;
}
#w-node-_8db8a0a1-6864-6545-efc9-bdf693ceeb9e-c403df4a {
grid-area: 4/6/5/-5;
}
#w-node-_9bd14e94-76a5-f7d3-0511-2f2e41a0819c-c403df4a {
grid-area: 5/6/6/-5;
}
#w-node-_21432f39-69e3-d808-7412-b9abf8847e08-c403df4b,
#w-node-b9d051c1-d462-f2e9-0b0d-cbd6b90ca56b-c403df4c,
#w-node-_63b6a83a-b957-7bd0-c146-f74a7f803b6b-c403df50 {
grid-area: 1/6/2/-2;
}
#w-node-_4fc04189-21ec-565f-b638-f02512d9b621-c403df50,
#w-node-_1b3654dd-7f23-cd66-c189-70a125b5a107-c403df50 {
grid-area: 1/1/2/2;
}
#w-node-_2553dc6f-69b8-d121-d0a9-a785d53c2338-c403df51 {
grid-area: 1/2/2/-2;
align-self: end;
}
#w-node-e4e20ea4-dc72-6d98-5f92-bd927d649014-c403df51 {
grid-area: span 1 / span 3 / span 1 / span 3;
}
#w-node-f02d0b4a-2eff-2232-5bcf-5f428bc4a342-c403df51 {
grid-area: 2/1/3/11;
}
#w-node-f02d0b4a-2eff-2232-5bcf-5f428bc4a347-c403df51 {
grid-area: 2/13/3/-1;
align-self: start;
}
#w-node-c46e58d9-a493-a44e-f9ef-9b64f1a19486-c403df51 {
grid-area: 1/2/2/7;
}
#w-node-_390c0eaf-14cb-d6af-4f02-b503283fb204-c403df51 {
grid-area: 1/8/2/-2;
}
#w-node-_91db46b6-6585-9c4f-ef9c-dca0f6434c49-c403df51 {
grid-area: 1/6/2/-1;
}
#w-node-_2f23d7de-0cd8-d43d-3605-12306e849b3c-c403df51 {
grid-area: 2/1/3/5;
}
#w-node-_899bf8be-b1d2-87ac-b9a2-7ca0d77e4c0d-c403df51 {
grid-area: 3/7/4/-2;
}
#w-node-_2e149c9f-bdf3-abb4-608d-3e2ad0cd74c1-c403df51 {
grid-area: 4/3/5/8;
}
#w-node-cb37b864-b8b0-c8ab-da39-57a0e136ca37-c403df51 {
grid-area: 2/2/3/9;
}
#w-node-_8d2fde49-4b9c-3ca1-6747-f9ebed69f2db-c403df51 {
grid-area: 2/10/3/-5;
}
#w-node-dc0a3340-09da-a4c7-0ff1-41c3397dfe15-c403df51 {
grid-area: 3/2/4/-2;
}
#w-node-_2b704845-bbb5-52db-dbe4-3dc297b140ce-c403df51 {
grid-area: 1/2/2/-2;
align-self: baseline;
}
#w-node-e2227545-ecfd-a679-e0e2-5b434933f674-c403df51 {
grid-area: 1/1/2/2;
}
#w-node-_6eab5c6b-5593-9bb0-c031-38803ddb592a-c403df51 {
grid-area: 1/10/2/-2;
}
#w-node-d12e1f0d-17bf-9c06-fab9-ad793d49185c-c403df51 {
grid-area: 1/1/2/2;
}
#w-node-_43b476f8-9314-7dc2-f1e2-482fe85ae5d0-c403df51,
#w-node-_3c69927b-8a4f-6fa9-0bd9-d6e1b0fa412f-c403df51 {
grid-area: 1/1/2/-1;
}
#w-node-fa1d25b6-c9c9-139c-db73-db6cf350370f-c403df51,
#w-node-_12c17100-5130-f8e2-b023-439dd4885e67-c403df51,
#w-node-_203fa73e-58b6-eedd-01f8-50838f896346-c403df51 {
grid-area: 1/1/2/2;
}
#w-node-b9e3ca88-ecb2-e4aa-9aed-f40bb72b0cbd-c403df51 {
grid-area: 1/2/2/-2;
}
#w-node-_8f233a73-74ba-f14a-83e3-4ff785546110-c403df51,
#w-node-d6dc1473-675c-4b32-64cb-0be542e69b38-c403df51,
#w-node-e513caa9-72e3-ebc5-1512-70ec9686e0fa-c403df51,
#w-node-_99114ae1-0d40-29b1-71c0-1e7ce0dd00a3-c403df51,
#w-node-_9e8a9de1-7c7e-88a1-069b-6d3151bc5082-c403df51,
#w-node-_65500d7c-4b1e-9031-70ef-612a74c5ba56-c403df51 {
grid-area: 1/1/2/2;
}
#w-node-ce3ffd00-ff40-5015-9723-fe6ed1cfc129-c403df51 {
grid-area: 1/3/2/8;
}
#w-node-f1c58dce-da73-04a5-7f01-b62253797297-c403df51 {
grid-area: 1/10/2/15;
align-self: end;
}
#w-node-d5403f70-4d1d-1d87-51bf-6880ec78dc20-c403df51 {
grid-area: 2/1/3/-1;
}
#w-node-_0db44d01-1893-1951-890b-a5dfdbc87e0b-c403df51 {
grid-area: 1/2/2/3;
align-self: start;
}
#w-node-daa2f400-9a11-5dfa-ba62-c1ff963de67f-c403df51 {
grid-area: 1/3/2/7;
align-self: start;
}
#w-node-_6835c292-7230-d7e6-4260-752a52eff3ce-c403df51 {
grid-area: 1/10/2/15;
align-self: start;
}
#w-node-bb009420-a334-3f95-314c-6983fdcb3d7d-c403df51 {
grid-area: 1/-3/2/-2;
place-self: start end;
}
#w-node-_05be434d-43d8-ab35-1e39-52c19da19ae7-c403df51 {
grid-area: 1/2/2/3;
align-self: start;
}
#w-node-_05be434d-43d8-ab35-1e39-52c19da19aea-c403df51 {
grid-area: 1/3/2/7;
align-self: start;
}
#w-node-_05be434d-43d8-ab35-1e39-52c19da19aed-c403df51 {
grid-area: 1/10/2/15;
align-self: start;
}
#w-node-_05be434d-43d8-ab35-1e39-52c19da19af0-c403df51 {
grid-area: 1/-3/2/-2;
place-self: start end;
}
#w-node-_1ef89ef8-1696-3a0f-f9b4-a40cd44e4d0a-c403df51 {
grid-area: 1/2/2/3;
align-self: start;
}
#w-node-_1ef89ef8-1696-3a0f-f9b4-a40cd44e4d0d-c403df51 {
grid-area: 1/3/2/7;
align-self: start;
}
#w-node-_1ef89ef8-1696-3a0f-f9b4-a40cd44e4d10-c403df51 {
grid-area: 1/10/2/15;
align-self: start;
}
#w-node-_1ef89ef8-1696-3a0f-f9b4-a40cd44e4d13-c403df51 {
grid-area: 1/-3/2/-2;
place-self: start end;
}
#w-node-baa283f1-64d1-c84f-8ad7-cd1ab2ce5a79-c403df51 {
grid-area: 1/2/2/3;
place-self: start;
}
#w-node-baa283f1-64d1-c84f-8ad7-cd1ab2ce5a7c-c403df51 {
grid-area: 1/3/2/7;
align-self: start;
}
#w-node-baa283f1-64d1-c84f-8ad7-cd1ab2ce5a7f-c403df51 {
grid-area: 1/10/2/15;
align-self: start;
}
#w-node-baa283f1-64d1-c84f-8ad7-cd1ab2ce5a82-c403df51 {
grid-area: 1/-3/2/-2;
place-self: start end;
}
#w-node-_443be56f-df6e-1b4d-04a1-87b556623fde-c403df51 {
grid-area: 1/2/2/3;
place-self: start;
}
#w-node-_443be56f-df6e-1b4d-04a1-87b556623fe1-c403df51 {
grid-area: 1/3/2/7;
align-self: start;
}
#w-node-_443be56f-df6e-1b4d-04a1-87b556623fe4-c403df51 {
grid-area: 1/10/2/15;
align-self: start;
}
#w-node-_443be56f-df6e-1b4d-04a1-87b556623fe7-c403df51 {
grid-area: 1/-3/2/-2;
place-self: start end;
}
#w-node-_1f0041a8-2c2f-0796-57b8-e7c8c0e50646-c403df51 {
grid-area: 1/3/2/7;
}
#w-node-_93e4de6c-dd83-1dbd-787b-644b979eed23-c403df51 {
grid-area: 1/10/2/16;
align-self: start;
}
#w-node-d9300560-a5f7-0e3b-9d82-2858a61d0e7a-c403df51,
#w-node-_3b21bad8-5909-19d1-ee96-52c1ec0690df-c403df51 {
grid-area: 1/1/2/2;
}
#w-node-_997114f2-11e0-6541-1e8b-2a56955bc5ac-c403df51 {
grid-area: 1/6/2/-2;
}
#w-node-_76179fda-3a45-0088-087f-7c3f7eaa32ae-c403df51 {
grid-area: 2/2/3/5;
place-self: stretch stretch;
}
#w-node-_4bc161d1-9a0e-f262-c184-3fbf2c7e09f2-c403df51 {
grid-area: 2/6/3/-2;
}
#w-node-_5ca972c7-d897-d920-fba1-d5da8d3e2efb-c403df51,
#w-node-_13249dd4-8357-8cf4-38d4-dfd689788e99-c403df51 {
grid-area: 1/1/2/2;
}
#w-node-f216c239-7dc4-39e2-7f8c-6452fc5dd1e0-c403df51 {
grid-area: 2/-4/3/-2;
place-self: end;
}
#w-node-_401c2d31-1a02-68ba-a6c5-103e89c0430a-c403df51 {
grid-area: 2/2/3/5;
}
#w-node-_657f18ac-b1fe-688d-8c80-7a0b60eb3e55-c403df51 {
grid-area: 1/6/2/14;
}
#w-node-efbf9c70-d6d5-5470-68eb-f5614578ee5b-c403df51 {
grid-area: 2/6/3/14;
}
#w-node-b4a51f38-4639-65f6-b256-47aec313b6cb-c403df51,
#w-node-_933ff9c9-7073-1240-386f-a5b6e02d91e5-c403df51,
#w-node-b9cfa6af-7562-f001-928d-5f91da23655e-c403df51,
#w-node-c358767f-7488-e845-a09a-331d46465473-c403df51,
#w-node-dbd319b8-c240-23c0-ce21-584734244b88-c403df51,
#w-node-_38df0bb4-e74e-05e9-ceea-576f2b7ca5eb-c403df51,
#w-node-_80e5a828-40bd-4e1b-2c47-7e6dba26d2c5-c403df51,
#w-node-_8fa92969-2800-3e2d-2a8d-e4ab3bd9b0c5-c403df51,
#w-node-_43e2178d-f489-610e-2d8d-848a98abd7a8-c403df51,
#w-node-bddf88a4-b5c1-70df-d980-02a804af1912-c403df58 {
grid-area: 1/1/2/2;
}
#w-node-_78aa22bd-fb30-e358-92ef-c51ac2aed6d0-c403df58 {
grid-area: 2/1/3/2;
}
#w-node-_44e39c13-1274-16f6-e586-85be9c6f6bf4-c403df58 {
grid-area: 1/2/2/-2;
align-self: end;
}
#w-node-b7419f63-fba5-55d8-61ff-c70bebf52d3e-c403df58 {
grid-area: 1/2/2/-2;
}
#w-node-_74a27682-f7d2-7b72-1c2c-d2616ae7abf6-c403df58 {
grid-area: 2/1/3/-1;
}
#w-node-_7713579b-ca1d-18bd-3a6a-0d7cc5bd678e-c403df58 {
grid-area: 3/3/4/-3;
align-self: stretch;
}
#w-node-_755448a9-6332-c069-8f19-5b4b6a021466-c403df58 {
grid-area: 4/1/5/-1;
}
#w-node-_13eab7b1-342e-0b97-6f98-03fc4df4e3ec-c403df58 {
grid-area: 1/1/2/2;
}
#w-node-_694ca18d-9d51-e5bf-c327-d54a177de742-c403df58,
#w-node-_5aaac142-01aa-04df-6c3a-ff6cd5036e59-c403df58 {
grid-area: 1/6/2/9;
}
#w-node-_3ef1b61a-87ea-a80b-d63a-f2fa103e90e9-c403df58 {
grid-area: 1/1/2/2;
}
#w-node-c8f395a8-25ab-ad25-d0f5-a96734252478-c403df58 {
grid-area: 1/2/2/4;
}
#w-node-_4a2c19e6-5a01-834c-4dc2-42d3850c42e4-c403df58 {
grid-area: 1/6/2/-4;
align-self: start;
}
#w-node-_874e5894-da88-c628-74c2-dfeb5e4004fd-c403df58 {
grid-area: 2/2/3/5;
align-self: end;
}
#w-node-_9a5c95a6-b9aa-a5d5-1b82-ff6523ddfab2-c403df58 {
grid-area: 1/2/2/5;
}
#w-node-_8770b700-0c56-5948-da01-624de919d188-c403df58 {
grid-area: 1/5/2/-2;
justify-self: end;
}
#w-node-bdb06219-0899-91b5-3e76-ec6f083a92a4-c403df58 {
grid-area: 1/6/2/9;
}
#w-node-e5068fc7-8f4d-1c8a-612b-e678db23b8f1-c403df58,
#w-node-b7fe0efa-9cdc-4ba5-ff99-41ffd5353fb6-c403df58 {
justify-self: center;
}
#w-node-bddf88a4-b5c1-70df-d980-02a804af1912-c403df5b {
grid-area: 1/1/2/2;
}
#w-node-_78aa22bd-fb30-e358-92ef-c51ac2aed6d0-c403df5b {
grid-area: 2/1/3/2;
}
#w-node-e671158f-fc0c-510c-c1da-3c6312b8a48f-c403df5b {
grid-area: 1/1/2/-1;
}
#w-node-_11c5e843-6d35-88ef-0dbf-95e0164352cf-c403df5b {
grid-area: 2/1/3/-1;
}
#w-node-_66311ef0-2d9d-d622-e3d4-2f33e15356e2-c403df5b {
grid-area: 1/2/2/7;
align-self: start;
}
#w-node-fc9513f3-56b5-77b2-b274-e3f6fb004977-c403df5b {
align-self: center;
}
#w-node-_3c92b124-8fbd-b346-8916-d00937df2914-c403df5b {
grid-area: 1/3/2/-1;
}
#w-node-_11fc2c04-8c77-0f11-30f8-6d91975754d7-c403df5b {
grid-area: 2/2/3/7;
place-self: stretch start;
}
#w-node-e98bca4b-5eb1-3d88-dd5b-c756a102a76e-c403df5b {
grid-area: 1/3/2/-1;
}
#w-node-f575494c-74d0-63db-c935-469b1693d229-c403df5b {
grid-area: 1/10/3/16;
}
#w-node-f4012925-3a00-88e3-b9d2-0d3872f04a7d-c403df5b {
grid-area: 1/2/2/7;
align-self: start;
}
#w-node-a089c180-db8e-2d1f-449f-dfaee0ddddf0-c403df5b {
grid-area: 1/3/2/-1;
}
#w-node-_711ac5f0-34b2-ba0d-c7a8-c6cfc56bb7ec-c403df5b {
grid-area: 2/2/3/7;
align-self: end;
}
#w-node-a7bb3479-ae6a-83f1-874b-10d24ea5cb76-c403df5b {
grid-area: 1/3/2/-1;
}
#w-node-_225b85a0-12a0-9fbe-a6b8-bad22d6bb1c9-c403df5b {
grid-area: 1/10/3/16;
}
#w-node-_11c735d8-3a82-c58a-2ed9-9ebf3b108f94-c403df5b {
grid-area: 2/-4/3/-2;
place-self: start end;
}
#w-node-_3d0cc678-8a4a-9034-d2e8-32966e064e20-c403df5b {
grid-area: 2/10/3/-4;
justify-self: center;
}
#w-node-af8a67b9-0ad4-6429-aa69-50eea6861f9b-c403df5b {
grid-area: 1/6/2/-6;
justify-self: center;
}
#w-node-bd7148c3-24d7-4586-4d44-2c5d635fd656-c403df5b {
grid-area: 2/1/3/-1;
}
#w-node-_58569e63-1cbf-964c-d37f-d9a0cce189a7-c403df5b {
grid-area: 3/2/4/-2;
}
#w-node-_7b0e0cf8-d668-dca1-52e5-e8d60f610da5-c403df5b {
grid-area: 1/2/2/10;
}
#w-node-_5e44521e-852e-78c3-f0a0-930791055fae-c403df5b {
grid-area: 1/14/2/-2;
align-self: end;
}
#w-node-_955bca81-321f-665b-b64f-5f996014e1ee-c403df5b,
#w-node-a8442055-4024-e962-6b2f-32d83f5d4305-c403df5b {
grid-area: 1/1/2/2;
}
#w-node-_7210b9da-2d83-3dfb-af1d-a62edde537fa-c403df5e {
grid-area: 1/2/2/-2;
align-self: start;
}
#w-node-e7f2076a-89bf-b103-93aa-bca7d8ea8133-c403df5e {
grid-area: 1/13/-1/-2;
align-self: stretch;
}
#w-node-_50332a86-e9ed-8e68-e4ba-8f212df901ff-c403df5e {
grid-area: 1/2/2/4;
align-self: start;
}
#w-node-_9f9cfc13-c6b0-6e0a-3c77-b66c38d0365f-c403df5e {
grid-area: 1/6/2/11;
}
#w-node-a9353232-a490-feeb-ca19-58e6e0f0acd9-c403df5e {
grid-area: 1/13/2/-2;
align-self: end;
}
#w-node-_8911db66-8683-189d-36f2-0dbff8ea3189-c403df5e {
grid-area: 2/1/3/-1;
}
#w-node-a0fca1d2-86cd-42bf-d3f8-32ba32f0d803-c403df61 {
grid-area: 1/1/2/2;
}
#w-node-a0fca1d2-86cd-42bf-d3f8-32ba32f0d806-c403df61 {
grid-area: 2/1/3/2;
}
#w-node-_9496bcca-24ef-c41c-c983-bc3614060fd1-c403df61,
#w-node-b55724f7-dfc6-5f41-2648-46143bca5631-c403df61 {
grid-area: 1/2/2/-2;
}
#w-node-_4f015f9c-929c-e05f-df9f-136f2b7f981e-c403df61,
#w-node-_4f015f9c-929c-e05f-df9f-136f2b7f9820-c403df61 {
grid-area: 1/1/2/2;
}
#w-node-_323637ea-04a3-14f9-ddac-14f1f886a840-c403df62 {
grid-area: 1/2/2/-2;
}
#w-node-_6a1f97d8796deb958e0c27b500000000000c-c403df62 {
grid-area: 2/2/3/11;
}
#w-node-_6a1f97d8796deb958e0c27b5000000000096-c403df62 {
grid-area: 2/12/3/-2;
}
#w-node-dc8b6b29-4e55-50b6-136b-b2266b358876-c403df65 {
grid-area: 1/6/2/14;
place-self: stretch stretch;
}
#w-node-_36c8a13f-5a84-6d57-bc6f-db376a2f732d-c403df65 {
grid-area: 1/2/2/5;
}
#w-node-c28e7409-087c-c4bf-8a5a-dff6546c27f2-c403df65 {
grid-area: 1/6/2/-2;
}
#w-node-bddf88a4-b5c1-70df-d980-02a804af1912-c403df97 {
grid-area: 1/1/2/2;
}
#w-node-_78aa22bd-fb30-e358-92ef-c51ac2aed6d0-c403df97 {
grid-area: 2/1/3/2;
}
#w-node-a73f1047-f3cc-10f9-6a27-6334efb36742-c403df97,
#w-node-a73f1047-f3cc-10f9-6a27-6334efb36745-c403df97,
#w-node-bddf88a4-b5c1-70df-d980-02a804af1912-c403dfbe {
grid-area: 1/1/2/2;
}
#w-node-_78aa22bd-fb30-e358-92ef-c51ac2aed6d0-c403dfbe {
grid-area: 2/1/3/2;
}
#w-node-_3a85f6d6-923a-9cd0-d53f-9faa99171282-c403dfbe {
grid-area: 4/2/5/11;
}
#w-node-dc8b6b29-4e55-50b6-136b-b2266b358876-c403dfd4 {
grid-area: 1/6/2/14;
place-self: stretch stretch;
}
#w-node-_43e41881-3784-17d8-a7e0-9df00571cf16-c403dfd4 {
grid-area: 2/6/3/14;
}
#w-node-c28e7409-087c-c4bf-8a5a-dff6546c27f2-c403dfd4 {
grid-area: 1/6/2/-6;
}
#w-node-dc8b6b29-4e55-50b6-136b-b2266b358876-c403e012 {
grid-area: 1/6/2/14;
place-self: stretch stretch;
}
#w-node-_43e41881-3784-17d8-a7e0-9df00571cf16-c403e012 {
grid-area: 2/6/3/14;
}
#w-node-c28e7409-087c-c4bf-8a5a-dff6546c27f2-c403e012 {
grid-area: 1/6/2/-6;
}
#w-node-dc8b6b29-4e55-50b6-136b-b2266b358876-c403e02a {
grid-area: 1/6/2/-2;
place-self: stretch stretch;
}
#w-node-_43e41881-3784-17d8-a7e0-9df00571cf16-c403e02a {
grid-area: 2/6/3/-2;
}
#w-node-c28e7409-087c-c4bf-8a5a-dff6546c27f2-c403e02a {
grid-area: 1/6/2/-6;
}
#w-node-dc8b6b29-4e55-50b6-136b-b2266b358876-c403e02d {
grid-area: 1/6/2/14;
place-self: stretch center;
}
#w-node-c28e7409-087c-c4bf-8a5a-dff6546c27f2-c403e02d {
grid-area: 1/6/2/-6;
}
#w-node-c30e2786-b768-dbf0-9468-754b41bffa08-cc555bc9 {
grid-area: 1/2/2/4;
place-self: start;
}
#w-node-_43676f3c-7700-b938-e4b8-c2cb653ec167-cc555bc9 {
grid-area: 1/6/2/9;
align-self: center;
}
#w-node-_43676f3c-7700-b938-e4b8-c2cb653ec174-cc555bc9,
#w-node-_43676f3c-7700-b938-e4b8-c2cb653ec177-cc555bc9,
#w-node-_43676f3c-7700-b938-e4b8-c2cb653ec195-cc555bc9,
#w-node-_43676f3c-7700-b938-e4b8-c2cb653ec1ca-cc555bc9 {
grid-area: 1/1/2/2;
}
#w-node-_81ce8144-62c7-0e43-e839-50339a4abd44-cc555bc9 {
grid-area: 1/14/2/-2;
place-self: start end;
}
#w-node-c30e2786-b768-dbf0-9468-754b41bffb19-cc555bc9 {
grid-area: 1/1/2/-1;
place-self: stretch stretch;
}
#w-node-c30e2786-b768-dbf0-9468-754b41bffb1b-cc555bc9,
#w-node-c30e2786-b768-dbf0-9468-754b41bffb1d-cc555bc9,
#w-node-c30e2786-b768-dbf0-9468-754b41bffb1e-cc555bc9,
#w-node-c30e2786-b768-dbf0-9468-754b41bffb20-cc555bc9,
#w-node-c30e2786-b768-dbf0-9468-754b41bffb22-cc555bc9 {
grid-area: 1/1/2/2;
}
#w-node-c30e2786-b768-dbf0-9468-754b41bffb3c-cc555bc9 {
grid-area: 2/2/3/-2;
place-self: stretch stretch;
}
@media screen and (max-width: 991px) {
#w-node-_9b5c40c9-dcd8-492b-f65f-a0cb32c0fc3e-c403df38 {
grid-column-start: 5;
justify-self: start;
}
#w-node-_1376d989-d8bf-cb4a-7cc3-8fd5821a906e-c403df38 {
grid-column: 2/6;
grid-row-start: 1;
align-self: end;
}
#w-node-f09cdc9d-a1e7-6caa-6f0c-c0c0998cfcac-c403df38 {
grid-column: 2/6;
grid-row-start: 1;
align-self: start;
}
#w-node-_473c677c-a1cd-ea5b-71b0-bee3933f9292-c403df38 {
grid-area: 1/1/2/2;
place-self: end center;
}
#w-node-b0ca98d8-45ce-39a5-d9b9-db955e5e608e-c403df38 {
grid-row-start: 1;
grid-column-end: 6;
}
#w-node-_19f5e1e9-0322-6ef2-b334-aed938afcd3e-c403df38,
#w-node-_535a1fee-0a98-4a0f-5adc-92091ae2291c-c403df38 {
grid-column-start: 6;
}
#w-node-_84c9d057-1bc0-b822-83ba-861468e1b046-c403df38 {
grid-column-end: 5;
}
#w-node-_240aa9fd-0da3-8b9b-6d3c-b4f8879ce9be-c403df38 {
grid-column: 7/-2;
grid-row-start: 1;
}
#w-node-c7b9355f-deff-4908-c292-4902b9c16861-c403df38 {
grid-column: 4/-4;
grid-row-start: 1;
}
#w-node-_5ee1322c-e65c-24ba-ded0-c2463292c1b1-c403df38 {
grid-column: 3/-3;
grid-row-start: 2;
}
#w-node-_8c2bb2a7-341e-2863-3238-551e171fae6d-c403df38,
#w-node-_8c2bb2a7-341e-2863-3238-551e171fae81-c403df38,
#w-node-_081b3f2d-08e8-1749-b939-f736c59af826-c403df38 {
grid-column-start: 2;
}
#w-node-_0603a309-83b1-05b3-e028-e154d6160042-c403df38 {
grid-column: 2/6;
grid-row-start: 1;
align-self: start;
}
#w-node-_0603a309-83b1-05b3-e028-e154d6160050-c403df38 {
grid-area: 1/7/2/-2;
}
#w-node-_2fdd36e9-383a-6cbf-0090-89bdb1e4d5a1-c403df38 {
grid-column-end: 4;
}
#w-node-_139a5fba-b318-aed8-456a-5995709192fa-c403df38 {
grid-column: 4/8;
}
#w-node-ffca6108-f47c-6400-8997-59ce06e9026d-c403df38 {
grid-column: -4/-2;
}
#w-node-_0e256e74-1667-c06f-27cd-83dda0c65be3-a0c65bd9 {
grid-column-end: 4;
}
#w-node-_0e256e74-1667-c06f-27cd-83dda0c65beb-a0c65bd9 {
grid-column-start: 4;
}
#w-node-_0e256e74-1667-c06f-27cd-83dda0c65c09-a0c65bd9 {
grid-column-start: 2;
}
#w-node-_0e256e74-1667-c06f-27cd-83dda0c65c22-a0c65bd9 {
grid-row-start: 4;
align-self: start;
}
#w-node-_0e256e74-1667-c06f-27cd-83dda0c65c25-a0c65bd9 {
grid-column-start: 2;
}
#w-node-_0e256e74-1667-c06f-27cd-83dda0c65c26-a0c65bd9 {
grid-area: 2/1/3/2;
}
#w-node-_0e256e74-1667-c06f-27cd-83dda0c65c4c-a0c65bd9 {
grid-area: 1/2/2/3;
}
#w-node-_073090fb-a78b-f8f0-d7c5-a8532d0f9424-a0c65bd9 {
grid-column: span 1 / span 1;
}
#w-node-_0e256e74-1667-c06f-27cd-83dda0c65c73-a0c65bd9 {
grid-column-start: 2;
}
#w-node-_16cd6236-a00c-1313-b86e-e3a622eca6fd-22eca6fd {
grid-column-end: -3;
}
#w-node-_16cd6236-a00c-1313-b86e-e3a622eca700-22eca6fd {
grid-column: 3/-3;
}
#w-node-_070d8942-acc5-13b8-8525-c2936fa9ced8-6fa9cebb {
grid-column-end: 4;
}
#w-node-_7d83b984-86ad-a7fd-5a9e-957fe7cf7e47-e7cf7e47:where(
.w-variant-c51cc792-3fd4-c841-ba73-32095be596e6
) {
grid-column: 6/7;
}
#w-node-_3d3962a8-36f0-9a73-787b-7f85fa5409c7-e7cf7e47 {
grid-column: 4/6;
}
#w-node-_3d3962a8-36f0-9a73-787b-7f85fa5409c7-e7cf7e47:where(
.w-variant-c51cc792-3fd4-c841-ba73-32095be596e6
) {
grid-column: 6/7;
}
#w-node-_4848b2c1-b408-8d92-26dc-7e44793159b7-e7cf7e47 {
grid-column: 6/8;
}
#w-node-_7d83b984-86ad-a7fd-5a9e-957fe7cf7e87-e7cf7e47 {
grid-column: 6/-2;
}
#w-node-_7d83b984-86ad-a7fd-5a9e-957fe7cf7e87-e7cf7e47:where(
.w-variant-c51cc792-3fd4-c841-ba73-32095be596e6
) {
grid-column-start: 7;
}
#w-node-_2064f9d4-5734-a4ee-8ed3-d2a2a4232289-a4232285 {
grid-column: 2/4;
}
#w-node-_2064f9d4-5734-a4ee-8ed3-d2a2a42322b5-a4232285 {
grid-column: 4/-4;
}
#w-node-_2064f9d4-5734-a4ee-8ed3-d2a2a4232300-a4232285 {
grid-column: -5/-2;
}
#w-node-_6a176df7-090d-956c-116e-cd47750f5d63-c403df3d {
grid-column-end: 6;
}
#w-node-a13b7c68-dbaa-aa41-e5f6-b6bfda7c4313-c403df3d {
grid-column-start: -4;
}
#w-node-_5061ddc8-71c6-262e-ba66-7e303300cc38-c403df3d {
grid-column: 2/5;
}
#w-node-_309a7744-778a-38d5-1531-1a5b3d83f2a8-c403df3d {
grid-area: 2/2/3/7;
}
#w-node-a30372df-8a03-a713-6e20-e56900d96e0f-c403df3d {
grid-row: 3/4;
grid-column-start: 2;
}
#w-node-_9223a0b9-9cca-7119-2791-a75b05a54a3a-c403df3d {
grid-row: 4/5;
grid-column-start: 2;
}
#w-node-_19426094-d3d6-4332-a1b6-6dde8a4bac7f-c403df3d {
grid-row-end: 4;
grid-column-end: -2;
}
#w-node-_1c400135-40dd-895a-1a63-f62f1e22e5b6-c403df3d {
grid-row: 2/3;
grid-column-start: 2;
}
#w-node-baeedb72-5e62-8e65-5abb-8f43d3e45657-c403df3d {
grid-row: 3/4;
grid-column-start: 2;
}
#w-node-b8bf793a-838a-42ba-4c65-d5f6c97e3260-c403df3d {
grid-row: 4/5;
grid-column-start: 4;
}
#w-node-_32fd9f67-ea8a-ceee-7bdd-d3af8ea6c915-c403df3d {
grid-area: 2/2/3/3;
}
#w-node-_23614d97-f01a-0fab-7fcd-d9b6045a9298-c403df3d {
grid-column: 4/-2;
}
#w-node-be93e70d-0056-8c24-b11b-4a55faffc790-c403df3d {
grid-column-end: 8;
}
#w-node-_709804d7-5bd6-65d3-566c-120890a13ee5-c403df3d {
grid-column-start: 2;
}
#w-node-d3706083-adca-40df-1162-ad03490e4d41-c403df3d {
grid-column: 2/4;
}
#w-node-_84fd2e24-fa1a-942d-f7c1-e7358ad87173-c403df3d {
grid-column-end: 2;
}
#w-node-b68a9257-1c16-e8cc-0961-394748f6238f-c403df3d {
grid-column: 1/-2;
justify-self: center;
}
#w-node-_9c34ac41-e6db-e0e2-5207-40c4cc5de321-c403df3d {
grid-column: 2/-2;
}
#w-node-_71fa67e3-756c-ca6a-6120-fbff4e8449be-c403df3d {
grid-column: 4/6;
}
#w-node-_11583141-3a29-4512-d686-673d7a5dfc5b-c403df3d {
grid-column: 6/9;
}
#w-node-_7a33d5f5-7f0b-b9f8-298e-c1878a9cb99d-c403df3d {
justify-self: end;
}
#w-node-_91740038-5a53-f150-b4ee-92afb0ed1b9c-c403df3d {
grid-column: 4/6;
}
#w-node-_877b5215-f610-c0ec-f3cd-04c452caa311-c403df3d {
grid-column: 6/9;
}
#w-node-_91740038-5a53-f150-b4ee-92afb0ed1ba2-c403df3d {
justify-self: end;
}
#w-node-cae2f412-a8fb-f8f3-573e-41ca0689e668-c403df3d {
grid-column: 4/6;
}
#w-node-_8905a598-605f-50fe-c4ef-a35e5db06357-c403df3d {
grid-column-end: 4;
}
#w-node-cae2f412-a8fb-f8f3-573e-41ca0689e670-c403df3d {
justify-self: end;
}
#w-node-_8341fc5a-6980-3a84-2462-211e671258c7-c403df3d {
grid-column: 4/6;
}
#w-node-_59e41ba9-c137-26c7-d9f4-2065982f712f-c403df3d {
grid-column: 6/9;
}
#w-node-_8341fc5a-6980-3a84-2462-211e671258cf-c403df3d {
justify-self: end;
}
#w-node-d486c2c8-5a50-e8d6-e8ae-d1a72c6b7e41-c403df3d {
grid-column: 4/6;
}
#w-node-_63955be7-fb93-e4c1-6854-48ba00769393-c403df3d {
grid-column: 6/9;
}
#w-node-d486c2c8-5a50-e8d6-e8ae-d1a72c6b7e49-c403df3d {
justify-self: end;
}
#w-node-_091b61c9-3fb4-248d-04d3-899f5627b137-c403df3d {
grid-column: 4/-3;
}
#w-node-_196f7faf-fc1d-cfc2-674b-4df2e12b8631-c403df3d {
grid-row-end: 3;
grid-column-end: 5;
}
#w-node-_091b61c9-3fb4-248d-04d3-899f5627b13d-c403df3d {
justify-self: end;
}
#w-node-_091b61c9-3fb4-248d-04d3-899f5627b143-c403df3d {
grid-column: 4/8;
}
#w-node-_8430cf6c-4ee2-7e82-c9d8-f2a5bc0c3833-c403df3d {
grid-area: 2/5/3/9;
}
#w-node-_091b61c9-3fb4-248d-04d3-899f5627b14b-c403df3d {
justify-self: end;
}
#w-node-_091b61c9-3fb4-248d-04d3-899f5627b151-c403df3d {
grid-column: 4/8;
}
#w-node-_035662c4-b865-0bd7-de62-98ba71e5b0a2-c403df3d {
grid-area: 2/5/3/9;
}
#w-node-_091b61c9-3fb4-248d-04d3-899f5627b159-c403df3d {
justify-self: end;
}
#w-node-_091b61c9-3fb4-248d-04d3-899f5627b15f-c403df3d {
grid-column: 4/8;
}
#w-node-_54e6d434-e8ba-7398-6381-884b00a94064-c403df3d {
grid-area: 2/5/3/9;
}
#w-node-_091b61c9-3fb4-248d-04d3-899f5627b167-c403df3d {
justify-self: end;
}
#w-node-_091b61c9-3fb4-248d-04d3-899f5627b16d-c403df3d {
grid-column: 4/8;
}
#w-node-_816581e4-eccf-7218-aa3c-2e581287cb8a-c403df3d {
grid-area: 2/5/3/9;
}
#w-node-_091b61c9-3fb4-248d-04d3-899f5627b173-c403df3d {
justify-self: end;
}
#w-node-ba51c839-0caa-c478-ed5b-592a1edfb85e-c403df3d,
#w-node-c40103fb-2f6e-e095-ef5a-9a07fc6b9980-c403df3d {
grid-column-end: -2;
}
#w-node-_9b52f530-b93f-fc28-717a-7497e160999b-c403df3d {
grid-column: 4/6;
justify-self: start;
}
#w-node-_8808b684-8610-af04-7264-04c890488d18-c403df3d {
grid-column-end: -2;
}
#w-node-bd64dd43-7fbe-c56a-7859-07a50c583298-c403df3d {
grid-column-end: 9;
}
#w-node-_71fa21a5-3a01-718f-9c57-0fe69e60b257-c403df3d {
grid-column-end: 4;
}
#w-node-_7a77fed2-f6b9-778d-3aa1-cd9a84cc9406-c403df3d {
grid-area: 1/1/2/-1;
}
#w-node-e429d920-9648-af4d-a237-aaa41c2b73d1-c403df3d {
grid-area: 2/1/3/-1;
}
#w-node-fce12483-9b26-33a5-4035-77a20c9c228a-c403df3d {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_146f8710-1ed3-fc65-3b39-a9123e1194ae-c403df3d {
grid-column-end: 2;
}
#w-node-_1f8aad9d-831c-7f66-cd8e-40b0e1427635-c403df3d {
grid-column: span 1 / span 1;
}
#w-node-_052c39b9-2fcf-6322-4320-ed2f9bbab77b-c403df3d {
grid-column-start: 7;
}
#w-node-_1d5dad29-9d77-bdb3-20a5-ae5734096fa5-c403df3d {
grid-column: 5/-2;
}
#w-node-_23a3e93a-0fa9-b5f9-b952-9111d8751da6-c403df3d {
grid-area: 1/2/2/5;
align-self: end;
}
#w-node-_2f1e0586-2397-613a-8d63-89f503f2e218-c403df3d {
grid-column: 4/-1;
}
#w-node-a64d3dec-129f-43f8-b7f6-f4e7f60bc27a-c403df3d {
grid-column-end: -1;
}
#w-node-b459a076-14f8-6111-c1a5-88f1586fdc0a-586fdc0a {
grid-column: span 3 / span 3;
}
#w-node-b459a076-14f8-6111-c1a5-88f1586fdc0b-586fdc0a {
grid-area: 1/2/2/5;
}
#w-node-b459a076-14f8-6111-c1a5-88f1586fdc0e-586fdc0a {
grid-area: span 1 / span 3 / span 1 / span 3;
}
#w-node-e347e4cf-2502-25bf-221c-94541a6d1d3c-c403df47 {
grid-column: 2/6;
}
#w-node-b8329f4b-9cb5-2043-62f3-d22ef8a26895-c403df47 {
grid-column-start: 6;
}
#w-node-_1370fd3e-f966-553d-82eb-d53bfacff28b-c403df47 {
grid-area: 3/2/4/6;
}
#w-node-_550a423a-3eb9-3b8d-3545-eb1d11e40d2c-c403df47 {
grid-column: 2/-2;
}
#w-node-f7ed7449-c747-a1a5-aa91-356673172122-c403df47 {
grid-area: 3/6/4/-2;
}
#w-node-_3c2b6832-c98c-c55e-712b-325ad92ec582-c403df47 {
grid-column-start: 6;
}
#w-node-dc8b6b29-4e55-50b6-136b-b2266b358876-c403df48 {
grid-column: 4/-2;
}
#w-node-abf2f7c4-7924-a0b0-25a6-8e41bd64a964-c403df48 {
grid-column: 4/-4;
}
#w-node-_36c8a13f-5a84-6d57-bc6f-db376a2f732d-c403df48 {
grid-column: 2/4;
}
#w-node-c28e7409-087c-c4bf-8a5a-dff6546c27f2-c403df48 {
grid-column: 4/-2;
}
#w-node-_63b6a83a-b957-7bd0-c146-f74a7f803b6b-c403df49 {
grid-column-start: 4;
}
#w-node-ae563825-c986-429d-5414-76e24c8199d9-c403df49 {
grid-column-end: 3;
}
#w-node-d756ceb4-6466-6ede-b69d-ca620247b277-c403df49 {
grid-column: 3/-1;
}
#w-node-d756ceb4-6466-6ede-b69d-ca620247b279-c403df49 {
place-self: center;
}
#w-node-d8de4a6b-51b6-a94a-5fd3-eac77f1a59e8-c403df49 {
grid-column-start: 3;
}
#w-node-_8d0b391e-79fd-a5f2-6a1a-e728542c5e43-c403df49 {
grid-column: span 3 / span 3;
}
#w-node-_9b440fa0-6989-5f12-e211-56998c688113-c403df49 {
grid-column-end: -1;
}
#w-node-f5bd3a9d-151e-b9f6-e6aa-32978fcedd5b-c403df49 {
grid-area: 2/1/3/5;
align-self: end;
}
#w-node-_6b7c70c1-04ae-8aae-6162-54181fb14ec7-c403df49 {
grid-area: span 1 / span 1 / span 1 / span 1;
place-self: start;
}
#w-node-_6b8cb9f7-6643-0e71-2505-03e2dad0708a-c403df49 {
grid-column: 9/-1;
}
#w-node-_31953b45-9f9d-8a5e-9a53-32d6165adcfb-c403df4a {
grid-column-end: -2;
}
#w-node-_31953b45-9f9d-8a5e-9a53-32d6165add15-c403df4a {
grid-column-end: 4;
}
#w-node-_86ee0bba-7137-c47a-f150-78ce551da9c6-c403df4a,
#w-node-_8db8a0a1-6864-6545-efc9-bdf693ceeb9e-c403df4a,
#w-node-_9bd14e94-76a5-f7d3-0511-2f2e41a0819c-c403df4a {
grid-column: 4/-2;
}
#w-node-_21432f39-69e3-d808-7412-b9abf8847e08-c403df4b,
#w-node-b9d051c1-d462-f2e9-0b0d-cbd6b90ca56b-c403df4c,
#w-node-_63b6a83a-b957-7bd0-c146-f74a7f803b6b-c403df50 {
grid-column-start: 4;
}
#w-node-e4e20ea4-dc72-6d98-5f92-bd927d649014-c403df51 {
grid-column: span 4 / span 4;
}
#w-node-f02d0b4a-2eff-2232-5bcf-5f428bc4a342-c403df51 {
grid-column-end: 6;
}
#w-node-f02d0b4a-2eff-2232-5bcf-5f428bc4a347-c403df51 {
grid-column-start: 6;
}
#w-node-c46e58d9-a493-a44e-f9ef-9b64f1a19486-c403df51 {
grid-column-end: 6;
}
#w-node-_390c0eaf-14cb-d6af-4f02-b503283fb204-c403df51 {
grid-column-start: 6;
}
#w-node-_91db46b6-6585-9c4f-ef9c-dca0f6434c49-c403df51 {
grid-column-start: 5;
}
#w-node-_2f23d7de-0cd8-d43d-3605-12306e849b3c-c403df51 {
grid-column-end: 5;
}
#w-node-_899bf8be-b1d2-87ac-b9a2-7ca0d77e4c0d-c403df51 {
grid-column: 4/-1;
}
#w-node-_2e149c9f-bdf3-abb4-608d-3e2ad0cd74c1-c403df51 {
grid-column: 2/8;
}
#w-node-cb37b864-b8b0-c8ab-da39-57a0e136ca37-c403df51 {
grid-column-end: 6;
}
#w-node-_8d2fde49-4b9c-3ca1-6747-f9ebed69f2db-c403df51 {
grid-column: 6/-2;
}
#w-node-_2b704845-bbb5-52db-dbe4-3dc297b140ce-c403df51 {
grid-column-end: -2;
}
#w-node-_6eab5c6b-5593-9bb0-c031-38803ddb592a-c403df51 {
grid-column-start: 6;
}
#w-node-ce3ffd00-ff40-5015-9723-fe6ed1cfc129-c403df51 {
grid-column: 2/5;
}
#w-node-f1c58dce-da73-04a5-7f01-b62253797297-c403df51 {
grid-column: 6/-2;
}
#w-node-_0db44d01-1893-1951-890b-a5dfdbc87e0b-c403df51 {
grid-column-start: 2;
}
#w-node-daa2f400-9a11-5dfa-ba62-c1ff963de67f-c403df51 {
grid-column-end: 6;
}
#w-node-_6835c292-7230-d7e6-4260-752a52eff3ce-c403df51 {
grid-column: 6/9;
}
#w-node-_05be434d-43d8-ab35-1e39-52c19da19aea-c403df51 {
grid-column-end: 6;
}
#w-node-_05be434d-43d8-ab35-1e39-52c19da19aed-c403df51 {
grid-column: 6/9;
}
#w-node-_1ef89ef8-1696-3a0f-f9b4-a40cd44e4d0d-c403df51 {
grid-column: 3/6;
}
#w-node-_1ef89ef8-1696-3a0f-f9b4-a40cd44e4d10-c403df51 {
grid-column: 6/9;
}
#w-node-baa283f1-64d1-c84f-8ad7-cd1ab2ce5a7c-c403df51 {
grid-column-end: 6;
}
#w-node-baa283f1-64d1-c84f-8ad7-cd1ab2ce5a7f-c403df51 {
grid-column: 6/9;
}
#w-node-_443be56f-df6e-1b4d-04a1-87b556623fe1-c403df51 {
grid-column-end: 6;
}
#w-node-_443be56f-df6e-1b4d-04a1-87b556623fe4-c403df51 {
grid-column: 6/9;
}
#w-node-_1f0041a8-2c2f-0796-57b8-e7c8c0e50646-c403df51 {
grid-column: 2/6;
}
#w-node-_93e4de6c-dd83-1dbd-787b-644b979eed23-c403df51 {
grid-column: 6/-2;
}
#w-node-_997114f2-11e0-6541-1e8b-2a56955bc5ac-c403df51 {
grid-column-start: 2;
}
#w-node-_76179fda-3a45-0088-087f-7c3f7eaa32ae-c403df51 {
grid-column: 2/3;
}
#w-node-_4bc161d1-9a0e-f262-c184-3fbf2c7e09f2-c403df51 {
grid-column-start: 4;
}
#w-node-f216c239-7dc4-39e2-7f8c-6452fc5dd1e0-c403df51 {
grid-column: 2/4;
justify-self: start;
}
#w-node-_401c2d31-1a02-68ba-a6c5-103e89c0430a-c403df51 {
grid-column-end: 4;
}
#w-node-_657f18ac-b1fe-688d-8c80-7a0b60eb3e55-c403df51,
#w-node-efbf9c70-d6d5-5470-68eb-f5614578ee5b-c403df51 {
grid-column: 4/-2;
}
#w-node-_7713579b-ca1d-18bd-3a6a-0d7cc5bd678e-c403df58 {
grid-column: 2/-2;
}
#w-node-c8f395a8-25ab-ad25-d0f5-a96734252478-c403df58 {
grid-column-end: -2;
}
#w-node-_4a2c19e6-5a01-834c-4dc2-42d3850c42e4-c403df58 {
grid-area: 2/2/3/-2;
justify-self: center;
}
#w-node-_874e5894-da88-c628-74c2-dfeb5e4004fd-c403df58 {
grid-area: 3/2/4/-2;
justify-self: center;
}
#w-node-_66311ef0-2d9d-d622-e3d4-2f33e15356e2-c403df5b {
grid-row-start: 1;
grid-column-end: 6;
}
#w-node-_11fc2c04-8c77-0f11-30f8-6d91975754d7-c403df5b {
grid-column-end: 6;
}
#w-node-f575494c-74d0-63db-c935-469b1693d229-c403df5b {
grid-column: 6/-2;
}
#w-node-f4012925-3a00-88e3-b9d2-0d3872f04a7d-c403df5b {
grid-column-end: 6;
}
#w-node-_711ac5f0-34b2-ba0d-c7a8-c6cfc56bb7ec-c403df5b {
grid-row: 2/3;
grid-column-end: 6;
}
#w-node-_225b85a0-12a0-9fbe-a6b8-bad22d6bb1c9-c403df5b {
grid-column: 6/-2;
}
#w-node-_11c735d8-3a82-c58a-2ed9-9ebf3b108f94-c403df5b {
grid-column: 4/6;
align-self: end;
}
#w-node-_3d0cc678-8a4a-9034-d2e8-32966e064e20-c403df5b {
grid-column: 6/-2;
}
#w-node-af8a67b9-0ad4-6429-aa69-50eea6861f9b-c403df5b {
grid-column: 3/-3;
grid-row-start: 1;
}
#w-node-_7b0e0cf8-d668-dca1-52e5-e8d60f610da5-c403df5b {
grid-row-start: 1;
grid-column-end: 7;
}
#w-node-_5e44521e-852e-78c3-f0a0-930791055fae-c403df5b,
#w-node-e7f2076a-89bf-b103-93aa-bca7d8ea8133-c403df5e {
grid-column-start: 7;
}
#w-node-_9f9cfc13-c6b0-6e0a-3c77-b66c38d0365f-c403df5e {
grid-column: 4/7;
}
#w-node-a9353232-a490-feeb-ca19-58e6e0f0acd9-c403df5e {
grid-column-start: 7;
}
#w-node-b55724f7-dfc6-5f41-2648-46143bca5631-c403df61 {
grid-row: 2/3;
}
#w-node-_6a1f97d8796deb958e0c27b500000000000c-c403df62 {
grid-column: 2/6;
}
#w-node-_6a1f97d8796deb958e0c27b5000000000096-c403df62 {
grid-column-start: 6;
}
#w-node-dc8b6b29-4e55-50b6-136b-b2266b358876-c403df65 {
grid-column: 4/-2;
}
#w-node-_36c8a13f-5a84-6d57-bc6f-db376a2f732d-c403df65 {
grid-column: 2/4;
}
#w-node-c28e7409-087c-c4bf-8a5a-dff6546c27f2-c403df65 {
grid-column: 4/-2;
}
#w-node-dc8b6b29-4e55-50b6-136b-b2266b358876-c403dfd4,
#w-node-_43e41881-3784-17d8-a7e0-9df00571cf16-c403dfd4,
#w-node-c28e7409-087c-c4bf-8a5a-dff6546c27f2-c403dfd4,
#w-node-dc8b6b29-4e55-50b6-136b-b2266b358876-c403e012,
#w-node-_43e41881-3784-17d8-a7e0-9df00571cf16-c403e012,
#w-node-c28e7409-087c-c4bf-8a5a-dff6546c27f2-c403e012,
#w-node-dc8b6b29-4e55-50b6-136b-b2266b358876-c403e02a {
grid-column: 2/-2;
}
#w-node-_43e41881-3784-17d8-a7e0-9df00571cf16-c403e02a {
grid-column-start: 2;
}
#w-node-c28e7409-087c-c4bf-8a5a-dff6546c27f2-c403e02a {
grid-column: 2/-2;
}
#w-node-dc8b6b29-4e55-50b6-136b-b2266b358876-c403e02d,
#w-node-c28e7409-087c-c4bf-8a5a-dff6546c27f2-c403e02d {
grid-column: 3/-3;
}
#w-node-_43676f3c-7700-b938-e4b8-c2cb653ec167-cc555bc9 {
grid-column: 4/6;
}
#w-node-_43676f3c-7700-b938-e4b8-c2cb653ec167-cc555bc9:where(
.w-variant-c51cc792-3fd4-c841-ba73-32095be596e6
) {
grid-column: 6/7;
}
#w-node-_81ce8144-62c7-0e43-e839-50339a4abd44-cc555bc9 {
grid-column: 6/-2;
}
#w-node-_81ce8144-62c7-0e43-e839-50339a4abd44-cc555bc9:where(
.w-variant-c51cc792-3fd4-c841-ba73-32095be596e6
) {
grid-column-start: 7;
}
}
@media screen and (max-width: 767px) {
#w-node-_3794ebca-a63e-da5b-bcd0-62c9c5c92946-c403df38 {
grid-row-start: 1;
grid-column-end: -1;
align-self: start;
}
#w-node-_9b5c40c9-dcd8-492b-f65f-a0cb32c0fc3e-c403df38 {
grid-column-start: 2;
}
#w-node-_1376d989-d8bf-cb4a-7cc3-8fd5821a906e-c403df38 {
grid-column-end: -2;
align-self: stretch;
}
#w-node-_745d2a1f-5fa2-dc75-12f4-ca975f1ccdd2-c403df38 {
grid-row-start: 1;
grid-column-end: -1;
}
#w-node-f09cdc9d-a1e7-6caa-6f0c-c0c0998cfcac-c403df38 {
grid-column-end: -2;
}
#w-node-_74534095-f144-e00c-ee95-70b5277b60fc-c403df38 {
grid-area: 1/1/2/2;
}
#w-node-b0ca98d8-45ce-39a5-d9b9-db955e5e608e-c403df38 {
grid-area: 2/2/3/-2;
}
#w-node-_19f5e1e9-0322-6ef2-b334-aed938afcd3e-c403df38 {
grid-area: 1/2/2/-2;
}
#w-node-_535a1fee-0a98-4a0f-5adc-92091ae2291c-c403df38 {
grid-area: 3/2/4/-2;
}
#w-node-_1c8a6a0f-02bc-6c80-8ad5-417920171824-c403df38 {
grid-row-end: 3;
}
#w-node-_84c9d057-1bc0-b822-83ba-861468e1b046-c403df38 {
grid-column: 2/5;
}
#w-node-_70597fe7-5c5d-c94f-0970-56a35e13e9f7-c403df38 {
grid-area: 1/1/2/-1;
}
#w-node-_7ae850a1-0d6c-c82b-b870-21dcb6d35d65-c403df38 {
grid-area: 1/2/2/3;
}
#w-node-_7ae850a1-0d6c-c82b-b870-21dcb6d35d67-c403df38 {
grid-area: 2/1/3/2;
}
#w-node-_7ae850a1-0d6c-c82b-b870-21dcb6d35d69-c403df38 {
grid-area: 2/2/3/3;
}
#w-node-dcfc29d7-bfca-0f35-a182-1613581e5c81-c403df38 {
grid-area: 1/1/2/-1;
}
#w-node-fc35fda9-7852-ee6b-3e4f-708250047531-c403df38 {
grid-area: 1/2/2/3;
}
#w-node-fc35fda9-7852-ee6b-3e4f-708250047533-c403df38 {
grid-area: 2/1/3/2;
}
#w-node-fc35fda9-7852-ee6b-3e4f-708250047535-c403df38 {
grid-area: 2/2/3/3;
}
#w-node-_50259f4a-cb3e-c7ee-49a7-e85b42e5a87c-c403df38 {
grid-area: 2/1/3/-1;
}
#w-node-_2574e342-02b7-4f06-7758-1ab215e977e2-c403df38 {
grid-area: 3/1/4/-1;
}
#w-node-_6d88ba41-4dbc-04b3-7f35-b7dfaa3a364c-c403df38 {
grid-area: 1/2/4/-2;
}
#w-node-_0c8dfb70-b162-ebe1-0220-8072e6085513-c403df38,
#w-node-_07e47ad5-6f31-dc70-a3a5-25a429d680a7-c403df38,
#w-node-_4f47b0a5-06fd-0b17-4167-3a56a3af8361-c403df38,
#w-node-ebabe29a-2483-be3c-4965-2c3cde8d29d6-c403df38 {
grid-area: 1/1/2/2;
}
#w-node-f6688c0f-a72a-403a-096d-e5e57e4e2121-c403df38 {
place-self: center;
}
#w-node-c7b9355f-deff-4908-c292-4902b9c16861-c403df38 {
grid-column: 2/-2;
grid-row-start: 1;
}
#w-node-_5ee1322c-e65c-24ba-ded0-c2463292c1b1-c403df38 {
grid-column: 1/-1;
grid-row-start: 2;
}
#w-node-_8c2bb2a7-341e-2863-3238-551e171fae6b-c403df38 {
grid-row: 1/2;
}
#w-node-_8c2bb2a7-341e-2863-3238-551e171fae6d-c403df38,
#w-node-_8c2bb2a7-341e-2863-3238-551e171fae81-c403df38,
#w-node-_081b3f2d-08e8-1749-b939-f736c59af826-c403df38 {
grid-column-start: 2;
}
#w-node-f4770c19-8c50-4513-806c-59af2ed50310-c403df38 {
grid-area: 3/2/4/-2;
}
#w-node-_0603a309-83b1-05b3-e028-e154d6160042-c403df38 {
grid-column-start: 2;
}
#w-node-_0603a309-83b1-05b3-e028-e154d6160050-c403df38 {
grid-row: 3/4;
grid-column-start: 2;
}
#w-node-_2fdd36e9-383a-6cbf-0090-89bdb1e4d5a1-c403df38 {
grid-row-start: 1;
grid-column-end: -2;
}
#w-node-_139a5fba-b318-aed8-456a-5995709192fa-c403df38 {
grid-area: 2/2/3/-2;
}
#w-node-ffca6108-f47c-6400-8997-59ce06e9026d-c403df38 {
grid-area: 3/2/4/-2;
justify-self: stretch;
}
#w-node-_0e256e74-1667-c06f-27cd-83dda0c65bd9-a0c65bd9 {
grid-row-end: 3;
}
#w-node-_0e256e74-1667-c06f-27cd-83dda0c65be3-a0c65bd9 {
grid-area: 4/-4/5/-2;
justify-self: stretch;
}
#w-node-_0e256e74-1667-c06f-27cd-83dda0c65beb-a0c65bd9 {
grid-row: 3/4;
grid-column-start: 2;
}
#w-node-_0e256e74-1667-c06f-27cd-83dda0c65c09-a0c65bd9 {
grid-row: 2/3;
}
#w-node-_0e256e74-1667-c06f-27cd-83dda0c65c26-a0c65bd9 {
grid-column-end: 3;
}
#w-node-cd2f82c3-279f-5eb4-ccd0-1279f9972b46-a0c65bd9 {
grid-area: 2/1/3/3;
}
#w-node-_0e256e74-1667-c06f-27cd-83dda0c65c4c-a0c65bd9 {
grid-column-start: 1;
}
#w-node-_0e256e74-1667-c06f-27cd-83dda0c65c4d-a0c65bd9 {
grid-area: 2/1/3/3;
}
#w-node-_0e256e74-1667-c06f-27cd-83dda0c65c5b-a0c65bd9 {
grid-area: 3/1/4/3;
}
#w-node-_073090fb-a78b-f8f0-d7c5-a8532d0f9424-a0c65bd9 {
grid-area: 3/1/4/-1;
}
#w-node-_0e256e74-1667-c06f-27cd-83dda0c65c73-a0c65bd9 {
grid-row: 6/7;
}
#w-node-_0e256e74-1667-c06f-27cd-83dda0c65c88-a0c65bd9 {
grid-area: 7/2/8/-2;
}
#w-node-_1d041c21-6048-5b37-cb2f-918f4bdedb06-a0c65bd9 {
grid-area: 8/2/9/-2;
}
#w-node-_16cd6236-a00c-1313-b86e-e3a622eca700-22eca6fd {
grid-column: 2/-2;
grid-row-start: 1;
}
#w-node-_16cd6236-a00c-1313-b86e-e3a622eca707-22eca6fd {
grid-column: 1/-1;
}
#w-node-b84a2613-623e-f1e0-e973-f3654bba759c-6fa9cebb,
#w-node-_070d8942-acc5-13b8-8525-c2936fa9ced8-6fa9cebb {
grid-column-end: -2;
}
#w-node-_7d83b984-86ad-a7fd-5a9e-957fe7cf7e4a-e7cf7e47 {
grid-row: 1/2;
place-self: center stretch;
}
#w-node-_7d83b984-86ad-a7fd-5a9e-957fe7cf7e5b-e7cf7e47 {
grid-column: 2/4;
}
#w-node-_3d3962a8-36f0-9a73-787b-7f85fa5409c7-e7cf7e47 {
grid-column: 5/-2;
justify-self: end;
}
#w-node-_7d83b984-86ad-a7fd-5a9e-957fe7cf7e87-e7cf7e47 {
grid-column: 3/5;
place-self: center end;
}
#w-node-_7d83b984-86ad-a7fd-5a9e-957fe7cf7e87-e7cf7e47:where(
.w-variant-c51cc792-3fd4-c841-ba73-32095be596e6
) {
grid-column-start: 4;
}
#w-node-_2064f9d4-5734-a4ee-8ed3-d2a2a4232289-a4232285 {
grid-row: 1/2;
grid-column-end: 4;
align-self: start;
}
#w-node-_2064f9d4-5734-a4ee-8ed3-d2a2a42322b5-a4232285 {
grid-area: 2/2/3/-2;
place-self: center stretch;
}
#w-node-_2064f9d4-5734-a4ee-8ed3-d2a2a4232300-a4232285 {
grid-area: 3/4/4/-2;
align-self: end;
}
#w-node-_6a176df7-090d-956c-116e-cd47750f5d63-c403df3d {
grid-row: 1/2;
grid-column-end: -2;
}
#w-node-_2253ece1-4ca4-3b9b-7882-fe69d4a1c2aa-c403df3d {
grid-row: 2/3;
grid-column-start: 2;
align-self: end;
}
#w-node-a13b7c68-dbaa-aa41-e5f6-b6bfda7c4313-c403df3d {
grid-area: 3/2/4/4;
}
#w-node-_309a7744-778a-38d5-1531-1a5b3d83f2a8-c403df3d {
grid-column-end: -2;
}
#w-node-_1c400135-40dd-895a-1a63-f62f1e22e5b6-c403df3d {
grid-row: 2/3;
grid-column-start: 2;
}
#w-node-baeedb72-5e62-8e65-5abb-8f43d3e45657-c403df3d,
#w-node-b8bf793a-838a-42ba-4c65-d5f6c97e3260-c403df3d {
grid-column-start: 2;
}
#w-node-_5e49e75b-36d7-b5d9-0480-32b148afef77-c403df3d {
grid-area: 5/2/6/-2;
}
#w-node-_32fd9f67-ea8a-ceee-7bdd-d3af8ea6c915-c403df3d {
grid-area: 1/2/2/-2;
}
#w-node-_23614d97-f01a-0fab-7fcd-d9b6045a9298-c403df3d {
grid-row-start: 2;
grid-column-start: 2;
}
#w-node-be93e70d-0056-8c24-b11b-4a55faffc790-c403df3d {
grid-area: 3/2/4/-2;
}
#w-node-d84d3d94-f892-1d64-368c-63efa0a6be21-c403df3d {
grid-row: 4/5;
}
#w-node-_709804d7-5bd6-65d3-566c-120890a13ee5-c403df3d,
#w-node-_9c34ac41-e6db-e0e2-5207-40c4cc5de321-c403df3d {
grid-column-start: 2;
}
#w-node-_091b61c9-3fb4-248d-04d3-899f5627b137-c403df3d {
grid-area: 1/2/2/-2;
}
#w-node-_196f7faf-fc1d-cfc2-674b-4df2e12b8631-c403df3d {
grid-area: 2/2/3/-2;
}
#w-node-_091b61c9-3fb4-248d-04d3-899f5627b13d-c403df3d {
grid-area: 1/2/2/3;
place-self: center start;
}
#w-node-_091b61c9-3fb4-248d-04d3-899f5627b143-c403df3d {
grid-area: 1/2/2/-2;
}
#w-node-_8430cf6c-4ee2-7e82-c9d8-f2a5bc0c3833-c403df3d {
grid-area: 2/2/3/-2;
}
#w-node-_091b61c9-3fb4-248d-04d3-899f5627b14b-c403df3d {
grid-area: 1/2/2/3;
place-self: center start;
}
#w-node-_091b61c9-3fb4-248d-04d3-899f5627b151-c403df3d {
grid-area: 1/2/2/-2;
}
#w-node-_035662c4-b865-0bd7-de62-98ba71e5b0a2-c403df3d {
grid-area: 2/2/3/-2;
}
#w-node-_091b61c9-3fb4-248d-04d3-899f5627b159-c403df3d {
grid-area: 1/2/2/3;
place-self: center start;
}
#w-node-_091b61c9-3fb4-248d-04d3-899f5627b15f-c403df3d {
grid-area: 1/2/2/-2;
}
#w-node-_54e6d434-e8ba-7398-6381-884b00a94064-c403df3d {
grid-area: 2/2/3/-2;
}
#w-node-_091b61c9-3fb4-248d-04d3-899f5627b167-c403df3d {
grid-area: 1/2/2/3;
place-self: center start;
}
#w-node-_091b61c9-3fb4-248d-04d3-899f5627b16d-c403df3d {
grid-area: 1/2/2/-2;
}
#w-node-_816581e4-eccf-7218-aa3c-2e581287cb8a-c403df3d {
grid-area: 2/2/3/-2;
}
#w-node-_091b61c9-3fb4-248d-04d3-899f5627b173-c403df3d {
grid-area: 1/2/2/3;
place-self: center start;
}
#w-node-ba51c839-0caa-c478-ed5b-592a1edfb85e-c403df3d {
grid-column-end: -2;
}
#w-node-bd64dd43-7fbe-c56a-7859-07a50c583298-c403df3d {
grid-column-end: -1;
}
#w-node-_7a77fed2-f6b9-778d-3aa1-cd9a84cc9406-c403df3d {
grid-area: 1/1/2/-1;
}
#w-node-e429d920-9648-af4d-a237-aaa41c2b73d1-c403df3d {
grid-column-end: -1;
}
#w-node-_1d5dad29-9d77-bdb3-20a5-ae5734096fa5-c403df3d {
grid-column: 2/-2;
}
#w-node-_23a3e93a-0fa9-b5f9-b952-9111d8751da6-c403df3d {
grid-area: 2/2/3/-2;
}
#w-node-abca2eb2-2c7f-2795-dfa9-8d282451cdfa-c403df3d {
grid-row: 2/3;
grid-column-end: 2;
}
#w-node-_2f1e0586-2397-613a-8d63-89f503f2e218-c403df3d {
grid-area: 3/1/4/-1;
}
#w-node-c83c0dab-06ba-3b18-4547-426bbb346758-c403df3d {
grid-column-end: 6;
}
#w-node-b459a076-14f8-6111-c1a5-88f1586fdc11-586fdc0a {
grid-area: 1/1/2/3;
}
#w-node-b459a076-14f8-6111-c1a5-88f1586fdc0b-586fdc0a {
grid-area: 2/1/3/-1;
}
#w-node-b459a076-14f8-6111-c1a5-88f1586fdc0e-586fdc0a {
grid-area: 3/1/4/-1;
}
#w-node-d3e5c022-9272-ba9f-acff-de70d551b875-586fdc0a {
grid-area: 4/1/5/-1;
}
#w-node-e347e4cf-2502-25bf-221c-94541a6d1d3c-c403df47,
#w-node-_1370fd3e-f966-553d-82eb-d53bfacff28b-c403df47 {
grid-column-end: -2;
}
#w-node-f7ed7449-c747-a1a5-aa91-356673172122-c403df47 {
grid-row: 4/5;
grid-column-start: 2;
}
#w-node-_3c2b6832-c98c-c55e-712b-325ad92ec582-c403df47 {
grid-area: 5/2/6/-2;
}
#w-node-dc8b6b29-4e55-50b6-136b-b2266b358876-c403df48 {
grid-column-start: 2;
}
#w-node-abf2f7c4-7924-a0b0-25a6-8e41bd64a964-c403df48 {
grid-column: 2/-2;
}
#w-node-_36c8a13f-5a84-6d57-bc6f-db376a2f732d-c403df48 {
grid-column-end: -2;
}
#w-node-c28e7409-087c-c4bf-8a5a-dff6546c27f2-c403df48 {
grid-row: 2/3;
grid-column-start: 2;
}
#w-node-_63b6a83a-b957-7bd0-c146-f74a7f803b6b-c403df49 {
grid-column-start: 2;
}
#w-node-_5a20c12c-5dce-fa1a-cdb0-5b9d700e535c-c403df49 {
grid-area: 1/3/2/5;
}
#w-node-ae563825-c986-429d-5414-76e24c8199d9-c403df49 {
grid-row: 2/3;
grid-column-end: -1;
}
#w-node-d8de4a6b-51b6-a94a-5fd3-eac77f1a59e8-c403df49 {
grid-area: 3/2/4/-2;
}
#w-node-f5bd3a9d-151e-b9f6-e6aa-32978fcedd5b-c403df49 {
grid-area: 2/1/3/2;
}
#w-node-_6b7c70c1-04ae-8aae-6162-54181fb14ec7-c403df49 {
grid-area: 1/1/2/2;
justify-self: start;
}
#w-node-_31953b45-9f9d-8a5e-9a53-32d6165adcfb-c403df4a {
grid-column-end: -2;
}
#w-node-_2ed20c4e-3f15-0305-4d70-6208db3acdb5-c403df4a {
grid-row: 3/4;
}
#w-node-_31953b45-9f9d-8a5e-9a53-32d6165add15-c403df4a {
grid-row: 4/5;
grid-column-end: -2;
}
#w-node-_86ee0bba-7137-c47a-f150-78ce551da9c6-c403df4a {
grid-row: 5/6;
grid-column-start: 2;
}
#w-node-_8db8a0a1-6864-6545-efc9-bdf693ceeb9e-c403df4a {
grid-row: 6/7;
grid-column-start: 2;
}
#w-node-_9bd14e94-76a5-f7d3-0511-2f2e41a0819c-c403df4a {
grid-row: 7/8;
grid-column-start: 2;
}
#w-node-_21432f39-69e3-d808-7412-b9abf8847e08-c403df4b,
#w-node-b9d051c1-d462-f2e9-0b0d-cbd6b90ca56b-c403df4c,
#w-node-_63b6a83a-b957-7bd0-c146-f74a7f803b6b-c403df50 {
grid-column-start: 2;
}
#w-node-f02d0b4a-2eff-2232-5bcf-5f428bc4a342-c403df51 {
grid-column-end: -1;
}
#w-node-f02d0b4a-2eff-2232-5bcf-5f428bc4a347-c403df51 {
grid-row: 3/4;
grid-column-start: 1;
}
#w-node-_390c0eaf-14cb-d6af-4f02-b503283fb204-c403df51 {
grid-area: 2/1/3/-1;
}
#w-node-cb37b864-b8b0-c8ab-da39-57a0e136ca37-c403df51 {
grid-row: 3/4;
grid-column-end: -2;
}
#w-node-_8d2fde49-4b9c-3ca1-6747-f9ebed69f2db-c403df51 {
grid-row: 4/5;
grid-column-start: 2;
}
#w-node-dc0a3340-09da-a4c7-0ff1-41c3397dfe15-c403df51 {
grid-row: 5/6;
}
#w-node-_2b704845-bbb5-52db-dbe4-3dc297b140ce-c403df51 {
grid-column: 2/-2;
}
#w-node-_6eab5c6b-5593-9bb0-c031-38803ddb592a-c403df51 {
grid-row: 2/3;
grid-column-start: 2;
}
#w-node-fa1d25b6-c9c9-139c-db73-db6cf350370f-c403df51 {
grid-row: 1/2;
grid-column-end: -1;
}
#w-node-c9173c90-c33a-c62e-e538-11ebc0f86c9a-c403df51,
#w-node-b0b726e8-bb1f-2b3b-6bf5-f2a6ca95481f-c403df51 {
grid-area: 1/1/2/2;
}
#w-node-_12c17100-5130-f8e2-b023-439dd4885e67-c403df51 {
grid-row: 2/3;
}
#w-node-_0d0c0ee4-0642-5da8-3318-33fd7dc3f539-c403df51,
#w-node-_2815bba0-7d8a-3bb7-71c1-26696d81c18c-c403df51 {
grid-area: 1/1/2/2;
}
#w-node-_203fa73e-58b6-eedd-01f8-50838f896346-c403df51 {
grid-row: 3/4;
}
#w-node-deb4d9ff-1e25-18d0-90c0-d74d64777d37-c403df51,
#w-node-_2cdab52d-ad73-668d-9829-c4ae5c1dd951-c403df51,
#w-node-_2b4d5eac-a574-2931-6443-2baecd375381-c403df51,
#w-node-_0668530b-c854-c38c-7f47-efc36c986ded-c403df51,
#w-node-_376b909c-a40c-b866-4e78-eb4506c5567a-c403df51 {
grid-area: 1/1/2/2;
}
#w-node-ce3ffd00-ff40-5015-9723-fe6ed1cfc129-c403df51 {
grid-row-end: 2;
grid-column-end: -2;
}
#w-node-f1c58dce-da73-04a5-7f01-b62253797297-c403df51 {
grid-row: 2/3;
grid-column-start: 2;
}
#w-node-d5403f70-4d1d-1d87-51bf-6880ec78dc20-c403df51 {
grid-area: 3/1/4/-1;
}
#w-node-_0db44d01-1893-1951-890b-a5dfdbc87e0b-c403df51 {
grid-column: -2/-1;
justify-self: end;
}
#w-node-daa2f400-9a11-5dfa-ba62-c1ff963de67f-c403df51 {
grid-area: 2/1/3/4;
}
#w-node-_6835c292-7230-d7e6-4260-752a52eff3ce-c403df51 {
grid-area: 3/1/4/-1;
}
#w-node-bb009420-a334-3f95-314c-6983fdcb3d7d-c403df51 {
grid-column: 1/4;
justify-self: start;
}
#w-node-_05be434d-43d8-ab35-1e39-52c19da19ae7-c403df51 {
grid-column: -2/-1;
justify-self: end;
}
#w-node-_05be434d-43d8-ab35-1e39-52c19da19aea-c403df51 {
grid-area: 2/1/3/4;
}
#w-node-_05be434d-43d8-ab35-1e39-52c19da19aed-c403df51 {
grid-area: 3/1/4/-1;
}
#w-node-_05be434d-43d8-ab35-1e39-52c19da19af0-c403df51 {
grid-column: 1/4;
justify-self: start;
}
#w-node-_1ef89ef8-1696-3a0f-f9b4-a40cd44e4d0a-c403df51 {
grid-column: -2/-1;
justify-self: end;
}
#w-node-_1ef89ef8-1696-3a0f-f9b4-a40cd44e4d0d-c403df51 {
grid-area: 2/1/3/4;
}
#w-node-_1ef89ef8-1696-3a0f-f9b4-a40cd44e4d10-c403df51 {
grid-area: 3/1/4/-1;
}
#w-node-_1ef89ef8-1696-3a0f-f9b4-a40cd44e4d13-c403df51 {
grid-column: 1/4;
justify-self: start;
}
#w-node-baa283f1-64d1-c84f-8ad7-cd1ab2ce5a79-c403df51 {
grid-column: -2/-1;
justify-self: end;
}
#w-node-baa283f1-64d1-c84f-8ad7-cd1ab2ce5a7c-c403df51 {
grid-area: 2/1/3/4;
}
#w-node-baa283f1-64d1-c84f-8ad7-cd1ab2ce5a7f-c403df51 {
grid-area: 3/1/4/-1;
}
#w-node-baa283f1-64d1-c84f-8ad7-cd1ab2ce5a82-c403df51 {
grid-column: 1/4;
justify-self: start;
}
#w-node-_443be56f-df6e-1b4d-04a1-87b556623fde-c403df51 {
grid-area: 1/-2/2/-1;
justify-self: end;
}
#w-node-_443be56f-df6e-1b4d-04a1-87b556623fe1-c403df51 {
grid-area: 2/1/3/4;
}
#w-node-_443be56f-df6e-1b4d-04a1-87b556623fe4-c403df51 {
grid-area: 3/1/4/-1;
}
#w-node-_443be56f-df6e-1b4d-04a1-87b556623fe7-c403df51 {
grid-column: 1/4;
justify-self: start;
}
#w-node-_1f0041a8-2c2f-0796-57b8-e7c8c0e50646-c403df51 {
grid-column: 2/-2;
}
#w-node-_93e4de6c-dd83-1dbd-787b-644b979eed23-c403df51 {
grid-row: 2/3;
grid-column-start: 2;
}
#w-node-_3b21bad8-5909-19d1-ee96-52c1ec0690df-c403df51 {
align-self: end;
}
#w-node-_997114f2-11e0-6541-1e8b-2a56955bc5ac-c403df51 {
grid-row: 1/2;
}
#w-node-_76179fda-3a45-0088-087f-7c3f7eaa32ae-c403df51 {
grid-area: 3/2/4/-2;
place-self: center stretch;
}
#w-node-_4bc161d1-9a0e-f262-c184-3fbf2c7e09f2-c403df51 {
grid-area: 4/2/5/-2;
}
#w-node-f216c239-7dc4-39e2-7f8c-6452fc5dd1e0-c403df51 {
grid-row: 2/3;
align-self: center;
}
#w-node-_401c2d31-1a02-68ba-a6c5-103e89c0430a-c403df51 {
grid-area: 2/2/3/-2;
}
#w-node-_657f18ac-b1fe-688d-8c80-7a0b60eb3e55-c403df51 {
grid-column: 2/-2;
}
#w-node-efbf9c70-d6d5-5470-68eb-f5614578ee5b-c403df51 {
grid-row: 3/4;
grid-column-start: 2;
}
#w-node-_8770b700-0c56-5948-da01-624de919d188-c403df58 {
grid-column-start: 2;
}
#w-node-e671158f-fc0c-510c-c1da-3c6312b8a48f-c403df5b {
grid-row: 1/2;
align-self: end;
}
#w-node-_11c5e843-6d35-88ef-0dbf-95e0164352cf-c403df5b {
grid-row: 1/2;
}
#w-node-_66311ef0-2d9d-d622-e3d4-2f33e15356e2-c403df5b {
grid-row-start: 1;
grid-column-end: -2;
}
#w-node-_11fc2c04-8c77-0f11-30f8-6d91975754d7-c403df5b {
grid-row: 1/2;
grid-column-end: -2;
align-self: auto;
}
#w-node-f575494c-74d0-63db-c935-469b1693d229-c403df5b {
grid-area: 3/2/4/-2;
align-self: end;
}
#w-node-f4012925-3a00-88e3-b9d2-0d3872f04a7d-c403df5b {
grid-row-start: 1;
grid-column-end: -2;
}
#w-node-_711ac5f0-34b2-ba0d-c7a8-c6cfc56bb7ec-c403df5b {
grid-row: 1/2;
grid-column-end: -2;
align-self: auto;
}
#w-node-_225b85a0-12a0-9fbe-a6b8-bad22d6bb1c9-c403df5b {
grid-area: 3/2/4/-2;
align-self: end;
}
#w-node-_11c735d8-3a82-c58a-2ed9-9ebf3b108f94-c403df5b {
grid-area: 1/2/2/-2;
place-self: end;
}
#w-node-af8a67b9-0ad4-6429-aa69-50eea6861f9b-c403df5b {
grid-column: 2/-2;
grid-row-start: 1;
}
#w-node-_7b0e0cf8-d668-dca1-52e5-e8d60f610da5-c403df5b {
grid-row-start: 1;
grid-column-end: -2;
}
#w-node-_5e44521e-852e-78c3-f0a0-930791055fae-c403df5b {
grid-row: 2/3;
grid-column-start: 2;
}
#w-node-_05dd32dd-36d3-3ec6-22b0-2ca0a92f8e9b-c403df5b {
grid-area: 3/2/4/-2;
}
#w-node-_1c93a474-5ae6-b4d4-9ee6-6acd015a0bc9-c403df5b {
grid-area: 1/1/2/2;
align-self: center;
}
#w-node-a8fddb29-0350-5ab1-aa18-e6948b6f8be0-c403df5e {
grid-area: 1/1/2/2;
}
#w-node-_7210b9da-2d83-3dfb-af1d-a62edde537fa-c403df5e {
grid-row: 1/2;
place-self: start center;
}
#w-node-e7f2076a-89bf-b103-93aa-bca7d8ea8133-c403df5e {
grid-row: 2/3;
grid-column-start: 2;
place-self: end center;
}
#w-node-c8a0e04c-d334-0cbc-984a-d88fe00686ae-c403df5e,
#w-node-_09bcc050-8fb0-5990-fd94-caf8bf7e1ee0-c403df5e,
#w-node-ef23eade-46a5-080c-6be4-81a85efe63fc-c403df5e,
#w-node-_7fb15a6d-19ae-692a-0901-e473ea4de27d-c403df5e {
grid-area: 1/1/2/2;
}
#w-node-_283319fb-702c-fca6-f794-599b70462a97-c403df5e {
grid-area: 2/1/3/-1;
place-self: end center;
}
#w-node-_11666116-cd4c-b002-53fc-94defa52f3bf-c403df5e {
grid-area: 1/1/2/2;
}
#w-node-_9f9cfc13-c6b0-6e0a-3c77-b66c38d0365f-c403df5e {
grid-area: 2/2/3/-2;
}
#w-node-a9353232-a490-feeb-ca19-58e6e0f0acd9-c403df5e {
grid-row: 3/4;
grid-column-start: 2;
}
#w-node-_8911db66-8683-189d-36f2-0dbff8ea3189-c403df5e {
grid-row: 4/5;
grid-column-start: 1;
}
#w-node-_6a1f97d8796deb958e0c27b500000000000c-c403df62 {
grid-column-end: -2;
}
#w-node-_6a1f97d8796deb958e0c27b5000000000096-c403df62 {
grid-row: 3/4;
grid-column-start: 2;
}
#w-node-dc8b6b29-4e55-50b6-136b-b2266b358876-c403df65 {
grid-column-start: 2;
}
#w-node-_36c8a13f-5a84-6d57-bc6f-db376a2f732d-c403df65 {
grid-column-end: -2;
}
#w-node-c28e7409-087c-c4bf-8a5a-dff6546c27f2-c403df65,
#w-node-c28e7409-087c-c4bf-8a5a-dff6546c27f2-c403dfd4,
#w-node-c28e7409-087c-c4bf-8a5a-dff6546c27f2-c403e012,
#w-node-c28e7409-087c-c4bf-8a5a-dff6546c27f2-c403e02a {
grid-row: 2/3;
grid-column-start: 2;
}
#w-node-dc8b6b29-4e55-50b6-136b-b2266b358876-c403e02d {
grid-column: 2/-2;
}
#w-node-c28e7409-087c-c4bf-8a5a-dff6546c27f2-c403e02d {
grid-area: 2/2/3/-2;
}
#w-node-c30e2786-b768-dbf0-9468-754b41bffa08-cc555bc9 {
grid-column: 2/4;
}
#w-node-_43676f3c-7700-b938-e4b8-c2cb653ec167-cc555bc9 {
grid-column: 5/-2;
justify-self: end;
}
#w-node-_81ce8144-62c7-0e43-e839-50339a4abd44-cc555bc9 {
grid-column: 3/5;
place-self: center end;
}
#w-node-_81ce8144-62c7-0e43-e839-50339a4abd44-cc555bc9:where(
.w-variant-c51cc792-3fd4-c841-ba73-32095be596e6
) {
grid-column-start: 4;
}
}