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 {
color: inherit;
position-anchor: auto;
position-area: top center;
background-color: #0000;
border: 0;
margin: 8px;
padding: 0;
position: fixed;
inset: auto;
overflow: visible;
}
.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: Geistmono;
src: url(https://cdn.prod.website-files.com/6a4b5161f0d11f1602cc3bbf/6a4b5161f0d11f1602cc3c95_GeistMono-Medium.woff2)
format("woff2");
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: BT Grotesk;
src: url(https://cdn.prod.website-files.com/6a4b5161f0d11f1602cc3bbf/6a69a764736de82b5ed81ccd_BTGrotesk-Regular.woff2)
format("woff2");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: BT Grotesk;
src: url(https://cdn.prod.website-files.com/6a4b5161f0d11f1602cc3bbf/6a69a764af469793ef4762c6_BTGrotesk-Bold.woff2)
format("woff2");
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: BT Grotesk;
src: url(https://cdn.prod.website-files.com/6a4b5161f0d11f1602cc3bbf/6a69a76433bc3835bce3ed52_BTGrotesk-SemiBold.woff2)
format("woff2");
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: BT Grotesk;
src: url(https://cdn.prod.website-files.com/6a4b5161f0d11f1602cc3bbf/6a69a764e3c7de325a7f0c08_BTGrotesk-Medium.woff2)
format("woff2");
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: BT Grotesk;
src: url(https://cdn.prod.website-files.com/6a4b5161f0d11f1602cc3bbf/6a6c1e98544b94d5960c1e38_BTGrotesk-BoldItalic.woff2)
format("woff2");
font-weight: 700;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: BT Grotesk;
src: url(https://cdn.prod.website-files.com/6a4b5161f0d11f1602cc3bbf/6a6c1e9806baf06605e990ad_BTGrotesk-MediumItalic.woff2)
format("woff2");
font-weight: 500;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: BT Grotesk;
src: url(https://cdn.prod.website-files.com/6a4b5161f0d11f1602cc3bbf/6a6c1e9806baf06605e990b0_BTGrotesk-Italic.woff2)
format("woff2");
font-weight: 400;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: BT Grotesk;
src: url(https://cdn.prod.website-files.com/6a4b5161f0d11f1602cc3bbf/6a6c1e98544b94d5960c1e3b_BTGrotesk-SemiBoldItalic.woff2)
format("woff2");
font-weight: 600;
font-style: italic;
font-display: swap;
}
:root {
--content--terriary: #282828b8;
--size--padding-hero: calc(4.4rem + 1rem * 2);
--size--max-screen-height: calc(100dvh - 1.6rem);
--content--border: #b3b3af;
--size--border: max(1px, 0.1rem);
--content--brand: #fa3600;
--content--primary: #282828;
--content--white: white;
--content--disable: #b4b4b0;
--content--surface: #72726f;
--content--granite-gray: #626260;
--content--secon\: #414140;
--content--transparent: transparent;
--content--secondary: #414140;
}
.w-layout-blockcontainer {
max-width: 940px;
margin-left: auto;
margin-right: auto;
display: block;
}
.w-layout-vflex {
flex-direction: column;
align-items: flex-start;
display: flex;
}
@media screen and (max-width: 991px) {
.w-layout-blockcontainer {
max-width: 728px;
}
}
@media screen and (max-width: 767px) {
.w-layout-blockcontainer {
max-width: none;
}
}
body {
color: #333;
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 14px;
line-height: 20px;
}
h1 {
margin-top: 20px;
margin-bottom: 10px;
font-size: 38px;
font-weight: 700;
line-height: 44px;
}
h2 {
margin-top: 20px;
margin-bottom: 10px;
font-size: 32px;
font-weight: 700;
line-height: 36px;
}
h3 {
margin-top: 20px;
margin-bottom: 10px;
font-size: 24px;
font-weight: 700;
line-height: 30px;
}
p {
margin-bottom: 10px;
}
a {
text-decoration: underline;
}
ul,
ol {
margin-top: 0;
margin-bottom: 10px;
padding-left: 40px;
}
img {
max-width: 100%;
display: inline-block;
}
strong {
font-weight: 700;
}
em {
font-style: italic;
}
.body {
color: var(--content--terriary);
letter-spacing: -0.02em;
background-color: #0000;
font-family: BT Grotesk, Arial, sans-serif;
font-size: 1.6rem;
font-weight: 500;
line-height: 1.3;
}
.embed-css {
display: none;
}
.body-inner {
height: 100dvh;
padding: 0.8rem;
}
.body-inner.hidden {
display: none;
}
.main-wrap {
contain: paint;
height: 100dvh;
margin-left: auto;
margin-right: auto;
}
.header {
z-index: 10000000;
pointer-events: none;
position: fixed;
top: 0.8rem;
left: 0.8rem;
right: 0.8rem;
}
.header.on-hide {
pointer-events: none;
}
.main {
z-index: 2;
width: 100%;
height: 100%;
position: relative;
}
.main.has-popup {
clip-path: unset;
}
.cursor {
z-index: 999;
pointer-events: none;
justify-content: flex-start;
align-items: flex-start;
display: flex;
position: fixed;
inset: 0%;
}
.cursor-main {
justify-content: center;
align-items: center;
width: 0;
height: 0;
display: flex;
position: relative;
}
.cursor-inner {
opacity: 0;
background-color: #dd6013;
border-radius: 50%;
flex: none;
width: 0.6rem;
height: 0.6rem;
transition: all 0.4s;
position: absolute;
}
.web-component {
display: contents;
}
.home-hero {
padding-top: var(--size--padding-hero);
height: var(--size--max-screen-height);
}
.container {
max-width: 100%;
}
.container.grid {
grid-auto-columns: minmax(1px, 1fr);
}
.container.full-h {
height: 100%;
}
.container.full-h.grid.home-intro-grid {
grid-template-rows: 1fr auto;
}
.header-inner {
transition: transform 0.4s;
position: relative;
}
.header-logo-inner {
pointer-events: auto;
justify-content: flex-start;
align-items: center;
display: flex;
overflow: hidden;
}
.header-logo-inner.w--current {
pointer-events: auto;
}
.embed-ic {
width: 100%;
display: flex;
}
.embed-ic.embed-abs {
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.embed-ic.embed-fill {
height: 100%;
}
.embed-ic.hidden {
display: none;
}
.embed-ic.embed-h.loading-3d-ic {
justify-content: flex-end;
}
.embed-ic.is-check {
transition: opacity 0.3s;
transform: scale(0);
}
.embed-ic.is-loading {
transition: opacity 0.3s;
}
.embed-h {
height: 100%;
display: flex;
}
.header-logo {
padding-top: 1.2rem;
padding-bottom: 1.2rem;
padding-left: 3.2rem;
display: flex;
}
.line {
z-index: 2;
background-color: var(--content--border);
pointer-events: none;
position: absolute;
}
.line.line-vertical {
width: var(--size--border);
height: 100%;
}
.line.line-vertical.right.top.resource-hero-item-line-right {
right: calc(var(--size--border) * -1);
}
.line.line-vertical.top.left.home-why-main-devider {
left: calc(50% + var(--size--border));
}
.line.line-vertical.top.home-platform-img-line-right {
right: calc(var(--size--border) / 2 * -1);
}
.line.line-vertical.home-hero-curor-line {
opacity: 0.2;
mix-blend-mode: difference;
background-color: #e0e0da;
}
.line.line-vertical.loading-ruler-line {
opacity: 0.32;
}
.line.line-horizital {
height: var(--size--border);
}
.line.line-horizital.left.right.top.home-usecase-title-line,
.line.line-horizital.left.right.bot.home-usecase-title-line {
display: none;
}
.line.line-horizital.left.right.home-hero-curor-line {
opacity: 0.2;
mix-blend-mode: difference;
background-color: #e0e0da;
}
.line.line-horizital.left.right.line-brand.home-why-item-line {
display: none;
}
.line.line-horizital.left.right.loading-ruler-line {
opacity: 0.32;
}
.line.line-horizital.bot.left.right.line-brand.product-key-main-line {
z-index: 4;
left: -100vw;
right: -100vw;
}
.line.line-horizital.bot.left.right.footer-content-item-line {
bottom: var(--size--border);
}
.line.line-horizital.bg-brand.left.right.top.home-why-main-line {
z-index: 2;
left: 3.2rem;
right: 3.2rem;
}
.line.top {
top: 0;
}
.line.bot {
bottom: 0;
}
.line.left-full {
left: 0.8rem;
}
.line.top-full {
left: -3.2rem;
right: -3.2rem;
}
.line.right-full {
right: 0.8rem;
}
.line.left {
left: 0;
}
.line.right {
right: 0;
}
.line.line-dash {
background-color: #0000;
background-image: url(https://cdn.prod.website-files.com/6a4b5161f0d11f1602cc3bbf/6a4b5161f0d11f1602cc3c0e_border.svg);
background-position: 0 0;
background-repeat: repeat-y;
background-size: 0.1rem 1.6rem;
}
.line.line-dash.line-vertical,
.line.line-dash.line-vertical.top.left {
height: calc(100% - var(--size--border));
}
.line.line-dash.line-vertical.top.home-why-main-devider {
left: calc(50% + var(--size--border));
}
.line.line-dash.line-vertical.right.top.product-hero-logo-control-line {
right: calc(var(--size--border) * -1);
}
.line.line-dash.line-horizital {
background-image: url(https://cdn.prod.website-files.com/6a4b5161f0d11f1602cc3bbf/6a4b5161f0d11f1602cc3be0_border2.svg);
background-repeat: repeat-x;
background-size: 1.6rem 0.1rem;
}
.line.line-dash.line-horizital.bot.left.right {
width: 100%;
}
.line.line-dash.line-horizital.bot.left.right.home-usecase-faq-item-line-hover,
.line.line-dash.line-horizital.bot.left.right.product-faq-item-line-hover,
.line.line-dash.line-horizital.bot.left.right.tp-resource-hero-table-item-line-hover,
.line.line-dash.line-horizital.bot.left.right.tp-resource-hero-table-item-line-hover,
.line.line-dash.line-horizital.bot.left.right.policy-hero-table-item-line-hover {
z-index: 2;
opacity: 0;
background-image: url(https://cdn.prod.website-files.com/6a4b5161f0d11f1602cc3bbf/6a4b5161f0d11f1602cc3c8e_border-black.svg);
transition: opacity 0.4s;
}
.line.line-dash.line-horizital.top.left.right {
width: 100%;
}
.line.line-brand {
background-color: var(--content--brand);
}
.line.line-opacity-64 {
opacity: 0.64;
}
.line.cl-black {
background-color: var(--content--primary);
}
.header-menu-wrap {
margin-left: -1rem;
display: flex;
}
.header-menu-inner {
pointer-events: auto;
flex: 1;
width: 100%;
}
.header-menu {
width: 100%;
height: 100%;
display: flex;
}
.header-cta {
pointer-events: auto;
width: 20rem;
color: var(--content--brand);
flex-flow: column;
flex: none;
justify-content: space-between;
padding: 1.2rem 1rem 0.4rem 1.2rem;
text-decoration: none;
transition: color 0.4s, background-color 0.4s;
display: flex;
position: relative;
}
.header-cta:hover {
color: var(--content--white);
}
.header-cta.btn-bg-hover.only-mb,
.header-cta.only-mb {
display: none;
}
.txt {
letter-spacing: -0.02em;
}
.txt.txt-font-mono {
box-sizing: content-box;
letter-spacing: 0;
text-transform: uppercase;
font-family: Geistmono, Arial, sans-serif;
font-weight: 500;
}
.txt.txt-font-mono.txt-14.about-job-pagi {
justify-content: flex-start;
align-items: center;
padding-left: 1.2rem;
display: flex;
}
.txt.txt-font-mono.txt-14.home-map-content-label-txt {
line-height: 1;
}
.txt.txt-font-mono.txt-14.footer-link {
color: var(--content--primary);
text-decoration: underline;
transition: color 0.3s;
}
.txt.txt-font-mono.txt-14.footer-link:hover {
color: var(--content--brand);
}
.txt.txt-font-mono.txt-10 {
font-size: 1rem;
line-height: 1.3em;
}
.txt.txt-font-mono.txt-12 {
align-self: flex-start;
}
.txt.txt-font-mono.txt-12.tp-resource-hero-table-item-number {
margin-top: 0.2rem;
}
.txt.txt-font-mono.txt-12.tp-resource-hero-table-item-txt-number {
flex: none;
margin-top: 0.2rem;
}
.txt.txt-font-mono.txt-12.policy-hero-table-item-number {
flex: none;
margin-top: 0.2rem;
transition: color 0.4s;
}
.txt.txt-14 {
font-size: 1.4rem;
line-height: 1.4;
}
.txt.txt-16 {
font-size: 1.6rem;
}
.txt.txt-16.input {
color: var(--content--primary);
}
.txt.txt-16.input.footer-form-input {
border-left-width: 0;
}
.txt.txt-16.txt-mb-14.txt-reg {
line-height: 1.3;
}
.txt.txt-16.fw-nomal {
font-weight: 400;
}
.txt.txt-20 {
font-size: 2rem;
line-height: 1.2;
}
.txt.txt-12 {
font-size: 1.2rem;
line-height: 1.3;
}
.txt.txt-reg {
font-weight: 400;
}
.txt.txt-bold {
font-weight: 700;
}
.txt.txt-24 {
font-size: 2.4rem;
}
.txt.txt-7 {
font-size: 1rem;
}
.txt.fs-12 {
font-size: 1.2rem;
line-height: 1.2em;
}
.txt.txt-8 {
font-size: 0.8rem;
line-height: 1.2em;
}
.txt.txt-9 {
font-size: 0.9rem;
line-height: 1.2em;
}
.txt.txt-32 {
font-size: 3.2rem;
line-height: 1.1;
}
.txt.txt-18 {
font-size: 1.8rem;
}
.header-menu-item {
z-index: 0;
width: 100%;
height: 100%;
color: var(--content--terriary);
flex: 1;
text-decoration: none;
transition: color 0.4s;
position: relative;
overflow: hidden;
}
.header-menu-item:hover {
color: var(--content--white);
}
.header-menu-item.w--current {
pointer-events: none;
color: var(--content--primary);
}
.header-menu-item.has-submenu {
z-index: 0;
text-align: left;
cursor: pointer;
background-color: #0000;
}
.header-menu-item.btn-bg-hover.btn-bg-hover-primary:hover {
color: var(--content--white);
}
.header-menu-item.btn-bg-hover.btn-bg-hover-primary.has-submenu {
background-color: #0000;
}
.loading {
z-index: 2147483647;
opacity: 0;
pointer-events: none;
justify-content: center;
align-items: center;
transition: opacity 0.4s;
display: flex;
position: fixed;
inset: 0.8rem;
}
.loading.active {
opacity: 1;
pointer-events: auto;
}
.loading-inner {
width: 100%;
height: 100%;
display: flex;
position: relative;
}
.hexagon-animated {
justify-content: center;
align-items: center;
width: 20rem;
height: 23rem;
display: flex;
position: relative;
}
.debug-grid {
z-index: 200;
grid-column-gap: 16px;
grid-row-gap: 16px;
pointer-events: none;
grid-template-rows: auto;
grid-template-columns: minmax(1px, 1fr);
grid-auto-columns: 1fr;
width: 100%;
display: grid;
position: fixed;
inset: 0%;
}
.css-embed {
display: none;
}
.debug-grid-column {
height: 100%;
margin-left: 0.8rem;
margin-right: 0.8rem;
}
.container-column {
background-color: #6d898226;
width: 100%;
}
.common {
display: contents;
}
.main-inner {
flex-flow: column;
width: 100%;
height: 100%;
display: flex;
}
.header-menu-item-wrap {
flex: 1;
position: relative;
}
.header-menu-item-ic {
z-index: 2;
width: 0.6rem;
transition: transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);
position: absolute;
}
.header-menu-item-ic.bot {
bottom: 0.6rem;
right: 0.6rem;
}
.header-menu-item-ic.top {
top: 0.6rem;
right: 0.6rem;
transform: translate(calc(100% + 1.2rem), calc(-100% - 1.2rem));
}
.btn-bg-ic {
grid-area: 1/1/2/2;
width: 2rem;
margin-left: auto;
transition-property: transform;
transition-duration: 0.5s;
transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.btn-bg-ic.contact-hero-form-input-submit-ic {
width: 3.2rem;
}
.header-menu-dropdown {
grid-column-gap: 16px;
grid-row-gap: 16px;
opacity: 0;
pointer-events: none;
top: calc(100% - var(--size--border));
grid-template-rows: 0fr;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
position: absolute;
}
.header-menu-dropdown-inner {
border: var(--size--border) solid var(--content--border);
width: 100%;
min-width: 26.4rem;
}
.header-menu-dropdown-inner.bg-global {
flex-flow: column;
display: flex;
overflow: hidden;
}
.header-menu-dropdown-item {
border-bottom: var(--size--border) solid var(--content--border);
width: 100%;
color: var(--content--terriary);
text-decoration: none;
transition: color 0.4s;
position: relative;
}
.header-menu-dropdown-item:hover {
color: var(--content--brand);
}
.header-menu-dropdown-item.w--current {
color: var(--content--primary);
}
.header-menu-dropdown-item.btn-bg-hover.btn-bg-hover-primary:hover {
color: var(--content--white);
}
.header-menu-dropdown-item.btn-bg-hover.btn-bg-hover-primary.w--current {
pointer-events: none;
}
.home-hero-img-wrap {
-webkit-user-select: none;
user-select: none;
justify-content: center;
align-items: stretch;
display: flex;
position: relative;
}
.home-hero-inner {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: column;
grid-template-rows: 1fr auto;
grid-template-columns: minmax(1px, 1fr);
grid-auto-columns: 1fr;
height: 100%;
display: grid;
position: relative;
}
.home-hero-content {
flex: none;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: minmax(1px, 1fr);
position: relative;
}
.home-hero-title-wrap {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: column;
grid-template-rows: auto;
grid-template-columns: minmax(1px, 1fr);
grid-auto-columns: minmax(1px, 1fr);
justify-content: center;
align-items: center;
height: 100%;
padding: 2.4rem 3.2rem;
display: grid;
position: relative;
}
.home-hero-title {
color: var(--content--primary);
grid-area: 1/1/2/2;
position: relative;
}
.heading {
letter-spacing: -0.02em;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 0;
font-weight: 700;
}
.heading.h1 {
font-size: 5.6rem;
line-height: 1;
}
.heading.h3 {
letter-spacing: -0.02em;
font-size: 4rem;
font-weight: 600;
line-height: 1;
}
.heading.h2 {
font-size: 4.8rem;
font-weight: 600;
line-height: 1;
}
.heading.h4 {
font-size: 3.2rem;
font-weight: 600;
line-height: 1;
}
.heading.h5 {
font-size: 2.8rem;
font-weight: 600;
line-height: 1;
}
.heading.h6 {
font-size: 2.4rem;
line-height: 1.1;
}
.heading.txt-12 {
font-size: 1.2rem;
line-height: 1.1em;
}
.heading.txt-12.fw-med {
font-weight: 500;
}
.heading.txt-14 {
font-size: 1.4rem;
}
.home-hero-sub-wrap {
flex-flow: column;
margin-left: -2rem;
display: flex;
position: relative;
}
.home-hero-sub-inner {
flex: 1;
display: flex;
position: relative;
}
.home-hero-work {
flex: none;
padding-top: 1.2rem;
padding-bottom: 1.2rem;
padding-left: 1.6rem;
display: flex;
}
.home-hero-work-inner {
grid-column-gap: 1.6rem;
flex: none;
padding-right: 1.6rem;
display: flex;
}
.home-hero-work-item {
grid-column-gap: 0.6rem;
flex: none;
justify-content: flex-start;
align-items: center;
display: flex;
}
.home-hero-work-item-ic {
width: 1.6rem;
color: var(--content--border);
}
.home-hero-sub {
height: 100%;
color: var(--content--primary);
flex: 1;
padding: 1.6rem;
position: relative;
}
.home-hero-btn {
width: 17.1rem;
color: var(--content--brand);
flex-flow: column;
flex: none;
justify-content: space-between;
text-decoration: none;
transition: color 0.4s;
display: flex;
position: relative;
}
.home-hero-btn:hover {
color: var(--content--white);
}
.home-hero-btn-ic {
width: 1.6rem;
margin-left: auto;
}
.home-hero-img {
justify-content: center;
align-items: center;
width: 100%;
display: flex;
position: relative;
}
.home-hero-img.bg-global {
pointer-events: none;
padding: 3.2rem;
}
.img-h {
max-width: none;
height: 100%;
}
.home-intro {
height: clamp(60.4rem, var(--size--max-screen-height), 86.7rem);
position: relative;
}
.home-intro-img-wrap {
margin-right: -1rem;
}
.home-intro-img {
mix-blend-mode: multiply;
width: 100%;
height: 100%;
}
.home-intro-img.bg-global {
position: relative;
overflow: hidden;
}
.img-basic {
object-fit: cover;
width: 100%;
min-width: 100%;
max-width: none;
min-height: 100%;
}
.img-basic.img-fill {
object-fit: cover;
height: 100%;
}
.img-basic.img-fill.position-top {
object-position: 50% 0%;
}
.img-basic.img-fill.position-bot {
object-position: 50% 100%;
}
.img-basic.img-fill.position-left {
object-position: 0% 50%;
}
.img-basic.img-fill.position-right {
object-position: 100% 50%;
}
.img-basic.img-fill.object-contain {
object-fit: contain;
}
.img-basic.img-abs {
object-fit: contain;
height: 100%;
position: absolute;
}
.img-basic.img-abs.home-intro-img-main {
object-fit: cover;
object-position: 100% 100%;
}
.img-basic.img-abs.img-cover {
object-fit: cover;
object-position: 50% 100%;
}
.img-basic.img-abs.img-cover.object-center {
object-position: 50% 50%;
}
.img-basic.img-abs.img-cover.object-top {
object-position: 50% 0%;
}
.img-basic.img-abs.product-how-img-inner {
object-position: 50% 0%;
width: auto;
}
.img-basic.img-abs.product-hero-img-main {
width: auto;
}
.img-basic.img-abs.product-hero-img-main.on-mb {
display: none;
}
.img-basic.img-abs.product-how-img-main {
width: auto;
}
.img-basic.img-aspect {
object-fit: cover;
height: 100%;
position: absolute;
inset: 0;
}
.img-basic.img-contain {
object-fit: contain;
height: 100%;
}
.img-basic.img-h {
width: auto;
min-width: 0%;
}
.img-basic.img-inset {
position: absolute;
inset: 0%;
}
.home-intro-body {
flex-flow: column;
margin-left: -1rem;
display: flex;
position: relative;
}
.home-intro-cta-body {
flex: 1;
padding: 1.6rem 3.2rem;
position: relative;
}
.home-intro-btn {
color: var(--content--brand);
flex: none;
text-decoration: none;
}
.home-intro-btn.hover-un {
align-self: flex-start;
}
.home-intro-btn-ic {
flex: none;
width: 2rem;
}
.home-intro-btn-inner {
grid-column-gap: 0.8rem;
justify-content: flex-start;
align-items: center;
display: flex;
position: relative;
}
.home-intro-btn-inner.hover-un {
color: var(--content--brand);
text-decoration: none;
}
.line-anim {
z-index: 1;
pointer-events: none;
background-color: #c0c5c4;
width: 100%;
height: max(1px, 0.1rem);
transition: background-color 0.4s;
}
.line-anim.line-anim-hover {
background-color: #0000;
position: absolute;
bottom: 0;
overflow: hidden;
}
.line-anim.line-anim-hover.line-bold {
height: 0.2rem;
}
.line-anim-inner {
width: 100%;
height: 100%;
}
.line-anim-inner.line-anim-inner-hover {
background-color: currentColor;
position: relative;
}
.hover-un {
position: relative;
}
.home-intro-content {
flex-flow: column;
flex: 1;
padding: 6.4rem 15rem 3.2rem;
display: flex;
}
.main-deco {
z-index: 100000;
pointer-events: none;
padding: 0.8rem;
position: fixed;
inset: 0;
}
.main-deco.bg-global {
padding: 0.8rem;
}
.main-deco-inner {
width: 100%;
height: 100%;
position: relative;
}
.home-intro-partner {
flex: none;
}
.home-intro-partner-label-wrap {
justify-content: space-between;
align-items: center;
padding-left: 3.2rem;
display: flex;
position: relative;
}
.home-intro-partner-cms {
display: flex;
overflow: hidden;
}
.home-intro-partner-list {
flex: none;
display: flex;
}
.home-intro-partner-item {
filter: saturate(0);
flex: none;
justify-content: center;
align-items: center;
width: 17.2rem;
height: 17.2rem;
transition-property: filter;
transition-duration: 0.4s;
transition-timing-function: ease;
display: flex;
position: relative;
}
.home-intro-partner-item:hover {
filter: saturate();
}
.home-intro-partner-item-inner {
width: 13.4rem;
}
.home-problem {
position: relative;
}
.home-problem-head {
flex: none;
justify-content: space-between;
padding: 3.2rem 3.2rem 6.6rem;
display: flex;
}
.home-problem-title-wrap {
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 83.4rem;
display: flex;
}
.home-problem-sub {
width: 100%;
max-width: 39.6rem;
margin-top: 3.2rem;
}
.home-problem-inner {
flex-flow: column;
height: 100%;
display: flex;
}
.home-problem-content {
flex: 1;
position: relative;
}
.home-problem-list {
height: 100%;
display: flex;
}
.home-problem-item {
flex-flow: column;
flex: 1;
height: 100%;
transition: opacity 0.2s;
display: flex;
position: relative;
}
.home-problem-item-head {
color: var(--content--primary);
flex: none;
justify-content: center;
align-items: center;
padding: 1.6rem 3.2rem;
display: flex;
position: relative;
}
.home-problem-item-img {
z-index: 2;
flex: 1;
justify-content: center;
height: 36rem;
padding-top: 2.4rem;
padding-bottom: 2.4rem;
display: flex;
position: relative;
}
.home-problem-item-img-inner {
width: 100%;
max-width: 20rem;
color: var(--content--border);
will-change: opacity;
align-self: center;
transition-property: color;
transition-duration: 0.4s;
transition-timing-function: ease;
position: relative;
}
.home-problem-item-content {
z-index: 2;
flex-flow: column;
flex: none;
justify-content: space-around;
min-height: 25rem;
padding: 3.2rem;
display: flex;
position: relative;
}
.home-problem-item-sub-wrap {
overflow: hidden;
}
.home-problem-item-plus {
width: 1.2rem;
color: var(--content--surface);
transition-property: transform;
transition-duration: 0.4s;
transition-timing-function: ease;
position: absolute;
transform: scale(0);
}
.home-problem-item-plus.top {
top: 1.6rem;
}
.home-problem-item-plus.left {
left: 1.6rem;
}
.home-problem-item-plus.right {
right: 1.6rem;
}
.home-problem-item-plus.bot {
bottom: 1.6rem;
}
.home-problem-item-title-wrap {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: column;
flex: 1;
grid-template-columns: minmax(1px, 1fr);
grid-auto-columns: minmax(1px, 1fr);
justify-content: space-between;
display: flex;
}
.home-problem-item-sub {
padding-top: 1.6rem;
}
.home-platform {
position: relative;
}
.home-platform-content-inner {
opacity: 0;
pointer-events: none;
grid-area: 1/1/2/2;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: minmax(1px, 1fr);
transition-property: opacity;
transition-duration: 0.4s;
transition-timing-function: ease;
position: sticky;
top: 50dvh;
}
.home-platform-content-inner.active {
opacity: 1;
pointer-events: auto;
}
.home-platform-img-wrap {
margin-right: -2rem;
position: relative;
}
.home-platform-img-item {
mix-blend-mode: multiply;
position: relative;
}
.home-platform-img-item-inner {
position: relative;
overflow: hidden;
}
.home-platform-img-item-block {
padding-top: 59.0288%;
}
.home-platform-content {
grid-column-gap: 0px;
grid-row-gap: 0px;
pointer-events: none;
grid-template-rows: auto;
grid-template-columns: minmax(1px, 1fr);
grid-auto-columns: minmax(1px, 1fr);
display: grid;
position: relative;
}
.home-platform-content-left {
flex-flow: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: minmax(1px, 1fr);
justify-content: center;
align-items: flex-start;
margin-right: -2rem;
padding: 3.2rem 3.2rem 2rem;
display: flex;
position: relative;
}
.home-platform-content-right {
flex-flow: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: minmax(1px, 1fr);
justify-content: center;
display: flex;
position: relative;
}
.home-platform-content-title-wrap {
grid-column-gap: 3.2rem;
flex-flow: column;
justify-content: space-between;
height: 100%;
display: flex;
}
.home-platform-content-title-wrap.active {
opacity: 1;
}
.home-platform-content-btn-wrap {
color: var(--content--brand);
flex: none;
justify-content: flex-end;
align-items: flex-end;
text-decoration: none;
transition: color 0.4s;
display: flex;
position: relative;
overflow: hidden;
}
.home-platform-content-btn-wrap:hover {
color: var(--content--primary);
}
.home-platform-content-sub {
flex: 1;
padding: 3.2rem;
}
.home-platform-content-right-item {
height: 100%;
}
.home-platform-content-right-item.active {
opacity: 1;
flex-flow: column;
display: flex;
}
.grid {
grid-column-gap: 2rem;
grid-row-gap: 0px;
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;
}
.home-why-head {
position: relative;
}
.home-why-title-wrap {
margin-right: -2rem;
padding: 3.2rem;
position: relative;
}
.home-why-sub-wrap {
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
padding: 16rem 3.2rem 3.2rem;
display: flex;
position: relative;
}
.home-why-main {
grid-row-gap: 6.4rem;
flex-flow: column;
display: flex;
position: relative;
overflow: hidden;
}
.home-why-main.grid {
grid-row-gap: 6.4rem;
margin-top: 12rem;
position: relative;
}
.home-why-item-sticky {
z-index: 2;
opacity: 0;
pointer-events: none;
flex-flow: column;
justify-content: center;
width: calc(50% - 4.3rem);
transition-property: opacity;
transition-duration: 0.1s;
transition-timing-function: ease;
display: flex;
position: absolute;
top: 0;
}
.home-why-item-sticky.item-left {
left: 3.2rem;
}
.home-why-item-sticky.item-right {
right: calc(4.2rem - var(--size--border));
}
.home-why-item-img {
mix-blend-mode: multiply;
position: relative;
overflow: hidden;
}
.home-why-item-img.item-left.item-tb,
.home-why-item-img.item-right.item-tb {
display: none;
}
.home-why-item-sticky-inner {
z-index: 2;
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: minmax(1px, 1fr) minmax(1px, 1fr);
grid-auto-columns: minmax(1px, 1fr);
display: grid;
position: relative;
}
.home-why-item-sticky-content {
grid-column-gap: 2rem;
background-color: var(--content--primary);
pointer-events: none;
grid-row: 1/2;
justify-content: flex-start;
align-items: center;
width: calc(100% + 1rem);
padding: 1.6rem 2.4rem;
transition-property: opacity;
transition-duration: 0.4s;
transition-timing-function: ease;
display: flex;
}
.home-why-item-sticky-content.active {
opacity: 1;
pointer-events: auto;
}
.home-why-sticky-item-ic {
background-color: var(--content--brand);
width: 0.8rem;
height: 0.8rem;
}
.home-intro-content-title {
color: var(--content--disable);
margin-bottom: 3.2rem;
}
.home-problem-title {
color: var(--content--primary);
}
.home-problem-label {
margin-bottom: 1.6rem;
}
.home-problem-item-title {
color: var(--content--primary);
}
.home-why-label {
margin-bottom: 1.6rem;
}
.home-why-title {
max-width: 45rem;
color: var(--content--primary);
}
.home-why-sub {
margin-bottom: 2.8rem;
}
.home-why-sub-cta,
.home-platform-content-number {
color: var(--content--disable);
}
.home-platform-content-title {
color: var(--content--primary);
}
.home-problem-item-head-title {
margin-right: auto;
transition: transform 0.4s;
}
.home-problem-item-head-num {
color: var(--content--disable);
margin-left: auto;
}
.home-intro-partner-label {
color: var(--content--primary);
}
.home-why-sticky-item-sub {
opacity: 0.72;
color: var(--content--white);
flex: 1;
}
.home-why-sticky-item-title {
min-width: 20rem;
color: var(--content--white);
}
.home-hero-img-inner {
pointer-events: none;
mix-blend-mode: multiply;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
position: relative;
}
.home-intro-img-inner {
justify-content: center;
align-items: flex-end;
width: 100%;
height: 100%;
display: none;
}
.bg-brand {
background-color: var(--content--brand);
}
.home-map {
position: relative;
}
.home-map-main {
height: 700dvh;
padding-bottom: 0;
position: relative;
}
.home-map-main-stick {
flex: 1;
position: relative;
overflow: hidden;
}
.pricing-hero {
padding-top: var(--size--padding-hero);
}
.home-map-main-inner {
grid-template-rows: auto;
grid-template-columns: minmax(1px, 1fr);
grid-auto-columns: minmax(1px, 1fr);
width: 100%;
height: 100%;
display: grid;
}
.home-map-main-img {
pointer-events: none;
width: 100%;
height: 100%;
grid-column: 1/-1 !important;
}
.home-map-main-img.active {
opacity: 1;
pointer-events: auto;
}
.home-map-main-img-inner {
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
position: relative;
}
.ic-embed {
width: 100%;
display: flex;
}
.home-usecase {
position: relative;
}
.home-usecase-img {
height: 100%;
margin-right: -1.1rem;
}
.home-usecase-img.bg-global {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: minmax(1px, 1fr);
grid-auto-columns: minmax(1px, 1fr);
min-height: calc(100dvh - 1.6rem);
display: grid;
position: relative;
overflow: hidden;
}
.home-usecase-img-item {
opacity: 0;
mix-blend-mode: multiply;
grid-area: 1/1/2/2;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
transition-property: transform, opacity;
transition-duration: 0.4s, 0.4s;
transition-timing-function: ease, ease;
display: flex;
position: relative;
transform: scale(1.04);
}
.home-usecase-img-item.active {
opacity: 1;
transform: scale(1);
}
.home-usecase-content {
flex-flow: column;
margin-left: -1rem;
display: flex;
position: relative;
}
.home-usecase-title-wrap {
flex: 1;
margin-left: -1rem;
padding: 3.2rem 15.4rem 6rem;
position: relative;
}
.home-usecase-label {
margin-bottom: 1.6rem;
}
.home-usecase-title {
width: 100%;
max-width: 64.7rem;
color: var(--content--primary);
}
.home-usecase-faq-cms {
flex: none;
}
.home-usecase-faq-list {
flex-flow: column;
display: flex;
}
.home-usecase-faq-item {
cursor: pointer;
padding: 2.4rem 3.2rem 2.4rem 15.4rem;
position: relative;
}
.home-usecase-faq-item-title-wrap {
grid-column-gap: 1.6rem;
justify-content: flex-start;
align-items: center;
display: flex;
}
.home-usecase-faq-item-numb {
color: var(--content--disable);
flex: none;
align-self: flex-start;
margin-top: 0.4rem;
margin-right: 1.6rem;
transition: color 0.4s;
}
.home-usecase-faq-item-title {
color: var(--content--primary);
flex: 1;
}
.home-usecase-faq-item-ic {
width: 2rem;
color: var(--content--border);
flex: none;
align-self: center;
margin-top: 0.1rem;
transition: color 0.4s;
display: flex;
}
.home-usecase-faq-item-sub-wrap {
padding-top: 1.6rem;
padding-left: 6.4rem;
display: none;
}
.home-usecase-faq-item-sub {
padding-top: 0.8rem;
display: none;
}
.home-problem-item-main {
height: 100%;
position: relative;
}
.cta {
position: relative;
}
.cta-head {
min-height: 9.6rem;
position: relative;
}
.cta-head-item {
justify-content: flex-start;
align-items: flex-end;
padding-top: 0.8rem;
padding-bottom: 0.8rem;
padding-left: 0.8rem;
display: flex;
position: relative;
}
.cta-head-item.item-center {
justify-content: flex-start;
align-items: flex-start;
margin-left: -0.5rem;
margin-right: -0.65rem;
}
.cta-head-item.item-right {
justify-content: flex-start;
align-items: flex-start;
margin-left: -1.5rem;
}
.cta-head-item.item-left {
margin-right: -2rem;
}
.cta-main.grid,
.cta-main-item {
position: relative;
}
.cta-main-item.item-left {
justify-content: flex-start;
align-items: flex-end;
margin-right: -2rem;
padding-top: 0.8rem;
padding-bottom: 0.8rem;
padding-left: 0.8rem;
display: flex;
}
.cta-main-item.item-center {
flex-flow: column;
margin-left: -0.5rem;
margin-right: -0.65rem;
padding: 3.2rem;
display: flex;
}
.cta-main-item.item-right {
margin-left: -1.55rem;
}
.cta-main-item-title {
max-width: 60rem;
color: var(--content--primary);
text-align: center;
margin-bottom: 1.6rem;
margin-left: auto;
margin-right: auto;
}
.cta-main-item-sub {
text-align: center;
margin-bottom: 3.2rem;
}
.btn {
padding-top: 1.5rem;
padding-bottom: 1.5rem;
text-decoration: none;
}
.btn.btn-brand {
background-color: var(--content--brand);
color: var(--content--white);
position: relative;
overflow: hidden;
}
.btn.btn-outline {
border: var(--size--border) solid var(--content--border);
color: var(--content--primary);
background-color: #0000;
}
.btn.btn-outline.pricing-hero-package-btn {
justify-content: center;
align-items: center;
margin-top: 3.2rem;
transition: border-color 0.4s cubic-bezier(0.23, 1, 0.32, 1),
color 0.4s cubic-bezier(0.23, 1, 0.32, 1);
display: flex;
}
.btn.btn-outline.pricing-hero-package-btn:hover {
border-color: var(--content--brand);
color: var(--content--brand);
}
.btn.btn-outline.pricing-hero-package-btn.btn-bg-hover.btn-bg-brand {
margin-top: auto;
}
.btn.btn-outline.notfound-hero-noti-btn {
width: 100%;
transition: color 0.4s, border-color 0.4s;
}
.btn.btn-outline.notfound-hero-noti-btn:hover {
border-color: var(--content--brand);
color: var(--content--brand);
}
.btn.resource-hero-load {
border: var(--size--border) solid var(--content--border);
transition: border-color 0.4s, color 0.4s;
}
.btn.resource-hero-load:hover {
border: 1px solid var(--content--brand);
color: var(--content--brand);
}
.btn.resource-hero-load.btn-bg-hover:hover {
color: var(--content--brand);
}
.btn.resource-hero-load.btn-bg-hover.btn-bg-brand {
border: var(--size--border) solid var(--content--border);
color: var(--content--primary);
background-color: #0000;
}
.btn.btn-outline {
color: #282828;
background-color: #0000;
border: max(1px, 0.1rem) solid #b3b3af;
}
.btn.btn-outline.notfound-hero-noti-btn {
transition: color 0.4s, border-color 0.4s;
}
.btn.btn-outline.notfound-hero-noti-btn:hover {
color: #f15534;
border-color: #f15534;
}
.cta-main-item-btn {
justify-content: center;
align-self: center;
align-items: center;
display: flex;
}
.btn-ic {
background-color: var(--content--white);
width: 0.6rem;
height: 0.6rem;
transition: transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);
position: absolute;
}
.btn-ic.top {
top: 0.6rem;
}
.btn-ic.top.left {
transform: translate(calc(-100% - 0.6rem), calc(-100% - 0.6rem));
}
.btn-ic.left {
left: 0.6rem;
}
.btn-ic.right {
right: 0.6rem;
}
.btn-ic.bot {
bottom: 0.6rem;
}
.btn-ic.bot.right {
transform: translate(calc(100% + 0.6rem), calc(100% + 0.6rem));
}
.cta-deco.grid,
.cta-deco-item {
position: relative;
}
.cta-deco-item.item-left {
margin-right: -2rem;
}
.cta-deco-item.item-center.bg-global {
margin-left: -0.5rem;
margin-right: -0.65rem;
overflow: hidden;
}
.cta-deco-item.item-right {
margin-left: -1.55rem;
}
.cta-deco-item-img {
mix-blend-mode: multiply;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.footer {
position: relative;
}
.footer-content {
flex-flow: column;
margin-left: -1rem;
display: flex;
}
.footer-logo {
min-height: 42.4rem;
color: var(--content--primary);
-webkit-user-select: none;
user-select: none;
justify-content: center;
align-items: center;
margin-left: -1.55rem;
transition-property: color;
transition-duration: 0.65s;
transition-timing-function: cubic-bezier(0.59, 0.23, 0.22, 0.96);
display: flex;
position: relative;
}
.footer-logo-inner {
z-index: 2;
width: 100%;
max-width: 25.8rem;
transition: opacity 0.5s cubic-bezier(0.23, 1, 0.32, 1);
position: absolute;
}
.footer-logo-inner.sketch {
opacity: 0;
pointer-events: none;
}
.footer-content-item {
grid-column-gap: 2rem;
grid-row-gap: 0px;
flex: 1;
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
);
grid-auto-columns: minmax(1px, 1fr);
display: grid;
position: relative;
}
.footer-content-item.item-bot {
flex: none;
height: 18.2rem;
}
.footer-title-wrap {
flex-flow: column;
flex: none;
justify-content: flex-start;
align-items: stretch;
min-height: 24.25rem;
padding: 1.6rem;
display: flex;
position: relative;
}
.footer-title {
color: var(--content--primary);
}
.footer-menu {
display: flex;
}
.footer-menu-item {
flex-flow: column;
flex: 1;
justify-content: flex-start;
align-items: flex-start;
padding: 1.6rem;
display: flex;
position: relative;
}
.footer-menu-item-label {
color: var(--content--granite-gray);
margin-bottom: 2.4rem;
}
.footer-menu-item-link {
color: var(--content--primary);
margin: -0.5rem;
padding: 0.5rem;
text-decoration: none;
transition: color 0.2s;
}
.footer-menu-item-link:hover,
.footer-menu-item-link.w--current {
color: var(--content--brand);
}
.footer-menu-item-link-wrap {
grid-row-gap: 1.6rem;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
display: flex;
}
.footer-form-wrap {
flex-flow: column;
flex: 1;
justify-content: flex-end;
padding-top: 1.6rem;
padding-left: 1.6rem;
padding-right: 1.6rem;
display: flex;
position: relative;
}
.footer-form-label {
color: var(--content--granite-gray);
}
.footer-form-title {
margin-bottom: 4rem;
}
.footer-form-inner {
z-index: 2;
position: relative;
}
.footer-form {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: minmax(1px, 1fr);
grid-auto-columns: minmax(1px, 1fr);
margin-bottom: 0;
display: grid;
}
.footer-form-main {
grid-area: 1/1/2/2;
padding-top: 1.8rem;
transition-property: opacity;
transition-duration: 0.4s;
transition-timing-function: ease;
display: block !important;
}
.footer-form-main.hidden {
opacity: 0;
pointer-events: none;
}
.input-wrap {
position: relative;
}
.input-wrap.error {
border-color: var(--content--brand);
}
.input-wrap.footer-form-input-wrap {
margin-right: -1.6rem;
margin-left: calc(var(--size--border) * -1 - 1.6rem);
}
.input {
border: var(--size--border) solid var(--content--border);
background-color: #0000;
height: 4.8rem;
margin-bottom: 0;
padding: 0.8rem 0.8rem 0.8rem 1.6rem;
transition: border-color 0.45s;
}
.input:hover {
border-color: var(--content--surface);
}
.input.tp-resource-hero-form-input {
border: 1px solid var(--content--border);
color: var(--content--primary);
}
.input.tp-resource-hero-form-input:hover {
border-color: var(--content--primary);
}
.input-submit {
background-color: #0000;
justify-content: center;
align-items: center;
width: 3.2rem;
height: 3.2rem;
padding: 1rem;
display: flex;
position: absolute;
top: 50%;
right: 0.8rem;
transform: translateY(-50%);
}
.input-submit.footer-form-input-submit {
border-left: var(--size--border) solid var(--content--border);
pointer-events: none;
width: 4.8rem;
height: 100%;
color: var(--content--border);
transition: border-color 0.2s, background-color 0.4s, color 0.4s;
top: 0%;
right: 0;
transform: translate(0);
}
.input-submit.footer-form-input-submit:hover {
background-color: var(--content--brand);
color: var(--content--white);
}
.input-submit.footer-form-input-submit.active {
border-left-color: var(--content--brand);
background-color: var(--content--brand);
pointer-events: auto;
color: var(--content--white);
}
.footer-info-wrap {
display: flex;
}
.footer-info-item {
flex-flow: column;
flex: 1;
padding: 1.6rem;
display: flex;
position: relative;
}
.footer-info-item.item1 {
grid-template-rows: auto 1fr auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.footer-info-item-label {
color: var(--content--granite-gray);
margin-bottom: 1.8rem;
}
.footer-info-item-title {
color: var(--content--primary);
align-self: flex-start;
margin: -0.5rem;
padding: 0.5rem;
text-decoration: none;
transition: color 0.4s;
}
.footer-info-item-title:hover {
color: var(--content--brand);
}
.footer-info-item-inner {
flex-flow: column;
flex: 1;
margin-left: -1.6rem;
margin-right: -1.6rem;
padding-bottom: 1.6rem;
padding-left: 1.6rem;
padding-right: 1.6rem;
display: flex;
position: relative;
}
.footer-info-item-inner.item2 {
padding-top: 1.6rem;
padding-bottom: 0;
}
.footer-info-item-title-wrap {
grid-column-gap: 1.6rem;
grid-row-gap: 1.6rem;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
margin-top: auto;
display: grid;
}
.footer-main.grid {
position: relative;
}
.footer-main.grid.bg-global {
z-index: 2;
}
.footer-img-wrap {
width: 100%;
position: relative;
}
.footer-img-inner {
grid-column-gap: 0px;
grid-row-gap: 0px;
background-image: url(https://cdn.prod.website-files.com/6a4b5161f0d11f1602cc3bbf/6a4b5161f0d11f1602cc3be1_bg-deco.svg);
background-position: 50%;
background-size: auto;
grid-template-rows: auto;
grid-template-columns: minmax(1px, 1fr);
grid-auto-columns: minmax(1px, 1fr);
height: 37.7rem;
display: grid;
position: relative;
}
.footer-img-inner.bg-global {
-webkit-user-select: none;
user-select: none;
will-change: transform;
}
.footer-img-item {
pointer-events: none;
mix-blend-mode: darken;
grid-area: 1/1/2/2;
}
.footer-img-item.item2 {
opacity: 0;
-webkit-mask-image: radial-gradient(
circle 30rem at var(--mouse-x, -48rem) var(--mouse-y, -48rem),
black 23.3%,
transparent 100%
);
mask-image: radial-gradient(
circle 30rem at var(--mouse-x, -48rem) var(--mouse-y, -48rem),
black 23.3%,
transparent 100%
);
}
.footer-copyright-wrap.grid {
position: relative;
}
.footer-copyright {
padding: 1.7rem 3.2rem 1.5rem;
position: relative;
}
.footer-copyright-txt {
grid-column-gap: 0.4rem;
grid-row-gap: 0.4rem;
display: flex;
}
.footer-policy {
justify-content: flex-end;
align-items: center;
display: flex;
position: relative;
}
.footer-policy-item {
height: 100%;
color: var(--content--primary);
justify-content: center;
align-items: center;
padding-left: 2rem;
padding-right: 2rem;
text-decoration: none;
transition: color 0.4s;
display: flex;
position: relative;
}
.footer-policy-item:hover {
color: var(--content--brand);
}
.footer-img-plus {
z-index: 2;
width: 1.2rem;
position: absolute;
}
.footer-img-plus.top {
top: 1rem;
}
.footer-img-plus.left {
left: 1rem;
}
.footer-img-plus.right {
right: 1rem;
}
.footer-img-plus.bot {
bottom: 1rem;
}
.home-intel {
height: var(--size--max-screen-height);
background-image: url(https://cdn.prod.website-files.com/6a4b5161f0d11f1602cc3bbf/6a4b5161f0d11f1602cc3be1_bg-deco.svg);
background-position: 50%;
background-size: auto;
position: relative;
}
.home-intel-inner {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: minmax(1px, 1fr);
justify-content: center;
align-items: center;
display: flex;
grid-column: 1/-1 !important;
}
.home-intel-inner.active {
opacity: 1;
pointer-events: auto;
}
.home-intel-item {
color: var(--content--primary);
}
.bg-border {
z-index: 0;
pointer-events: none;
position: absolute;
inset: 1.2rem;
}
.bg-border-inner {
width: 100%;
height: 100%;
position: relative;
}
.bg-border-item {
position: absolute;
}
.bg-border-item.bg-border-horizital {
background-image: url(https://cdn.prod.website-files.com/6a4b5161f0d11f1602cc3bbf/6a4b5161f0d11f1602cc3c93_bg-border-grid.svg);
background-position: 50%;
background-size: 0.9rem 0.8rem;
height: 0.8rem;
left: 2rem;
right: 2rem;
}
.bg-border-item.bg-border-horizital.bot.loading-progress-item-active {
background-image: url(https://cdn.prod.website-files.com/6a4b5161f0d11f1602cc3bbf/6a4b5161f0d11f1602cc3c92_border-active.svg);
}
.bg-border-item.bg-border-horizital.bot.loading-progress-item-line {
left: 0;
right: 0;
}
.bg-border-item.bg-border-vertical {
background-image: url(https://cdn.prod.website-files.com/6a4b5161f0d11f1602cc3bbf/6a4b5161f0d11f1602cc3c91_bg-border.svg);
background-position: 50%;
background-size: 0.8rem 0.9rem;
width: 0.8rem;
top: 2rem;
bottom: 2rem;
}
.bg-border-item.top {
top: 0;
}
.bg-border-item.bot {
bottom: 0;
}
.bg-border-item.left {
left: 0;
}
.bg-border-item.right {
right: 0;
}
.bg-border-plus {
width: 1.2rem;
color: var(--content--primary);
position: absolute;
}
.bg-border-plus.top {
top: -0.2rem;
}
.bg-border-plus.left {
left: -0.2rem;
}
.bg-border-plus.right {
right: -0.2rem;
}
.bg-border-plus.bot {
bottom: -0.2rem;
}
.home-why-main-wrap {
padding-top: 12rem;
padding-bottom: 12rem;
position: relative;
}
.btn-bg {
z-index: 2;
flex-flow: column;
justify-content: space-between;
height: 100%;
display: flex;
position: relative;
}
.btn-bg:where(.w-variant-e71ba226-68e4-86b3-f9e3-fa79ec729446),
.btn-bg.layout-row {
grid-column-gap: 0.8rem;
flex-flow: row;
align-items: center;
}
.btn-bg.btn-fill {
grid-column-gap: 0.1rem;
flex-flow: row;
justify-content: center;
align-items: stretch;
width: 100%;
}
.btn-bg-txt {
grid-area: 1/1/2/2;
transition-property: transform;
transition-duration: 0.5s;
transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.btn-bg-txt-inner {
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);
align-self: flex-start;
display: grid;
position: relative;
overflow: hidden;
}
.btn-bg-ic-inner {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: minmax(1px, 1fr);
grid-auto-columns: minmax(1px, 1fr);
align-self: flex-end;
display: grid;
overflow: hidden;
}
.btn-bg-ic-inner:where(.w-variant-e71ba226-68e4-86b3-f9e3-fa79ec729446) {
align-self: center;
}
.btn-bg-ic-inner:where(.w-variant-41ce2efe-ed9a-3d43-2d82-7628477cb2da) {
display: none;
}
.btn-bg-ic-inner.layout-row-7 {
align-self: center;
}
.btn-bg-ic-inner.btn-fill {
z-index: 2;
align-self: center;
position: relative;
}
.btn-bg-hover {
position: relative;
overflow: hidden;
}
.btn-dot-txt {
grid-area: 1/1/2/2;
transition-property: transform;
transition-duration: 0.5s;
transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.btn-dot-txt-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;
overflow: hidden;
}
.home-intro-partner-wrap {
flex-flow: column;
margin-left: -1rem;
display: flex;
position: relative;
}
.home-platform-content-img {
display: none;
}
.footer-head {
z-index: 3;
flex-flow: column;
margin-right: -1.55rem;
display: flex;
position: relative;
}
.home-hero-img-plus {
z-index: 2;
pointer-events: none;
width: 1rem;
height: 1rem;
color: var(--content--brand);
justify-content: center;
align-items: center;
display: flex;
position: absolute;
}
.home-hero-curor-line {
pointer-events: none;
}
.header-menu-btn {
display: none;
}
.home-hero-img-plus-line {
background-color: var(--content--brand);
position: absolute;
}
.home-hero-img-plus-line.line-vertical {
width: 0.2rem;
height: 100%;
}
.home-hero-img-plus-line.line-horizital {
width: 100%;
height: 0.2rem;
}
.home-problem-pagi {
grid-column-gap: 0.4rem;
padding-top: 2rem;
padding-bottom: 2rem;
padding-left: 1.2rem;
display: none;
position: relative;
}
.home-problem-pagi-item {
background-color: var(--content--border);
width: 2rem;
height: 0.2rem;
transition: background-color 0.4s;
}
.home-problem-pagi-item.active {
background-color: var(--content--primary);
}
.home-why-pagi-item {
background-color: var(--content--border);
width: 2rem;
height: 0.2rem;
transition: background-color 0.4s;
}
.home-why-pagi-item.active {
background-color: var(--content--primary);
}
.home-why-pagi {
grid-column-gap: 0.4rem;
padding-top: 2rem;
padding-bottom: 2rem;
padding-left: 0;
display: none;
position: relative;
}
.home-hero-ruler {
z-index: 3;
justify-content: center;
align-items: center;
display: flex;
position: absolute;
inset: 3.2rem;
}
.home-hero-ruler-inner {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: 1fr 1fr;
grid-template-columns: minmax(1px, 1fr) minmax(1px, 1fr);
grid-auto-columns: minmax(1px, 1fr);
width: 100%;
height: 100%;
display: grid;
position: relative;
}
.home-hero-ruler-item {
opacity: 0;
pointer-events: none;
transition: opacity 0.4s;
position: absolute;
inset: 0;
}
.home-hero-img-deco {
z-index: 2;
pointer-events: auto;
transform-origin: 0 100%;
padding: 1.6rem;
position: absolute;
}
.home-hero-img-deco.item1 {
width: 25.6rem;
padding-top: 4.8rem;
padding-right: 3.2rem;
bottom: 26%;
left: 14%;
}
.home-hero-img-deco.item2 {
z-index: 22;
width: 25.6rem;
padding-top: 4.8rem;
padding-right: 3.2rem;
display: flex;
bottom: 22%;
left: 50%;
}
.home-hero-img-deco-inner {
z-index: 2;
grid-column-gap: 0.4rem;
grid-row-gap: 0.4rem;
opacity: 0;
color: var(--content--white);
isolation: isolate;
flex-flow: column;
margin-top: auto;
transition-property: opacity;
transition-duration: 0.4s;
transition-timing-function: ease;
display: flex;
position: relative;
}
.home-hero-img-deco-ic {
z-index: 2;
background-color: var(--content--white);
opacity: 0;
justify-content: center;
align-items: center;
width: 1.6rem;
height: 1.6rem;
transition: opacity 0.4s;
display: flex;
position: absolute;
top: 0.8rem;
right: 0.8rem;
overflow: hidden;
}
.home-hero-ruler-contain {
background-color: var(--content--brand);
opacity: 0.6;
width: 20rem;
height: 20rem;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.home-hero-img-coordi {
z-index: 4;
position: absolute;
}
.home-hero-img-deco-bg {
background-color: var(--content--brand);
opacity: 0.72;
pointer-events: none;
width: 1.6rem;
height: 1.6rem;
transition: top 0.4s, right 0.4s, height 0.4s, width 0.4s;
position: absolute;
top: 0.8rem;
right: 0.8rem;
}
.embed-none {
display: none;
}
.home-map-main-deco {
height: var(--size--max-screen-height);
pointer-events: none;
position: absolute;
inset: 0;
}
.home-map-content {
flex-flow: column;
flex: none;
width: 55.65rem;
height: 100%;
transition: width 0.4s;
display: flex;
}
.home-map-inner {
height: var(--size--max-screen-height);
display: flex;
position: sticky;
top: 0;
}
.home-map-content-label-wrap {
flex: none;
padding: 1.6rem 3.2rem;
}
.home-map-content-label {
max-width: 13rem;
}
.home-map-content-title-wrap {
flex-flow: column;
flex: 1;
padding: 3.2rem;
display: flex;
position: relative;
}
.home-map-content-ic {
width: 8rem;
margin-bottom: 4rem;
}
.home-map-content-title {
color: var(--content--primary);
margin-top: auto;
margin-bottom: 2.4rem;
}
.home-map-content-sub {
max-width: 43.1rem;
}
.home-map-content-cms {
flex: none;
}
.home-map-content-item {
display: flex;
position: relative;
}
.home-map-content-item-ic {
flex: none;
justify-content: center;
align-items: center;
padding: 1.6rem;
display: flex;
position: relative;
}
.home-map-content-item-ic-inner {
width: 3.2rem;
height: 3.2rem;
}
.home-map-content-item-title {
color: var(--content--primary);
flex: 1;
justify-content: flex-start;
align-items: center;
padding-left: 3.2rem;
padding-right: 3.2rem;
display: flex;
position: relative;
}
.home-map-main-stick-inner {
justify-content: center;
width: 100%;
height: 100%;
padding-top: 2rem;
padding-bottom: 2rem;
display: flex;
position: relative;
}
.home-map-main-img-sub-hover {
z-index: 2;
grid-column-gap: 0px;
grid-row-gap: 0px;
border: var(--size--border) solid var(--content--brand);
opacity: 0;
pointer-events: none;
width: 22rem;
color: var(--content--primary);
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
padding: 1.2rem;
transition: width 0.4s, transform 0.4s, opacity 0.4s;
display: grid;
position: absolute;
}
.home-map-main-img-sub-hover.active {
opacity: 1;
}
.home-map-main-img-sub-hover.hover {
opacity: 1;
pointer-events: auto;
}
.home-map-main-img-sub-hover.bg-global {
overflow: hidden;
}
.home-map-main-img-sub-hover.bg-global.active {
width: 30.4rem;
}
.home-map-main-img-sub-active {
border: var(--size--border) solid var(--content--brand);
padding: 1.2rem;
position: absolute;
}
.home-map-main-img-sub-label {
color: var(--content--brand);
margin-bottom: 0.4rem;
overflow: hidden;
}
.home-map-main-img-sub-title {
color: var(--content--primary);
}
.home-map-main-img-sub-desc {
padding-top: 1.6rem;
}
.home-map-main-img-sub-desc-wrap {
width: 27rem;
color: var(--content--terriary);
display: none;
overflow: hidden;
}
.home-map-main-img-sub-label-wrap {
overflow: hidden;
}
.home-map-intro {
border: var(--size--border) solid var(--content--border);
opacity: 0;
width: 28rem;
transition: opacity 0.4s;
position: absolute;
bottom: 3.2rem;
left: 3.2rem;
}
.home-map-intro.active {
opacity: 1;
box-shadow: 0 0.8rem 0 -0.2rem #000;
}
.home-map-intro-head {
background-color: var(--content--primary);
justify-content: space-between;
align-items: center;
padding: 0.8rem 0.8rem 0.8rem 1.2rem;
display: flex;
position: relative;
}
.home-map-intro-title {
z-index: 2;
color: var(--content--white);
position: relative;
}
.home-map-intro-head-ic {
z-index: 2;
width: 2.1rem;
height: 2.1rem;
position: relative;
}
.home-map-intro-content {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: minmax(1px, 1fr);
grid-auto-columns: minmax(1px, 1fr);
transition: height 0.4s;
display: grid;
overflow: hidden;
}
.home-map-intro-sub {
margin-bottom: 1.6rem;
}
.home-map-intro-scroll {
color: var(--content--disable);
}
.home-map-content-wrap {
flex-flow: column;
flex: none;
width: 0;
height: 100%;
transition: width 0.4s;
display: flex;
overflow: hidden;
}
.home-hero-intro {
z-index: 0;
border: var(--size--border) solid var(--content--border);
pointer-events: none;
width: 23.7rem;
transition: opacity 0.4s;
position: absolute;
bottom: 3.2rem;
left: 3.2rem;
}
.home-hero-intro.hide {
opacity: 0;
}
.home-hero-intro-head {
background-color: var(--content--primary);
justify-content: space-between;
align-items: center;
padding: 0.8rem 0.8rem 0.8rem 1.6rem;
display: flex;
position: relative;
}
.home-hero-intro-title {
z-index: 2;
color: var(--content--white);
position: relative;
}
.home-hero-intro-ic {
z-index: 2;
width: 2.1rem;
position: relative;
}
.home-hero-intro-content {
color: var(--content--disable);
padding: 1.6rem;
}
.home-hero-img-deco-wrap {
z-index: 3;
pointer-events: none;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
position: absolute;
inset: 0;
}
.home-hero-img-deco-main {
width: 100%;
height: 100%;
position: relative;
}
.home-usecase-faq-item-title-inner {
flex: 1;
justify-content: space-between;
align-items: center;
display: flex;
}
.home-usecase-faq-item-tag {
color: var(--content--disable);
padding: 0.2rem 0.4rem;
}
.home-why-main-cms {
position: relative;
overflow: hidden;
}
.product-hero {
height: var(--size--max-screen-height);
padding-top: var(--size--padding-hero);
overflow: hidden;
}
.product-hero-inner {
flex-flow: column;
width: 100%;
height: 100%;
display: flex;
}
.product-hero-logo-cms,
.product-hero-logo-list {
flex: none;
display: flex;
}
.product-hero-logo-item {
filter: saturate(0);
flex: none;
justify-content: center;
align-items: center;
width: 25.95rem;
height: 16rem;
transition-property: filter;
transition-duration: 0.4s;
transition-timing-function: ease;
display: flex;
position: relative;
}
.product-hero-logo-item.swiper-slide {
width: 25.867rem;
}
.product-hero-main {
flex: 1;
}
.product-hero-logo-item-inner {
max-width: 13.4rem;
}
.product-hero-logo-cms-wrap {
width: 100%;
display: flex;
position: relative;
}
.product-hero-content {
flex-flow: column;
margin-right: -1rem;
display: flex;
}
.product-hero-img {
margin-left: -1rem;
position: relative;
overflow: hidden;
}
.product-hero-img-inner {
mix-blend-mode: multiply;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
position: relative;
}
.product-hero-img-inner.product-hero-img-chat {
mix-blend-mode: multiply;
}
.product-hero-title {
max-width: 55.6rem;
color: var(--content--primary);
}
.product-hero-label {
margin-bottom: 1.6rem;
}
.product-hero-sub-wrap {
justify-content: space-between;
margin-top: auto;
margin-bottom: -0.1rem;
display: flex;
position: relative;
}
.product-hero-title-wrap {
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
padding-top: 6.4rem;
padding-bottom: 6.4rem;
padding-left: 3.2rem;
display: flex;
}
.product-hero-sub {
flex: 1;
max-width: 59.9rem;
padding: 1.6rem 3.2rem;
position: relative;
}
.product-hero-btn {
width: 26.01rem;
height: 100%;
color: var(--content--brand);
flex: none;
margin-right: -0.1rem;
padding: 0;
text-decoration: none;
transition: color 0.4s;
overflow: hidden;
}
.product-hero-btn.btn-bg-hover {
text-decoration: none;
}
.product-hero-btn.btn-bg-hover:hover {
color: var(--content--white);
}
.product-key {
position: relative;
}
.product-key-title-wrap {
grid-template-rows: auto;
grid-template-columns: 8rem 1fr 8rem;
grid-auto-columns: 1fr;
display: grid;
position: relative;
}
.product-key-title {
max-width: 56rem;
color: var(--content--primary);
text-align: center;
margin-left: auto;
margin-right: auto;
}
.product-key-label {
text-align: center;
margin-bottom: 1.6rem;
}
.product-key-title-inner {
flex-flow: column;
justify-content: flex-start;
align-items: center;
padding-top: 16rem;
padding-bottom: 6.4rem;
display: flex;
position: relative;
}
.product-key-title-block {
position: relative;
}
.product-key-tab-wrap {
z-index: 1000;
grid-template-rows: auto;
grid-template-columns: 8rem 1fr 8rem;
grid-auto-columns: 1fr;
transition: top 0.4s;
display: grid;
position: sticky;
top: 0;
}
.product-key-tab-block,
.product-key-tab-cms-wrap {
position: relative;
}
.product-key-tab-list {
width: max-content;
min-width: 100%;
display: flex;
position: relative;
}
.product-key-tab-item {
cursor: pointer;
flex-flow: column;
flex: 1;
justify-content: space-between;
min-height: 9.6rem;
padding: 1.6rem;
transition: background-color 0.4s;
display: flex;
position: relative;
}
.product-key-tab-item:hover {
color: var(--content--brand);
}
.product-key-tab-item-label {
transition: color 0.4s;
}
.product-key-tab-item-title {
color: var(--content--primary);
transition: color 0.4s;
}
.product-key-main {
grid-template-rows: auto;
grid-template-columns: 8rem auto 50%;
grid-auto-columns: 1fr;
display: grid;
}
.product-key-main.grid {
contain: paint;
position: relative;
}
.product-key-main-left {
height: 100%;
padding-left: 1.8rem;
position: relative;
}
.product-key-main-number {
color: var(--content--primary);
}
.product-key-main-label {
color: var(--content--disable);
margin-bottom: 0.8rem;
}
.product-key-main-title-wrap {
z-index: 2;
padding-left: 6.2rem;
position: relative;
}
.product-key-main-title-inner {
max-width: 53.8rem;
min-height: calc(var(--size--max-screen-height) - 9.6rem);
flex-flow: column;
justify-content: center;
align-items: flex-start;
display: flex;
position: relative;
}
.product-key-main-title {
max-width: 44rem;
color: var(--content--disable);
margin-bottom: 1.6rem;
transition: color 0.4s;
}
.product-key-main-sub {
color: var(--content--disable);
transition: color 0.4s;
}
.product-key-main-img-wrap {
padding-left: 1.2rem;
padding-right: 7.9rem;
position: relative;
}
.product-key-main-left-inner {
grid-column-gap: 0px;
grid-row-gap: 0px;
min-height: calc(var(--size--max-screen-height) - 9.6rem);
grid-template-rows: auto;
grid-template-columns: minmax(1px, 1fr);
grid-auto-columns: minmax(1px, 1fr);
display: grid;
position: sticky;
top: 9.6rem;
}
.product-key-main-left-main {
clip-path: inset(0 0 100%);
flex-flow: column;
grid-area: 1/1/2/2;
justify-content: center;
align-items: flex-start;
display: flex;
}
.product-key-main-left-main.active {
opacity: 1;
pointer-events: auto;
}
.product-key-main-img-inner {
grid-column-gap: 0px;
grid-row-gap: 0px;
min-height: calc(var(--size--max-screen-height) - 9.6rem);
grid-template-rows: auto;
grid-template-columns: minmax(1px, 1fr);
grid-auto-columns: minmax(1px, 1fr);
display: grid;
position: sticky;
top: 9.6rem;
}
.product-key-main-img-main {
mix-blend-mode: multiply;
clip-path: inset(0 0 var(--product-clip) 0);
grid-area: 1/1/2/2;
justify-content: center;
align-items: center;
display: flex;
position: relative;
}
.product-how {
contain: paint;
height: 200dvh;
position: relative;
}
.product-how-inner {
width: 100%;
height: var(--size--max-screen-height);
flex-flow: column;
display: flex;
}
.product-how-inner.bg-global {
position: sticky;
top: 0;
}
.product-how-head.grid {
flex: none;
position: relative;
}
.product-how-title-wrap {
flex-flow: column;
justify-content: center;
align-items: flex-start;
margin-right: -1rem;
padding: 2.82436dvh 3.2rem;
display: flex;
}
.product-how-label {
margin-bottom: 1.41218dvh;
}
.product-how-title {
color: var(--content--primary);
}
.product-how-sub-wrap {
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
margin-left: -1rem;
padding: 2.82436dvh 3.2rem;
display: flex;
position: relative;
}
.product-how-sub {
margin-bottom: 2.47132dvh;
}
.product-how-scroll {
color: var(--content--disable);
}
.product-how-img {
flex: 1;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
position: relative;
}
.product-how-content {
display: flex;
position: relative;
}
.product-how-item {
flex-flow: column;
flex: 1;
min-height: max(27.5375dvh, 19.2rem);
display: flex;
position: relative;
}
.product-how-item-head {
flex: none;
justify-content: space-between;
padding: 1.6rem 3.2rem;
display: flex;
position: relative;
}
.product-how-item-label {
grid-column-gap: 1.2rem;
color: var(--content--primary);
flex: 1;
justify-content: space-between;
transition: color 0.4s;
display: flex;
}
.product-how-item-ic-wrap {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: minmax(1px, 1fr);
grid-auto-columns: minmax(1px, 1fr);
display: none;
}
.product-how-item-ic {
opacity: 0;
pointer-events: none;
grid-area: 1/1/2/2;
width: 1.6rem;
transition-property: opacity;
transition-duration: 0.4s;
transition-timing-function: ease;
display: flex;
}
.product-how-item-ic.active {
opacity: 1;
pointer-events: auto;
}
.product-how-item-content {
flex-flow: column;
flex: 1;
justify-content: space-between;
align-items: flex-start;
padding: 3.2rem;
display: flex;
}
.product-how-item-title {
color: var(--content--primary);
margin-bottom: 1.2rem;
}
.product-how-item-sub {
max-width: 87.3%;
}
.product-faq {
position: relative;
}
.product-faq-title-wrap {
min-height: 60rem;
margin-right: -1rem;
padding: 3.2rem 3.2rem 3.2rem 6.4rem;
position: relative;
}
.product-faq-title-wrap.bg-global.pricing-faq-title {
width: calc(100% - 1.3rem);
margin-right: 0;
padding-left: 3.2rem;
padding-right: 3.2rem;
}
.product-faq-title-wrap.bg-global.item-product {
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
margin-right: -1.2rem;
padding-left: 3.2rem;
display: flex;
}
.product-faq-label {
z-index: 2;
margin-bottom: 1.6rem;
position: relative;
}
.product-faq-title {
z-index: 2;
max-width: 50rem;
color: var(--content--primary);
position: relative;
}
.product-faq-main {
margin-left: -1rem;
position: relative;
}
.product-faq-main.pricing-faq-main {
margin-left: -3.7rem;
}
.product-faq-main.item-product {
margin-left: -0.8rem;
}
.product-faq-cms {
width: 100%;
height: 100%;
}
.product-faq-list {
flex-flow: column;
height: 100%;
display: flex;
}
.product-faq-item {
cursor: pointer;
padding: 2.4rem 3.2rem;
transition: all 0.4s;
position: relative;
}
.product-faq-item.active {
flex: 1;
}
.product-faq-item-head {
grid-column-gap: 3.2rem;
display: flex;
}
.product-faq-item-title-wrap {
grid-column-gap: 1rem;
flex: 1;
display: flex;
}
.product-faq-item-title {
color: var(--content--primary);
text-transform: uppercase;
flex: 1;
}
.product-faq-item-tag {
border: var(--size--border) solid var(--content--border);
color: var(--content--disable);
flex: none;
padding: 0.2rem 0.4rem;
display: none;
}
.product-faq-item-ic {
width: 2rem;
color: var(--content--border);
align-self: flex-start;
margin-top: 0.1rem;
transition: color 0.4s;
display: flex;
}
.product-faq-item-sub {
padding-top: 0.8rem;
padding-right: 6.6rem;
display: none;
}
.product-key-main-label-mob {
color: var(--content--disable);
display: none;
}
.product-key-main-title-line {
background-image: url(https://cdn.prod.website-files.com/6a4b5161f0d11f1602cc3bbf/6a4b5161f0d11f1602cc3bf9_bg-range.png);
background-position: 0 0;
background-size: 0.8rem;
width: 0.8rem;
position: absolute;
top: 0;
bottom: 0;
right: -0.5rem;
}
.product-key-main-img-mob {
display: none;
}
.home-map-intro-content-item {
opacity: 0;
pointer-events: none;
grid-area: 1/1/2/2;
padding: 1.2rem;
transition-property: opacity;
transition-duration: 0.4s;
transition-timing-function: ease;
}
.home-map-intro-content-item.active {
opacity: 1;
pointer-events: auto;
}
.pricing-hero-head.pricing-hero-grid {
position: relative;
}
.pricing-hero-grid {
grid-column-gap: 0px;
grid-row-gap: 0px;
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: minmax(1px, 1fr);
display: grid;
}
.pricing-hero-block {
padding-top: 20rem;
position: relative;
}
.pricing-hero-title-wrap {
padding-top: 8rem;
padding-bottom: 6.4rem;
position: relative;
}
.pricing-hero-title {
max-width: 62rem;
color: var(--content--primary);
text-align: center;
margin-bottom: 1.6rem;
margin-left: auto;
margin-right: auto;
}
.pricing-hero-label {
text-align: center;
}
.pricing-hero-tab-wrap.pricing-hero-grid {
position: relative;
}
.pricing-hero-tab {
display: flex;
position: relative;
}
.pricing-hero-tab-block {
position: relative;
}
.pricing-hero-tab-item {
grid-column-gap: 0.4rem;
grid-row-gap: 0.4rem;
cursor: pointer;
flex: 1;
justify-content: center;
align-items: center;
padding: 1.6rem;
transition: background-color 0.4s, color 0.4s;
display: flex;
position: relative;
overflow: hidden;
}
.pricing-hero-tab-item:hover {
color: var(--content--primary);
background-color: #0000000a;
}
.pricing-hero-tab-item.active {
background-color: var(--content--primary);
color: var(--content--white);
}
.pricing-hero-tab-item-ic {
width: 2rem;
}
.pricing-hero-main {
padding-bottom: calc(6.1rem * 4 - var(--size--border));
margin-top: calc(var(--size--border) * -1);
position: relative;
}
.pricing-hero-package-item {
flex-flow: column;
display: flex;
position: relative;
overflow: hidden;
grid-area: unset !important;
}
.pricing-hero-package.pricing-hero-grid {
position: relative;
}
.pricing-hero-package-item-head {
padding: 3.2rem 6.4rem 1.6rem 3.2rem;
position: relative;
}
.pricing-hero-package-item-type {
color: var(--content--primary);
margin-bottom: 0.8rem;
}
.pricing-hero-package-item-main {
flex-flow: column;
flex: 1;
padding: 2.4rem 3.2rem;
display: flex;
}
.pricing-hero-package-item-title {
grid-column-gap: 0.6rem;
color: var(--content--primary);
justify-content: flex-start;
align-self: flex-start;
align-items: flex-end;
transition: color 0.4s;
display: flex;
position: relative;
}
.pricing-hero-package-item-sub {
color: var(--content--primary);
}
.pricing-hero-package-item-sub-wrap {
grid-column-gap: 0.8rem;
justify-content: flex-start;
align-items: center;
margin-bottom: 3.2rem;
display: none;
position: relative;
}
.pricing-hero-package-item-ic {
width: 1.6rem;
color: var(--content--disable);
justify-content: center;
align-items: center;
transition: color 0.4s;
display: flex;
position: relative;
}
.pricing-hero-package-item-ic:hover {
color: var(--content--primary);
}
.pricing-hero-package-item-info {
z-index: 2;
grid-row-gap: 1.2rem;
background-color: var(--content--primary);
opacity: 0;
pointer-events: none;
width: 24.7rem;
color: var(--content--white);
flex-flow: column;
justify-content: center;
align-items: center;
padding: 1.2rem;
transition-property: opacity;
transition-duration: 0.4s;
transition-timing-function: ease;
display: flex;
position: absolute;
bottom: calc(100% + 0.9rem);
}
.pricing-hero-package-item-unit {
color: var(--content--terriary);
width: max-content;
position: absolute;
top: 0;
left: calc(100% + 0.6rem);
}
.pricing-hero-table {
margin-bottom: calc(6.1rem * 4 * -1 + var(--size--border));
}
.pricing-hero-table.only-mob {
display: none;
}
.pricing-hero-table-row.pricing-hero-grid {
position: relative;
}
.pricing-hero-table-col {
justify-content: flex-start;
align-items: center;
padding-left: 3.2rem;
padding-right: 3.2rem;
display: flex;
position: relative;
overflow: hidden;
}
.pricing-hero-table-col.empty {
background-color: var(--content--border);
}
.pricing-hero-table-col-title {
color: var(--content--primary);
}
.pricing-hero-table-col-check {
background-color: var(--content--terriary);
width: 2rem;
height: 2rem;
padding: 0.3rem;
}
.pricing-hero-package-wrap {
z-index: 4;
position: sticky;
top: 0;
}
.pricing-hero-package-wrap.bg-global {
transition: top 0.4s;
}
.pricing-hero-pagi {
grid-column-gap: 0.4rem;
padding-top: 2rem;
padding-bottom: 2rem;
padding-left: 1.2rem;
display: none;
position: relative;
}
.pricing-hero-pagi-item {
background-color: var(--content--border);
width: 2rem;
height: 0.2rem;
transition: background-color 0.4s;
}
.pricing-hero-pagi-item.active {
background-color: var(--content--primary);
}
.pricing-hero-table-wrap {
display: block;
}
.pricing-hero-table-head.bg-global {
display: none;
}
.contact-hero {
padding-top: var(--size--padding-hero);
position: relative;
}
.contact-hero-head.grid {
position: relative;
}
.contact-hero-title-wrap {
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
margin-right: -1rem;
padding: 2.4rem 3.2rem;
display: flex;
position: relative;
}
.contact-hero-title {
color: var(--content--primary);
margin-bottom: 2rem;
}
.contact-hero-info {
margin-left: -1rem;
display: flex;
position: relative;
}
.contact-hero-info-item {
flex-flow: column;
flex: 1;
justify-content: space-between;
padding: 3.2rem;
display: flex;
position: relative;
}
.contact-hero-info-item.item-last {
flex: none;
width: 33.1rem;
}
.contact-hero-info-item-label {
color: var(--content--disable);
}
.contact-hero-info-item-title {
max-width: 17rem;
color: var(--content--primary);
align-self: flex-start;
text-decoration: none;
transition: color 0.4s;
}
.contact-hero-info-item-title:hover {
color: var(--content--brand);
}
.contact-hero-image-wrap {
justify-content: center;
align-items: center;
margin-left: -1rem;
display: flex;
position: relative;
overflow: hidden;
}
.contact-hero-image-wrap.bg-global {
-webkit-user-select: none;
user-select: none;
}
.contact-hero-form-wrap {
margin-right: -1rem;
position: relative;
}
.contact-hero-form-title {
color: var(--content--primary);
padding: 2.4rem 3.2rem;
position: relative;
}
.contact-hero-form {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: minmax(1px, 1fr);
grid-auto-columns: minmax(1px, 1fr);
margin-bottom: 0;
display: grid;
}
.contact-hero-form-inner {
flex-flow: wrap;
grid-area: 1/1/2/2;
transition-property: opacity;
transition-duration: 0.4s;
transition-timing-function: ease;
display: flex !important;
}
.contact-hero-form-inner.hidden {
opacity: 0;
pointer-events: none;
}
.contact-hero-form-input-group {
justify-content: flex-start;
align-items: center;
width: 100%;
display: flex;
position: relative;
overflow: hidden;
}
.contact-hero-form-input-group.item-50 {
width: 50%;
}
.contact-hero-form-label {
pointer-events: none;
color: var(--content--disable);
transform-origin: 0 0;
transition-property: color, top, transform;
transition-duration: 0.4s, 0.4s, 0.4s;
transition-timing-function: ease, ease, ease;
position: absolute;
top: 50%;
left: 3.2rem;
transform: translateY(-50%);
}
.contact-hero-form-label.input-area-label {
top: 3rem;
transform: translate(0);
}
.contact-hero-form-label.item-transition {
transition: transform 0.2s, top 0.4s, color 0.4s;
}
.contact-hero-form-input {
background-color: #0000;
border: 0 solid #000;
width: 100%;
height: 9rem;
margin-bottom: 0;
padding: 3.8rem 3.2rem 2.2rem;
font-size: 2.2rem;
line-height: 1.1em;
}
.contact-hero-form-input.input-area {
resize: vertical;
height: 10.3rem;
margin-top: 3.8rem;
margin-bottom: 2.4rem;
margin-right: 3.2rem;
padding-top: 0;
padding-bottom: 0;
padding-right: 0;
}
.contact-hero-form-input-submit {
pointer-events: auto;
text-align: left;
background-color: #0000;
width: 100%;
height: 10.4rem;
font-family: BT Grotesk, Arial, sans-serif;
}
.contact-hero-form-input-submit.btn-bg-hover {
color: var(--content--brand);
cursor: pointer;
background-color: #0000;
transition: color 0.4s;
}
.contact-hero-form-input-submit.btn-bg-hover:hover {
color: var(--content--white);
}
.contact-hero-form-input-submit.btn-bg-hover.disable {
pointer-events: none;
color: var(--content--disable);
}
.contact-hero-form-input-submit.disable {
pointer-events: none;
}
.contact-hero-image-inner {
grid-column-gap: 0px;
grid-row-gap: 0px;
height: 100%;
width: calc(100% - var(--size--border));
grid-template-rows: auto;
grid-template-columns: minmax(1px, 1fr);
grid-auto-columns: minmax(1px, 1fr);
display: grid;
position: relative;
}
.contact-hero-image-inner.bg-global {
mix-blend-mode: multiply;
}
.contact-hero-image-item {
opacity: 0;
mix-blend-mode: multiply;
grid-area: 1/1/2/2;
transition-property: opacity, transform;
transition-duration: 0.4s, 0.4s;
transition-timing-function: ease, ease;
transform: scale(0.8);
}
.contact-hero-image-item.active {
opacity: 1;
transform: scale(1);
}
.contact-hero-form-error {
background-color: var(--content--brand);
opacity: 0;
pointer-events: none;
color: var(--content--white);
padding: 0.8rem 1.2rem;
transition: opacity 0.4s;
position: absolute;
bottom: 0;
right: 0;
}
.about-hero {
padding-top: var(--size--padding-hero);
position: relative;
}
.about-hero-inner {
grid-column-gap: 0px;
grid-row-gap: 0px;
will-change: height;
flex: 1;
grid-template-rows: auto;
grid-template-columns: minmax(1px, 1fr);
grid-auto-columns: minmax(1px, 1fr);
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
position: relative;
overflow: hidden;
}
.about-hero-item {
opacity: 0;
max-height: calc(
var(--size--max-screen-height) - var(--size--padding-hero) - 31.11vh
);
grid-area: 1/1/2/2;
justify-content: center;
align-items: center;
display: flex;
position: relative;
}
.about-hero-item.active {
opacity: 1;
max-height: calc(
var(--size--max-screen-height) - var(--size--padding-hero) - 31.11vh
);
}
.about-hero-item.item-1 {
z-index: 2;
}
.about-intro-wrap {
flex: none;
transition: opacity 0.2s;
overflow: hidden;
}
.about-intro {
flex: none;
position: relative;
}
.about-intro-left {
position: relative;
}
.about-intro-title-wrap {
flex-flow: column;
justify-content: center;
margin-left: -2rem;
margin-right: -2rem;
padding-top: 8rem;
padding-bottom: 6.2rem;
display: flex;
position: relative;
}
.about-intro-title {
max-width: 74.5rem;
color: var(--content--primary);
text-align: center;
margin-bottom: 2.4rem;
margin-left: auto;
margin-right: auto;
}
.about-intro-label {
text-align: center;
max-width: 55.8rem;
margin-left: auto;
margin-right: auto;
}
.about-intro-right {
position: relative;
}
.about-intro-right-label {
height: var(--size--border);
justify-content: flex-end;
align-items: flex-start;
padding-right: 0.8rem;
display: flex;
position: absolute;
top: 50%;
left: 0;
right: 0;
transform: translateY(-50%);
}
.about-intro-right-label-inner {
position: absolute;
bottom: calc(100% + 0.8rem);
}
.about-intro-left-label {
height: var(--size--border);
justify-content: flex-start;
align-items: flex-start;
padding-left: 0.8rem;
display: flex;
position: absolute;
top: 50%;
left: 0;
right: 0;
transform: translateY(-50%);
}
.about-intro-left-label-inner {
position: absolute;
bottom: calc(100% + 0.8rem);
}
.about-story {
position: relative;
}
.about-story-img {
mix-blend-mode: multiply;
width: 100%;
height: 100%;
}
.about-story-img-wrap.bg-global {
margin-right: -1rem;
position: relative;
overflow: hidden;
}
.about-story-main {
flex-flow: column;
margin-left: -1rem;
display: flex;
position: relative;
}
.about-story-title-wrap {
padding: 3.2rem 15.2rem 10rem;
}
.about-story-title {
color: var(--content--primary);
}
.about-story-label {
margin-bottom: 1.5rem;
}
.about-story-sub-wrap {
grid-row-gap: 3.2rem;
flex-flow: column;
margin-top: auto;
padding-bottom: 3.2rem;
padding-left: 15.2rem;
display: flex;
position: relative;
}
.about-story-sub-item {
max-width: 56.5rem;
position: relative;
}
.about-story-sub-item.item1 {
color: var(--content--primary);
}
.about-story-mission {
margin-left: -1rem;
position: relative;
}
.about-story-mission-title {
color: var(--content--primary);
padding: 3.2rem 3.2rem 3.2rem 15.2rem;
}
.about-story-mission-item {
padding-left: 15.2rem;
padding-right: 14.5rem;
display: flex;
position: relative;
}
.about-story-mission-item-ic {
flex: none;
justify-content: center;
align-items: center;
width: 7.2rem;
height: 7.2rem;
padding: 2rem;
display: flex;
position: relative;
}
.about-story-mission-item-title {
color: var(
--content--secon\
);
flex: 1;
justify-content: flex-start;
align-items: center;
display: flex;
position: relative;
}
.about-team {
position: relative;
}
.about-team-title-wrap {
padding-top: 16rem;
padding-bottom: 6.4rem;
padding-left: 3.2rem;
}
.about-team-head.grid {
position: relative;
}
.about-team-label {
margin-bottom: 1.6rem;
}
.about-team-title {
max-width: 64.8rem;
color: var(--content--primary);
}
.about-team-sub-wrap {
justify-content: flex-start;
align-items: flex-end;
margin-left: -1rem;
padding-bottom: 6.4rem;
padding-left: 12.6rem;
display: flex;
}
.about-team-main {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: minmax(1px, 1fr);
}
.about-team-item-img-wrap {
cursor: pointer;
background-color: #0000;
padding: 4rem 3.4rem;
position: relative;
overflow: hidden;
}
.about-team-item-img {
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;
}
.about-team-item-img-item {
aspect-ratio: 503/585;
mix-blend-mode: multiply;
grid-area: 1/1/2/2;
position: relative;
}
.about-team-item-img-item.item2 {
mix-blend-mode: normal;
}
.about-team-item-img-item-block {
mix-blend-mode: multiply;
background-color: #f15534;
position: absolute;
inset: 0;
}
.about-team-item {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
position: relative;
}
.about-team-item-plus {
z-index: 2;
pointer-events: none;
transition: transform 0.4s;
position: absolute;
inset: 0;
}
.about-team-item-plus-item {
width: 1.2rem;
color: var(--content--white);
position: absolute;
}
.about-team-item-plus-item.left {
left: 1.6rem;
}
.about-team-item-plus-item.top {
top: 1.6rem;
}
.about-team-item-plus-item.right {
right: 1.6rem;
}
.about-team-item-plus-item.bot {
bottom: 1.6rem;
}
.about-team-item-info {
display: flex;
position: relative;
}
.about-team-item-info-title-wrap {
flex-flow: column;
flex: 1;
justify-content: flex-start;
align-items: center;
padding-top: 2.2rem;
padding-bottom: 2.2rem;
display: flex;
}
.about-team-item-info-title {
color: var(--content--primary);
cursor: pointer;
margin-bottom: 0.8rem;
transition: color 0.4s;
}
.about-team-item-info-title.title-top {
color: var(--content--white);
align-self: center;
}
.about-team-item-info-sub {
transition: color 0.4s;
}
.about-team-item-info-sub.title-top {
color: var(--content--disable);
}
.about-team-item-info-ic {
width: 9.6rem;
color: var(--content--primary);
flex: none;
justify-content: center;
align-items: center;
padding-left: 3.6rem;
padding-right: 3.6rem;
transition: background-color 0.4s, color 0.4s;
display: flex;
position: relative;
}
.about-team-item-info-ic:hover {
background-color: var(--content--brand);
}
.about-team-item-info-ic.ic-top {
color: var(--content--white);
}
.about-team-item-info-ic.ic-top:hover {
background-color: var(--content--brand);
}
.about-team-popup {
z-index: 10000000;
opacity: 0;
pointer-events: none;
background-color: #282828e6;
transition: opacity 0.4s;
position: fixed;
inset: 0;
overflow: hidden;
}
.about-team-popup.active {
opacity: 1;
pointer-events: auto;
}
.about-team-popup-content {
width: 58.5rem;
height: 100%;
margin-left: auto;
}
.about-team-popup-content.bg-global {
padding-bottom: 0.8rem;
padding-left: 0.8rem;
padding-right: 0.8rem;
transition: transform 0.4s;
position: relative;
overflow: auto;
transform: translate(100%);
}
.about-team-popup-deco {
pointer-events: none;
position: absolute;
inset: 0;
}
.about-team-popup-deco-inner {
width: 100%;
height: 100%;
position: relative;
}
.about-team-popup-head {
z-index: 3;
padding-top: 0.8rem;
position: sticky;
top: 0;
}
.about-team-popup-label {
flex: 1;
justify-content: flex-start;
align-items: center;
padding-left: 3.2rem;
display: flex;
}
.about-team-popup-linkin {
width: 6.4rem;
height: 6.4rem;
color: var(--content--surface);
flex: none;
justify-content: center;
align-items: center;
padding-left: 2rem;
padding-right: 2rem;
transition: color 0.4s;
display: flex;
position: relative;
}
.about-team-popup-linkin:hover {
color: var(--content--primary);
}
.about-team-popup-close {
width: 6.4rem;
height: 6.4rem;
color: var(--content--border);
justify-content: center;
align-items: center;
padding-left: 2rem;
padding-right: 2rem;
transition: color 0.4s;
display: flex;
position: relative;
}
.about-team-popup-close:hover {
color: var(--content--primary);
}
.about-team-popup-label-txt {
max-width: 21rem;
}
.about-team-popup-img {
padding: 3.2rem;
}
.about-team-popup-title-wrap {
padding: 1.6rem 3.2rem;
position: relative;
}
.about-team-popup-title {
color: var(--content--primary);
margin-bottom: 0.8rem;
}
.about-team-popup-desc {
padding: 3.2rem;
}
.about-team-popup-desc-txt p {
margin-bottom: 2.4rem;
}
.about-team-popup-content-inner {
min-height: 100%;
position: relative;
}
.about-team-item-desc {
display: none;
}
.about-inves-img {
min-height: 36rem;
margin-right: -1.3rem;
overflow: hidden;
}
.about-inves-content {
margin-left: -0.8rem;
padding: 3.2rem 3.2rem 3.2rem 15.1rem;
position: relative;
}
.about-inves-content-inner {
flex-flow: column;
justify-content: center;
width: 100%;
max-width: 52.3rem;
height: 100%;
display: flex;
}
.about-inves-head.grid {
position: relative;
}
.about-inves-label {
margin-bottom: 1.6rem;
}
.about-inves-title {
color: var(--content--primary);
}
.about-inves-logo-label {
color: var(--content--primary);
margin-left: -1px;
padding-top: 1.6rem;
padding-bottom: 1.6rem;
position: relative;
}
.about-inves-logo {
overflow: hidden;
}
.about-inves-logo-cms {
flex-flow: row;
display: flex;
}
.about-inves-logo-list {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
flex: none;
padding-right: 1rem;
display: flex;
}
.about-inves-logo-item {
filter: saturate(0);
flex: none;
justify-content: center;
align-items: center;
width: 17.1rem;
height: 11.4rem;
transition-property: filter;
transition-duration: 0.4s;
transition-timing-function: ease;
display: flex;
position: relative;
}
.about-inves-logo-item-img {
width: 11.2rem;
}
.about-inves-logo-inner,
.about-job {
position: relative;
}
.about-job-head {
flex-flow: column;
justify-content: flex-end;
height: 52rem;
margin-right: -1.3rem;
padding: 3.2rem;
display: flex;
}
.about-job-label {
margin-bottom: 1.6rem;
}
.about-job-title {
width: 100%;
max-width: 43.3rem;
color: var(--content--primary);
margin-bottom: 2.4rem;
}
.about-job-sub {
max-width: 41rem;
}
.about-job-main {
flex-flow: column;
margin-left: -0.7rem;
display: flex;
position: relative;
}
.about-job-control {
display: flex;
position: relative;
}
.about-job-pagi {
flex: 1;
height: 100%;
}
.about-job-navi {
flex: none;
display: flex;
}
.about-job-navi-item {
width: 4.8rem;
height: 4.8rem;
color: var(--content--primary);
cursor: pointer;
justify-content: center;
align-items: center;
padding: 1.6rem;
transition: color 0.4s;
display: flex;
position: relative;
}
.about-job-navi-item:hover {
color: var(--content--primary);
}
.about-job-navi-item.swiper-button-disabled {
color: var(--content--border);
}
.about-job-cms {
flex: 1;
overflow: hidden;
}
.about-job-list {
height: 100%;
display: flex;
}
.about-job-item {
flex-flow: column;
flex: none;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: minmax(1px, 1fr);
justify-content: flex-end;
width: 38rem;
height: 100%;
display: flex;
position: relative;
}
.about-job-item-title {
width: 100%;
max-width: 37.3rem;
color: var(--content--primary);
padding: 2.4rem 1.2rem 2.4rem 3.2rem;
}
.about-job-item-info-wrap {
margin-bottom: -10.3rem;
transition: margin-bottom 0.4s;
display: flex;
position: relative;
overflow: hidden;
}
.about-job-item-info {
flex: 1;
}
.about-job-item-info-item {
grid-column-gap: 0.6rem;
grid-row-gap: 0.6rem;
color: var(--content--primary);
padding: 1.6rem 3.2rem;
display: flex;
position: relative;
}
.about-job-item-link {
color: var(--content--brand);
flex: 1;
text-decoration: none;
}
.about-job-item-link.btn-bg-hover {
padding: 1.2rem 1rem 0.4rem 1.2rem;
}
.about-job-item-link.btn-bg-hover:hover {
color: var(--content--white);
}
.about-job-empty {
background-color: #0000;
flex-flow: column;
justify-content: flex-end;
height: 100%;
padding: 0;
display: flex;
}
.about-job-empty-title {
color: var(--content--primary);
padding: 3.2rem;
}
.about-job-empty-info {
display: flex;
position: relative;
}
.about-job-empty-sub {
flex: 1;
padding-top: 1.2rem;
padding-bottom: 1.2rem;
padding-left: 3.2rem;
}
.about-job-empty-link {
width: 17.1rem;
}
.about-job-empty-link.btn-bg-hover {
min-height: 10rem;
color: var(--content--brand);
padding: 1.2rem 0.4rem 0.4rem 1.2rem;
text-decoration: none;
}
.about-job-empty-link.btn-bg-hover:hover {
color: var(--content--white);
}
.about-job-empty-sub-txt {
max-width: 53.5rem;
}
.home-intro-btn-inner-txt {
position: relative;
}
.about-job-item-inner {
z-index: 2;
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
width: 100%;
display: block;
position: relative;
grid-template-rows: min-content 0fr !important;
}
.about-job-pagi-line {
grid-column-gap: 0.4rem;
padding-top: 2rem;
padding-bottom: 2rem;
padding-left: 1.2rem;
display: none;
position: relative;
}
.about-job-pagi-line-item {
background-color: var(--content--border);
width: 2rem;
height: 0.2rem;
transition: background-color 0.4s;
}
.about-job-pagi-line-item.active {
background-color: var(--content--primary);
}
.schedule-hero {
padding-top: var(--size--padding-hero);
}
.schedule-hero-title-wrap {
flex-flow: column;
margin-right: -1rem;
display: flex;
}
.schedule-hero-title {
min-height: 18rem;
color: var(--content--primary);
justify-content: flex-start;
align-items: center;
padding: 3.2rem;
display: flex;
position: relative;
}
.schedule-hero-main.grid {
flex: 1;
}
.schedule-hero-inner {
min-height: calc(var(--size--max-screen-height) - 4.4rem - 1rem * 2);
flex-flow: column;
display: flex;
position: relative;
}
.schedule-hero-termly {
margin-left: -1rem;
position: relative;
}
.schedule-hero-sub-wrap {
margin-bottom: 4rem;
}
.schedule-hero-sub {
color: var(--content--primary);
padding: 3.2rem 3.2rem 1.6rem;
}
.schedule-hero-desc {
grid-column-gap: 1rem;
padding-top: 0.8rem;
padding-bottom: 0.8rem;
padding-left: 3.2rem;
display: flex;
}
.schedule-hero-desc-ic {
width: 1.6rem;
display: flex;
}
.schedule-hero-deco {
flex: none;
}
.schedule-hero-deco.grid {
position: relative;
}
.about-hero-stick {
height: var(--size--max-screen-height);
flex-flow: column;
display: flex;
position: sticky;
top: 0;
}
.div-block-2 {
height: auto;
}
.about-hero-block {
flex: none;
height: 0;
transition: height 0.4s;
}
.about-hero-block.active {
height: 6.4rem;
}
.about-hero-main {
height: calc(var(--size--max-screen-height) - var(--size--padding-hero));
flex-flow: column;
flex: 1;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: minmax(1px, 1fr);
transition-property: top;
transition-duration: 0.4s;
transition-timing-function: ease;
display: flex;
position: sticky;
top: 0;
}
.meetings-iframe-container {
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
padding: calc(3.2rem - 16px) 3.2rem 3.2rem;
display: flex;
}
.schedule-hero-email {
flex-flow: column;
justify-content: space-between;
min-height: 16.2016vh;
margin-top: auto;
margin-right: -1rem;
padding: 2.88029vh;
display: flex;
position: relative;
}
.schedule-hero-deco-main {
justify-content: space-between;
margin-left: -1rem;
padding: 0.8rem;
display: flex;
position: relative;
}
.schedule-hero-deco-txt {
color: var(--content--disable);
}
.schedule-hero-email-title {
color: var(--content--terriary);
align-self: flex-end;
text-decoration: none;
}
.schedule-hero-email-title.hover-un {
align-self: flex-start;
transition: color 0.4s;
}
.schedule-hero-email-title.hover-un:hover {
color: var(--content--brand);
}
.home-intro-btn-txt {
position: relative;
}
.pricing-hero-package-item-title-wrap {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-auto-columns: minmax(1px, 1fr);
display: grid;
grid-template-columns: min-content 0fr !important;
}
.pricing-hero-package-item-title-wrap.active {
align-self: flex-start;
}
.pricing-hero-package-item-title-year {
color: var(--content--primary);
justify-content: flex-start;
align-items: center;
display: flex;
overflow: hidden;
}
.pricing-hero-package-item-title-ic {
width: 1.6rem;
margin-left: 0.8rem;
margin-right: 0.8rem;
}
.policy-hero {
padding-top: var(--size--padding-hero);
}
.policy-hero-head.grid,
.policy-hero-img {
position: relative;
}
.policy-hero-title-wrap {
margin-left: -2rem;
position: relative;
}
.policy-hero-breakscrum {
display: flex;
position: relative;
}
.policy-hero-breakscrum-link {
grid-column-gap: 1rem;
flex: none;
width: 56.1rem;
padding: 1.6rem 2rem;
display: flex;
position: relative;
}
.policy-hero-breakscrum-link-item {
color: var(--content--primary);
text-decoration: none;
}
.policy-hero-breakscrum-link-item.item-current,
.policy-hero-breakscrum-link-space {
color: var(--content--disable);
}
.policy-hero-breakscrum-date {
padding: 1.6rem 2rem;
position: relative;
}
.txt-primary {
color: var(--content--primary);
}
.policy-hero-title {
min-height: 26.8rem;
color: var(--content--primary);
justify-content: flex-start;
align-items: center;
padding: 2.4rem 3.2rem;
display: flex;
}
.policy-hero-main.grid,
.policy-hero-table {
position: relative;
}
.policy-hero-table-head {
justify-content: space-between;
align-items: center;
padding: 2.4rem;
display: flex;
position: relative;
}
.policy-hero-table-title {
color: var(--content--primary);
}
.policy-hero-table-item {
cursor: pointer;
justify-content: flex-start;
align-items: center;
padding: 2rem 5rem 2rem 2.4rem;
transition: color 0.4s;
display: flex;
position: relative;
}
.policy-hero-table-item:hover {
color: var(--content--primary);
}
.policy-hero-table-item.active {
color: var(--content--primary);
transition: color 0.4s;
}
.policy-hero-table-item-txt-draf {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
display: flex;
}
.policy-hero-table-item-ic {
background-color: var(--content--primary);
opacity: 0;
width: 0.6rem;
height: 0.6rem;
transition: transform 0.4s, opacity 0.4s;
position: absolute;
right: 3rem;
transform: scale(0.9);
}
.policy-hero-content {
margin-left: -2rem;
padding: 3.2rem;
position: relative;
}
.policy-hero-table-inner {
flex-flow: column;
transition: height 0.4s, top 0.4s;
display: flex;
position: sticky;
top: 0;
}
.policy-hero-content-richtext {
font-weight: 400;
}
.policy-hero-content-richtext h2 {
color: var(--content--primary);
letter-spacing: -0.02em;
text-transform: uppercase;
margin-top: 4.8rem;
margin-bottom: 2.4rem;
font-size: 2.4rem;
font-weight: 500;
line-height: 1.1em;
}
.policy-hero-content-richtext strong {
color: var(--content--primary);
font-weight: 500;
}
.policy-hero-content-richtext a {
color: var(--content--brand);
text-underline-offset: 0.4rem;
}
.policy-hero-content-richtext li {
padding-left: 2.4rem;
position: relative;
}
.policy-hero-content-richtext ul {
grid-row-gap: 0.8rem;
flex-flow: column;
margin-top: 1rem;
margin-bottom: 1rem;
padding-left: 0;
display: flex;
}
.policy-hero-content-richtext p {
margin-top: 0.8rem;
margin-bottom: 0.8rem;
}
.policy-hero-content-richtext h1 {
color: var(--content--primary);
margin-top: 0;
margin-bottom: 3.2rem;
font-size: 7.2rem;
font-weight: 500;
line-height: 1em;
}
.policy-hero-content-richtext h3 {
color: var(--content--primary);
letter-spacing: -0.02em;
margin-top: 2.4rem;
margin-bottom: 0.8rem;
font-size: 1.6rem;
font-weight: 500;
line-height: 1.3em;
}
.paragraph {
margin-bottom: 2.4rem;
}
.list {
grid-row-gap: 0.8rem;
flex-flow: column;
margin-bottom: 2.4rem;
padding-left: 2.4rem;
display: flex;
}
.policy-hero-table-list {
flex: 1;
overflow: auto;
}
.policy-hero-table-head-ic {
display: none;
}
.resource-hero {
padding-top: var(--size--padding-hero);
}
.resource-hero-title-wrap.grid {
position: relative;
}
.resource-hero-title {
color: var(--content--primary);
text-align: center;
margin-left: -0.5rem;
margin-right: -0.5rem;
padding-top: 8.8rem;
padding-bottom: 8rem;
position: relative;
}
.resource-hero-title-block {
margin-left: -1.5rem;
position: relative;
}
.resource-hero-search-wrap.grid {
position: relative;
}
.resource-hero-search {
margin-left: -1rem;
display: none;
position: relative;
}
.resource-hero-search-inner {
height: 100%;
margin-bottom: 0;
}
.resource-hero-search-form {
height: 100%;
}
.resource-hero-search-input-group {
height: 100%;
position: relative;
overflow: hidden;
}
.resource-hero-search-input {
background-color: #0000;
border: 0 solid #000;
height: 100%;
min-height: 4.8rem;
margin-bottom: 0;
padding: 0 2.4rem 0 1.6rem;
font-size: 1.6rem;
}
.resource-hero-search-ic {
border-left: var(--size--border) solid var(--content--border);
width: 4.8rem;
height: 100%;
color: var(--content--border);
cursor: pointer;
justify-content: center;
align-items: center;
transition: color 0.4s;
display: flex;
position: absolute;
top: 0;
right: 0;
}
.resource-hero-search-ic:hover {
color: var(--content--primary);
}
.resource-hero-search-block {
margin-left: -1.5rem;
position: relative;
}
.resource-hero-cms-wrap {
position: relative;
overflow: hidden;
}
.resource-hero-list {
grid-column-gap: 0px;
grid-row-gap: 0px;
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;
}
.resource-hero-item {
position: relative;
}
.resource-hero-item.hide {
display: none;
}
.resource-hero-item-date {
grid-column-gap: 0.5rem;
margin-bottom: 0.4rem;
transition: color 0.4s;
display: flex;
position: relative;
}
.resource-hero-item-img {
z-index: 2;
height: 29.6rem;
padding: 1.6rem;
transition: padding 0.4s;
position: relative;
}
.resource-hero-item-img.bg-global {
z-index: 2;
}
.resource-hero-item-img-block {
padding-top: 75%;
}
.resource-hero-item-img-inner {
height: 100%;
display: block;
position: relative;
overflow: hidden;
}
.resource-hero-item-content {
z-index: 2;
grid-row-gap: 0.8rem;
flex-flow: column;
padding: 2.4rem 1.6rem;
display: flex;
position: relative;
}
.resource-hero-item-title {
color: var(--content--primary);
text-decoration: none;
transition: color 0.4s;
}
.resource-hero-item-title:hover {
color: var(--content--brand) !important;
}
.resource-hero-item-sub {
transition: color 0.4s;
}
.resource-hero-item-link {
grid-column-gap: 0.8rem;
color: var(--content--brand);
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.resource-hero-item-link.hover-un {
align-self: flex-start;
}
.resource-hero-item-link-ic {
width: 1.4rem;
}
.resource-hero-item-link-txt {
position: relative;
}
.resource-hero-load-wrap {
justify-content: center;
align-items: center;
padding-top: 4rem;
padding-bottom: 4rem;
display: flex;
position: relative;
overflow: hidden;
}
.resource-hero-load {
grid-column-gap: 1rem;
width: 100%;
max-width: 57.2rem;
color: var(--content--primary);
justify-content: center;
align-items: center;
text-decoration: none;
transition: color 0.4s;
display: flex;
}
.resource-hero-load-ic {
color: var(--content--primary);
}
.resource-hero-item-img-overlay {
z-index: 2;
background-color: var(--content--brand);
opacity: 0;
mix-blend-mode: multiply;
transition: opacity 0.4s;
position: absolute;
inset: 0;
}
.tp-resource-hero {
padding-top: var(--size--padding-hero);
}
.tp-resource-hero-head.grid {
position: relative;
}
.tp-resource-hero-img {
margin-right: -2rem;
padding: 2.4rem;
position: relative;
}
.tp-resource-hero-title-wrap {
position: relative;
}
.tp-resource-hero-breakscrum {
display: flex;
position: relative;
}
.tp-resource-hero-breakscrum-date {
grid-column-gap: 0.5rem;
width: 42.3rem;
color: var(--content--primary);
padding: 1.6rem 2rem;
display: flex;
position: relative;
}
.tp-resource-hero-breakscrum-link {
grid-column-gap: 1rem;
flex: 1;
padding: 1.6rem 2rem;
display: flex;
position: relative;
}
.tp-resource-hero-breakscrum-link-item {
color: var(--content--primary);
text-decoration: none;
}
.tp-resource-hero-breakscrum-link-item.item-current,
.tp-resource-hero-breakscrum-link-space {
color: var(--content--disable);
}
.tp-resource-hero-title {
min-height: 26.8rem;
color: var(--content--primary);
justify-content: flex-start;
align-items: center;
padding: 2.4rem 3.2rem;
display: flex;
}
.tp-resource-hero-main.grid {
position: relative;
}
.tp-resource-hero-table {
margin-right: -2rem;
position: relative;
}
.tp-resource-hero-table-inner {
transition: top 0.4s;
position: sticky;
top: 0;
}
.tp-resource-hero-table-head {
justify-content: space-between;
align-items: center;
padding: 2.4rem;
display: flex;
position: relative;
}
.tp-resource-hero-table-title {
color: var(--content--primary);
}
.tp-resource-hero-table-head-ic {
display: none;
}
.tp-resource-hero-table-item-txt {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
width: 1005px;
display: flex;
position: relative;
overflow: hidden;
}
.tp-resource-hero-table-item-ic {
background-color: var(--content--primary);
opacity: 0;
width: 0.6rem;
height: 0.6rem;
transition: transform 0.4s, opacity 0.4s;
position: absolute;
top: 2.6rem;
right: 3.2rem;
transform: scale(0.9);
}
.tp-resource-hero-content {
position: relative;
}
.tp-resource-hero-content-richtext {
padding: 3.2rem 3.2rem 6rem;
font-weight: 400;
}
.tp-resource-hero-content-richtext h2 {
color: var(--content--primary);
letter-spacing: -0.02em;
margin-top: 4.8rem;
margin-bottom: 2.4rem;
font-size: 2.4rem;
font-weight: 500;
line-height: 1.1em;
}
.tp-resource-hero-content-richtext strong {
color: var(--content--primary);
font-weight: 500;
}
.tp-resource-hero-content-richtext a {
color: var(--content--brand);
text-underline-offset: 0.4rem;
}
.tp-resource-hero-content-richtext li {
padding-left: 2.4rem;
position: relative;
}
.tp-resource-hero-content-richtext ul {
grid-row-gap: 0.8rem;
flex-flow: column;
margin-bottom: 2.4rem;
padding-left: 0;
display: flex;
}
.tp-resource-hero-content-richtext p {
margin-bottom: 2.4rem;
}
.tp-resource-hero-content-richtext ol {
grid-column-gap: 2.4rem;
grid-row-gap: 2.4rem;
flex-flow: column;
margin-bottom: 2.4rem;
padding-left: 2.4rem;
display: flex;
}
.tp-resource-hero-img-inner {
mix-blend-mode: multiply;
width: 100%;
height: 100%;
position: relative;
}
.tp-resource-hero-table-item {
cursor: pointer;
width: 100%;
padding: 1.6rem 5rem 1.6rem 3.2rem;
transition: color 0.4s;
display: flex;
position: relative;
}
.tp-resource-hero-table-item:hover {
color: var(--content--primary);
}
.tp-resource-hero-table-item.active {
color: var(--content--primary);
transition: color 0.4s;
}
.tp-resource-hero-form {
display: flex;
position: relative;
}
.tp-resource-hero-form-img {
mix-blend-mode: multiply;
width: 50%;
}
.tp-resource-hero-form-inner {
flex: 1;
padding: 6.4rem 3.2rem;
position: relative;
}
.tp-resource-hero-form-title {
color: var(--content--primary);
margin-bottom: 1.2rem;
}
.tp-resource-hero-form-sub {
margin-bottom: 2.4rem;
}
.tp-resource-hero-form-main {
margin-bottom: 0.8rem;
}
.tp-resource-hero-form-group {
position: relative;
}
.tp-resource-hero-form-group.input-wrap {
display: block !important;
}
.tp-resource-hero-form-submit {
border-left: var(--size--border) solid var(--content--border);
pointer-events: none;
width: 4.8rem;
height: 100%;
color: var(--content--border);
background-color: #0000;
justify-content: center;
align-items: center;
transition: all 0.4s;
display: flex;
position: absolute;
top: 0%;
bottom: 0%;
right: 0;
}
.tp-resource-hero-form-submit.active {
border-left-color: var(--content--brand);
background-color: var(--content--brand);
pointer-events: auto;
color: var(--content--white);
}
.tp-resource-hero-form-desc {
transition: opacity 0.4s;
}
.tp-resource-hero-form-desc.hidden {
opacity: 0;
}
.tp-resource-other-head {
display: flex;
position: relative;
}
.tp-resource-other-title-wrap {
color: var(--content--primary);
flex: 1;
padding: 3.2rem;
}
.tp-resource-other-btn {
flex: none;
width: 17.1rem;
padding: 1.2rem 0.4rem 0.4rem 1.2rem;
position: relative;
}
.tp-resource-other-btn.btn-bg-hover {
color: var(--content--brand);
padding-right: 1rem;
text-decoration: none;
transition: color 0.4s;
}
.tp-resource-other-btn.btn-bg-hover:hover {
color: var(--content--white);
}
.tp-resource-other-list {
grid-column-gap: 0px;
grid-row-gap: 0px;
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;
}
.tp-resource-other-item {
position: relative;
}
.tp-resource-other-item-date {
grid-column-gap: 0.75rem;
grid-row-gap: 0.75rem;
margin-bottom: 0.4rem;
transition: color 0.4s;
display: flex;
position: relative;
}
.tp-resource-other-item-img {
height: 29.6rem;
padding: 1.6rem;
transition: padding 0.4s;
position: relative;
}
.tp-resource-other-item-img-inner {
mix-blend-mode: multiply;
height: 100%;
display: block;
position: relative;
overflow: hidden;
}
.tp-resource-other-item-img-inner.w--current {
height: 100%;
}
.tp-resource-other-item-img-block {
padding-top: 75%;
}
.tp-resource-other-item-img-overlay {
z-index: 2;
background-color: var(--content--brand);
opacity: 0;
mix-blend-mode: multiply;
transition: opacity 0.4s;
position: absolute;
inset: 0;
}
.tp-resource-other-item-content {
grid-row-gap: 0.8rem;
flex-flow: column;
padding: 2.4rem 1.6rem;
display: flex;
}
.tp-resource-other-item-title {
color: var(--content--primary);
text-decoration: none;
transition: color 0.4s;
}
.tp-resource-other-item-title:hover {
color: var(--content--brand) !important;
}
.tp-resource-other-item-sub {
transition: color 0.4s;
}
.tp-resource-other-item-link {
grid-column-gap: 0.8rem;
color: var(--content--brand);
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.tp-resource-other-item-link.hover-un {
align-self: flex-start;
}
.tp-resource-other-item-link-txt {
position: relative;
}
.tp-resource-other-item-link-ic {
width: 1.4rem;
}
.tp-resource-hero-share {
padding: 3.2rem 2.4rem;
position: relative;
}
.tp-resource-hero-share.on-tablet {
display: none;
}
.tp-resource-hero-share-title {
color: var(--content--primary);
margin-bottom: 1.6rem;
}
.tp-resource-hero-share-list {
grid-column-gap: 1.2rem;
display: flex;
}
.tp-resource-hero-share-item {
border: var(--size--border) solid var(--content--border);
width: 4.4rem;
height: 4.4rem;
color: var(--content--terriary);
justify-content: center;
align-items: center;
transition: color 0.2s, background-color 0.4s, border-color 0.4s;
display: flex;
position: relative;
}
.tp-resource-hero-share-item:hover {
border-color: var(--content--brand);
background-color: var(--content--brand);
color: var(--content--white);
}
.tp-resource-hero-share-item-ic {
width: 1.6rem;
}
.tp-resource-other-control {
display: none;
}
.tp-resource-other-pagi {
grid-column-gap: 0.4rem;
padding-top: 2rem;
padding-bottom: 2rem;
padding-left: 1.2rem;
display: none;
position: relative;
}
.tp-resource-other-pagi-item {
background-color: var(--content--border);
width: 2rem;
height: 0.2rem;
transition: background-color 0.4s;
}
.tp-resource-other-pagi-item.active {
background-color: var(--content--primary);
}
.tp-resource-hero-table-content-wrap {
max-height: calc(var(--size--max-screen-height) - 15rem);
overflow: auto;
}
.tp-resource-hero-share-item-tooltip {
background-color: var(--content--primary);
opacity: 0;
pointer-events: none;
color: var(--content--white);
width: max-content;
padding: 1.2rem;
transition-property: opacity;
transition-duration: 0.4s;
transition-timing-function: ease;
position: absolute;
bottom: calc(100% + 0.3rem);
}
.tp-resource-hero-share-item-tooltip.active {
opacity: 1;
}
.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;
}
.notfound-hero {
width: 100%;
height: var(--size--max-screen-height);
padding-top: var(--size--padding-hero);
position: relative;
}
.notfound-hero.img-anim-wrap {
padding-top: var(--size--padding-hero);
}
.notfound-hero-bg {
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
overflow: hidden;
}
.notfound-hero-bg.bg-global {
justify-content: center;
align-items: flex-end;
display: flex;
position: relative;
}
.notfound-hero-bg-img {
z-index: 2;
justify-content: center;
align-items: flex-end;
width: 100%;
height: 100%;
display: flex;
position: relative;
}
.notfound-hero-bg-img.only-mob {
display: none;
}
.notfound-hero-bg-deco {
background-color: var(--content--brand);
width: 37.5%;
height: 100%;
position: absolute;
top: 0;
left: 11%;
}
.notfound-hero-bg-img-wrap {
width: 100%;
}
.notfound-hero-bg-img-wrap.bg-global {
z-index: 2;
height: 100%;
position: relative;
}
.notfound-hero-noti {
z-index: 3;
border: var(--size--border) solid var(--content--border);
width: 41rem;
display: none;
position: absolute;
box-shadow: 0.6rem 0.6rem #0000000f;
}
.notfound-hero-noti-head {
background-color: var(--content--primary);
color: var(--content--white);
justify-content: space-between;
align-items: center;
padding: 1rem 1.6rem;
display: flex;
position: relative;
}
.notfound-hero-noti-body {
padding-top: 1.6rem;
padding-left: 1.6rem;
padding-right: 1.6rem;
}
.notfound-hero-noti-title {
color: var(--content--primary);
margin-bottom: 0.8rem;
}
.notfound-hero-noti-sub {
margin-bottom: 3.2rem;
}
.home-hero-interact {
z-index: 4;
background-color: var(--content--primary);
opacity: 0;
width: 15.6rem;
color: var(--content--white);
position: absolute;
}
.home-hero-interact.hidden {
opacity: 0 !important;
}
.home-hero-interact-block {
opacity: 0.72;
background-color: #d72201;
position: absolute;
inset: 0;
}
.home-hero-interact-txt {
z-index: 2;
padding: 0.8rem;
position: relative;
}
.home-intro-partner-inner {
position: relative;
overflow: hidden;
}
.about-team-list {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: minmax(1px, 1fr) minmax(1px, 1fr) minmax(1px, 1fr);
grid-auto-columns: minmax(1px, 1fr);
display: grid;
}
.home-usecase-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);
height: 100%;
display: grid;
}
.about-hero-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);
width: 100%;
max-width: 60rem;
display: grid;
}
.about-hero-bg {
opacity: 0;
min-width: 364.5rem;
min-height: 184.5rem;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.about-hero-bg.active {
opacity: 1;
}
.about-hero-item-deco {
pointer-events: none;
width: 100%;
height: 100%;
position: absolute;
}
.about-hero-item-deco-item {
opacity: 0;
position: absolute;
}
.about-hero-item-deco-item.item-deco-brand {
background-color: var(--content--brand);
mix-blend-mode: multiply;
}
.about-hero-item-deco-item.item-deco-brand.item1 {
width: 27.8333%;
height: 17.5385%;
top: 15.2308%;
left: 4.33333%;
}
.about-hero-item-deco-item.item-deco-brand.item2 {
width: 18.5%;
height: 14.4615%;
top: 70.1539%;
left: 24.3333%;
}
.about-hero-item-deco-item.item-deco-brand.item3 {
width: 14.1667%;
height: 8.92308%;
top: 38%;
right: 4.33333%;
}
.about-hero-item-deco-item.item-deco-normal {
border-top-style: solid;
border-top-width: var(--size--border);
border-top-color: var(--content--border);
border-right-style: solid;
border-right-width: var(--size--border);
border-right-color: var(--content--border);
border-bottom-style: solid;
border-bottom-width: var(--size--border);
border-bottom-color: var(--content--border);
border-left-style: solid;
border-left-width: var(--size--border);
border-left-color: var(--content--border);
box-shadow: 0.4rem 0.4rem #0000000f;
}
.about-hero-item-deco-item.item-deco-normal.item1 {
width: 23.5%;
height: 13.3846%;
}
.about-hero-item-deco-item.item-deco-normal.bg-global.item1 {
top: 51.0769%;
left: -1.16667%;
}
.about-hero-item-deco-item.item-deco-normal.bg-global.item2 {
width: 15.3333%;
height: 10.1538%;
bottom: 15.5385%;
right: 12.8333%;
}
.about-hero-item-deco-item-ic {
background-color: var(--content--white);
width: 0.6rem;
height: 0.6rem;
position: absolute;
top: 0.8rem;
right: 0.8rem;
}
.about-hero-item-deco-item-head {
background-color: var(--content--primary);
width: 100%;
height: 25.2874%;
}
.product-key-main-left-wrap {
position: relative;
}
.product-key-main-img-cms {
height: 100%;
position: relative;
}
.hexagon-number {
color: var(--content--primary);
position: absolute;
}
.hexagon-stroke {
background-color: var(--content--border);
opacity: 0;
clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
position: absolute;
inset: 0;
}
.hexagon-stroke.active {
opacity: 1;
}
.hexagon-stroke-inner {
clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
position: absolute;
inset: 0.2rem;
}
.home-hero-img-interact-wrap {
justify-content: center;
align-items: center;
display: flex;
position: absolute;
inset: 0;
}
.home-hero-work-wrap,
.home-platform-img-item-main {
overflow: hidden;
}
.home-why-item-img-inner {
pointer-events: none;
mix-blend-mode: multiply;
width: 100%;
}
.product-how-img-wrap {
flex: 1;
overflow: hidden;
}
.about-inves-img-inner {
background-image: url(https://cdn.prod.website-files.com/6a4b5161f0d11f1602cc3bbf/6a4b5161f0d11f1602cc3c27_bg-123%20\(
1\
).webp);
background-position: 50%;
background-size: auto;
width: 100%;
height: 100%;
}
.product-hero-img-message {
width: 32.4rem;
position: absolute;
bottom: 2.4rem;
right: 2.4rem;
}
.contact-hero-form-success {
opacity: 0;
pointer-events: none;
background-color: #0000;
flex-direction: column;
grid-area: 1/1/2/2;
justify-content: end;
align-items: start;
transition-property: opacity;
transition-duration: 0.4s;
transition-timing-function: ease;
display: flex !important;
}
.contact-hero-form-success.active {
opacity: 1;
pointer-events: auto;
text-align: left;
padding: 0;
}
.contact-hero-form-success-title {
color: var(--content--primary);
margin-bottom: 0.8rem;
}
.contact-hero-form-success-inner {
width: 100%;
padding: 3.2rem;
position: relative;
}
.contact-hero-form-success-btn {
width: 100%;
height: 10.4rem;
padding: 3.2rem 1.6rem 1.6rem 3.2rem;
}
.contact-hero-form-success-btn.btn-bg-hover {
color: var(--content--brand);
text-decoration: none;
transition: color 0.4s;
}
.contact-hero-form-success-btn.btn-bg-hover:hover {
color: var(--content--white);
}
.footer-form-success {
opacity: 0;
pointer-events: none;
background-color: #0000;
grid-area: 1/1/2/2;
padding: 0 0 1.6rem;
transition-property: opacity;
transition-duration: 0.4s;
transition-timing-function: ease;
display: flex !important;
}
.footer-form-success.active {
opacity: 1;
pointer-events: auto;
text-align: left;
}
.footer-form-success-inner {
margin-top: auto;
}
.footer-form-success-title {
color: var(--content--primary);
margin-bottom: 0.8rem;
}
.footer-bot {
width: 100%;
position: sticky;
bottom: 0;
left: 0;
}
.footer-body {
flex-flow: column;
justify-content: flex-end;
margin-left: -0.5rem;
margin-right: -0.65rem;
display: flex;
}
.embed-svg {
opacity: 0;
width: 1px;
height: 1px;
display: none;
position: absolute;
}
.ink-mask {
grid-template-rows: auto;
grid-template-columns: minmax(1px, 1fr);
grid-auto-columns: 1fr;
width: 100%;
height: 100%;
display: grid;
}
.ink-mask:where(.w-variant-72855a58-688b-8b57-148e-265e4d03bc5e),
.ink-mask.path {
width: 100%;
height: 100%;
}
.ink-mask-img {
grid-area: 1/1/2/2;
display: flex;
position: relative;
}
.ink-mask-img.main {
z-index: 1;
}
.ink-mask-img.main.product-how-img-mask {
justify-content: center;
align-items: center;
}
.ink-mask-img.sub {
z-index: 2;
}
.ink-mask-img.sub.ink-line {
display: flex;
}
.home-platform-img-item-wrap {
left: var(--size--border);
top: var(--size--border);
right: var(--size--border);
bottom: var(--size--border);
position: absolute;
overflow: hidden;
}
.cta-deco-item-img-block {
padding-top: 54.2857%;
}
.cta-deco-item-img-inner {
left: var(--size--border);
top: var(--size--border);
right: var(--size--border);
bottom: var(--size--border);
position: absolute;
}
.cta-deco-item-img-inner.on-mb {
display: none;
}
.home-hero-img-deco-numb {
color: var(--content--white);
transition: opacity 0.4s;
position: absolute;
top: 0.7rem;
right: 0.7rem;
}
.home-problem-item-dot {
background-color: var(--content--brand);
opacity: 0;
width: 0.8rem;
height: 0.8rem;
transition: opacity 0.4s;
position: absolute;
left: 3.2rem;
}
.home-usecase-faq-item-ic-wrap {
color: var(--content--border);
justify-content: flex-start;
align-items: center;
transition: color 0.4s;
display: flex;
}
.product-hero-logo {
flex-flow: row;
flex: 1;
display: flex;
overflow: hidden;
}
.product-hero-logo-inner {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
flex: none;
padding-right: 1rem;
display: flex;
}
.about-inves-logo-item-copy {
filter: saturate(0);
flex: none;
justify-content: center;
align-items: center;
width: 24.4rem;
height: 11.4rem;
transition-property: filter;
transition-duration: 0.4s;
transition-timing-function: ease;
display: flex;
position: relative;
}
.about-inves-logo-item-copy:hover {
filter: saturate();
}
.product-hero-logo-item-img {
width: 16rem;
}
.product-hero-logo-control {
width: 8rem;
color: var(--content--primary);
cursor: pointer;
flex: none;
justify-content: center;
align-items: center;
transition: color 0.4s;
display: flex;
position: relative;
}
.product-hero-logo-control:hover {
color: var(--content--white);
}
.product-hero-logo-control-ic {
grid-area: 1/1/2/2;
width: 3.2rem;
transition-property: transform;
transition-duration: 0.5s;
transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.product-faq-item-num {
color: var(--content--disable);
flex: none;
align-self: flex-start;
margin-top: 0.4rem;
transition: color 0.4s;
}
.product-key-main-tab-wrap {
margin-bottom: 1.6rem;
}
.product-key-main-tab-title {
color: var(--content--disable);
}
.product-hero-logo-control-ic-wrap {
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;
overflow: hidden;
}
.product-how-img-inner {
mix-blend-mode: multiply;
justify-content: center;
align-items: center;
display: flex;
position: absolute;
inset: 0;
}
.product-how-img-inner.on-mb {
display: none;
}
.product-how-img-svg {
transform: translate(-50%);
}
.about-team-item-inner-bot {
z-index: 2;
position: relative;
}
.about-team-item-inner-top {
z-index: 3;
background-color: var(--content--primary);
clip-path: inset(100% 0 0);
transition-property: all;
transition-duration: 0.4s;
transition-timing-function: ease;
position: relative;
}
.product-hero-logo-control-inner {
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
overflow: hidden;
}
.product-hero-logo-control-inner.btn-control-hover {
position: relative;
}
.cta-main-item-btn-inner {
color: var(--content--white);
text-decoration: none;
}
.btn-bg-txt-wrap.btn-fill-txt {
flex: 1;
padding: 1.5rem 1.6rem;
}
.btn-bg-ic-wrap {
justify-content: center;
align-items: center;
padding-left: 1.6rem;
padding-right: 1.6rem;
display: flex;
}
.pricing-hero-package-btn {
color: var(--content--primary);
justify-content: space-between;
margin-top: 3.2rem;
text-decoration: none;
transition: color 0.4s, border-color 0.4s;
display: flex;
}
.pricing-hero-package-btn:hover {
border-color: var(--content--brand);
color: var(--content--brand);
}
.pricing-hero-package-btn.btn-fill-hover.btn-fill-brand {
color: var(--content--white);
}
.pricing-hero-package-btn-txt {
text-align: center;
flex: 1;
padding-top: 1.5rem;
padding-bottom: 1.5rem;
}
.pricing-hero-package-btn-ic {
border-left: var(--size--border) solid var(--content--border);
justify-content: center;
align-items: center;
height: 100%;
padding-left: 1.6rem;
padding-right: 1.6rem;
transition: border-color 0.4s;
display: flex;
}
.pricing-hero-package-btn-ic-inner {
width: 1.6rem;
}
.pricing-hero-package-item-unit-txt {
align-self: flex-end;
margin-bottom: 0.2rem;
}
.product-key-tab-bg-active {
z-index: -1;
background-color: var(--content--primary);
pointer-events: none;
width: 0;
position: absolute;
top: 0;
bottom: 0;
left: 0;
}
.product-hero-chat {
width: 32.4rem;
height: 38.4545dvh;
position: absolute;
bottom: 1.6rem;
right: 1.6rem;
}
.product-hero-chat.bg-global {
border-top-style: solid;
border-top-color: var(--content--primary);
border-right-style: solid;
border-right-color: var(--content--primary);
border-bottom-style: solid;
border-bottom-color: var(--content--primary);
border-left-style: solid;
border-left-color: var(--content--primary);
border-width: max(1.5px, 0.15rem);
flex-flow: column;
display: flex;
bottom: 2.2rem;
box-shadow: 0 0.8rem #000;
}
.product-hero-chat-head-inner {
background-color: var(--content--primary);
padding: 0.8rem 1.2rem;
}
.product-hero-chat-title {
color: var(--content--white);
}
.product-hero-chat-head {
padding-bottom: var(--size--border);
background-image: linear-gradient(69deg, #282828, #aaa);
flex: none;
}
.product-hero-chat-footer {
border-top: var(--size--border) solid var(--content--border);
padding: 1.2rem;
display: flex;
}
.product-hero-chat-body {
grid-row-gap: 1.2rem;
flex-flow: column;
flex: 1;
justify-content: flex-end;
padding: 1.2rem;
display: flex;
overflow: hidden;
}
.product-hero-chat-message {
width: 20rem;
padding: 0.8rem 1.2rem;
}
.product-hero-chat-message.item-user {
border: var(--size--border) solid var(--content--border);
}
.product-hero-chat-message.item-my-chat {
grid-row-gap: 0.4rem;
background-color: #e0e0d7;
flex-flow: column;
margin-left: auto;
display: flex;
}
.product-hero-chat-footer-txt {
color: var(--content--disable);
flex: 1;
padding-right: 1rem;
transition: color 0.4s;
}
.product-hero-chat-footer-txt.fill {
color: var(--content--primary);
}
.product-hero-chat-footer-ic-wrap {
border-left: var(--size--border) solid var(--content--border);
width: 3.2rem;
height: 3.2rem;
color: var(--content--disable);
justify-content: center;
align-items: center;
transition: color 0.4s;
display: flex;
}
.product-hero-chat-footer-ic {
width: 1.6rem;
}
.product-hero-chat-footer-inner {
border: var(--size--border) solid var(--content--border);
justify-content: flex-start;
align-items: center;
width: 100%;
padding-left: 1rem;
display: flex;
}
.product-hero-chat-message-title {
color: var(--content--primary);
}
.typing-indicator-container {
align-self: flex-start;
margin-left: 1.2rem;
}
.typing-indicator {
grid-column-gap: 0.6rem;
grid-row-gap: 0.6rem;
color: var(--content--disable);
padding-bottom: 1.2rem;
display: none;
}
.typing-indicator-item {
background-color: var(--content--surface);
border-radius: 50%;
width: 0.8rem;
height: 0.8rem;
transition: opacity 0.4s;
}
.loading-ruler {
z-index: 4;
opacity: 0;
pointer-events: none;
justify-content: center;
align-items: center;
transition: opacity 0.3s;
display: flex;
position: absolute;
inset: 0;
}
.loading-ruler:where(.w-variant-fba54ddd-97c8-9a89-542d-4ccbd15ff994) {
display: none;
}
.loading-ruler.active {
opacity: 1;
}
.loading-ruler-plus {
z-index: 2;
pointer-events: none;
width: 1rem;
height: 1rem;
color: var(--content--brand);
justify-content: center;
align-items: center;
display: flex;
position: absolute;
}
.loading-ruler-coordi {
z-index: 4;
position: absolute;
}
.loading-content {
justify-content: space-between;
align-items: flex-end;
display: flex;
position: absolute;
bottom: 2.4rem;
left: 3.2rem;
right: 3.2rem;
}
.loading-content-title {
width: 41.2rem;
color: var(--content--primary);
}
.loading-content-sub {
grid-column-gap: 7rem;
flex-flow: row;
align-items: flex-end;
display: flex;
}
.loading-content-sub-item {
grid-row-gap: 0rem;
flex-flow: column;
display: flex;
}
.loading-content-sub-item.item1 {
grid-row-gap: 0.4rem;
width: 27.4rem;
}
.loading-content-sub-item-txt {
grid-column-gap: 0.8rem;
grid-row-gap: 0.8rem;
flex-flow: row;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.loading-content-sub-item-txt.item-space {
justify-content: flex-start;
align-items: flex-start;
}
.loading-content-sub-item-txt.item-head {
grid-column-gap: 0.6rem;
grid-row-gap: 0.6rem;
flex-flow: column;
margin-bottom: 0.4rem;
}
.loading-content-sub-item-space {
grid-column-gap: 1rem;
margin-bottom: 2rem;
display: flex;
}
.loading-progress {
z-index: 3;
width: 100%;
height: var(--size--border);
position: absolute;
left: 0;
}
.loading-progress:where(.w-variant-fba54ddd-97c8-9a89-542d-4ccbd15ff994) {
display: none;
}
.loading-progress-inner {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: minmax(1px, 1fr);
width: 100%;
height: 100%;
position: relative;
}
.loading-progress-item {
width: 100%;
height: var(--size--border);
background-color: var(--content--brand);
grid-area: 1/1/2/2;
position: absolute;
top: 0;
left: 0;
}
.loading-progress-item.active {
clip-path: inset(0 100% 0 0);
}
.loading-init-txt {
grid-column-gap: 0.4rem;
justify-content: flex-start;
align-items: flex-end;
display: flex;
position: absolute;
bottom: 6.4rem;
right: 3.2rem;
}
.loading-3d {
pointer-events: none;
width: 25.8rem;
height: 29.7rem;
position: absolute;
right: 0.8rem;
}
.loading-line-wrap {
width: 25.8rem;
height: 29.8rem;
position: absolute;
top: 0.8rem;
right: 0.8rem;
}
.loading-line-wrap.bg-global {
z-index: 3;
}
.loading-line-item {
z-index: 2;
background-color: var(--content--primary);
position: absolute;
}
.loading-line-item.item-horizital {
width: 100%;
height: 0.2rem;
}
.loading-line-item.item-horizital.top {
top: 0;
}
.loading-line-item.item-horizital.bot {
bottom: 0;
}
.loading-line-item.item-horizital.top-center {
top: calc(33.3333% - 0.4rem);
}
.loading-line-item.item-horizital.bot-center {
bottom: calc(33.3333% - 0.4rem);
}
.loading-line-item.item-vertical {
width: 0.2rem;
height: 100%;
}
.loading-line-item.item-vertical.left {
left: 0;
}
.loading-line-item.item-vertical.right {
right: 0;
}
.loading-line-inner {
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
position: relative;
overflow: hidden;
}
.resource-hero-search-ic-inner {
width: 1.6rem;
}
.resource-hero-item-img-plus {
z-index: 2;
pointer-events: none;
transition: transform 0.4s;
position: absolute;
inset: 0;
}
.resource-hero-item-img-plus-item {
width: 1.2rem;
color: var(--content--white);
transition: transform 0.4s;
position: absolute;
transform: scale(0);
}
.resource-hero-item-img-plus-item.left {
left: 1.6rem;
}
.resource-hero-item-img-plus-item.top {
top: 1.6rem;
}
.resource-hero-item-img-plus-item.right {
right: 1.6rem;
}
.resource-hero-item-img-plus-item.bot {
bottom: 1.6rem;
}
.resource-hero-item-inner {
width: 100%;
color: var(--content--terriary);
text-decoration: none;
display: block;
}
.resource-hero-item-bg {
z-index: 1;
background-color: var(--content--primary);
clip-path: inset(100% 0 0);
transition-property: all;
transition-duration: 0.4s;
transition-timing-function: ease;
position: absolute;
inset: 0;
}
.resource-hero-item-img-main {
height: 100%;
}
.tp-resource-hero-form-submit-ic {
width: 1.6rem;
}
.tp-resource-other-item-img-main.bg-global {
height: 100%;
}
.tp-resource-other-item-inner {
z-index: 2;
width: 100%;
color: var(--content--terriary);
text-decoration: none;
display: block;
position: relative;
}
.tp-resource-other-item-bg {
z-index: 1;
background-color: var(--content--primary);
pointer-events: none;
clip-path: inset(100% 0 0);
transition-property: all;
transition-duration: 0.4s;
transition-timing-function: ease;
position: absolute;
inset: 0;
}
.input-submit-ic {
width: 2rem;
}
.tp-resource-hero-form-success {
display: none !important;
}
.tp-resource-hero-form-desc-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;
}
.tp-resource-hero-form-success-txt {
opacity: 0;
transition: opacity 0.4s;
}
.tp-resource-hero-form-success-txt.active {
opacity: 1;
}
.loading-init-loading.loading-more.txt.txt-10.txt-lh-1 {
margin-bottom: 0.1rem;
line-height: 1em;
}
.loading-more.resource-hero-load-ic-inner {
height: 0.6rem;
padding-bottom: 0;
}
.loading-line-bg.bg-global {
width: 100vw;
height: 100dvh;
position: absolute;
top: 0;
right: 0;
}
.header-logo-item {
width: 3.8rem;
}
.header-logo-item.item-txt {
width: 12.2rem;
padding-left: 1rem;
transition: transform 0.4s;
}
.header-logo-item.bg-global {
z-index: 2;
position: relative;
}
.home-hero-img-deco-ic-inner {
width: 0.7rem;
}
.home-map-main-img-main {
width: 100%;
height: 100%;
position: relative;
}
.product-key-tab-bg-wrap {
pointer-events: none;
position: absolute;
top: 0;
bottom: 0;
left: 0;
}
.product-key-tab-bg-inner {
height: 100%;
position: relative;
}
.notfound-hero-noti-dot {
background-color: var(--content--brand);
width: 0.8rem;
height: 0.8rem;
}
.notfound-hero-noti-btn {
width: 100%;
color: var(--content--terriary);
text-decoration: none;
}
.notfound-hero-img-bg {
width: 78.6rem;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.notfound-hero-img-bg.img-anim {
opacity: 0;
position: absolute;
}
.img-anim-wrap {
overflow: hidden;
}
.notfound-hero-img {
width: 36rem;
position: absolute;
}
.notfound-hero-img.img-anim {
opacity: 0;
position: absolute;
}
.notfound-hero-noti-2 {
z-index: 3;
border: max(1px, 0.1rem) solid #b3b3af;
width: 41rem;
position: absolute;
box-shadow: 0.6rem 0.6rem #0000000f;
}
.notfound-hero-noti-head-2 {
color: #fff;
background-color: #282828;
border-bottom: max(1px, 0.1rem) solid #b3b3af;
padding: 1rem 1.6rem;
position: relative;
}
.notfound-hero-noti-body-2 {
text-align: center;
padding: 3.2rem;
}
.btn-bg-ic-inner-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);
align-self: flex-end;
display: grid;
overflow: hidden;
}
.btn-bg-ic-inner-2.layout-row-18 {
align-self: center;
}
.notfound-hero-noti-title-2 {
color: #282828;
margin-bottom: 0.8rem;
}
.btn-bg-2 {
z-index: 2;
flex-flow: column;
justify-content: space-between;
height: 100%;
display: flex;
position: relative;
}
.btn-bg-2.layout-row-12 {
grid-column-gap: 0.8rem;
flex-flow: row;
align-items: center;
}
.notfound-hero-noti-cta {
color: var(--content--white);
text-decoration: none;
}
.notfound-hero-inner {
width: 100%;
height: 100%;
position: relative;
}
.hero-wipe-block {
z-index: 2;
background-color: var(--content--brand);
pointer-events: none;
transform-origin: 0;
position: absolute;
inset: 0;
transform: scaleX(0);
}
.tp-resource-hero-table-item-tooltip {
z-index: 3;
background-color: var(--content--primary);
opacity: 0;
pointer-events: none;
width: 37.7rem;
color: var(--content--white);
padding: 1.2rem;
transition: opacity 0.4s;
position: absolute;
bottom: 100%;
left: 50%;
transform: translate(-50%);
}
.tp-resource-hero-table-item-tooltip.active {
opacity: 1;
}
.tp-resource-hero-table-item-txt-inner {
flex: 1;
overflow: hidden;
}
.policy-hero-table-item-txt {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
width: 100%;
display: flex;
position: relative;
overflow: hidden;
}
.policy-hero-table-item-txt-inner {
flex: 1;
overflow: hidden;
}
.policy-hero-table-item-tooltip {
z-index: 3;
background-color: var(--content--primary);
opacity: 0;
pointer-events: none;
width: 48rem;
color: var(--content--white);
padding: 1.2rem;
transition: opacity 0.4s;
position: absolute;
bottom: 100%;
left: 50%;
transform: translate(-50%);
}
.policy-hero-table-item-tooltip.active {
opacity: 1;
}
.home-intro-desc {
padding: 0.8rem 3.2rem;
position: relative;
}
.home-intro-partner-ctrls {
display: flex;
}
.home-intro-partner-ctrl {
border: var(--size--border) solid var(--content--border);
color: var(--content--primary);
cursor: pointer;
padding: 1.6rem;
transition: color 0.3s;
}
.home-intro-partner-ctrl.ctrl-prev {
margin-right: -1px;
}
.home-intro-partner-ctrl.ctrl-prev.disable {
color: var(--content--border);
}
.home-intro-partner-ctrl-ic {
aspect-ratio: 1;
width: 1.6rem;
height: 1.6rem;
}
.home-intro-control {
color: var(--content--primary);
cursor: pointer;
flex: none;
justify-content: center;
align-items: center;
padding: 0;
transition: color 0.4s;
display: flex;
position: relative;
}
.home-intro-control:hover {
color: var(--content--white);
}
.home-intro-control-ic {
grid-area: 1/1/2/2;
width: 1.6rem;
transition-property: transform;
transition-duration: 0.5s;
transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.home-platform-btn-ic-wrap {
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;
overflow: hidden;
}
.home-platform-btn-ic {
flex: none;
justify-content: center;
align-items: center;
padding: 1.6rem;
display: flex;
position: relative;
}
.home-platform-btn-inner {
grid-column-gap: 0.8rem;
justify-content: flex-start;
align-items: center;
display: flex;
position: relative;
}
.home-platform-btn-inner.hover-un {
color: var(--content--brand);
text-decoration: none;
}
.home-platform-ic {
grid-area: 1/1/2/2;
width: 1.6rem;
transition-property: transform;
transition-duration: 0.5s;
transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.home-platform-btn-text {
flex: 1;
justify-content: flex-start;
align-items: center;
height: 100%;
display: flex;
}
.home-why-item-img-deco-main {
z-index: 3;
pointer-events: none;
mix-blend-mode: multiply;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.home-why-item-img-deco-main.is-top {
z-index: 4;
pointer-events: auto;
mix-blend-mode: normal;
}
.home-why-item-img-deco {
z-index: 2;
pointer-events: auto;
mix-blend-mode: multiply;
transform-origin: 0 100%;
padding: 1.6rem;
position: absolute;
}
.home-why-item-img-deco.item1 {
width: 16.4rem;
padding-top: 2.4rem;
bottom: 53%;
left: 22%;
}
.home-why-item-img-deco.item2 {
z-index: 22;
width: 21.6rem;
padding-top: 4.8rem;
display: flex;
bottom: 21%;
left: 46%;
}
.home-why-item-img-deco.item3 {
width: 16rem;
padding-top: 9rem;
bottom: 48%;
left: 29.5%;
}
.home-why-item-img-deco.item3.active.no-blend,
.home-why-item-img-deco.no-blend {
mix-blend-mode: normal;
}
.home-why-item-img-deco-ic {
z-index: 2;
background-color: var(--content--white);
opacity: 0;
justify-content: center;
align-items: center;
width: 1.6rem;
height: 1.6rem;
transition: opacity 0.4s;
display: flex;
position: absolute;
top: 0.8rem;
right: 0.8rem;
overflow: hidden;
}
.home-why-item-img-deco-ic-inner {
width: 0.7rem;
}
.home-why-item-img-deco-inner {
z-index: 2;
grid-column-gap: 0.4rem;
grid-row-gap: 0.4rem;
opacity: 0;
color: var(--content--white);
isolation: isolate;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
margin-top: auto;
transition-property: opacity;
transition-duration: 0.4s;
transition-timing-function: ease;
display: flex;
position: relative;
}
.home-why-item-img-deco-bg {
background-color: var(--content--brand);
opacity: 0.72;
pointer-events: none;
width: 1.6rem;
height: 1.6rem;
transition: top 0.4s, right 0.4s, height 0.4s, width 0.4s;
position: absolute;
top: 0.8rem;
right: 0.8rem;
}
.home-why-item-card {
pointer-events: none;
position: absolute;
}
.home-why-item-card.bg-global {
border-top-style: solid;
border-top-width: var(--size--border);
border-top-color: var(--content--border);
border-right-style: solid;
border-right-width: var(--size--border);
border-right-color: var(--content--border);
border-bottom-style: solid;
border-bottom-width: var(--size--border);
border-bottom-color: var(--content--border);
border-left-style: solid;
border-left-width: var(--size--border);
border-left-color: var(--content--border);
flex-flow: column;
display: flex;
box-shadow: 0.6rem 0.6rem #0000000f;
}
.home-why-item-card.bg-global.is-checking {
z-index: 5;
width: 16.4rem;
bottom: 1.6rem;
left: 6.4rem;
right: auto;
}
.home-why-item-card.bg-global.item-3 {
z-index: 5;
width: 14rem;
bottom: 4.3rem;
left: 3.6rem;
right: auto;
}
.home-why-item-card.card-2 {
z-index: 5;
width: 29.2115%;
bottom: 6.09319%;
left: 11.1111%;
}
.home-why-item-card.card-2.bg-global {
box-shadow: none;
border-width: 0;
}
.home-why-item-card.card-1 {
width: 45.6667%;
bottom: 5.73477%;
right: 5.37634%;
}
.home-why-item-card.card-1.bg-global {
box-shadow: none;
border-width: 0;
}
.home-why-item-card.card-3 {
z-index: 5;
width: 24.552%;
bottom: 7.52688%;
left: 6.45161%;
}
.home-why-item-card.card-3.bg-global {
box-shadow: none;
border-width: 0;
}
.home-why-item-card-head {
padding-bottom: var(--size--border);
background-image: linear-gradient(69deg, #282828, #aaa);
flex: none;
}
.home-why-item-card-head-inner {
background-color: var(--content--primary);
padding: 0.8rem 1.2rem;
}
.home-why-item-card-title {
color: var(--content--white);
}
.home-why-item-card-body {
grid-row-gap: 1.2rem;
flex-flow: column;
flex: 1;
justify-content: flex-end;
padding: 1.2rem;
display: flex;
overflow: hidden;
}
.home-why-item-card-body.is-checking {
padding: 0;
}
.home-why-item-card-sub {
background-color: #00000014;
padding: 0.8rem 1.2rem;
}
.home-why-item-card-sub.item-user {
border: var(--size--border) solid var(--content--border);
}
.home-why-item-card-sub.item-my-chat {
grid-row-gap: 0.4rem;
background-color: #e0e0d7;
flex-flow: column;
margin-left: auto;
display: flex;
}
.home-why-item-card-content {
width: 18.4rem;
margin-bottom: 1.2rem;
}
.home-why-item-card-content-label {
color: var(--content--brand);
margin-bottom: 0.4rem;
}
.home-why-item-card-content-title {
color: var(--content--primary);
margin-bottom: 0.4rem;
}
.home-why-item-card-sub-text p {
text-transform: uppercase;
margin-bottom: 0.4rem;
font-size: 1rem;
line-height: 1.1em;
}
.home-why-item-card-sub-text li {
font-size: 0.8rem;
line-height: 1.2em;
list-style-type: square;
}
.home-why-item-card-sub-text ul {
margin-bottom: 0;
padding-left: 1.2rem;
}
.home-why-item-card-footer {
height: 0.6rem;
padding-bottom: var(--size--border);
background-color: var(--content--primary);
flex: none;
}
.home-why-item-img-main {
justify-content: center;
align-items: center;
display: flex;
position: absolute;
inset: 0%;
}
.home-why-item-img-main-inner {
flex-flow: column;
justify-content: flex-start;
align-items: center;
width: 100%;
display: flex;
}
.home-why-item-img-child {
width: 76.7025%;
position: relative;
transform: scale(0.906542);
}
.home-why-item-img-child.active {
position: relative;
transform: scale(1);
}
.home-why-item-img-child-inner {
mix-blend-mode: multiply;
}
.home-why-item-img-child-status {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
width: 5.60748%;
display: grid;
position: absolute;
bottom: 3%;
right: 2%;
}
.home-why-item-card-text {
padding: 0.8rem 0.9rem 1rem;
}
.home-why-item-card-text ul {
padding-left: 1.2rem;
padding-right: 0.9rem;
}
.home-why-item-card-text li {
letter-spacing: 0;
text-transform: uppercase;
margin-bottom: 0.4rem;
font-size: 0.8rem;
line-height: 1.3em;
list-style-type: square;
}
.home-why-item-img-point {
z-index: 4;
aspect-ratio: 1;
border: 1px solid var(--content--brand);
width: 2.15054%;
position: absolute;
}
.home-why-item-img-point.item-1 {
bottom: 33%;
left: 11%;
}
.home-why-item-img-point.item-2 {
bottom: 64%;
left: 11%;
}
.home-why-item-img-point.item-3 {
bottom: 79%;
left: 27%;
}
.home-why-item-img-point.item-4 {
bottom: 79%;
left: 51%;
}
.home-why-item-img-point.item-5 {
bottom: 70.5%;
left: 76.5%;
}
.home-why-item-img-point.item-6 {
bottom: 60%;
left: 87%;
}
.home-why-item-img-point.item-7 {
bottom: 23%;
left: 47%;
}
.home-why-item-img-point.item-8 {
bottom: 49%;
left: 27%;
}
.home-why-item-img-point.item-9 {
bottom: 49%;
left: 41.5%;
}
.home-why-item-img-point.item-10 {
bottom: 40%;
left: 41.5%;
}
.home-why-item-img-point.item-11 {
bottom: 33%;
left: 62%;
}
.home-why-item-img-point.item-12 {
bottom: 55%;
left: 46.5%;
}
.home-why-item-img-line {
z-index: 2;
width: 77.4642%;
position: absolute;
bottom: 23.5%;
left: 11.5%;
}
.home-intro-logo-cms {
width: calc(100% + var(--size--border));
margin-left: calc(var(--size--border) * -1);
flex-flow: row;
}
.home-intro-logo-list {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
flex: none;
display: flex;
}
.home-intro-logo-item {
filter: saturate(0);
flex: none;
justify-content: center;
align-items: center;
width: 17.2rem;
height: 11.4rem;
transition-property: filter;
transition-duration: 0.4s;
transition-timing-function: ease;
display: flex;
position: relative;
}
.home-intro-logo-item:hover {
filter: saturate();
}
.home-intro-logo-item-img {
width: 11.2rem;
}
.hidden-dsk {
display: none;
}
.about-inves-logo-label-inner {
margin-left: 72.3rem;
}
.home-why-item-img-box {
pointer-events: none;
position: absolute;
}
.home-why-item-img-box.box-1 {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
width: 29.3907%;
display: block;
bottom: 54%;
left: 22%;
}
.home-why-item-img-box.box-2 {
width: 38.7097%;
bottom: 22%;
left: 47%;
}
.home-why-item-img-box.box-3 {
width: 28.6738%;
bottom: 49%;
left: 31%;
}
.home-why-item-img-box-bg {
z-index: 1;
background-color: var(--content--brand);
perspective-origin: 100% 0;
mix-blend-mode: multiply;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
transform: scale(0);
}
.home-why-item-img-box-content {
z-index: 3;
perspective-origin: 100% 0;
position: relative;
transform: scale(0);
}
.home-why-item-card-dots {
z-index: 5;
grid-column-gap: 0.2rem;
grid-row-gap: 0.2rem;
display: flex;
position: absolute;
bottom: 83.5%;
left: 35%;
}
.home-why-item-card-dot {
aspect-ratio: 1;
background-color: #f2f2f1;
border-radius: 99%;
width: 0.2rem;
height: 0.2rem;
}
.home-why-item-img-box-ic {
z-index: 2;
background-color: var(--content--white);
opacity: 0;
justify-content: center;
align-items: center;
width: 1.6rem;
height: 1.6rem;
transition: opacity 0.4s;
display: flex;
overflow: hidden;
}
.home-why-item-img-box-ic-inner {
width: 0.7rem;
}
.display-contents {
display: contents;
}
.loading-progress-text {
color: var(--content--brand);
position: absolute;
bottom: 0.7rem;
left: 3.2rem;
}
.loading-progress-item-wrap {
width: 0%;
height: var(--size--border);
will-change: width;
position: relative;
}
.resource-hero-filter {
grid-column-gap: 7.8rem;
justify-content: center;
align-items: center;
margin-right: -1rem;
padding: 0.5rem 2.4rem;
display: flex;
}
.resource-hero-filter-item {
cursor: pointer;
margin-left: -1rem;
margin-right: -1rem;
padding: 1rem;
transition: color 0.4s;
position: relative;
}
.resource-hero-filter-item:hover {
color: var(--content--primary);
}
.resource-hero-filter-item.active {
pointer-events: none;
color: var(--content--brand);
}
.resource-hero-filter-item-val {
color: var(--content--disable);
margin-left: 0.5rem;
transition: color 0.4s;
position: absolute;
top: -0.5rem;
left: 100%;
}
.loading-img {
width: 100%;
height: 100%;
padding-top: 3.2rem;
padding-left: 3.2rem;
padding-right: 3.2rem;
}
.btn-fill-pixels {
position: absolute;
inset: 0%;
}
.btn-fill-label {
z-index: 3;
flex: 1;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
margin: 1.4rem 1.6rem;
display: grid;
position: relative;
overflow: hidden;
}
.btn-fill-label:where(.w-variant-b76e1715-f3d6-4272-d4a4-e7650212eef1),
.btn-fill-label:where(.w-variant-ca0053c9-fb13-e711-67d0-9a6538635190) {
align-self: flex-start;
margin: 0;
overflow: hidden;
}
.btn-fill-label:where(.w-variant-51093491-cc54-51a9-5310-56ccfceac384) {
display: none;
}
.btn-fill-label:where(.w-variant-9b3c92f8-1150-04c7-801c-5eb408883755) {
margin-left: 3.2rem;
margin-right: 3.2rem;
}
.btn-fill-label:where(.w-variant-ed1d4352-1760-8630-fd8d-0cb2735fa0de) {
align-self: flex-start;
margin: 0;
overflow: hidden;
}
.btn-fill-label:where(.w-variant-31b530d6-d9cb-9146-f6a9-e1e5c8e08844) {
margin: 0.7rem 2.2rem;
}
.btn-fill-icon {
z-index: 3;
flex: none;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: center;
display: grid;
position: relative;
overflow: hidden;
}
.btn-fill-icon:where(.w-variant-b76e1715-f3d6-4272-d4a4-e7650212eef1) {
align-self: flex-end;
}
.btn-fill-icon:where(.w-variant-ca0053c9-fb13-e711-67d0-9a6538635190),
.btn-fill-icon:where(.w-variant-ed1d4352-1760-8630-fd8d-0cb2735fa0de) {
align-self: flex-end;
display: none;
}
.btn-fill-icon:where(.w-variant-31b530d6-d9cb-9146-f6a9-e1e5c8e08844) {
display: none;
}
.btn-fill-label-inner {
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
transition: transform 0.48s cubic-bezier(0.625, 0.05, 0, 1);
display: grid;
}
.btn-fill-label-inner.label-bot {
transform: translateY(100%);
}
.btn-fill {
border: var(--size--border) none var(--content--brand);
background-color: var(--content--brand);
width: 100%;
transition: border-color 0.3s, color 0.3s cubic-bezier(0.625, 0.05, 0, 1);
display: flex;
position: relative;
overflow: hidden;
}
.btn-fill:where(.w-variant-f0f6e5cc-6673-0543-e72e-f5e6cbdfe7ed) {
border-style: solid;
border-color: var(--content--border);
background-color: var(--content--transparent);
color: var(--content--primary);
}
.btn-fill:where(.w-variant-b76e1715-f3d6-4272-d4a4-e7650212eef1) {
z-index: 1;
border-top-style: solid;
border-top-color: var(--content--border);
border-right-style: solid;
border-right-color: var(--content--border);
border-bottom-style: solid;
border-bottom-color: var(--content--border);
border-left-style: solid;
border-left-color: var(--content--border);
background-color: var(--content--transparent);
height: 100%;
color: var(--content--brand);
border-width: 0;
flex-flow: row;
padding: 1.2rem 0.4rem 0.4rem 1.2rem;
}
.btn-fill:where(.w-variant-ca0053c9-fb13-e711-67d0-9a6538635190) {
border-style: none;
border-color: var(--content--border);
background-color: var(--content--transparent);
height: 100%;
color: var(--content--terriary);
flex-flow: row;
padding: 1.2rem;
transition: border-color 0.3s;
}
.btn-fill:where(.w-variant-51093491-cc54-51a9-5310-56ccfceac384) {
border-style: none;
border-color: var(--content--border);
background-color: var(--content--transparent);
height: 100%;
color: var(--content--primary);
justify-content: center;
align-items: center;
transition-duration: 0.2s, 0.2s;
}
.btn-fill:where(.w-variant-9b3c92f8-1150-04c7-801c-5eb408883755) {
border-style: none;
border-color: var(--content--border);
background-color: var(--content--transparent);
color: var(--content--primary);
}
.btn-fill:where(.w-variant-ed1d4352-1760-8630-fd8d-0cb2735fa0de) {
border-style: solid;
border-color: var(--content--border);
background-color: var(--content--transparent);
height: 100%;
color: var(--content--terriary);
flex-flow: row;
padding: 0.6rem 2.2rem;
}
.btn-fill:hover {
border-color: var(--content--primary);
}
.btn-fill:hover:where(.w-variant-f0f6e5cc-6673-0543-e72e-f5e6cbdfe7ed) {
color: var(--content--white);
}
.btn-fill:hover:where(.w-variant-b76e1715-f3d6-4272-d4a4-e7650212eef1) {
border-color: var(--content--brand);
color: var(--content--white);
}
.btn-fill:hover:where(.w-variant-ca0053c9-fb13-e711-67d0-9a6538635190) {
border-top-style: solid;
border-top-color: var(--content--primary);
border-right-style: solid;
border-right-color: var(--content--primary);
border-bottom-style: solid;
border-bottom-color: var(--content--primary);
border-left-style: solid;
border-left-color: var(--content--primary);
color: var(--content--white);
border-width: 0;
}
.btn-fill:hover:where(.w-variant-51093491-cc54-51a9-5310-56ccfceac384),
.btn-fill:hover:where(.w-variant-9b3c92f8-1150-04c7-801c-5eb408883755) {
color: var(--content--white);
}
.btn-fill:hover:where(.w-variant-ed1d4352-1760-8630-fd8d-0cb2735fa0de) {
border: var(--size--border) solid var(--content--primary);
color: var(--content--white);
}
.btn-fill.is-fill-active,
.btn-fill.is-fill-active:where(.w-variant-ca0053c9-fb13-e711-67d0-9a6538635190) {
color: var(--content--white);
}
.loading-img-inner {
width: 100%;
height: 100%;
}
.loading-main {
width: 100%;
height: 100%;
padding-top: var(--size--padding-hero);
background-color: var(--content--white);
position: relative;
}
.loading-main:where(.w-variant-fba54ddd-97c8-9a89-542d-4ccbd15ff994) {
display: none;
}
.btn-fill-icon-svg,
.btn-fill-icon-bot {
width: 2rem;
height: 2rem;
}
.btn-fill-bg {
z-index: 2;
opacity: 0;
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
}
.btn-fill-bg:where(.w-variant-b76e1715-f3d6-4272-d4a4-e7650212eef1) {
transform: translateY(-50%);
}
.btn-fill-icon-inner {
padding: 1.25rem;
transition: transform 0.48s cubic-bezier(0.625, 0.05, 0, 1);
}
.btn-fill-icon-inner:where(.w-variant-b76e1715-f3d6-4272-d4a4-e7650212eef1),
.btn-fill-icon-inner:where(.w-variant-ca0053c9-fb13-e711-67d0-9a6538635190),
.btn-fill-icon-inner:where(.w-variant-ed1d4352-1760-8630-fd8d-0cb2735fa0de) {
padding: 0;
}
.btn-fill-icon-inner.icon-bot {
transform: translate(-100%);
}
.loading-content-sub-item-dash {
width: 100%;
height: var(--size--border);
background-image: url(https://cdn.prod.website-files.com/6a4b5161f0d11f1602cc3bbf/6a6ad1c2da777b5f8ae08567_ic-dash.svg);
background-position: 0 0;
background-repeat: repeat-x;
background-size: 0.5rem 1px;
}
.header-cta-new {
pointer-events: auto;
width: 20rem;
color: var(--content--white);
text-decoration: none;
position: relative;
}
.img-clippath {
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.img-clippath-inner {
z-index: 3;
position: relative;
}
.img-clippath-inner.img-bot {
z-index: 4;
}
.about-hero-item-inner {
width: 34rem;
height: 100%;
}
.home-why-item-img-box-wrap {
z-index: 5;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
position: absolute;
top: 0.8rem;
right: 0.8rem;
}
.home-why-item-img-box-ic-bg {
z-index: 2;
background-color: var(--content--brand);
justify-content: center;
align-items: center;
width: 1.6rem;
height: 1.6rem;
transition: opacity 0.4s;
display: flex;
position: absolute;
inset: 0%;
overflow: hidden;
}
.resource-hero-filter-item-inner {
position: relative;
}
.loading-logo {
z-index: 2;
width: 14rem;
display: none;
position: relative;
}
.loading-logo:where(.w-variant-fba54ddd-97c8-9a89-542d-4ccbd15ff994) {
display: block;
}
.loading-bg {
width: 300rem;
height: 184.5rem;
display: none;
position: absolute;
}
.loading-bg:where(.w-variant-fba54ddd-97c8-9a89-542d-4ccbd15ff994) {
display: block;
}
.loading-bg.bg-global {
background-color: var(--content--white);
}
.home-why-item-img-box-ic-boder {
z-index: 2;
border: var(--size--border) solid var(--content--brand);
justify-content: center;
align-items: center;
display: flex;
position: absolute;
inset: 0%;
overflow: hidden;
}
.home-why-item-card-inner {
mix-blend-mode: multiply;
}
.btn-ctl-rv {
z-index: 0;
width: 100%;
height: 100%;
transform-style: preserve-3d;
justify-content: center;
align-items: center;
display: flex;
position: relative;
transform: rotateX(180deg) rotateY(0) rotate(180deg);
}
.btn-ctl {
z-index: 0;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
position: relative;
}
.btn-fill-inner {
width: 100%;
height: 100%;
}
.home-platform-content-btn {
z-index: 0;
width: 100%;
position: relative;
}
.resource-hero-item-date-divider,
.tp-resource-other-item-date-divider {
opacity: 0.3;
}
.header-menu-btn-ic {
grid-column-gap: 0.2rem;
grid-row-gap: 0.2rem;
flex-flow: column;
width: 1.5rem;
display: flex;
position: absolute;
}
.header-menu-btn-ic-line {
width: 100%;
height: var(--size--border);
background-color: var(--content--primary);
}
.cookie-banner {
z-index: 99999;
opacity: 0;
pointer-events: none;
visibility: hidden;
width: 72.15rem;
padding: 0.6rem 0.8rem 0.6rem 1.6rem;
transition-property: transform, opacity;
transition-duration: 0.35s, 0.4s;
transition-timing-function: ease, ease;
position: fixed;
bottom: 0.8rem;
right: 0.8rem;
transform: translateY(5%);
box-shadow: 0 0.8rem 0 -0.2rem #000;
}
.cookie-banner.bg-global.is-visible {
z-index: 100009;
opacity: 1;
pointer-events: auto;
visibility: visible;
transform: translate(0);
}
.cookie-banner-content {
justify-content: space-between;
align-items: center;
display: flex;
}
.cookie-banner-action {
grid-column-gap: 0.4rem;
grid-row-gap: 0.4rem;
display: flex;
}
.cookie-banner-accept {
color: var(--content--white);
cursor: pointer;
align-self: center;
}
.cookie-banner-reject {
color: var(--content--primary);
cursor: pointer;
background-color: #0000;
align-self: center;
transition: border-color 0.4s;
}
.cookie-banner-reject:hover {
border-color: var(--content--primary);
}
.cookie-banner-description-text p {
color: var(--content--primary);
margin-bottom: 0;
font-size: 1.6rem;
font-weight: 500;
line-height: 1.3;
}
.cookie-banner-description-text a {
color: var(--content--brand);
text-transform: uppercase;
font-family: Geistmono, Arial, sans-serif;
font-size: 1.4rem;
font-weight: 500;
line-height: 1.3;
text-decoration: none;
}
.footer-copyright-txt-block p {
text-transform: uppercase;
margin-bottom: 0;
font-family: Geistmono, Arial, sans-serif;
font-size: 1.4rem;
}
.footer-copyright-txt-block a {
color: var(--content--primary);
transition: color 0.3s;
}
.footer-copyright-txt-block a:hover {
color: var(--content--brand);
}
.about-team-popup-head-inner {
display: flex;
position: relative;
}
.home-hero-sub-link {
color: var(--content--primary);
text-underline-offset: 0.4rem;
font-weight: 600;
transition-property: color;
transition-duration: 0.4s;
transition-timing-function: ease;
}
.home-hero-sub-link:hover {
color: var(--content--brand);
}
@media screen and (max-width: 991px) {
body {
--content--terriary: #282828b8;
--size--padding-hero: calc(3.2rem + 1rem * 2);
--size--max-screen-height: calc(100dvh - 1.6rem);
--content--border: #b3b3af;
--size--border: max(1px, 0.1rem);
--content--brand: #fa3600;
--content--primary: #282828;
--content--white: white;
--content--disable: #b4b4b0;
--content--surface: #72726f;
--content--granite-gray: #626260;
--content--secon\: #414140;
--content--transparent: transparent;
--content--secondary: #414140;
}
.cursor {
display: none;
}
.home-hero {
height: var(--size--max-screen-height);
}
.header-logo-inner,
.header-logo-inner.w--current {
height: 3.2rem;
}
.header-logo {
padding-left: 2.4rem;
}
.line.line-vertical.right.left-tb {
left: 0;
right: auto;
}
.line.line-horizital.left.right.top.hidden-dsk,
.line.line-horizital.left.right.top.home-usecase-title-line {
display: block;
}
.line.line-horizital.left.right.line-brand.home-why-item-line {
display: block;
left: 3.2rem;
right: 3.2rem;
}
.line.line-horizital.bot.left.right.about-inves-content-line-horizital,
.line.line-horizital.bg-brand.left.right.top.home-why-main-line,
.line.line-dash.line-vertical.top.home-why-main-devider,
.line.line-dash.line-horizital.bot.left.right.tp-resource-hero-title-line-bot {
display: none;
}
.header-menu-inner {
position: relative;
}
.header-menu {
flex-flow: column;
height: auto;
position: absolute;
top: 100%;
}
.header-menu.bg-global {
border-right-style: solid;
border-right-width: var(--size--border);
border-right-color: var(--content--border);
border-left-style: solid;
border-left-width: var(--size--border);
border-left-color: var(--content--border);
pointer-events: none;
clip-path: inset(0 0 100%);
width: calc(100% + 1px);
transition-property: all;
transition-duration: 0.4s;
transition-timing-function: ease;
}
.header-menu.bg-global.active {
opacity: 1;
pointer-events: auto;
clip-path: inset(0);
}
.header-cta.btn-bg-hover {
width: 19rem;
}
.txt.txt-font-mono.txt-14.home-map-content-label-txt {
line-height: 1.1;
}
.txt.tb-txt-16 {
font-size: 1.6rem;
line-height: 1.3em;
}
.txt.txt-24.tb-txt-20 {
font-size: 2rem;
}
.txt.tb-txt-12 {
font-size: 1.2rem;
line-height: 1.3em;
}
.header-menu-item {
border-bottom: var(--size--border) solid var(--content--border);
}
.header-menu-item.active {
color: var(--content--primary);
background-color: #0000000a;
}
.hexagon-animated {
width: 16rem;
height: 18.4rem;
}
.header-menu-item-wrap {
flex-flow: column;
flex: 0 auto;
display: flex;
}
.btn-bg-ic.contact-hero-form-input-submit-ic {
width: 2.8rem;
}
.header-menu-dropdown {
opacity: 1;
clip-path: unset;
pointer-events: inherit;
background-color: #0000000a;
padding-top: 0;
transition-property: none;
display: none;
position: static;
top: 0%;
}
.header-menu-dropdown-inner {
min-width: auto;
}
.header-menu-dropdown-inner.bg-global {
border-width: 0;
}
.home-hero-title-wrap {
margin-right: -1rem;
padding-left: 2.4rem;
padding-right: 2.4rem;
}
.heading.h1.tb-h3 {
font-weight: 600;
}
.heading.h3 {
font-size: 3.2rem;
}
.heading.h4 {
line-height: 1.2;
}
.heading.tb-h2 {
font-size: 4.8rem;
line-height: 1em;
}
.heading.tb-h1 {
font-size: 7.2rem;
line-height: 1em;
}
.heading.tb-h3 {
font-size: 4rem;
line-height: 1em;
}
.heading.tb-h4 {
font-size: 3.2rem;
line-height: 1em;
}
.heading.tb-h5 {
font-size: 2.8rem;
line-height: 1;
}
.heading.tb-h6 {
font-size: 2.4rem;
line-height: 1.2em;
}
.heading.tb-h20 {
font-size: 2rem;
}
.heading.tb-h16 {
font-size: 1.6rem;
}
.home-hero-sub-wrap {
margin-left: -1rem;
}
.home-hero-sub {
padding-left: 2.4rem;
padding-right: 2.4rem;
}
.home-hero-btn.btn-bg-hover {
width: 13.5rem;
}
.home-hero-img.bg-global {
padding: 3rem 2.4rem;
}
.home-intro {
height: auto;
}
.img-basic.img-abs {
position: static;
}
.img-basic.img-abs.img-cover.object-center.resource-hero-item-img-main {
position: absolute;
}
.img-basic.img-abs.product-how-img-inner {
object-fit: cover;
object-position: 25% 50%;
position: absolute;
}
.img-basic.img-abs.product-hero-img-main.on-mb {
display: none;
}
.home-intro-content {
padding: 2.4rem;
}
.home-intro-partner-label-wrap {
padding-left: 2.4rem;
}
.home-intro-partner-item {
width: 14rem;
height: 14rem;
}
.home-problem-head {
padding: 6.4rem 2.4rem 4.8rem;
}
.home-problem-title-wrap {
max-width: 37.2rem;
}
.home-problem-sub {
align-self: flex-end;
max-width: 28.5rem;
margin-right: 0;
}
.home-problem-list {
flex-flow: wrap;
}
.home-problem-item {
flex: 0 auto;
width: 50%;
height: auto;
}
.home-problem-item-head {
padding: 1.2rem 2.4rem;
}
.home-problem-item-img {
flex: 0 auto;
height: 30.4rem;
}
.home-problem-item-img-inner {
opacity: 1;
max-width: 16.5rem;
color: var(--content--primary);
}
.home-problem-item-content {
flex: 1;
min-height: 0;
padding: 4.8rem 2.4rem 2.4rem;
}
.home-problem-item-plus {
transform: scale(0);
}
.home-problem-item-title-wrap {
flex-flow: column;
display: flex;
}
.home-problem-item-sub {
padding-top: 1.2rem;
}
.home-platform-content-inner {
opacity: 1;
pointer-events: auto;
position: static;
}
.home-platform-content-inner.grid {
position: relative;
top: 0;
}
.home-platform-img-wrap {
display: none;
}
.home-platform-content {
flex-flow: column;
display: flex;
}
.home-platform-content-left {
min-height: 0;
margin-left: -1rem;
margin-right: 0;
padding: 2.4rem 2.4rem 1.2rem;
}
.home-platform-content-right {
margin-left: -1rem;
position: static;
}
.home-platform-content-title-wrap {
grid-column-gap: 1.6rem;
flex-flow: row;
align-items: center;
}
.home-platform-content-title-wrap.active {
grid-column-gap: 0rem;
grid-row-gap: 0.8rem;
flex-flow: column;
align-items: flex-start;
}
.home-platform-content-sub {
min-height: 13.6rem;
padding: 1.2rem 2.4rem 2.4rem;
}
.home-why-head.grid {
grid-column-gap: 0rem;
}
.home-why-title-wrap {
margin-right: 0;
padding: 6.4rem 2.4rem 2.4rem;
}
.home-why-sub-wrap {
padding: 0 1.4rem 2.4rem;
}
.home-why-main {
grid-row-gap: 6.4rem;
}
.home-why-item-sticky {
opacity: 1;
width: auto;
position: relative;
}
.home-why-item-sticky.item-left {
pointer-events: auto;
padding-left: 3.2rem;
left: 0;
}
.home-why-item-sticky.item-right {
padding-right: 3.2rem;
position: relative;
right: 0;
}
.home-why-item.grid {
align-items: center;
position: relative;
}
.home-why-item-img.item-left {
margin-left: 3.2rem;
display: block;
}
.home-why-item-img.item-left.item-tb {
width: 100%;
display: block;
}
.home-why-item-img.item-right {
margin-right: 3.2rem;
display: block;
}
.home-why-item-img.item-right.item-tb {
display: block;
}
.home-why-item-sticky-content {
pointer-events: auto;
flex-flow: wrap;
width: 100%;
padding-left: 2rem;
padding-right: 2rem;
position: relative;
}
.home-why-sticky-item-ic {
position: absolute;
top: 2.2rem;
right: 2rem;
}
.home-intro-content-title {
margin-bottom: 2.4rem;
}
.home-why-title {
max-width: 28rem;
}
.home-why-sub {
margin-bottom: 0;
}
.home-why-sub-cta {
display: none;
}
.home-why-sticky-item-sub {
flex: 0 auto;
width: 100%;
}
.home-why-sticky-item-title {
min-width: 0;
margin-bottom: 0.4rem;
}
.home-map-main {
height: auto;
}
.home-map-main-stick {
flex: 0 auto;
height: 500dvh;
overflow: visible;
}
.home-usecase-img.bg-global {
min-height: auto;
margin-right: 0;
}
.home-usecase-img-item {
height: 80rem;
}
.home-usecase-content {
min-height: 0;
margin-left: 0;
}
.home-usecase-title-wrap {
flex: 0 auto;
margin-left: 0;
padding: 6.4rem 2.4rem 2.4rem;
}
.home-usecase-title {
max-width: 36rem;
}
.home-usecase-faq-list {
min-height: 0;
}
.home-usecase-faq-item {
padding: 1.6rem 2.4rem;
}
.home-usecase-faq-item-title-wrap {
grid-column-gap: 1.2rem;
}
.home-usecase-faq-item-numb {
margin-top: 0.3rem;
margin-right: 0;
}
.home-usecase-faq-item-sub {
padding-top: 1.2rem;
}
.home-problem-item-main {
flex-flow: column;
display: flex;
}
.cta-head.grid {
min-height: 8rem;
}
.cta-main-item.item-center {
padding-left: 2.4rem;
padding-right: 2.4rem;
}
.cta-main-item-title {
max-width: 30rem;
margin-left: auto;
margin-right: auto;
}
.cta-main-item-sub {
margin-bottom: 2rem;
}
.btn {
padding: 1.4rem 2.4rem;
}
.btn.resource-hero-load.btn-bg-hover.btn-bg-brand {
max-width: 100%;
}
.footer-logo {
min-height: 27.4rem;
margin-left: -1.35rem;
}
.footer-logo-inner {
max-width: 18rem;
}
.footer-content-item {
grid-column: 1/-1;
margin-left: 0;
}
.footer-content-item.item-bot {
grid-column: 1/9;
height: auto;
}
.footer-title-wrap {
flex: 1;
justify-content: center;
min-height: auto;
padding: 2.4rem;
}
.footer-menu-item {
padding: 2.4rem;
}
.footer-form-wrap {
border-bottom: var(--size--border) solid var(--content--disable);
padding-top: 2.4rem;
padding-left: 2.4rem;
padding-right: 2.4rem;
}
.footer-form-title {
margin-bottom: 3.2rem;
}
.input-wrap.footer-form-input-wrap {
margin-left: -2.4rem;
margin-right: -2.4rem;
}
.footer-info-wrap {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: wrap;
grid-template-rows: minmax(1px, 1fr) minmax(1px, 1fr);
grid-template-columns: minmax(1px, 1fr) minmax(1px, 1fr);
grid-auto-columns: minmax(1px, 1fr);
margin-right: -0.7rem;
display: grid;
}
.footer-info-item {
flex: 0 auto;
padding: 2.4rem;
}
.footer-info-item.item2 {
flex-flow: column;
order: -9999;
padding: 0;
}
.footer-info-item-title.hidden-tab {
margin-top: 1.2rem;
}
.footer-info-item-inner {
margin-left: 0;
margin-right: 0;
padding: 2.4rem;
}
.footer-info-item-inner.item2 {
padding-top: 2.4rem;
padding-bottom: 2.4rem;
}
.footer-img-inner.bg-global {
height: auto;
padding-top: 6.4rem;
padding-bottom: 6.4rem;
}
.footer-img-item.hidden-dsk {
justify-content: center;
align-items: center;
height: 10.8rem;
display: flex;
}
.footer-copyright {
margin-right: -5.6rem;
padding: 1.4rem 2.4rem;
}
.bg-border.home-why-main-bg-border {
display: none;
}
.home-why-main-wrap {
padding-top: 12.4rem;
padding-bottom: 4rem;
}
.home-intro-partner-wrap {
margin-left: 0;
}
.home-platform-content-img {
mix-blend-mode: multiply;
margin-right: -1rem;
display: block;
position: relative;
}
.footer-head {
flex-flow: row;
margin-right: 0;
}
.header-menu-btn {
height: 100%;
color: var(--content--terriary);
justify-content: flex-start;
align-items: center;
padding: 1.2rem;
text-decoration: none;
display: flex;
position: relative;
}
.home-hero-img-deco.item1 {
bottom: 46%;
left: 7%;
}
.home-hero-img-deco.item2 {
bottom: 33%;
left: 46.5%;
}
.home-map-content {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: wrap;
grid-template-rows: auto;
grid-template-columns: minmax(1px, 1fr) minmax(1px, 1fr);
grid-auto-columns: minmax(1px, 1fr);
display: grid;
width: 100% !important;
}
.home-map-inner {
flex-flow: column;
height: auto;
position: static;
}
.home-map-content-label-wrap {
height: 9.1rem;
padding: 0;
position: relative;
}
.home-map-content-label {
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 10rem;
height: 100%;
margin-left: 2.4rem;
display: flex;
}
.home-map-content-title-wrap {
flex: 0 auto;
padding-bottom: 2.4rem;
padding-left: 2.4rem;
padding-right: 2.4rem;
}
.home-map-content-ic {
margin-bottom: 3rem;
}
.home-map-content-title {
margin-bottom: 1.6rem;
}
.home-map-content-cms {
margin-left: -0.1rem;
}
.home-map-content-list {
flex-flow: column;
height: 100%;
display: flex;
}
.home-map-content-item {
flex: 1;
}
.home-map-content-item-ic {
aspect-ratio: 1;
padding: 0;
}
.home-map-content-item-title {
padding-left: 2.4rem;
padding-right: 2.4rem;
line-height: 1.1;
}
.home-map-main-stick-inner {
height: var(--size--max-screen-height);
position: sticky;
top: 0;
overflow: hidden;
}
.home-map-content-wrap {
flex-flow: wrap;
width: 100% !important;
}
.home-hero-intro {
display: none;
}
.product-hero {
height: auto;
}
.product-hero-logo-item.swiper-slide {
width: 17.2rem;
height: 11.5rem;
}
.product-hero-content {
margin-right: 0;
}
.product-hero-img {
margin-left: 0;
}
.product-hero-title-wrap {
padding: 2.4rem 2.4rem 9.6rem;
}
.product-hero-sub {
max-width: 100%;
padding: 1.6rem 2.4rem;
}
.product-hero-btn {
width: 20rem;
}
.product-hero-btn.btn-bg-hover {
width: 14.2rem;
}
.product-key-title-wrap.grid {
grid-column-gap: 0rem;
display: flex;
}
.product-key-title {
max-width: 44rem;
}
.product-key-title-inner {
flex: 1;
padding-top: 5.6rem;
padding-bottom: 5.6rem;
}
.product-key-title-block {
flex: none;
width: 2.4rem;
display: none;
}
.product-key-tab-wrap.grid.bg-global {
grid-column-gap: 0rem;
display: flex;
overflow: hidden;
}
.product-key-tab-wrap.bg-global {
display: block;
}
.product-key-tab-block {
flex: none;
width: 2.4rem;
display: none;
}
.product-key-tab-block.item-right {
display: none;
}
.product-key-tab-cms-wrap {
flex: 0 auto;
width: 100%;
margin-left: 0;
margin-right: 0;
}
.product-key-tab-cms {
width: 100%;
}
.product-key-tab-item {
flex: none;
width: 20.45rem;
}
.product-key-tab-item.active {
flex: none;
}
.product-key-main {
grid-template-columns: 1fr 1fr;
}
.product-key-main-left {
display: none;
}
.product-key-main-title-wrap {
padding-left: 6.4rem;
}
.product-key-main-title-inner {
max-width: 28rem;
}
.product-key-main-title-inner.bg-global {
max-width: none;
}
.product-key-main-title {
margin-bottom: 0.8rem;
}
.product-key-main-img-wrap {
padding-left: 0;
padding-right: 0;
}
.product-key-main-img-main {
max-width: 36rem;
margin-left: auto;
margin-right: auto;
}
.product-how-head.grid {
grid-column-gap: 0rem;
}
.product-how-title-wrap {
margin-right: 0;
padding-bottom: 4.36364dvh;
padding-left: 2.4rem;
padding-right: 2.4rem;
}
.product-how-title {
max-width: 43.7rem;
}
.product-how-sub-wrap {
flex-flow: column;
justify-content: space-between;
margin-left: 0;
padding-left: 2.4rem;
padding-right: 2.4rem;
display: flex;
}
.product-how-item {
min-height: max(27.5375dvh, 19.2rem);
}
.product-how-item-head {
padding-left: 2.4rem;
padding-right: 2.4rem;
}
.product-how-item-content {
padding: 2.4rem;
}
.product-how-item-sub {
max-width: none;
}
.product-faq-title-wrap.bg-global {
min-height: 56rem;
padding-left: 2.4rem;
}
.product-faq-title-wrap.bg-global.pricing-faq-title {
width: auto;
min-height: 0;
margin-right: -1.5rem;
padding-left: 2.4rem;
}
.product-faq-title-wrap.bg-global.item-product {
min-height: 0;
padding: 2.4rem;
}
.product-faq-main.pricing-faq-main {
margin-left: -0.6rem;
}
.product-faq-item {
padding: 2.4rem;
}
.product-faq-item-head {
grid-column-gap: 1.2rem;
}
.product-faq-item-tag {
display: none;
}
.product-faq-item-ic {
margin-top: 0.3rem;
}
.product-faq-item-sub {
padding-right: 0;
}
.product-key-main-label-mob {
display: block;
}
.product-key-main-title-line {
left: 1.6rem;
}
.pricing-hero-grid {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
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);
}
.pricing-hero-block {
display: none;
}
.pricing-hero-title-wrap {
padding-top: 6.4rem;
padding-bottom: 6.4rem;
}
.pricing-hero-tab-block {
display: none;
}
.pricing-hero-main {
padding-bottom: 0;
}
.pricing-hero-package-item {
flex: none;
width: 34.8rem;
}
.pricing-hero-package-item.swiper-slide {
width: 34.8rem;
}
.pricing-hero-package {
position: relative;
}
.pricing-hero-package.pricing-hero-grid {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
width: max-content;
display: flex;
}
.pricing-hero-package-item-head {
flex: 1;
padding-top: 1.6rem;
padding-left: 2.4rem;
padding-right: 2.4rem;
}
.pricing-hero-package-item-main {
flex: 1;
padding: 2.4rem;
}
.pricing-hero-table-row.pricing-hero-grid {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
display: flex;
}
.pricing-hero-table-col {
flex: 1;
padding-left: 1.6rem;
padding-right: 1.6rem;
}
.pricing-hero-table-col.item-first {
padding-left: 2.4rem;
padding-right: 2.4rem;
}
.pricing-hero-package-wrap.bg-global {
position: relative;
overflow: hidden;
}
.pricing-hero-package-wrap.bg-global.swiper {
width: 100%;
}
.pricing-hero-package-block {
display: none;
}
.pricing-hero-pagi {
justify-content: center;
align-items: center;
display: flex;
}
.pricing-hero-table-wrap {
padding-bottom: calc(6.1rem * 4 - var(--size--border));
}
.pricing-hero-table-head {
display: flex;
position: sticky;
top: 0;
}
.pricing-hero-table-head.bg-global {
z-index: 3;
display: flex;
}
.pricing-hero-table-head-item {
color: var(--content--primary);
flex: 1;
padding: 1.6rem;
position: relative;
}
.pricing-hero-table-head-item.item-first {
padding-left: 2.4rem;
padding-right: 2.4rem;
}
.contact-hero-title-wrap {
margin-right: 0;
padding: 2.4rem;
position: relative;
}
.contact-hero-info {
margin-left: 0;
}
.contact-hero-info-item {
min-height: 14rem;
padding: 2.4rem;
}
.contact-hero-info-item.item-last {
width: 29.3rem;
}
.contact-hero-image-wrap {
display: none;
}
.contact-hero-form-wrap {
width: 100%;
margin-left: 0;
}
.contact-hero-form-title {
padding: 2.4rem;
}
.contact-hero-form-label.input-area-label {
top: 2.8rem;
}
.contact-hero-form-input {
height: 8rem;
font-size: 2rem;
}
.contact-hero-form-input.input-area {
height: 12.4rem;
margin-top: 2.8rem;
margin-bottom: 2.8rem;
}
.contact-hero-form-input-submit.btn-bg-hover {
height: 10rem;
}
.about-hero {
height: var(--size--max-screen-height);
}
.about-hero-item.item-1.active {
max-height: unset;
}
.about-intro-left {
flex: none;
width: 9rem;
}
.about-intro-title-wrap {
flex: 1;
margin-left: -2rem;
margin-right: -2rem;
padding-top: 2.4rem;
padding-bottom: 2.4rem;
}
.about-intro-title {
max-width: 58rem;
margin-bottom: 1.6rem;
}
.about-intro-right {
flex: none;
width: 9rem;
}
.about-intro-right-label-inner,
.about-intro-left-label-inner {
display: none;
}
.about-story-img-wrap.bg-global {
margin-bottom: -1px;
position: relative;
}
.about-story-title-wrap {
padding: 9.6rem 2.4rem 2.4rem;
}
.about-story-sub-wrap {
grid-row-gap: 2.4rem;
padding-bottom: 2.4rem;
padding-left: 2.4rem;
padding-right: 2.4rem;
}
.about-story-mission {
flex-flow: wrap;
margin-left: 0;
display: flex;
}
.about-story-mission-title {
width: 100%;
padding: 1.2rem 2.4rem;
}
.about-story-mission-item {
border-right: var(--size--border) solid var(--content--border);
flex-flow: row-reverse wrap;
width: 50%;
padding-left: 0;
padding-right: 0;
}
.about-story-mission-item-ic {
width: 8rem;
height: 8rem;
padding-left: 2.4rem;
padding-right: 2.4rem;
}
.about-story-mission-item-title {
padding-left: 2.4rem;
padding-right: 2.4rem;
}
.about-team-title-wrap {
max-width: 34rem;
padding: 6.4rem 0 2.4rem 2.4rem;
}
.about-team-sub-wrap {
padding-bottom: 2.4rem;
padding-left: 2.4rem;
padding-right: 2.4rem;
}
.about-team-main {
grid-template-columns: minmax(1px, 1fr) minmax(1px, 1fr);
}
.about-team-item-img-wrap {
padding: 3.5rem 3.2rem;
}
.about-team-item-info-title-wrap {
padding-top: 1.3rem;
padding-bottom: 1.3rem;
padding-left: 2.4rem;
}
.about-team-item-info-title {
margin-bottom: 0.4rem;
}
.about-team-item-info-ic {
width: 7.2rem;
padding-left: 2.4rem;
padding-right: 2.4rem;
}
.about-team-popup-label {
padding-left: 2.4rem;
}
.about-team-popup-linkin,
.about-team-popup-close {
width: 7.2rem;
height: 7.2rem;
padding-left: 2.4rem;
padding-right: 2.4rem;
}
.about-team-popup-img {
padding: 2.4rem;
}
.about-team-popup-title-wrap {
padding-left: 2.4rem;
padding-right: 2.4rem;
}
.about-team-popup-desc {
padding: 2.4rem;
}
.about-inves-img {
min-height: 9.6rem;
margin-right: 0;
display: none;
}
.about-inves-content {
margin-left: 0;
padding: 6.4rem 2.4rem 3.2rem;
}
.about-inves-content-inner {
max-width: 47rem;
}
.about-inves-label {
margin-bottom: 1.6rem;
}
.about-inves-logo-label {
padding-top: 0.8rem;
padding-bottom: 0.8rem;
padding-left: 2.4rem;
}
.about-inves-logo-item {
width: 12rem;
height: 8.67rem;
}
.about-inves-logo-item-img {
width: 8.33rem;
}
.about-job-head {
flex-flow: row;
justify-content: space-between;
height: auto;
margin-right: 0;
padding: 6.4rem 2.4rem 4.8rem;
position: relative;
}
.about-job-title {
max-width: 32rem;
margin-bottom: 0;
}
.about-job-sub {
align-self: flex-end;
max-width: 25rem;
}
.about-job-main {
margin-left: 0;
}
.about-job-item {
min-height: 47.2rem;
}
.about-job-item.swiper-slide {
width: 27.5rem;
min-height: 31.4rem;
}
.about-job-item-title {
padding: 2.4rem;
}
.about-job-item-info-wrap {
margin-bottom: 0;
}
.about-job-item-info-item {
width: 13.6rem;
padding: 1.2rem 2.4rem;
}
.about-job-item-link.btn-bg-hover {
flex: 1;
}
.about-intro-inner.grid {
grid-auto-columns: 1fr;
height: auto;
display: flex;
}
.about-job-item-inner {
flex-flow: column;
display: flex;
}
.schedule-hero-title-wrap {
flex-flow: row;
margin-right: 0;
position: relative;
}
.schedule-hero-title {
width: 50%;
padding: 2.4rem;
}
.schedule-hero-inner {
min-height: auto;
}
.schedule-hero-termly {
margin-left: 0;
}
.schedule-hero-sub-wrap {
width: 50%;
margin-bottom: 0;
padding-bottom: 2.4rem;
position: relative;
}
.schedule-hero-sub {
padding: 2.4rem 2.4rem 0.8rem;
}
.schedule-hero-desc {
padding-left: 2.4rem;
}
.about-hero-main {
height: 100%;
position: static;
}
.meetings-iframe-container {
padding: calc(2.4rem - 16px) 2.4rem 2.4rem;
}
.schedule-hero-email {
min-height: 15.7rem;
margin-right: 0;
padding: 2.4rem;
}
.schedule-hero-email-title.hover-un {
color: var(--content--primary);
}
.policy-hero-img {
display: none;
}
.policy-hero-title-wrap {
margin-left: 0;
}
.policy-hero-breakscrum-link {
width: 40.9rem;
}
.policy-hero-title {
padding: 5.4rem 2.4rem;
}
.policy-hero-table {
z-index: 100;
transition: top 0.4s;
position: sticky;
top: 0;
}
.policy-hero-table-head {
grid-column-gap: 0.8rem;
background-color: #0000000a;
justify-content: flex-start;
padding-top: 1.6rem;
padding-bottom: 1.6rem;
overflow: hidden;
}
.policy-hero-table-item {
padding: 1.6rem 2.4rem;
}
.policy-hero-content {
margin-left: 0;
padding: 2.4rem;
}
.policy-hero-table-inner {
position: static;
}
.policy-hero-content-richtext h1 {
font-size: 5.6rem;
}
.policy-hero-content-richtext h3 {
margin-top: 2.4rem;
}
.policy-hero-table-list {
display: none;
}
.policy-hero-table-head-ic {
flex-flow: column;
justify-content: space-between;
width: 0.7rem;
height: calc(100% - 2.6rem);
display: flex;
position: absolute;
top: 1.3rem;
right: 1rem;
}
.resource-hero-title {
margin-left: 0;
margin-right: 0;
padding-top: 6.4rem;
padding-bottom: 6.4rem;
}
.resource-hero-title-block {
display: none;
}
.resource-hero-search {
margin-left: 0;
margin-right: 0;
}
.resource-hero-search-inner {
border-top: var(--size--border) solid var(--content--border);
}
.resource-hero-search-block {
display: none;
}
.resource-hero-cms {
margin-left: 0;
margin-right: 0;
}
.resource-hero-list {
grid-template-columns: minmax(1px, 1fr) minmax(1px, 1fr) minmax(1px, 1fr);
}
.resource-hero-item-date {
margin-bottom: 0;
}
.resource-hero-item-img {
height: 19.2rem;
}
.resource-hero-item-content {
padding-top: 1.6rem;
padding-bottom: 1.6rem;
}
.resource-hero-load-wrap {
padding: 2.4rem;
}
.tp-resource-hero-img {
display: none;
}
.tp-resource-hero-img.bg-global {
margin-right: 0;
padding: 0;
display: block;
}
.tp-resource-hero-title-wrap {
margin-left: 0;
}
.tp-resource-hero-breakscrum-date,
.tp-resource-hero-breakscrum-link {
width: 40.9rem;
}
.tp-resource-hero-breakscrum-link-item {
flex: none;
}
.tp-resource-hero-breakscrum-link-item.item-current {
flex: 0 auto;
}
.tp-resource-hero-title {
min-height: 0;
padding: 2.4rem 2.4rem 4rem;
}
.tp-resource-hero-table {
z-index: 100;
margin-right: 0;
transition: top 0.4s;
position: sticky;
top: 0;
}
.tp-resource-hero-table-inner {
position: static;
}
.tp-resource-hero-table-head {
grid-column-gap: 0.8rem;
background-color: #0000000a;
justify-content: flex-start;
padding-top: 1.6rem;
padding-bottom: 1.6rem;
overflow: hidden;
}
.tp-resource-hero-table-head-ic {
flex-flow: column;
justify-content: space-between;
width: 0.7rem;
height: calc(100% - 2.6rem);
display: flex;
position: absolute;
top: 1.3rem;
right: 1rem;
}
.tp-resource-hero-table-list {
z-index: 100;
border-bottom: var(--size--border) solid var(--content--border);
display: none;
position: absolute;
top: 100%;
left: 0;
right: 0;
}
.tp-resource-hero-content-richtext {
padding: 4rem 2.4rem 2.4rem;
}
.tp-resource-hero-content-richtext h2 {
margin-top: 4.8rem;
margin-bottom: 1.6rem;
}
.tp-resource-hero-content-richtext p {
margin-bottom: 1.6rem;
}
.tp-resource-hero-content-richtext ol {
grid-column-gap: 1.6rem;
grid-row-gap: 1.6rem;
}
.tp-resource-hero-table-item {
padding-top: 1.6rem;
padding-bottom: 1.6rem;
}
.tp-resource-hero-form-img {
width: 50%;
}
.tp-resource-hero-form-inner {
padding: 2.4rem;
}
.tp-resource-hero-form-title {
margin-bottom: 0.6rem;
}
.tp-resource-hero-form-sub {
margin-bottom: 2rem;
}
.tp-resource-other-title-wrap {
padding: 2.4rem;
}
.tp-resource-other-cms {
overflow: hidden;
}
.tp-resource-other-list {
grid-template-columns: minmax(1px, 1fr) minmax(1px, 1fr);
display: flex;
}
.tp-resource-other-item {
flex: none;
width: 33.3333%;
}
.tp-resource-other-item-date {
margin-bottom: 0;
}
.tp-resource-other-item-img {
height: 19.2rem;
}
.tp-resource-other-item-content {
padding-top: 1.6rem;
}
.tp-resource-hero-share {
display: none;
}
.tp-resource-hero-share.on-tablet {
display: block;
}
.tp-resource-other-control {
display: flex;
position: relative;
}
.tp-resource-other-control-item {
width: 4.8rem;
height: 4.8rem;
color: var(--content--primary);
flex: none;
padding: 1.6rem;
transition: color 0.4s;
position: relative;
}
.tp-resource-other-control-item.swiper-button-disabled {
color: var(--content--disable);
}
.tp-resource-other-pagi {
flex: 1;
justify-content: center;
align-items: center;
padding-left: 1.6rem;
padding-right: 1.6rem;
display: flex;
}
.notfound-hero-noti {
width: 34.5rem;
display: block;
bottom: 3.2rem;
right: 3.2rem;
}
.notfound-hero-noti-head {
padding-top: 0.8rem;
padding-bottom: 0.8rem;
}
.notfound-hero-noti-body.bg-global {
padding: 1.6rem;
}
.notfound-hero-noti-title {
margin-bottom: 0.4rem;
}
.notfound-hero-noti-sub {
margin-bottom: 1.6rem;
}
.about-team-list {
grid-template-columns: minmax(1px, 1fr) minmax(1px, 1fr);
}
.home-hero-img-interact-wrap {
display: none;
}
.footer-form-success {
padding-bottom: 2.4rem;
}
.footer-body {
margin-left: 0;
margin-right: 0;
display: contents;
}
.cta-deco-item-img-inner {
padding: 1rem;
}
.product-hero-logo.swiper {
flex: 0 auto;
width: calc(100% + 0.2rem);
margin-left: -0.1rem;
}
.product-hero-logo-item-img {
width: 10rem;
}
.product-hero-logo-control {
display: none;
}
.product-faq-item-num {
margin-top: 0;
}
.product-key-main-tab-wrap {
grid-column-gap: 0.8rem;
margin-bottom: 1.9rem;
display: flex;
}
.product-how-img-inner {
top: 8%;
bottom: 8%;
}
.pricing-hero-package-btn.btn-fill-hover.btn-fill-brand {
margin-top: 1.6rem;
}
.product-hero-chat.bg-global {
width: 28rem;
height: 36dvh;
}
.loading-ruler {
display: none;
}
.loading-content {
grid-column-gap: 1.6rem;
grid-row-gap: 1.6rem;
left: 2.4rem;
right: 2.4rem;
}
.loading-content-title {
flex: none;
width: 27.5rem;
}
.loading-content-sub {
grid-column-gap: 2rem;
flex: 1;
}
.loading-content-sub-item {
flex: none;
}
.loading-content-sub-item.item1 {
flex: 1;
}
.loading-progress {
top: 42svh;
}
.header-logo-item.item-txt {
width: 10rem;
padding-left: 0.8rem;
}
.header-logo-item.bg-global {
width: 2.8rem;
}
.notfound-hero-img-bg {
width: 43rem;
top: calc(50% - 9.09091dvh);
}
.notfound-hero-noti-label {
color: var(--content--brand);
}
.notfound-hero-noti-cta.btn-fill-hover.btn-fill-brand {
width: 100%;
}
.policy-hero-table-item-tooltip {
display: none;
}
.home-intro-desc {
padding-left: 2.4rem;
padding-right: 2.4rem;
}
.home-intro-control {
display: none;
}
.home-intro-control.item-prev,
.home-intro-control.item-prev.btn-control-hover,
.home-intro-control.item-next,
.home-intro-control.item-next.btn-control-hover,
.home-platform-btn-ic {
display: block;
}
.home-why-item-card.bg-global {
width: 28rem;
height: 36dvh;
}
.home-why-item-card.card-2.bg-global {
width: 29.2115%;
height: auto;
}
.home-why-item-card.card-1.bg-global {
width: 45.6667%;
height: auto;
}
.home-why-item-card.card-3.bg-global {
width: 24.552%;
height: auto;
}
.hidden-tb {
display: none;
}
.home-intro-logo-item {
width: 12rem;
height: 8.67rem;
}
.home-intro-logo-item-img {
width: 8.33rem;
}
.about-inves-logo-label-inner {
margin-left: 0;
}
.home-why-item-card-dot {
width: 0.1rem;
}
.home-why-item-img-box-ic {
width: 1rem;
height: 1rem;
}
.loading-progress-text {
left: 2.4rem;
}
.resource-hero-filter {
height: 4.8rem;
}
.loading-img {
padding-top: 3rem;
padding-left: 3rem;
padding-right: 3rem;
}
.btn-fill:hover {
color: var(--content--terriary);
}
.btn-fill:hover:where(.w-variant-f0f6e5cc-6673-0543-e72e-f5e6cbdfe7ed) {
color: var(--content--primary);
}
.btn-fill:hover:where(.w-variant-b76e1715-f3d6-4272-d4a4-e7650212eef1) {
color: var(--content--brand);
}
.btn-fill:hover:where(.w-variant-ca0053c9-fb13-e711-67d0-9a6538635190) {
color: var(--content--terriary);
}
.btn-fill:hover:where(.w-variant-51093491-cc54-51a9-5310-56ccfceac384),
.btn-fill:hover:where(.w-variant-9b3c92f8-1150-04c7-801c-5eb408883755) {
color: var(--content--primary);
}
.btn-fill:hover:where(.w-variant-ed1d4352-1760-8630-fd8d-0cb2735fa0de) {
color: var(--content--terriary);
}
.btn-fill-bg {
display: none;
}
.home-why-item-img-box-ic-bg,
.home-why-item-img-box-ic-boder {
width: 1rem;
height: 1rem;
}
.header-menu-btn-ic {
right: 1.6rem;
}
.header-menu-btn-ic-line {
transform-origin: 50%;
transition-property: transform;
transition-duration: 0.4s;
transition-timing-function: ease;
}
.cookie-banner {
padding: 1.6rem 2.4rem;
}
.cookie-banner.bg-global {
width: 41rem;
}
.cookie-banner.bg-global.is-visible {
width: 40.9rem;
}
.cookie-banner-content {
grid-column-gap: 1.6rem;
grid-row-gap: 1.6rem;
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
}
.cookie-banner-action {
align-self: flex-end;
}
}
@media screen and (max-width: 767px) {
body {
--content--terriary: #282828b8;
--size--padding-hero: calc(2.4rem + 1rem * 2);
--size--max-screen-height: calc(100dvh - 1.6rem);
--content--border: #b3b3af;
--size--border: max(1px, 0.1rem);
--content--brand: #fa3600;
--content--primary: #282828;
--content--white: white;
--content--disable: #b4b4b0;
--content--surface: #72726f;
--content--granite-gray: #626260;
--content--secon\: #414140;
--content--transparent: transparent;
--content--secondary: #414140;
}
.header {
z-index: 10000000;
}
.header-logo-inner {
height: 3rem;
}
.header-logo-inner.w--current {
height: 2.4rem;
}
.header-logo {
padding-top: 1rem;
padding-bottom: 1rem;
padding-left: 1.2rem;
}
.line.line-vertical.top.left.home-why-main-devider,
.line.line-horizital.left.right.top.home-usecase-title-line {
display: none;
}
.line.line-horizital.left.right.bot.home-usecase-title-line {
display: block;
}
.line.line-horizital.left.right.line-brand.home-why-item-line,
.line.line-horizital.bot.left.right.line-brand.product-key-main-line,
.line.line-horizital.bot.left.right.about-inves-content-line-horizital {
display: none;
}
.line.line-horizital.bg-brand.left.right.top.home-why-main-line {
z-index: 3;
width: var(--size--border);
height: 100%;
display: none;
left: 50%;
transform: translate(-50%);
}
.line.line-dash.line-horizital.bot.left.right.about-story-sub-item-line {
display: none;
}
.header-menu-wrap {
margin-left: -0.8rem;
}
.header-menu-inner {
display: flex;
}
.header-cta.btn-bg-hover {
display: none;
}
.header-cta.btn-bg-hover.only-mb,
.header-cta.only-mb {
display: flex;
}
.txt.txt-font-mono.txt-14 {
line-height: 1.1;
}
.txt.txt-font-mono.txt-10 {
font-size: 0.8rem;
}
.txt.txt-16.input {
height: 4.8rem;
}
.txt.txt-16.input::placeholder {
font-size: 1.4rem;
}
.txt.txt-16.input.footer-form-input {
border-bottom-width: var(--size--border);
}
.txt.txt-16.txt-mb-14 {
font-size: 1.4rem;
}
.txt.txt-20.tb-txt-16 {
font-weight: 400;
}
.txt.mb-16 {
font-size: 1.6rem;
line-height: 1.3em;
}
.txt.mb-txt-18 {
font-size: 1.8rem;
line-height: 1.2em;
}
.txt.mb-txt-14 {
font-size: 1.4rem;
}
.txt.mb-txt-12 {
font-size: 1.2rem;
}
.txt.mb-txt-16 {
font-size: 1.6rem;
}
.txt.mb-txt-10 {
font-size: 1rem;
}
.txt.txt-32.mb-txt-20 {
font-size: 2rem;
}
.txt.mb-txt-8 {
font-size: 0.8rem;
}
.header-menu-item:hover {
color: var(--content--terriary);
}
.header-menu-item.active {
background-color: var(--content--primary);
color: var(--content--white);
}
.hexagon-animated {
width: 12rem;
height: 13.8rem;
}
.btn-bg-ic.contact-hero-form-input-submit-ic {
width: 2rem;
}
.home-hero-title-wrap {
margin-right: 0;
padding: 1.6rem 1rem;
}
.heading.h3 {
font-size: 2.4rem;
line-height: 1.1;
}
.heading.mb-h1 {
font-size: 4rem;
line-height: 1em;
}
.heading.mb-h2 {
font-size: 3.2rem;
line-height: 1em;
}
.heading.mb-h3 {
font-size: 2.4rem;
line-height: 1.1em;
}
.heading.mb-h4 {
font-size: 2rem;
line-height: 1.2em;
}
.heading.mb-h5,
.heading.mb-h6,
.heading.mb-h18 {
font-size: 1.8rem;
line-height: 1.1em;
}
.home-hero-sub-wrap {
margin-left: 0;
}
.home-hero-sub-inner {
flex-flow: column;
}
.home-hero-sub {
padding-left: 1.6rem;
padding-right: 1.6rem;
}
.home-hero-btn {
width: 100%;
height: 6.4rem;
}
.home-hero-btn.btn-bg-hover {
width: 100%;
}
.home-hero-img.bg-global {
padding: 1.6rem;
}
.home-intro-img-wrap {
margin-right: 0;
}
.img-basic.img-abs.home-intro-img-main {
object-position: 50% 50%;
}
.img-basic.img-abs.img-cover-mb {
object-fit: cover;
}
.img-basic.img-abs.product-hero-img-main {
display: none;
}
.img-basic.img-abs.product-hero-img-main.on-mb {
display: block;
}
.home-intro-body {
margin-left: 0;
}
.home-intro-btn-inner.hover-un {
grid-column-gap: 1.6rem;
}
.home-intro-content {
padding-left: 1.6rem;
padding-right: 1.6rem;
}
.home-intro-partner-label-wrap {
padding-left: 1.6rem;
}
.home-intro-partner-item {
width: 10rem;
height: 10rem;
}
.home-problem-head {
flex-flow: column;
padding: 6.4rem 1.6rem 3.2rem;
}
.home-problem-title-wrap {
margin-bottom: 2rem;
}
.home-problem-sub {
max-width: 100%;
margin-top: 0;
}
.home-problem-list {
flex-flow: row;
flex: none;
}
.home-problem-item {
flex: none;
width: 31.4rem;
}
.home-problem-item-head {
padding: 0.8rem 1.6rem;
}
.home-problem-item-img {
flex: none;
height: 27.8rem;
}
.home-problem-item-img-inner {
color: var(--content--disable);
}
.home-problem-item-content {
padding-top: 2.4rem;
padding-left: 1.6rem;
padding-right: 1.6rem;
}
.home-platform-content-left {
margin-left: 0;
padding: 3.2rem 1.6rem 0.8rem;
}
.home-platform-content-right {
margin-left: 0;
}
.home-platform-content-title-wrap.active {
grid-column-gap: 2.4rem;
}
.home-platform-content-btn-wrap {
justify-content: flex-start;
align-items: flex-end;
}
.home-platform-content-sub {
min-height: 0;
padding-left: 1.6rem;
padding-right: 1.6rem;
}
.home-why {
overflow: hidden;
}
.grid {
grid-column-gap: 1.6rem;
grid-template-columns: minmax(1px, 1fr) minmax(1px, 1fr) minmax(1px, 1fr) minmax(
1px,
1fr
);
}
.home-why-title-wrap {
text-align: center;
margin-right: 0;
padding: 4.8rem 1.6rem 2rem;
}
.home-why-sub-wrap {
margin-left: 0;
padding-bottom: 2.4rem;
padding-left: 1.6rem;
padding-right: 1.6rem;
}
.home-why-main {
grid-row-gap: 0rem;
flex-flow: row;
overflow: visible;
}
.home-why-item-sticky {
z-index: 10;
width: 100%;
margin-top: auto;
}
.home-why-item-sticky.item-left {
z-index: 4;
padding-left: 0;
position: relative;
}
.home-why-item-sticky.item-right {
margin-top: 1.6rem;
padding-right: 0;
top: auto;
}
.home-why-item.grid {
grid-column-gap: 0rem;
width: 100%;
height: auto;
clip-path: unset;
flex: none;
padding: 1.2rem;
}
.home-why-item-img {
padding-top: 100%;
}
.home-why-item-img.item-left {
margin-left: 0;
padding-left: 0;
}
.home-why-item-img.item-right {
margin-right: 0;
padding-right: 0;
}
.home-why-item-sticky-content {
padding: 1.2rem 1.6rem;
}
.home-intro-content-title {
margin-bottom: 2rem;
}
.home-problem-label {
margin-bottom: 1.2rem;
}
.home-why-label {
text-align: left;
margin-bottom: 1.2rem;
}
.home-why-title {
text-align: left;
max-width: 100%;
margin-left: auto;
margin-right: auto;
}
.home-map-main-img {
padding-bottom: 10rem;
position: relative;
}
.home-usecase-img.bg-global {
margin-right: 0;
}
.home-usecase-img-item {
height: 25.6rem;
}
.home-usecase-content {
margin-left: 0;
}
.home-usecase-title-wrap {
padding: 6.4rem 1.6rem 2.4rem;
}
.home-usecase-label {
margin-bottom: 1.2rem;
}
.home-usecase-faq-item {
padding: 2rem 1.6rem;
}
.home-usecase-faq-item-title-wrap {
grid-column-gap: 0.8rem;
}
.home-usecase-faq-item-numb {
margin-top: 0.2rem;
margin-bottom: 0;
}
.home-usecase-faq-item-sub {
padding-top: 0.8rem;
display: none;
}
.cta-head.grid {
grid-column-gap: 0rem;
justify-content: space-between;
min-height: 6rem;
display: flex;
}
.cta-head-item.item-center {
flex: 1;
margin-left: 0;
margin-right: 0;
}
.cta-head-item.item-right {
width: 6rem;
margin-left: 0;
}
.cta-head-item.item-left {
flex: none;
width: 6rem;
margin-right: 0;
}
.cta-main.grid {
grid-column-gap: 0rem;
display: flex;
}
.cta-main-item.item-left {
flex: none;
width: 6rem;
margin-right: 0;
}
.cta-main-item.item-left.hidden-mb {
display: none;
}
.cta-main-item.item-center {
flex: 1;
justify-content: flex-start;
align-items: center;
margin-left: 0;
margin-right: 0;
padding: 7rem 1.6rem;
}
.cta-main-item.item-right {
flex: none;
width: 6rem;
margin-left: 0;
}
.cta-main-item-title {
margin-bottom: 0.8rem;
}
.cta-main-item-sub {
max-width: 28rem;
margin-bottom: 2.4rem;
}
.btn {
padding: 1rem 1.2rem 1rem 2rem;
}
.btn.btn-brand.btn-dot {
padding: 1rem 2rem;
}
.btn.btn-outline.pricing-hero-package-btn {
margin-top: 3.2rem;
padding-top: 1.7rem;
padding-bottom: 1.7rem;
}
.btn.btn-outline.notfound-hero-noti-btn {
justify-content: center;
align-items: center;
width: 100%;
padding-top: 1.7rem;
padding-bottom: 1.7rem;
display: flex;
}
.cta-deco.grid {
grid-column-gap: 0rem;
display: flex;
}
.cta-deco-item.item-center.bg-global {
width: calc(100% - 12rem);
margin-left: auto;
margin-right: 0;
}
.cta-deco-item.item-right {
flex: none;
width: 6rem;
margin-left: 0;
}
.footer-logo {
min-height: 0;
margin-left: 0;
padding-top: 3.2rem;
padding-bottom: 3.2rem;
}
.footer-logo-inner {
max-width: 12rem;
}
.footer-logo-inner.full {
position: static;
}
.footer-content-item.item-bot {
grid-column: 1/-1;
}
.footer-title-wrap {
min-height: 0;
padding: 2rem 1.5rem;
}
.footer-menu {
flex-flow: wrap;
}
.footer-menu-item {
flex: 0 auto;
width: 50%;
padding: 2rem 1.6rem;
}
.footer-menu-item.item-right {
border-bottom: var(--size--border) solid var(--content--border);
width: 100%;
padding-left: 1.6rem;
padding-right: 1.6rem;
}
.footer-menu-item-label {
color: var(--content--disable);
margin-bottom: 2.4rem;
}
.footer-menu-item-link.item-top {
width: calc(50% - 1.6rem);
}
.footer-menu-item-link-wrap {
grid-row-gap: 1rem;
}
.footer-menu-item-link-wrap.item-top {
grid-column-gap: 3.2rem;
grid-row-gap: 1rem;
flex-flow: wrap;
}
.footer-form-wrap {
border-bottom-width: 0;
padding: 2rem 1.6rem 0;
}
.footer-form-label {
color: var(--content--disable);
}
.footer-form-title {
padding-left: 1.6rem;
padding-right: 1.6rem;
}
.footer-form {
margin-left: -1.6rem;
margin-right: -1.6rem;
}
.footer-form-main {
padding-top: 2rem;
}
.input-wrap.footer-form-input-wrap {
margin-left: 0;
margin-right: 0;
}
.footer-info-wrap {
margin-right: 0;
}
.footer-info-item {
min-height: 14rem;
padding: 2rem 0.6rem 2rem 1.2rem;
}
.footer-info-item.item1 {
padding-left: 1.6rem;
padding-right: 1.6rem;
}
.footer-info-item.item2 {
border-bottom: var(--size--border) solid var(--content--border);
flex-flow: row;
}
.footer-info-item.item3 {
padding-left: 1.6rem;
padding-right: 1.6rem;
}
.footer-info-item-label {
color: var(--content--disable);
}
.footer-info-item-inner {
justify-content: space-between;
padding: 2rem 1.6rem;
}
.footer-info-item-inner.item2 {
justify-content: space-between;
padding-top: 2rem;
padding-bottom: 2rem;
}
.footer-info-item-title-wrap {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
}
.footer-img-inner.bg-global {
padding: 4.5rem 2rem;
}
.footer-img-item.hidden-dsk {
opacity: 0.8;
height: 4.8rem;
}
.footer-copyright-wrap.grid {
flex-flow: column;
display: flex;
}
.footer-copyright {
justify-content: center;
align-items: center;
margin-right: 0;
padding: 1.2rem 1.6rem;
display: flex;
}
.footer-copyright-txt {
text-align: center;
flex-flow: column;
justify-content: flex-start;
align-items: center;
max-width: 22rem;
}
.footer-policy {
grid-template-rows: auto;
grid-template-columns: 0.8fr 1fr 0.8fr;
grid-auto-columns: 1fr;
margin-left: 0;
display: grid;
}
.footer-policy-item {
grid-column-gap: 16px;
grid-row-gap: 16px;
border-top: var(--size--border) solid var(--content--border);
flex: 1;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
min-width: 0;
padding: 1.5rem 0.5rem;
}
.home-intel-inner {
padding-left: 2rem;
padding-right: 2rem;
}
.home-intel-item {
text-align: center;
}
.bg-border {
inset: 0.8rem;
}
.bg-border-item.bg-border-horizital {
background-size: auto 0.6rem;
height: 0.6rem;
left: 1.2rem;
right: 1.2rem;
}
.bg-border-item.bg-border-vertical {
background-size: 0.6rem;
width: 0.6rem;
top: 1.2rem;
bottom: 1.2rem;
}
.bg-border-plus {
width: 0.8rem;
}
.bg-border-plus.top {
top: -0.1rem;
}
.bg-border-plus.left {
left: -0.1rem;
}
.bg-border-plus.right {
right: -0.1rem;
}
.bg-border-plus.bot {
bottom: -0.1rem;
}
.home-why-main-wrap {
padding-top: 0;
padding-bottom: 0;
}
.home-platform-content-img {
margin-right: 0;
}
.footer-head {
flex-flow: column;
}
.header-menu-btn {
justify-content: flex-start;
align-items: center;
width: 100%;
display: flex;
}
.home-problem-cms {
display: flex;
overflow: hidden;
}
.home-problem-pagi {
display: flex;
position: relative;
}
.home-why-main-inner {
position: relative;
}
.home-why-pagi {
justify-content: flex-start;
align-items: center;
padding-left: 1.6rem;
padding-right: 1.6rem;
display: flex;
position: relative;
}
.home-hero-ruler {
display: none;
}
.home-map-content-label-wrap {
height: auto;
padding: 1.6rem;
}
.home-map-content-label {
text-align: left;
max-width: none;
margin-left: 0;
}
.home-map-content-title-wrap {
width: 100%;
padding: 6.4rem 1.6rem 3.2rem;
}
.home-map-content-ic {
width: 4rem;
margin-bottom: 5rem;
}
.home-map-content-cms {
width: 100%;
margin-left: 0;
}
.home-map-content-item {
flex-flow: row-reverse wrap;
flex: 0 auto;
height: 5.6rem;
}
.home-map-content-item-ic {
width: 5.6rem;
}
.home-map-content-item-ic-inner {
width: 2.4rem;
height: 2.4rem;
}
.home-map-content-item-title {
padding-left: 1.6rem;
padding-right: 1.6rem;
}
.home-map-main-img-sub-hover.bg-global {
z-index: 4;
flex-flow: column;
width: 33.1rem;
padding: 0.8rem;
display: flex;
bottom: 0;
left: 50%;
transform: translate(-50%);
}
.home-map-main-img-sub-hover.bg-global.active {
width: 33.1rem;
}
.home-map-main-img-sub-desc {
padding-top: 0.6rem;
}
.home-map-main-img-sub-desc-wrap {
width: 100%;
display: block;
}
.home-usecase-faq-item-tag {
flex: none;
}
.home-why-main-cms {
overflow: visible;
}
.product-hero-logo-item,
.product-hero-logo-item.swiper-slide {
width: 10rem;
height: 10rem;
}
.product-hero-title {
max-width: 32rem;
}
.product-hero-label {
margin-bottom: 1.2rem;
}
.product-hero-sub-wrap {
flex-flow: column;
min-height: 0;
margin-bottom: 0;
display: block;
}
.product-hero-title-wrap {
padding-bottom: 2.4rem;
padding-left: 1.6rem;
padding-right: 1.6rem;
}
.product-hero-sub {
flex: 0 auto;
width: 100%;
padding-left: 1.6rem;
padding-right: 1.6rem;
}
.product-hero-btn {
width: auto;
height: 7.2rem;
display: flex;
}
.product-hero-btn.btn-bg-hover {
width: 100%;
height: 7.2rem;
}
.product-key-title {
max-width: 28rem;
}
.product-key-label {
margin-bottom: 1.2rem;
}
.product-key-title-inner {
padding-top: 6.4rem;
padding-bottom: 4rem;
}
.product-key-title-block,
.product-key-tab-block {
width: 1.2rem;
display: none;
}
.product-key-tab-cms-wrap {
flex: 0 auto;
width: 100%;
}
.product-key-tab-cms.swiper {
width: 100%;
}
.product-key-tab-item {
width: max-content;
min-width: 16.6rem;
min-height: 7.6rem;
padding: 1.2rem;
}
.product-key-tab-item.swiper-slide {
width: 16.6rem;
}
.product-key-tab-item-title {
text-overflow: ellipsis;
white-space: nowrap;
word-break: normal;
overflow: hidden;
}
.product-key-main-title-wrap {
margin-right: 0;
padding-left: 0;
padding-right: 0;
}
.product-key-main-title-inner {
border-bottom-style: solid;
border-bottom-width: var(--size--border);
border-bottom-color: var(--content--border);
max-width: 100%;
min-height: 0;
padding: 3.2rem 1.6rem 1.6rem;
}
.product-key-main-title {
width: 100%;
color: var(--content--primary);
margin-bottom: 1.2rem;
}
.product-key-main-sub {
color: var(--content--terriary);
margin-bottom: 1.6rem;
}
.product-key-main-img-wrap {
display: none;
}
.product-how,
.product-how-inner.bg-global {
height: auto;
}
.product-how-title-wrap {
border-bottom: var(--size--border) solid var(--content--border);
margin-right: 0;
padding: 2.4rem 1.6rem;
}
.product-how-label {
margin-bottom: 1.2rem;
}
.product-how-sub-wrap {
padding: 1.6rem;
}
.product-how-sub {
margin-bottom: 2.4rem;
}
.product-how-img {
flex: none;
height: auto;
}
.product-how-content {
flex-flow: column;
}
.product-how-item {
flex: 0 auto;
height: 20rem;
min-height: auto;
}
.product-how-item-head {
padding: 0.8rem 1.6rem;
}
.product-how-item-label {
color: var(--content--primary);
}
.product-how-item-content {
padding: 1.6rem;
}
.product-faq-title-wrap.bg-global {
border-bottom: var(--size--border) solid var(--content--border);
min-height: 0;
margin-right: 0;
padding-left: 1.2rem;
padding-right: 1.2rem;
}
.product-faq-title-wrap.bg-global.pricing-faq-title,
.product-faq-title-wrap.bg-global.item-product {
margin-right: 0;
padding: 6.4rem 1.6rem 4rem;
}
.product-faq-label {
margin-bottom: 1.2rem;
}
.product-faq-main,
.product-faq-main.pricing-faq-main,
.product-faq-main.item-product {
margin-left: 0;
}
.product-faq-item {
padding: 2rem 1.6rem;
}
.product-faq-item-ic {
width: 1.6rem;
}
.product-faq-item-sub {
padding-left: 0;
}
.product-key-main-title-line {
display: none;
}
.product-key-main-img-mob {
mix-blend-mode: multiply;
width: 100%;
display: block;
}
.pricing-hero-head.pricing-hero-grid {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
display: flex;
}
.pricing-hero-block {
display: none;
}
.pricing-hero-title-wrap {
margin-left: auto;
margin-right: auto;
}
.pricing-hero-title {
max-width: 30rem;
}
.pricing-hero-label {
max-width: 35rem;
margin-left: auto;
margin-right: auto;
}
.pricing-hero-tab-wrap.pricing-hero-grid {
z-index: 10;
grid-column-gap: 0rem;
grid-row-gap: 0rem;
transition: top 0.4s;
display: flex;
position: sticky;
top: 0;
}
.pricing-hero-tab {
flex: 1;
margin-left: 0;
margin-right: 0;
}
.pricing-hero-tab-block {
display: none;
}
.pricing-hero-tab-item {
color: var(--content--primary);
padding: 1.6rem 1.2rem;
}
.pricing-hero-tab-item:hover {
background-color: #0000;
}
.pricing-hero-tab-item.active:hover {
background-color: var(--content--primary);
color: var(--content--white);
}
.pricing-hero-tab-item-ic {
width: 1.6rem;
}
.pricing-hero-main {
margin-top: 0;
}
.pricing-hero-package-item {
border-bottom: var(--size--border) solid var(--content--border);
width: 100%;
padding-bottom: 4.8rem;
}
.pricing-hero-package.pricing-hero-grid {
flex-flow: column;
width: 100%;
}
.pricing-hero-package-item-head {
padding-left: 1.6rem;
padding-right: 1.6rem;
}
.pricing-hero-package-item-type {
margin-bottom: 0.4rem;
}
.pricing-hero-package-item-main {
padding-left: 1.6rem;
padding-right: 1.6rem;
position: relative;
}
.pricing-hero-package-item-sub-wrap {
margin-bottom: 0;
}
.pricing-hero-table {
margin-bottom: 0;
}
.pricing-hero-table.only-mob {
padding-left: 1.6rem;
padding-right: 1.6rem;
display: flex;
}
.pricing-hero-table-list {
border-top: var(--size--border) solid var(--content--border);
border-right: var(--size--border) solid var(--content--border);
width: 100%;
}
.pricing-hero-table-col {
padding: 0 1.2rem;
}
.pricing-hero-table-col-check {
width: 1.6rem;
height: 1.6rem;
}
.pricing-hero-pagi {
display: none;
position: relative;
}
.pricing-hero-table-wrap {
padding-bottom: 0;
display: none;
}
.contact-hero-title-wrap {
padding-bottom: 2rem;
padding-left: 1.2rem;
padding-right: 1.2rem;
}
.contact-hero-title {
max-width: 30rem;
}
.contact-hero-info {
flex-flow: column;
}
.contact-hero-info-item {
border-bottom: var(--size--border) solid var(--content--border);
min-height: 10.4rem;
padding: 1.2rem;
}
.contact-hero-info-item.item-last {
border-bottom-width: 0;
width: 100%;
}
.contact-hero-info-item-title {
max-width: none;
}
.contact-hero-form-title {
padding-left: 1.2rem;
padding-right: 1.2rem;
}
.contact-hero-form-inner {
border-bottom: var(--size--border) solid var(--content--border);
}
.contact-hero-form-input-group.item-50 {
width: 100%;
}
.contact-hero-form-label {
left: 1.2rem;
}
.contact-hero-form-label.input-area-label {
top: 2.5rem;
}
.contact-hero-form-input {
height: 6rem;
padding: 2rem 1.2rem 1rem;
font-size: 1.8rem;
}
.contact-hero-form-input.input-area {
height: 5rem;
margin-top: 2.5rem;
margin-bottom: 2.5rem;
margin-right: 1.2rem;
}
.contact-hero-form-input-submit {
height: 6.4rem;
}
.contact-hero-form-input-submit.btn-bg-hover {
height: 8rem;
padding: 1.2rem;
}
.contact-hero-form-input-submit.btn-bg-hover.disable {
height: 6rem;
}
.about-hero-item {
min-height: 38.3rem;
}
.about-hero-item.active {
opacity: 1;
}
.about-hero-item.item-2,
.about-hero-item.item-1 {
padding: 3.2rem;
}
.about-intro-left {
width: 6rem;
display: none;
}
.about-intro-title-wrap {
margin-left: 0;
margin-right: 0;
padding: 2.4rem 1.6rem;
}
.about-intro-right {
width: 6rem;
display: none;
}
.about-story-img-wrap.bg-global {
margin-right: 0;
}
.about-story-main {
margin-left: 0;
}
.about-story-title-wrap {
padding: 6.4rem 1.6rem 3.2rem;
}
.about-story-label {
margin-bottom: 1.2rem;
}
.about-story-sub-wrap {
grid-row-gap: 0rem;
flex-flow: column;
padding-bottom: 0;
padding-left: 1.6rem;
padding-right: 1.6rem;
}
.about-story-sub-item {
width: 100%;
padding: 0 0 3.2rem;
}
.about-story-sub-item.item1 {
padding: 0 0 1.6rem;
}
.about-story-mission-title {
padding: 1.6rem;
}
.about-story-mission-item {
border-right-style: none;
width: 100%;
}
.about-story-mission-item-ic {
width: 5.6rem;
height: 5.6rem;
padding-left: 1.6rem;
padding-right: 1.6rem;
}
.about-team-title-wrap {
padding: 6.4rem 1.6rem 2rem;
}
.about-team-label {
margin-bottom: 1.2rem;
}
.about-team-sub-wrap {
margin-left: 0;
padding-bottom: 1.6rem;
padding-left: 1.6rem;
padding-right: 1.6rem;
}
.about-team-main {
grid-template-columns: minmax(1px, 1fr);
}
.about-team-item-img-wrap {
padding: 2.4rem 2.8rem;
}
.about-team-item-info-title-wrap {
padding-top: 1rem;
padding-bottom: 1rem;
padding-left: 1.6rem;
}
.about-team-item-info-ic {
width: 6.4rem;
padding-left: 2rem;
padding-right: 2rem;
}
.about-team-popup-content.bg-global {
width: 100%;
}
.about-team-popup-label {
padding-left: 1.2rem;
}
.about-team-popup-linkin,
.about-team-popup-close {
width: 5.6rem;
height: 5.6rem;
padding-left: 1.6rem;
padding-right: 1.6rem;
}
.about-team-popup-img {
padding: 1.2rem;
}
.about-team-popup-title-wrap,
.about-team-popup-desc {
padding: 2rem 1.2rem;
}
.about-team-popup-desc-txt p {
margin-bottom: 2rem;
}
.about-inves-img {
display: none;
}
.about-inves-content {
padding-bottom: 2.4rem;
padding-left: 1.6rem;
padding-right: 1.6rem;
}
.about-inves-label {
margin-bottom: 1.2rem;
}
.about-inves-logo-label {
padding-top: 0.8rem;
padding-bottom: 0.8rem;
padding-left: 1.6rem;
}
.about-inves-logo-item {
width: 10.4rem;
height: 6.4rem;
}
.about-inves-logo-item-img {
width: 7rem;
}
.about-job-head {
flex-flow: column;
padding-bottom: 2.4rem;
padding-left: 1.6rem;
padding-right: 1.6rem;
}
.about-job-label {
margin-bottom: 1.2rem;
}
.about-job-title {
margin-bottom: 2rem;
}
.about-job-sub {
max-width: 100%;
}
.about-job-control {
display: none;
}
.about-job-item {
width: 31.4rem;
min-height: 40rem;
}
.about-job-item.swiper-slide {
border-bottom: var(--size--border) solid var(--content--border);
width: 31.5rem;
min-height: 40rem;
}
.about-job-item-title {
padding-top: 1.6rem;
padding-left: 1.6rem;
padding-right: 1.6rem;
}
.about-job-item-info {
flex: none;
width: 16.6rem;
}
.about-job-item-info-item {
width: 100%;
padding: 1.2rem 1.6rem;
}
.about-job-pagi-line {
justify-content: center;
align-items: center;
display: flex;
position: relative;
}
.schedule-hero-title-wrap {
flex-flow: column;
}
.schedule-hero-title {
width: 100%;
min-height: 0;
padding-left: 1.2rem;
padding-right: 1.2rem;
}
.schedule-hero-sub-wrap {
width: 100%;
padding-bottom: 1.6rem;
}
.schedule-hero-sub {
padding-top: 1.6rem;
padding-left: 1.2rem;
padding-right: 1.2rem;
}
.schedule-hero-desc {
padding-left: 1.2rem;
}
.meetings-iframe-container {
padding: calc(2rem - 16px) 1.2rem 2rem;
}
.schedule-hero-email {
grid-column-gap: 2.4rem;
grid-row-gap: 2.4rem;
min-height: 0;
padding: 1.6rem 1.2rem;
}
.policy-hero-breakscrum {
flex-flow: column;
}
.policy-hero-breakscrum-link {
border-bottom: var(--size--border) solid var(--content--border);
width: 100%;
padding: 1.2rem;
}
.policy-hero-breakscrum-date {
padding: 1.2rem;
}
.policy-hero-title {
padding: 4rem 1.2rem;
}
.policy-hero-table-head {
padding: 1.35rem 1.2rem;
}
.policy-hero-table-item {
padding: 1.4rem 1.2rem;
}
.policy-hero-table-item-ic {
display: none;
}
.policy-hero-content {
padding-left: 1.2rem;
padding-right: 1.2rem;
}
.policy-hero-table-inner {
display: block;
position: relative;
}
.policy-hero-content-richtext h1 {
font-size: 4.4rem;
}
.policy-hero-table-list {
width: 100%;
max-height: 50vh;
display: block;
position: absolute;
top: 100%;
left: 0;
}
.policy-hero-table-list.bg-global {
border-bottom: var(--size--border) solid var(--content--border);
display: none;
}
.policy-hero-table-head-ic {
height: calc(100% - 1.6rem);
top: 0.8rem;
right: 0.8rem;
}
.resource-hero-search-wrap.grid {
overflow: hidden;
}
.resource-hero-list {
grid-template-columns: minmax(1px, 1fr);
}
.resource-hero-item-img {
height: 26rem;
}
.resource-hero-item-img.bg-global {
padding: 1.2rem;
}
.resource-hero-item-content {
padding: 1.6rem 1.6rem 2.4rem;
}
.resource-hero-load-wrap {
padding-left: 1.2rem;
padding-right: 1.2rem;
}
.tp-resource-hero-img.bg-global {
padding: 1.2rem 1.6rem;
}
.tp-resource-hero-breakscrum {
flex-flow: row-reverse wrap-reverse;
}
.tp-resource-hero-breakscrum-date {
border-bottom: var(--size--border) solid var(--content--border);
width: 100%;
padding: 1.2rem 1.6rem;
}
.tp-resource-hero-breakscrum-link {
grid-column-gap: 0.4rem;
border-bottom: var(--size--border) solid var(--content--border);
width: 100%;
padding: 1.2rem;
}
.tp-resource-hero-title {
padding: 1.6rem 1.6rem 3.2rem;
}
.tp-resource-hero-table-head {
padding: 1.35rem 1.2rem;
}
.tp-resource-hero-table-head-ic {
height: calc(100% - 1.6rem);
top: 0.8rem;
right: 0.8rem;
}
.tp-resource-hero-table-item-ic {
top: 2.2rem;
right: 1.2rem;
}
.tp-resource-hero-content-richtext {
padding: 3.2rem 1.6rem 4.8rem;
}
.tp-resource-hero-content-richtext ol {
grid-column-gap: 0.8rem;
grid-row-gap: 0.8rem;
}
.tp-resource-hero-table-item {
padding: 1.4rem 2rem 1.4rem 1.2rem;
}
.tp-resource-hero-form.bg-global {
flex-flow: column;
}
.tp-resource-hero-form-img {
border-bottom: var(--size--border) solid var(--content--border);
width: 100%;
height: 21.2rem;
}
.tp-resource-hero-form-inner {
padding: 1.6rem 1.6rem 6.4rem;
}
.tp-resource-hero-form-sub {
margin-bottom: 2.4rem;
}
.tp-resource-other-title-wrap {
padding: 2rem 1.6rem;
}
.tp-resource-other-btn.btn-bg-hover {
padding-left: 1.6rem;
}
.tp-resource-other-list {
flex-flow: row;
grid-template-columns: minmax(1px, 1fr);
}
.tp-resource-other-item {
width: 100%;
}
.tp-resource-other-item-img {
height: 26rem;
}
.tp-resource-other-item-img.bg-global {
padding: 1.2rem;
}
.tp-resource-other-item-content {
padding: 1.6rem 1.6rem 2.4rem;
}
.tp-resource-hero-share.on-tablet {
grid-column-gap: 1.6rem;
justify-content: flex-start;
align-items: center;
padding: 1.6rem;
display: flex;
}
.tp-resource-hero-share-title {
margin-bottom: 0;
}
.tp-resource-other-control-item {
display: none;
}
.tp-resource-other-pagi {
justify-content: flex-start;
align-items: center;
display: flex;
position: relative;
}
.notfound-hero-bg-img.only-mob {
display: flex;
}
.notfound-hero-bg-img.only-dk {
display: none;
}
.notfound-hero-noti {
width: 32.5rem;
top: 2.4rem;
left: 2.4rem;
bottom: unset;
right: unset;
}
.notfound-hero-noti-head {
padding: 0.8rem 1.2rem;
}
.notfound-hero-noti-sub {
margin-bottom: 1.6rem;
}
.about-team-list {
grid-template-columns: minmax(1px, 1fr);
}
.product-key-main-left-wrap {
display: none;
}
.home-hero-work-wrap {
flex: none;
}
.home-why-item-img-inner {
position: absolute;
inset: 0%;
}
.product-how-img-wrap {
justify-content: center;
align-items: center;
display: flex;
}
.product-hero-img-message {
width: 16.1rem;
bottom: 1.2rem;
right: 1rem;
}
.contact-hero-form-success-label {
text-align: left;
}
.contact-hero-form-success-inner {
padding: 2.4rem 1.2rem;
}
.contact-hero-form-success-btn.btn-bg-hover {
border-bottom: var(--size--border) solid var(--content--border);
height: 8rem;
padding: 1.2rem;
}
.footer-form-success {
padding-bottom: 1.6rem;
}
.cta-deco-item-img-inner {
padding: 0;
display: none;
inset: 0;
}
.cta-deco-item-img-inner.on-mb {
display: block;
}
.about-inves-logo-item-copy {
width: 8.4rem;
height: 8rem;
}
.product-hero-logo-item-img {
width: 5rem;
}
.product-faq-item-num {
display: none;
}
.product-key-main-tab-wrap {
margin-bottom: 0.8rem;
}
.product-key-main-tab-title {
color: var(--content--brand);
}
.product-how-img-inner {
display: none;
position: relative;
inset: auto;
}
.product-how-img-inner.on-mb {
height: 20rem;
display: block;
}
.btn-bg-txt-wrap.btn-fill-txt {
flex: none;
padding-top: 1.2rem;
padding-bottom: 1.2rem;
}
.btn-bg-ic-wrap.btn-fill-ic {
aspect-ratio: 1;
flex: 1;
height: 4rem;
padding-left: 0;
padding-right: 0;
}
.product-hero-chat.bg-global {
width: 24.5rem;
height: 30.6rem;
bottom: 2.5rem;
right: 50%;
transform: translate(50%);
box-shadow: 0 0.6rem #000;
}
.product-hero-chat-head-inner {
padding: 0.6rem 1rem;
}
.product-hero-chat-footer,
.product-hero-chat-body {
padding: 1rem;
}
.product-hero-chat-message.item-user,
.product-hero-chat-message.item-my-chat {
width: 16rem;
padding: 0.6rem 1rem;
}
.product-hero-chat-footer-ic-wrap {
width: 2.8rem;
height: 2.6rem;
}
.typing-indicator-container {
margin-left: 1rem;
}
.typing-indicator {
padding-bottom: 1rem;
}
.loading-content {
grid-column-gap: 4.8rem;
grid-row-gap: 4.8rem;
flex-flow: column;
align-items: flex-start;
bottom: 1.6rem;
left: 1.6rem;
right: 1.6rem;
}
.loading-content-sub {
grid-column-gap: 1.6rem;
grid-row-gap: 1rem;
flex: 0 auto;
align-items: flex-start;
width: 100%;
}
.loading-content-sub-item {
width: 16.3rem;
margin-top: 3.6rem;
}
.loading-content-sub-item.item1 {
margin-top: 0;
}
.loading-content-sub-item-txt.item-space {
margin-bottom: 0.6rem;
}
.loading-content-sub-item-txt.item-head {
flex-flow: column;
margin-right: -17.8rem;
}
.loading-progress {
top: 23.6dvh;
}
.loading-init-txt {
bottom: 2rem;
right: 1.6rem;
}
.loading-3d {
width: 14rem;
height: 15rem;
top: 1.6rem;
right: 0.8rem;
}
.loading-line-wrap {
width: 14rem;
height: 14rem;
}
.tp-resource-other-item-img-main {
width: 100%;
height: 100%;
}
.header-logo-item.item-txt {
width: 7.5rem;
padding-left: 0.6rem;
}
.header-logo-item.bg-global {
width: 2.3rem;
}
.home-map-main-img-main {
position: static;
}
.notfound-hero-img-bg {
width: 31.2rem;
bottom: 9.2dvh;
top: unset;
transform: translate(-50%);
}
.notfound-hero-noti-2 {
width: 31.3rem;
}
.notfound-hero-noti-head-2 {
padding: 0.8rem 1.2rem;
}
.notfound-hero-noti-body-2.bg-global {
padding-left: 5rem;
padding-right: 5rem;
}
.home-intro-desc {
padding-left: 1.6rem;
padding-right: 1.6rem;
}
.home-intro-control.item-prev,
.home-intro-control.item-next {
display: block;
}
.home-platform-btn-inner.hover-un {
grid-column-gap: 1.6rem;
}
.home-why-item-card.bg-global {
width: 24.5rem;
height: 30.6rem;
bottom: 2.5rem;
right: 50%;
transform: translate(50%);
}
.home-why-item-card-head-inner {
padding: 0.6rem 1rem;
}
.home-why-item-card-body {
padding: 1rem;
}
.home-why-item-card-sub.item-user,
.home-why-item-card-sub.item-my-chat {
width: 16rem;
padding: 0.6rem 1rem;
}
.home-intro-logo-item {
width: 10.4rem;
height: 6.4rem;
}
.home-intro-logo-item-img {
width: 7rem;
}
.hidden-dsk {
display: block;
}
.hidden-mb {
display: none;
}
.home-why-item-img-box-ic {
width: 1rem;
height: 1rem;
top: 0.4rem;
right: 0.4rem;
}
.loading-progress-text {
bottom: 0.4rem;
left: 1.6rem;
}
.resource-hero-filter {
grid-column-gap: 0rem;
grid-row-gap: 0px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
height: auto;
margin-right: -0.2rem;
padding: 0;
display: grid;
}
.resource-hero-filter-item {
border-top: var(--size--border) solid var(--content--border);
border-right: var(--size--border) solid var(--content--border);
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
margin: 0;
display: flex;
}
.loading-img {
height: 32rem;
padding-top: 1.6rem;
padding-left: 1.6rem;
padding-right: 1.6rem;
}
.btn-fill-label:where(.w-variant-9b3c92f8-1150-04c7-801c-5eb408883755) {
margin-left: 1.6rem;
margin-right: 1.6rem;
}
.btn-fill-label:where(.w-variant-31b530d6-d9cb-9146-f6a9-e1e5c8e08844) {
margin-top: 1rem;
margin-bottom: 1rem;
}
.btn-fill:where(.w-variant-ed1d4352-1760-8630-fd8d-0cb2735fa0de) {
padding-top: 1rem;
padding-bottom: 1rem;
}
.btn-fill-icon-svg {
width: 1.6rem;
height: 1.6rem;
}
.header-cta-new {
display: none;
}
.about-hero-item-inner {
width: 17rem;
}
.home-why-item-img-box-ic-bg {
width: 1rem;
height: 1rem;
top: 0.4rem;
right: 0.4rem;
}
.resource-hero-filter-item-inner {
flex-flow: column;
}
.home-why-item-img-box-ic-boder {
width: 1rem;
height: 1rem;
top: 0.4rem;
right: 0.4rem;
}
.cookie-banner {
width: auto;
padding: 1.2rem 1.6rem;
}
.cookie-banner.bg-global {
width: auto;
left: 0.8rem;
}
.cookie-banner.bg-global.is-visible {
width: auto;
}
.cookie-banner-content {
grid-column-gap: 1.2rem;
grid-row-gap: 1.2rem;
}
.cookie-banner-action {
align-self: flex-start;
}
.footer-copyright-txt-block p {
font-size: 1rem;
}
}
@media screen and (max-width: 479px) {
.about-hero-bg {
width: 100%;
min-width: 180rem;
min-height: 0;
}
.btn-fill-label:where(.w-variant-31b530d6-d9cb-9146-f6a9-e1e5c8e08844) {
margin-top: 1.1rem;
margin-bottom: 1.1rem;
}
}
#w-node-_729c246d-aa7a-7d4c-f3b9-5314955335b6-02cc3ba1 {
grid-area: 1/1/2/-1;
}
#w-node-b162e7de-d9c0-bc88-c38b-ddef9da35359-02cc3ba1 {
grid-area: 2/1/3/-1;
}
#w-node-f028d908-4226-0863-af4b-7c555e4c7fcf-02cc3ba1 {
grid-area: 1/1/2/8;
}
#w-node-_048e7864-17ba-32cb-1d76-93b692053862-02cc3ba1 {
grid-area: 1/8/2/-1;
}
#w-node-_7d517889-8c7b-f09c-abb0-c71784491da2-02cc3ba1 {
grid-area: 1/1/3/7;
}
#w-node-_31de0b3a-32be-4ca0-f8bd-e3c3c6ab2f08-02cc3ba1 {
grid-area: 1/7/2/-1;
}
#w-node-_4eaf26e7-f141-29a9-6275-f4a32b7de44c-02cc3ba1 {
grid-area: 2/7/3/-1;
align-self: end;
}
#w-node-a8c28559-c3ec-299d-698d-42186e2956a7-02cc3ba1 {
grid-column: span 8 / span 8;
}
#w-node-_0b8e7963-92b8-b112-e704-dce2e7ef26a1-02cc3ba1 {
grid-area: 2/1/3/-1;
}
#w-node-_568975e1-1c8c-fc18-c9df-2240109c626b-02cc3ba1 {
grid-area: 1/1/2/-1;
}
#w-node-a8c28559-c3ec-299d-698d-42186e2956a9-02cc3ba1,
#w-node-a8c28559-c3ec-299d-698d-42186e2956af-02cc3ba1,
#w-node-b661af58-e8a5-3c6b-f7d5-dfb721c8217b-02cc3ba1,
#w-node-a8c28559-c3ec-299d-698d-42186e2956ac-02cc3ba1,
#w-node-_7cd1af8f-4747-1283-b3f4-93c73528305f-02cc3ba1,
#w-node-b327a1f9-0c75-63ba-3e79-9b77caf7497f-02cc3ba1 {
grid-area: 3/1/4/2;
}
#w-node-_2cf0c33c-604c-6f04-9899-c4c310287c03-02cc3ba1,
#w-node-_8c3b5f0f-2877-587f-18dc-1548a3817116-02cc3ba1,
#w-node-f4850989-ab3e-53ee-162d-065eccb83882-02cc3ba1,
#w-node-_6d4cf4cd-8e8e-f41b-9e6e-9f7bdddff30f-02cc3ba1,
#w-node-ea129cb1-12be-fdfd-d71a-b3ce7bfaa767-02cc3ba1 {
align-self: start;
}
#w-node-_14b203d6-94b6-6407-e984-a48e0fb14746-02cc3ba1 {
grid-area: 1/1/2/-1;
}
#w-node-_75baf6a4-340f-1f03-d74c-b509873ecb1b-02cc3ba1 {
align-self: start;
}
#w-node-_305c4b99-5a73-a11f-8cdb-519556abda74-02cc3ba1 {
grid-area: 1/1/2/4;
}
#w-node-d0a880a7-cbd2-fe47-769e-33afec54db2d-02cc3ba1 {
grid-area: 1/9/2/-1;
}
#w-node-ef610d96-32e7-4c78-6445-19c35724a5d2-02cc3ba1 {
align-self: start;
}
#w-node-ef610d96-32e7-4c78-6445-19c35724a5d3-02cc3ba1 {
grid-area: 1/1/2/4;
}
#w-node-ef610d96-32e7-4c78-6445-19c35724a5dd-02cc3ba1 {
grid-area: 1/9/2/-1;
}
#w-node-_28f03bbc-0094-ddd5-db92-c316440c8372-02cc3ba1 {
grid-area: 1/4/2/9;
}
#w-node-bdb1a5b1-82cd-4667-57fc-d98a257ba3df-02cc3ba1 {
grid-area: 1/1/2/9;
align-self: end;
}
#w-node-_17ddcf62-3b1d-cfed-aace-7406a572ca56-02cc3ba1 {
grid-area: 1/9/2/-1;
}
#w-node-c2b0b00d-c30e-bf0b-afd9-f76de8e2175e-02cc3ba1 {
grid-area: 1/2/2/6;
}
#w-node-_5a8775a9-b0ed-7870-e1a3-9055faf2a5e7-02cc3ba1 {
grid-area: 1/6/2/-1;
}
#w-node-_5a8775a9-b0ed-7870-e1a3-9055faf2a5e8-02cc3ba1 {
grid-area: 1/1/2/7;
align-self: start;
}
#w-node-_89fc65d2-8194-77a1-231b-aba2dbdfb151-02cc3ba1 {
grid-area: 1/8/2/-2;
}
#w-node-_7e4c0985-2501-12c7-20b0-801520262a6c-02cc3ba1 {
grid-area: 1/1/2/7;
align-self: start;
}
#w-node-_3cb6a28d-8013-4cd0-ad0a-baccc5108518-02cc3ba1 {
grid-area: 3/2/4/6;
}
#w-node-e85227fb-88b5-7047-336c-6c6f51a18102-02cc3ba1 {
grid-area: 1/2/2/6;
}
#w-node-bb54b69f-d13a-5f3a-f830-ffb2a2083d04-02cc3ba1,
#w-node-cee84c23-b85a-1c06-6296-1cfc19e8f9b3-02cc3ba1,
#w-node-_7116b1ce-4abc-303d-5af9-b11cdfc058e2-02cc3ba1,
#w-node-b1d8a48f-3ac5-2d18-a5cd-125cbed6c858-02cc3ba1,
#w-node-b1d8a48f-3ac5-2d18-a5cd-125cbed6c859-02cc3ba1 {
grid-area: 1/1/2/2;
}
#w-node-bddc819f-7faa-e8f5-1dc4-348040724f75-02cc3ba1 {
grid-area: 1/1/2/7;
align-self: start;
}
#w-node-_44deb13d-840a-39e1-a97a-3e70845bcf70-02cc3ba1 {
grid-area: 4/8/5/-2;
}
#w-node-_3f2625dc-6f0a-c0cf-e0de-8c8d126a71df-02cc3ba1 {
grid-area: 1/8/2/-2;
}
#w-node-_3d22e514-adb2-d0d7-77b3-72f2de214333-02cc3ba1 {
grid-area: 1/1/2/7;
}
#w-node-_3d22e514-adb2-d0d7-77b3-72f2de214335-02cc3ba1 {
grid-area: 1/1/2/7;
align-self: start;
}
#w-node-_8a49ba8f-1d50-51de-32de-df7e02c4c163-02cc3ba1 {
grid-area: 1/1/3/7;
}
#w-node-_099166d1-3d6d-04ee-56e4-34089d2937ce-02cc3ba1 {
grid-area: 1/7/2/-1;
}
#w-node-_0b731bbf-350b-761a-a228-ffcc679e2747-02cc3ba1 {
grid-area: 2/7/3/-1;
align-self: end;
}
#w-node-ec209fda-4140-b2bf-5394-7c1f4ef3318f-4ef3318a,
#w-node-ec209fda-4140-b2bf-5394-7c1f4ef33190-4ef3318a {
grid-area: 1/1/2/4;
}
#footer-form.w-node-ec209fda-4140-b2bf-5394-7c1f4ef331a0-4ef3318a {
align-self: end;
}
#w-node-_35b68888-015e-8c8e-2f22-bde4cb8c5a57-4ef3318a {
grid-area: 1/4/3/10;
}
#w-node-ec209fda-4140-b2bf-5394-7c1f4ef331af-4ef3318a,
#w-node-ec209fda-4140-b2bf-5394-7c1f4ef331e4-4ef3318a {
grid-area: 1/1/2/-1;
}
#w-node-b4d62e44-e78d-71ea-908f-439a88f65c5d-4ef3318a {
justify-self: start;
}
#w-node-ec209fda-4140-b2bf-5394-7c1f4ef3320d-4ef3318a {
grid-area: 1/10/2/-1;
}
#w-node-ec209fda-4140-b2bf-5394-7c1f4ef33221-4ef3318a {
grid-area: 1/1/2/6;
justify-self: start;
}
#w-node-ec209fda-4140-b2bf-5394-7c1f4ef33225-4ef3318a {
grid-area: 1/9/2/-1;
}
#w-node-_98ea3bb3-e1d5-3fba-2ff2-39bb8fc94657-8fc94651 {
grid-area: 1/1/2/4;
}
#w-node-_98ea3bb3-e1d5-3fba-2ff2-39bb8fc9465b-8fc94651 {
grid-area: 1/4/2/10;
}
#w-node-_98ea3bb3-e1d5-3fba-2ff2-39bb8fc94660-8fc94651 {
grid-area: 1/10/2/-1;
}
#w-node-_98ea3bb3-e1d5-3fba-2ff2-39bb8fc94666-8fc94651 {
grid-area: 1/1/2/4;
}
#w-node-_98ea3bb3-e1d5-3fba-2ff2-39bb8fc9466a-8fc94651 {
grid-area: 1/4/2/10;
}
#w-node-_98ea3bb3-e1d5-3fba-2ff2-39bb8fc94674-8fc94651 {
grid-area: 1/10/2/-1;
}
#w-node-_98ea3bb3-e1d5-3fba-2ff2-39bb8fc94678-8fc94651 {
grid-area: 1/4/2/10;
}
#w-node-_98ea3bb3-e1d5-3fba-2ff2-39bb8fc9467c-8fc94651 {
grid-area: 1/10/2/-1;
}
#w-node-e4008f8f-3a67-5da4-cf42-372f27004be5-27004be2 {
grid-area: 1/1/2/2;
}
#w-node-e4008f8f-3a67-5da4-cf42-372f27004be5-27004be2:where(.w-variant-b76e1715-f3d6-4272-d4a4-e7650212eef1) {
align-self: start;
}
#w-node-e4008f8f-3a67-5da4-cf42-372f27004be8-27004be2 {
grid-area: 1/1/2/2;
}
#w-node-e4008f8f-3a67-5da4-cf42-372f27004be8-27004be2:where(.w-variant-b76e1715-f3d6-4272-d4a4-e7650212eef1) {
align-self: start;
}
#w-node-e4008f8f-3a67-5da4-cf42-372f27004bec-27004be2 {
grid-area: 1/1/2/2;
}
#w-node-e4008f8f-3a67-5da4-cf42-372f27004bec-27004be2:where(.w-variant-b76e1715-f3d6-4272-d4a4-e7650212eef1) {
place-self: end;
}
#w-node-e4008f8f-3a67-5da4-cf42-372f27004bef-27004be2 {
grid-area: 1/1/2/2;
}
#w-node-b68c4391-6e42-0865-831d-b5cb9b2404c7-9b2404bf {
grid-area: 1/1/2/7;
}
#w-node-b68c4391-6e42-0865-831d-b5cb9b2404ca-9b2404bf {
grid-area: 1/7/2/-1;
}
#w-node-_266f8ad6-cd99-a3b2-4269-0202934ae9f4-934ae9e4 {
grid-area: 1/1/2/2;
}
#w-node-_130a0909-b663-e9f1-7cfe-f7ee03e81d09-02cc3ba2 {
grid-area: 1/2/2/5;
}
#w-node-_0122daab-fe67-6285-ece5-5e139d24a074-02cc3ba2 {
grid-area: 1/5/2/-1;
}
#w-node-fa3d2092-f00f-f80d-b309-1fc504618f44-02cc3ba2 {
grid-area: 1/1/2/-1;
}
#w-node-_7813def3-6172-933a-0a9e-b584b25a2783-02cc3ba2 {
grid-area: 1/2/2/5;
}
#w-node-e17d740c-535f-3eb6-a8fa-b0ca65a685ba-02cc3ba2 {
grid-area: 1/5/2/6;
}
#w-node-febcb4cc-74e7-6320-5c65-28375fd5773d-02cc3ba2,
#w-node-_90fb97ba-485e-d105-4839-195f2e9ad855-02cc3ba2,
#w-node-_4992db30-e9f3-94d7-0110-998f88a1cd40-02cc3ba2,
#w-node-_20d1c5a8-b065-c080-85ee-52e459fd1c93-02cc3ba2 {
grid-area: 1/2/2/3;
}
#w-node-_46f869f3-8575-c367-35c0-a5c80cd04a90-02cc3ba2 {
grid-area: 1/1/2/6;
}
#w-node-_46f869f3-8575-c367-35c0-a5c80cd04a97-02cc3ba2 {
grid-area: 1/6/2/-1;
}
#w-node-_09a6ab71-6fbe-9f39-75f0-87336bb3228f-02cc3ba3 {
grid-area: 1/1/2/7;
}
#w-node-_26696eff-f389-a78e-48b5-fd9dab7e5f01-02cc3ba3 {
grid-area: 1/7/2/-1;
}
#w-node-_39784aaa-00d1-8d89-70da-bd1e2dbe740b-02cc3ba3 {
grid-area: 1/2/2/-2;
}
#w-node-_6b3ff404-9f4d-2d39-e911-27ef8fdf401a-02cc3ba3 {
grid-area: 1/1/2/2;
}
#w-node-_0d16bfe3-8a26-396b-ecbc-3ee4e85bb16d-02cc3ba3 {
grid-area: 1/2/2/-2;
}
#w-node-_10e09a55-8af4-6820-3ad1-aeda5cb7e460-02cc3ba3 {
grid-area: 1/1/2/9;
}
#w-node-_8a2429ac-8e14-fd92-f6bc-5b8ebe32e23d-02cc3ba3 {
grid-area: 1/9/2/-1;
}
#w-node-_02a55354-6fdf-d45e-4154-bdd2939ffabb-02cc3ba3 {
grid-area: 1/1/2/5;
}
#w-node-_02a55354-6fdf-d45e-4154-bdd2939ffac2-02cc3ba3 {
grid-area: 1/5/2/-1;
}
#w-node-_09a6ab71-6fbe-9f39-75f0-87336bb3228f-02cc3ba4 {
grid-area: 1/1/2/7;
}
#w-node-_26696eff-f389-a78e-48b5-fd9dab7e5f01-02cc3ba4 {
grid-area: 1/7/2/-1;
}
#w-node-_39784aaa-00d1-8d89-70da-bd1e2dbe740b-02cc3ba4 {
grid-area: 1/2/2/-2;
}
#w-node-_6b3ff404-9f4d-2d39-e911-27ef8fdf401a-02cc3ba4 {
grid-area: 1/1/2/2;
}
#w-node-_0d16bfe3-8a26-396b-ecbc-3ee4e85bb16d-02cc3ba4 {
grid-area: 1/2/2/-2;
}
#w-node-_10e09a55-8af4-6820-3ad1-aeda5cb7e460-02cc3ba4 {
grid-area: 1/1/2/9;
}
#w-node-_8a2429ac-8e14-fd92-f6bc-5b8ebe32e23d-02cc3ba4 {
grid-area: 1/9/2/-1;
}
#w-node-c5a7dff5-08c7-6b0d-fc9b-6aec3bbb05d7-02cc3ba4 {
grid-area: 1/1/2/5;
}
#w-node-c5a7dff5-08c7-6b0d-fc9b-6aec3bbb05de-02cc3ba4 {
grid-area: 1/5/2/-1;
}
#w-node-d107e041-0f84-c2f9-d3f8-726240ed8584-02cc3ba8 {
grid-area: 1/1/2/7;
}
#w-node-_92d5217c-62d9-a516-15e3-557026300b69-02cc3ba8 {
grid-area: 1/7/2/-1;
}
#w-node-_2af18a22-a941-ffe9-bc56-494ca691941f-02cc3ba8 {
grid-area: 2/1/3/-1;
}
#w-node-_08048577-8810-52af-ae6d-e9301190b13e-02cc3ba8 {
grid-area: 1/1/2/7;
}
#w-node-f51469af-f5ca-0069-11af-2534a4fd5384-02cc3ba8 {
grid-area: 1/7/2/-1;
}
#w-node-_308e38a9-17cb-d620-adea-8b3db5d86240-02cc3ba9 {
grid-area: 1/1/2/4;
}
#w-node-fbe14a61-2cda-0da0-afb5-7bf0af750f20-02cc3ba9 {
grid-area: 1/4/2/10;
}
#w-node-_96eefd50-a92f-d87f-cc83-8a2e15dc7fde-02cc3ba9 {
grid-area: 1/10/2/-1;
}
#w-node-_35b567cf-ed74-fe6c-d285-087bec27592f-02cc3ba9 {
grid-area: 1/1/3/7;
}
#w-node-_188b8756-27bd-4079-c428-eff8e7b308e8-02cc3ba9 {
grid-area: 1/7/2/-1;
}
#w-node-_2b841eaf-4f8e-0eb3-6caa-7dd36f43690e-02cc3ba9 {
grid-area: 2/7/3/-1;
}
#w-node-_832ace51-854d-7655-3ddf-f88268734936-02cc3ba9 {
grid-area: 1/1/2/6;
}
#w-node-_1911ee99-7658-a1eb-bcd7-6703d38dbec9-02cc3ba9 {
grid-area: 1/7/2/-2;
}
#w-node-_6d3b302c-21b2-03bf-d083-9ea0c9ac3784-02cc3ba9,
#w-node-f0712db9-9752-cab1-0199-244eb2481054-02cc3ba9 {
grid-area: 1/1/2/2;
}
#w-node-_2a7d8910-28b1-e4e5-4a9b-347e8d669d0b-02cc3ba9 {
grid-area: 1/1/2/5;
}
#w-node-_89933078-e5a8-08fb-5798-d63e0bf72195-02cc3ba9 {
grid-area: 1/5/2/-1;
}
#w-node-_6ed9a3f9-70dd-b714-99a9-a2a4f2eef76f-02cc3ba9 {
grid-area: 1/1/2/5;
}
#w-node-e46cfa37-350e-e5b7-0651-aff1eb32f681-02cc3ba9 {
grid-area: 1/5/2/-1;
}
#w-node-_6c5b400c-ce3b-470a-88c0-f4ad7019f205-02cc3bac {
grid-area: 1/1/2/5;
}
#w-node-_4404a88e-1386-3571-7341-8b72d2a58f72-02cc3bac {
grid-area: 1/5/2/-1;
}
#w-node-_4779c82c-04f5-7c7b-e2c0-7c5d5f68fb7e-02cc3bac {
grid-area: 1/1/2/5;
}
#w-node-_861c125b-85b0-1777-a06a-d071df62d461-02cc3bac {
grid-area: 1/5/2/-1;
}
#w-node-bdd951bf-b402-3ac8-e91e-aaf6b318a0c3-02cc3bad {
grid-area: 1/1/2/4;
}
#w-node-bdd951bf-b402-3ac8-e91e-aaf6b318a0c6-02cc3bad {
grid-area: 1/4/2/-1;
}
#w-node-bdd951bf-b402-3ac8-e91e-aaf6b318a0dc-02cc3bad {
grid-area: 1/1/2/4;
}
#w-node-bdd951bf-b402-3ac8-e91e-aaf6b318a10d-02cc3bad {
grid-area: 1/4/2/-1;
}
#w-node-_6c5b400c-ce3b-470a-88c0-f4ad7019f205-02cc3bb6 {
grid-area: 1/1/2/5;
}
#w-node-_4404a88e-1386-3571-7341-8b72d2a58f72-02cc3bb6 {
grid-area: 1/5/2/-1;
}
#w-node-_4779c82c-04f5-7c7b-e2c0-7c5d5f68fb7e-02cc3bb6 {
grid-area: 1/1/2/5;
}
#w-node-_861c125b-85b0-1777-a06a-d071df62d461-02cc3bb6 {
grid-area: 1/5/2/-1;
}
#w-node-_6c5b400c-ce3b-470a-88c0-f4ad7019f205-02cc3bb7 {
grid-area: 1/1/2/5;
}
#w-node-_4404a88e-1386-3571-7341-8b72d2a58f72-02cc3bb7 {
grid-area: 1/5/2/-1;
}
#w-node-_4779c82c-04f5-7c7b-e2c0-7c5d5f68fb7e-02cc3bb7 {
grid-area: 1/1/2/5;
}
#w-node-_861c125b-85b0-1777-a06a-d071df62d461-02cc3bb7 {
grid-area: 1/5/2/-1;
}
#w-node-_79e53dec-45b1-06f9-610e-566afcbdd021-02cc3bb8 {
grid-area: 1/1/2/4;
}
#w-node-_79e53dec-45b1-06f9-610e-566afcbdd024-02cc3bb8 {
grid-area: 1/4/2/-1;
}
#w-node-_79e53dec-45b1-06f9-610e-566afcbdd03e-02cc3bb8 {
grid-area: 1/1/2/4;
}
#w-node-_79e53dec-45b1-06f9-610e-566afcbdd06f-02cc3bb8 {
grid-area: 1/4/2/-1;
}
#w-node-b49994ce-b00b-a75a-3792-e819cdce2da0-02cc3bb9 {
grid-area: 1/1/2/4;
}
#w-node-b49994ce-b00b-a75a-3792-e819cdce2da3-02cc3bb9 {
grid-area: 1/4/2/-1;
}
#w-node-b49994ce-b00b-a75a-3792-e819cdce2dbd-02cc3bb9 {
grid-area: 1/1/2/4;
}
#w-node-b49994ce-b00b-a75a-3792-e819cdce2dee-02cc3bb9 {
grid-area: 1/4/2/-1;
}
#w-node-b49994ce-b00b-a75a-3792-e819cdce2e49-02cc3bb9 {
grid-area: 1/1/-1/2;
}
#w-node-_069dfa18-14c9-f69c-16fb-a489748b91b4-02cc3bb9 {
grid-area: 1/1/2/-1;
}
#w-node-f83814d7-9fbe-2265-02c5-5fe345ef948c-a1a244d4 {
grid-area: 1/4/2/10;
}
#w-node-b28c3f63-3f4b-d7a1-7dc4-5d291a073346-a1a244d4 {
grid-area: 1/10/2/-1;
}
#w-node-a5659199-8c7b-5b22-a8ce-40aca7233f5f-a1a244d4 {
grid-area: 1/1/2/-1;
}
#w-node-_52ee5a53-0c3e-29c5-52b2-8f65f107d107-a1a244d4 {
grid-area: 1/7/2/-1;
}
#w-node-_75917957-6663-5c06-6882-98efb0f337ca-a1a244d4 {
grid-area: 1/10/2/-1;
}
@media screen and (max-width: 991px) {
#w-node-f028d908-4226-0863-af4b-7c555e4c7fcf-02cc3ba1 {
grid-column-end: 7;
}
#w-node-_048e7864-17ba-32cb-1d76-93b692053862-02cc3ba1 {
grid-column-start: 7;
}
#w-node-_7d517889-8c7b-f09c-abb0-c71784491da2-02cc3ba1 {
grid-row-end: 2;
}
#w-node-_4eaf26e7-f141-29a9-6275-f4a32b7de44c-02cc3ba1 {
grid-column-start: 1;
}
#w-node-_434d933f-dec1-f392-677f-967c6f3c3eba-02cc3ba1 {
grid-area: 1/1/2/-2;
align-self: center;
}
#w-node-d3f06780-d429-406b-245d-e5ec08d28d29-02cc3ba1 {
grid-area: 2/1/3/2;
align-self: stretch;
}
#w-node-_838a728b-d169-8181-f4dd-ca727810a4ad-02cc3ba1 {
grid-area: 1/2/3/3;
}
#w-node-_305c4b99-5a73-a11f-8cdb-519556abda74-02cc3ba1 {
grid-column: 7/-1;
}
#w-node-d0a880a7-cbd2-fe47-769e-33afec54db2d-02cc3ba1 {
grid-row: 2/3;
grid-column-start: 7;
}
#w-node-_570a97c6-3b71-170e-6e65-b03e0fdaff2f-02cc3ba1 {
grid-area: 1/1/3/7;
}
#w-node-ef610d96-32e7-4c78-6445-19c35724a5d3-02cc3ba1 {
grid-column: 7/-1;
}
#w-node-ef610d96-32e7-4c78-6445-19c35724a5dd-02cc3ba1 {
grid-row: 2/3;
grid-column-start: 7;
}
#w-node-_9a7e147d-fed0-6bf0-003b-2d0eb07b1e38-02cc3ba1 {
grid-area: 1/1/3/7;
}
#w-node-bdb1a5b1-82cd-4667-57fc-d98a257ba3df-02cc3ba1 {
grid-column-end: 7;
}
#w-node-_17ddcf62-3b1d-cfed-aace-7406a572ca56-02cc3ba1 {
grid-column-start: 7;
align-self: end;
}
#w-node-c2b0b00d-c30e-bf0b-afd9-f76de8e2175e-02cc3ba1 {
grid-column: 1/7;
}
#w-node-_5a8775a9-b0ed-7870-e1a3-9055faf2a5e7-02cc3ba1 {
grid-area: 1/7/2/-1;
align-self: center;
}
#w-node-_89fc65d2-8194-77a1-231b-aba2dbdfb151-02cc3ba1 {
grid-column: 7/-1;
}
#w-node-_7e4c0985-2501-12c7-20b0-801520262a6b-02cc3ba1 {
grid-area: 1/1/2/7;
align-self: center;
}
#w-node-e85227fb-88b5-7047-336c-6c6f51a18102-02cc3ba1 {
grid-column: 1/7;
}
#w-node-bddc819f-7faa-e8f5-1dc4-348040724f74-02cc3ba1 {
grid-area: 1/7/2/-1;
align-self: center;
}
#w-node-_3f2625dc-6f0a-c0cf-e0de-8c8d126a71df-02cc3ba1 {
grid-column: 7/-1;
}
#w-node-_3d22e514-adb2-d0d7-77b3-72f2de214333-02cc3ba1 {
align-self: center;
}
#w-node-_8a49ba8f-1d50-51de-32de-df7e02c4c163-02cc3ba1 {
grid-row: 1/2;
grid-column-end: -1;
}
#w-node-_099166d1-3d6d-04ee-56e4-34089d2937ce-02cc3ba1 {
grid-row: 2/3;
grid-column-start: 1;
}
#w-node-_0b731bbf-350b-761a-a228-ffcc679e2747-02cc3ba1 {
grid-row: 3/4;
grid-column-start: 1;
}
#w-node-ec209fda-4140-b2bf-5394-7c1f4ef3318f-4ef3318a {
grid-row-end: 2;
grid-column-end: -1;
}
#w-node-_35b68888-015e-8c8e-2f22-bde4cb8c5a57-4ef3318a {
grid-area: 2/1/3/-1;
}
#w-node-ec209fda-4140-b2bf-5394-7c1f4ef331e5-4ef3318a {
grid-area: 1/2/2/3;
}
#w-node-ec209fda-4140-b2bf-5394-7c1f4ef331ee-4ef3318a {
grid-area: 1/1/3/2;
}
#w-node-ec209fda-4140-b2bf-5394-7c1f4ef33200-4ef3318a {
grid-area: 2/2/3/3;
}
#w-node-ec209fda-4140-b2bf-5394-7c1f4ef3320d-4ef3318a {
grid-row: 3/4;
grid-column-start: 9;
}
#w-node-ec209fda-4140-b2bf-5394-7c1f4ef33214-4ef3318a {
place-self: center stretch;
}
#w-node-ec209fda-4140-b2bf-5394-7c1f4ef33221-4ef3318a {
grid-row-start: 1;
grid-column-end: 6;
}
#w-node-ec209fda-4140-b2bf-5394-7c1f4ef33225-4ef3318a {
grid-column-start: 6;
}
#w-node-_98ea3bb3-e1d5-3fba-2ff2-39bb8fc94657-8fc94651 {
grid-area: 1/1/2/4;
}
#w-node-_130a0909-b663-e9f1-7cfe-f7ee03e81d09-02cc3ba2 {
grid-column: 1/-1;
}
#w-node-_0122daab-fe67-6285-ece5-5e139d24a074-02cc3ba2 {
grid-column-start: -2;
}
#w-node-_7813def3-6172-933a-0a9e-b584b25a2783-02cc3ba2 {
grid-column: 1/-1;
}
#w-node-e17d740c-535f-3eb6-a8fa-b0ca65a685ba-02cc3ba2 {
grid-column: -2/-1;
}
#w-node-bba7996c-70e2-9ba1-dab3-875b5322fbaa-02cc3ba2 {
grid-area: 1/1/2/5;
}
#w-node-_46f869f3-8575-c367-35c0-a5c80cd04a90-02cc3ba2 {
grid-column-end: 5;
}
#w-node-_46f869f3-8575-c367-35c0-a5c80cd04a97-02cc3ba2 {
grid-column-start: 5;
}
#w-node-_09a6ab71-6fbe-9f39-75f0-87336bb3228f-02cc3ba3 {
grid-column-end: -1;
}
#w-node-_26696eff-f389-a78e-48b5-fd9dab7e5f01-02cc3ba3 {
grid-row: 2/3;
grid-column-start: 1;
}
#w-node-_39784aaa-00d1-8d89-70da-bd1e2dbe740b-02cc3ba3 {
grid-column: 1/-1;
grid-row-start: 1;
}
#w-node-e25f8d0a-3a52-5240-f30e-be3ae9f63973-02cc3ba3,
#w-node-cda38571-64a3-a747-3498-d290e1a1483c-02cc3ba3 {
grid-area: 1/1/2/2;
}
#w-node-_10e09a55-8af4-6820-3ad1-aeda5cb7e460-02cc3ba3 {
grid-column-end: 7;
}
#w-node-_8a2429ac-8e14-fd92-f6bc-5b8ebe32e23d-02cc3ba3 {
grid-column-start: 7;
}
#w-node-_09a6ab71-6fbe-9f39-75f0-87336bb3228f-02cc3ba4 {
grid-column-end: -1;
}
#w-node-_26696eff-f389-a78e-48b5-fd9dab7e5f01-02cc3ba4 {
grid-row: 2/3;
grid-column-start: 1;
}
#w-node-_39784aaa-00d1-8d89-70da-bd1e2dbe740b-02cc3ba4 {
grid-column: 1/-1;
grid-row-start: 1;
}
#w-node-_771bf28d-b3e6-0952-11f9-78bdebc9fa88-02cc3ba4,
#w-node-_771bf28d-b3e6-0952-11f9-78bdebc9fa96-02cc3ba4 {
grid-area: 1/1/2/2;
}
#w-node-_10e09a55-8af4-6820-3ad1-aeda5cb7e460-02cc3ba4 {
grid-column-end: 7;
}
#w-node-_8a2429ac-8e14-fd92-f6bc-5b8ebe32e23d-02cc3ba4 {
grid-column-start: 7;
}
#w-node-d107e041-0f84-c2f9-d3f8-726240ed8584-02cc3ba8 {
grid-column-end: -1;
}
#w-node-_92d5217c-62d9-a516-15e3-557026300b69-02cc3ba8 {
grid-row: 2/3;
grid-column-start: 1;
}
#w-node-_2af18a22-a941-ffe9-bc56-494ca691941f-02cc3ba8 {
grid-row: 3/4;
}
#w-node-_08048577-8810-52af-ae6d-e9301190b13e-02cc3ba8 {
grid-column: 1/-1;
}
#w-node-_308e38a9-17cb-d620-adea-8b3db5d86240-02cc3ba9 {
grid-column-end: 3;
}
#w-node-fbe14a61-2cda-0da0-afb5-7bf0af750f20-02cc3ba9 {
grid-column: 3/-3;
}
#w-node-_96eefd50-a92f-d87f-cc83-8a2e15dc7fde-02cc3ba9 {
grid-column-start: -3;
}
#w-node-_35b567cf-ed74-fe6c-d285-087bec27592f-02cc3ba9 {
grid-row-end: 2;
grid-column-end: 7;
}
#w-node-_188b8756-27bd-4079-c428-eff8e7b308e8-02cc3ba9 {
grid-row: 1/2;
grid-column-start: 7;
}
#w-node-_2b841eaf-4f8e-0eb3-6caa-7dd36f43690e-02cc3ba9 {
grid-column-start: 1;
}
#w-node-_832ace51-854d-7655-3ddf-f88268734936-02cc3ba9 {
grid-column-end: 8;
}
#w-node-_1911ee99-7658-a1eb-bcd7-6703d38dbec9-02cc3ba9 {
grid-column-end: -1;
}
#w-node-_2a7d8910-28b1-e4e5-4a9b-347e8d669d0b-02cc3ba9 {
grid-row: 2/3;
grid-column-end: -1;
}
#w-node-_89933078-e5a8-08fb-5798-d63e0bf72195-02cc3ba9 {
grid-column-start: 1;
}
#w-node-_6ed9a3f9-70dd-b714-99a9-a2a4f2eef76f-02cc3ba9 {
grid-column-end: -1;
}
#w-node-e46cfa37-350e-e5b7-0651-aff1eb32f681-02cc3ba9 {
grid-row: 2/3;
grid-column-start: 1;
}
#w-node-_4404a88e-1386-3571-7341-8b72d2a58f72-02cc3bac {
grid-column-start: 1;
}
#w-node-_4779c82c-04f5-7c7b-e2c0-7c5d5f68fb7e-02cc3bac {
grid-column-end: -1;
}
#w-node-_861c125b-85b0-1777-a06a-d071df62d461-02cc3bac {
grid-row: 2/3;
grid-column-start: 1;
}
#w-node-bdd951bf-b402-3ac8-e91e-aaf6b318a0c3-02cc3bad {
grid-row: 2/3;
grid-column-end: -1;
}
#w-node-bdd951bf-b402-3ac8-e91e-aaf6b318a0c6-02cc3bad {
grid-column-start: 1;
}
#w-node-bdd951bf-b402-3ac8-e91e-aaf6b318a0dc-02cc3bad {
grid-column-end: -1;
}
#w-node-bdd951bf-b402-3ac8-e91e-aaf6b318a10d-02cc3bad {
grid-row: 2/3;
grid-column-start: 1;
}
#w-node-_4404a88e-1386-3571-7341-8b72d2a58f72-02cc3bb6 {
grid-column-start: 1;
}
#w-node-_4779c82c-04f5-7c7b-e2c0-7c5d5f68fb7e-02cc3bb6 {
grid-column-end: -1;
}
#w-node-_861c125b-85b0-1777-a06a-d071df62d461-02cc3bb6 {
grid-row: 2/3;
grid-column-start: 1;
}
#w-node-_4404a88e-1386-3571-7341-8b72d2a58f72-02cc3bb7 {
grid-column-start: 1;
}
#w-node-_4779c82c-04f5-7c7b-e2c0-7c5d5f68fb7e-02cc3bb7 {
grid-column-end: -1;
}
#w-node-_861c125b-85b0-1777-a06a-d071df62d461-02cc3bb7 {
grid-row: 2/3;
grid-column-start: 1;
}
#w-node-_79e53dec-45b1-06f9-610e-566afcbdd021-02cc3bb8 {
grid-row: 2/3;
grid-column-end: -1;
}
#w-node-_79e53dec-45b1-06f9-610e-566afcbdd024-02cc3bb8 {
grid-column-start: 1;
}
#w-node-_79e53dec-45b1-06f9-610e-566afcbdd03e-02cc3bb8 {
grid-column-end: -1;
}
#w-node-_79e53dec-45b1-06f9-610e-566afcbdd06f-02cc3bb8 {
grid-row: 2/3;
grid-column-start: 1;
}
#w-node-b49994ce-b00b-a75a-3792-e819cdce2da0-02cc3bb9 {
grid-row: 2/3;
grid-column-end: -1;
}
#w-node-b49994ce-b00b-a75a-3792-e819cdce2da3-02cc3bb9 {
grid-column-start: 1;
}
#w-node-b49994ce-b00b-a75a-3792-e819cdce2dbd-02cc3bb9 {
grid-column-end: -1;
}
#w-node-b49994ce-b00b-a75a-3792-e819cdce2dee-02cc3bb9 {
grid-row: 2/3;
grid-column-start: 1;
}
#w-node-f83814d7-9fbe-2265-02c5-5fe345ef948c-a1a244d4 {
grid-column: 1/-1;
}
#w-node-a5659199-8c7b-5b22-a8ce-40aca7233f5f-a1a244d4 {
grid-row-start: 1;
grid-column-end: -1;
}
#w-node-_52ee5a53-0c3e-29c5-52b2-8f65f107d107-a1a244d4 {
grid-area: 2/1/3/-1;
}
}
@media screen and (max-width: 767px) {
#w-node-f028d908-4226-0863-af4b-7c555e4c7fcf-02cc3ba1 {
grid-column-end: -1;
}
#w-node-_048e7864-17ba-32cb-1d76-93b692053862-02cc3ba1 {
grid-row: 2/3;
grid-column-start: 1;
}
#w-node-_7d517889-8c7b-f09c-abb0-c71784491da2-02cc3ba1 {
grid-column-end: -1;
}
#w-node-_31de0b3a-32be-4ca0-f8bd-e3c3c6ab2f08-02cc3ba1 {
grid-row: 2/3;
grid-column-start: 1;
}
#w-node-_4eaf26e7-f141-29a9-6275-f4a32b7de44c-02cc3ba1 {
grid-row: 3/4;
}
#w-node-_434d933f-dec1-f392-677f-967c6f3c3eba-02cc3ba1,
#w-node-d3f06780-d429-406b-245d-e5ec08d28d29-02cc3ba1 {
grid-column-end: -1;
}
#w-node-_838a728b-d169-8181-f4dd-ca727810a4ad-02cc3ba1 {
grid-area: 3/1/4/-1;
}
#w-node-_14b203d6-94b6-6407-e984-a48e0fb14746-02cc3ba1 {
grid-area: 1/1/2/-1;
}
#w-node-_305c4b99-5a73-a11f-8cdb-519556abda74-02cc3ba1 {
grid-row: 2/3;
grid-column-start: 1;
}
#w-node-d0a880a7-cbd2-fe47-769e-33afec54db2d-02cc3ba1 {
grid-row: 3/4;
grid-column-start: 1;
}
#w-node-_570a97c6-3b71-170e-6e65-b03e0fdaff2f-02cc3ba1 {
grid-row: 1/2;
grid-column-end: -1;
}
#w-node-ef610d96-32e7-4c78-6445-19c35724a5d3-02cc3ba1 {
grid-row: 2/3;
grid-column-start: 1;
}
#w-node-ef610d96-32e7-4c78-6445-19c35724a5dd-02cc3ba1 {
grid-row: 3/4;
grid-column-start: 1;
}
#w-node-_9a7e147d-fed0-6bf0-003b-2d0eb07b1e38-02cc3ba1 {
grid-row-end: 2;
grid-column-end: -1;
}
#w-node-bdb1a5b1-82cd-4667-57fc-d98a257ba3df-02cc3ba1 {
grid-column-end: -1;
}
#w-node-_17ddcf62-3b1d-cfed-aace-7406a572ca56-02cc3ba1 {
grid-row: 2/3;
grid-column-start: 1;
}
#w-node-c2b0b00d-c30e-bf0b-afd9-f76de8e2175e-02cc3ba1 {
grid-column-end: -1;
}
#w-node-_5a8775a9-b0ed-7870-e1a3-9055faf2a5e7-02cc3ba1 {
grid-row: 2/3;
grid-column-start: 1;
}
#w-node-_89fc65d2-8194-77a1-231b-aba2dbdfb151-02cc3ba1 {
grid-column-start: 1;
}
#w-node-_7e4c0985-2501-12c7-20b0-801520262a6b-02cc3ba1 {
grid-row: 2/4;
grid-column-end: -1;
}
#w-node-e85227fb-88b5-7047-336c-6c6f51a18102-02cc3ba1 {
grid-column-end: -1;
}
#w-node-bddc819f-7faa-e8f5-1dc4-348040724f74-02cc3ba1 {
grid-row: 2/3;
grid-column-start: 1;
}
#w-node-_3f2625dc-6f0a-c0cf-e0de-8c8d126a71df-02cc3ba1 {
grid-column-start: 1;
}
#w-node-_3d22e514-adb2-d0d7-77b3-72f2de214333-02cc3ba1,
#w-node-_8a49ba8f-1d50-51de-32de-df7e02c4c163-02cc3ba1 {
grid-row: 2/3;
grid-column-end: -1;
}
#w-node-_099166d1-3d6d-04ee-56e4-34089d2937ce-02cc3ba1 {
grid-row: 1/2;
}
#w-node-_0b731bbf-350b-761a-a228-ffcc679e2747-02cc3ba1 {
grid-row: 3/4;
grid-column-start: 1;
}
#w-node-ec209fda-4140-b2bf-5394-7c1f4ef331e5-4ef3318a {
grid-area: 2/1/4/2;
}
#w-node-ec209fda-4140-b2bf-5394-7c1f4ef331ee-4ef3318a {
grid-row: 1/2;
grid-column-end: 3;
}
#w-node-ec209fda-4140-b2bf-5394-7c1f4ef33200-4ef3318a {
grid-row-end: 4;
}
#w-node-ec209fda-4140-b2bf-5394-7c1f4ef3320d-4ef3318a {
grid-row: 4/5;
grid-column-start: 1;
}
#w-node-b68c4391-6e42-0865-831d-b5cb9b2404c7-9b2404bf {
grid-column-end: 3;
}
#w-node-b68c4391-6e42-0865-831d-b5cb9b2404ca-9b2404bf {
grid-column-start: 3;
}
#w-node-_46f869f3-8575-c367-35c0-a5c80cd04a90-02cc3ba2 {
grid-column-end: -1;
}
#w-node-_46f869f3-8575-c367-35c0-a5c80cd04a97-02cc3ba2 {
grid-row: 2/3;
grid-column-start: 1;
}
#w-node-e25f8d0a-3a52-5240-f30e-be3ae9f63973-02cc3ba3,
#w-node-cda38571-64a3-a747-3498-d290e1a1483c-02cc3ba3 {
grid-row-start: 1;
grid-column-end: -1;
}
#w-node-_10e09a55-8af4-6820-3ad1-aeda5cb7e460-02cc3ba3 {
grid-column-end: -1;
}
#w-node-_8a2429ac-8e14-fd92-f6bc-5b8ebe32e23d-02cc3ba3 {
grid-row: 2/4;
grid-column-start: 1;
}
#w-node-_02a55354-6fdf-d45e-4154-bdd2939ffabb-02cc3ba3 {
grid-column-end: -1;
}
#w-node-_02a55354-6fdf-d45e-4154-bdd2939ffac2-02cc3ba3 {
grid-row: 2/3;
grid-column-start: 1;
}
#w-node-_771bf28d-b3e6-0952-11f9-78bdebc9fa88-02cc3ba4,
#w-node-_771bf28d-b3e6-0952-11f9-78bdebc9fa96-02cc3ba4 {
grid-row-start: 1;
grid-column-end: -1;
}
#w-node-_10e09a55-8af4-6820-3ad1-aeda5cb7e460-02cc3ba4 {
grid-column-end: -1;
}
#w-node-_8a2429ac-8e14-fd92-f6bc-5b8ebe32e23d-02cc3ba4 {
grid-row: 2/4;
grid-column-start: 1;
}
#w-node-c5a7dff5-08c7-6b0d-fc9b-6aec3bbb05d7-02cc3ba4 {
grid-column-end: -1;
}
#w-node-c5a7dff5-08c7-6b0d-fc9b-6aec3bbb05de-02cc3ba4 {
grid-row: 2/3;
grid-column-start: 1;
}
#w-node-_92d5217c-62d9-a516-15e3-557026300b69-02cc3ba8 {
grid-row: 3/4;
}
#w-node-_2af18a22-a941-ffe9-bc56-494ca691941f-02cc3ba8 {
grid-row: 2/3;
}
#w-node-_35b567cf-ed74-fe6c-d285-087bec27592f-02cc3ba9 {
grid-column-end: -1;
}
#w-node-_188b8756-27bd-4079-c428-eff8e7b308e8-02cc3ba9 {
grid-row: 2/3;
grid-column-start: 1;
}
#w-node-_2b841eaf-4f8e-0eb3-6caa-7dd36f43690e-02cc3ba9 {
grid-row: 3/4;
}
#w-node-_832ace51-854d-7655-3ddf-f88268734936-02cc3ba9 {
grid-column-end: -1;
}
#w-node-_1911ee99-7658-a1eb-bcd7-6703d38dbec9-02cc3ba9 {
grid-row: 2/3;
grid-column-start: 1;
}
}