@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,400;0,700;1,400&family=Kanit:wght@800&display=swap');/*
! tailwindcss v3.0.23 | MIT License | https://tailwindcss.com
*//*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: currentColor; /* 2 */
}::before,
::after {
  --tw-content: '';
}/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
*/html {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-tab-size: 4; /* 3 */
  -o-tab-size: 4;
     tab-size: 4; /* 3 */
  font-family: IBM Plex Sans, sans-serif; /* 4 */
}/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}/*
Remove the default font size and weight for headings.
*/h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}/*
Reset links to optimize for opt-in styling instead of opt-out.
*/a {
  color: inherit;
  text-decoration: inherit;
}/*
Add the correct font weight in Edge and Safari.
*/b,
strong {
  font-weight: bolder;
}/*
1. Use the user's configured `mono` font family by default.
2. Correct the odd `em` font sizing in all browsers.
*/code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", 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;
}/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}/*
Remove the inheritance of text transform in Edge and Firefox.
*/button,
select {
  text-transform: none;
}/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/button,
[type='button'],
[type='reset'],
[type='submit'] {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}/*
Use the modern Firefox focus style for all focusable elements.
*/:-moz-focusring {
  outline: auto;
}/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/:-moz-ui-invalid {
  box-shadow: none;
}/*
Add the correct vertical alignment in Chrome and Firefox.
*/progress {
  vertical-align: baseline;
}/*
Correct the cursor style of increment and decrement buttons in Safari.
*/::-webkit-inner-spin-button,
::-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.
*/::-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 */
}/*
Add the correct display in Chrome and Safari.
*/summary {
  display: list-item;
}/*
Removes the default spacing and border for appropriate elements.
*/blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}fieldset {
  margin: 0;
  padding: 0;
}legend {
  padding: 0;
}ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}/*
Prevent resizing textareas horizontally by default.
*/textarea {
  resize: vertical;
}/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}/*
Set the default cursor for buttons.
*/button,
[role="button"] {
  cursor: pointer;
}/*
Make sure disabled buttons don't get the pointer cursor.
*/:disabled {
  cursor: default;
}/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/img,
video {
  max-width: 100%;
  height: auto;
}/*
Ensure the default browser behavior of the `hidden` attribute.
*/[hidden] {
  display: none;
}*, ::before, ::after{
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
}html{
    scroll-behavior: smooth;
}html, body{
  min-height: 100vh;
  overflow-x: hidden;
}html{
  position: relative;
}html.isLocked{
        height: var(--vh);
        overflow: hidden;
    }body{
  position: relative;
  z-index: 10;
}#page{
  position: relative;
}#page-content{
  position: relative;
  z-index: 10;
}#page.isLocked{
        height: var(--vh);
        position: fixed;
        top: 0px;
        left: 0px;
        overflow: hidden;
    }#page::before{
        content: '';
        z-index: 0;
        position: fixed;
        top: 0px;
        left: 0px;
        height: 100vh;
        width: 100vw;
        background-color: rgb(244 245 249 / var(--tw-bg-opacity));
        --tw-bg-opacity: 0.8;
    }#page::after{
        content: '';
        background-image: url('../img/body-bg.svg');
        background-size: 100% auto;
        z-index: -1;
        height: 90%;
        position: absolute;
        top: 16rem;
        left: 0px;
        width: 100vw;
        background-repeat: repeat-y;
        --tw-blur: blur(64px);
        filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
    }.otgs-development-site-front-end{
  display: none !important;
}mjx-container[jax="CHTML"][display="true"]{
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
  display: inline-block !important;
}:root{
    --vh: 100vh;
}html{
}body{
  position: relative;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}html{
    text-rendering: geometricPrecision;
}body{
  font-family: IBM Plex Sans, sans-serif;
}h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{
  margin-bottom: 1rem;
  font-family: Kanit, sans-serif;
  font-weight: 800;
  text-transform: uppercase;
  line-height: 1;
  letter-spacing: 0.025em;
}h1.mt-0,h2.mt-0,h3.mt-0,h4.mt-0,h5.mt-0,h6.mt-0,.h1.mt-0,.h2.mt-0,.h3.mt-0,.h4.mt-0,.h5.mt-0,.h6.mt-0{
        margin-top: 0;
    }h1.mb-0,h2.mb-0,h3.mb-0,h4.mb-0,h5.mb-0,h6.mb-0,.h1.mb-0,.h2.mb-0,.h3.mb-0,.h4.mb-0,.h5.mb-0,.h6.mb-0{
        margin-bottom: 0;
    }h1, .h1{
  font-size: 1.875rem;
}@media (min-width: 768px){h1, .h1{
    font-size: 2.25rem;
  }
}@media (min-width: 1536px){h1, .h1{
    font-size: 3rem;
  }
}h2, .h2{
  font-size: 1.5rem;
}@media (min-width: 768px){h2, .h2{
    font-size: 1.875rem;
  }
}@media (min-width: 1536px){h2, .h2{
    font-size: 2.25rem;
  }
}h3, .h3{
  font-size: 1.5rem;
}@media (min-width: 1536px){h3, .h3{
    font-size: 1.875rem;
  }
}h4, .h4{
  font-size: 1.25rem;
}@media (min-width: 1536px){h4, .h4{
    font-size: 1.5rem;
  }
}h5, .h5{
  font-size: 1.125rem;
}@media (min-width: 1536px){h5, .h5{
    font-size: 1.25rem;
  }
}h6, .h6{
  font-size: 1rem;
}p{
  font-size: 1.125rem;
  line-height: 1.5;
}.row{
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
}@media (min-width: 1280px){.row{
    padding-left: 2rem;
    padding-right: 2rem;
  }
}@media (min-width: 768px){.row{
    max-width: 768px;
  }
    }@media (min-width: 1280px){.row{
    max-width: 1280px;
  }
    }@media (min-width: 1536px){.row{
    max-width: 1536px;
  }
    }.row .row, .row .row-fluid, .row-fluid .row, .row-fluid .row-fluid{
  padding-left: 0px;
  padding-left: 0;
  padding-right: 0px;
  padding-right: 0;
}.row-fluid{
  padding-left: 1rem;
  padding-right: 1rem;
}@media (min-width: 1280px){.row-fluid{
    padding-left: 2rem;
    padding-right: 2rem;
  }
}.columns{
  margin-left: -1rem;
  margin-right: -1rem;
  display: flex;
  flex-wrap: wrap;
}@media (min-width: 1280px){.columns{
    margin-left: -2rem;
    margin-right: -2rem;
  }
}.column{
  padding-left: 1rem;
  padding-right: 1rem;
}@media (min-width: 1280px){.column{
    padding-left: 2rem;
    padding-right: 2rem;
  }
}:root{
    --row-width: 110vw;
}@media (min-width: 768px){:root{
        --row-width: 768px
}
    }@media (min-width: 1280px){:root{
        --row-width: 1280px
}
    }@media (min-width: 1536px){:root{
        --row-width: 1536px
}
    }/* .aligncenter{
    @apply flex items-center;
} */@media (min-width: 1280px){.aligntextcenter{
    text-align: center;
  }
}.aligncontentcenter{
  display: flex;
  align-items: center;
}.container{
  width: 100%;
}@media (min-width: 640px){.container{
    max-width: 640px;
  }
}@media (min-width: 768px){.container{
    max-width: 768px;
  }
}@media (min-width: 1280px){.container{
    max-width: 1280px;
  }
}@media (min-width: 1536px){.container{
    max-width: 1536px;
  }
}.accordion{
    margin-bottom: 2rem;
    border-width: 1px;
    border-style: solid;
    --tw-border-opacity: 1;
    border-color: rgb(158 162 169 / var(--tw-border-opacity));
}.accordion__title{
  position: relative;
  cursor: pointer;
  padding: 0.75rem;
  padding-right: 3rem;
  font-size: 1rem;
  font-weight: 700;
}@media (min-width: 1280px){.accordion__title{
    padding: 1.5rem;
  }.accordion__title{
    font-size: 1.125rem;
  }
}.accordion__title::after{
            content: '';
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='192' height='192' fill='%23000000' viewBox='0 0 256 256'%3E%3Crect width='256' height='256' fill='none'%3E%3C/rect%3E%3Cpolyline points='208 96 128 176 48 96' fill='none' stroke='%23000000' stroke-linecap='round' stroke-linejoin='round' stroke-width='16'%3E%3C/polyline%3E%3C/svg%3E");
            position: absolute;
            right: 1rem;
            top: 0px;
            height: 2rem;
            width: 2rem;
            transform-origin: top;
            background-size: contain;
            background-repeat: no-repeat;
            top: 50%;
            transform: translateY(-50%);
        }.accordion__content{
  display: none;
  border-top-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(158 162 169 / var(--tw-border-opacity));
  padding: 0.75rem;
}@media (min-width: 1280px){.accordion__content{
    padding: 1.5rem;
  }
}.accordion.isToggled .accordion__title::after{
                transform: rotate(180deg) translateY(-50%);
            }.accordion + .accordion{
  margin-top: 1.5rem;
}.alert{
  margin-top: 1rem;
  margin-bottom: 1rem;
  border-radius: 0.375rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  font-size: .875rem;
}.alert p, .alert ul, .alert ol{
  font-size: .875rem;
}.alert--danger{
  --tw-bg-opacity: 1;
  background-color: rgb(255 229 234 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(233 0 45 / var(--tw-text-opacity));
}.alert.has-bg-error{
  --tw-bg-opacity: 1;
  background-color: rgb(233 0 45 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}.alert.has-bg-error-light{
  --tw-bg-opacity: 1;
  background-color: rgb(255 229 234 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(233 0 45 / var(--tw-text-opacity));
}.alert.has-bg-primary{
  --tw-bg-opacity: 1;
  background-color: rgb(44 80 238 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}.alert--lg{
  margin-top: 2rem;
  margin-bottom: 2rem;
  padding: 1.25rem;
}.article-body .paragraph, .article-body .image{
  margin-bottom: 3rem;
}.article-navigation{
        margin-top: 2.5rem;
        border-top-width: 1px;
        border-style: solid;
        --tw-border-opacity: 1;
        border-color: rgb(158 162 169 / var(--tw-border-opacity));
        padding-top: 2.5rem;
    }.article-navigation nav ul{
  display: flex;
  justify-content: space-between;
}.article-navigation nav ul li a, .article-navigation nav ul li span{
  display: flex;
  align-items: center;
}.article-navigation nav ul li a.article-navigation__prev i, .article-navigation nav ul li span.article-navigation__prev i{
  margin-right: 0.25rem;
}.article-navigation nav ul li a.article-navigation__next i, .article-navigation nav ul li span.article-navigation__next i{
  margin-left: 0.25rem;
}.article-navigation nav ul li a{
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(44 80 238 / var(--tw-text-opacity));
}.article-navigation nav ul li span{
  cursor: not-allowed;
  --tw-text-opacity: 1;
  color: rgb(98 99 100 / var(--tw-text-opacity));
  opacity: 0.5;
}.banner{
}.banner--row{
        /* @apply pt-32 pb-40; */
        padding-top: 2.5rem;
        padding-bottom: 2.5rem;
    }@media (min-width: 1280px){.banner--row{
    padding-top: 4rem;
  }.banner--row{
    padding-bottom: 5rem;
  }
}.banner--row .banner__wrapper{
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
}@media (min-width: 1280px){.banner--row .banner__wrapper{
    padding-left: 2rem;
    padding-right: 2rem;
  }
}@media (min-width: 768px){.banner--row .banner__wrapper{
    max-width: 768px;
  }
            }@media (min-width: 1280px){.banner--row .banner__wrapper{
    max-width: 1280px;
  }
            }@media (min-width: 1536px){.banner--row .banner__wrapper{
    max-width: 1536px;
  }
            }@media (min-width: 1280px){.banner--row .banner__wrapper .banner__content{
    width: 66.666667%;
  }
}.banner--row .banner__wrapper .banner__content h1{
  font-size: 2rem;
}@media (min-width: 1280px){.banner--row .banner__wrapper .banner__content h1{
    font-size: 3rem;
  }
}.banner--row .banner__wrapper .banner__content > div p{
  margin-bottom: 0px;
  margin-bottom: 0;
  font-size: 1.25rem;
  line-height: 1.25;
}h1.banner--row .banner__wrapper .banner__content > div p, h2.banner--row .banner__wrapper .banner__content > div p, h3.banner--row .banner__wrapper .banner__content > div p, h4.banner--row .banner__wrapper .banner__content > div p, h5.banner--row .banner__wrapper .banner__content > div p, h6.banner--row .banner__wrapper .banner__content > div p, .h1.banner--row .banner__wrapper .banner__content > div p, .h2.banner--row .banner__wrapper .banner__content > div p, .h3.banner--row .banner__wrapper .banner__content > div p, .h4.banner--row .banner__wrapper .banner__content > div p, .h5.banner--row .banner__wrapper .banner__content > div p, .h6.banner--row .banner__wrapper .banner__content > div p{
        margin-bottom: 0;
    }.banner--row .banner__img{
  margin-left: auto;
  margin-right: auto;
  margin-top: 3rem;
}@media (min-width: 1280px){.banner--row .banner__img{
    width: 66.666667%;
  }
}.banner--row .banner__img img{
  width: 100%;
}.banner--row.aligncenter .banner__wrapper .banner__content{
  margin-left: auto;
  margin-right: auto;
}@media (min-width: 1280px){.banner--row.aligncenter .banner__wrapper .banner__content{
                        width: calc(66.666667% + 2rem)
                }.banner--row.aligncenter.aligntextcenter .banner__wrapper .banner__content{
    width: 83.333333%;
  }
                    }.banner--row.aligncenter.aligntextcenter .banner__wrapper .banner__content > div{
  margin-left: auto;
  margin-right: auto;
}@media (min-width: 1280px){.banner--row.aligncenter.aligntextcenter .banner__wrapper .banner__content > div{
    width: 60%;
  }
}.banner--row.aligntextcenter{
  text-align: left !important;
}@media (min-width: 1280px){.banner--row.aligntextcenter{
    text-align: center !important;
  }
            }.banner--columns{
  padding-top: 2rem;
  padding-bottom: 5rem;
}@media (min-width: 1280px){.banner--columns{
    padding-top: 4rem;
  }
}.banner--columns .banner__wrapper{
  display: flex;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  flex-direction: column;
  -moz-column-gap: 5rem;
       column-gap: 5rem;
}@media (min-width: 1280px){.banner--columns .banner__wrapper{
    display: grid;
  }
}.banner--columns .banner__wrapper .banner__content{
  order: 2;
  padding-left: 2rem;
  padding-right: 2rem;
  padding-top: 3rem;
}@media (min-width: 1280px){.banner--columns .banner__wrapper .banner__content{
    order: 1;
  }
}.banner--columns .banner__wrapper .banner__content > div{
  width: 80%;
}.banner--columns .banner__wrapper .banner__img{
  order: 1;
}@media (min-width: 1280px){.banner--columns .banner__wrapper .banner__img{
    order: 2;
  }.banner--columns .banner__wrapper .banner__img img{
                        transform: translateX(15%)
                }
}.banner__anchors{
  margin-top: 1rem;
}.banner__anchors li{
  margin-bottom: 0.5rem;
  font-size: 1.125rem;
}.banner__anchors li a{
  display: flex;
  align-items: center;
}.banner__anchors li a i{
  margin-right: 0.75rem;
  font-size: 1.25rem;
}.banner__anchors li a span{
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(44 80 238 / var(--tw-text-opacity));
}.btn{
    -webkit-font-smoothing: antialiased;
    display: inline-flex;
    align-items: center;
    border-width: 1px;
    border-style: solid;
    --tw-border-opacity: 1;
    border-color: rgb(44 80 238 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(44 80 238 / var(--tw-bg-opacity));
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    padding-top: 0.75rem;
    padding-bottom: 0.625rem;
    font-size: .875rem;
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}.btn i{
  position: relative;
  top: -1px;
  margin-left: 0.5rem;
  font-size: 1.25rem;
}.btn--sm{
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}.btn--full{
  width: 100%;
  justify-content: center;
}.btn--full + .btn--full{
  margin-top: 0.5rem;
}.btn--black{
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}.btn--grey{
  --tw-border-opacity: 1;
  border-color: rgb(244 245 249 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(244 245 249 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(98 99 100 / var(--tw-text-opacity));
}.btn--alt{
  --tw-border-opacity: 1;
  border-color: rgb(0 245 245 / var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgb(0 245 245 / var(--tw-text-opacity));
}.btn--alt:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(0 245 245 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(44 80 238 / var(--tw-text-opacity));
}/* .btn + .btn */.btn:not(:last-child):not(.btn--full){
  margin-right: 0.5rem;
  margin-bottom: 0.5rem;
}.btn + .btn:not(.btn--alt){
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(44 80 238 / var(--tw-text-opacity));
}.btn + .btn:not(.btn--alt):hover{
  --tw-bg-opacity: 1;
  background-color: rgb(44 80 238 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}.btn + .btn:not(.btn--full){
            /* @apply ml-2; */
        }.carousel{
    position: relative;
    width: 100vw;
}/* transition: transform .5s cubic-bezier(0.595, 0.045, 0.160, 1.260) !important; */.carousel__wrapper .carousel__slide{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}.carousel__wrapper .carousel__slide figure{
                aspect-ratio: 4/3;
                position: relative;
            }.carousel__wrapper .carousel__slide figure img{
  position: absolute;
  height: 100%;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}.carousel__wrapper .carousel__slide div{
  margin-top: 0.5rem;
  margin-bottom: 1rem;
  text-align: center;
}.carousel__wrapper .carousel__slide div span{
  display: block;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  font-family: Kanit, sans-serif;
  text-transform: uppercase;
  line-height: 1;
  letter-spacing: 0.025em;
}.carousel__wrapper .carousel__slide div span:first-child{
                    }.carousel__wrapper .carousel__slide div span:last-child:not(:first-child){
  font-size: .875rem;
  --tw-text-opacity: 1;
  color: rgb(44 80 238 / var(--tw-text-opacity));
}.carousel--cover .carousel__wrapper .carousel__slide figure img{
  -o-object-fit: cover;
     object-fit: cover;
}.carousel--16-9 .carousel__wrapper .carousel__slide figure{
                    aspect-ratio: 16/9;
                }.carousel--21-9 .carousel__wrapper .carousel__slide figure{
                    aspect-ratio: 21/9;
                }.carousel-btn{
        top: unset;
        left: unset;
        right: unset;
        position: relative;
        margin-top: 0px;
        margin-top: 0;
        height: 2rem;
        width: 2rem;
    }h1.carousel-btn, h2.carousel-btn, h3.carousel-btn, h4.carousel-btn, h5.carousel-btn, h6.carousel-btn, .h1.carousel-btn, .h2.carousel-btn, .h3.carousel-btn, .h4.carousel-btn, .h5.carousel-btn, .h6.carousel-btn{
        margin-top: 0;
    }.carousel-btn::after{
            content: '';
            height: 2rem;
            width: 2rem;
            background-size: contain;
            background-repeat: no-repeat;
        }.carousel__prev::after{
            background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M27 16H5' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14 7L5 16L14 25' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
        }.carousel__next::after{
            background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 16H27' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M18 7L27 16L18 25' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
        }.quotation-form, .cart-form, .checkout-form{
  position: relative;
  margin-left: auto;
  margin-right: auto;
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(158 162 169 / var(--tw-border-opacity));
}@media (min-width: 1280px){.quotation-form, .cart-form, .checkout-form{
    width: 60%;
  }
}.quotation-form header, .cart-form header, .checkout-form header{
  display: flex;
  justify-content: space-between;
  border-bottom-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(158 162 169 / var(--tw-border-opacity));
  padding: 1.5rem;
  font-family: Kanit, sans-serif;
  font-weight: 700;
  text-transform: uppercase;
}.quotation-form__col, .cart-form__col, .checkout-form__col{
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 1.5rem;
  padding-bottom: 4rem;
}.quotation-form-checkbox, .cart-form-checkbox, .checkout-form-checkbox{
  display: flex;
  align-items: center;
}.quotation-form-checkbox input[type="checkbox"],.cart-form-checkbox input[type="checkbox"],.checkout-form-checkbox input[type="checkbox"]{
        }.quotation-form-checkbox label, .cart-form-checkbox label, .checkout-form-checkbox label{
  margin-left: 0.5rem;
  line-height: 1.25;
}.quotation-form-checkbox--sm, .cart-form-checkbox--sm, .checkout-form-checkbox--sm{
  font-size: .875rem;
}.quotation-form-checkbox--lg label, .cart-form-checkbox--lg label, .checkout-form-checkbox--lg label{
  margin-left: 0.75rem;
  font-size: 1.125rem;
  font-weight: 700;
}.quotation-form-checkbox-qty, .cart-form-checkbox-qty, .checkout-form-checkbox-qty{
  margin-left: 0.25rem;
  display: inline-block;
  cursor: pointer;
  font-size: .75rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(44 80 238 / var(--tw-text-opacity));
}.quotation-form-radio, .cart-form-radio, .checkout-form-radio{
  margin-bottom: 0.75rem;
  display: flex;
  align-items: center;
}.quotation-form-radio label, .cart-form-radio label, .checkout-form-radio label{
  margin-left: 0.375rem;
  font-family: Kanit, sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 0px !important;
  margin-bottom: 0 !important;
}h1.quotation-form-radio label, h2.quotation-form-radio label, h3.quotation-form-radio label, h4.quotation-form-radio label, h5.quotation-form-radio label, h6.quotation-form-radio label, .h1.quotation-form-radio label, .h2.quotation-form-radio label, .h3.quotation-form-radio label, .h4.quotation-form-radio label, .h5.quotation-form-radio label, .h6.quotation-form-radio label, h1.cart-form-radio label, h2.cart-form-radio label, h3.cart-form-radio label, h4.cart-form-radio label, h5.cart-form-radio label, h6.cart-form-radio label, .h1.cart-form-radio label, .h2.cart-form-radio label, .h3.cart-form-radio label, .h4.cart-form-radio label, .h5.cart-form-radio label, .h6.cart-form-radio label, h1.checkout-form-radio label, h2.checkout-form-radio label, h3.checkout-form-radio label, h4.checkout-form-radio label, h5.checkout-form-radio label, h6.checkout-form-radio label, .h1.checkout-form-radio label, .h2.checkout-form-radio label, .h3.checkout-form-radio label, .h4.checkout-form-radio label, .h5.checkout-form-radio label, .h6.checkout-form-radio label{
        margin-bottom: 0 !important;
    }.quotation-form-radio-cards, .cart-form-radio-cards, .checkout-form-radio-cards{
  justify-content: space-between;
}.quotation-form-radio-cards > div, .cart-form-radio-cards > div, .checkout-form-radio-cards > div{
  display: flex;
  align-items: center;
}.quotation-form-radio-cards > div span, .cart-form-radio-cards > div span, .checkout-form-radio-cards > div span{
  display: inline-block;
}.quotation-form-radio-cards > div span:not(:last-child), .cart-form-radio-cards > div span:not(:last-child), .checkout-form-radio-cards > div span:not(:last-child){
  margin-right: 0.25rem;
}.quotation-form-radio-cards > div span svg, .cart-form-radio-cards > div span svg, .checkout-form-radio-cards > div span svg{
  width: 2.5rem;
}.quotation-form-col__category, .cart-form-col__category, .checkout-form-col__category{
  margin-top: 1.5rem;
}.quotation-form-col__category > span, .cart-form-col__category > span, .checkout-form-col__category > span{
  margin-bottom: 0.75rem;
  display: block;
  font-size: 1rem;
  font-weight: 700;
}.quotation-form-col__category > div, .cart-form-col__category > div, .checkout-form-col__category > div{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  row-gap: 0.75rem;
}@media (min-width: 1280px){.quotation-form-col__category > div, .cart-form-col__category > div, .checkout-form-col__category > div{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}.quotation-form-objects-wrapper, .cart-form-objects-wrapper, .checkout-form-objects-wrapper{
  opacity: 0.3;
}.quotation-form-objects-wrapper.isActive, .cart-form-objects-wrapper.isActive, .checkout-form-objects-wrapper.isActive{
  opacity: 1;
}.quotation-form-footer, .cart-form-footer, .checkout-form-footer{
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  border-top-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(158 162 169 / var(--tw-border-opacity));
  padding: 1.5rem;
}.quotation-form-footer > span, .cart-form-footer > span, .checkout-form-footer > span{
  font-family: Kanit, sans-serif;
  font-size: 1.5rem;
  font-weight: 700;
}.quotation-form-footer input[type="submit"], .cart-form-footer input[type="submit"], .checkout-form-footer input[type="submit"]{
  cursor: pointer;
}.quotation-form-input-wrapper, .cart-form-input-wrapper, .checkout-form-input-wrapper{
  display: flex;
  flex-wrap: wrap;
  -moz-column-gap: 2rem;
       column-gap: 2rem;
}@media (min-width: 1280px){.quotation-form-input-wrapper, .cart-form-input-wrapper, .checkout-form-input-wrapper{
    flex-wrap: nowrap;
  }
}.quotation-form-input-wrapper:not(:last-child), .cart-form-input-wrapper:not(:last-child), .checkout-form-input-wrapper:not(:last-child){
  margin-bottom: 1.5rem;
}.quotation-form-input, .cart-form-input, .checkout-form-input{
  width: 100%;
}@media (min-width: 1280px){.quotation-form-input, .cart-form-input, .checkout-form-input{
    flex: 1 1 0%;
  }
}.quotation-form-input + *, .cart-form-input + *, .checkout-form-input + *{
  margin-top: 1.5rem;
}@media (min-width: 1280px){.quotation-form-input + *, .cart-form-input + *, .checkout-form-input + *{
    margin-top: 0px;
    margin-top: 0;
  }
}.quotation-form-msg, .cart-form-msg, .checkout-form-msg{
  padding: 0.5rem;
  font-size: .875rem;
  font-weight: 700;
}.quotation-form-msg--error, .cart-form-msg--error, .checkout-form-msg--error{
  --tw-bg-opacity: 1;
  background-color: rgb(233 0 45 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}.quotation-form-step:not(:first-child), .cart-form-step:not(:first-child){
  display: none;
}.quotation-form-step:first-child main, .cart-form-step:first-child main{
  grid-template-columns: repeat(2, minmax(0, 1fr));
}@media (min-width: 1280px){.quotation-form-step:first-child main, .cart-form-step:first-child main{
    display: grid;
  }
}.quotation-form__col:first-child, .cart-form__col:first-child{
  border-bottom-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(158 162 169 / var(--tw-border-opacity));
}@media (min-width: 1280px){.quotation-form__col:first-child, .cart-form__col:first-child{
    border-bottom-width: 0px;
  }.quotation-form__col:first-child, .cart-form__col:first-child{
    border-right-width: 1px;
  }
}.checkout-form{
}.checkout-form-step:not(:first-child){
  display: none;
}.checkout-form-step-billing{
        }.checkout-form-step-review .checkout-form__col{
  padding-left: 0px;
  padding-left: 0;
  padding-right: 0px;
  padding-right: 0;
  padding-top: 0px;
  padding-top: 0;
  padding-bottom: 0px;
  padding-bottom: 0;
}.checkout-form-step-review .checkout-form__col table{
  width: 100%;
}.checkout-form-step-review .checkout-form__col table th, .checkout-form-step-review .checkout-form__col table td{
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  text-align: left;
}.checkout-form-step-review .checkout-form__col table th:last-child, .checkout-form-step-review .checkout-form__col table td:last-child{
  text-align: right;
}.checkout-form-step-review .checkout-form__col table thead tr{
  border-bottom-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(158 162 169 / var(--tw-border-opacity));
}.checkout-form-step-review .checkout-form__col table thead tr th{
                            }.checkout-form-step-review .checkout-form__col table tbody tr td{ 
                            }.checkout-form-step-review .checkout-form__col table tfoot tr{
  border-top-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(158 162 169 / var(--tw-border-opacity));
}.checkout-form-credit-card-form .simpay-embedded-heading{
  display: none;
}.checkout-form-credit-card-form form.simpay-styled{
  margin-top: 1.25rem;
  margin-bottom: 2rem;
  max-width: none;
  font-family: IBM Plex Sans, sans-serif;
}.checkout-form-credit-card-form form.simpay-styled .simpay-form-control label{
  font-size: .75rem;
  font-weight: 700;
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgb(98 99 100 / var(--tw-text-opacity));
}.checkout-form-credit-card-form form.simpay-styled .simpay-form-control input[type="text"], .checkout-form-credit-card-form form.simpay-styled .simpay-form-control input[type="email"]{
  margin: 0px !important;
  margin: 0 !important;
  padding-left: 0.625rem !important;
  padding-right: 0.625rem !important;
  padding-top: 0.75rem !important;
  padding-bottom: 0.625rem !important;
  height: 45px;
  border-radius: 0px;
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(158 162 169 / var(--tw-border-opacity));
  font-family: IBM Plex Sans, sans-serif;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}.checkout-form-credit-card-form form.simpay-styled .simpay-form-control input[type="text"]::-moz-placeholder, .checkout-form-credit-card-form form.simpay-styled .simpay-form-control input[type="email"]::-moz-placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(158 162 169 / var(--tw-placeholder-opacity));
}.checkout-form-credit-card-form form.simpay-styled .simpay-form-control input[type="text"]:-ms-input-placeholder, .checkout-form-credit-card-form form.simpay-styled .simpay-form-control input[type="email"]:-ms-input-placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(158 162 169 / var(--tw-placeholder-opacity));
}.checkout-form-credit-card-form form.simpay-styled .simpay-form-control input[type="text"]::placeholder, .checkout-form-credit-card-form form.simpay-styled .simpay-form-control input[type="email"]::placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(158 162 169 / var(--tw-placeholder-opacity));
}.checkout-form-credit-card-form form.simpay-styled .simpay-form-control input[type="text"], .checkout-form-credit-card-form form.simpay-styled .simpay-form-control input[type="email"]{
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}.checkout-form-credit-card-form form.simpay-styled .simpay-form-control .simpay-card-wrap{
  height: 45px;
  border-radius: 0px;
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(158 162 169 / var(--tw-border-opacity));
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}.checkout-form-credit-card-form form.simpay-styled .simpay-form-control button.simpay-btn{
  display: inline-flex;
  height: 45px;
  align-items: center;
  justify-content: center;
  border-radius: 0px;
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(44 80 238 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(44 80 238 / var(--tw-bg-opacity));
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 0.75rem;
  padding-bottom: 0.625rem;
  font-family: IBM Plex Sans, sans-serif;
  font-size: .875rem;
  font-weight: 700;
  text-transform: none;
}.checkout-form-credit-card-form form.simpay-styled .simpay-form-control button.simpay-checkout-btn:not(.stripe-button-el){
  position: absolute;
  right: 1.5rem;
  bottom: 1.5rem;
  height: 45px;
  width: auto;
  padding-top: 0.75rem;
  padding-bottom: 0.625rem;
}.checkout-form-credit-card-form form.simpay-styled .simpay-form-control button.simpay-btn:hover, .checkout-form-credit-card-form form.simpay-styled .simpay-form-control button.simpay-checkout-btn:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(37 68 202 / var(--tw-bg-opacity));
}.checkout-form-credit-card-form form.simpay-styled .simpay-test-mode-badge-container{
  position: absolute;
  right: 1.5rem;
  bottom: 0.125rem;
}.checkout-form-credit-card-form form.simpay-styled .simpay-coupon-message{
  display: block;
}.checkout-form-credit-card-form form.simpay-styled .simpay-coupon-message .simpay-field-error{
  --tw-bg-opacity: 1;
  background-color: rgb(233 0 45 / var(--tw-bg-opacity));
  padding: 0.25rem;
  font-size: .75rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(255 229 234 / var(--tw-text-opacity));
}.checkout-form-credit-card-form form.simpay-styled .simpay-coupon-container{
  position: relative;
}.checkout-form-credit-card-form form.simpay-styled .simpay-coupon-container .simpay-coupon-message{
  float: left;
  margin-top: 0.625rem;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(0 233 150 / var(--tw-bg-opacity));
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: .875rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}.checkout-form-credit-card-form form.simpay-styled .simpay-coupon-container .simpay-remove-coupon{
  float: left;
  margin-left: 0.625rem;
  margin-top: 0.375rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: .875rem;
  --tw-text-opacity: 1;
  color: rgb(233 0 45 / var(--tw-text-opacity));
}.checkout-form-credit-card-form form.simpay-styled .simpay-coupon-container .simpay-remove-coupon a{
  --tw-text-opacity: 1;
  color: rgb(233 0 45 / var(--tw-text-opacity));
}.checkout-form-credit-card-form form.simpay-styled .simpay-coupon-container::after{
                    content: '';
                    clear: both;
                    display: block;
                }.checkout-form-credit-card-form form.simpay-styled .simpay-errors{
  position: relative;
  overflow: hidden;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  font-family: IBM Plex Sans, sans-serif;
  font-size: .75rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(255 229 234 / var(--tw-text-opacity));
}.checkout-form-credit-card-form form.simpay-styled .simpay-errors::after{
                    content: '';
                    height: calc(100% + 8px);
                    position: absolute;
                    top: -0.25rem;
                    left: 0px;
                    z-index: -10;
                    width: 100%;
                    --tw-bg-opacity: 1;
                    background-color: rgb(233 0 45 / var(--tw-bg-opacity));
                }.parsley-errors-list.filled{
  --tw-bg-opacity: 1;
  background-color: rgb(233 0 45 / var(--tw-bg-opacity));
  padding: 0.25rem;
  font-size: .75rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(255 229 234 / var(--tw-text-opacity));
}.chip{
  display: inline-block;
  --tw-bg-opacity: 1;
  background-color: rgb(44 80 238 / var(--tw-bg-opacity));
  padding: 0.25rem;
  font-size: .75rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}.cols{
  margin-left: -1rem;
  margin-right: -1rem;
  margin-bottom: 4rem;
  display: flex;
  flex-wrap: wrap;
}@media (min-width: 1280px){.cols{
    margin-left: -2rem;
    margin-right: -2rem;
  }
}.cols--hasMargin{
        margin-top: var(--cols-margin-top);
        margin-bottom: var(--cols-margin-bottom);
    }@media (min-width: 1280px){.cols--lg_order .col:first-child{
    order: 2;
  }.cols--lg_order .col:last-child{
    order: 1;
  }
}.cols[data-columns="1"]{
        /* @apply justify-center w-full mx-auto px-8; */
        margin-left: -1rem;
        margin-right: -1rem;
        width: 100%;
        justify-content: center;
    }@media (min-width: 1280px){.cols[data-columns="1"]{
    margin-left: -2rem;
    margin-right: -2rem;
  }
}.row-fluid > .columns > .column > [data-columns="1"]{
  margin-left: auto;
  margin-right: auto;
}@media (min-width: 768px){.cols[data-columns="1"]{
    max-width: 768px;
  }
        }@media (min-width: 1280px){.cols[data-columns="1"]{
    max-width: 1280px;
  }
        }@media (min-width: 1536px){.cols[data-columns="1"]{
    max-width: 1536px;
  }
        }.cols[data-columns="1"] .col{
            /* @apply lg:max-w-2/3 px-8; */
            padding-left: 0px;
            padding-left: 0;
            padding-right: 0px;
            padding-right: 0;
        }@media (min-width: 1280px){.cols[data-columns="1"] .col{
    max-width: 66.666667%;
  }
}/* @apply lg:gap-x-16; */@media (min-width: 1280px){.cols[data-columns="2"]:not(.cols--lg_order) .col > div >  *:not([data-image]):not([data-grid-image]){
    width: 90%;
  }.cols[data-columns="2"]:not(.cols--lg_order) .col > div >  *:not([data-image]):not([data-grid-image]){
    padding-right: 2.5rem;
  }
}.cols[data-columns="2"]:not(.cols--lg_order) .col:first-child{
                /* @apply lg:pl-20; */
            }.cols[data-columns="2"]:not(.cols--lg_order) .col:first-child > div >  *:not([data-image]):not([data-grid-image]){
  margin-left: auto;
}@media (min-width: 1280px){.cols[data-columns="2"]:not(.cols--lg_order) .col:first-child > div >  *:not([data-image]):not([data-grid-image]){
    width: 90%;
  }.cols .col{
    flex: 1 1 0%;
  }
}.cols .col h2{
  margin-bottom: 2rem;
}.cols .col h3{
  margin-bottom: 0.5rem;
}.cols .col.column{
            /* @apply px-0; */
        }.cols .col.aligncenter{
  display: flex;
  justify-content: center;
}.cols .col + .col{
  margin-top: 2.5rem;
}@media (min-width: 1280px){.cols .col + .col{
    margin-top: 0px;
    margin-top: 0;
  }
}.pagefocus{
    width: calc(100% - 32px);
}@media (min-width: 1280px){.pagefocus{
        width: calc(100% - 64px)
}
    }.pagefocus{
  margin-left: auto;
  margin-right: auto;
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}@media (min-width: 1280px){.pagefocus{
    padding-top: 7rem;
  }.pagefocus{
    padding-bottom: 5rem;
  }
}.pagefocus__content p{
  font-size: 1.25rem;
}.pagefocus .buttons .btn{
  width: 100%;
  justify-content: center;
}@media (min-width: 1280px){.pagefocus .buttons .btn{
    width: auto;
  }
}.pagefocus--\#2C50EE{
  --tw-bg-opacity: 1;
  background-color: rgb(44 80 238 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}.pagefocus--\#2C50EE .buttons .btn{
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}.pagefocus--\#2C50EE .buttons .btn:first-child{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(44 80 238 / var(--tw-text-opacity));
}.pagefocus--\#2C50EE .buttons .btn:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(44 80 238 / var(--tw-text-opacity));
}.pagefocus--\#00F5F5{
  --tw-bg-opacity: 1;
  background-color: rgb(0 245 245 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}.pagefocus--\#00F5F5 .buttons .btn{
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}.pagefocus--\#00F5F5 .buttons .btn:first-child{
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}.pagefocus--\#00F5F5 .buttons .btn:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}.pagefocus--small{
  width: 100%;
  background-color: transparent !important;
}.pagefocus--small.pagefocus--\#2C50EE .pagefocus__content{
  --tw-bg-opacity: 1;
  background-color: rgb(44 80 238 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}.pagefocus--small.pagefocus--\#00F5F5 .pagefocus__content{
  --tw-bg-opacity: 1;
  background-color: rgb(0 245 245 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}.pagefocus--small .pagefocus__content{
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}@media (min-width: 1280px){.pagefocus--small .pagefocus__content{
    padding-left: 3.5rem;
    padding-right: 3.5rem;
  }
}.pagefocus--row{
  padding: 0px;
  padding: 0;
}.pagefocus--row .pagefocus__content{
  overflow: hidden;
  padding-top: 3.5rem;
}.pagefocus--row .pagefocus__content > img{
  margin-top: 4rem;
  width: 100%;
  --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
  --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}.wpcf7 .input + .input{
  margin-top: 1rem;
}.wpcf7 .wpcf7-form-control-wrap .wpcf7-not-valid-tip{
  margin-right: 0px;
  margin-right: 0;
  --tw-bg-opacity: 1;
  background-color: rgb(233 0 45 / var(--tw-bg-opacity));
  padding: 0.25rem;
  font-size: .75rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(255 229 234 / var(--tw-text-opacity));
}.wpcf7 .checkbox-container{
  margin-top: 1rem;
}.wpcf7 .checkbox-container label{
  display: inline-flex;
  font-size: .875rem;
}.wpcf7 .checkbox-container label .wpcf7-form-control-wrap{
  margin-right: 0.5rem;
}.wpcf7 .checkbox-container label .wpcf7-form-control-wrap .wpcf7-list-item{
  margin-left: 0px;
  margin-left: 0;
}.wpcf7 textarea{
  display: block;
  width: 100%;
}.wpcf7 input[type="submit"]{
  margin-left: auto;
  margin-top: 2rem;
  display: block;
  height: auto;
  cursor: pointer;
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(44 80 238 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(44 80 238 / var(--tw-bg-opacity));
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 0.75rem;
  padding-bottom: 0.625rem;
  font-size: .875rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}.wpcf7 input[type="submit"][disabled]{
  opacity: 0.4;
}.wpcf7 .wpcf7-spinner{
  display: none;
}.nf-form-wrap form .nf-before-form-content{
  display: none;
}.nf-form-wrap form .nf-form-content{
  padding: 0px;
  padding: 0;
}.nf-form-wrap form .nf-form-content .nf-field-container{
  margin-bottom: 1rem;
}.nf-form-wrap form .nf-form-content .nf-field-container .nf-field-label{
  margin: 0px;
  margin: 0;
}.nf-form-wrap form .nf-form-content .nf-field-container .nf-field-element input.ninja-forms-field{
  height: 2.5rem;
}.nf-form-wrap form .nf-form-content .nf-field-container.textarea-container .textarea-wrap textarea{
  display: block;
}.nf-form-wrap form .nf-form-content .nf-field-container.checkbox-container .checkbox-wrap{
  display: inline-flex;
  align-items: flex-start;
}.nf-form-wrap form .nf-form-content .nf-field-container.checkbox-container .checkbox-wrap .nf-field-label{
  display: none;
}.nf-form-wrap form .nf-form-content .nf-field-container.checkbox-container .checkbox-wrap .nf-field-element{
  position: relative;
  width: auto;
  opacity: 1;
}.nf-form-wrap form .nf-form-content .nf-field-container.checkbox-container .checkbox-wrap .nf-field-element input{
  position: relative;
  top: 0.25rem;
  height: auto;
  opacity: 1;
}.nf-form-wrap form .nf-form-content .nf-field-container.checkbox-container .checkbox-wrap .nf-field-description{
  margin-right: 0px;
  margin-right: 0;
  padding-left: 1rem;
}.nf-form-wrap form .nf-form-content .nf-field-container.checkbox-container .nf-after-field{
  margin-top: 0.5rem;
  width: 100%;
}.nf-form-wrap form .nf-form-content .nf-field-container.checkbox-container .nf-after-field .nf-error{
  margin-left: 30px;
  margin-left: 1.875rem;
}.nf-form-wrap form .nf-form-content .nf-field-container.submit-container{
  margin-left: -2rem;
  margin-right: -2rem;
  margin-top: 2rem;
  margin-bottom: 0px;
  margin-bottom: 0;
  border-top-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(158 162 169 / var(--tw-border-opacity));
  padding-left: 2rem;
  padding-right: 2rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
}h1.nf-form-wrap form .nf-form-content .nf-field-container.submit-container, h2.nf-form-wrap form .nf-form-content .nf-field-container.submit-container, h3.nf-form-wrap form .nf-form-content .nf-field-container.submit-container, h4.nf-form-wrap form .nf-form-content .nf-field-container.submit-container, h5.nf-form-wrap form .nf-form-content .nf-field-container.submit-container, h6.nf-form-wrap form .nf-form-content .nf-field-container.submit-container, .h1.nf-form-wrap form .nf-form-content .nf-field-container.submit-container, .h2.nf-form-wrap form .nf-form-content .nf-field-container.submit-container, .h3.nf-form-wrap form .nf-form-content .nf-field-container.submit-container, .h4.nf-form-wrap form .nf-form-content .nf-field-container.submit-container, .h5.nf-form-wrap form .nf-form-content .nf-field-container.submit-container, .h6.nf-form-wrap form .nf-form-content .nf-field-container.submit-container{
        margin-bottom: 0;
    }.nf-form-wrap form .nf-form-content .nf-field-container.submit-container .submit-wrap .nf-field-element{
  display: flex;
  justify-content: flex-end;
}.nf-form-wrap form .nf-form-content .nf-field-container.submit-container .submit-wrap .nf-field-element input[type="button"]{
  margin-left: auto;
  display: inline-flex;
  height: auto;
  align-items: center;
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(44 80 238 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(44 80 238 / var(--tw-bg-opacity));
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 0.75rem;
  padding-bottom: 0.625rem;
  font-size: .875rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}.nf-form-wrap form .nf-form-content .nf-field-container .nf-error .nf-field-element::after{
                            content: none;
                        }.nf-form-wrap form .nf-form-content .nf-field-container .nf-after-field .nf-input-limit{
  display: none;
}.nf-form-wrap form .nf-form-content .nf-field-container .nf-after-field .nf-error-wrap .nf-error-msg{
  margin-right: 0px;
  margin-right: 0;
  --tw-bg-opacity: 1;
  background-color: rgb(233 0 45 / var(--tw-bg-opacity));
  padding: 0.25rem;
  font-size: .75rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(255 229 234 / var(--tw-text-opacity));
}.nf-form-wrap form .nf-after-form-content{
  display: none;
}.login-form{
  margin-left: auto;
  margin-right: auto;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.6;
  padding: 2rem;
}@media (min-width: 768px){.login-form{
    max-width: 768px;
  }
}@media (min-width: 1280px){.login-form{
    padding: 4rem;
  }
}.login-form form{
  margin-top: 2rem;
}@media (min-width: 1280px){.login-form form{
    margin-top: 3rem;
  }
}.login-form form > *{
  margin-bottom: 1rem;
}@media (min-width: 1280px){.login-form form > *{
    margin-bottom: 2rem;
  }
}.login-form form > * label{
  margin-bottom: 0.5rem;
  display: block;
  font-size: .75rem;
  font-weight: 700;
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgb(98 99 100 / var(--tw-text-opacity));
}.login-form form > * input[type="text"], .login-form form > * input[type="password"]{
  margin: 0px !important;
  margin: 0 !important;
  padding-left: 0.625rem !important;
  padding-right: 0.625rem !important;
  padding-top: 0.75rem !important;
  padding-bottom: 0.625rem !important;
  height: 45px;
  width: 100%;
  max-width: 300px;
  border-radius: 0px;
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(158 162 169 / var(--tw-border-opacity));
  text-align: center;
  font-family: IBM Plex Sans, sans-serif;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}.login-form form > * input[type="text"]::-moz-placeholder, .login-form form > * input[type="password"]::-moz-placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(158 162 169 / var(--tw-placeholder-opacity));
}.login-form form > * input[type="text"]:-ms-input-placeholder, .login-form form > * input[type="password"]:-ms-input-placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(158 162 169 / var(--tw-placeholder-opacity));
}.login-form form > * input[type="text"]::placeholder, .login-form form > * input[type="password"]::placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(158 162 169 / var(--tw-placeholder-opacity));
}.login-form form > * input[type="text"], .login-form form > * input[type="password"]{
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}.login-form form > * input[type="submit"]{
  margin-left: auto;
  margin-right: auto;
  margin-top: 2rem;
  display: block;
  height: auto;
  width: 100%;
  max-width: 180px;
  cursor: pointer;
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(44 80 238 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(44 80 238 / var(--tw-bg-opacity));
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 0.75rem;
  padding-bottom: 0.625rem;
  font-size: .875rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}.login-form form > * input[type="submit"][disabled]{
  opacity: 0.4;
}.login-form form > *.login-remember label{
  margin-bottom: 0px;
  margin-bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}h1.login-form form > *.login-remember label, h2.login-form form > *.login-remember label, h3.login-form form > *.login-remember label, h4.login-form form > *.login-remember label, h5.login-form form > *.login-remember label, h6.login-form form > *.login-remember label, .h1.login-form form > *.login-remember label, .h2.login-form form > *.login-remember label, .h3.login-form form > *.login-remember label, .h4.login-form form > *.login-remember label, .h5.login-form form > *.login-remember label, .h6.login-form form > *.login-remember label{
        margin-bottom: 0;
    }.login-form form > *.login-remember input[type="checkbox"]{
  margin-right: 0.5rem;
}.grid-gallery{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
}@media (min-width: 1280px){.grid-gallery{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}.grid-gallery figure{
        aspect-ratio: 4/3;
        height: 100%;
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    }.grid-gallery figure img{
  height: 100%;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}.hamburger-btn {
    --hamburgerPadding: 8px;
    --hamburgerWidth: 56px;
    --hamburgerHeight: var(--hamburgerWidth);
    --hamburgerLineWidth: 24px;
    --hamburgerLineHeight: 1px;
    --hamburgerMargin: 6px;
    --hamburgerBackground: true;
    --hamburgerBackgroundColor: transparent;
    --hamburgerColor: #000;
    --hamburgerBorderRadius: true;
    --hamburgerBorderRadiusPx: 48px;
	border: 0;
	padding: var(--hamburgerPadding);
	cursor: pointer;
	position: relative;
	display: flex;
	align-items: center;
	width: var(--hamburgerWidth);
	height: var(--hamburgerHeight);
	border-radius: var(--hamburgerBorderRadiusPx);
}.hamburger-btn:focus{
		outline: none;
	}.hamburger-btn span{
		margin: 0 auto;
		display: inline-block;
		position: relative;
		top: 0;
		width: var(--hamburgerLineWidth);
		height: var(--hamburgerLineHeight);
		border-radius: 5px;
		background-color: var(--hamburgerColor);
		transition: background-color .1s .1s ease;
		display: block;
	}.hamburger-btn span::before, .hamburger-btn span::after{
			content: '';
			position: absolute;
			width: var(--hamburgerLineWidth);
			height: var(--hamburgerLineHeight);
			border-radius: 5px;
			background-color: var(--hamburgerColor);
			display: block;
		}.hamburger-btn span::before{
			margin-top: calc(var(--hamburgerMargin) * -1);
			transform: rotate(0deg);
			transition: margin .2s .2s ease, transform .2s ease;
		}.hamburger-btn span::after{
			margin-top: var(--hamburgerMargin);
			transform: rotate(0deg);
			transition: margin .2s .2s ease, transform .2s ease;
		}.hamburger-btn.isToggled span{
			background-color: transparent !important;
			transition: background-color .2s ease;
		}.hamburger-btn.isToggled span:before{
				margin-top: 0;
				transform: rotate(45deg);
				transition: margin .2s ease, transform .2s .2s ease;
			}.hamburger-btn.isToggled span:after{
				margin-top: 0;
				transform: rotate(-45deg);
				transition: margin .2s ease, transform .2s .2s ease;
			}.site-header{
    transition: background-color .5s ease;
    position: relative;
    z-index: 40;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: transparent;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}@media (min-width: 1280px){.site-header{
    padding-left: 2rem;
    padding-right: 2rem;
  }
}.site-header.submenu-active{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}.site-header #nav-main{
  display: none;
  align-items: center;
}@media (min-width: 1280px){.site-header #nav-main{
    display: flex;
  }
}.site-header #nav-main .wpml-ls{
  padding: 0px;
  padding: 0;
}.site-header #nav-main > ul{
  display: flex;
}.site-header #nav-main > ul > li > a{
  display: flex;
  align-items: center;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-weight: 700;
}.site-header #nav-main ul li.menu-item-has-children > a::after{
                            content: '';
                            background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.75 1L5 4.75L1.25 1' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
                            margin-left: 0.25rem;
                            display: inline-block;
                            height: 0.375rem;
                            width: 0.75rem;
                            background-size: contain;
                            background-repeat: no-repeat;
                        }.icon{
  font-size: 1.875rem;
}.icon--primary{
  --tw-text-opacity: 1;
  color: rgb(44 80 238 / var(--tw-text-opacity));
}.icon--error{
  --tw-text-opacity: 1;
  color: rgb(233 0 45 / var(--tw-text-opacity));
}.circle{
  display: inline-flex;
  height: 1rem;
  width: 1.5rem;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(44 80 238 / var(--tw-bg-opacity));
  font-family: Kanit, sans-serif;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}.circle--lg{
  height: 1.5rem;
  width: 1.5rem;
}.index-icons{
  margin-right: 0.5rem;
  display: inline-flex;
}.index-icons > span{
  height: 1rem;
  width: 1rem;
  border-radius: 9999px;
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(44 80 238 / var(--tw-border-opacity));
}.index-icons > span:not(:last-child){
  margin-right: 0.25rem;
}.index-icons--0{
    }.index-icons--1 > span:first-child{
  --tw-bg-opacity: 1;
  background-color: rgb(44 80 238 / var(--tw-bg-opacity));
}.index-icons--2 > span:first-child, .index-icons--2 > span:nth-child(2){
  --tw-border-opacity: 1;
  border-color: rgb(243 193 24 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(243 193 24 / var(--tw-bg-opacity));
}.index-icons--3 > span{
  --tw-border-opacity: 1;
  border-color: rgb(243 193 24 / var(--tw-border-opacity));
}.index-icons--3 > span:first-child, .index-icons--3 > span:nth-child(2), .index-icons--3 > span:nth-child(3){
  --tw-bg-opacity: 1;
  background-color: rgb(243 193 24 / var(--tw-bg-opacity));
}.index-icons--4 > span{
  --tw-border-opacity: 1;
  border-color: rgb(233 0 45 / var(--tw-border-opacity));
}.index-icons--4 > span:first-child, .index-icons--4 > span:nth-child(2), .index-icons--4 > span:nth-child(3), .index-icons--4 > span:nth-child(4){
  --tw-bg-opacity: 1;
  background-color: rgb(233 0 45 / var(--tw-bg-opacity));
}.index-icons--5 > span{
  --tw-border-opacity: 1;
  border-color: rgb(233 0 45 / var(--tw-border-opacity));
}.index-icons--5 > span:first-child, .index-icons--5 > span:nth-child(2), .index-icons--5 > span:nth-child(3), .index-icons--5 > span:nth-child(4), .index-icons--5 > span:nth-child(5){
  --tw-bg-opacity: 1;
  background-color: rgb(233 0 45 / var(--tw-bg-opacity));
}.index-icons--6 > span{
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}.image:not(:first-child):not(:last-child){
  margin-top: 2rem;
  margin-bottom: 2rem;
}.image figure figcaption{
  margin-top: 0.5rem;
  text-align: center;
  font-size: .875rem;
  font-style: italic;
}.image[data-image-position-x="center"] figure img{
  margin-left: auto;
  margin-right: auto;
  display: block;
}.input-row{
  margin-bottom: 1rem;
  display: flex;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
}@media (min-width: 1280px){.input-row .half{
    width: 50%;
  }
}.input-row .full{
  width: 100%;
}.input.input{
}.input.input input[type="text"], .input.input input[type="email"], .input.input input[type="tel"], .input.input input[type="number"], .input.input textarea{
  width: 100%;
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(158 162 169 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: 0.5rem;
  font-size: .875rem;
}.input.input input[type="text"]::-moz-placeholder, .input.input input[type="email"]::-moz-placeholder, .input.input input[type="tel"]::-moz-placeholder, .input.input input[type="number"]::-moz-placeholder, .input.input textarea::-moz-placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(158 162 169 / var(--tw-placeholder-opacity));
}.input.input input[type="text"]:-ms-input-placeholder, .input.input input[type="email"]:-ms-input-placeholder, .input.input input[type="tel"]:-ms-input-placeholder, .input.input input[type="number"]:-ms-input-placeholder, .input.input textarea:-ms-input-placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(158 162 169 / var(--tw-placeholder-opacity));
}.input.input input[type="text"]::placeholder, .input.input input[type="email"]::placeholder, .input.input input[type="tel"]::placeholder, .input.input input[type="number"]::placeholder, .input.input textarea::placeholder{
  --tw-placeholder-opacity: 1;
  color: rgb(158 162 169 / var(--tw-placeholder-opacity));
}.input.input input[type="text"].parsley-error, .input.input input[type="email"].parsley-error, .input.input input[type="tel"].parsley-error, .input.input input[type="number"].parsley-error, .input.input textarea.parsley-error{
  --tw-border-opacity: 1;
  border-color: rgb(233 0 45 / var(--tw-border-opacity));
}.input.input select{
        -webkit-appearance:none;
        -moz-appearance: none;
             appearance: none;
        border-width: 0px;
        background-color: transparent;
        padding: 0.5rem;
        font-size: .875rem;
    }.input.input select:invalid, .input.input select option[value=""]{
  --tw-text-opacity: 1;
  color: rgb(158 162 169 / var(--tw-text-opacity));
}.input.input label{
  margin-bottom: 0.25rem;
  display: block;
  font-size: 11px;
  font-size: 0.6875rem;
  font-weight: 700;
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgb(98 99 100 / var(--tw-text-opacity));
}.input.input label span{
  margin-left: 0.125rem;
  display: inline-block;
  vertical-align: top;
  font-size: 8px;
  font-size: 0.5rem;
  --tw-text-opacity: 1;
  color: rgb(233 0 45 / var(--tw-text-opacity));
}.input.input label input{
  display: block;
}.input.input--number input[type="number"]{
            max-width: 100px;
        }/* &--radio{
        @apply inline-flex items-center;
        label{
        }
    } */.input.input--numberCustomControls input[type="number"]{
            -webkit-appearance: textfield;
               -moz-appearance: textfield;
                    appearance: textfield;
        }.input.input--numberCustomControls input[type="number"]::-webkit-inner-spin-button, .input.input--numberCustomControls input[type="number"]::-webkit-outer-spin-button { 
                -webkit-appearance: none;
            }.input.input--numberCustomControls > div{
  position: relative;
  display: inline-block;
}.input.input--numberCustomControls > div input[type="number"]{
                max-width: 60px;
            }.input.input--numberCustomControls > div > div{
                transform: translateX(calc(100% + 2px));
                position: absolute;
                right: 0px;
                top: 0px;
            }.input.input--numberCustomControls > div > div button{
  display: flex;
  height: 1.25rem;
  width: 1.25rem;
  align-items: center;
  justify-content: center;
  --tw-bg-opacity: 1;
  background-color: rgb(44 80 238 / var(--tw-bg-opacity));
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}.input.input--full input[type="text"], .input.input--full input[type="email"], .input.input--full input[type="tel"], .input.input--full select{
  width: 100%;
}.input.input--select .input__wrapper{
  position: relative;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}.input.input--select .input__wrapper::after{
                content: '';
                background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.75 1L5 4.75L1.25 1' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
                position: absolute;
                right: 0.25rem;
                top: 1rem;
                height: 0.375rem;
                width: 0.75rem;
                background-size: contain;
                background-repeat: no-repeat;
            }.input.input--select .input__wrapper select{
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(158 162 169 / var(--tw-border-opacity));
}.input.input--file .wpcf7-form-control-wrap{
  position: relative;
  display: inline-flex;
  align-items: center;
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(44 80 238 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(44 80 238 / var(--tw-bg-opacity));
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 0.75rem;
  padding-bottom: 0.625rem;
  font-size: .875rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}.input.input--file .wpcf7-form-control-wrap::before, .input.input--file .wpcf7-form-control-wrap::after{
  pointer-events: none;
}.input.input--file .wpcf7-form-control-wrap::before{
                content: 'Upload your file';
                font-weight: 600;
                --tw-text-opacity: 1;
                color: rgb(255 255 255 / var(--tw-text-opacity));
            }.input.input--file .wpcf7-form-control-wrap::after{
                content: '';
                background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='192' height='192' fill='%23ffffff' viewBox='0 0 256 256'%3E%3Crect width='256' height='256' fill='none'%3E%3C/rect%3E%3Cpath d='M74.3,77.7a8.1,8.1,0,0,1,0-11.4l48-48a8.1,8.1,0,0,1,11.4,0l48,48a8.1,8.1,0,0,1,0,11.4,8.2,8.2,0,0,1-11.4,0L136,43.3V128a8,8,0,0,1-16,0V43.3L85.7,77.7A8.1,8.1,0,0,1,74.3,77.7ZM240,136v64a16,16,0,0,1-16,16H32a16,16,0,0,1-16-16V136a16,16,0,0,1,16-16h68a4,4,0,0,1,4,4v3.5c0,13.4,11,24.8,24.5,24.5A24,24,0,0,0,152,128v-4a4,4,0,0,1,4-4h68A16,16,0,0,1,240,136Zm-40,32a12,12,0,1,0-12,12A12,12,0,0,0,200,168Z'%3E%3C/path%3E%3C/svg%3E");
                margin-left: 0.5rem;
                display: inline-block;
                height: 1.25rem;
                width: 1.25rem;
                background-size: contain;
                background-repeat: no-repeat;
            }.input.input--file .wpcf7-form-control-wrap input[type="file"]{
  position: absolute;
  left: 0px;
  top: 0px;
  height: 100%;
  width: 100%;
  opacity: 0;
}.input.input--file .wpcf7-form-control-wrap:hover{
  opacity: 0.8;
}.input.input--file.isFilled .wpcf7-form-control-wrap::before{
                    content: none;
                }.input.input--submit{
  margin-top: 2rem;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}.input.input--submit > div{
  position: relative;
  display: inline-flex;
  align-items: center;
}.input.input--submit > div::after{
                content: '';
                background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='192' height='192' fill='%23ffffff' viewBox='0 0 256 256'%3E%3Crect width='256' height='256' fill='none'%3E%3C/rect%3E%3Cpath d='M128,24A104,104,0,1,0,232,128,104.2,104.2,0,0,0,128,24Zm47.4,107.1a8.7,8.7,0,0,1-1.8,2.6l-33.9,33.9a7.6,7.6,0,0,1-5.6,2.3,7.8,7.8,0,0,1-5.7-2.3,8,8,0,0,1,0-11.3L148.7,136H88a8,8,0,0,1,0-16h60.7L128.4,99.7a8,8,0,0,1,11.3-11.3l33.9,33.9a8.7,8.7,0,0,1,1.8,2.6A8.3,8.3,0,0,1,175.4,131.1Z'%3E%3C/path%3E%3C/svg%3E");
                position: absolute;
                top: 0.75rem;
                right: 1.25rem;
                margin-left: 0.5rem;
                display: inline-block;
                height: 1.25rem;
                width: 1.25rem;
                background-size: contain;
                background-repeat: no-repeat;
            }.input.input--submit > div input[type="submit"]{
  margin-top: 0px;
  margin-top: 0;
  padding-left: 1.5rem;
  padding-right: 3rem;
}h1.input.input--submit > div input[type="submit"], h2.input.input--submit > div input[type="submit"], h3.input.input--submit > div input[type="submit"], h4.input.input--submit > div input[type="submit"], h5.input.input--submit > div input[type="submit"], h6.input.input--submit > div input[type="submit"], .h1.input.input--submit > div input[type="submit"], .h2.input.input--submit > div input[type="submit"], .h3.input.input--submit > div input[type="submit"], .h4.input.input--submit > div input[type="submit"], .h5.input.input--submit > div input[type="submit"], .h6.input.input--submit > div input[type="submit"]{
        margin-top: 0;
    }.chocolat-overlay{
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}.chocolat-image{
  position: relative;
}.chocolat-image::before{
        content: '';
        transition: opacity .25s ease;
        position: absolute;
        top: 0px;
        left: 0px;
        z-index: 10;
        height: 100%;
        width: 100%;
        background-color: rgb(0 0 0 / var(--tw-bg-opacity));
        --tw-bg-opacity: 0.6;
        opacity: 0;
    }.chocolat-image::after{
        content: '';
        background-image: url("data:image/svg+xml,%3Csvg width='56' height='56' viewBox='0 0 56 56' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='28' cy='28' r='28' fill='%232C50EE'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M23.125 26.875C23.125 26.4608 23.4608 26.125 23.875 26.125H29.875C30.2892 26.125 30.625 26.4608 30.625 26.875C30.625 27.2892 30.2892 27.625 29.875 27.625H23.875C23.4608 27.625 23.125 27.2892 23.125 26.875Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M26.875 23.125C27.2892 23.125 27.625 23.4608 27.625 23.875V29.875C27.625 30.2892 27.2892 30.625 26.875 30.625C26.4608 30.625 26.125 30.2892 26.125 29.875V23.875C26.125 23.4608 26.4608 23.125 26.875 23.125Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M26.875 19.75C22.94 19.75 19.75 22.94 19.75 26.875C19.75 30.81 22.94 34 26.875 34C30.81 34 34 30.81 34 26.875C34 22.94 30.81 19.75 26.875 19.75ZM18.25 26.875C18.25 22.1115 22.1115 18.25 26.875 18.25C31.6385 18.25 35.5 22.1115 35.5 26.875C35.5 31.6385 31.6385 35.5 26.875 35.5C22.1115 35.5 18.25 31.6385 18.25 26.875Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M31.915 31.9135C32.2079 31.6206 32.6827 31.6206 32.9756 31.9135L37.5319 36.4698C37.8248 36.7627 37.8248 37.2375 37.5319 37.5304C37.239 37.8233 36.7641 37.8233 36.4712 37.5304L31.915 32.9742C31.6221 32.6813 31.6221 32.2064 31.915 31.9135Z' fill='white'/%3E%3C/svg%3E%0A");
        transition: opacity .25s ease .1s;
        position: absolute;
        z-index: 10;
        height: 3.5rem;
        width: 3.5rem;
        background-size: contain;
        background-repeat: no-repeat;
        opacity: 0;
        top: 50%;
        left: 50%;
        transform: translateX(-50%) translateY(-50%); 
    }.chocolat-image:hover::before{
  opacity: 0.8;
}.chocolat-image:hover::after{
  opacity: 1;
}.list{
  margin-top: 2rem;
  margin-bottom: 2rem;
  font-size: 1.125rem;
}.list li{
  margin-bottom: 1rem;
}.list li div{
  display: flex;
  align-items: center;
  font-family: Kanit, sans-serif;
  font-size: 1.125rem;
  font-weight: 700;
  text-transform: uppercase;
}.list li div i{
  margin-right: 0.5rem;
  --tw-text-opacity: 1;
  color: rgb(44 80 238 / var(--tw-text-opacity));
}.list li p a{
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}/* @TODO CHANGE URL */.list li p a[href^="https://cyberqual-wp.dotcom.ts.it"]{
  display: inline-flex;
  align-items: center;
}.list li p a[href^="https://cyberqual-wp.dotcom.ts.it"]::after{
                    content: '';
                    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='192' height='192' fill='%232C50EE' viewBox='0 0 256 256'%3E%3Crect width='256' height='256' fill='none'%3E%3C/rect%3E%3Cpath d='M128,24A104,104,0,1,0,232,128,104.2,104.2,0,0,0,128,24Zm47.4,107.1a8.7,8.7,0,0,1-1.8,2.6l-33.9,33.9a7.6,7.6,0,0,1-5.6,2.3,7.8,7.8,0,0,1-5.7-2.3,8,8,0,0,1,0-11.3L148.7,136H88a8,8,0,0,1,0-16h60.7L128.4,99.7a8,8,0,0,1,11.3-11.3l33.9,33.9a8.7,8.7,0,0,1,1.8,2.6A8.3,8.3,0,0,1,175.4,131.1Z'%3E%3C/path%3E%3C/svg%3E");
                    margin-left: 0.25rem;
                    display: inline-block;
                    height: 1.25rem;
                    width: 1.25rem;
                    background-size: contain;
                    background-repeat: no-repeat;
                }.menu__submenu{
        transition: opacity .5s ease;
        pointer-events: none;
        position: absolute;
        left: 0px;
        display: grid;
        width: 100vw;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        padding-top: 1.5rem;
        opacity: 0;
    }.menu__submenu::after{
            content: '';
            box-shadow: 0px 12px 64px -16px rgba(0, 0, 0, 0.25);
            position: absolute;
            bottom: 0px;
            left: 0px;
            z-index: 0;
            height: 50%;
            width: 100%;
        }.menu__submenu.isActive{
  pointer-events: auto;
  opacity: 1;
}.menu__submenu > *{
  position: relative;
  z-index: 10;
  border-top-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(217 218 220 / var(--tw-border-opacity));
}.menu__submenu > *:first-child{
                grid-area: 1 / 1 / 2 / 2;
            }.menu__submenu > *:last-child{
                grid-area: 1 / 2 / 2 / 5;
            }.menu__submenu-nav{
  position: relative;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  -moz-column-gap: 4rem;
       column-gap: 4rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: 3.5rem;
}.menu__submenu-nav > img{
                transform: translateX(20%) translateY(-45%);
                top: 50%;
                max-height: 80%;
                max-width: 40%;
                position: absolute;
                right: 0px;
            }.menuitem--text{
  --tw-bg-opacity: 1;
  background-color: rgb(233 237 253 / var(--tw-bg-opacity));
  padding: 3.5rem;
}.menuitem--text > span{
  margin-bottom: 0.75rem;
  display: block;
  font-family: Kanit, sans-serif;
  font-size: .875rem;
  font-weight: 700;
  text-transform: uppercase;
}.menuitem--text > p{
  margin-bottom: 1.5rem;
  font-size: 1rem;
}.menuitem--text > a{
  display: flex;
  align-items: center;
  font-size: .875rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(44 80 238 / var(--tw-text-opacity));
}.menuitem--text > a i{
  position: relative;
  margin-left: 0.375rem;
  font-size: 1.125rem;
}.menuitem--column{
  display: flex;
  flex-direction: column;
}.menuitem--column > span{
  margin-bottom: 0.75rem;
  display: block;
  font-family: Kanit, sans-serif;
  font-size: .875rem;
  font-weight: 700;
  text-transform: uppercase;
}.menuitem--column > div{
  display: flex;
  flex-grow: 1;
  flex-direction: column;
}.menuitem--column > div ul{
  margin-bottom: 3rem;
  flex-grow: 1;
}.menuitem--column > div ul li{
  margin-bottom: 0.375rem;
}.menuitem--column > div ul li a{
  display: flex;
  align-items: center;
}.menuitem--column > div ul li a i{
  margin-right: 0.5rem;
  font-size: 1rem;
  --tw-text-opacity: 1;
  color: rgb(44 80 238 / var(--tw-text-opacity));
}.menu-mobile{
    transition: opacity .4s ease, visibility .1s linear .5s;
    pointer-events: none;
    position: fixed;
    top: 6rem;
    left: 0px;
    z-index: 50;
    width: 100%;
    overflow: hidden;
    border-top-width: 1px;
    border-style: solid;
    --tw-border-opacity: 1;
    border-color: rgb(217 218 220 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    padding-top: 2rem;
    padding-bottom: 2rem;
    opacity: 0;
}.menu-mobile.isActive{
        transition: opacity .4s ease;
        pointer-events: auto;
        opacity: 1;
    }.menu-mobile ul li:not(:last-child){
  margin-bottom: 1rem;
}.menu-mobile ul li a{
  font-size: 1.125rem;
  font-weight: 700;
}.menu-mobile .wpml-ls{
  margin-top: 1rem;
  padding: 0px;
  padding: 0;
}.menu-mobile .wpml-ls ul li a{
  padding: 0px;
  padding: 0;
}.menu-mobile .wpml-ls ul li a img{
  width: 1.5rem;
}.modal {
}.modal__overlay{
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 50;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.6;
}.modal__container{
  max-height: 100vh;
  max-width: 36rem;
  overflow-y: auto;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: 2.5rem;
}.modal__header{
  display: flex;
  align-items: center;
  justify-content: space-between;
}.modal__header .modal__close::before{
                content: "\2715";
            }.modal__title{
  margin-top: 0px;
  margin-top: 0;
  margin-bottom: 0px;
  margin-bottom: 0;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.25;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}.modal__close{
  border-width: 0px;
  background-color: transparent;
}.modal__content{
  margin-top: 2rem;
  line-height: 1.5;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}.modal__content p{
  font-size: .875rem;
}.modal__footer{
  margin-top: 2rem;
  display: flex;
  justify-content: flex-end;
}.modal--lg .modal__container{
  max-width: 48rem;
}/**************************\
Demo Animation Style
\**************************/@-webkit-keyframes mmfadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}@keyframes mmfadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}@-webkit-keyframes mmfadeOut {
    from { opacity: 1; }
    to { opacity: 0; }
}@keyframes mmfadeOut {
    from { opacity: 1; }
    to { opacity: 0; }
}@-webkit-keyframes mmslideIn {
from { transform: translateY(15%); }
    to { transform: translateY(0); }
}@keyframes mmslideIn {
from { transform: translateY(15%); }
    to { transform: translateY(0); }
}@-webkit-keyframes mmslideOut {
    from { transform: translateY(0); }
    to { transform: translateY(-10%); }
}@keyframes mmslideOut {
    from { transform: translateY(0); }
    to { transform: translateY(-10%); }
}.micromodal-slide {
    display: none;
}.micromodal-slide.is-open {
    display: block;
}.micromodal-slide[aria-hidden="false"] .modal__overlay {
    -webkit-animation: mmfadeIn .3s cubic-bezier(0.0, 0.0, 0.2, 1);
            animation: mmfadeIn .3s cubic-bezier(0.0, 0.0, 0.2, 1);
}.micromodal-slide[aria-hidden="false"] .modal__container {
    -webkit-animation: mmslideIn .3s cubic-bezier(0, 0, .2, 1);
            animation: mmslideIn .3s cubic-bezier(0, 0, .2, 1);
}.micromodal-slide[aria-hidden="true"] .modal__overlay {
    -webkit-animation: mmfadeOut .3s cubic-bezier(0.0, 0.0, 0.2, 1);
            animation: mmfadeOut .3s cubic-bezier(0.0, 0.0, 0.2, 1);
}.micromodal-slide[aria-hidden="true"] .modal__container {
    -webkit-animation: mmslideOut .3s cubic-bezier(0, 0, .2, 1);
            animation: mmslideOut .3s cubic-bezier(0, 0, .2, 1);
}.micromodal-slide .modal__container,
.micromodal-slide .modal__overlay {
    will-change: transform;
}#footer{
  margin-bottom: 2.5rem;
}.site-footer{
  margin-top: 5rem;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.6;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 2.5rem;
}@media (min-width: 1280px){.site-footer{
    padding-left: 4rem;
    padding-right: 4rem;
  }
}.site-footer-wrapper{
  margin-top: 2rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}@media (min-width: 1280px){.site-footer__content{
    width: 41.666667%;
  }
}.site-footer__content h6{
  margin-bottom: 0.5rem;
}.site-footer__content p{
  font-size: 1rem;
  line-height: 1.25;
}.site-footer__nav{
  display: none;
}@media (min-width: 1280px){.site-footer__nav{
    margin-top: 0px;
    margin-top: 0;
  }.site-footer__nav{
    display: block;
  }.site-footer__nav{
    width: 20%;
  }
}.site-footer__nav h6{
  font-size: .875rem;
  --tw-text-opacity: 1;
  color: rgb(44 80 238 / var(--tw-text-opacity));
}.site-footer__nav nav ul li{
  margin-bottom: 0.5rem;
}.site-footer__nav nav ul li a{
  font-weight: 700;
}.colophon{
  margin-top: 3.5rem;
  border-top-width: 1px;
  border-style: solid;
  border-color: rgb(0 0 0 / var(--tw-border-opacity));
  --tw-border-opacity: 0.1;
  padding-top: 1rem;
  padding-bottom: 1rem;
  text-align: center;
  font-size: .75rem;
}.panel{
}/* @apply mb-16; */.panel--slider .panel__content{
  padding-top: 4rem;
  padding-bottom: 2.5rem;
}.panel__content{
  position: relative;
  margin-left: auto;
  margin-right: auto;
  width: 90%;
  padding-top: 2rem;
  padding-bottom: 2rem;
}@media (min-width: 1280px){.panel__content{
    width: 80%;
  }.panel__content{
    padding-top: 4rem;
  }.panel__content{
    padding-bottom: 4rem;
  }
}.panel__content > *{
  position: relative;
  z-index: 10;
}.panel__content::after{
            content: '';
            width: 100%;
            transform: scaleX(1.1);
        }@media (min-width: 1280px){.panel__content::after{
                transform: scaleX(1.25);
        }
            }.panel__content::after{
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 0;
  height: 100%;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.6;
}.panel .cols .col > div >  *:not([data-image]):not([data-grid-image]){
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-right: 0px !important;
  padding-right: 0 !important;
}.panel .carousel{
        margin-left: calc((100vw - ( (var(--row-width) + 16px) * .8) + 32px) / 2 * -1);
        margin-left: calc((100vw - ( (var(--row-width) + 1rem) * .8) + 2rem) / 2 * -1);
    }@media (min-width: 1280px){.panel .carousel{
            margin-left: calc((100vw - ( (var(--row-width) + 32px) * .8) + 64px) / 2 * -1);
            margin-left: calc((100vw - ( (var(--row-width) + 2rem) * .8) + 4rem) / 2 * -1)
    }
        }.panel-carousel{
    padding-left: calc((100vw - var(--row-width))  / 2 + 32px );
    padding-left: calc((100vw - var(--row-width))  / 2 + 2rem );
}.panel-carousel--row{
        padding-right: calc((100vw - var(--row-width))  / 2 + 32px );
        padding-right: calc((100vw - var(--row-width))  / 2 + 2rem );
    }.panel-carousel__slide{
  height: auto !important;
  margin-bottom: 1rem;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.6;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  padding-top: 3rem;
  padding-bottom: 4.5rem;
}@media (min-width: 1280px){.panel-carousel__slide{
    margin-bottom: 0px;
    margin-bottom: 0;
  }
}.panel-carousel__slide > span{
  margin-bottom: 1rem;
  display: flex;
  height: 2rem;
  width: 2rem;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
  font-size: .875rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}.panel-carousel__slide > img{
  margin-bottom: 1.5rem;
  max-width: 33.333333%;
}.paragraph p{
        /* &:not(:last-child){
            @apply mb-4;
        } */
        margin-bottom: 1rem;
    }.paragraph p a{
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}.paragraph ul, .paragraph ol{
  margin-bottom: 1rem;
  padding-left: 1rem;
  font-size: 1.125rem;
}.paragraph ul{
  list-style-type: disc;
}.paragraph ol{
  list-style-type: decimal;
}.paragraph.aligncenter{
  text-align: center;
}.wp-block-separator{
  margin-top: 2rem;
  margin-bottom: 2rem;
  border-bottom-width: 0px;
  --tw-border-opacity: 1;
  border-color: rgb(217 218 220 / var(--tw-border-opacity));
}.title + .wp-block-separator{
  margin-top: 1rem;
}.slider{
    
}.tabledata{
  width: 100%;
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(158 162 169 / var(--tw-border-opacity));
}.tabledata thead tr{
  border-bottom-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(158 162 169 / var(--tw-border-opacity));
}.tabledata thead tr th{
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  text-align: left;
  font-family: Kanit, sans-serif;
  font-size: .75rem;
  font-weight: 700;
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgb(158 162 169 / var(--tw-text-opacity));
}.tabledata thead tr th p{
  font-size: .75rem;
}.tabledata tbody tr:not(:last-child){
  border-bottom-width: 2px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity));
}@media (min-width: 1280px){.tabledata tbody tr:not(:last-child){
    border-bottom-width: 1px;
  }.tabledata tbody tr:not(:last-child){
    --tw-border-opacity: 1;
    border-color: rgb(158 162 169 / var(--tw-border-opacity));
  }
}.tabledata tbody tr td{
                min-height: 54px;
            }@media (min-width: 1280px){.tabledata tbody tr td{
                    min-height: none
            }
                }.tabledata tbody tr td{
  position: relative;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  vertical-align: middle;
  font-size: .875rem;
}@media (min-width: 1280px){.tabledata tbody tr td{
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}.tabledata tbody tr td .icon{
  position: relative;
  top: 3px;
}.tabledata tbody tr td a{
  font-weight: 700;
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}.tabledata tbody tr td p{
  font-size: .875rem;
}.tabledata tbody tr.has-inset-row{
  border-bottom-width: 0px;
}.tabledata tbody tr.has-inset-row + tr{
  position: relative;
}.tabledata tbody tr.has-inset-row + tr::after{
                        content: '';
                        width: calc(100% - 48px);
                        position: absolute;
                        top: 0px;
                        left: 1.5rem;
                        height: 1px;
                        --tw-bg-opacity: 1;
                        background-color: rgb(217 218 220 / var(--tw-bg-opacity));
                    }.tabledata--fixed{
  table-layout: fixed;
}.tabledata--responsive thead{
  display: block;
}@media (min-width: 1280px){.tabledata--responsive thead{
    display: table-row-group;
  }
}.tabledata--responsive thead tr{
                top: -9999px;
                left: -9999px;
            }@media (min-width: 1280px){.tabledata--responsive thead tr{
    top: 0px;
  }.tabledata--responsive thead tr{
    left: 0px;
  }
                }.tabledata--responsive thead tr{
  position: absolute;
  display: block;
}@media (min-width: 1280px){.tabledata--responsive thead tr{
    position: relative;
  }.tabledata--responsive thead tr{
    display: table-row;
  }
}.tabledata--responsive thead tr th{
  display: block;
}@media (min-width: 1280px){.tabledata--responsive thead tr th{
    display: table-cell;
  }
}.tabledata--responsive tbody{
  display: block;
}@media (min-width: 1280px){.tabledata--responsive tbody{
    display: table-row-group;
  }
}.tabledata--responsive tbody tr{
  display: block;
}@media (min-width: 1280px){.tabledata--responsive tbody tr{
    display: table-row;
  }
}.tabledata--responsive tbody tr td{
  display: flex;
}@media (min-width: 1280px){.tabledata--responsive tbody tr td{
    display: table-cell;
  }
}.tabledata--responsive tbody tr td:not(:last-child){
  border-bottom-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(158 162 169 / var(--tw-border-opacity));
}@media (min-width: 1280px){.tabledata--responsive tbody tr td:not(:last-child){
    border-width: 0px;
  }
}.tabledata--responsive tbody tr td::before{
                        content: attr(data-title);
                    }@media (min-width: 1280px){.tabledata--responsive tbody tr td::before{
                            content: none;
                    }
                        }.tabledata--responsive tbody tr td::before{
  left: 0.5rem;
  top: 1rem;
  width: 50%;
  flex-shrink: 0;
  padding-right: 1rem;
  text-align: left;
  font-weight: 700;
}:root{
    counter-reset: heading;
}.title.aligncenter{
  text-align: center;
}.title > span{
  font-family: Kanit, sans-serif;
  font-size: .875rem;
  font-weight: 700;
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgb(44 80 238 / var(--tw-text-opacity));
}@media (min-width: 1280px){.title > span{
    font-size: 1.125rem;
  }
}.title--counter > span{
  margin-left: 2rem;
}@media (min-width: 1280px){.title--counter > span{
    margin-left: 3rem;
  }
}.title--counter h2{
            counter-increment: heading;
            display: flex;
            align-items: center;
        }.title--counter h2::before{
                content: counter(heading);
                margin-right: 0.5rem;
                display: flex;
                height: 1.5rem;
                width: 1.5rem;
                align-items: center;
                justify-content: center;
                border-radius: 9999px;
                --tw-bg-opacity: 1;
                background-color: rgb(0 0 0 / var(--tw-bg-opacity));
                font-size: .875rem;
                --tw-text-opacity: 1;
                color: rgb(255 255 255 / var(--tw-text-opacity));
            }@media (min-width: 1280px){.title--counter h2::before{
    margin-right: 1rem;
  }.title--counter h2::before{
    height: 2rem;
  }.title--counter h2::before{
    width: 2rem;
  }.title--counter h2::before{
    font-size: 1rem;
  }
}.tippy-box[data-theme~=translucent]{
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
  --tw-bg-opacity: 1;
}[data-tippy-content]{
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}[data-tippy-content]::after{
        content: '';
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='192' height='192' fill='%232C50EE' viewBox='0 0 256 256'%3E%3Crect width='256' height='256' fill='none'%3E%3C/rect%3E%3Cpath d='M128,24A104,104,0,1,0,232,128,104.2,104.2,0,0,0,128,24Zm-2,48a12,12,0,1,1-12,12A12,12,0,0,1,126,72Zm10,112h-8a8,8,0,0,1-8-8V128a8,8,0,0,1,0-16h8a8,8,0,0,1,8,8v48a8,8,0,0,1,0,16Z'%3E%3C/path%3E%3C/svg%3E");
        position: relative;
        top: 0.25rem;
        margin-left: -0.125rem;
        display: inline-block;
        height: 18px;
        width: 18px;
        background-size: contain;
        background-repeat: no-repeat;
    }.wp-block-embed.is-type-video .wp-block-embed__wrapper{
  aspect-ratio: 16 / 9;
}.wp-block-embed.is-type-video .wp-block-embed__wrapper iframe{
  height: 100%;
  width: 100%;
}.wp-block-query{
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  padding-left: 2rem;
  padding-right: 2rem;
}@media (min-width: 768px){.wp-block-query{
    max-width: 768px;
  }
    }@media (min-width: 1280px){.wp-block-query{
    max-width: 1280px;
  }
    }@media (min-width: 1536px){.wp-block-query{
    max-width: 1536px;
  }
    }.wp-block-query .wp-block-post-template{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}.wp-block-query .wp-block-post-template .wp-block-post{
  display: flex;
  height: auto;
  flex-direction: column;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}.wp-block-query .wp-block-post-template .wp-block-post h2{
  margin-bottom: 0px;
  margin-bottom: 0;
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 1.5rem;
  font-size: 1.25rem;
}h1.wp-block-query .wp-block-post-template .wp-block-post h2, h2.wp-block-query .wp-block-post-template .wp-block-post h2, h3.wp-block-query .wp-block-post-template .wp-block-post h2, h4.wp-block-query .wp-block-post-template .wp-block-post h2, h5.wp-block-query .wp-block-post-template .wp-block-post h2, h6.wp-block-query .wp-block-post-template .wp-block-post h2, .h1.wp-block-query .wp-block-post-template .wp-block-post h2, .h2.wp-block-query .wp-block-post-template .wp-block-post h2, .h3.wp-block-query .wp-block-post-template .wp-block-post h2, .h4.wp-block-query .wp-block-post-template .wp-block-post h2, .h5.wp-block-query .wp-block-post-template .wp-block-post h2, .h6.wp-block-query .wp-block-post-template .wp-block-post h2{
        margin-bottom: 0;
    }.wp-block-query .wp-block-post-template .wp-block-post .wp-block-post-excerpt{
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  justify-content: space-between;
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 0.5rem;
  padding-bottom: 1.5rem;
}.wp-block-query .wp-block-post-template .wp-block-post .wp-block-post-excerpt p{
  font-size: 1rem;
}.wp-block-query .wp-block-post-template .wp-block-post .wp-block-post-excerpt__more-text a{
  margin-top: 3rem;
  display: inline-flex;
  align-items: center;
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(44 80 238 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(44 80 238 / var(--tw-bg-opacity));
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  padding-top: 0.75rem;
  padding-bottom: 0.625rem;
  font-size: .875rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}.wp-block-query .wp-block-post-template .wp-block-post .wp-block-post-excerpt__more-text a::after{
                            content: '';
                            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='192' height='192' fill='%23FFFFFF' viewBox='0 0 256 256'%3E%3Crect width='256' height='256' fill='none'%3E%3C/rect%3E%3Cpath d='M128,24A104,104,0,1,0,232,128,104.2,104.2,0,0,0,128,24Zm47.4,107.1a8.7,8.7,0,0,1-1.8,2.6l-33.9,33.9a7.6,7.6,0,0,1-5.6,2.3,7.8,7.8,0,0,1-5.7-2.3,8,8,0,0,1,0-11.3L148.7,136H88a8,8,0,0,1,0-16h60.7L128.4,99.7a8,8,0,0,1,11.3-11.3l33.9,33.9a8.7,8.7,0,0,1,1.8,2.6A8.3,8.3,0,0,1,175.4,131.1Z'%3E%3C/path%3E%3C/svg%3E");
                            margin-left: 0.375rem;
                            display: inline-block;
                            height: 1.25rem;
                            width: 1.25rem;
                            background-size: contain;
                            background-repeat: no-repeat;
                        }.about-info{
  height: 100%;
  --tw-bg-opacity: 1;
  background-color: rgb(44 80 238 / var(--tw-bg-opacity));
  padding: 2rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}.about-info h6{
  font-size: 1.5rem;
}.about-info__map{
  margin-top: 4rem;
  overflow: hidden;
  border-radius: 0.375rem;
}.about-info__map iframe{
  max-width: 100%;
}.about-form{
  display: flex;
  height: 100%;
  flex-direction: column;
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(158 162 169 / var(--tw-border-opacity));
}.about-form h6{
  border-bottom-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(158 162 169 / var(--tw-border-opacity));
  padding: 2rem;
  font-size: 1.125rem;
}.about-form__form{
  flex-grow: 1;
  padding-left: 2rem;
  padding-right: 2rem;
  padding-bottom: 2rem;
}/* download autopia desktop block */body.page-id-147 #block_62a0bff1d8c0d{
  position: relative;
}body.page-id-147 #block_62a0bff1d8c0d .pagefocus__content{
  position: relative;
  z-index: 10;
}body.page-id-147 #block_62a0bff1d8c0d .pagefocus__bg{
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  overflow: hidden;
}body.page-id-147 #block_62a0bff1d8c0d .pagefocus__bg::before{
                content: '';
                background-image: url("data:image/svg+xml,%3Csvg width='1775' height='569' viewBox='0 0 1775 569' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M410.074 0.797147C480.071 8.52023 497.917 83.6213 553.981 117.399C607.548 149.673 699.187 143.754 727.315 191.932C755.361 239.969 716.615 296.127 685.747 343.088C658.698 384.239 610.839 410.911 564.521 439.601C515.944 469.69 470.699 504.071 410.074 513.844C339.919 525.153 248.933 540.187 201.429 498.131C151.908 454.289 206.914 384.924 198.688 326.699C192.871 285.528 154.764 250.379 160.607 209.21C167.328 161.863 191.85 116.756 233.417 82.0298C281.314 42.0144 340.79 -6.84728 410.074 0.797147Z' fill='%23FF5BC7'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M470.421 273.184C546.175 279.601 598.415 328.192 668.083 350.582C747.873 376.226 856.871 364.442 909.98 414.453C962.467 463.878 930.15 535.191 930.235 597.442C930.32 659.753 951.613 725.838 910.479 780.638C869.089 835.776 786.993 868.033 707.748 893.839C633.275 918.091 552.033 920.975 470.421 923.943C385.027 927.047 287.266 948.604 218.862 911.614C149.681 874.203 170.844 794.137 129.269 739.463C88.9734 686.471 -5.81867 657 -20.0395 597.442C-34.5143 536.82 6.31755 475.096 53.9626 424.07C100.018 374.746 170.313 341.36 243.999 314.663C314.787 289.016 391.741 266.52 470.421 273.184Z' fill='%23FFB26B'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1484.61 25.5698C1539.56 10.4766 1588.89 65.5372 1637.55 95.1923C1685.19 124.223 1757.94 142.227 1766.49 197.353C1776.11 259.325 1677.44 297.395 1678.65 360.097C1679.91 424.929 1788.04 463.469 1772.85 526.509C1759.58 581.577 1670.72 569.164 1621.51 597.218C1572.65 625.073 1540.66 686.151 1484.61 690.831C1428.49 695.517 1376.83 657.614 1333.84 621.242C1294.76 588.18 1281.48 536.272 1252.26 494.244C1219.88 447.661 1159.76 416.337 1152.29 360.097C1144.79 303.608 1170.67 241.06 1213.67 203.669C1255.6 167.207 1327.1 198.232 1373.54 167.71C1424.65 134.108 1425.62 41.7721 1484.61 25.5698Z' fill='%2300F5F5'/%3E%3C/svg%3E%0A");
                position: absolute;
                bottom: -8rem;
                left: 0px;
                z-index: 0;
                height: 100%;
                width: 100%;
                background-size: cover;
                background-repeat: no-repeat;
                --tw-blur: blur(64px);
                filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
            }body.page-id-147 #block_62a0bff1d8c0d .pagefocus__bg::after{
                content: '';
                position: absolute;
                top: 0px;
                left: 0px;
                height: 100%;
                width: 100%;
                --tw-bg-opacity: 1;
                background-color: rgb(44 80 238 / var(--tw-bg-opacity));
                opacity: 0.5;
                mix-blend-mode: darken;
            }body.single-casestudy .table-info{
  padding: 1rem;
}@media (min-width: 1280px){body.single-casestudy .table-info{
    padding: 2rem;
  }
}body.single-casestudy .table-info > p{
  font-family: Kanit, sans-serif;
  font-weight: 700;
  text-transform: uppercase;
}body.single-casestudy .table-info > ul{
  margin-top: 1rem;
}body.single-casestudy .table-info > ul > li{
  margin-bottom: 1rem;
  display: inline-flex;
}body.single-casestudy .table-info > ul > li .circle{
  margin-right: 0.75rem;
  flex-shrink: 0;
}.docs-list{
  margin-bottom: 1rem;
}.docs-list__title{
  cursor: pointer;
  font-family: Kanit, sans-serif;
  font-size: 1.25rem;
  font-weight: 700;
  text-transform: uppercase;
}.docs-list__title:hover{
  --tw-text-opacity: 1;
  color: rgb(44 80 238 / var(--tw-text-opacity));
}.docs-list__title.isActive{
  --tw-text-opacity: 1;
  color: rgb(44 80 238 / var(--tw-text-opacity));
}/* @apply hidden; */.docs-list__content ul{
  margin-top: 0.75rem;
  margin-bottom: 2rem;
  padding-left: 1rem;
}.docs-list__content ul li{
  margin-bottom: 0.5rem;
}.docs-list__content ul li a{
  display: block;
  font-size: 1.125rem;
}.docs-list__content ul li a:hover{
  --tw-text-opacity: 1;
  color: rgb(44 80 238 / var(--tw-text-opacity));
}.docs-list__content ul li.isActive a{
  --tw-text-opacity: 1;
  color: rgb(44 80 238 / var(--tw-text-opacity));
}body.home .banner{
  padding-top: 8rem;
  padding-bottom: 10rem;
}body.home .banner__content h1{
  font-size: 3.75rem;
}body.home .banner__content p{
  font-size: 1.5rem;
}@media (min-width: 1280px){body.home .banner__content > div{
    width: 75%;
  }
}body.home .pagefocus{
  position: relative;
}body.home .pagefocus__content{
  position: relative;
  z-index: 10;
}body.home .pagefocus__content .buttons .btn{
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}body.home .pagefocus__content .buttons .btn:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(44 80 238 / var(--tw-text-opacity));
}body.home .pagefocus__img{
  position: relative;
  z-index: 10;
}body.home .pagefocus__img img{
  pointer-events: none;
                transform: scale(1.25) translateY(40px);
}@media (min-width: 768px){body.home .pagefocus__img img{
                    transform: scale(1.5) translateY(40px)
            }
                }@media (min-width: 1280px){body.home .pagefocus__img img{
                    transform: scale(1.75) translateX(40px)
            }
                }body.home .pagefocus__bg{
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  overflow: hidden;
}body.home .pagefocus__bg::before{
                content: '';
                background-image: url("data:image/svg+xml,%3Csvg width='848' height='601' viewBox='0 0 848 601' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M250.074 -89.2029C320.071 -81.4798 337.917 -6.37865 393.981 27.3992C447.548 59.6732 539.187 53.7544 567.315 101.932C595.361 149.969 556.615 206.127 525.747 253.088C498.698 294.239 450.839 320.911 404.521 349.601C355.944 379.69 310.699 414.071 250.074 423.844C179.919 435.153 88.9325 450.187 41.4293 408.131C-8.09204 364.289 46.9145 294.924 38.6877 236.699C32.8706 195.528 -5.23628 160.379 0.607312 119.21C7.32784 71.8629 31.8504 26.7556 73.4167 -7.97022C121.314 -47.9856 180.79 -96.8473 250.074 -89.2029Z' fill='%23FF5BC7'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M652.423 -101.964C718.659 -96.3538 764.335 -53.8641 825.249 -34.2853C895.013 -11.8617 990.316 -22.1661 1036.75 21.5655C1082.64 64.7845 1054.39 127.143 1054.46 181.577C1054.54 236.064 1073.15 293.851 1037.19 341.769C1001 389.984 929.218 418.191 859.93 440.756C794.815 461.963 723.781 464.485 652.423 467.08C577.758 469.795 492.282 488.644 432.473 456.299C371.983 423.586 390.488 353.574 354.137 305.765C318.904 259.427 236.023 233.657 223.589 181.577C210.932 128.567 246.634 74.5941 288.292 29.9748C328.561 -13.1559 390.024 -42.3493 454.451 -65.694C516.344 -88.1204 583.629 -107.792 652.423 -101.964Z' fill='%23FFB26B'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M571.611 148.57C626.562 133.477 675.893 188.537 724.554 218.192C772.19 247.223 844.939 265.227 853.492 320.353C863.107 382.325 764.444 420.395 765.655 483.097C766.906 547.929 875.037 586.469 859.846 649.509C846.576 704.577 757.723 692.164 708.514 720.218C659.655 748.073 627.657 809.151 571.611 813.831C515.495 818.517 463.828 780.614 420.839 744.242C381.763 711.18 368.479 659.272 339.261 617.244C306.876 570.661 246.757 539.337 239.288 483.097C231.786 426.608 257.67 364.06 300.67 326.669C342.602 290.207 414.103 321.232 460.537 290.71C511.655 257.108 512.623 164.772 571.611 148.57Z' fill='%2300F5F5'/%3E%3C/svg%3E%0A");
                position: absolute;
                top: 0px;
                right: 0px;
                z-index: 0;
                height: 100%;
                width: 50%;
                background-size: cover;
                background-repeat: no-repeat;
                --tw-blur: blur(64px);
                filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
            }body.home .pagefocus__bg::after{
                content: '';
                position: absolute;
                top: 0px;
                left: 0px;
                height: 100%;
                width: 100%;
                --tw-bg-opacity: 1;
                background-color: rgb(44 80 238 / var(--tw-bg-opacity));
                opacity: 0.5;
                mix-blend-mode: darken;
            }@media (min-width: 1280px){[data-block_629dc787e22a0] col:first-child{
    order: 2;
  }[data-block_629dc787e22a0] col:last-child{
    order: 1;
  }.checkbox-filters{
    display: flex;
  }
}.checkbox-filters > div:first-child{
  margin-bottom: 0.5rem;
  flex-shrink: 0;
  padding-right: 1.5rem;
}@media (min-width: 1280px){.checkbox-filters > div:first-child{
    margin-bottom: 0px;
    margin-bottom: 0;
  }
}.checkbox-filters > div:last-child{
  flex-shrink: 1;
  padding-right: 0.5rem;
}.checkbox-filters > div:last-child ul{
  display: flex;
  flex-wrap: wrap;
}.checkbox-filters > div:last-child ul li{
  margin-bottom: 0.25rem;
  font-size: .875rem;
}.checkbox-filters > div:last-child ul li:not(:last-child){
  margin-right: 1.5rem;
}.checkbox-filters > div:last-child ul li input{
  margin-right: 0.5rem;
}body.page-id-698 .tabledata thead{
  display: block;
}@media (min-width: 1280px){body.page-id-698 .tabledata thead{
    display: table-row-group;
  }
}body.page-id-698 .tabledata thead > tr{
                top: -9999px;
                left: -9999px;
            }@media (min-width: 1280px){body.page-id-698 .tabledata thead > tr{
    top: 0px;
  }body.page-id-698 .tabledata thead > tr{
    left: 0px;
  }
                }body.page-id-698 .tabledata thead > tr{
  position: absolute;
  display: block;
}@media (min-width: 1280px){body.page-id-698 .tabledata thead > tr{
    position: relative;
  }body.page-id-698 .tabledata thead > tr{
    display: table-row;
  }body.page-id-698 .tabledata thead > tr th:first-child, body.page-id-698 .tabledata thead > tr th:nth-child(2), body.page-id-698 .tabledata thead > tr th:nth-child(3), body.page-id-698 .tabledata thead > tr th:nth-child(4){
    width: 12%;
  }
}body.page-id-698 .tabledata thead > tr th{
  display: block;
}@media (min-width: 1280px){body.page-id-698 .tabledata thead > tr th{
    display: table-cell;
  }
}body.page-id-698 .tabledata tbody{
  display: block;
}@media (min-width: 1280px){body.page-id-698 .tabledata tbody{
    display: table-row-group;
  }
}body.page-id-698 .tabledata tbody > tr{
  display: block;
}@media (min-width: 1280px){body.page-id-698 .tabledata tbody > tr{
    display: table-row;
  }
}body.page-id-698 .tabledata tbody > tr > td{
  display: flex;
}@media (min-width: 1280px){body.page-id-698 .tabledata tbody > tr > td{
    display: table-cell;
  }
}body.page-id-698 .tabledata tbody > tr > td table tr td{
  padding-left: 0px;
  padding-left: 0;
  padding-right: 0px;
  padding-right: 0;
}/* min-height: 68px; */@media (min-width: 1280px){body.page-id-698 .tabledata tbody > tr > td table tr:first-child td:first-child:not(:last-child), body.page-id-698 .tabledata tbody > tr > td table tr:first-child td:nth-child(2), body.page-id-698 .tabledata tbody > tr > td table tr:first-child td:nth-child(3), body.page-id-698 .tabledata tbody > tr > td table tr:first-child td:nth-child(4){
    width: 12%;
  }
}body.page-id-698 .tabledata tbody > tr > td table tr:first-child td:not(:last-child){
  border-bottom-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(158 162 169 / var(--tw-border-opacity));
}@media (min-width: 1280px){body.page-id-698 .tabledata tbody > tr > td table tr:first-child td:not(:last-child){
    border-width: 0px;
  }
}body.page-id-698 .tabledata tbody > tr > td table tr:first-child td::before{
                                        content: attr(data-title);
                                    }@media (min-width: 1280px){body.page-id-698 .tabledata tbody > tr > td table tr:first-child td::before{
                                            content: none;
                                    }
                                        }body.page-id-698 .tabledata tbody > tr > td table tr:first-child td::before{
  left: 0.5rem;
  top: 1rem;
  width: 50%;
  flex-shrink: 0;
  padding-right: 1rem;
  text-align: left;
  font-weight: 700;
}body.page-id-698 .tabledata tbody > tr > td table tr:last-child td{
  flex-wrap: wrap;
  align-items: center;
  padding-top: 1rem;
  padding-bottom: 0px;
  padding-bottom: 0;
  padding-left: 1.25rem;
}body.page-id-698 .tabledata tbody > tr > td table tr:last-child td .chip{
  margin-bottom: 0.25rem;
  margin-right: 0.25rem;
}@media (min-width: 1280px){body.page-id-698 .tabledata tbody > tr > td table tr:last-child td .chip{
    margin-bottom: 0px;
    margin-bottom: 0;
  }
}body.page-id-698 .tabledata tbody > tr > td table tr:last-child td i{
  position: absolute;
  top: 1.25rem;
  left: 0px;
}body.page-id-698 .tabledata tbody > tr.has-inset-row + tr::after{
  left: 0px;
  width: 100%;
}.mx-auto{
  margin-left: auto;
  margin-right: auto;
}.mt-6{
  margin-top: 1.5rem;
}.mt-4{
  margin-top: 1rem;
}.mt-12{
  margin-top: 3rem;
}.mt-2{
  margin-top: 0.5rem;
}.mt-8{
  margin-top: 2rem;
}.mr-2{
  margin-right: 0.5rem;
}.mb-4{
  margin-bottom: 1rem;
}.mb-6{
  margin-bottom: 1.5rem;
}.mb-8{
  margin-bottom: 2rem;
}.mb-12{
  margin-bottom: 3rem;
}.mt-16{
  margin-top: 4rem;
}.mr-8{
  margin-right: 2rem;
}.block{
  display: block;
}.inline-block{
  display: inline-block;
}.flex{
  display: flex;
}.table{
  display: table;
}.table-row{
  display: table-row;
}.grid{
  display: grid;
}.hidden{
  display: none;
}.h-full{
  height: 100%;
}.w-full{
  width: 100%;
}.max-w-\[12rem\]{
  max-width: 12rem;
}.flex-wrap{
  flex-wrap: wrap;
}.justify-center{
  justify-content: center;
}.justify-between{
  justify-content: space-between;
}.bg-white{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}.bg-opacity-60{
  --tw-bg-opacity: 0.6;
}.py-16{
  padding-top: 4rem;
  padding-bottom: 4rem;
}.text-center{
  text-align: center;
}.font-title{
  font-family: Kanit, sans-serif;
}.text-sm{
  font-size: .875rem;
}.text-base{
  font-size: 1rem;
}.font-bold{
  font-weight: 700;
}.uppercase{
  text-transform: uppercase;
}.text-grey-400{
  --tw-text-opacity: 1;
  color: rgb(98 99 100 / var(--tw-text-opacity));
}.opacity-0{
  opacity: 0;
}.filter{
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}@media (min-width: 1280px){.lg\:mb-0{
    margin-bottom: 0px;
    margin-bottom: 0;
  }.lg\:mt-24{
    margin-top: 6rem;
  }.lg\:mt-12{
    margin-top: 3rem;
  }.lg\:flex{
    display: flex;
  }.lg\:hidden{
    display: none;
  }.lg\:w-1\/2{
    width: 50%;
  }.lg\:w-2\/3{
    width: 66.666667%;
  }.lg\:w-1\/3{
    width: 33.333333%;
  }.lg\:w-1\/4{
    width: 25%;
  }.lg\:w-3\/5{
    width: 60%;
  }.lg\:w-10\/12{
    width: 83.333333%;
  }.lg\:w-7\/12{
    width: 58.333333%;
  }.lg\:w-3\/4{
    width: 75%;
  }.lg\:w-5\/12{
    width: 41.666667%;
  }.lg\:flex-1{
    flex: 1 1 0%;
  }.lg\:gap-x-8{
    -moz-column-gap: 2rem;
         column-gap: 2rem;
  }.lg\:pb-20{
    padding-bottom: 5rem;
  }.lg\:text-center{
    text-align: center;
  }
}