*, *:before, *:after {
  box-sizing: border-box;
}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}
.semi-bold {
    font-weight: 600;
}

.bold {
    font-weight: 800;
}


.main-content-width {
    max-width: 1480px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 20px;
}

.body-container-wrapper {
    padding-top: 100px;
    min-height: calc(100vh - 150px);
}

.green-text {
    color: #13A977;
}

.blue-text {
    color: #476CC0;
}

.orange-text {
    color: #E46732;
}

.purple-text {
    color: #984BB2;
}

.planeus-blue-text {
    color: #0288D1;
}
/* Responsive Grid */

.row-fluid {
    width: 100%;
    *zoom: 1;
}

.row-fluid:before, .row-fluid:after {
    display: table;
    content: "";
}

.row-fluid:after {
    clear: both;
}

.row-fluid [class*="span"] {
    display: block;
    float: left;
    width: 100%;
    min-height: 1px;
    margin-left: 2.127659574%;
    *margin-left: 2.0744680846382977%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.row-fluid [class*="span"]:first-child {
    margin-left: 0;
}

.row-fluid .span12 {
    width: 99.99999998999999%;
    *width: 99.94680850063828%;
}

.row-fluid .span11 {
    width: 91.489361693%;
    *width: 91.4361702036383%;
}

.row-fluid .span10 {
    width: 82.97872339599999%;
    *width: 82.92553190663828%;
}

.row-fluid .span9 {
    width: 74.468085099%;
    *width: 74.4148936096383%;
}

.row-fluid .span8 {
    width: 65.95744680199999%;
    *width: 65.90425531263828%;
}

.row-fluid .span7 {
    width: 57.446808505%;
    *width: 57.3936170156383%;
}

.row-fluid .span6 {
    width: 48.93617020799999%;
    *width: 48.88297871863829%;
}

.row-fluid .span5 {
    width: 40.425531911%;
    *width: 40.3723404216383%;
}

.row-fluid .span4 {
    width: 31.914893614%;
    *width: 31.8617021246383%;
}

.row-fluid .span3 {
    width: 23.404255317%;
    *width: 23.3510638276383%;
}

.row-fluid .span2 {
    width: 14.89361702%;
    *width: 14.8404255306383%;
}

.row-fluid .span1 {
    width: 6.382978723%;
    *width: 6.329787233638298%;
}

.container-fluid {
    *zoom: 1;
}

.container-fluid:before, .container-fluid:after {
    display: table;
    content: "";
}

.container-fluid:after {
    clear: both;
}

@media (max-width: 767px) {
    .row-fluid {
        width: 100%;
    }

    .row-fluid [class*="span"] {
        display: block;
        float: none;
        width: auto;
        margin-left: 0;
    }
}

@media (min-width: 768px) and (max-width: 1139px) {
    .row-fluid {
        width: 100%;
        *zoom: 1;
    }

    .row-fluid:before, .row-fluid:after {
        display: table;
        content: "";
    }

    .row-fluid:after {
        clear: both;
    }

    .row-fluid [class*="span"] {
        display: block;
        float: left;
        width: 100%;
        min-height: 1px;
        margin-left: 2.762430939%;
        *margin-left: 2.709239449638298%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }

    .row-fluid [class*="span"]:first-child {
        margin-left: 0;
    }

    .row-fluid .span12 {
        width: 99.999999993%;
        *width: 99.9468085036383%;
    }

    .row-fluid .span11 {
        width: 91.436464082%;
        *width: 91.38327259263829%;
    }

    .row-fluid .span10 {
        width: 82.87292817100001%;
        *width: 82.8197366816383%;
    }

    .row-fluid .span9 {
        width: 74.30939226%;
        *width: 74.25620077063829%;
    }

    .row-fluid .span8 {
        width: 65.74585634900001%;
        *width: 65.6926648596383%;
    }

    .row-fluid .span7 {
        width: 57.182320438000005%;
        *width: 57.129128948638304%;
    }

    .row-fluid .span6 {
        width: 48.618784527%;
        *width: 48.5655930376383%;
    }

    .row-fluid .span5 {
        width: 40.055248616%;
        *width: 40.0020571266383%;
    }

    .row-fluid .span4 {
        width: 31.491712705%;
        *width: 31.4385212156383%;
    }

    .row-fluid .span3 {
        width: 22.928176794%;
        *width: 22.874985304638297%;
    }

    .row-fluid .span2 {
        width: 14.364640883%;
        *width: 14.311449393638298%;
    }

    .row-fluid .span1 {
        width: 5.801104972%;
        *width: 5.747913482638298%;
    }
}

@media (min-width: 1280px) {
    .row-fluid {
        width: 100%;
        *zoom: 1;
    }

    .row-fluid:before, .row-fluid:after {
        display: table;
        content: "";
    }

    .row-fluid:after {
        clear: both;
    }

    .row-fluid [class*="span"] {
        display: block;
        float: left;
        width: 100%;
        min-height: 1px;
        margin-left: 2.564102564%;
        *margin-left: 2.510911074638298%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }

    .row-fluid [class*="span"]:first-child {
        margin-left: 0;
    }

    .row-fluid .span12 {
        width: 100%;
        *width: 99.94680851063829%;
    }

    .row-fluid .span11 {
        width: 91.45299145300001%;
        *width: 91.3997999636383%;
    }

    .row-fluid .span10 {
        width: 82.905982906%;
        *width: 82.8527914166383%;
    }

    .row-fluid .span9 {
        width: 74.358974359%;
        *width: 74.30578286963829%;
    }

    .row-fluid .span8 {
        width: 65.81196581200001%;
        *width: 65.7587743226383%;
    }

    .row-fluid .span7 {
        width: 57.264957265%;
        *width: 57.2117657756383%;
    }

    .row-fluid .span6 {
        width: 48.717948718%;
        *width: 48.6647572286383%;
    }

    .row-fluid .span5 {
        width: 40.170940171000005%;
        *width: 40.117748681638304%;
    }

    .row-fluid .span4 {
        width: 31.623931624%;
        *width: 31.5707401346383%;
    }

    .row-fluid .span3 {
        width: 23.076923077%;
        *width: 23.0237315876383%;
    }

    .row-fluid .span2 {
        width: 14.529914530000001%;
        *width: 14.4767230406383%;
    }

    .row-fluid .span1 {
        width: 5.982905983%;
        *width: 5.929714493638298%;
    }
}

/* Clearfix */

.clearfix {
    *zoom: 1;
}

.clearfix:before, .clearfix:after {
    display: table;
    content: "";
}

.clearfix:after {
    clear: both;
}

/* Visibilty Classes */

.hide {
    display: none;
}

.show {
    display: block;
}

.invisible {
    visibility: hidden;
}

.hidden {
    display: none;
    visibility: hidden;
}

/* Responsive Visibilty Classes */

.visible-phone {
    display: none !important;
}

.visible-tablet {
    display: none !important;
}

.hidden-desktop {
    display: none !important;
}

@media (max-width: 767px) {
    .visible-phone {
        display: inherit !important;
    }

    .hidden-phone {
        display: none !important;
    }

    .hidden-desktop {
        display: inherit !important;
    }

    .visible-desktop {
        display: none !important;
    }
}

@media (min-width: 768px) and (max-width: 1139px) {
    .visible-tablet {
        display: inherit !important;
    }

    .hidden-tablet {
        display: none !important;
    }

    .hidden-desktop {
        display: inherit !important;
    }

    .visible-desktop {
        display: none !important ;
    }
}
.content-wrapper {
  margin: 0 auto;
  max-width: 1480px;
  padding: 0 20px;
}

.dnd-section,
.content-wrapper--vertical-spacing {
  padding: 80px 20px;
}

.dnd-section > .row-fluid {
  margin: 0 auto;
  max-width: 1200px;
}

.dnd-section .dnd-column {
  padding: 0 20px;
}

@media (max-width: 767px) {
  .dnd-section .dnd-column {
    padding: 0;
  }
}
html {
  font-size: 24px;
}

@media (max-width: 767px) {
  html {
    font-size: 18px;
  }
}

@media (max-width: 480px) {
  html {
    font-size: 16px;
  }
}

body {
  color: #494A52;
  font-family: Lato, sans-serif;
  line-height: 1.4;
  word-break: break-word;
}

html[lang^="ja"] body,
html[lang^="zh"] body,
html[lang^="ko"] body {
  line-break: strict;
  word-break: break-all;
}

/* Paragraphs */

p {
  font-size: 1rem;
  margin: 0 0 1.4rem;
}

strong {
  font-weight: 700;
}

/* Anchors */

a {
  color: #0270E0;
  cursor: pointer;
  text-decoration: none;
}

a:hover, a:focus {
  text-decoration: underline;
}

/* Headings */

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #494A52;
  font-family: Merriweather, serif;
  font-weight: 700;
  margin: 0 0 1.4rem;
}

h1 {
  font-size: 2.1rem;
}

h2 {
  font-size: 1.6rem;
}

h3 {
  font-size: 1.25rem;
}

h4 {
  font-family: Lato, sans-serif;
  font-size: 1.175rem;
  font-weight: normal;
}

h5 {
  font-size: 1rem;
}

h6 {
  font-size: 0.9rem;
}

/* Lists */

ul,
ol {
  margin: 0 0 1.5rem;
}

ul ul,
ol ul,
ul ol,
ol ol {
  margin: 0;
}

ul.no-list {
  list-style: none;
}

/* Code blocks */

code {
  vertical-align: bottom;
}

/* Blockquotes */

blockquote {
  border-left: 2px solid #A9A9A9;
  margin: 0 0 1.4rem;
  padding-left: 15px;
}

/* Horizontal rules */

hr {
  background-color: #CCC;
  border: none;
  color: #CCC;
  height: 1px;
}

/* Subscripts and superscripts */

sup,
sub {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Focus styles */

:focus {
  outline: auto;
  outline-color: green;
}

.disable-focus-styles :focus {
  outline: none;
}
button,
.button {
  background-color: #494A52;
  border: 1px solid #494A52;
  border-radius: 6px;
  color: #FFF;
  cursor: pointer;
  display: inline-block;
  font-size: 0.92rem;
  font-weight: normal;
  height: auto;
  line-height: 1.1;
  margin: 0;
  padding: 15px 53px;
  position: relative;
  text-align: center;
  text-decoration: none;
  transition: all 0.15s linear;
  white-space: normal;
  width: auto;
  word-break: break-word;
}

button:disabled,
.button:disabled {
  background-color: #D0D0D0;
  border-color: #D0D0D0;
  color: #E6E6E6;
}

button:hover,
button:focus,
.button:hover,
.button:focus {
  background-color: #21222A;
  border-color: #21222A;
  color: #FFF;
  text-decoration: none;
}

button:active,
.button:active {
  background-color: #71727A;
  border-color: #71727A;
  color: #FFF;
  text-decoration: none;
}
/* Form */

form {
  font-family: Lato, sans-serif;
}

.hs-form-field {
  margin-bottom: 1.4rem;
}

/* Labels */

form label {
  color: #33475B;
  display: block;
  font-size: 0.875rem;
  padding-top: 0;
  margin-bottom: 0.35rem;
  text-align: left;
  width: auto;
}

/* Help text - legends */

form legend {
  color: #33475B;
  font-size: 0.875rem;
}

/* Inputs */

.input {
  position: relative;
}

input[type=text],
input[type=email],
input[type=password],
input[type=tel],
input[type=number],
input[type=file],
select,
textarea {
  background-color: #FFF;
  border: 1px solid #9EB3DB;
  border-radius: 10px;
  color: #33475B;
  display: inline-block;
  font-size: 0.875rem;
  padding: 0.7rem;
  width: 100%;
}

input[type=text]:focus,
input[type=email]:focus,
input[type=password]:focus,
input[type=tel]:focus,
input[type=number]:focus,
input[type=file]:focus,
select:focus,
textarea:focus {
  outline-color: rgba(82, 168, 236, 0.8);
}

fieldset {
  max-width: 100% !important;
}

::-webkit-input-placeholder {
  color: #BFBFBF;
}

::-moz-placeholder {
  color: #BFBFBF;
}

:-ms-input-placeholder {
  color: #BFBFBF;
}

:-moz-placeholder {
  color: #BFBFBF;
}

::placeholder {
  color: #BFBFBF;
}

/* Inputs - checkbox/radio */

form .inputs-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.inputs-list > li {
  display: block;
  margin: 0.7rem 0;
  padding: 0;
  width: 100%;
}

.inputs-list input,
.inputs-list span {
  font-size: 0.875rem;
  vertical-align: middle;
}

.hs-input[type=checkbox],
.hs-input[type=radio] {
  border: none;
  cursor: pointer;
  height: auto;
  line-height: normal;
  margin-right: 0.35rem;
  padding: 0;
  width: auto;
}

/* Inputs - datepicker */

.hs-fieldtype-date .input .hs-dateinput:before {
  color: #33475B;
  content:'\01F4C5';
  position: absolute;
  right: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.fn-date-picker .pika-table thead th {
  color: #FFF;
}

.fn-date-picker td.is-today .pika-button {
  color: #343A40;
}

.fn-date-picker td.is-selected .pika-button {
  background: #343A40;
  border-radius: 0;
  box-shadow: none;
}

.fn-date-picker td .pika-button:hover {
  background-color: #343A40 !important;
  border-radius: 0 !important;
  color: #FFF;
}

/* Inputs - file picker */

input[type=file] {
  background-color: transparent;
  border: initial;
  box-shadow: none;
  line-height: initial;
  padding: initial;
}

/* Headings and text */

form .hs-richtext,
form .hs-richtext p {
  font-size: 0.875rem;
  margin: 0 0 1.4rem;
}

form .hs-richtext img {
  max-width: 100% !important;
}

form .header {
  background-color: transparent;
  border: none;
}

/* GDPR */

.legal-consent-container .hs-form-booleancheckbox-display > span,
.legal-consent-container .hs-form-booleancheckbox-display > span p {
  font-size: 0.875rem;
  margin-left: 1rem !important;
}

/* Validation */

.hs-form-required {
  color: red;
}

.hs-input.invalid.error {
  border-color: #EF6B51;
}

.hs-error-msg {
  color: #EF6B51;
  margin-top: 0.35rem;
}

/* Submit button */

form input[type=submit],
form .hs-button {
  background-color: #494A52;
  border: 1px solid #494A52;
  border-radius: 6px;
  color: #FFF;
  cursor: pointer;
  display: inline-block;
  font-size: 0.92rem;
  font-weight: normal;
  height: auto;
  line-height: 1.1;
  margin: 0;
  padding: 15px 53px;
  position: relative;
  text-align: center;

  text-decoration: none;
  transition: all 0.15s linear;
  white-space: normal;
  width: auto;
  word-break: break-word;
}

form input[type=submit]:hover,
form input[type=submit]:focus,
form .hs-button:hover,
form .hs-button:focus {
  background-color: #21222A;
  border-color: #21222A;

  color: #FFF;
}

form input[type=submit]:active,
form .hs-button:active {
  background-color: #71727A;
  border-color: #71727A;

  color: #FFF;
}

/* Captcha */

.grecaptcha-badge {
  margin: 0 auto;
}
/* Table */

table {
  border: 1px solid #DEE2E6;
  margin-bottom: 1.4rem;
  overflow-wrap: break-word;
}

tbody + tbody {
  border-top: 2px solid #DEE2E6;
}

/* Table Cells */

th,
td {
  border: 1px solid #DEE2E6;
  padding: 0.75rem;
  vertical-align: top;
}

/* Table Header */

thead th,
thead td {
  background-color: #343A40;
  border-bottom: 2px solid #DEE2E6;
  color: #FFF;
  vertical-align: bottom;
}
/* Header */

.header {
  position: fixed;
  width: 100%;
  background-color: #F8FAFF;
  z-index: 21;
  transition: all ease-in-out 0.5s;
}

.header.scrolled {
  box-shadow: 0 2px 4px rgba(45,62,80,0.12);
  background-color: #FFFFFF;
}

/* Header container */

.header__container {
  margin-top: 20px;
  margin-bottom: 10px;
  height: 70px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  align-items: center;
}

/* Navigation skipper */

.header__skip {
  height: 1px;
  left: -1000px;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: -1000px;
  width: 1px;
}

.header__skip:active,
.header__skip:focus,
.header__skip:hover {
  height: auto;
  left: 0;
  overflow: visible;
  top: 0;
  width: auto;
}

/* Logo */

.header__logo {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: auto;
  max-width: 200px;
  overflow: hidden;
  z-index: 10;
}

.header__logo img {
  max-width: 100%;
  width: 200px !important;
}

.header__logo .logo-company-name {
  font-size: 28px;
}

/* Navigation */

#nav-toggle {
  display: none;
}

.header__menu--flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

/* CTA */

.cta-start-now {
  display: flex;
  align-items: center;
}


/* Mobile overlay */

.mobile__navigation__overlay {
  height: 0;
  overflow: hidden;
  overflow-y: scroll;
  z-index: 1996;
  position: fixed;
  width: 100%;
  background-color: #FFFFFF;
  transition: 0.4s ease-in-out;
  bottom: 0;
  padding-left: 30px;
  padding-right: 30px;
}

.mobile__navigation__overlay.open {
  height: 100%;
  padding-top: 30px;
}

.hide-chat {
  z-index: 1 !important;
}

/* Mobile styles */

@media (max-width: 900px) {
  .cta-start-now {
    display: none;
  }

  .header__container form {
    max-width: 100%;
  }

  .header__navigation--toggle,
  .header__navigation--toggle-white,
  .header__close--toggle {
    cursor: pointer;
    margin: 0 5vw;
    position: relative;
  }

  .header__navigation {
    position: absolute !important;
    top: -9999px !important;
    left: -9999px !important;
  }

  .header__navigation--toggle {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAxOSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT5oYW1idXJnZXI8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4gICAgPGcgaWQ9ImhhbWJ1cmdlciIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+ICAgICAgICA8ZyBpZD0iR3JvdXAiIHN0cm9rZT0iIzQ5NEE1MiIgc3Ryb2tlLXdpZHRoPSIzIj4gICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlIiB4PSIxLjUiIHk9IjEuNSIgd2lkdGg9IjIxIiBoZWlnaHQ9IjEiIHJ4PSIwLjUiPjwvcmVjdD4gICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLUNvcHktNCIgeD0iMS41IiB5PSI5LjUiIHdpZHRoPSIyMSIgaGVpZ2h0PSIxIiByeD0iMC41Ij48L3JlY3Q+ICAgICAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZS1Db3B5LTUiIHg9IjEuNSIgeT0iMTcuNSIgd2lkdGg9IjIxIiBoZWlnaHQ9IjEiIHJ4PSIwLjUiPjwvcmVjdD4gICAgICAgIDwvZz4gICAgPC9nPjwvc3ZnPg==);
    background-position: top left;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
    height: 25px;
    width: 25px;
  }

  .header__navigation--toggle-white {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjgiIGhlaWdodD0iMjYiIHZpZXdCb3g9IjAgMCAyOCAyNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIgMkgyNiIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyLjQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMiAxMkgyNiIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyLjQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMiAyMkgyNiIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyLjQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K);
    background-position: top left;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
    height: 25px;
    width: 25px;
  }

  .header__close--toggle {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjE5cHgiIHZpZXdCb3g9IjAgMCAyNCAxOSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT5jbG9zZTwvdGl0bGU+ICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPiAgICA8ZyBpZD0iY2xvc2UiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPiAgICAgICAgPGcgaWQ9Ikdyb3VwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyLjAwMDAwMCwgLTEuMDAwMDAwKSIgc3Ryb2tlPSIjNDk0QTUyIiBzdHJva2Utd2lkdGg9IjMiPiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEwLjAwMDAwMCwgMTAuNTAwMDAwKSByb3RhdGUoLTQ1LjAwMDAwMCkgdHJhbnNsYXRlKC0xMC4wMDAwMDAsIC0xMC41MDAwMDApICIgeD0iLTAuNSIgeT0iMTAuNSIgd2lkdGg9IjIxIiBoZWlnaHQ9IjEiIHJ4PSIwLjUiPjwvcmVjdD4gICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLUNvcHktNSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTAuMDAwMDAwLCAxMC41MDAwMDApIHJvdGF0ZSg0NS4wMDAwMDApIHRyYW5zbGF0ZSgtMTAuMDAwMDAwLCAtMTAuNTAwMDAwKSAiIHg9Ii0wLjUiIHk9IjEwLjUiIHdpZHRoPSIyMSIgaGVpZ2h0PSIxIiByeD0iMC41Ij48L3JlY3Q+ICAgICAgICA8L2c+ICAgIDwvZz48L3N2Zz4=);
    background-repeat: no-repeat;
    background-size: 110%;
    display: none;
    height: 25px;
    margin: 0 5vw;
    width: 25px;
  }

  .header__close--toggle.show {
    display: block;
    z-index: 1999;
  }
}
.footer {
  overflow: hidden;
  height: 150px;
}

.footer__container {
  width: 100%;
  height: 150px;
  text-align: center;
  background: #003366;
}

.footer__content-wrapper {
  padding: 24px;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.footer__content-wrapper-max-width {
  max-width: 1200px;
  width: 100%;
  display: inline-flex;
  align-items: center;
  align-content: flex-start;
}

.footer__copyright {
  font-family: Kanit;
  font-weight: 300;
  font-size: 16px;
  padding-right: 55px;
}

.language-selection-container {
  cursor: pointer;
  margin-left: auto;
  margin-right: 20px;
  font-size: 18px;
  font-weight: 300;
  display: flex;
  align-items: center;
  padding: 15px 20px;
  position: relative;
}

.language-selection-current-language {
  padding-bottom: 0.125rem;
}

.language-selection-image {
  margin-right: 12px;
}

.language-section-expand-icon {
  margin-left: 5px;
  width: 9px;
}

.language-selection-menu {
  display: none;
  height: 110px;
  width: 200px;
  position: absolute;
  background-color: white;
  padding: 10px 0;
  box-shadow: rgb(0 0 0 / 18%) 0 10px 25px;
  border-radius: 8px;
  z-index: 4;
}

.language-selection-menu-item {
  height: 45px;
  font-size: 16px;
  padding: 10px;
  cursor: pointer;
  border-radius: 4px;
  margin: 0 4px;
  transition: 0.5s;
  padding-left: 20px;
  padding-right: 10px;
  position: relative;
}

.language-selection-menu-item:hover {
  background-color: #cdd8ed;
}

.language-selection-menu-arrow {
  position: absolute;
  height: 15px;
  width: 15px;
  transform: rotate(45deg);
  margin-left: -8px;
  bottom: -8px;
  left: calc(50% - 1px);
  background: white;
}

@media (min-width: 900px) {
  .footer__social {
    margin-top: 10px;
  }
}

@media (max-width: 900px) {
  .footer__content-wrapper {
    top: -14px;
  }

  .footer__content-wrapper-max-width {
    flex-direction: column;
  }

  .footer {
    height: 350px;
  }

  .footer__container {
    height: 400px;
  }

  .footer__copyright {
    padding-right: 0px;
  }

  .footer__navigation {
    padding: 10px 20px 0px 20px;
    width: 100%;
  }

  .footer__navigation a {
    font-size: 16px !important;
  }

  .footer__social {
    padding-top: 15px;
  }

  .language-selection-container {
    margin: 0 0 5px;
    font-weight: 400;
  }
}




.hs-menu-wrapper ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding-left: 0;
}

/* Horizontal menu */

.hs-menu-wrapper.hs-menu-flow-horizontal .hs-menu-children-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

@media (max-width: 767px) {
  .hs-menu-wrapper.hs-menu-flow-horizontal ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

/* Vertical menu */

.hs-menu-wrapper.hs-menu-flow-vertical ul {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

/* Flyouts */

.hs-menu-wrapper.hs-menu-flow-vertical.flyouts ul {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

@media (max-width: 767px) {
  .hs-menu-wrapper.hs-menu-flow-vertical ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.hs-menu-wrapper.flyouts .hs-item-has-children {
  position: relative;
}

.hs-menu-wrapper.flyouts .hs-menu-children-wrapper {
  left: -9999px;
  opacity: 0;
  position: absolute;
}

.hs-menu-wrapper.flyouts .hs-menu-children-wrapper a {
  display: block;
  white-space: nowrap;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper {
  left: 0;
  opacity: 1;
  top: 100%;
}

.hs-menu-wrapper.hs-menu-flow-vertical.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper {
  left: 100%;
  opacity: 1;
  top: 0;
}

@media (max-width: 767px) {
  .hs-menu-wrapper.flyouts .hs-menu-children-wrapper,
  .hs-menu-wrapper.hs-menu-flow-horizontal.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper,
  .hs-menu-wrapper.hs-menu-flow-vertical.flyouts .hs-item-has-children:hover > .hs-menu-children-wrapper {
    left: 0;
    opacity: 1;
    position: relative;
    top: auto;
  }
}
.blog-wrapper {
  background-color: #F8FAFC;
}

/* Blog header */
.blog-header {
  text-align: center;
  padding: 0 20px;
}

.blog-header__inner {
  margin: 0 auto;
  max-width: 750px;
  padding-top: 60px;
}

.blog-header__title {
  font-size: 36px;
  line-height: 48px;
  font-family: 'Kanit';
  font-weight: normal;
  margin-bottom: 12px;
}

.blog-header__subtitle {
  font-size: 18px;
  line-height: 32px;
  font-family: 'Kanit';
  font-weight: lighter;
}

/* Blog listing */

.blog-index {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 3.3rem 0;
}

.blog-index:after {
  content: "";
  -webkit-box-flex: 1;
  -ms-flex: auto;
  flex: auto;
}

.blog-index__post {
  padding: 12px;
}

.blog-index__post-inner {
  padding: 16px;
  height: 100%;
  background-color: white;
  border-radius: 20px;
  box-shadow: 2px 4px 20px rgba(37, 49, 112, 0.06);
  border-width: 1px;
  border-style: solid;
  border-color: white;
}

.blog-index__post-inner:hover {
  border-color: #2D4899;
}

.blog-index__post-title {
  font-size: 20px;
  line-height: 32px;
  font-weight: 500;
  text-decoration: none !important;
}

.blog-index__post-description {
  font-family: Kanit;
  font-size: 18px;
  line-height: 32px;
  font-weight: lighter;
  margin-bottom: 0px;
  text-decoration: none !important;
}

.blog-index__post-image {
  height: auto;
  max-width: 100%;
  border-radius: 12px;
  overflow: hidden;
}

.blog-index__post-content h2 {
  margin: 0.5rem 0;
}

.blog-index__post-content a {
  color: #494A52;
}

@media screen and (min-width: 768px) {
  .blog-index__post {
    -webkit-box-flex:  0;
    -ms-flex:  0 0 calc(100% / 2);
    flex:  0 0 calc(100% / 2);
  }
}

@media screen and (min-width: 1200px) {
  .blog-index__post {
    -webkit-box-flex:  0;
    -ms-flex:  0 0 calc(100% / 3);
    flex:  0 0 calc(100% / 3);
  }
}

/* Blog pagination */

.blog-pagination {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-family: Lato, sans-serif;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 3.3rem;
  text-align: center;
}

.blog-pagination__link {
  border: 2px solid transparent;
  border-radius: 7px;
  color: #494A52;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  line-height: 1;
  margin: 0 0.1rem;
  padding: 0.25rem 0.4rem;
  text-decoration: none;
}

.blog-pagination__link--active {
  border: 2px solid #B0C1D4;
}

.blog-pagination__link:hover,
.blog-pagination__link:focus {
  text-decoration: none;
}

.blog-pagination__prev-link,
.blog-pagination__next-link {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.blog-pagination__prev-link {
  margin-right: 0.25rem;
  text-align: right;
}

.blog-pagination__next-link {
  margin-left: 0.25rem;
  text-align: left;
}

.blog-pagination__prev-link--disabled,
.blog-pagination__next-link--disabled {
  color: #B0C1D4;
  cursor: default;
  pointer-events: none;
}

.blog-pagination__prev-link svg,
.blog-pagination__next-link svg {
  fill: #494A52;
  margin: 0 5px;
}

.blog-pagination__prev-link--disabled svg,
.blog-pagination__next-link--disabled svg {
  fill: #B0C1D4;
}

.blog-pagination__number-link:hover,
.blog-pagination__number-link:focus {
  border: 2px solid #B0C1D4;
}

/* Blog post */

.blog-post {
  margin: 0 auto;
  max-width: 960px;
  padding: 3.3rem 0;
}

.blog-post__meta {
  margin: 1rem 0;
}

.blog-post__meta a {
  color: #494A52;
  text-decoration: underline;
}

/* Blog related posts */

.blog-related-posts {
  background-color: #F8FAFC;
  margin-top: 3rem;
  padding: 2rem 0;
}

.blog-related-posts h2 {
  text-align: center;
}

.blog-related-posts__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.blog-related-posts__post {
  color: #494A52;
  display: block;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  padding: 1rem;
}

@media screen and (min-width: 768px) {
  .blog-related-posts__post {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(100%/2);
    flex: 0 0 calc(100%/2);
  }
}

@media screen and (min-width: 1000px) {
  .blog-related-posts__post {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(100%/3);
    flex: 0 0 calc(100%/3);
  }
}

.blog-related-posts__image {
  height: auto;
  max-width: 100%;
}

.blog-related-posts__title {
  margin: 1rem 0 0.5rem;
}

.blog-related-posts__title a {
  color: #494a52;
}
/* Error pages */

.error-page {
  padding: 10rem 0;
  position: relative;
  text-align: center;
}

.error-page:before {
  color: #F3F6F9;
  content: attr(data-error);
  font-family: Lato, sans-serif;
  font-size: 40vw;
  font-weight: bold;
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  z-index: -1;
}

@media screen and (min-width: 1100px) {
  .error-page:before {
    font-size: 20rem;
  }
}

/* System pages */

.systems-page {
  margin: 0 auto;
  max-width: 700px;
  padding: 3rem 1.4rem;
}

.systems-page .success {
  background-color: #CDE3CC;
  border: 1.5px solid #4F7D24;
  border-radius: 6px;
  color: #4F7D24;
  display: inline-block;
  margin: 1.4rem 0;
  padding: 0.1rem 0.7rem;
  width: 100%;
}

.systems-page form input {
  max-width: 100%;
}

#email-prefs-form .header {
  background-color: transparent;
}

/* Search pages */

.hs-search-field__bar {
  position: relative;
}

.hs-search-field__suggestions {
  background-color: #FFF;
  max-width: 360px;
  position: absolute;
  right: 0;
  top: 100%;
  width: 100%;
}

.hs-search-results {
  margin-top: 1.4rem;
}

ul.hs-search-results__listing li {
  margin-bottom: 1.4rem;
}

.hs-search-results__title {
  color: #494A52;
  font-family: Merriweather, serif;
  font-size: 1.25rem;
  margin-bottom: 0.35rem;
  text-decoration: underline;
}

.hs-search-results__title:hover {
  text-decoration: none;
}

.hs-search-results__description {
  padding-top: 0.7rem;
}

.hs-search-highlight {
  font-weight: bold;
}

.hs-search-results__pagination a {
  color: #0270E0;
}

/* Password prompt */

.password-prompt input[type=password] {
  display: block;
  height: auto !important;
  margin-bottom: 1.4rem;
}

/* Backup unsubscribe */

.backup-unsubscribe #email-prefs-form div {
  padding-bottom: 0 !important;
}

.backup-unsubscribe input[type=email] {
  margin-bottom: 1.4rem;
  padding: 0.7rem !important;
}
/* hero section */

.hero-section {
    width: 100%;
    padding-top: 1rem;
    padding-bottom: 7rem;
    margin-bottom: 3rem;
    background-color: #f8faff;
    display: flex;
}

.hero-section-content {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.hero-section-content-row {
    display: flex;
    margin-top: 40px;
    align-items: center;
}

.hero-section-content-row-v2 {
    display: flex;
    margin-top: 40px;
    align-items: center;
}

.hero-section-text {
    text-align: left;
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: 600px;
}

.hero-section-text-header {
    margin-bottom: 20px;
}

.hero-section-text-header-mes {
    color: #2d4899;
}

.hero-section-text-header-second-line {
    font-size: 44px;
}

.hero-section-text-paragraph {
    font-size: 20px;
    line-height: 160%;
    letter-spacing: 0.02em;
    font-weight: 300;
    margin-bottom: 0px;
}

.hero-section-email-form .hs-email input {
    font-size: 18px !important;
    border: 1px solid #9eb3db;
}

.hero-section-email-form .hs_error_rollup {
    display: none;
}

.hero-section-email-form .hs-error-msgs {
    display: none !important;
}

.hero-section-email-form .actions {
    text-align: right;
    margin-top: 8px;
}

.hero-section-email-form .hs-form {
    display: flex;
    align-items: center;
}

.hero-section-email-form .hs-form .hs-email {
    flex: 1;
    margin-bottom: 0 !important;
    margin-right: 0.5rem;
}

.hero-section-reference-customers {
    padding-top: 90px;
}

.hero-section-reference-customers-title {
    color: #9eb3db;
    font-size: 20px;
    line-height: 150%;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    margin-bottom: 0px;
}

.hero-section-reference-customer-logos {
    display: flex;
}

.hero-section-reference-customer-logo-wrapper {
    padding-right: 25px;
}

.hero-section-reference-customer-logo {
    width: 100%;
    padding-top: 15px;
    max-height: 85px;
}

.hero-section-illustration-wrapper {
    padding-left: 100px;
    height: 100%;
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.hero-section-illustration {
    width: 100%;
    max-height: 500px;
}

.hero-section-nomination {
    padding-top: 60px;
    width: 251px;
}

/* general advantages section */

.general-advantages-section {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-bottom: 100px;
}

.general-advantages-section-header-benefits {
    width: 215px;
    height: 63px;
    color: #ffffff;
    background-color: #1e2939;
    border-radius: 3px;
    margin: 0 1rem;
    display: flex;
    justify-content: center;
}

.general-advantage-card {
    max-width: 300px;
    min-width: 300px;
    height: 300px;
}

.general-advantage-card-text {
    text-align: center;
    letter-spacing: 0.02em;
    width: 100%;
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 10px;
}

.general-advantage-card-description {
    font-family: Kanit;
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 140%;
    text-align: center;
    letter-spacing: 0.01em;
    color: #62758F;
}

.general-advantage-card-image-wrapper {
    width: 150px;
    height: 150px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 1rem;
}

.general-advantage-card-image {
    height: 145px;
    width: 145px;
    margin-left: 10px;
}

.symestic-card-inner-div {
    padding: 8px !important;
}

.general-advantages-section-bottom-text-container {
    border-top: 1px solid #cdd8ed;
    width: 96%;
    display: flex;
    justify-content: center;
    margin-top: 40px;
}

.general-advantages-section-bottom-text {
    margin-top: -22px;
    width: 900px;
    font-size: 16px;
    line-height: 27.2px;
    text-align: center;
    background: white;
    color: #62758f;
}

/* pain points section  */

.pain-points-section {
    margin-bottom: 90px;
}

.pain-points-container {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 50;
}

.pain-point-card {
    width: 440px;
    min-height: 160px;
    padding: 22px;
    border-radius: 10px;
    box-shadow: 4px 6px 25px rgba(30, 31, 57, 0.1);
    margin-bottom: 60px;
}

.pain-point-card.center-point {
    background-color: #3753a6;
    color: white !important;
}

.pain-point-card-title-container {
    display: flex;
    align-items: center;
    margin-bottom: 6px;
}

.pain-point-card-title {
    font-size: 18px;
    letter-spacing: 1px;
    font-family: Kanit;
    color: #1e2939;
    margin-bottom: 6px;
    font-weight: 500;
    margin-left: 12px;
    line-height: 18.9px;
}

.pain-point-card-description {
    color: #62758f;
    font-size: 16px;
    font-family: Kanit;
    letter-spacing: 1px;
    line-height: 22px;
    font-weight: 300;
    margin: 0;
}

.pain-point-card.center-point .pain-point-card-title {
    color: white;
}

.pain-point-card.center-point .pain-point-card-description {
    color: white;
}

/* products section v2 */

.products-section-v2 {
    margin-bottom: 90px;
}

.add-ons-container {
    display: flex;
    flex-direction: row;
    height: 150px;
    margin-bottom: 50px;
    width: 100%;
}

.add-ons-header {
    background-color: #F29740;
    border-radius: 10px;
    margin-left: 10px;
    margin-right: 10px;
    width: 33px;
    display: flex;
    justify-content: center;
}

.add-ons-header-text {
    font-family: 'Kanit';
    font-weight: 400;
    font-size: 18px;
    color: white;
    writing-mode: vertical-lr;
    text-align: center;
    margin: auto;
}

.rotate-header-text {
    transform: rotate(180deg);
}

.add-on-cards {
    display: flex;
    flex-direction: row;
    height: 150px;
    width: 100%;
}

.add-on-card {
    background-color: #5F7CD1;
    border-radius: 10px;
    margin-left: 10px;
    margin-right: 10px;
    width: 100%;
    display: flex;
    justify-content: center;
    padding: 10px;
}

.add-on-card-with-link {
    background-color: #5F7CD1;
    border-radius: 10px;
    margin-left: 10px;
    margin-right: 10px;
    width: 100%;
    display: flex;
    justify-content: center;
    padding: 10px;
    transition: box-shadow filter .3s;
    user-select: none;
}

.add-on-card-with-link:hover {
    box-shadow: 0 0 11px rgba(33,33,33,.2); 
    cursor: pointer;
    filter: brightness(0.7);
}

.add-on-name {
    font-family: 'Kanit';
    font-weight: 400;
    font-size: 16px;
    color: white !important;
    text-align: center;
    text-decoration: none !important;
    width: 100%;
    height: 100%;
    user-select: none;
    display: flex;
    align-items: center;
    justify-content: center;
}

.products-container {
    display: flex;
    flex-direction: row;
    height: 150px;
    margin-bottom: 50px;
    width: 100%;
}

.products-header {
    background-color: #F29740;
    border-radius: 10px;
    margin-left: 10px;
    margin-right: 10px;
    width: 33px;
    display: flex;
    justify-content: center;
}

.products-header-text {
    font-family: 'Kanit';
    font-weight: 400;
    font-size: 18px;
    color: white;
    writing-mode: vertical-lr;
    text-align: center;
    margin: auto;
}

.product-cards {
    display: flex;
    flex-direction: row;
    height: 150px;
    width: 100%;
}

.product-card-v2 {
    background-color: #4966BC;
    border-radius: 10px;
    margin-left: 10px;
    margin-right: 10px;
    width: 100%;
    display: flex;
    justify-content: center;
    padding: 10px;
    transition: box-shadow filter .3s;
    user-select: none;
}

.product-card-v2:hover {
    box-shadow: 0 0 11px rgba(33,33,33,.2); 
    cursor: pointer;
    filter: brightness(0.7);
}

.product-name {
    font-family: 'Kanit';
    font-weight: 500;
    font-size: 19px;
    color: white !important;
    text-align: center;
    text-decoration: none !important;
    width: 100%;
    height: 100%;
    user-select: none;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mes-framework-container {
    display: flex;
    flex-direction: row;
    height: 150px;
    margin-bottom: 50px;
    width: 100%;
}

.mes-framework-header {
    background-color: #F29740;
    border-radius: 10px;
    margin-left: 10px;
    margin-right: 10px;
    width: 33px;
    display: flex;
    justify-content: center;
}

.mes-framework-header-text {
    font-family: 'Kanit';
    font-weight: 400;
    font-size: 18px;
    color: white;
    writing-mode: vertical-lr;
    text-align: center;
    margin: auto;
}

.mes-framework-card {
    height: 150px;
    width: 100%;
    background-color: #3551A6;
    border-radius: 10px;
    margin-left: 10px;
    margin-right: 10px;
    display: flex;
    flex-direction: row;
}

.feature-container {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    transform: translateY(-33px);
}

.feature-image {
    width: 115px;
    height: 115px;
    margin: auto;
}

.feature-name {
    font-family: 'Kanit';
    font-weight: 500;
    font-size: 20px;
    color: white;
    margin: auto;
}

/* products section */

.products-section {
    margin-top: 50px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.products-overview {
    height: 650px;
    width: 100%;
    position: relative;
    margin-top: 55px;
}

.kpis-card {
    background: #50bf9e;
    top: 382px;
    left: 12%;
}

.kpis-card-vector {
    position: absolute;
    top: 415px;
    left: calc(12% + 280px);
}

.batch-order-control-card {
    background: #68baf2;
    top: 165px;
    left: 10%;
}

.batch-order-control-card-vector {
    position: absolute;
    top: 200px;
    left: calc(10% + 280px);
}

.personnel-time-recording-card {
    background: #f9c74f;
    top: 0px;
    left: calc(50% - 140px);
}

.personnel-time-recording-card-vector {
    position: absolute;
    top: 69px;
    left: 50%;
}

.alarming-card {
    background: #ef8e64;
    top: 120px;
    left: 72%;
}

.alarming-card-vector {
    position: absolute;
    top: 156px;
    left: calc(72% - 94px);
}

.process-data-card {
    background: #fd6670;
    top: 344px;
    left: 71%;
}

.process-data-card-vector {
    position: absolute;
    top: 379px;
    left: calc(71% - 94px);
}

.products-overview-mobile-cloud-background {
    display: none;
    width: 100%;
    max-height: 500px;
    position: absolute;
    top: 750px;
    z-index: -99;
}

/* organizations section*/

.organizations-section {
    background: #F5F8FF;
    padding-top: 120px;
    padding-bottom: 160px;
    margin-bottom: 90px;
}

.organizations-title {
    font-family: 'Kanit';
    font-style: normal;
    font-weight: 600;
    font-size: 30px;
    line-height: 45px;
    text-align: center;
    margin-bottom: 80px;
}

.organization-images {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.ai40-image {
    padding-left: 80px;
    padding-right: 80px;
    height: 132.5px;
}

/* platform section */

.platform-section {
    display: flex;
    flex-direction: row;
    margin-top: 90px;
    margin-bottom: 180px;
}

.platform-section-products {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 50%;
    padding-right: 100px;
}

.platform-section-title {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-size: 30px;
    line-height: 40px;
    text-align: left;
    margin-bottom: 10px;
}

.platform-section-subtitle {
    font-family: 'Kanit';
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: 0.01em;
    color: #62758F;
    text-align: left;
    margin-bottom: 40px;
}

.platform-product-card {
    display: flex;
    flex-direction: row;
    box-shadow: 4px 6px 50px rgba(37, 49, 112, 0.07);
    border-radius: 10px;
    padding: 20px;
    margin-bottom: 30px;
}

.platform-product-image {
    height: 60px;
    margin-right: 20px;
}

.platform-product-text {
    display: flex;
    flex-direction: column;
}

.platform-product-name {
    font-family: 'Kanit';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.03em;
    margin-bottom: 5px;
}

.platform-product-description {
    font-family: 'Kanit';
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: 0.01em;
    color: #62758F;
}

/* bundles section */

.bundle-card {
    width: 400px;
    height: 560px;
}

.bundle-card-image {
    width: 220px;
    transform: translate(20px, -50px);
}

.bundle-card-name {
    font-family: Poppins;
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 30px;
    text-align: center;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    margin-bottom: 5px;
}

.bundle-card-description {
    line-height: 150%;
    text-align: center;
    color: #636b76;
    max-width: 300px;
}

.bundle-features {
    width: 100%;
    padding: 8px;
}

.bundle-feature {
    line-height: 165%;
    letter-spacing: 0.02em;
    display: flex;
    align-items: center;
    margin-bottom: 12px;
}

.bundle-feature h5 {
    margin-bottom: 0px;
    margin-left: 20px;
    width: 100%;
    line-height: 28px;
}

/* general styles*/

.section-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.section-header {
    font-family: Poppins;
    font-weight: 600;
    font-size: 30px;
    line-height: 45px;
    letter-spacing: 0.03em;
    text-align: center;
}

.section-subheader {
    font-weight: 300;
    line-height: 32px;
    letter-spacing: 0.03em;
    text-align: center;
    font-size: 20px;
}

.symestic-cards-container {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    margin-bottom: 25px;
}

.symestic-card {
    padding: 8px;
    margin: 30px;
    box-shadow: 4px 6px 25px rgba(57, 30, 38, 0.09);
    border-radius: 10px;
    background-color: white;
}

.symestic-card-inner-div {
    display: flex;
    flex-direction: column;
    align-items: center;
    border: 1px solid #cdd8ed;
    box-sizing: border-box;
    border-radius: 10px;
    width: 100%;
    height: 100%;
    padding: 1rem;
}

/* mobile styles */

@media (max-width: 1400px) {
    .hero-section-text-header {
        font-size: 50px;
    }

    .hero-section-text-header-second-line {
        font-size: 38px;
    }
}

@media (max-width: 1040px) {
    .hero-section-content-row {
        flex-direction: column-reverse;
    }

    .hero-section-content-row-v2 {
        flex-direction: column;
    }

    .hero-section-text {
        max-width: 1000px;
    }

    .hero-section-illustration-wrapper {
        max-width: 800px;
        padding-left: 0px;
        margin-bottom: 4rem;
        margin-top: -3rem;
        width: 90%;
    }

    .hero-section-illustration {
        width: 65%;
        margin-top: 20px;
    }

    .hero-section-reference-customers {
        padding-top: 50px;
    }

    .hero-section-text-paragraph {
        margin-bottom: 0;
    }

    .add-ons-container {
        flex-direction: column;
        height: auto;
    }

    .add-ons-header {
        height: 43px;
        width: 100%;
        margin-left: 0px;
        margin-right: 0px;
        margin-bottom: 20px;
    }

    .add-ons-header-text {
        writing-mode: horizontal-tb;
        transform: none;
    }

    .add-on-cards {
        flex-flow: wrap;
        height: auto;
        justify-content: space-around;
    }

    .add-on-card {
        width: 30%;
        height: 110px;
        margin: 5px;
    }

    .add-on-card-with-link {
        width: 30%;
        height: 110px;
        margin: 5px;
    }

    .add-on-name {
        font-size: 14px;
    }

    .products-container {
        flex-direction: column;
        height: auto;
    }

    .products-header {
        height: 43px;
        width: 100%;
        margin-left: 0px;
        margin-right: 0px;
        margin-bottom: 20px;
    }

    .products-header-text {
        writing-mode: horizontal-tb;
        transform: none;
    }

    .product-cards {
        flex-direction: column;
        height: auto;
    }

    .product-card-v2 {
        height: 110px;
        margin: 5px;
    }

    .mes-framework-container {
        flex-direction: column;
        height: auto;
    }

    .mes-framework-header {
        height: 43px;
        width: 100%;
        margin-left: 0px;
        margin-right: 0px;
        margin-bottom: 20px;
    }

    .mes-framework-header-text {
        writing-mode: horizontal-tb;
        transform: none;
    }

    .mes-framework-card {
        flex-flow: wrap;
        height: auto;
        justify-content: space-around;
    }

    .feature-container {
        transform: none;
        width: 30%;
        height: 100%;
        margin: 5px;
        padding-bottom: 25px;
        padding-top: 25px;
    }

    .products-section {
        background: none !important;
        position: relative;
        height: 1150px;
    }

    .products-overview {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-top: 25px;
        background: none !important;
        height: 100%;
    }

    .card-vector {
        display: none;
    }

    .products-overview-mobile-cloud-background {
        display: block;
    }

    .general-advantages-section-header {
        font-size: 28px;
        padding-bottom: 0px;
    }

    .general-advantages-section-header-benefits {
        width: 150px;
        height: 42px;
        margin: 0 0.5rem;
    }

    .platform-section {
        flex-direction: column;
        margin-top: 30px;
        margin-bottom: 90px;
    }

    .platform-section-products {
        width: 100%;
        padding-right: 0px;
    }

    .platform-section-image-container {
        display: flex;
        justify-content: center;
    }

    .platform-section-image {
        width: 80%;
    }

    .organization-images {
        flex-direction: column;
    }

    .ai40-image {
        padding-left: 0px;
        padding-right: 0px;
        height: 70px;
        margin-top: 40px;
        margin-bottom: 40px;
    }
}

@media (max-width: 600px) {
    .hero-section {
        padding-bottom: 2rem;
    }

    .hero-section-illustration {
        width: 90%;
    }

    .hero-section-text-header {
        font-size: 36px;
        line-height: 120%;
    }

    .hero-section-text-header-second-line {
        font-size: 34px;
    }

    .hero-section-text-paragraph {
        font-size: 19px;
        line-height: 34px;
        letter-spacing: 0.01em;
    }

    .hero-section-email-form .hs-form {
        display: block;
    }

    .hero-section-email-form .hs-email {
        margin-right: 0px !important;
    }

    .hero-section-email-form .hs-button {
        width: 100%;
    }

    .hero-section-reference-customers-title {
        font-size: 16px;
    }

    .hero-section-illustration-wrapper {
        padding-top: 50px;
    }

    .symestic-card {
        margin: 20px 0;
    }

    .section-header {
        font-size: 20px;
        line-height: 37px;
        letter-spacing: 0.02em;
        text-align: left;
        margin-bottom: 15px;
    }

    .section-subheader {
        text-align: left;
        font-size: 16px;
    }

    .section-subheader br {
        display: none;
    }

    .add-on-card {
        width: 46%;
    }

    .add-on-card-with-link {
        width: 46%;
    }

    .feature-container {
        width: 46%;
    }

    .bundle-card {
        height: fit-content;
    }

    .bundle-card-name {
        font-size: 16px;
        width: 100%;
        text-align: left;
    }

    .bundle-card-description {
        width: 100%;
        max-width: 100%;
        text-align: left;
    }

    .general-advantages-section-bottom-text {
        text-align: left;
    }
}

@media (max-width: 450px) {
    .general-advantages-section-header {
        font-size: 20px;
    }

    .general-advantages-section-header-benefits {
        width: 120px;
        height: 30px;
        margin: 0 0.5rem;
    }
}
/* main section */

.contact-main-section {
    width: 100%;
    padding-top: 1rem;
    padding-bottom: 7rem;
    margin-bottom: 3rem;
    background-color: #f8faff;
    display: flex;
}

.contact-main-section-content {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.contact-main-section-content-row {
    display: flex;
    margin-top: 40px;
    align-items: center;
}

.contact-main-section-text {
    text-align: left;
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: 600px;
}

.contact-main-section-text-header {
    margin-bottom: 20px;
    font-size: 45px;
    font-family: Kanit;
    font-weight: 600;
    line-height: 60px;
}

.contact-main-section-colored-text-header {
    color: #2d4899;
}

.contact-main-section-text-paragraph {
    font-family: Kanit;
    font-weight: 300;
    font-size: 20px;
    line-height: 180%;
    letter-spacing: 0.02em;
}

.contact-main-section-illustration-wrapper {
    padding-left: 100px;
    width: 50%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.contact-main-section-illustration {
    width: 100%;
    transform: scale(1.5);
}

/* contact choices */

.contact-cards-container {
    margin-top: -250px;
    margin-bottom: 150px;
}

.contact-card {
    width: 420px;
    height: 375px;
    background-color: white;
}

.contact-card-image {
    width: 60px;
    height: 50px;
    margin-bottom: 25px;
}

.contact-card-title {
    font-family: Kanit;
    font-weight: 300;
    font-size: 25px;
    margin-bottom: 10px;
}

.contact-card-description {
    font-family: Kanit;
    font-weight: 300;
    font-size: 18px;
    line-height: 160%;
    text-align: center;
    color: #62758f;
}

.contact-card-cta {
    margin-top: auto;
    margin-bottom: 20px;
}

.contact-card-cta a {
    width: 275px;
    display: block;
    text-align: center;
}

.contact-card-chat-cta {
    cursor: pointer;
    text-align: center;
}

/* start process */

.start-process-header {
    text-align: center;
    font-family: Poppins;
    font-weight: 600;
    line-height: 45px;
    font-size: 30px;
    margin-bottom: 75px;
}

.start-process-steps-container {
    display: flex;
    padding: 0 72px;
    margin-bottom: 100px;
}

.start-process-step-container {
    display: flex;
    flex-direction: column;
}

.start-process-step-container:not(:last-child) {
    margin-right: 100px;
}

.start-process-step-image {
    width: 60px;
    height: 60px;
    margin-bottom: 20px;
}

.start-process-step-title {
    font-family: Kanit;
    font-size: 22px;
    font-weight: 600;
    letter-spacing: 0.03em;
    margin-bottom: 10px;
}

.start-process-step-description {
    font-family: Kanit;
    font-size: 18px;
    font-weight: 300;
    line-height: 170%;
    color: #525b68;
    max-width: 377.7px;
}

/* mobile styles */

@media (max-width: 1400px) {
    .contact-main-section-text-header {
        font-size: 36px;
    }
}

@media (max-width: 1040px) {
    .contact-main-section-content-row {
        flex-direction: column-reverse;
        align-items: normal;
        justify-content: flex-end;
        margin-top: 0;
    }

    .contact-main-section-illustration-wrapper {
        width: 100%;
        padding-left: 0;
    }

    .contact-main-section-illustration {
        transform: scale(1);
    }

    .contact-main-section-text-header {
        font-size: 40px;
        line-height: 50px;
    }

    .start-process-steps-container {
        display: flex;
        padding: 0;
    }

    .start-process-steps-container {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .start-process-step-container {
        align-items: center;
    }

    .start-process-step-description {
        text-align: center;
    }

    .start-process-step-container:not(:last-child) {
        margin-right: 0;
        margin-bottom: 40px;
    }
}


@media (max-width: 600px) {
    .contact-main-section-text-header {
        font-size: 24px;
        line-height: 30px;
    }

    .contact-main-section-text-paragraph {
        font-size: 16px;
        line-height: 30px;
    }

    .contact-card {
        margin: 20px !important;
        width: unset;
        height: unset;
    }

    .contact-card-title {
        font-size: 20px;
    }

    .contact-card-description {
        font-size: 16px;
    }
}
/* main section */

.pricing-main-section {
    width: 100%;
    padding-top: 1rem;
    padding-bottom: 3rem;
    background-color: #f8faff;
    display: flex;
}

.pricing-main-section-content {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.pricing-main-section-content-row {
    display: flex;
    margin-top: 40px;
}

.pricing-main-section-text {
    text-align: left;
    justify-content: center;
    max-width: 600px;
    margin-top: 60px;
}

.pricing-main-section-text-header {
    margin-bottom: 20px;
    font-size: 45px;
    font-family: Kanit;
    font-weight: 600;
    line-height: 60px;
}

.pricing-main-section-text-paragraph {
    font-family: Kanit;
    font-weight: 300;
    font-size: 20px;
    line-height: 180%;
    letter-spacing: 0.02em;
}

.pricing-main-section-illustration-wrapper {
    padding-left: 100px;
    width: 50%;
    height: 500px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    transform: translateY(50px);
}

.pricing-main-section-illustration {
    width: 100%;
    transform: scale(1.5);
}

/* pricing cards */

.pricing-cards-container {
    margin-top: 0px;
    margin-bottom: 70px;
}

.main-pricing-card {
    position: relative;
}

.pricing-card {
    width: 300px;
    height: 300px;
    background-color: white;
    z-index: 5;
}

.pricing-card-inner-div {
    justify-content: center;
}

.pricing-card-image {
    width: 70px;
    height: 60px;
    margin-bottom: 25px;
}

.pricing-card-title {
    font-family: Kanit;
    font-weight: 300;
    font-size: 25px;
    margin-bottom: 10px;
}

.pricing-card-description {
    font-family: Kanit;
    font-weight: 300;
    font-size: 18px;
    line-height: 160%;
    text-align: center;
    color: #62758f;
}

/* mobile styles */

@media (max-width: 1400px) {
    .pricing-main-section-text-header {
        font-size: 36px;
    }
}

@media (max-width: 1040px) {
    .pricing-main-section-content-row {
        flex-direction: column-reverse;
        align-items: normal;
        justify-content: flex-end;
        margin-top: 0;
    }

    .pricing-main-section-illustration-wrapper {
        width: 100%;
        padding-left: 0;
        height: 100%;
    }

    .pricing-main-section-illustration {
        transform: scale(1);
    }

    .pricing-main-section-text-header {
        font-size: 40px;
        line-height: 50px;
    }

    .price-tag-image {
        visibility: hidden;
    }
}


@media (max-width: 600px) {
    .pricing-main-section-text-header {
        font-size: 24px;
        line-height: 30px;
    }

    .pricing-main-section-text-paragraph {
        font-size: 16px;
        line-height: 30px;
    }

    .pricing-card {
        margin: 20px !important;
        width: 100%;
        height: unset;
    }

    .pricing-card-title {
        font-size: 20px;
    }

    .pricing-card-description {
        font-size: 16px;
    }
}
/* main section */

.product-main-section {
    padding-top: 32px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 50px;
    position: relative;
}

.product-main-section-text-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    z-index: 1;
}

.product-main-section-header {
    font-family: Kanit, sans-serif;
    font-size: 40px;
    font-weight: 600;
    margin-bottom: 8px;
}

.product-main-section-description {
    font-family: Kanit, sans-serif;
    font-size: 18px;
    font-weight: 300;
    line-height: 32px;
}

.product-main-cta-wrapper {
    z-index: 1;
}

.product-main-section-illustration {
    width: 1450px;
    z-index: 1;
}

.product-main-section-illustration-mobile {
    display: none;
    width: 300px;
    margin-top: 50px;
    z-index: 1;
}

.product-main-section-background {
    display: none;
    background-color: #f8faff;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 70%;
    z-index: 0;
}

.product-main-section-triangle {
    position: absolute;
    z-index: 0;
    right: 0;
    left: 0;
    width: 100%;
    bottom: 50px;
}

/* functions section */

.product-functions-section {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 50px;
    padding: 16px;
}

.production-kpis-functions-section-description {
    max-width: 950px;
}

.product-function-container {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 1200px;
    margin-bottom: 100px;
}

.product-function-text-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 51%;
    padding: 50px 0;
}

.product-function-title {
    font-family: Kanit, sans-serif;
    font-size: 24px;
    line-height: 36px;
    font-weight: 600;
    margin-bottom: 16px;
    letter-spacing: 1px;
}

.product-function-description {
    font-family: Kanit, sans-serif;
    font-size: 18px;
    line-height: 32px;
    font-weight: 300;
    letter-spacing: 1px;
    margin-bottom: 16px;
}

.product-function-img {
    width: 33%;
}

.product-function-img.margin-right {
    margin-right: 150px;
}

.product-function-img.margin-left {
    margin-left: 150px;
}

.product-function-bullet-point {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.product-function-bullet-point-text {
    font-family: Kanit, sans-serif;
    font-size: 18px;
    margin-left: 8px;
    margin-bottom: 2px;
    color: #3659b2;
    letter-spacing: 1px;
}

/* further functions section */

.product-further-functions-section {
    margin-bottom: 100px;
    padding: 16px;
}

.product-further-functions-wrapper {
    display: flex;
    max-width: 1100px;
    flex-wrap: wrap;
    margin-left: auto;
    margin-right: auto;
    justify-content: center;
}

.product-further-function-card {
    width: 290px;
    height: 290px;
    padding: 20px;
    border: 1px solid #cdd8ed;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 20px;
    border-radius: 6px;
}

.product-further-function-img {
    width: 140px;
    height: 140px;
    margin-bottom: 16px;
}

.product-further-function-text {
    font-family: Kanit, sans-serif;
    font-size: 18px;
    line-height: 25px;
    letter-spacing: 1px;
    text-align: center;
    margin-bottom: 0;
    max-width: 250px;
}

.product-further-functions-text-container {
    margin-bottom: 0 !important;
}

/* persona section */

.product-persona-section {
    padding: 16px;
    margin-bottom: 50px;
}

.product-persona-section-description {
    max-width: 980px;
}

.product-persona-section-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin: 0 auto;
    max-width: 1400px;
}

.product-persona-section-persona-container {
    display: flex;
    flex-direction: column;
    margin-right: 32px;
}

.product-persona-card {
    border: 1px solid #cdd8ed;
    width: 560px;
    height: 85px;
    border-radius: 6px;
    padding: 14px 25px;
    margin-bottom: 16px;
    transition: 0.75s;
}

.product-persona-card.expanded {
    height: 230px;
    box-shadow: 2px 3px 38px rgba(16, 23, 49, 0.1);
}

.product-persona-card-header {
    display: flex;
    align-items: center;
    cursor: default;
}

.product-persona-card-header-icon {
    width: 40px;
    height: 55px;
    margin-right: 16px;
}

.product-persona-card-header-text {
    font-family: Kanit, sans-serif;
    font-size: 20px;
    letter-spacing: 1px;
    margin-bottom: 0;
}

.product-persona-section-img {
    width: 750px;
}

.product-persona-card-benefits {
    opacity: 0;
    height: 0;
    transition: 1s;
    margin-left: 36px;
}

.product-persona-card.expanded .product-persona-card-benefits {
    opacity: 1;
}

.product-persona-card-benefits-list {
    display: none;
}

.product-persona-card.expanded .product-persona-card-benefits-list {
    display: block;
}

.product-persona-card-benefit {
    font-family: Kanit, sans-serif;
    font-size: 16px;
    line-height: 27px;
    letter-spacing: 1px;
    color: #525666;
    font-weight: 300;
}

/* why symestic section */

.product-why-symestic-section {
    padding: 16px;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 50px;
}

.product-why-symestic-section-wrapper {
    display: flex;
    margin-top: 20px;
}

.product-why-symestic-img {
    width: 390px;
    margin-right: 150px;
}

.product-why-symestic-points-img {
    height: 450px;
    margin: auto 0;
}

.product-why-symestic-cards-wrapper {
    display: flex;
    flex: 1;
}

.product-why-symestic-cards-container {
    flex-direction: column;
    flex: 1;
    margin-left: 40px;
}

.product-why-symestic-card {
    max-width: 450px;
    margin: 20px 0;
}

.product-why-symestic-card-inner-div {
    align-items: flex-start;
}

.product-why-symestic-card-header {
    font-family: Kanit, sans-serif;
    font-size: 25px;
    letter-spacing: 1px;
    margin-bottom: 8px;
    font-weight: 500;
}

.product-why-symestic-card-description {
    font-family: Kanit, sans-serif;
    font-size: 16px;
    letter-spacing: 1px;
    line-height: 26px;
    color: #62758f;
    font-weight: 300;
    margin-bottom: 0;
    max-width: 400px;
}

/* get started section */

.product-get-started-section {
    display: flex;
    justify-content: center;
    padding: 16px;
    margin-bottom: 75px;
}

.product-get-started-card {
    width: 1200px;
    height: 300px;
    background-color: #2d4899;
    border-radius: 12px;
    padding: 12px;
    position: relative;
}

.product-get-started-card-wrapper {
    border-radius: 12px;
    border: 1px solid #577cd1;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 16px;
}

.product-get-started-card-text {
    color: white;
    font-family: Kanit, sans-serif;
    font-size: 26px;
    line-height: 40px;
    text-align: center;
    max-width: 350px;
}

.product-get-started-plane-1 {
    position: absolute;
    left: 12%;
    top: 77%;
}

.product-get-started-plane-2 {
    position: absolute;
    right: 12%;
    bottom: 66%;
}

/* common styles */

.product-section-text-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin-bottom: 75px;
}

.product-section-header {
    font-family: Kanit, sans-serif;
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 8px;
    margin-bottom: 25px;
    max-width: 800px;
    letter-spacing: 1px;
    line-height: 45px;
}

.product-section-description {
    font-family: Kanit, sans-serif;
    font-size: 20px;
    font-weight: 300;
    line-height: 32px;
    letter-spacing: 1px;
}

/* responsive styles */

@media (max-width: 1800px) {
    .product-main-section-background {
        display: block;
    }
}

@media (max-width: 1500px) {
    .product-main-section-illustration {
        width: 1150px;
    }

    .product-persona-section-img {
        width: 550px;
    }
}

@media (max-width: 1200px) {
    .product-main-section-illustration {
        width: 850px;
    }

    .product-main-section-description {
        font-size: 16px;
    }

    .product-functions-section {
        margin-bottom: 0;
    }

    .product-persona-section-wrapper {
        flex-direction: column-reverse;
    }

    .product-persona-section-img {
        width: 80%;
    }

    .product-persona-section-persona-container {
        margin-right: 0;
        max-width: 700px;
    }

    .product-persona-card {
        width: 100%;
    }

    .product-persona-card.expanded {
        height: 225px;
    }

    .product-persona-card-benefits {
        margin-left: 0px;
        margin-top: 14px;
    }

    .product-persona-card-header-text {
        font-size: 18px;
    }

    .product-persona-card-benefit {
        font-size: 14px;
    }

    .product-section-text-container {
        margin-bottom: 20px;
    }

    .product-why-symestic-img {
        margin-right: 0;
        width: 250px;
        margin-bottom: 20px;
    }

    .product-why-symestic-section-wrapper {
        flex-direction: column;
        align-items: center;
    }
}

@media (max-width: 900px) {
    .product-main-section-illustration {
        display: none;
    }

    .product-main-section-illustration-mobile {
        display: block;
    }

    .product-main-section-background {
        bottom: 50%;
    }

    .product-function-container:not(.reverse) {
        flex-direction: column;
    }

    .product-function-container {
        margin-bottom: 50px;
    }

    .product-function-container.reverse {
        flex-direction: column-reverse;
    }

    .product-function-text-container {
        width: 100%;
        text-align: left;
    }

    .product-function-img {
        width: 80%;
        margin-bottom: 20px;
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    .product-get-started-card-text {
        color: white;
        font-family: Kanit, sans-serif;
        font-size: 20px;
    }

    .product-get-started-plane-1 {
        transform: scale(0.5);
    }

    .product-get-started-plane-2 {
        transform: scale(0.5);
        bottom: 72%;
    }
}

@media (max-width: 600px) {
    .product-main-section-text-container {
        padding: 16px;
    }

    .product-main-section-background {
        bottom: 30%;
    }

    .product-main-section-header {
        font-size: 26px;
    }

    .product-section-header {
        font-size: 24px;
    }

    .product-section-description {
        font-size: 18px;
    }

    .product-function-title {
        font-size: 20px;
    }

    .product-function-description {
        font-size: 18px;
        margin-bottom: 24px;
    }

    .product-why-symestic-img {
        margin-right: 0;
        width: 200px;
        margin-bottom: 20px;
    }

    .product-why-symestic-cards-container {
        flex-direction: column;
        flex: 1;
        margin-left: 20px;
    }

    .product-why-symestic-card-header {
        font-size: 22px;
    }

    .product-why-symestic-card-description {
        font-size: 14px;
    }

    .product-section-text-container {
        align-items: flex-start;
        text-align: left;
    }

    .product-persona-card.expanded {
        height: 350px;
    }
}

/* IE styles */

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .product-why-symestic-section {
        height: 1200px;
    }

    .product-why-symestic-section-wrapper {
        width: 85%;
        min-width: 500px;
    }

    .product-why-symestic-cards-wrapper {
        width: 100%;
        height: 800px;
    }

    .product-why-symestic-cards-container {
        height: 800px;
    }
}
/* main section */

.production-kpis-main-section-description {
    max-width: 730px;
}

.production-kpis-main-section-illustration-mobile {
    display: none;
    width: 300px;
    margin-top: 50px;
    z-index: 1;
}

.production-kpis-cta {
    background-color: #50BF9E !important;
}

.production-kpis-cta:hover {
    background-color: #36a383 !important;
}

/* functions section */

.production-kpis-functions-section-description {
    max-width: 950px;
}

/* data collection methods section */

.production-kpis-data-collection-methods-section {
    padding: 16px;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 50px;
}

.production-kpis-data-collection-methods-section-description {
    max-width: 1100px;
}

.production-kpis-data-collection-methods-section-img {
    width: 1200px;
}

.production-kpis-data-collection-method-cards-container {
    margin-top: -535px;
    z-index: 1;
}

.production-kpis-data-collection-method-card {
    max-width: 460px;
}
.production-kpis-data-collection-method-card-innder-div {
    min-height: 440px;
}

.production-kpis-data-collection-method-card.top-margin {
    margin-top: 175px;
}

.production-kpis-data-collection-method-card-header {
    font-family: Kanit, sans-serif;
    font-size: 25px;
    letter-spacing: 1px;
    font-weight: 500;
    margin-bottom: 16px;
}

.production-kpis-data-collection-method-card-description {
    font-family: Kanit, sans-serif;
    font-size: 16px;
    line-height: 25.5px;
    letter-spacing: 1px;
    font-weight: 300;
    max-width: 400px;
}

.production-kpis-data-collection-method-card-feature {
    display: flex;
    margin-bottom: 16px;
    max-width: 400px;
}

.production-kpis-data-collection-method-card-feature-img {
    height: 14px;
    margin-top: 6px;
}

.production-kpis-data-collection-method-card-feature-text {
    font-family: Kanit, sans-serif;
    font-size: 16px;
    line-height: 25.5px;
    letter-spacing: 1px;
    font-weight: 300;
    margin-bottom: 0;
    margin-left: 16px;
}

/* responsive styles */

@media (max-width: 1650px) {
    .production-kpis-data-collection-method-card.top-margin {
        margin-top: 30px;
    }
}

@media (max-width: 1500px) {
    .production-kpis-data-collection-methods-section-img {
        width: 850px;
    }
}

@media (max-width: 900px) {

    .production-kpis-data-collection-methods-section-img {
        width: 550px;
    }

    .production-kpis-data-collection-method-cards-container {
        margin-top: -130px;
    }
}

@media (max-width: 600px) {
    .production-kpis-data-collection-methods-section-img {
        width: 300px;
    }

    .production-kpis-data-collection-method-cards-container {
        margin-top: -100px;
    }

    .production-kpis-data-collection-method-card-header {
        font-size: 22px;
    }
}
/* main section */

.batch-production-control-main-section-description {
    max-width: 890px;
}

.production-control-cta {
    background-color: #60ACEB !important;
}

.production-control-cta:hover {
    background-color: #4795d6 !important;
}

/* functions section */

.batch-production-control-functions-section-description {
    max-width: 1100px;
}

/* apis section */

.batch-production-control-apis-section {
    padding: 16px;
    margin-bottom: 50px;
}

.batch-production-control-apis-section-description {
    max-width: 1100px;
}

.batch-production-control-api-card {
    max-width: 450px;
    height: 390px;
    margin-bottom: 75px;
}

.batch-production-control-api-card-img {
    width: 275px;
    margin-top: -100px;
    margin-bottom: 75px;
    margin-left: 15px;
}

.batch-production-control-api-card-header {
    font-family: Kanit, sans-serif;
    font-size: 25x;
    letter-spacing: 1px;
    font-weight: 500;
    margin-bottom: 16px;
}

.batch-production-control-api-card-description {
    font-family: Kanit, sans-serif;
    font-size: 16px;
    line-height: 25px;
    letter-spacing: 1px;
    text-align: center;
    font-weight: 300;
    color: #3e4b5d;
    max-width: 420px;
}

/* responsive styles  */

@media (max-width: 900px) {
    .batch-production-control-api-card-img {
        width: 225px;
        margin-top: -100px;
        margin-bottom: 75px;
    }
}
/* main section */

.production-planning-main-section-title {
    margin-bottom: 0px !important;
}

.production-planning-main-section-subtitle {
    color: #0288D1;
    font-family: 'Kanit';
    font-style: normal;
    font-weight: 300;
    font-size: 20px;
    line-height: 160%;
    text-align: center;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    margin-bottom: 16px;
}

.production-planning-main-section-description {
    max-width: 890px;
    margin-bottom: 40px !important;
}

.production-planning-main-cta-wrapper {
    margin-bottom: 46px;
}

.production-planning-cta {
    background-color: #F47D09 !important;
}

.production-planning-cta:hover {
    background-color: #d96c02 !important;
}

/* functions section */

.production-planning-functions-section-description {
    max-width: 1100px;
}

.production-planning-function-bullet-point-text {
    font-family: Kanit, sans-serif;
    font-size: 18px;
    margin-left: 8px;
    margin-bottom: 2px;
    color: #0288D1;
    letter-spacing: 1px;
}

/* get started section */

.production-planning-get-started-card {
    width: 1200px;
    height: 300px;
    background-color: #00A5E5;
    border-radius: 12px;
    padding: 12px;
    position: relative;
}

.production-planning-get-started-card-wrapper {
    border-radius: 12px;
    border: 1px solid #0295DB;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 16px;
}

.production-planning-get-started-card-text {
    max-width: 380px !important;
}
/* main section */

.alarms-main-section-description {
    max-width: 730px;
}

.alarms-main-section-illustration-mobile {
    display: none;
    width: 300px;
    margin-top: 50px;
    z-index: 1;
}

.alarms-cta {
    background-color: #E46732 !important;
}

.alarms-cta:hover {
    background-color: #d45520 !important;
}

/* functions section */

.alarms-functions-section-description {
    max-width: 950px;
}
/* main section */

.process-data-main-section-description {
    max-width: 730px;
}

.process-data-main-section-illustration-mobile {
    display: none;
    width: 300px;
    margin-top: 50px;
    z-index: 1;
}

.process-data-cta {
    background-color: #984BB2 !important;
}

.process-data-cta:hover {
    background-color: #81299e !important;
}

/* functions section */

.process-data-functions-section-description {
    max-width: 950px;
}
/* About us main section */

.about-main-section {
    width: 100%;
    height: 880px;
    position: relative;
    margin-bottom: 400px;
}

.about-main-section-text-container {
    padding-top: 205px;
    text-align: center;
    max-width: 1200px;
    margin: 0 auto;
}

.about-main-section-text-container > * {
    font-family: "Kanit", sans-serif;
    letter-spacing: 1px;
    color: white;
    padding: 0 20px;
}

.about-main-section-mission-header {
    font-size: 60px;
    font-weight: 500;
    margin-bottom: 16px;
}

.about-main-section-mission-text {
    font-size: 24px;
    font-weight: 500;
    line-height: 38px;
    margin-bottom: 16px;
}

.about-main-section-mission-description {
    font-size: 20px;
    font-weight: 300;
    line-height: 32px;
    max-width: 875px;
    margin: 0 auto;
}

.about-main-section-vertical-integration-wrapper {
    position: absolute;
    display: flex;
    justify-content: center;
    left: 0;
    right: 0;

}

.about-main-section-vertical-integration {
    background: white;
    box-shadow: 8px 8px 34px rgba(57, 30, 38, 0.1);
    border-radius: 12px;
    display: flex;
    padding: 25px 50px;
    max-width: 1200px;
}

.about-main-section-vertical-integration-text {
    max-width: 615px;
    margin-right: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-right: 10px;
}

.about-main-section-vertical-integration-header {
    font-family: Poppins, sans-serif;
    font-size: 28px;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 38px;
    margin-bottom: 12px;
}

.about-main-section-vertical-integration-paragraph {
    font-size: 18px;
    font-weight: 300;
    letter-spacing: 1px;
    line-height: 28px;
    margin-bottom: 0;
}

.about-main-section-vertical-integration-paragraph.first {
    margin-bottom: 10px;
}

.about-main-section-vertical-integration-img {
    height: 295px;
    margin-right: 50px;
    margin-top: auto;
    margin-bottom: auto;
}

@media screen and (min-width: 1100px) {
    .about-main-section-vertical-integration-wrapper {
        height: 340px;
        bottom: -170px;
    }
}

@media screen and (max-width: 1700px) {
    .about-main-section-vertical-integration-text {
        padding-right: 45px;
    }

    .about-main-section-vertical-integration-header {
        font-size: 24px;
    }

    .about-main-section-vertical-integration-paragraph {
        font-size: 16px;
        line-height: 24px;
    }

    .about-main-section-vertical-integration-img {
        margin-right: 0;
    }
}

@media screen and (max-width: 1700px) {
    .about-main-section-vertical-integration-text {
        padding-right: 45px;
    }

    .about-main-section-vertical-integration-header {
        font-size: 24px;
    }

    .about-main-section-vertical-integration-paragraph {
        font-size: 16px;
        line-height: 24px;
    }

    .about-main-section-vertical-integration-img {
        margin-right: 0;
    }
}

@media screen and (min-width: 1350px) and (max-width: 1500px) {
    .about-main-section-vertical-integration {
        width: 70%;
    }
}

@media screen and (max-width: 1350px) {
    .about-main-section-vertical-integration {
        width: 80%;
    }
}

@media screen and (max-width: 1100px) {
    .about-main-section {
        margin-bottom: 400px;
    }

    .about-main-section-text-container {
        padding-top: 100px;
    }

    .about-main-section-mission-header {
        font-size: 45px;
    }

    .about-main-section-mission-text {
        font-size: 20px;
    }

    .about-main-section-mission-description {
        font-size: 16px;
    }

    .about-main-section-vertical-integration-wrapper {
        top: 75%;
    }

    .about-main-section-vertical-integration {
        display: flex;
        flex-direction: column-reverse;
        padding: 40px;
    }

    .about-main-section-vertical-integration-text {
        padding-right: 0;
        margin-right: 0;
        width: 100%;
        max-width: 100%;
    }

    .about-main-section-vertical-integration-header {
        font-size: 20px;
    }

    .about-main-section-vertical-integration-img {
        height: 250px;
        margin-bottom: 10px;
    }
}

@media screen and (max-width: 700px) {
    .about-main-section-text-container {
        text-align: left;
    }

    .about-main-section-vertical-integration-img {
        height: 200px;
    }

    .about-main-section-vertical-integration-wrapper {
        top: 85%;
    }

    .about-main-section-vertical-integration {
        padding: 40px;
        width: 90%;
        padding: 25px;
    }

    .about-main-section-vertical-integration-header {
        font-size: 18px;
        line-height: 26px;
    }

    .about-main-section-vertical-integration-paragraph {
        font-size: 14px;
        line-height: 20px;
    }
}

@media screen and (max-width: 400px) {
    .about-main-section {
        margin-bottom: 600px;
    }
}

@media screen and (max-width: 300px) {
    .about-main-section {
        margin-bottom: 700px;
    }
}

@media screen and (max-width: 200px) {
    .about-main-section {
        margin-bottom: 800px;
    }
}

/* IE styles */

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .about-main-section-vertical-integration-img {
        height: 250px;
        width: 250px;
        margin-right: auto;
        margin-left: auto;
    }

    .about-main-section-vertical-integration-text {
        max-width: 100%;
        width: 100%;
    }
}


/*  About experience innovation section */

.about-experience-innovation-section {
    margin-bottom: 150px;
}

.about-experience-innovation-section-text-container {
    max-width: 1000px;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 auto;
}

.about-experience-innovation-section-header {
    font-family: Poppins, sans-serif;
    font-weight: 600;
    font-size: 30px;
    line-height: 40px;
    letter-spacing: 1px;
    text-align: center;
    max-width: 700px;
    margin-bottom: 16px;
}

.about-experience-innovation-section-subheader {
    font-family: Poppins, sans-serif;
    font-weight: 600;
    font-size: 18px;
    line-height: 27px;
    letter-spacing: 1px;
    text-align: center;
}

.about-experience-innovation-section-description {
    font-family: Poppins, sans-serif;
    font-weight: 300;
    font-size: 18px;
    line-height: 27px;
    letter-spacing: 1px;
    text-align: center;
    max-width: 1000px;
    margin-bottom: 16px;
}

.about-experience-innovation-section-description.bold {
    font-weight: 600;
    margin-bottom: 0;
}

.about-experience-innovation-section-yin-yang {
    min-height: 902px;
}

.about-experience-innovation-section-cards-wrapper {
    display: flex;
    justify-content: space-between;
    max-width: 930px;
    margin: 0 auto;
}

.about-experience-innovation-section-cards-column {
    margin-top: 170px;
}

.about-experience-innovation-section-card {
    width: 325px;
    height: 150px;
}

.about-experience-innovation-section-card-inner-div {
    padding: 16px;
}

.about-experience-innovation-section-card-header {
    font-family: "Kanit", sans-serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    letter-spacing: 1px;
    margin-bottom: 6px;
}

.about-experience-innovation-section-card-description {
    font-family: "Kanit", sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 20px;
    color: #62758f;
    margin-bottom: 10px;
    text-align: center;
}


@media screen and (min-width: 1900px) {
    .about-experience-innovation-section-yin-yang {
        background-position: center !important;
    }
}

@media screen and (min-width: 1450px) and (max-width: 1700px) {
    .about-experience-innovation-section {
        margin-bottom: 0;
    }
}

@media screen and (max-width: 1450px) {
    .about-experience-innovation-section-cards-column {
        margin-top: 400px;
    }
}

@media screen and (max-width: 850px) {
    .about-experience-innovation-section-cards-wrapper {
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
    }

    .about-experience-innovation-section-cards-column {
        margin-top: 0;
    }

    .about-experience-innovation-section-cards-column:first-child {
        margin-top: 40%;
    }
}

@media screen and (max-width: 700px) {
    .about-experience-innovation-section {
        margin-bottom: 75px;
    }

    .about-experience-innovation-section-text-container {
        padding: 0 20px;
    }

    .about-experience-innovation-section-text-container > * {
        text-align: left;
    }

    .about-experience-innovation-section-header {
        font-size: 22px;
    }

    .about-experience-innovation-section-subheader {
        font-size: 16px;
        line-height: 24px;
    }

    .about-experience-innovation-section-description {
        font-size: 16px;
        line-height: 24px;
    }

    .about-experience-innovation-section-description.bold {
        margin-bottom: 20px;
    }
}

/* IE styles */

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .about-experience-innovation-section-card-description {
        max-width: 315px;
    }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) and (max-width: 1000px) {
    .about-experience-innovation-section-text-container {
        max-width: 90%;
    }

    .about-experience-innovation-section-header {
        max-width: 100%;
    }

    .about-experience-innovation-section-subheader {
        max-width: 100%;
    }

    .about-experience-innovation-section-description {
        max-width: 100%;
    }
}

/* About company goals */

.about-company-goals-section {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 20px;
    margin-bottom: 150px;
}

.about-company-goals-section-header {
    text-align: center;
    font-family: Poppins, sans-serif;
    font-weight: 600;
    font-size: 30px;
    letter-spacing: 1px;
}

.about-company-goals-card {
    display: flex;
    background-color: #ccd8f2;
    padding: 12px;
    border-radius: 10px;
    margin-bottom: 45px;
    box-shadow: 4px 6px 25px rgba(21, 41, 111, 0.09);
}

.about-company-goals-card-inner-div {
    display: flex;
    border-radius: 10px;
    border: 1px solid #dce6f8;
    padding: 40px;
    justify-content: space-between;
    width: 100%;
}

.about-company-goals-card-text {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-right: 30px;
    max-width: 63%;
}

.about-company-goals-card-header {
    font-family: Poppins, sans-serif;
    font-weight: 600;
    font-size: 25px;
    letter-spacing: 1px;
    margin-bottom: 18px;
}

.about-company-goals-card-description {
    margin-bottom: 0;
    font-family: "Kanit", sans-serif;
    font-weight: 300;
    font-size: 18px;
    line-height: 30px;
    letter-spacing: 1px;
}

.about-company-goals-card-image {
    height: 300px;
    margin-right: 50px;
    margin-top: auto;
    margin-bottom: auto;
}

@media screen and (max-width: 1400px) {
    .about-company-goals-card-image {
        margin-right: 0px;
        margin-left: 50px;
    }
}

@media screen and (max-width: 1100px) {
    .about-company-goals-card-inner-div {
        flex-direction: column-reverse;
    }

    .about-company-goals-card-text {
        max-width: 100%;
        margin-right: 0;
    }

    .about-company-goals-card-image {
        margin: 0 auto 30px;
    }

    .about-company-goals-card-header {
        text-align: center;
    }
}

@media screen and (max-width: 600px) {
    .about-company-goals-section {
        max-width: 1400px;
        margin: 0 auto;
        padding: 0 20px;
        margin-bottom: 70px;
    }

    .about-company-goals-card-inner-div {
        padding: 20px;
    }

    .about-company-goals-card-header {
        text-align: left;
        font-size: 20px;
    }

    .about-company-goals-card-description {
        font-size: 14px;
        line-height: 24px;
    }

    .about-company-goals-card-image {
        width: 100%;
        height: auto;
    }
}

/* IE styles */

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .about-company-goals-card-description {
        max-width: 700px;
    }

    .about-company-goals-card-image {
        width: 300px;
    }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) and (max-width: 1100px) {
    .about-company-goals-card-description {
        max-width: 100%;
    }
}

/* About company values */

.about-company-values-section {
    margin-bottom: 100px;
}

.about-company-values-section-header {
    text-align: center;
    font-family: Poppins, sans-serif;
    font-weight: 600;
    font-size: 30px;
    letter-spacing: 1px;
    margin-bottom: 60px;
}

.about-company-value-card {
    width: 410px;
    margin-bottom: 70px;
}

.about-company-value-card-card-img {
    height: 200px;
    margin-bottom: 20px;
    margin-top: -100px;
    margin-left: 30px;
}

.about-company-value-card-header {
    text-align: center;
    font-family: "Kanit", sans-serif;
    font-weight: 500;
    font-size: 25px;
    letter-spacing: 1px;
    margin-bottom: 12px;
}

.about-company-value-card-description {
    text-align: center;
    font-family: "Kanit", sans-serif;
    font-weight: 300;
    font-size: 16px;
    letter-spacing: 1px;
    margin-bottom: 0;
    line-height: 25px;
    color: #3e4b5d;
    min-height: 130px;
}

@media screen and (max-width: 600px) {
    .about-company-values-section {
        margin-bottom: 25px;
    }

    .about-company-value-card {
        width: 90%;
    }

    .about-company-value-card-card-img {
        height: 150px;
    }
}

/* IE styles */

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .about-company-value-card-description {
        max-width: 370px;
    }
}

/* About map section */

.about-map-section {
    max-width: 1100px;
    margin: 0 auto 100px;
    padding: 20px;
}

.about-map-section-header {
    text-align: center;
    font-family: Poppins, sans-serif;
    font-weight: 600;
    font-size: 30px;
    letter-spacing: 1px;
    margin-bottom: 12px;
}

.about-map-section-description {
    text-align: center;
    font-family: "Kanit", sans-serif;
    font-weight: 300;
    font-size: 20px;
    line-height: 30px;
    letter-spacing: 1px;
    max-width: 1100px;
    margin: 20px auto 75px;
}

.about-map-section-image {
    max-width: 100%;
}

.about-map-section-image-labels-wrapper {
    display: flex;
    justify-content: center;
    margin: 30px;
}

.about-map-section-image-labels-wrapper img {
    max-width: 100%;
}

@media screen and (max-width: 600px) {
    .about-map-section {
        margin-bottom: 50px;
    }

    .about-map-section-header {
        text-align: left;
        font-size: 20px;
    }

    .about-map-section-header.blue-text {
        text-align: left;
        font-size: 16px;
    }

    .about-map-section-description {
        text-align: left;
        font-size: 15px;
        line-height: 26px;
    }
}
/* BDE main section */

.bde-main-section {
    padding-top: 50px;
    padding-bottom: 35px;
    background-color: #2d4899;
    margin-bottom: 90px;
}

.bde-main-section-header {
    font-weight: 500;
    font-size: 39px;
    line-height: 55px;
    letter-spacing: 1px;
    text-align: center;
    color: white;
    margin-bottom: 39px;
}

.bde-main-section-header-border-bottom {
    width: 720px;
    border-bottom: 1px solid #617ac4;
    margin: 0 auto 39px;
    max-width: 90%;
}

.bde-main-section-wrapper {
    max-width: 1230px;
    margin: 0 auto;
    display: flex;
}

.bde-main-section-text-container {
    padding-left: 200px;
}

.bde-main-section-paragraph-text {
    color: white;
    font-weight: 300;
    font-size: 16px;
    line-height: 25px;
    margin-bottom: 24px;
}

.bde-main-section-list {
    color: white;
    font-size: 16px;
    line-height: 25px;
    font-weight: 400;
    padding-left: 20px;
    margin-bottom: 24px;
}

.bde-main-section-list li {
    margin-bottom: 14px;
}

.bde-main-section-list li a {
    color: white !important;
}

.bde-main-section-img {
    width: 500px;
}

@media screen and (max-width: 1250px) {
    .bde-main-section-wrapper {
        padding: 0 50px;
    }

    .bde-main-section-text-container {
        padding-left: 0;
    }
}

@media screen and (max-width: 1000px) {
    .bde-main-section-header {
        padding: 0 20px;
    }

    .bde-main-section-img {
        width: 450px;
    }
}

@media screen and (max-width: 900px) {
    .bde-main-section-img {
        width: 350px;
    }
}

@media screen and (max-width: 775px) {
    .bde-main-section-header {
        font-size: 30px;
    }

    .bde-main-section-wrapper {
        padding: 0 20px;
    }

    .bde-main-section-img {
        margin: 0 auto;
        width: 90%;
        max-width: 350px;
    }

    .bde-main-section-wrapper {
        flex-direction: column;
    }
}

/* IE styles */

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .bde-main-section-img {
        height: 400px;
    }
}

/* BDE content section */

.bde-content-container {
    max-width: 720px;
    margin: 0 auto;
}

.bde-content-section {
    margin-bottom: 90px;
}

.bde-section-scroll-element {
    margin-top: -100px;
    height: 100px;
    visibility: hidden;
}

.bde-content-subsection:not(:last-child) {
    margin-bottom: 60px;
}

.bde-content-section-header {
    font-family: Raleway, sans-serif;
    font-weight: 500;
    font-size: 30px;
    letter-spacing: 1px;
    line-height: 40px;
    margin-bottom: 30px;
}

.bde-content-section-subheader {
    font-family: Raleway, sans-serif;
    font-weight: 700;
    font-size: 20px;
    letter-spacing: 1px;
    line-height: 40px;
    margin-bottom: 10px;
}

.bde-content-section-text {
    font-family: Raleway, sans-serif;
    font-size: 18px;
    line-height: 2;
    letter-spacing: 1px;
    margin-bottom: 0;
    font-weight: 300;
}

.bde-content-section-text-margin {
    margin-bottom: 10px;
}

.bde-link {
    font-weight: 700;
    color: #0270e0 !important;
    font-family: Raleway, sans-serif;
    font-size: 18px;
    line-height: 2;
    letter-spacing: 1px;
    margin-bottom: 0;
}

@media screen and (max-width: 775px) {
    .bde-content-container {
        padding: 0 20px;
    }

    .bde-content-section-header {
        font-size: 26px;
    }
}

@media screen and (min-width: 1350px) and (max-width: 1500px) {
    .bde-content-container {
        margin: 0 auto 0 200px;
    }
}

@media screen and (min-width: 1250px) and (max-width: 1350px) {
    .bde-content-container {
        margin: 0 auto 0 100px;
    }
}

@media screen and (min-width: 1150px) and (max-width: 1250px) {
    .bde-content-container {
        margin: 0 auto 0 50px;
    }
}

/* BDE data types section */

.bde-data-types-parent-list {
    margin-top: 20px;
    list-style-type: none;
    padding-left: 0;
    margin-bottom: 0;
}

.bde-data-types-parent-list > li {
    height: 70px;
    color: white;
    background-color: #2d4899;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #e2e6ed;
    border-radius: 5px;
    margin-bottom: 14px;
    padding: 0 5px;
}

.bde-data-types-parent-list > li > img {
    height: 38px;
    margin-right: 14px;
}

.bde-data-types-child-list {
    list-style-type: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-left: 0;
    margin-bottom: 14px;
}

.bde-data-types-child-list li {
    height: 62px;
    width: 49%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #e2e6ed;
    border-radius: 5px;
    margin-bottom: 14px;
    padding: 0 5px;
}

.bde-data-type-image {
    margin-top: 30px;
}

/* BDE advantages section */

.bde-advantages-subheader {
    display: flex;
    align-items: center;
}

.bde-advantages-subheader img {
    width: 38px;
    height: 38px;
    margin-right: 10px;
}

/* BDE comparison section */

.bde-content-subsection-comparison {
    position: relative;
    padding-left: 14px;
}

.bde-comparison-left-border {
    position: absolute;
    top: 10px;
    left: 0;
    bottom: 10px;
    width: 4px;
    border-radius: 16px;
}

.bde-comparison-left-border.mde {
    background-color: #2d4899;
}

.bde-comparison-left-border.bde {
    background-color: #6380d7;
}

.bde-comparison-left-border.mes {
    background-color: #9bb2f5;
}

/* BDE modern system characteristics section */

.bde-modern-system-characteristics-img-wrapper {
    margin: 0 auto;
    max-width: 90%;
    width: 400px;
}

.bde-modern-system-characteristics-img {
    margin-bottom: 20px;
}

/* CTA */

.bde-cta-link-wrapper {
    margin-bottom: 90px;
}

.bde-cta-with-cover-container {
    display: flex;
    margin-bottom: 90px;
}

.bde-cta-with-cover-img {
    width: 300px;
}

.bde-cta-with-cover-text-wrapper {
    margin-left: 20px;
}

.bde-cta-with-cover-text-wrapper > h4 {
    font-family: Raleway, sans-serif;
    font-size: 18px;
    line-height: 2;
    letter-spacing: 1px;
    margin-bottom: 0;
    font-weight: 700;
    margin-bottom: 20px;
}

.bde-cta-with-cover-text-wrapper > ul > li {
    font-family: Raleway, sans-serif;
    font-size: 18px;
    line-height: 2;
    letter-spacing: 1px;
    font-weight: 500;
}

.bde-cta-with-cover-button {
    font-family: Poppins, sans-serif !important;
    font-size: 18px !important;
    letter-spacing: 1px !important;
    font-weight: 400 !important;
    transition: 0.5s;
    background-color: #ff9902 !important;
    text-decoration: none !important;
}

.bde-cta-with-cover-button:hover {
    background-color: #f18824 !important;
}

@media screen and (max-width: 775px) {
    .bde-cta-with-cover-container {
        flex-direction: column;
    }

    .bde-cta-with-cover-text-wrapper {
        margin-left: 0;
    }

    .bde-cta-with-cover-img-wrapper {
        text-align: center;
    }

    .bde-cta-with-cover-img {
        margin-bottom: 20px;
    }
}

/* BDE side CTA */

.blog-post__side-cta {
    display: none;
    width: 340px;
    position: absolute;
    top: 1000px;
    right: 50px;
    background-color: #f8fafc;
    border: 1px solid rgba(0, 0, 0, 0.07);
    padding: 10px;
    border-radius: 6px;
    padding: 25px 30px 35px 30px;
}

.blog-post__side-cta-sticky {
    position: fixed;
    top: 150px;
}

.blog-post__side-cta-form {
    margin-top: 30px;
}

.blog-post__side-cta-form .hs-form .hs-email {
    flex: 1;
    margin-bottom: 15px;
}

.blog-post__side-cta-form .hs-error-msgs {
    display: none !important;
}

.blog-post__side-cta-form .hs-email input {
    font-size: 18px !important;
    border: 1px solid #9eb3db;
    border-radius: 6px;
}

.blog-post__side-cta-form .hs_error_rollup {
    display: none;
}

.blog-post__side-cta-form input[type="submit"] {
    font-family: Kanit;
    font-size: 18px;
    background-color: rgba(45, 72, 153, 1);
    border-radius: 10px;
    color: #fff;
    padding: 14px 30px;
    white-space: nowrap;
    width: 100%;
}

.blog-post__side-cta-form input[type="submit"]:focus,
.blog-post__side-cta-form input[type="submit"]:hover {
    text-decoration: none !important;
    background-color: rgb(5, 32, 113);
    color: #fff;
}

.blog-post__side-cta-form .actions {
    display: flex;
    justify-content: center;
}

.blog-post__side-cta-header {
    color: rgba(45, 72, 153, 1);
    font-family: Kanit, sans-serif !important;
    font-weight: 600;
    line-height: 34px;
    letter-spacing: 1px;
    font-size: 24px;
}

.blog-post__side-cta-description {
    font-family: Kanit, sans-serif;
    font-weight: 300;
    margin-bottom: 35px;
    font-size: 16px;
    line-height: 27px;
    margin-bottom: 5px;
}

.blog-post__side-cta-learn-more {
    font-weight: 600;
    text-decoration: underline;
    font-size: 15px;
    letter-spacing: 1px;
    color: #2d4899;
    font-family: Lato, sans-serif;
}

.blog-post__side-cta-description .bold {
    font-weight: 600;
}
.kaizen-5s-section {
    display: flex;
    flex-direction: row;
    margin-top: 40px;
    align-items: center;
}

.kaizen-5s-section-list {
    display: flex;
    flex-direction: column;
    margin-left: 40px;
    gap: 16px;
}

@media screen and (max-width: 775px) {
    .kaizen-5s-section {
        flex-direction: column;
    }

    .kaizen-5s-section-list {
        margin-left: 0px;
        margin-top: 40px;
    }
}
.partner-hero-section {
    width: 100%;
    padding-top: 1rem;
    margin-bottom: 3rem;
    background-color: #f8faff;
    display: flex;
}

.partner-hero-section-text-header {
    font-size: 45px;
}

.partner-hero-section-text-header-main {
    color: #2d4899;
}

.partner-hero-section-text-paragraph {
    font-size: 19px;
    line-height: 180%;
    letter-spacing: 0.02em;
    font-weight: 300;
}

.partner-program-main-cta-wrapper {
    margin-top: 30px;
    z-index: 1;
}

.partner-program-cta {
    background-color: #2D4899 !important;
}

.partner-program-cta:hover {
    background-color: #0f266b !important;
}

.partner-hero-section-illustration {
    max-width: 600px;
}

.partner-hero-section-down-arrow-wrapper {
    margin-top: 150px;
    margin-bottom: 100px;
    display: flex;
    justify-content: center;
}

.partner-program-flex-row {
    display: flex;
}

.partner-program-sections-title {
    font-size: 35px;
    font-weight: 600;
    line-height: 49px;
    letter-spacing: 0.02em;
}

.partner-program-why-symestic-title-wrapper {
    width: 40%;
}

.partner-program-why-symestic-title {
    position: sticky;
    top: calc(150px + 3.5rem);
    margin-bottom: 400px;
}

.partner-program-why-symestic-column {
    width: 60%;
}

.partner-program-why-symestic-argument {
    display: flex;
    margin-bottom: 150px;
}

.partner-program-why-symestic-argument-image {
    max-width: 230px;
    margin-right: 20px;
}

.partner-program-why-symestic-argument-header {
    font-size: 24px;
    font-weight: 500;
    line-height: 36px;
    letter-spacing: 0.03em;
}

.partner-program-text {
    font-size: 16px;
    font-weight: 300;
    line-height: 180%;
    letter-spacing: 0.01em;
    color: #525666;
}

.partner-program-requirements-section {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: 100px;
}

.partner-program-requirements-wrapper {
    display: flex;
    padding-top: 20px;
    padding-bottom: 20px;
}

.partner-program-requirement {
    padding: 27px;
    box-shadow: 4px 6px 25px rgba(57, 30, 38, 0.09);
    border-radius: 10px;
    margin: 11px;
    max-width: 430px;
}

.partner-program-requirement-header-wrapper {
    display: flex;
    margin-bottom: 10px;
}

.partner-program-requirement-header {
    font-size: 22px;
    line-height: 100%;
    letter-spacing: 0.03em;
    font-weight: 500;
    margin-left: 10px;
    margin-bottom: 0px;
}

.partner-programs-wrapper {
    padding-top: 100px;
}

.partner-program-card {
    width: 410px;
    margin-bottom: 70px;
    height: 630px;
}

.partner-program-image {
    height: 250px;
    margin-bottom: 20px;
    margin-top: -100px;
}

.partner-program-card-description {
    font-family: "Kanit", sans-serif;
    font-weight: 300;
    font-size: 16px;
    letter-spacing: 1px;
    margin-bottom: 0;
    line-height: 25px;
    color: #3e4b5d;
    min-height: 130px;
}

.partner-logos-section {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: 250px;
}

.partner-logos-container {
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
}

.partner-logo {
    width: 200px;
    height: 100%;
    margin: 20px;
}

.partner-program-request-card {
    border-radius: 10px;
    box-shadow: 4px 6px 25px rgba(57, 30, 38, 0.09);
    display: flex;
    flex-direction: row;
    overflow: hidden;
    margin-bottom: 300px;
    height: 923px;
}

.partner-program-request-card-left-half {
    display: flex;
    align-items: center;
    width: 50%;
}

.partner-program-request-card-right-half {
    margin: 52px;
    width: 50%;
}

.partner-program-request-card-half-content {
    margin: 52px;
}

.partner-program-request-header {
    color: #FFFFFF;
    font-family: "Kanit", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 35px;
    line-height: 140%;
    letter-spacing: 0.02em;
}

.partner-program-request-body {
    color: #FFFFFF;
    font-family: "Kanit", sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 20px;
    line-height: 160%;
    letter-spacing: 0.02em;
}

@media (max-width: 1040px) {

    .partner-program-flex-row {
        flex-direction: column;
    }

    .partner-program-why-symestic-title {
        margin-bottom: 100px;
    }

    .partner-program-why-symestic-column {
        width: 100%;
    }

    .partner-program-why-symestic-argument {
        flex-direction: column;
        margin-bottom: 50px;
    }

    .partner-program-why-symestic-argument-image {
        align-self: center;
        margin-right: 0px;
        margin-bottom: 30px;
    }

    .partner-program-requirements-section {
        padding-bottom: 100px;
    }

    .partner-program-requirements-wrapper {
        flex-direction: column;
    }

    .partner-logos-container {
        flex-direction: column;
    }

    .partner-program-request-card {
        flex-direction: column;
        height: 100%;
        margin-bottom: 100px;
    }

    .partner-program-request-card-left-half {
        width: 100%;
    }

    .partner-program-request-card-right-half {
        width: auto;
    }
}
.news-letter-subscription-container {
    width: 56%;
    background: #f8fafc;
    border-radius: 8px;
    padding: 60px 100px 40px;
    margin-bottom: 50px;
    display: flex;
    flex-direction: column;
    align-items: center;
    border: 1px solid rgba(0, 0, 0, 0.07);
    margin-top: 40px;
    position: relative;
}

.news-letter-subscription-icon-container {
    background-color: rgba(45, 72, 153, 1);
    border-radius: 50px;
    padding: 16px;
    position: absolute;
    top: -40px;
}

.news-letter-subscription-icon {
    width: 50px;
    margin-top: 4px;
}

.news-letter-subscription-header {
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 10px;
}

.news-letter-subscription-description {
    font-size: 20px;
    text-align: center;
}

.news-letter-subscription-form {
    width: 100%;
}

@media (max-width: 1400px) {
    .news-letter-subscription-container {
        width: 65%;
        padding: 60px 60px 40px;
    }
}

@media (max-width: 1050px) {
    .news-letter-subscription-container {
        width: 85%;
    }
}

@media (max-width: 750px) {
    .news-letter-subscription-container {
        width: 100%;
        padding: 60px 30px 40px;
    }
}
/* MES main section */

.mes-main-section {
    padding-top: 50px;
    padding-bottom: 35px;
    background-color: #2d4899;
    margin-bottom: 90px;
}

.mes-main-section-header {
    font-weight: 500;
    font-size: 39px;
    line-height: 55px;
    letter-spacing: 1px;
    text-align: center;
    color: white;
    margin-bottom: 39px;
}

.mes-main-section-header-border-bottom {
    width: 720px;
    border-bottom: 1px solid #617ac4;
    margin: 0 auto 39px;
    max-width: 90%;
}

.mes-main-section-wrapper {
    max-width: 1230px;
    margin: 0 auto;
    display: flex;
}

.mes-main-section-text-container {
    padding-left: 200px;
}

.mes-main-section-paragraph-text {
    color: white;
    font-weight: 300;
    font-size: 18px;
    line-height: 25px;
    margin-bottom: 24px;
}

.mes-main-section-list {
    color: white;
    font-size: 18px;
    line-height: 25px;
    font-weight: 400;
    padding-left: 20px;
    margin-bottom: 24px;
}

.mes-main-section-list li {
    margin-bottom: 14px;
}

.mes-main-section-list li a {
    color: white !important;
}

.mes-main-section-img {
    width: 500px;
}

@media screen and (max-width: 1250px) {
    .mes-main-section-wrapper {
        padding: 0 50px;
    }

    .mes-main-section-text-container {
        padding-left: 0;
    }
}

@media screen and (max-width: 1000px) {
    .mes-main-section-header {
        padding: 0 20px;
    }

    .mes-main-section-img {
        width: 450px;
    }
}

@media screen and (max-width: 900px) {
    .mes-main-section-img {
        width: 350px;
    }
}

@media screen and (max-width: 775px) {
    .mes-main-section-header {
        font-size: 30px;
    }

    .mes-main-section-wrapper {
        padding: 0 20px;
    }

    .mes-main-section-img {
        margin: 0 auto;
        width: 90%;
        max-width: 350px;
    }

    .mes-main-section-wrapper {
        flex-direction: column;
    }
}

/* IE styles */

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .mes-main-section-img {
        height: 400px;
    }
}

/* MES content section */

.mes-content-container {
    max-width: 720px;
    margin: 0 auto;
}

.mes-content-section {
    margin-bottom: 90px;
}

.mes-section-scroll-element {
    margin-top: -100px;
    height: 100px;
    visibility: hidden;
}

.mes-content-subsection:not(:last-child) {
    margin-bottom: 60px;
}

.mes-content-section-header {
    font-family: Raleway, sans-serif;
    font-weight: 700;
    font-size: 30px;
    letter-spacing: 1px;
    line-height: 40px;
    margin-bottom: 30px;
}

.mes-content-section-subheader {
    font-family: Raleway, sans-serif;
    font-weight: 700;
    font-size: 20px;
    letter-spacing: 1px;
    line-height: 40px;
    margin-bottom: 10px;
}

.mes-content-section-text {
    font-family: Raleway, sans-serif;
    font-size: 18px;
    line-height: 2;
    letter-spacing: 1px;
    margin-bottom: 0;
    font-weight: 500;
}

.mes-content-section-text-margin {
    margin-bottom: 10px;
}

.mes-link {
    font-weight: 700;
    color: #0270e0 !important;
    font-family: Raleway, sans-serif;
    font-size: 18px;
    line-height: 2;
    letter-spacing: 1px;
    margin-bottom: 0;
}

@media screen and (max-width: 775px) {
    .mes-content-container {
        padding: 0 20px;
    }

    .mes-content-section-header {
        font-size: 26px;
    }
}

@media screen and (min-width: 1350px) and (max-width: 1500px) {
    .mes-content-container {
        margin: 0 auto 0 200px;
    }
}

@media screen and (min-width: 1250px) and (max-width: 1350px) {
    .mes-content-container {
        margin: 0 auto 0 100px;
    }
}

@media screen and (min-width: 1150px) and (max-width: 1250px) {
    .mes-content-container {
        margin: 0 auto 0 50px;
    }
}

.mes-content-image {
    margin-top: 30px;
    margin-bottom: 30px;
    width: 80%;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/* MES advantages section */

.mes-advantages-subheader {
    display: flex;
    align-items: center;
}

.mes-advantages-subheader img {
    width: 38px;
    height: 38px;
    margin-right: 10px;
}

/* MES levels section */

.mes-content-subsection-levels {
    position: relative;
    padding-left: 14px;
}

.mes-levels-left-border {
    position: absolute;
    top: 10px;
    left: 0;
    bottom: 10px;
    width: 4px;
    border-radius: 16px;
}

.mes-levels-left-border.four {
    background-color: #2d4899;
}

.mes-levels-left-border.three {
    background-color: #9B4D9F;
}

.mes-levels-left-border.two {
    background-color: #E35C8C;
}

.mes-levels-left-border.one {
    background-color: #FF8470;
}

.mes-levels-left-border.zero {
    background-color: #FFBD5D;
}

/* MES modern system characteristics section */

.mes-modern-system-characteristics-img-wrapper {
    margin: 0 auto;
    max-width: 90%;
    width: 400px;
}

.mes-modern-system-characteristics-img {
    margin-bottom: 20px;
}

/* CTA */

.mes-cta-link-wrapper {
    margin-bottom: 90px;
}

.mes-cta-with-cover-container {
    display: flex;
    margin-bottom: 90px;
}

.mes-cta-with-cover-img {
    width: 300px;
}

.mes-cta-with-cover-text-wrapper {
    margin-left: 20px;
}

.mes-cta-with-cover-text-wrapper > h4 {
    font-family: Raleway, sans-serif;
    font-size: 18px;
    line-height: 2;
    letter-spacing: 1px;
    margin-bottom: 0;
    font-weight: 700;
    margin-bottom: 20px;
}

.mes-cta-with-cover-text-wrapper > ul > li {
    font-family: Raleway, sans-serif;
    font-size: 18px;
    line-height: 2;
    letter-spacing: 1px;
    font-weight: 500;
}

.mes-cta-with-cover-button {
    font-family: Poppins, sans-serif !important;
    font-size: 18px !important;
    letter-spacing: 1px !important;
    font-weight: 400 !important;
    transition: 0.5s;
    background-color: #ff9902 !important;
    text-decoration: none !important;
}

.mes-cta-with-cover-button:hover {
    background-color: #f18824 !important;
}

@media screen and (max-width: 775px) {
    .mes-cta-with-cover-container {
        flex-direction: column;
    }

    .mes-cta-with-cover-text-wrapper {
        margin-left: 0;
    }

    .mes-cta-with-cover-img-wrapper {
        text-align: center;
    }

    .mes-cta-with-cover-img {
        margin-bottom: 20px;
    }
}
.blog-post-hero-section-toc {
    padding-left: 50px;
    max-width: 600px;
}

/* Side CTA */
.blog-post__side-cta {
    display: none;
    width: 340px;
    position: absolute;
    top: 1000px;
    right: 50px;
    background-color: #f8fafc;
    border: 1px solid rgba(0, 0, 0, 0.07);
    padding: 10px;
    border-radius: 6px;
    padding: 25px 30px 35px 30px;
}

.blog-post__side-cta-sticky {
    position: fixed;
    top: 150px;
}

.blog-post__side-cta-form {
    margin-top: 30px;
}

.blog-post__side-cta-form .hs-form .hs-email {
    flex: 1;
    margin-bottom: 15px;
}

.blog-post__side-cta-form .hs-error-msgs {
    display: none !important;
}

.blog-post__side-cta-form .hs-email input {
    font-size: 18px !important;
    border: 1px solid #9eb3db;
    border-radius: 6px;
}

.blog-post__side-cta-form .hs_error_rollup {
    display: none;
}

.blog-post__side-cta-form input[type="submit"] {
    font-family: Kanit;
    font-size: 18px;
    background-color: rgba(45, 72, 153, 1);
    border-radius: 10px;
    color: #fff;
    padding: 14px 30px;
    white-space: nowrap;
    width: 100%;
}

.blog-post__side-cta-form input[type="submit"]:focus,
.blog-post__side-cta-form input[type="submit"]:hover {
    text-decoration: none !important;
    background-color: rgb(5, 32, 113);
    color: #fff;
}

.blog-post__side-cta-form .actions {
    display: flex;
    justify-content: center;
}

.blog-post__side-cta-header {
    color: rgba(45, 72, 153, 1);
    font-family: Kanit, sans-serif !important;
    font-weight: 600;
    line-height: 34px;
    letter-spacing: 1px;
    font-size: 24px;
}

.blog-post__side-cta-description {
    font-family: Kanit, sans-serif;
    font-weight: 300;
    margin-bottom: 35px;
    font-size: 16px;
    line-height: 27px;
    margin-bottom: 5px;
}

.blog-post__side-cta-learn-more {
    font-weight: 600;
    text-decoration: underline;
    font-size: 15px;
    letter-spacing: 1px;
    color: #2d4899;
    font-family: Lato, sans-serif;
}

.blog-post__side-cta-description .bold {
    font-weight: 600;
}

@media screen and (max-width: 1250px) {
    .blog-post-hero-section-toc {
        padding-left: 0;
    }
}
.reques-trial-body-container-wrapper {
    background-color: #f8faff;
    padding-top: 100px;
    min-height: calc(100vh - 150px);
}

.request-trial-main-section {
    width: 100%;
    padding-top: 1rem;
    padding-bottom: 7rem;
    display: flex;
}

.request-trial-main-section-text-header {
    margin-bottom: 20px;
    font-size: 45px;
    font-family: Kanit;
    font-weight: 600;
    line-height: 60px;
}

.request-trial-main-section-content-row {
    display: flex;
    margin-top: 40px;
    align-items: center;
}

.request-trial-left-column {
    width: 50%;
}

.request-trial-main-section-text-paragraph {
    font-family: Kanit;
    font-weight: 300;
    font-size: 20px;
    line-height: 180%;
    letter-spacing: 0.02em;
    padding-bottom: 30px;
}

.request-trial-main-section-illustration-wrapper {
    width: 80%;
    height: 100%;
}

.request-trial-main-section-illustration {
    width: 100%;
}

.request-trial-form {
    background: #FFFFFF;
    box-shadow: 4px 6px 25px rgba(57, 30, 38, 0.09);
    border-radius: 10px;
    width: 50%;
    padding: 40px;
}

.request-trial-form.in-hero-section {
    background: #FFFFFF;
    box-shadow: 4px 6px 25px rgba(57, 30, 38, 0.09);
    border-radius: 10px;
    max-width: 500px;
    padding: 40px;
    width: unset !important;
}

.request-trial-form-header {
    font-family: 'Kanit';
    font-style: normal;
    font-weight: 500;
    font-size: 26px;
    line-height: 39px;
    color: #1E2939;
}

.request-trial-form input {
    font-size: 18px !important;
    border: 1px solid #9eb3db;
    height: 50px;
}

.request-trial-form label {
    visibility: hidden;
    height: 0px;
    margin: 0px;
}

.request-trial-form .hs-form-field {
    margin-bottom: 20px;
}

.request-trial-form-paragraph {
    font-family: 'Kanit';
    font-style: normal;
    font-weight: 300;
    font-size: 10px;
    line-height: 160%;
    color: #62758F;
    margin-bottom: 0px;
    margin-top: 30px;
}

.request-trial-form .hs-button {
    width: 100%;
}

.request-trial-form .hs_error_rollup {
    display: none;
}

.request-trial-form .hs-error-msgs {
    display: none !important;
}

.request-trial-form .actions {
    margin-top: 30px;
}

@media (max-width: 1040px) {
    .request-trial-main-section {
        padding-bottom: 3rem;
    }

    .request-trial-main-section-text-header {
        font-family: 'Kanit';
        font-style: normal;
        font-weight: 600;
        font-size: 45px;
        line-height: 55px;
        letter-spacing: 0.02em;
    }

    .request-trial-main-section-text-paragraph {
        font-family: 'Kanit';
        font-style: normal;
        font-weight: 300;
        font-size: 19px;
        line-height: 180%;
        letter-spacing: 0.02em;
    }

    .request-trial-main-section-content-row {
        flex-direction: column;
        align-items: normal;
        justify-content: flex-end;
        margin-top: 0;
    }

    .request-trial-left-column {
        width: 100%;
    }

    .request-trial-main-section-illustration-wrapper {
        width: 100%;
    }

    .request-trial-form {
        margin-top: 50px;
        width: 100%;
        padding: 0px;
        background: none;
        box-shadow: none;
    }

    .request-trial-form.in-hero-section {
        width: 100%;
        padding: 25px;
    }
}
.industry-4-0-main-section-text-container {
    padding-left: 100px;
}

.industry-4-0-content-image {
    margin-top: 30px;
    margin-bottom: 30px;
    width: 100%;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

@media screen and (max-width: 1250px) {
    .industry-4-0-main-section-text-container {
        padding-left: 0;
    }
}
.lpv1-hero-section {
    width: 100%;
    padding-bottom: 7rem;
    display: flex;
}

.lpv1-header {
    position: fixed;
    width: 100%;
    z-index: 21;
    padding-top: 20px;
    transition: all ease-in-out 0.5s;
}

.lpv1-header.scrolled {
    box-shadow: 0 2px 4px rgba(45,62,80,0.12);
    background-color: #193177;
}

.lpv1-header-cta {
    background-color: #F1841B !important;
}

.lpv1-header-cta:hover {
    background-color: #cf7927 !important;
}

.lpv1-content-cta {
    font-size: 22px !important;
    background-color: #F1841B !important;
    padding: 15px 50px !important;
}

.lpv1-content-cta:hover {
    background-color: #cf7927 !important;
}

.lpv1-hero-section-text {
    text-align: left;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.lpv1-hero-section-illustration-wrapper {
    padding-left: 100px;
    height: 100%;
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.lpv1-hero-section-cta {
    font-size: 22px !important;
    background-color: #F1841B !important;
    padding: 15px 50px !important;
}

.lpv1-hero-section-cta:hover {
    background-color: #cf7927 !important;
}

.lpv1-general-advantages-section-bottom-text-container {
    margin-bottom: 40px;
}

.lpv1-header-container {
    margin-top: 0px;
    margin-bottom: 10px;
    height: 70px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    align-items: center;
}

.lpv1-header-text {
    font-family: 'Kanit';
    font-style: normal;
    font-weight: 700;
    font-size: 36px;
    line-height: 54px;
    color: #FFFFFF;
}

.lpv1-header-text-v2 {
    font-family: 'Kanit';
    font-style: normal;
    font-weight: 700;
    font-size: 48px;
    line-height: 145%;
    letter-spacing: 0.01em;
    color: #FFFFFF;
}

.lpv1-hero-section-content {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding-top: 180px;
}

.lpv1-hero-section-reference-customers {
    padding-top: 60px;
}

.lpv1-hero-section-kpis {
    display: flex;
    flex-direction: row;
    margin-top: 100px;
    justify-content: center;
}

.lpv1-hero-section-kpi-card {
    background: #193177;
    box-shadow: 4px 6px 25px rgba(57, 30, 38, 0.09);
    border-radius: 10px;
    width: 100%;
    margin: 10px;
    padding: 7px;
}

.lpv1-hero-section-kpi-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px;
    background: #193177;
    border-radius: 10px;
    border: 1px solid #2F4D9E;
}

.lpv1-hero-section-kpi-number {
    color: #F29740;
    font-family: 'Kanit';
    font-style: normal;
    font-weight: 700;
    font-size: 38px;
    line-height: 30px;
    margin-bottom: 10px;
}

.lpv1-hero-section-kpi-description {
    font-family: 'Kanit';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 30px;
    letter-spacing: 0.01em;
    color: #FFFFFF;
}

.lpv1-body-container-wrapper {
    min-height: calc(100vh - 150px);
}

.lpv1-section-header-text {
    font-family: 'Kanit';
    font-style: normal;
    font-weight: 600;
    font-size: 30px;
    line-height: 45px;
    text-align: center;
    letter-spacing: 0.03em;
    color: #1E2939;
    margin-top: 75px;
    max-width: 850px;
}

.lpv1-blue-text {
    color: #2D4899;
}

.lpv1-faq-section {
    background: #F8FAFF;
}

.lpv1-faq-section-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin: 0 auto;
    max-width: 1400px;
    gap: 100px;
    margin-bottom: 60px;
}

.lpv1-faq-cards {
    display: flex;
    flex-direction: column;
}

.lpv1-faq-card {
    border: 1px solid #cdd8ed;
    width: 760px;
    height: 85px;
    border-radius: 6px;
    padding: 14px 25px;
    margin-bottom: 16px;
    transition: 0.75s;
    background: white;
}

.lpv1-faq-card.expanded {
    height: 230px;
    box-shadow: 2px 3px 38px rgba(16, 23, 49, 0.1);
}

.lpv1-faq-card-header {
    display: flex;
    align-items: center;
    cursor: default;
}

.lpv1-faq-card-header-text {
    font-family: Kanit, sans-serif;
    font-size: 20px;
    letter-spacing: 1px;
    margin-bottom: 0;
}

.lpv1-faq-card-answer {
    opacity: 0;
    height: 0;
    transition: 1s;
    font-family: Kanit, sans-serif;
    font-size: 16px;
    line-height: 27px;
    letter-spacing: 1px;
    color: #525666;
    font-weight: 300;
}

.lpv1-faq-card.expanded .lpv1-faq-card-answer {
    opacity: 1;
}

.lpv1-faq-article-card {
    box-shadow: 4px 4px 23px #e5e5e5;
    border-radius: 14px;
    display: flex;
    flex-direction: column;
    text-decoration: none !important;
    background: white;
    width: 400px;
}

.lpv1-faq-article-card-image {
    height: 250px;
}

.lpv1-faq-article-card-title {
    font-family: Kanit, sans-serif;
    font-size: 20px;
    color: #393939;
    letter-spacing: 1px;
    margin-bottom: 0;
    padding: 16px 20px 6px 20px;
    text-decoration: none;
}

.lpv1-faq-article-card-description {
    font-family: Kanit, sans-serif;
    font-size: 16px;
    line-height: 27px;
    letter-spacing: 1px;
    color: #525666;
    font-weight: 300;
    padding: 10px 20px;
}

.lpv1-faq-article-card-cta {
    display: flex;
    padding: 10px 20px 20px 20px;
}

.lpv1-faq-article-card-cta-text {
    font-family: Kanit,sans-serif;
    font-size: 18px;
    color: #054891;
    margin-right: 3px;
}

.lpv1-faq-article-card-cta-line {
    border-bottom: 1px solid #ddd;
    flex: 1;
    height: 12px;
    margin-left: 10px;
}

.lpv1-awards-section {
    background-color: #193177;
}

.lpv1-awards-section-v2 {
    background-color: #F5F8FF;
}

.lpv1-awards-section-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-bottom: 100px;
}

.lpv1-awards-section-header {
    color: #FFFFFF !important;
}

.lpv1-award-cards {
    display: flex;
    flex-wrap: wrap;
    margin-top: 50px;
    margin-bottom: 100px;
    justify-content: space-around;
}

.lpv1-award-card {
    display: flex;
    flex-direction: column;
    padding: 20px;
    margin: 10px;
    background: #294392;
    border-radius: 10px;
    width: 450px;
    background-repeat: no-repeat;
    background-position: right;
}

.lpv1-award-card-header {
    width: 100%;
    margin-bottom: 50px;
}

.lpv1-award-card-date {
    font-family: 'Kanit';
    font-style: normal;
    font-weight: 300;
    font-size: 15px;
    line-height: 22px;
    text-align: right;
    letter-spacing: 0.03em;
    color: #FFFFFF;
    float: right;
}

.lpv1-award-card-type {
    font-family: 'Kanit';
    font-style: normal;
    font-weight: 300;
    font-size: 15px;
    line-height: 22px;
    letter-spacing: 0.03em;
    color: #FFFFFF;
}

.lpv1-award-card-description {
    font-family: 'Kanit';
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 30px;
    color: #FFFFFF;
    height: 100px;
}

.lpv1-award-card-organization {
    font-family: 'Kanit';
    font-style: normal;
    font-weight: 300;
    font-size: 15px;
    line-height: 22px;
    letter-spacing: 0.03em;
    color: #FFFFFF;
    margin-top: auto;
}

.lpv1-feature-section-header {
    margin-bottom: 100px;
}

.lpv1-features-column {
    display: flex;
    flex-direction: column;
}

.lpv1-features-column.middle {
    margin-left: 80px;
    margin-right: 80px;
}

.lpv1-features-column-right {
    align-items: flex-end;
}

.lpv1-feature-column-header .lpv1-implementation-column-header {
    display: flex;
    flex-direction: row;
}

.lpv1-feature-column-header-text {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.lpv1-feature-column-header-text-right {
    align-items: flex-end;
}

.lpv1-feature-column-header-title {
    font-family: 'Kanit';
    font-style: normal;
    font-weight: 500;
    font-size: 26px;
    line-height: 30px;
    color: #2D4899;
}

.lpv1-feature-column-header-duration {
    font-family: 'Kanit';
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
    color: #2D4899;
}

.lpv1-feature-column-header-duration-forever {
    font-family: 'Kanit';
    font-style: normal;
    font-weight: 275;
    font-size: 27px;
    line-height: 80%;
    color: #2D4899;
}

.lpv1-feature-number {
    font-family: 'Kanit';
    font-style: normal;
    font-weight: 600;
    font-size: 65px;
    line-height: 100%;
    letter-spacing: 0.02em;
    color: #F29740;
}

.lpv1-feature-number-left {
    margin-right: 20px;
}

.lpv1-feature-number-right {
    margin-left: 20px;
}

.lpv1-feature-cards-container {
    flex: 1;
    flex-direction: column;
}

.lpv1-feature-card {
    max-width: 450px;
    margin-top: 20px;
    margin-bottom: 0px;
    margin-right: 0px;
    margin-left: 0px;
    width: 420px;
}

.lpv1-feature-content {
    display: flex;
    flex-direction: column;
    border: 1px solid #cdd8ed;
    box-sizing: border-box;
    border-radius: 10px;
    width: 100%;
    height: 100%;
    padding: 20px;
}

.lpv1-feature-header {
    font-family: 'Kanit';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 120%;
    letter-spacing: 0.02em;
    margin-bottom: 8px !important;
}

.lpv1-feature-description {
    font-family: 'Kanit';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: #62758F;
}

.lpv1-feature-image {
    width: 50%;
}

.lpv1-feature-image.margin-right {
    margin-right: 122px;
}

.lpv1-feature-image.margin-left {
    margin-left: 122px;
}

.lpv1-feature-image.centered {
    margin-left: 50px;
    margin-right: 50px;
    max-width: 416px;
}

.lpv1-feature-card-chips-container {
    display: flex;
    flex-direction: row;
}

.lpv1-feature-card-chip {
    background: #F6F7F9;
    border-radius: 5px;
    font-family: 'Kanit';
    font-style: normal;
    font-weight: 300;
    font-size: 14px;
    line-height: 29px;
    color: #62758F;
    text-align: center;
    width: 100%;
    margin: 5px;
    height: 29px;
}

.lpv1-manufacturing-application-suite-title {
    font-family: 'Kanit';
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    letter-spacing: 0.01em;
    color: #62758F;
}

.lpv1-mas-cards-container {
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
}

.lpv1-mas-card {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 20px 60px;
    gap: 20px;
    isolation: isolate;
    max-width: 440px;
    height: 85px;
    border-radius: 10px;
    margin: 17px;
    text-decoration: none !important;
}

.lpv1-mas-card.large {
    height: 100% !important;
    flex-direction: column !important;
    padding: 20px 30px !important;
}

.lpv1-mas-card.production-metrics {
    background: #CBECE2;
}

.lpv1-mas-card.production-metrics:hover {
    background: #8BE7CB;
}

.lpv1-mas-card.alarms {
    background: #FDE6DC;
}

.lpv1-mas-card.alarms:hover {
    background: #FFC1A6;
}

.lpv1-mas-card.process-data {
    background: #EADBF0;
}

.lpv1-mas-card.process-data:hover {
    background: #E5BCF5;
}

.lpv1-mas-card.production-control {
    background: #E1F1FC;
}

.lpv1-mas-card.production-control:hover {
    background: #BEE4FE;
}

.lpv1-mas-card.production-planning {
    background: #CCEDFA;
}

.lpv1-mas-card.production-planning:hover {
    background: #A3E4FE;
}

.lpv1-mas-card-text {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    text-decoration: none !important;
    color: #1E2939 !important;
}

.lpv1-mas-card-text.production-metrics {
    color: #006244 !important;
}

.lpv1-mas-card-text.alarms {
    color: #7C2905 !important;
}

.lpv1-mas-card-text.process-data {
    color: #4F0069 !important;
}

.lpv1-mas-card-text.production-control {
    color: #003961 !important;
}

.lpv1-mas-card-text.production-planning {
    color: #004763 !important;
}

.lpv1-mas-card-large-header {
    display: flex;
    flex-direction: row;
    border-radius: 10px 10px 0px 0px;
    justify-content: center;
    align-items: center;
    gap: 20px;
    margin-left: 0;
    margin-right: auto;
}

.lpv1-mas-card-large-body {
    font-family: 'Kanit';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 150%;
    color: #62758F;
}

.lpv1-mas-card-footer {
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
    margin-left: auto;
    margin-right: 0;
}

.lpv1-mas-card-footer-text {
    font-family: 'Kanit';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #2D4899;
}

.lpv1-cloud-comparison-table {
    border-radius: 20px;
    border-collapse: separate;
    border: 1.5px solid #DBE2EE;;
}

.lpv1-cloud-comparison-table-header {
    border-collapse: collapse;
    border: none;
    text-align: left;
}

.lpv1-cloud-comparison-table-header-content {
    font-family: 'Kanit';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #2D4899;
    flex: none;
    order: 0;
    flex-grow: 1;
}

.lpv1-cloud-comparison-table-cell {
    border-collapse: collapse;
    border-left: none;
    border-right: none;
    border-bottom: none;
    border-top: 1.5px solid #DBE2EE;
    font-family: 'Kanit';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.01em;
    color: #1E2939;
}

.lpv1-cloud-comparison-table-cell.light {
    color: #62758F;
}

.lpv1-cloud-comparison-table-cell.alternating {
    background: #F8FAFF;
}

.evaluation-form-section {
    background: #F6F8FE;
    padding-top: 100px;
    padding-bottom: 150px;
}

.request-trial-form .hs-button {
    width: 100%;
    background-color: #F1841B !important;
    border: none !important;
}

.lpv1-cta-mobile {
    display: none;
}

.lpv1-product-function-container {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 1200px;
    margin-bottom: 100px;
}

@media (max-width: 1460px) {
    .lpv1-product-function-container:not(.reverse) {
        flex-direction: column;
    }

    .lpv1-product-function-container {
        margin-bottom: 50px;
    }

    .lpv1-product-function-container.reverse {
        flex-direction: column-reverse;
    }
}

@media (max-width: 1040px) {
    .lpv1-hero-section {
        padding-bottom: 3rem;
    }

    .lpv1-hero-section-content {
        padding-top: 100px;
    }

    .lpv1-hero-section-reference-customers {
        padding-top: 20px;
    }

    .lpv1-hero-section-illustration-wrapper {
        max-width: 800px;
        padding-left: 0px;
        margin-bottom: 1rem;
        margin-top: -3rem;
        width: 100%;
    }

    .lpv1-header-text {
        font-family: 'Kanit';
        font-style: normal;
        font-weight: 700;
        font-size: 26px;
        line-height: 34px;
        letter-spacing: 0.02em;
    }

    .lpv1-header-text-v2 {
        font-family: 'Kanit';
        font-style: normal;
        font-weight: 700;
        font-size: 26px;
        line-height: 34px;
        letter-spacing: 0.02em;
    }

    .lpv1-hero-section-cta {
        font-size: 18px !important;
    }

    .lpv1-hero-section-kpis {
        flex-direction: column;
        margin-top: 55px;
    }

    .lpv1-hero-section-kpi-card {
        margin: 0;
        margin-bottom: 10px;
    }

    .lpv1-content-cta {
        padding: 15px 15px !important;
    }

    .lpv1-award-card {
        width: 350px;
    }

    .lpv1-faq-section-wrapper {
        flex-direction: column;
    }

    .lpv1-faq-card {
        width: 100%;
    }

    .lpv1-faq-card.expanded {
        height: 333px;
    }

    .lpv1-cta-not-mobile {
        display: none;
    }

    .lpv1-cta-mobile {
        display: block;
    }

    .lpv1-features-column.middle {
        margin-left: 0px;
        margin-right: 0px;
        margin-top: 40px;
        margin-bottom: 40px;
    }

    .lpv1-feature-column-header {
        padding-top: 2rem;
        margin-top: -18rem;
        margin-bottom: 14rem;
    }

    .lpv1-feature-card {
        width: 350px;
    }

    .lpv1-feature-image {
        width: 100%;
        max-height: 380px;
        padding-top: 4rem;
    }

    .lpv1-feature-image.margin-right {
        margin-right: 0px;
    }

    .lpv1-feature-image.margin-left {
        margin-left: 0px;
    }

    .lpv1-features-cta {
        margin-bottom: 50px;
    }

    .lpv1-mas-cards-container {
        flex-direction: column;
    }

    .lpv1-mas-card-text {
        font-size: 14px;
    }
}
.lpv2-hero-section {
    width: 100%;
    padding-bottom: 3rem;
    display: flex;
}

.lpv2-header-text {
    font-family: 'Kanit';
    font-style: normal;
    font-weight: 500;
    font-size: 42px;
    line-height: 50px;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #FFFFFF;
    margin-bottom: 10px;
}

.lpv2-header-subtitle {
    font-family: 'Kanit';
    font-style: normal;
    font-weight: 300;
    font-size: 20px;
    line-height: 180%;
    letter-spacing: 0.01em;
    color: #B3C2DF;
}

.lpv2-section-subheader-text {
    color: #62758f;
    font-family: Kanit;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    letter-spacing: .01em;
    line-height: 140%;
    margin-bottom: 40px;
    text-align: center;
    max-width: 1000px;
}

.lpv2-hero-section-organizations-container {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    padding: 0px;
    padding-left: 150px;
    gap: 24px;
    flex: none;
    order: 2;
    flex-grow: 0;
    z-index: 2;
}

.hero-section-smig-image {
    width: 200px;
    margin-top: 5px;
}

.hero-section-ai40-badge {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 16px 20px;
    gap: 10px;
    background: #FFFFFF;
    border-radius: 12px;
    flex: none;
    order: 1;
    flex-grow: 0;
}

.hero-section-ai40-image {
    width: 290px;
}

.hero-section-customers-container {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 28px 48px;
    gap: 70px;    
    background: #FFFFFF;    
    box-shadow: 4px 6px 50px rgba(37, 49, 112, 0.07);
    border-radius: 12px;
    flex: none;
    order: 0;
    flex-grow: 0;
    z-index: 5;
    transform: translateY(130px);
    overflow: hidden;
}

.cloud-vs-onprem-comparison-section {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 50px;
    margin-top: 50px;
    padding: 16px;
}

.price-calculator-container {
    margin-top: 50px;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 0px;
    background: #FFFFFF;
    box-shadow: 12px 12px 100px rgba(37, 49, 112, 0.08);
    border-radius: 12px;
    flex: none;
    order: 1;
    flex-grow: 0;
}

.price-calculator-input-container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 24px;
    gap: 20px;
    background: #FFFFFF;
    border-radius: 0px 0px 12px 12px;
    flex: none;
    order: 0;
    flex-grow: 0;
}

.price-calculator-output-container {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 24px;
    background: #FFFFFF;
    border-left: 1px solid #DBE2EE;
    flex: none;
    order: 1;
    align-self: stretch;
    flex-grow: 0;
    width: 300px;
}

.price-calculator-output-column {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    padding: 0px;
    gap: 12px;
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;
    width: 100%;
}

.price-calculator-output-column-top {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 32px;
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;
}

.price-calculator-output-column-title {
    font-family: 'Kanit';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
    text-align: center;
    color: #1E2939;
    flex: none;
    order: 0;
    flex-grow: 0;
}

.price-calculator-output-column-elements {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 48px;
    flex: none;
    order: 1;
    align-self: stretch;
    flex-grow: 0;
}

.price-calculator-output-column-element {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    padding: 0px;
    gap: 28px;
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;
}

.price-calculator-output-column-element-type-and-selection {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 2px;
    flex: none;
    order: 0;
    flex-grow: 0;
}

.price-calculator-output-column-element-type {
    font-family: 'Kanit';
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    line-height: 18px;
    text-align: center;
    color: #62758F;
    flex: none;
    order: 0;
    flex-grow: 0;
}

.price-calculator-output-column-element-selection {
    font-family: 'Kanit';
    font-style: normal;
    font-weight: 300;
    font-size: 14px;
    line-height: 14px;
    text-align: center;
    color: #62758F;
    opacity: 0.5;
    flex: none;
    order: 1;
    flex-grow: 0;
}

.price-calculator-output-column-element-price {
    font-family: 'Kanit';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 18px;
    text-align: center;
    color: #1E2939;
    flex: none;
    order: 1;
    flex-grow: 0;
}

.price-calculator-output-column-element-total-container {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    padding: 0px;
    gap: 2px;
    flex: none;
    order: 1;
    flex-grow: 0;
}

.price-calculator-output-column-element-total {
    font-family: 'Kanit';
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 18px;
    text-align: center;
    color: #2D4899;
    flex: none;
    order: 0;
    flex-grow: 0;
}

.price-calculator-output-column-element-total-per-month {
    font-family: 'Kanit';
    font-style: normal;
    font-weight: 300;
    font-size: 14px;
    line-height: 14px;
    text-align: center;
    color: #62758F;
    flex: none;
    order: 1;
    flex-grow: 0;
}

.price-calculator-output-column-element-total-invoice-info {
    font-family: 'Kanit';
    font-style: normal;
    font-weight: 300;
    font-size: 10px;
    line-height: 10px;
    text-align: center;
    color: #62758F;
    flex: none;
    order: 1;
    flex-grow: 0;
}

.price-calculator-step-container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 16px;
    isolation: isolate;
    flex: none;
    order: 0;
    flex-grow: 0;
    width: 100%;
}

.price-calculator-title {
    font-family: 'Kanit';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #62758F;
}

.price-calculator-plan-cards-container {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    padding: 0px;
    gap: 20px;
    flex: none;
    order: 1;
    align-self: stretch;
    flex-grow: 0;
    z-index: 1;
}

.price-calculator-plan-card {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    width: 302px;
    height: 259.75px;
    border-radius: 12px;
    flex: none;
    order: 0;
    flex-grow: 0;
    border: 1px solid #DBE2EE;
}

.price-calculator-plan-card:hover {
    background: #F8FAFF;
    border: 1px solid #CDDDFA;
    cursor: pointer;
}

.price-calculator-plan-card.selected {
    border: none;
}

.price-calculator-plan-card.selected {
    background: #2D4899;
}

.price-calculator-plan-card-header {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 12px 24px;
    gap: 15px;
    width: 302px;
    height: 57.75px;
    border-bottom: 1px solid #DBE2EE;
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;
}

.price-calculator-plan-card-header.selected {
    border-bottom: 1px solid #132E7D;
}

.price-calculator-plan-card-name-and-icon {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px;
    gap: 16px;
    flex: none;
    order: 0;
    flex-grow: 0;
}

.price-calculator-plan-card-name {
    font-family: 'Kanit';
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    letter-spacing: 0.01em;
    color: #2D4899;
    flex: none;
    order: 1;
    flex-grow: 0;
}

.price-calculator-plan-card-name.selected {
    color: #FFFFFF;
}

.price-calculator-plan-card-price {
    font-family: 'Kanit';
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
    letter-spacing: 0.01em;
    color: #1E2939;
    flex: none;
    order: 0;
    flex-grow: 0;
}

.price-calculator-plan-card-price.selected {
    color: #FFFFFF;
}

.price-calculator-plan-card-features-container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 20px 24px;
    gap: 8px;
    flex: none;
    order: 1;
    align-self: stretch;
    flex-grow: 0;
}

.price-calculator-plan-card-feature-container {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px;
    gap: 10px;
    flex: none;
    order: 0;
    flex-grow: 0;
}

.price-calculator-plan-card-feature {
    font-family: 'Kanit';
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 160%;
    text-align: center;
    color: #62758F;
    flex: none;
    order: 1;
    flex-grow: 0;
}

.price-calculator-plan-card-feature.hovered {
    color: #2D4899;
}

.price-calculator-plan-card-feature.selected {
    color: #FFFFFF;
}

.quantity-slider-container {
    width: 100%;
    height: 70px;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 16px 20px 28px;
    gap: 24px;
    border: 1px solid #DBE2EE;
    border-radius: 12px;
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;
    z-index: 0;
}

.quantity-type {
    width: 160px;
    font-family: 'Kanit';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 40px;
    color: #1E2939;
}

.price-text {
    width: 130px;
    font-family: 'Kanit';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 40px;
    color: #2D4899;
    margin-left: 20px;
}

.slidecontainer {
    position: relative;
    width: 100%;
}

.slider {
    -webkit-appearance: none;
    width: 100%;
    height: 5px;
    border-radius: 5px;  
    background: #E7E9ED;
    outline: none;
}

.slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: #2D4899;
    cursor: pointer;
}

.slider::-moz-range-thumb {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: #2D4899;
    cursor: pointer;
}

.range-value {
    position: absolute;
    top: -50%;
}

.range-value-wide {
    position: absolute;
    top: -50%;
}

.range-value span {
    width: 30px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    background: #2D4899;
    color: #fff;
    font-size: 12px;
    display: block;
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    border-radius: 6px;
}

.range-value-wide span {
    width: 80px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    background: #2D4899;
    color: #fff;
    font-size: 12px;
    display: block;
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    border-radius: 6px;
}

.range-value span:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-top: 10px solid #2D4899;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    margin-top: -1px;
}

.range-value-wide span:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-top: 10px solid #2D4899;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    margin-top: -1px;
}

.price-calculator-cta {
    padding-bottom: 12px;
}

.lpv2-content-cta {
    font-size: 16px !important;
    background-color: #F1841B !important;
    padding: 15px 50px !important;
}

.lpv2-content-cta:hover {
    background-color: #cf7927 !important;
}

.lpv2-book-meeting-container {
    width: 50%;
}

.lpv2-comparison-card {
    display: none;
}

@media (max-width: 1040px) {
    .hero-section-ai40-badge {
        display: none;
    }

    .lpv2-hero-section-organizations-container {
        width: 100%;
        padding-left: 0;
        margin-bottom: 50px;
        justify-content: flex-start;
    }

    .hero-section-customers-container {
        justify-content: left;
        overflow: scroll;
    }

    .lpv1-cloud-comparison-table {
        display: none;
    }

    .lpv2-comparison-card {
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 0px;
        background: #FFFFFF;
        border: 1px solid #DBE2EE;
        border-radius: 12px;
        flex: none;
        order: 1;
        align-self: stretch;
        flex-grow: 0;
        margin-top: 30px;
    }

    .lpv2-comparison-card-header {
        box-sizing: border-box;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        padding: 20px 12px;
        background: #F8FAFF;
        border-bottom: 1px solid #DBE2EE;
        flex: none;
        order: 0;
        align-self: stretch;
        flex-grow: 0;
    }

    .lpv2-comparison-card-header-text {
        font-family: 'Kanit';
        font-style: normal;
        font-weight: 500;
        font-size: 22px;
        line-height: 33px;
        letter-spacing: 0.1em;
        text-transform: uppercase;
        color: #62758F;
        flex: none;
        order: 0;
        flex-grow: 0;
    }

    .lpv2-comparison-card-header-text.symestic {
        color: #2D4899;
        margin-left: 10px;
    }

    .lpv2-comparison-card-body-container {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 20px 0px;
        gap: 16px;
        flex: none;
        order: 1;
        flex-grow: 0;
    }

    .lpv2-comparison-card-body-element {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        padding: 0px;
        flex: none;
        order: 0;
        flex-grow: 0;
    }

    .lpv2-comparison-card-body-element-header {
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        padding: 0px 20px;
        flex: none;
        order: 0;
        align-self: stretch;
        flex-grow: 0;
    }

    .lpv2-comparison-card-body-element-header-text {
        font-family: 'Kanit';
        font-style: normal;
        font-weight: 300;
        font-size: 16px;
        line-height: 24px;
        letter-spacing: 0.01em;
        color: #62758F;
        flex: none;
        order: 0;
        flex-grow: 1;
    }

    .lpv2-comparison-card-body-element-content {
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        padding: 0px 20px;
        flex: none;
        order: 1;
        align-self: stretch;
        flex-grow: 0;
    }

    .lpv2-comparison-card-body-element-content-text {
        font-family: 'Kanit';
        font-style: normal;
        font-weight: 400;
        font-size: 18px;
        line-height: 27px;
        letter-spacing: 0.01em;
        color: #1E2939;
        order: 0;
        flex-grow: 1;
    }

    .lpv2-book-meeting-container {
        width: 100%;
    }

    .price-calculator-container {
        width: 100%;
        flex-direction: column;
    }

    .price-calculator-input-container {
        width: 100%;
    }

    .price-calculator-plan-cards-container {
        overflow: scroll;
        justify-content: left;
    }

    .quantity-slider-container {
        border: none;
        padding: 0;
        flex-direction: column;
        height: 80px;
    }

    .quantity-type {
        width: 100%;
        line-height: 10px;
    }

    .price-text {
        display: none;
    }

    .price-calculator-output-container {
        border-left: none;
        width: 100%;
        border-top: 1px solid #dbe2ee;
    }

    .price-calculator-cta {
        padding-top: 12px;
    }
}
.request-demo-access-main {
    height: 100vh;
    background-blend-mode: overlay;
    background-color: rgba(0,0,0,0.7);
    align-items: center;
    justify-content: center;
    display: flex;
}

.request-demo-access-form {
    background: #fff;
    border-radius: 10px;
    padding: 40px;
    max-width: 600px;
}

.request-demo-access-form input {
    font-size: 18px !important;
    border: 1px solid #9eb3db;
    height: 50px;
}

.request-demo-access-form label {
    visibility: hidden;
    height: 0px;
    margin: 0px;
}

.request-demo-access-form .hs-form-field {
    margin-bottom: 20px;
}

.request-demo-access-form .hs-button {
    width: 100%;
    background-color: #F1841B !important;
    border: none !important;}

.request-demo-access-form .hs_error_rollup {
    display: none;
}

.request-demo-access-form .hs-error-msgs {
    display: none !important;
}

.request-demo-access-form .actions {
    margin-top: 30px;
}
.blog-post-header__title {
    font-family: 'Kanit';
    font-style: normal;
    font-weight: 600;
    font-size: 36px;
    line-height: 125%;
    letter-spacing: 0.01em;
    color: #1E2939;
    margin-bottom: 20px;
    margin-top: 16px;
}

.blog-post-header__back-link {
    background-color: #2D4899;
    border-radius: 15px;
    font-size: 20px;
    text-align: center;
    color: white !important;
    text-decoration: none !important;
    padding-left: 14px;
    padding-right: 14px;
}

.blog-post-header__image {
    width: 100%;
    display: flex;
    border-radius: 20px;
    border-width: 1px;
    border-color: #DDE6F3;
    border-style: solid;
    margin-bottom: 60px;
}

.blog-post__text {
    font-family: 'Kanit';
    font-weight: lighter;
    font-size: 18px;
    line-height: 170%;
    letter-spacing: 0.01em;
    color: #1E2939;
}

.blog-post__text p {
    font-family: 'Kanit';
    font-weight: lighter;
    font-size: 18px;
    line-height: 170%;
    letter-spacing: 0.01em;
    color: #1E2939;
}

.blog-post__text img:not(.blog-post_in-text-cta-img, .whitepaper-cta-image, .digitalization-whitepaper-cta-image, .free-trial-cta-image) {
    width: 100% !important;
    max-width: 100%;
}

.blog-post__text h2 {
    font-family: 'Kanit';
    font-weight: normal;
    font-size: 30px;
    line-height: 30px;
    letter-spacing: 0.01em;
    color: #1E2939;
}

.blog-post__text h3 {
    font-family: 'Kanit';
    font-weight: normal;
    font-size: 22px;
    line-height: 170%;
    letter-spacing: 0.01em;
    color: #1E2939;
}

.related-blog-posts {
    background-color: #f8fafc;
    padding: 2rem;
}

.blog-post__related-posts-title {
    text-align: center;
    font-size: 36px;
    line-height: 48px;
}

/* Article groups */

.article-group-content {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.article {
    width: 100%;
    display: flex;
    flex-direction: column;
    text-decoration: none !important;
    margin-bottom: 2rem;
    background: white;
    box-shadow: 4px 4px 23px #e5e5e5;
    border-radius: 14px;
}

.article-image {
    width: 100%;
    background-size: cover;
    border-radius: 14px 14px 0 0;
}

.article-title {
    margin: 0;
    color: #393939;
    font-size: 1.25rem;
    padding: 16px 20px 6px 20px;
    font-weight: 600;
}

.article-subtitle {
    color: #8d8d90;
    font-size: 1rem;
    padding: 10px 20px;
}

.article-read-more {
    display: flex;
    margin-top: auto;
    padding: 10px 20px 20px 20px;
}

.article-read-more__text {
    font-size: 1rem;
    color: #054891;
    font-weight: 600;
    margin-top: 1px;
    margin-right: 3px;
}

.article-read-more__line {
    border-bottom: 1px solid #ddd;
    flex: 1;
    height: 12px;
    margin-left: 10px;
}

@media screen and (min-width: 768px) {
    .article-group-content {
        margin: 0 auto;
        max-width: 1240px;
        flex-direction: row;
        justify-content: space-between;
    }

    .article {
        width: 22rem;
        margin-bottom: 0;
    }

    .article:not(:last-child) {
        margin-right: 1rem;
    }

    .oee-factors-container {
        flex-direction: row;
    }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .article-image {
        max-height: 12rem;
    }
}

/* Contact Us CTA */

.contact-us-cta-container {
    background-color: #29428D;
    border-radius: 20px;
    padding: 40px;
    display: flex;
    flex-direction: row;
    margin-top: 60px;
}

.contact-us-cta-text-container {
    display: flex;
    flex-direction: column;
}

.contact-us-cta-text {
    font-size: 28px;
    line-height: 40px;
    letter-spacing: 0px;
    color: white;
}

.contact-us-cta-text-hightlight {
    color: #F1841B;
}

.contact-us-cta-image {
    width: 370px;
}

@media screen and (max-width: 768px) {
    .contact-us-cta-container {
        flex-direction: column-reverse;
        padding: 16px;
    }

    .contact-us-cta-text {
        font-size: 24px;
        line-height: 34px;
    }

    .contact-us-cta-image {
        width: 100%;
    }
}

/* Blog post side cta */

.blog-post__side-cta {
    display: none;
    width: 340px;
    position: absolute;
    top: 300px;
    right: 50px;
    background-color: #f8fafc;
    border: 1px solid rgba(0, 0, 0, 0.07);
    padding: 10px;
    border-radius: 6px;
    padding: 25px 30px 35px 30px;
}

.blog-post__side-cta-sticky {
    position: fixed;
    top: 150px;
}

.blog-post__side-cta-form {
    margin-top: 30px;
}

.blog-post__side-cta-form .hs-form .hs-email {
    flex: 1;
    margin-bottom: 15px;
}

.blog-post__side-cta-form .hs-error-msgs {
    display: none !important;
}

.blog-post__side-cta-form .hs-email input {
    font-size: 18px !important;
    border: 1px solid #9eb3db;
    border-radius: 6px;
}

.blog-post__side-cta-form .hs_error_rollup {
    display: none;
}

.blog-post__side-cta-form input[type="submit"] {
    font-family: Kanit;
    font-size: 18px;
    background-color: rgba(45, 72, 153, 1);
    border-radius: 10px;
    color: #fff;
    padding: 14px 30px;
    white-space: nowrap;
    width: 100%;
}

.blog-post__side-cta-form input[type="submit"]:focus,
.blog-post__side-cta-form input[type="submit"]:hover {
    text-decoration: none !important;
    background-color: rgb(5, 32, 113);
    color: #fff;
}

.blog-post__side-cta-form .actions {
    display: flex;
    justify-content: center;
}

.blog-post__side-cta-header {
    color: rgba(45, 72, 153, 1);
    font-family: Kanit, sans-serif !important;
    font-weight: 600;
    line-height: 34px;
    letter-spacing: 1px;
    font-size: 24px;
}

.blog-post__side-cta-description {
    font-family: Kanit, sans-serif;
    font-weight: 300;
    margin-bottom: 35px;
    font-size: 16px;
    line-height: 27px;
    margin-bottom: 5px;
}

.blog-post__side-cta-learn-more {
    font-weight: 500 !important;
    text-decoration: underline;
    font-size: 15px;
    letter-spacing: 1px;
}

.blog-post__side-cta-description .bold {
    font-weight: 600;
}

/* In text cta */

.blog-post_in-text-cta {
    display: flex;
}

.blog-post_in-text-cta-img {
    width: 300px !important;
}

.blog-post_in-text-cta-text-wrapper {
    margin-left: 20px;
}

.blog-post__in-text-cta-button a {
    font-family: Poppins, sans-serif !important;
    font-size: 18px !important;
    letter-spacing: 1px !important;
    font-weight: 400 !important;
    transition: 0.5s;
    background-color: #ff9902 !important;
    transition: 0.5s;
}

.blog-post__in-text-cta-button a:hover {
    background-color: #f18824 !important;
}

@media screen and (max-width: 775px) {
    .blog-post_in-text-cta {
        flex-direction: column;
    }

    .blog-post_in-text-cta-img-link {
        text-align: center;
    }

    .blog-post_in-text-cta-text-wrapper {
        margin-left: 0;
    }
}
.industries-hero-section {
    width: 100%;
    margin-bottom: 2rem;
    display: flex;
}

.industries-hero-section-content-row {
    display: flex;
    margin-top: 0px;
    align-items: center;
}

.industries-header-text {
    font-family: 'Kanit';
    font-style: normal;
    font-weight: 600;
    font-size: 46px;
    line-height: 64px;
    letter-spacing: 5%;
    text-transform: uppercase;
    color: #FFFFFF;
    margin-bottom: 80px;
}

.industries-hero-section-text {
    text-align: left;
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: 650px;
}

.industries-section-header-text {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-size: 30px;
    line-height: 40px;
    text-align: center;
    color: #1E2939;
    flex: none;
    order: 0;
    flex-grow: 0;
    margin-top: 75px;
    max-width: 850px;
}

.industries-section-header-text.margin-bottom {
    margin-bottom: 60px;
}

.industries-section-header-subtitle {
    font-family: 'Kanit';
    font-style: normal;
    font-weight: 300;
    font-size: 20px;
    line-height: 160%;
    text-align: center;
    letter-spacing: 0.02em;
    color: #62758F;
    max-width: 1100px;
    margin-bottom: 60px;
}

.industries-benefit-text {
    font-family: 'Kanit';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 150%;
    text-align: center;
    letter-spacing: 0.01em;
    color: #1E2939;
    flex: none;
    order: 0;
    flex-grow: 1;
    margin-bottom: 0;
}

.industries-hero-section-customers-container {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 28px 48px;
    gap: 70px;    
    background: #FFFFFF;    
    box-shadow: 4px 6px 50px rgba(37, 49, 112, 0.07);
    border-radius: 12px;
    flex: none;
    order: 0;
    flex-grow: 0;
    z-index: 5;
    transform: translateY(50px);
    overflow: hidden;
}

.industries-cards-container {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 0px;
    gap: 32px;
    justify-content: center;
}

.industries-card {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 23px 24px;
    gap: 20px;
    width: 340px;
    height: 400px;
    background: #FFFFFF;
    border: 1px solid #F8FAFF;
    box-shadow: 4px 6px 50px rgba(37, 49, 112, 0.07);
    border-radius: 12px;
}

.industries-card-header {
    font-family: 'Kanit';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 100%;
    letter-spacing: 0.03em;
    color: #1E2939;
    margin-bottom: 0px;
}

.industries-card-text {
    font-family: 'Kanit';
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 180%;
    letter-spacing: 0.01em;
    color: #62758F;
}

.industries-unique-card {
    max-width: 360px;
}

.industries-unique-card-header-container {
    display: flex;
    flex-direction: row;
    margin-top: 15px;
    margin-bottom: 8px;
}

.industries-unique-card-header {
    font-family: 'Kanit';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 150%;
    text-align: center;
    letter-spacing: 0.01em;
    color: #2D4899;
    flex: none;
    order: 1;
    flex-grow: 0;
    margin-bottom: 0;
    padding-left: 12px;
}

.industries-unique-card-text {
    font-family: 'Kanit';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    text-align: center;
    color: #62758F;
    flex: none;
    order: 1;
    align-self: stretch;
    flex-grow: 1;
    margin-bottom: 15px;
}

.industries-tetris-cards-container {
    height: 715px;
    max-width: 1200px;
    width: 100%;
    display: flex;
    flex-direction: row;
}

.industries-tetris-card {
    background: #F4F5FA;
    border-radius: 28px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 28px;
    overflow: hidden;
}

.industries-tetris-card-text {
    font-family: 'Kanit';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 140%;
    color: #1E2939;
}

.industries-tetris-card-text {
    font-size: 18px;
}

.industries-tetris-card-highlight {
    font-family: 'Kanit';
    font-style: normal;
    font-weight: 500;
    font-size: 28px;
    line-height: 120%;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    background: linear-gradient(90.08deg, #2D4899 0.05%, #F1831B 99.93%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

.industries-tetris-card-highlight.mobile {
    font-size: 20px;
}

.industries-tetris-card-description {
    font-family: 'Kanit';
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 180%;
    letter-spacing: 0.01em;
    color: #62758F;
}

.industries-tetris-card-description.mobile {
    font-size: 14px;
}

.industries-tetris-cards-container-mobile {
    display: none;
}

.industries-content-section {
    display: flex;
    flex-direction: row;
    gap: 30px;
}

.industries-content-section-card {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0px;
    gap: 10px;
    isolation: isolate;
    width: 340px;
    height: 220px;
    background: #2D4899;
    border-radius: 20px;
    flex: none;
    order: 1;
    flex-grow: 0;
    position: relative;
    overflow: hidden;
    text-decoration: none !important;
}

#automotive-oee-whitepaper-card:hover #automotive-oee-whitepaper-text {
    color: Orange;
}

#automotive-mes-blog-article-card:hover #automotive-mes-blog-article-text {
    color: Orange;
}

.industries-content-section-card-image {
    position: absolute;
    width: 279.04px;
    height: 205.63px;
    left: 170px;
    top: 17px;
    flex: none;
    order: 0;
    flex-grow: 0;
    z-index: 0;
}

.industries-content-section-card-text {
    font-family: 'Kanit';
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 150%;
    text-align: center;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #FFFFFF;
    flex: none;
    order: 1;
    flex-grow: 0;
    z-index: 1;
}

@media (max-width: 1040px) {
    .industries-hero-section-content-row {
        flex-direction: column-reverse;
        margin-top: 70px;
    }

    .industries-header-text {
        font-weight: 700;
        font-size: 26px;
        line-height: 34px;
        letter-spacing: 0.02em;
        flex: none;
        order: 0;
        align-self: stretch;
        flex-grow: 0;
        margin-bottom: 40px;
    }

    .industries-hero-section-text {
        max-width: 1000px;
    }

    .industries-hero-section-customers-container {
        justify-content: left;
        overflow: scroll;
    }

    .industries-section-header-text.margin-bottom {
        margin-bottom: 30px;
    }

    .industries-section-header-subtitle {
        margin-bottom: 30px;
    }

    .industries-cards-container {
        flex-direction: column;
    }

    .industries-content-section {
        flex-direction: column;
    }

    .industries-tetris-cards-container {
        display: none;
    }

    .industries-tetris-cards-container-mobile {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }
}
.persona-hero-section {
    width: 100%;
    display: flex;
    justify-content: center;
    position: relative;
    overflow: hidden;
}

.persona-hero-section-triangle {
    position: absolute;
    bottom: 50px;
    z-index: -10;
    width: 3000px;
    background-color: #F6F8FE;
}

.persona-hero-section-triangle-coo {
    position: absolute;
    bottom: 50px;
    z-index: -10;
    width: 3000px;
    background-color: #F6F8FE;
}

.persona-hero-section-below-triangle {
    position: absolute;
    bottom: 0;
    background-color: #F6F8FE;
    width: 100%;
    height: 50px;
    z-index: -10;
}

.persona-hero-section-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0px;
    gap: 24px;
}

.persona-header-text {
    font-family: 'Kanit';
    font-style: normal;
    font-weight: 500;
    font-size: 58px;
    line-height: 58px;
    text-align: center;
    color: #FFFFFF;
    margin: 0;
}

.persona-header-titles-container {
    display: flex;
    align-items: center;
    padding: 0px;
    gap: 12px;
    flex-wrap: wrap;
}

.persona-header-title {
    font-family: 'Kanit';
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 28px;
    text-align: center;
    color: #DBE2EE;
}

.persona-header-title-ellipsis {
    width: 5px;
    height: 5px;
    background: #4A63AF;
    flex: none;
    flex-grow: 0;
}

.persona-header-subtitle {
    font-family: 'Kanit';
    font-style: normal;
    font-weight: 300;
    font-size: 20px;
    line-height: 32px;
    text-align: center;
    color: #DBE2EE;
    max-width: 900px;
}

.persona-hero-section-usp-container {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    padding: 0px;
    gap: 32px;
    margin-top: 120px;
}

.persona-hero-section-usp-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 32px;
    gap: 28px;
    width: 280px;
    height: 310px;
    background: #FFFFFF;
    box-shadow: 4px 6px 60px rgba(37, 49, 112, 0.04);
    border-radius: 12px;
    position: relative;
}

.persona-hero-section-usp-image {
    position: absolute;
    top: -30px;
}

.persona-hero-section-usp-title {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0px 20px 0px 0px;
    gap: 8px;
    transform: matrix(1, 0, 0, 1, 0, 0);
    margin-top: 150px;
}

.persona-hero-section-usp-title-text {
    font-family: 'Kanit';
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 34px;
    text-align: center;    
    color: #1E2939;    
    transform: matrix(1, 0, 0, 1, 0, 0);
    margin: 0;
}

.persona-hero-section-usp-subtitle {
    font-family: 'Kanit';
    font-style: normal;
    font-weight: 300;
    font-size: 14px;
    line-height: 24px;
    text-align: center;
    color: #4B5972;
    transform: matrix(1, 0, 0, 1, 0, 0);
}

.persona-main {
    background-color: #F6F8FE;
    overflow: hidden;
}

.persona-content-section {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 50px;
    padding: 16px;
    padding-top: 100px;
}

.persona-content-section-title {
    font-family: 'Kanit';
    font-style: normal;
    font-weight: 500;
    font-size: 36px;
    line-height: 48px;
    text-align: center;
    color: #1E2939;
}

.persona-content-section-subtitle {
    font-family: 'Kanit';
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    line-height: 32px;
    text-align: center;
    color: #4B5972;
    max-width: 800px;
}

.persona-customers-title {
    font-family: 'Kanit';
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: #4B5972;
}

.persona-customer-logos-container {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px;
    gap: 48px;
}

.persona-challenges-container {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0px;
    gap: 60px;
    margin-top: 60px;
}

.persona-challenges-column {
    display: flex;
    flex-direction: column;
    padding: 0px;
    gap: 20px;
}

.persona-challenges-column.left {
    align-items: flex-end;
}

.persona-challenges-column.right {
    align-items: flex-start;
}

.persona-challenges-row {
    display: flex;
    flex-direction: row;
    padding: 0px;
    gap: 20px;
}

.persona-challenges-row.left {
    align-items: flex-start;
}

.persona-challenges-row.right {
    align-items: flex-end;
}

.persona-challenges-illustration {
    width: 20%;
}

.persona-challenge-card {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 8px 16px 8px 12px;
    gap: 8px;
    background: #FFFFFF;
    box-shadow: 4px 6px 60px rgba(37, 49, 112, 0.04);
    border-radius: 6px;
}

.persona-challenge-card-text {
    font-family: 'Kanit';
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 28px;
    color: #1E2939;
}

.persona-technology-section {
    width: 100%;
    display: flex;
    justify-content: center;
}

.persona-technology-container {
    width: 50%;
    display: flex;
    justify-content: flex-end;
}

.persona-technology-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 24px;
    max-width: 600px;
}

.persona-technology-title {
    font-family: 'Kanit';
    font-style: normal;
    font-weight: 500;
    font-size: 36px;
    line-height: 48px;
    color: #1E2939;
    margin: 0;
}

.persona-technology-title-coo {
    font-family: 'Kanit';
    font-style: normal;
    font-weight: 500;
    font-size: 36px;
    line-height: 48px;
    color: #FFFFFF;
    z-index: 1;
}

.persona-technology-subtitle {
    font-family: 'Kanit';
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    line-height: 32px;
    color: #4B5972;
}

.persona-technology-heading {
    font-family: 'Kanit';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 32px;
    color: #1E2939;
}

.persona-technology-features-columns {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 0px;
    gap: 24px;
}

.persona-technology-features-column {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 16px;
}

.persona-technology-feature {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px;
    gap: 10px;
}

.persona-technology-feature-text {
    font-family: 'Kanit';
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    line-height: 32px;
    color: #4B5972;
}

.persona-screenshot-container {
    display: flex;
    flex-direction: row;
    gap: 20px;
    width: 50%;
    justify-content: flex-end;
    z-index: 1;
}

.persona-screenshot-column {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.persona-screenshot-mobile {
    margin-top: 40%;
}

@media (max-width: 1800px) {
    .persona-screenshot-mobile {
        display: none;
    }
}

.persona-user-voices-title {
    font-family: 'Kanit';
    font-style: normal;
    font-weight: 500;
    font-size: 36px;
    line-height: 48px;
    text-align: center;
    color: #FFFFFF;
    z-index: 1;
}

.persona-user-voices-subtitle {
    font-family: 'Kanit';
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 28px;
    text-align: center;
    color: #F6F8FE;
    z-index: 1;
    max-width: 750px;
}

.persona-user-voices-container {
    display: flex;
    flex-direction: row;
    gap: 32px;
    max-width: 1200px;
}

.persona-user-voices-card {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 32px 28px;
    gap: 32px;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 12px;
    z-index: 1;
    width: 50%;
}

.persona-user-voices-card-header {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
}

.persona-user-voices-card-name {
    font-family: 'Kanit';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 28px;
    color: #F6F8FE;
}

.persona-user-voices-card-job {
    font-family: 'Kanit';
    font-style: normal;
    font-weight: 300;
    font-size: 14px;
    line-height: 18px;
    color: #DBE2EE;
}

.persona-user-voices-card-citation {
    font-family: 'Kanit';
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 28px;
    color: #F6F8FE;
}

.persona-background-plane {
    position: absolute;
    z-index: 0;
    width: 3000px;
    bottom: -700px;
}

.persona-background-plane-coo {
    position: absolute;
    z-index: 0;
    width: 3000px;
    bottom: -1300px;
}

.persona-tetris-cards-container {
    max-width: 1200px;
    width: 100%;
    display: flex;
    flex-direction: row;
}

.persona-tetris-card {
    background: #FFFFFF;
    border-radius: 28px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 24px;
}

.persona-tetris-card-highlight {
    font-family: 'Kanit';
    font-style: normal;
    font-weight: 600;
    font-size: 28px;
    line-height: 32px;
    text-transform: uppercase;
    color: #2D4899;
}

.persona-tetris-card-description-small {
    font-family: 'Kanit';
    font-style: normal;
    font-weight: 300;
    font-size: 14px;
    line-height: 24px;
    text-align: center;
    color: #62758F;
}

.persona-challenges-column-mobile {
    display: none;
}

.persona-screenshot-container-mobile {
    display: none;
}

.persona-tetris-cards-container-mobile {
    display: none;
}

@media (max-width: 1040px) {
    .persona-header-titles-container {
        padding-top: 40px;
    }

    .persona-header-title {
        font-size: 14px;
        line-height: 18px;
    }

    .persona-header-text {
        text-align: start;
        font-size: 48px;
        line-height: 56px;
    }

    .persona-header-subtitle {
        text-align: start;
        font-size: 18px;
        line-height: 32px;
    }

    .persona-hero-section-usp-container {
        flex-direction: column;
    }

    .persona-hero-section-usp-card {
        width: 100%;
    }

    .persona-hero-section-triangle {
        bottom: 500px;
    }

    .persona-hero-section-triangle-coo {
        bottom: 600px;
    }

    .persona-hero-section-below-triangle {
        height: 500px;
    }

    .persona-customer-logos-container {
        width: 100%;
        overflow: scroll;
    }

    .persona-content-section {
        padding-top: 50px;
    }

    .persona-content-section-title {
        text-align: start;
        font-size: 28px;
        line-height: 32px;
    }

    .persona-content-section-subtitle {
        text-align: start;
        font-size: 18px;
        line-height: 32px;
    }

    .persona-challenges-column {
        display: none;
    }

    .persona-challenges-illustration {
        width: 90%;
    }

    .persona-challenges-column-mobile {
        display: flex;
        flex-direction: column;
        padding-top: 50px;
        border-radius: 6px;
        overflow: hidden;
    }

    .persona-challenge-card {
        background: #f6f8fe;
        box-shadow: none;
        border-radius: 0;
    }

    .persona-technology-section {
        flex-direction: column;
    }

    .persona-technology-container {
        width: 100%;
    }

    .persona-technology-features-columns {
        flex-direction: column;
    }

    .persona-screenshot-container {
        display: none;
    }

    .persona-screenshot-container-mobile {
        display: block;
        position: relative;
        height: 500px;
        z-index: 2;
        padding-top: 50px;
    }

    .persona-screenshot-mobile-mobile {
        position: absolute;
        top: 70px;
        left: -80px;
        width: 230px;
    }

    .persona-screenshot-desktop-1-mobile {
        position: absolute;
        left: 160px;
        height: 160px;
    }

    .persona-screenshot-desktop-2-mobile {
        position: absolute;
        left: 160px;
        top: 222px;
        height: 340px;
    }

    .persona-user-voices-container {
        flex-direction: column;
    }

    .persona-user-voices-card {
        width: 100%;
    }

    .persona-background-plane {
        bottom: 0;
    }

    .persona-background-plane-coo {
        bottom: 0;
    }

    .persona-user-voices-title {
        text-align: start;
    }

    .persona-user-voices-subtitle {
        text-align: start;
    }

    .persona-tetris-cards-container {
        display: none;
    }

    .persona-tetris-cards-container-mobile {
        display: flex;
        flex-direction: column;
    }

    .evaluation-form-section {
        padding-top: 50px;
        padding-bottom: 0px;
    }
}
.home-v2-header {
    background: linear-gradient(151.42deg, #0F2462 14.55%, #213A87 83.99%);
    overflow: hidden;
}

.home-v2-header-bar {
    padding-top: 26px;
    padding-bottom: 26px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    align-items: center;
}

.home-v2-header-logo {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: auto;
  max-width: 200px;
  overflow: hidden;
  z-index: 10;
}

.home-v2-header-logo img {
  max-width: 100%;
  width: 200px !important;
}

.home-v2-login-button {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 42px;
    height: 42px;
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 6px;
}

.home-v2-login-button:hover {
    background: rgba(255, 255, 255, 0.14);
}

.home-v2-login-button:active {
    background: rgba(255, 255, 255, 0.2);
}

.home-v2-header-cta-container {
    display: flex;
    flex-direction: row;
    gap: 12px;
    align-items: center;
}

.home-v2-header-content-container {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.home-v2-header-content-cta-container {
    display: flex;
    flex-direction: row;
    gap: 14px;
    margin-bottom: 80px;
}

.home-v2-header-text-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0px;
    flex: none;
    flex-grow: 0;
}

.home-v2-header-banner {
    margin-top: 80px;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 12px;
    gap: 10px;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.08) 50%, rgba(255, 255, 255, 0) 100%);
}

.home-v2-header-banner-text {
    font-family: 'Kanit';
    font-style: normal;
    font-weight: 300;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 0.3em;
    text-transform: uppercase;
    color: #FFFFFFCC;
    text-align: center;
}

.home-v2-header-title {
    font-family: 'Kanit';
    font-style: normal;
    font-weight: 600;
    font-size: 48px;
    line-height: 56px;
    text-align: center;
    letter-spacing: 0.01em;
    color: #FFFFFF;
    padding-top: 28px;
}

.home-v2-header-title-highlight {
    background: linear-gradient(90deg, #F57600, #FFAE62);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.home-v2-header-subtitle {
    font-family: 'Kanit';
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    line-height: 28px;
    text-align: center;
    color: #C3CFE8;
    max-width: 1000px;
}

.home-v2-line-break-header-subtitle {
    display: none;
}

.home-v2-header-image-dashboard {
    max-width: calc(100% - 100px);
}

.home-v2-main-content {
    background: #F6F8FE;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.home-v2-references-content-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 48px;
    padding-bottom: 48px;
    gap: 24px;
    width: 100%;
}

.home-v2-references-title {
    font-family: 'Kanit';
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    line-height: 28px;
    color: #4E5F77;
    margin-bottom: 0px;
    text-align: center;
}

@keyframes scroll {
    0% { transform: translateX(0); }
    100% { transform: translateX(calc(-140px * 19 - 16px * 18)); }
}

.home-v2-references-logo-container {
    width: 100%;
    height: 60px;
    overflow: hidden;
}

.home-v2-references-logo-slide-track {
    animation: scroll 100s linear infinite;
    display: flex;
    gap: 16px;
    width: calc(140px * 38 + 16px * 37);
}

.home-v2-references-logo-wrapper {
    width: 140px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.home-v2-references-logo {
    max-width: 140px;
    max-height: 50px;
}

.home-v2-two-column-section {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    max-width: 1600px;
    padding-left: 80px;
    padding-right: 80px;
}

.home-v2-one-column-section {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 1600px;
    padding-left: 80px;
    padding-right: 80px;
}

.home-v2-standard-section-text-container {
    display: flex;
    flex-direction: column;
    max-width: 480px;
}

.home-v2-section-title {
    font-family: 'Kanit';
    font-style: normal;
    font-weight: 500;
    font-size: 36px;
    line-height: 48px;
    color: #1E2939;
}

.home-v2-section-subtitle {
    font-family: 'Kanit';
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    line-height: 28px;
    color: #4E5F77;
}

.text-centered {
    text-align: center;
}

.home-v2-benefits-section {
    padding-right: 40px;
}

.home-v2-product-map-widget-rows {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding-left: 90px;
    padding-right: 0px;
    padding-top: 40px;
    padding-bottom: 40px;
    position: relative;
}

.home-v2-product-map-widget-row {
    display: flex;
    flex-direction: row;
    gap: 20px;
}

.home-v2-product-map-widget {
    width: 100px;
    height: 100px;
    border-radius: 12px;
    border: 1px solid #D7DEF2;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.home-v2-product-map-widget-hovered {
    background: #FFFFFF;
    box-shadow: 0px 4px 6px rgba(37, 49, 112, 0.04), 4px 6px 40px rgba(37, 49, 112, 0.06);
    padding: 12px 4px 16px;
}

.home-v2-product-map-widget:hover {
    background: #FFFFFF;
    box-shadow: 0px 4px 6px rgba(37, 49, 112, 0.04), 4px 6px 40px rgba(37, 49, 112, 0.06);
    padding: 12px 4px 16px;
}

#home-v2-product-map-widget-image {
    display: block;
}

#home-v2-product-map-widget-image-active {
    display: none;
}

.home-v2-display-none {
    display: none !important;
}

.home-v2-display-block {
    display: block !important;
}

#home-v2-product-map-widget:hover #home-v2-product-map-widget-image-active {
    display: block;
}

#home-v2-product-map-widget:hover #home-v2-product-map-widget-image {
    display: none;
}

#home-v2-product-map-widget:hover #home-v2-product-map-widget-title {
    display: block !important;
}

.home-v2-product-map-widget-empty {
    width: 100px;
    height: 100px;
}

.home-v2-product-map-widget-active {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 12px 6px 16px;
    gap: 8px;
    width: 100px;
    height: 100px;
    background: #FFFFFF;
    box-shadow: 0px 4px 6px rgba(37, 49, 112, 0.04), 4px 6px 40px rgba(37, 49, 112, 0.06);
    border-radius: 12px;
}

.home-v2-product-map-widget-title {
    font-family: 'Kanit';
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 140%;
    text-align: center;
    color: #1E2939;
    margin: 0px;
}

.home-v2-product-map-widget-title-inactive {
    display: none;
}

.home-v2-product-map-widget-connection {
    width: 140px;
    position: absolute;
    top: 261px;
    left: 310px;
}

.home-v2-fine-print {
    font-family: 'Kanit';
    font-style: normal;
    font-weight: 300;
    font-size: 14px;
    line-height: 22px;
    text-align: center;
    color: #62758F;
    flex: none;
    flex-grow: 0;
    max-width: 720px;
}

.line {
    border: 1px solid #DBE2EE;
    height: 1px;
    width: 100%;
}

.home-v2-widgets-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    justify-content: center;
}

.home-v2-justify-content-center {
    justify-content: center;
}

.home-v2-justify-content-end {
    justify-content: end;
}

.home-v2-widget {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 24px 24px 24px 28px;
    gap: 28px;
    background: #FFFFFF;
    box-shadow: 4px 6px 60px rgba(37, 49, 112, 0.04);
    border-radius: 12px;
    flex: none;
    align-self: stretch;
    flex-grow: 1;
}

.home-v2-static-widget {
    width: 340px;
    max-width: 340px;
}

.home-v2-widget-text-container {
    display: flex;
    flex-direction: column;
}

.home-v2-widget-title {
    font-family: 'Kanit';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #1E2939;
    margin: 0px;
}

.home-v2-widget-subtitle {
    font-family: 'Kanit';
    font-style: normal;
    font-weight: 300;
    font-size: 14px;
    line-height: 22px;
    color: #62758F;
    margin: 0px;
}

.home-v2-insights {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px;
}

.home-v2-insights-widget-column {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0px;
    gap: 16px;
    width: 26%;
    z-index: 1;
}

.home-v2-insights-widget {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 16px 24px 20px;
    gap: 4px;
    background: #FFFFFF;
    box-shadow: 4px 6px 60px rgba(37, 49, 112, 0.04);
    border-radius: 16px;
}

.home-v2-insights-widget-header {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px;
    gap: 12px;
    flex: none;
    flex-grow: 1;
}

.home-v2-insights-widget-title {
    font-family: 'Kanit';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #1E2939;
    margin: 0px;
}

.home-v2-insights-widget-subtitle {
    font-family: 'Kanit';
    font-style: normal;
    font-weight: 300;
    font-size: 14px;
    line-height: 22px;
    color: #62758F;
    margin: 0px;
}

.home-v2-highlight-section {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0px;
    background: linear-gradient(154.55deg, #17317C 16.63%, #2E4DAB 82.08%);
    flex: none;
    flex-grow: 0;
    width: 100%;
}

.home-v2-highlight-section-content-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 110px 0px;
    gap: 64px;
}

.home-v2-highlight-section-title {
    font-family: 'Kanit';
    font-style: normal;
    font-weight: 500;
    font-size: 36px;
    line-height: 48px;
    text-align: center;
    color: #FFFFFF;
}

.home-v2-highlight-section-two-columns {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0px;
    gap: 100px;
}

.home-v2-highlight-section-left-column {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 40px;
    max-width: 410px;
}

.home-v2-highlight-section-text-container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 32px;
}

.home-v2-highlight-section-text {
    font-family: 'Kanit';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #C3CFE8;
}

.home-v2-highlight-section-app-downloads {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: flex-start;
    padding: 0px;
    gap: 16px;
}

.home-v2-reference-logo-container {
    height: 50px;
    width: 100%;
    display: flex;
    justify-content: center;
}

.home-v2-widget-small-text {
    font-family: 'Kanit';
    font-style: normal;
    font-weight: 300;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    color: #62758F;
}

.home-v2-start-cta-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 90px;
    gap: 44px;
    isolation: isolate;
    background: #243E8E;
    border-radius: 24px;
    width: 100%;
    position: relative;
    overflow: hidden;
}

.home-v2-start-cta-text-container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 20px;
}

.home-v2-start-cta-title {
    font-family: 'Kanit';
    font-style: normal;
    font-weight: 500;
    font-size: 48px;
    line-height: 56px;
    letter-spacing: 0.01em;
    color: #FFFFFF;
    margin: 0px;
}

.home-v2-start-cta-subtitle {
    font-family: 'Kanit';
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    line-height: 28px;
    color: #ECF1FD;
    margin: 0px;
}

.home-v2-start-cta-button-container {
    display: flex;
    flex-direction: row;
    gap: 14px;
}

.home-v2-start-cta-image {
    position: absolute;
    right: 10px;
    top: 40px;
}

.home-v2-section-header {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding-bottom: 48px;
    align-items: flex-end;
}

.home-v2-references-container {
    width: 100%;
    overflow: hidden;
}

.home-v2-references-inner-container {
    display: flex;
    flex-direction: row;
    gap: 32px;
    overflow-y: scroll;
    scrollbar-width: none;
}

.home-v2-blog-button {
    display: flex;
    flex-direction: row;
}

.home-v2-blog-button-text {
    font-family: 'Kanit';
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 28px;
    text-align: center;
    letter-spacing: 0.04em;
    color: #2D4899;
}

.home-v2-blog-button-icon {
    height: 28px;
    width: 28px;
}

.home-v2-blog-button-highlight-icon {
    display: none;
}

#home-v2-blog-button:hover .home-v2-blog-button-text {
    color: #F1841B;
}

#home-v2-blog-button:hover .home-v2-blog-button-icon {
    display: none;
}

#home-v2-blog-button:hover .home-v2-blog-button-highlight-icon {
    display: block;
}

.home-v2-big-themes-widget {
    max-width: 420px;
}

.home-v2-product-map-widget-mobile {
    display: none;
}

.home-v2-video-frame {
    width: 780px;
    height: 440px;
    border-radius: 20px;
}

.home-v2-insights-connection-column {
    width: 150px;
    position: relative;
}

.home-v2-section-vertical-margin {
    margin-top: 110px;
    margin-bottom: 110px;
}

.home-v2-saas-section-title {
    text-align: center;
}

.home-v2-saas-section-subtitle {
    text-align: center;
}

.home-v2-compact-mobile-widget {
    flex-direction: column;
}

.home-v2-compact-mobile-widget-text-container {
    align-items: center;
}

.home-v2-compact-mobile-widget-text {
    text-align: center;
}

.home-v2-products-section-subtitle {
    text-align: center;
}

.home-v2-product-widget {
    max-width: 348px;
}

.home-v2-insights-section-title {
    text-align: center;
}

.home-v2-insights-section-subtitle {
    text-align: center;
}

.home-v2-implementation-section {
    margin-top: 110px;
}

.home-v2-blog-section {
    margin-top: 80px;
    margin-bottom: 110px;
}

.home-v2-blog-button-link-mobile {
    display: none;
}

.pulsating-circle {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: 60px;
  height: 60px;

  &:before {
    content: '';
    position: relative;
    display: block;
    width: 150%;
    height: 150%;
    box-sizing: border-box;
    margin-left: -25%;
    margin-top: -25%;
    border-radius: 45px;
    background-color: #3250A9;
    animation: pulse-ring 2s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;
  }

  &:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-color: #3250A9;
    border-radius: 30px;
    animation: pulse-dot 2s cubic-bezier(0.455, 0.03, 0.515, 0.955) -.4s infinite;
  }
}

@keyframes pulse-ring {
  0% {
    transform: scale(.66);
  }
  80%, 100% {
    opacity: 0;
  }
}

@keyframes pulse-dot {
  0% {
    transform: scale(.8);
  }
  50% {
    transform: scale(1);
  }
  100% {
    transform: scale(.8);
  }
}

@media (max-width: 1570px) {
    .home-v2-static-widget {
        max-width: 300px;
        width: 300px;
    }
}

@media (max-width: 1500px) {
    .home-v2-big-themes {
        align-items: flex-start;
    }

    .home-v2-big-themes-widget {
        max-width: 640px;
    }

    .home-v2-start-cta-text-container {
        max-width: 500px;
    }
}

@media (max-width: 1420px) {
    .home-v2-static-widget {
        max-width: 260px;
        width: 260px;
    }
}

@media (max-width: 1350px) {
    .home-v2-big-themes-widget {
        max-width: 520px;
    }
}

@media (max-width: 1250px) {
    .home-v2-two-column-section {
        flex-direction: column;
    }

    .home-v2-product-map-widget-rows {
        padding-left: 0px;
    }

    .home-v2-product-map-widget-connection {
        left: 220px;
    }

    .home-v2-standard-section-text-container {
        max-width: 100%;
    }

    .home-v2-two-column-section-reverse {
        flex-direction: column-reverse;
    }

    .home-v2-big-themes-widget {
        max-width: 410px;
    }

    .home-v2-highlight-section-two-columns {
        flex-direction: column;
    }

    .home-v2-highlight-section-left-column {
        max-width: 100%;
    }

    .home-v2-cta-section {
        padding: 0px !important;
    }

    .home-v2-start-cta-container {
        border-radius: 0px;
    }

    .home-v2-start-cta-image {
        right: -150px;
    }

    .home-v2-fine-print {
        max-width: 100%;
    }
}

@media (max-width: 900px) {
    .home-v2-header-title {
        font-size: 36px;
        line-height: 48px;
    }

    .home-v2-header-subtitle {
        font-size: 14px;
        line-height: 22px;
    }

    .home-v2-header-text-container {
        padding-left: 16px;
        padding-right: 16px;
    }

    .home-v2-section-title {
        font-size: 28px;
        line-height: 32px;
        width: 100%;
    }

    .home-v2-section-subtitle {
        font-size: 14px;
        line-height: 22px;
    }

    .home-v2-header-cta-container {
        display: none;
    }

    .home-v2-product-map-widget-empty {
        display: none;
    }

    .home-v2-product-map-widget-connection {
        display: none;
    }

    .home-v2-product-map-widget-non-mobile {
        display: none;
    }

    .home-v2-product-map-widget-mobile {
        display: flex;
    }

    .home-v2-video-frame {
        width: 100%;
        height: 222px;
    }

    .home-v2-insights {
        flex-direction: column;
        gap: 16px;
        margin-bottom: 24px;
    }

    .home-v2-insights-widget-column {
        width: 100%;
    }

    .home-v2-insights-connection-column {
        display: none;
    }

    .home-v2-line-break-banner-text {
        display: none;
    }

    .home-v2-line-break-header-subtitle {
        display: block;
    }

    .home-v2-header-image-dashboard {
        max-width: calc(100% - 30px);
    }

    .home-v2-header-content-cta-container {
        margin-bottom: 40px;
    }

    .home-v2-one-column-section {
        padding-left: 16px;
        padding-right: 16px;
    }

    .home-v2-two-column-section {
        padding-left: 16px;
        padding-right: 16px;
    }

    .home-v2-benefits-section {
        padding-right: 16px;
    }

    .home-v2-section-vertical-margin {
        margin-top: 40px;
        margin-bottom: 40px;
    }

    .home-v2-big-themes {
        gap: 24px;
    }

    .home-v2-big-themes-widget {
        width: 100%;
    }

    .home-v2-saas-section-title {
        text-align: start;
    }

    .home-v2-saas-section-subtitle {
        text-align: start;
    }

    .home-v2-static-widget {
        width: 100%;
        max-width: 100%;
    }

    .home-v2-compact-mobile-widget {
        flex-direction: row;
    }

    .home-v2-compact-mobile-widget-image {
        width: 80px;
    }

    .home-v2-compact-mobile-widget-text-container {
        align-items: start;
    }

    .home-v2-compact-mobile-widget-text {
        text-align: start;
    }

    .home-v2-widget {
        padding: 16px;
    }

    .home-v2-fine-print {
        color: #4e5f77;
        font-family: Kanit;
        font-style: normal;
        font-weight: 300;
        font-size: 14px;
        line-height: 22px;
        text-align: start;
    }

    .home-v2-products-section-subtitle {
        text-align: start;
    }

    .home-v2-product-widget {
        max-width: 100%;
    }

    .home-v2-insights-section-title {
        text-align: start;
    }

    .home-v2-insights-section-subtitle {
        text-align: start;
    }

    .home-v2-highlight-section {
        padding-left: 16px;
        padding-right: 16px;
    }

    .home-v2-highlight-section-content-container {
        padding: 40px 0px;
        gap: 24px;
    }

    .home-v2-highlight-section-title {
        text-align: start;
        font-size: 28px;
        line-height: 32px;
    }

    .home-v2-highlight-section-text {
        font-size: 14px;
        line-height: 22px;
    }

    .home-v2-highlight-section-two-columns {
        gap: 32px;
    }

    .home-v2-services-section-subtitle {
        text-align: start;
    }

    .home-v2-standard-section-text-container {
        align-items: center;
    }

    .home-v2-implementation-section {
        margin-top: 40px;
    }

    .home-v2-start-cta-container {
        padding-top: 40px;
        padding-left: 16px;
        padding-right: 16px;
        padding-bottom: 0px;
    }

    .home-v2-start-cta-image {
        position: relative;
        right: 60px;
    }

    .home-v2-blog-section {
        margin-top: 40px;
        margin-bottom: 40px;
    }

    .home-v2-blog-header {
        padding-bottom: 24px;
    }

    .home-v2-blog-button-link {
        display: none;
    }

    .home-v2-blog-button-link-mobile {
        margin-top: 24px;
        display: block;
    }

    .home-v2-header-banner {
        margin-top: 32px;
    }

    .home-v2-start-cta-title {
        font-size: 28px;
        line-height: 32px;
    }

    .home-v2-start-cta-subtitle {
        font-size: 14px;
        line-height: 22px;
    }

    .home-v2-insights-widget {
        padding: 16px;
    }
}

@media (max-width: 500px) {
    .home-v2-highlight-section-app-download-image {
        height: 50px;
    }
}
.pricing-v2-calculator {
    display: flex;
    width: 100%;
    max-width: 1440px;
    gap: 32px;
    margin-bottom: 80px;
}

.pricing-v2-mobile-calculator-section {
    display: none;
}

.pricing-v2-calculator-column {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    background: rgba(255, 255, 255, 0.06);
    backdrop-filter: blur(20px);
    border-radius: 12px;
}

.pricing-v2-calculator-column-outside {
    width: 25%;
}

.pricing-v2-calculator-column-inside {
    width: 50%;
}

.pricing-v2-calculator-column-header {
    padding: 20px 28px 16px;
    background: rgba(255, 255, 255, 0.04);
    width: 100%;
}

.pricing-v2-calculator-column-header-text {
    font-family: 'Kanit';
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 32px;
    color: #FFFFFF;
}

.pricing-v2-calculator-column-body-title {
    font-family: 'Kanit';
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    line-height: 28px;
    color: #FFFFFF;
}

.pricing-v2-calculator-price {
    font-family: 'Kanit';
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 28px;
    text-align: right;
    color: #FFFFFF;
}

.pricing-v2-calculator-column-body {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 24px 28px 28px;
    gap: 48px;
    flex: none;
    align-self: stretch;
    flex-grow: 1;
}

.pricing-v2-calculator-text {
    font-family: 'Kanit';
    font-style: normal;
    font-weight: 300;
    font-size: 14px;
    line-height: 22px;
    color: #ECF1FD;
}

.pricing-v2-calculator-platform-section {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 16px;
    align-self: stretch;
}

.pricing-v2-calculator-feature-row {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 0px;
    gap: 12px;
    align-self: stretch;
}

.pricing-v2-calculator-feature-column {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 8px;
    flex: none;
    align-self: stretch;
    flex-grow: 1;
}

.pricing-v2-calculator-feature {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 6px 12px 6px 10px;
    gap: 8px;
    background: rgba(255, 255, 255, 0.06);
    border-radius: 6px;
    flex: none;
    align-self: stretch;
    flex-grow: 0;
}

.pricing-v2-calculator-feature-text {
    font-family: 'Kanit';
    font-style: normal;
    font-weight: 300;
    font-size: 14px;
    line-height: 22px;
    color: #DBE2EE;
}

.pricing-v2-cta-button {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0px 24px 1px;
    background: linear-gradient(96.61deg, #F07300 0%, #F68B28 100%);
    border-radius: 6px;
    flex: none;
    align-self: stretch;
    flex-grow: 0;
    height: 48px;
}

.pricing-v2-cta-button-text {
    font-family: 'Kanit';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    text-align: center;
    color: #FFFFFF;
    flex: none;
    flex-grow: 0;
}

.pricing-v2-quantity-slider-section {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 32px;
    align-self: stretch;
}

.pricing-v2-quantity-slider-container {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px;
    gap: 20px;
    align-self: stretch;
}

.pricing-v2-quantity-type {
    font-family: 'Kanit';
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
    color: #FFFFFF;
    width: 120px;
}

.pricing-v2-total-description {
    font-family: 'Kanit';
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
    color: #FFFFFF;
    width: 120px;
}

.pricing-v2-quantity-type-mobile {
    display: none;
}

.pricing-v2-quantity-price {
    width: 100px;
    font-family: 'Kanit';
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 28px;
    text-align: right;
    color: #FFFFFF;
}

.pricing-v2-calculator-slider-box {
    position: relative;
    flex-grow: 1;
}

.pricing-v2-calculator-slider-label {
    position: absolute;
    top: -50%;
}

.pricing-v2-calculator-slider-label-wide {
    position: absolute;
    top: -50%;
}

.pricing-v2-calculator-slider-label span {
    width: 30px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    background: rgba(255, 255, 255, 0.08);
    color: #fff;
    font-size: 12px;
    display: block;
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    border-radius: 6px;
}

.pricing-v2-calculator-slider-label-wide span {
    width: 80px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    background: rgba(255, 255, 255, 0.08);
    color: #fff;
    font-size: 12px;
    display: block;
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    border-radius: 6px;
}

.pricing-v2-slider {
    -webkit-appearance: none;
    width: 100%;
    height: 5px;
    border-radius: 5px;
    background: rgba(255, 255, 255, 0.3);
    outline: none;
}

.pricing-v2-slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #F29740;
    cursor: pointer;
}

.pricing-v2-slider::-moz-range-thumb {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #F29740;
    cursor: pointer;
}

.pricing-v2-calculator-total-container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    padding: 0px;
    gap: 28px;
    align-self: stretch;
}

.pricing-v2-calculator-total-text-container {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px;
    gap: 12px;
}

.pricing-v2-calculator-total-description {
    font-family: 'Kanit';
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
    color: #C3CFE8;
}

.pricing-v2-calculator-total-price {
    font-family: 'Kanit';
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 28px;
    text-align: right;
    color: #F29740;
}

.pricing-v2-device-section-top-row{
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 0px;
    gap: 48px;
    align-self: stretch;
}

.pricing-v2-device-section-title-container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 32px;
    flex-grow: 0;
}

.pricing-v2-device-section-features {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    padding: 0px;
    gap: 24px;
    flex-grow: 1;
}

.pricing-v2-device-section-feature {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 28px;
    gap: 24px;
    background: #FFFFFF;
    box-shadow: 4px 6px 60px rgba(37, 49, 112, 0.04);
    border-radius: 12px;
    align-self: stretch;
    flex-grow: 1;
    width: 300px;
}

.pricing-v2-device-section-feature-text-container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 2px;
    align-self: stretch;
    flex-grow: 0;
}

.pricing-v2-device-section-feature-title {
    font-family: 'Kanit';
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 28px;
    color: #1E2939;
    align-self: stretch;
    flex-grow: 0;
}

.pricing-v2-device-section-feature-subtitle {
    font-family: 'Kanit';
    font-style: normal;
    font-weight: 300;
    font-size: 14px;
    line-height: 22px;
    color: #62758F;
    align-self: stretch;
    flex-grow: 0;
}

.pricing-v2-devices {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: flex-start;
    padding: 0px;
    gap: 24px;
    align-self: stretch;
    flex-grow: 0;
}

.pricing-v2-device {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 32px 120px 32px 32px;
    gap: 20px;
    background: #FFFFFF;
    box-shadow: 4px 6px 60px rgba(37, 49, 112, 0.04);
    border-radius: 16px;
    flex-grow: 0;
    position: relative;
    overflow: hidden;
}

.pricing-v2-device-title {
    font-family: 'Kanit';
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 32px;
    color: #1E2939;
    align-self: stretch;
    flex-grow: 0;
    margin: 0px;
}

.pricing-v2-device-subtitle {
    font-family: 'Kanit';
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
    color: #62758F;
    align-self: stretch;
    flex-grow: 0;
    margin: 0px;
}

.pricing-v2-device-price {
    font-family: 'Kanit';
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 28px;
    color: #425DAE;
}

.pricing-v2-device-image {
    position: absolute;
    right: 0;
    bottom: 0;
}

.pricing-v2-faq-section {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 20px;
    flex: none;
    align-self: stretch;
    flex-grow: 0;
}

.pricing-v2-faq-card {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    filter: drop-shadow(4px 6px 60px rgba(37, 49, 112, 0.04));
    border-radius: 16px;
    flex: none;
    align-self: stretch;
    flex-grow: 0;
}

.pricing-v2-faq-card-header {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 24px 28px;
    gap: 24px;
    background: #FFFFFF;
    border-bottom: 1px solid #ECF1FD;
    border-radius: 20px 20px 0px 0px;
    flex: none;
    align-self: stretch;
    flex-grow: 0;
    cursor: pointer;
}

.faq-card-header-collapsed {
    box-shadow: 4px 6px 60px rgba(37, 49, 112, 0.04);
    border-radius: 16px;
}

.pricing-v2-faq-card-header-title {
    font-family: 'Kanit';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 32px;
    color: #1E2939;
    flex-grow: 1;
    margin: 0px;
}

.pricing-v2-faq-card-body {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 24px 28px 28px;
    gap: 16px;
    background: #FFFFFF;
    border-radius: 0px 0px 20px 20px;
    flex: none;
    align-self: stretch;
    flex-grow: 0;
}

.pricing-v2-faq-card-body-text {
    font-family: 'Kanit';
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
    color: #1E2939;
}

.faq-element-hidden {
    display: none;
}

.pricing-v2-faq-card-body-bullet-point {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 0px;
    gap: 12px;
    flex: none;
    align-self: stretch;
    flex-grow: 0;
}

@media (max-width: 1400px) {
    .pricing-v2-calculator {
        margin-bottom: 32px;
    }

    .pricing-v2-calculator-column-outside {
        display: none;
    }

    .pricing-v2-calculator-column-inside {
        width: 100%;
        margin-left: 80px;
        margin-right: 80px;
    }

    .pricing-v2-mobile-calculator-section {
        display: flex;
        margin-left: 80px;
        margin-right: 80px;
        margin-bottom: 80px;
        gap: 32px;
    }

    .pricing-v2-mobile-calculator-column {
        width: 50%;
    }

    .pricing-v2-calculator-feature-column-wrap {
        display: flex;
        gap: 8px;
        flex-wrap: wrap;
    }

    .pricing-v2-device-section-top-row {
        flex-direction: column;
    }

    .pricing-v2-device-section-feature {
        width: 33%;
    }
}

@media (max-width: 800px) {
    .pricing-v2-calculator-column-header {
        padding: 16px;
    }

    .pricing-v2-calculator-column-body {
        padding: 16px;
        gap: 32px;
    }

    .pricing-v2-calculator-column-inside {
        margin-left: 16px;
        margin-right: 16px;
    }

    .pricing-v2-calculator-feature-row {
        flex-direction: column;
        gap: 8px;
    }

    .pricing-v2-quantity-slider-container {
        flex-direction: column;
        gap: 10px;
    }

    .pricing-v2-calculator-slider-box {
        width: 100%;
    }

    .pricing-v2-calculator-type-and-price {
        display: flex;
        width: 100%;
        justify-content: space-between;
    }

    .pricing-v2-quantity-type {
        display: none;
    }

    .pricing-v2-quantity-type-mobile {
        display: block;
    }

    .pricing-v2-calculator-total-container {
        gap: 0px;
        align-items: end;
    }

    .pricing-v2-calculator-total-text-container {
        flex-direction: column;
        align-items: start;
    }

    .pricing-v2-calculator-total-description {
        font-family: 'Kanit';
        font-style: normal;
        font-weight: 300;
        font-size: 12px;
        line-height: 16px;
    }

    .pricing-v2-mobile-calculator-section {
        flex-direction: column;
        margin-left: 16px;
        margin-right: 16px;
    }

    .pricing-v2-mobile-calculator-column {
        width: 100%;
    }

    .pricing-v2-calculator-feature-column-wrap {
        flex-direction: column;
        align-self: stretch;
    }

    .pricing-v2-device-section-features {
        flex-direction: column;
    }

    .pricing-v2-device-section-feature {
        width: 100%;
        flex-direction: row;
    }

    .pricing-v2-device-section-feature-image {
        max-width: 48px;
    }

    .pricing-v2-devices {
        flex-direction: column;
    }

    .pricing-v2-device {
        padding: 16px 48px 16px 16px;
    }

    .pricing-v2-device-title {
        font-family: 'Kanit';
        font-style: normal;
        font-weight: 500;
        font-size: 16px;
        line-height: 24px;
    }

    .pricing-v2-device-subtitle {
        font-family: 'Kanit';
        font-style: normal;
        font-weight: 300;
        font-size: 14px;
        line-height: 22px;
    }

    .pricing-v2-device-image {
        max-width: 40px;
    }

    .pricing-v2-faq-card-header-title {
        font-family: 'Kanit';
        font-style: normal;
        font-weight: 500;
        font-size: 16px;
        line-height: 24px;
    }

    .pricing-v2-faq-card-body-text {
        font-family: 'Kanit';
        font-style: normal;
        font-weight: 300;
        font-size: 14px;
        line-height: 22px;
    }
}
.trial-header-content-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 120px;
}

.trial-header-content-container {
    max-width: 1600px;
    width: 100%;
    margin-bottom: 120px;
    padding-left: 80px;
    padding-right: 80px;
    position: relative;
}

.trial-header-text-container {
    max-width: 500px;
    margin-top: 52px;
    margin-bottom: 64px;
}

.trial-header-title {
    font-family: 'Kanit';
    font-style: normal;
    font-weight: 600;
    font-size: 48px;
    line-height: 56px;
    letter-spacing: 0.01em;
    color: #FFFFFF;
}

.trial-header-subtitle {
    font-family: 'Kanit';
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    line-height: 28px;
    color: #C3CFE8;
}

.trial-header-bullet-points {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.trial-header-bullet-point {
    display: flex;
    flex-direction: row;
    gap: 8px;
}

.trial-header-bullet-point-text {
    font-family: 'Kanit';
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
    color: #C3CFE8;
}

.trial-hero-section-button {
    width: 222px;
    max-width: 400px;
}

.trial-header-image-dashboard {
    position: absolute;
    left: 600px;
    top: -22px;
}

.trial-section-text-container {
    max-width: 580px;
    margin-right: 120px;
}

.trial-widgets-grid {
    flex: 1;
    margin-top: 64px;
}

.trial-cards {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.trial-free-section {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    height: 900px;
    background-size: cover;
    background-position: center;
    padding-right: 80px;
}

.trial-free-section-mobile {
    display: none;
}

.trial-free-container {
    display: flex;
    flex-direction: column;
    max-width: 580px;
    gap: 40px;
}

.trial-free-title {
    font-family: 'Kanit';
    font-style: normal;
    font-weight: 500;
    font-size: 36px;
    line-height: 48px;
    color: #FFFFFF;
    margin: 0;
}

.trial-free-text {
    font-family: 'Kanit';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    color: #FFFFFF;
}

.trial-free-text-small {
    font-family: 'Kanit';
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
    color: #C3CFE8;
}

.trial-card {
    display: flex;
    flex-direction: column;
    padding: 32px;
    gap: 24px;
    background: #25408E;
    border-radius: 12px;
}

.trial-card-title {
    font-family: 'Kanit';
    font-style: normal;
    font-weight: 600;
    font-size: 22px;
    line-height: 34px;
    color: #FFFFFF;
    margin: 0;
}

.trial-card-subtitle {
    font-family: 'Kanit';
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
    color: #C3CFE8;
    margin: 0;
}

.trial-text {
    font-family: 'Kanit';
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
    color: #4E5F77;
}

@media (max-width: 1440px) {
    .trial-header-content-wrapper {
        margin-top: 32px;
    }

    .trial-free-section {
        height: 750px;
    }
}

@media (max-width: 900px) {
    .trial-header-content-container {
        padding-left: 16px;
        padding-right: 16px;
    }

    .trial-header-text-container {
        margin-top: 0px;
    }

    .trial-hero-section-button {
        width: 100%;
    }

    .trial-section-text-container {
        margin-right: 0px;
    }

    .trial-free-section {
        display: none;
    }

    .trial-free-section-mobile {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
        height: 750px;
        background-size: cover;
        background-position: center;
    }

    .trial-free-title {
        font-style: normal;
        font-weight: 500;
        font-size: 28px;
        line-height: 32px;
        margin-right: 90px;
        margin-bottom: 50px;
    }

    .tria-free-text {
        font-style: normal;
        font-weight: 300;
        font-size: 14px;
        line-height: 22px;
    }

    .trial-widgets-grid {
        margin-top: 0px;
    }
}
.trial-v2-section-title {
    font-family: 'Kanit';
    font-style: normal;
    font-weight: 500;
    font-size: 36px;
    line-height: 48px;
    color: #1E2939;
}