@font-face {
  font-family: "Fa brands 400";
  src: url('../../fonts/fa-brands-400.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Fa solid 900";
  src: url('../../fonts/fa-solid-900.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Fa 400";
  src: url('../../fonts/fa-regular-400.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Thsarabun_PSK;
  src: url('../../fonts/THSarabun-Bold.ttf') format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Thsarabun_PSK;
  src: url('../../fonts/THSarabun.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Thsarabun_PSK;
  src: url('../../fonts/THSarabun-Italic.ttf') format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Thsarabun_PSK;
  src: url('../../fonts/THSarabun-BoldItalic.ttf') format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Materialiconssharp;
  src: url('../../fonts/MaterialIconsSharp-Regular.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  --red: #c10007;
  --paragraph: #fff;
  --primary: #1587c4;
  --nav-color: #0056a2;
  --white: #fff;
  --foundation-blue: #273c69;
  --orange2: #e3973e;
  --light-gray: #f0f4f5;
  --light-blue-bar: #d7f1ff;
  --black: #1c2b7d;
  --blue: #1c2b7d;
  --eeee: #eee;
  --dark-gray-50: #afafaf80;
  --royal-blue: #365f7b;
  --primary-light: #b3c9f2;
  --light-active: #fafafa;
  --grey-7a: #7a7a7a;
  --text-color: #25312f;
  --normal-hover: #d6d6d6;
  --white-transparent: #ffffffe6;
  --grey: #666;
  --transp: #fff0;
  --type-color: #e6eef6;
  --select-bg: #c2eaff;
  --green: #47c05b;
  --light-blue: #b3e5ff;
  --light-green: #f8f8e4;
  --100: #fbfbfb;
  --state-0: #c5c5c5;
  --grey-button: #e9e8e8;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.w-layout-hflex {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.w-layout-layout {
  grid-row-gap: 20px;
  grid-column-gap: 20px;
  grid-auto-columns: 1fr;
  justify-content: center;
  padding: 20px;
}

.w-layout-cell {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

body {
  color: var(--red);
  background-color: #0000;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  line-height: 1.5em;
}

h1 {
  color: var(--red);
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Roboto, sans-serif;
  font-size: 62px;
  font-weight: 500;
  line-height: 1.2em;
}

h2 {
  color: var(--red);
  text-align: left;
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Roboto, sans-serif;
  font-size: 48px;
  font-weight: 500;
  line-height: 1.2em;
}

h3 {
  color: var(--red);
  text-align: left;
  margin-top: 10px;
  font-family: Roboto, sans-serif;
  font-size: 38px;
  font-weight: 500;
  line-height: 1.2em;
}

h4 {
  color: var(--red);
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Roboto, sans-serif;
  font-size: 28px;
  font-weight: 500;
  line-height: 1.2em;
}

h5 {
  color: var(--red);
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Roboto, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.2em;
}

h6 {
  color: var(--red);
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Roboto, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.2em;
}

p {
  color: var(--paragraph);
  text-align: left;
  margin-top: 10px;
  margin-bottom: 10px;
  font-weight: 400;
  line-height: 1.5em;
}

a {
  color: var(--primary);
  align-items: center;
  font-size: 16px;
  line-height: 1.2em;
  text-decoration: none;
  transition: color .3s;
}

ul {
  grid-row-gap: 15px;
  background-color: var(--paragraph);
  color: var(--primary);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  flex-direction: column;
  margin-top: 10px;
  margin-bottom: 10px;
  padding-left: 20px;
  display: flex;
}

li {
  align-items: center;
  line-height: 1.4em;
}

img {
  max-width: 100%;
  padding-bottom: 10px;
  display: inline-block;
}

label {
  margin-bottom: 10px;
  display: block;
}

blockquote {
  border-left: 3px solid var(--primary);
  text-align: center;
  margin-top: 40px;
  margin-bottom: 40px;
  padding: 20px;
  font-size: 28px;
  font-weight: 400;
  line-height: 1.2;
}

.section {
  opacity: 1;
  background-color: #fafbfd;
  padding-top: 0;
  padding-bottom: 40px;
}

.section.home-banner {
  grid-column-gap: 40px;
  width: 100%;
  height: auto;
  color: var(--red);
  background-color: #fff;
  margin-top: 100px;
  margin-bottom: 90px;
  padding-top: 40px;
  padding-bottom: 0;
  display: block;
}

.base-container {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  max-width: 1296px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.base-container.align-left {
  align-items: flex-start;
}

.base-container.margin-bottom-15px {
  margin-bottom: 15px;
}

.base-container.margin-bottom-15px.margin-top-15px {
  margin-top: 15px;
}

.base-container.footer-wid {
  max-width: 100%;
}

.primary-button {
  background-color: var(--nav-color);
  height: 40px;
  color: var(--white);
  text-align: center;
  letter-spacing: .5px;
  text-transform: none;
  border-radius: 10px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  padding: 12px 30px;
  font-family: Noto Sans Thai, sans-serif;
  transition: background-color .6s;
  display: flex;
}

.primary-button:hover {
  background-color: var(--nav-color);
  opacity: 1;
}

.primary-button.size-manual {
  height: auto;
}

.nav-container {
  justify-content: space-between;
  align-items: center;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
  position: relative;
}

.nav-menu {
  text-align: right;
  justify-content: flex-end;
  align-items: center;
}

.nav-dropdown {
  display: none;
}

.nav-dropdown.responsive {
  display: block;
}

.nav-dropdown-toggle {
  margin-left: 0;
  margin-right: 0;
  padding: 10px 20px;
}

.nav-dropdown-toggle.register {
  padding: 0 20px;
  display: flex;
}

.nav-dropdown-icon {
  color: var(--primary);
  font-size: 16px;
  display: block;
}

.nav-dropdown-list {
  background-color: var(--foundation-blue);
  border-radius: 15px;
  width: 200px;
  padding: 15px 20px;
}

.nav-dropdown-list.w--open {
  padding-top: 20px;
  padding-bottom: 20px;
  box-shadow: 1px 0 15px 1px #1c394c26;
}

.nav-dropdown-list.request {
  right: -40px;
}

.nav-dropdown-list.request.w--open {
  background-color: var(--white);
  width: 250px;
}

.nav-dropdown-link-wrapper {
  flex-direction: column;
  align-items: center;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.nav-dropdown-link {
  width: 100%;
  color: var(--primary);
  text-transform: capitalize;
  margin-left: -20px;
  padding: 8px 8px 8px 0;
  font-family: Sarabun, sans-serif;
  transition: all .3s;
  display: flex;
}

.nav-dropdown-link:hover {
  color: var(--nav-color);
  margin-left: 0;
}

.nav-dropdown-link.w--current {
  color: var(--orange2);
  font-family: Sarabun, sans-serif;
}

.nav-item-title {
  color: var(--primary);
  margin-top: 5px;
  margin-bottom: 5px;
  font-family: Sarabun, sans-serif;
  font-size: 14px;
}

.nav-item-title.margin-0px {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Sarabun, sans-serif;
}

.nav-item-title.margin-0px.date {
  font-size: 14px;
  font-weight: 300;
}

.utility-page-wrap {
  background-color: var(--light-gray);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
  margin-bottom: 40px;
  padding-top: 40px;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  width: 280px;
  display: flex;
}

.utility-page-form {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.password-image {
  width: 140px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.password-input {
  border: 1px solid #576d7a80;
  border-radius: 50px;
  min-width: 280px;
  height: 48px;
  min-height: 48px;
  margin-bottom: 10px;
  padding: 10px 20px;
  font-size: 16px;
  line-height: 1.2em;
}

.password-input:focus {
  border: 1px solid var(--light-blue-bar);
}

.password-input::placeholder {
  color: #576d7ae6;
}

.password-title-wrapper {
  margin-bottom: 40px;
}

._404-paragraph {
  text-align: center;
  margin-top: 20px;
  margin-bottom: 40px;
}

._404-logo-wrapper {
  justify-content: center;
  display: flex;
  position: absolute;
  inset: 40px 0% auto;
}

.text-center {
  text-align: center;
  font-family: Prompt, sans-serif;
  font-size: 30px;
}

._404-content-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 700px;
  display: flex;
}

.nav-menu-wrapper {
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  display: block;
}

.footer {
  grid-column-gap: 18px;
  grid-row-gap: 16px;
  text-align: center;
  -webkit-text-fill-color: inherit;
  background-color: #eee;
  background-clip: border-box;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: flex-start;
  padding-top: 20px;
  padding-bottom: 20px;
  display: grid;
  position: static;
}

.footer.full-lenge {
  background-color: var(--foundation-blue);
  grid-auto-flow: row;
  place-items: start stretch;
  padding-top: 0;
  padding-bottom: 0;
  position: relative;
  inset: 0 0%;
}

.footer.full-lenge.m25 {
  background-color: #eee;
}

.footer-brand-description {
  color: var(--white);
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Noto Sans Thai, sans-serif;
  font-size: 14px;
  font-weight: 600;
}

.footer-brand-description.m25 {
  color: var(--black);
}

.service-list-item {
  position: relative;
}

.overflow-hidden {
  border-radius: 0 25px;
  height: 100%;
  overflow: hidden;
}

.slide-2 {
  background-image: url('../../images/6.png');
  background-position: 0 0;
  background-size: 100% 100%;
  background-attachment: scroll;
  border-radius: 0 0 20px 20px;
}

.slide-3 {
  max-height: 580px;
}

.slide-1 {
  -webkit-text-fill-color: inherit;
  background-image: url('../../images/b4.png');
  background-position: 50%;
  background-repeat: repeat;
  background-size: 100% 100%;
  background-attachment: scroll;
  background-clip: border-box;
  border-radius: 0 0 20px 20px;
  height: 360px;
  padding-bottom: 0;
  padding-right: 0;
  overflow: visible;
}

.slide-1.vertical {
  background-image: none;
  border-radius: 8px;
  width: 550%;
  height: 100%;
  max-height: 770px;
}

.about-3-tab-link {
  width: 33.33%;
  color: var(--foundation-blue);
  background-color: #0000;
  flex-direction: column;
  align-items: center;
  margin-bottom: -12px;
  padding-top: 20px;
  padding-bottom: 4px;
  font-size: 19px;
  line-height: 32px;
  transition: all .3s;
  display: flex;
  position: relative;
}

.about-3-tab-link.w--current {
  color: var(--foundation-blue);
  background-color: #0000;
  padding-top: 20px;
  padding-bottom: 4px;
  font-size: 24px;
}

.portfolio-grid-collection-item {
  width: 100%;
  position: relative;
  overflow: hidden;
  box-shadow: 0 0 30px #00000014;
}

.portfolio-masonry-image-wrapper {
  position: relative;
}

.blog-item {
  width: 33.33%;
}

.slide-nav {
  color: var(--blue);
  padding-top: 10px;
  font-size: 10px;
  display: block;
  inset: auto 0% 0%;
}

.testimonials {
  padding-top: 80px;
  padding-bottom: 80px;
}

.blog-section-title {
  text-align: center;
  margin-bottom: 60px;
  padding-left: 15px;
  padding-right: 15px;
}

.map-wrapper {
  position: relative;
}

.map-wrapper.home-page {
  width: 100%;
  margin-bottom: 60px;
}

.contacts-wrapper-grid {
  grid-column-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  padding-left: 30px;
  padding-right: 30px;
}

.section-title-center {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 780px;
  margin-bottom: 60px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.courses-collection {
  width: 100%;
}

.home-4-testimonials-wrapper, .testimonials-wrapper-2 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  align-items: stretch;
  width: 100%;
  margin-top: 10px;
  display: flex;
}

.top-banner-button-wrapper {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  margin-top: 38px;
  display: flex;
  position: relative;
}

.about-img {
  object-fit: cover;
  position: absolute;
}

.about-img._1 {
  z-index: 2;
  width: 350px;
  inset: 0% 0% auto 12%;
}

.about-img._5 {
  z-index: 4;
  width: 350px;
  inset: 60% 0% auto 24%;
}

.about-img._3 {
  z-index: 1;
  width: 300px;
  inset: 19% 4% 0% auto;
}

.about-img._4 {
  z-index: 5;
  width: 220px;
  inset: 47% 30% 0% 50%;
}

.about-img._2 {
  z-index: 3;
  width: 300px;
  inset: 31% auto 0% 2%;
}

.subtitle {
  border-bottom: 2px solid #80808026;
  margin-bottom: 30px;
  margin-right: 0;
  padding-bottom: 4px;
  display: inline-block;
}

.our-services-wrap {
  grid-row-gap: 20px;
  flex-direction: column;
  align-items: center;
  width: 33.33%;
  display: flex;
}

.central-alignment-heaading {
  text-align: center;
  margin-bottom: 75px;
}

.heading-wrapper {
  margin-top: 40px;
  margin-bottom: 30px;
}

.content-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 190px;
  display: flex;
}

.content {
  border-radius: 5px;
  margin-bottom: 30px;
  margin-left: 15px;
  margin-right: 15px;
}

.industries-block-wrapper {
  background-color: #0000;
  border-radius: 12px;
  flex-direction: column;
  justify-content: space-around;
  width: 100%;
  max-width: 35vw;
  padding-bottom: 30px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  position: relative;
}

.industries-block-wrapper:hover {
  box-shadow: 0 10px 20px #14173326;
}

.home-9-team-item {
  text-align: center;
  flex-direction: column;
  align-items: center;
  width: 31%;
  position: relative;
}

.about-4-team-slide {
  width: 23%;
  margin-right: 30px;
}

.about-6-projects-item {
  text-align: center;
  object-fit: cover;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 370px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.section-with-blue-bg {
  background-color: var(--primary);
  justify-content: center;
  display: flex;
}

.nav-dropdown-link-line {
  background-color: var(--primary);
  width: 16px;
  height: 2px;
  margin-right: 15px;
  font-family: Sarabun, sans-serif;
  display: inline-block;
}

.subtitle-2 {
  color: #fc8e44;
  border-bottom: 2px solid #80808026;
  margin-bottom: 30px;
  margin-right: 0;
  padding-bottom: 4px;
  display: inline-block;
}

.dropdown-nav-link {
  color: #999;
  margin-left: -20px;
  padding: 5px 0;
  font-family: Poppins;
  transition: color .2s;
  display: flex;
}

.dropdown-nav-link:hover, .dropdown-nav-link.w--current {
  color: #004ae2;
}

.gallery-image-link {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.home-19-gallery-img-link {
  justify-content: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.menu-wrap {
  align-items: center;
  margin-right: 10px;
  display: flex;
}

.home-banner-left-arrow {
  align-items: center;
  height: 40px;
  display: flex;
  inset: 0% auto 0% 2%;
}

.home-23-team-item {
  width: 33%;
}

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

.brand-tablet {
  display: none;
}

.brand {
  display: flex;
}

.home-banner {
  grid-column-gap: 40px;
  justify-content: space-between;
  align-items: flex-start;
  width: 90%;
  padding-top: 0;
  padding-bottom: 40px;
  display: flex;
}

.btn {
  background-color: var(--nav-color);
  height: 38px;
  color: var(--white);
  text-align: center;
  letter-spacing: .5px;
  border-radius: 10px;
  align-items: center;
  padding: 12px 40px;
  font-family: Noto Sans Thai, sans-serif;
  font-size: 14px;
  transition: background-color .6s;
  display: flex;
}

.btn.login-btn {
  background-color: var(--nav-color);
  width: auto;
  height: 48px;
  color: var(--white);
  background-image: none;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  padding-left: 24px;
  padding-right: 24px;
  font-family: Noto Sans Thai, sans-serif;
  font-size: 16px;
}

.btn.back {
  background-color: var(--eeee);
  color: #2b2b2b;
  text-align: center;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 105px;
  height: 48px;
  padding-left: 0;
  padding-right: 0;
  font-size: 16px;
}

.landing-section-title {
  text-align: center;
  width: 70%;
  margin: 0 auto;
}

.section-ttile-description {
  text-align: center;
  margin-top: 20px;
}

.landing-home-pages-wrapper {
  grid-column-gap: 40px;
  grid-row-gap: 50px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  max-width: 1480px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
}

.error-message {
  color: var(--primary);
  text-align: center;
  background-color: #0000;
  padding: 0;
}

.underline {
  background-color: var(--primary);
  width: 100%;
  height: 2px;
  position: absolute;
  bottom: 0%;
}

.underline.hone-display {
  background-color: var(--blue);
}

.intro-box {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  min-height: 450px;
  display: flex;
}

.tab-link {
  background-color: var(--dark-gray-50);
  color: var(--blue);
  border-radius: 10px;
  justify-content: center;
  margin-right: 20px;
  padding: 10px 20px;
  font-family: Sarabun, sans-serif;
  display: flex;
}

.tab-link.w--current {
  width: auto;
  height: auto;
  color: var(--light-gray);
  background-color: #0000;
  background-image: url('../../images/Button_Green.svg');
  background-position: 0 0;
  background-size: auto;
  border-radius: 7px;
  margin-right: 20px;
  padding-left: 20px;
  padding-right: 20px;
  font-family: Sarabun, sans-serif;
  font-weight: 500;
}

.nav-item-with-line-block {
  border-left: 1.5px none var(--foundation-blue);
  padding-left: 10px;
  padding-right: 40px;
  position: relative;
}

.nav-link-underline {
  color: var(--foundation-blue);
  cursor: pointer;
  margin-left: 13px;
  margin-right: 13px;
  font-family: Sarabun, sans-serif;
  line-height: 1.5em;
  position: relative;
}

.nav-link-underline.hide {
  display: none;
}

.primary-color {
  color: var(--primary);
}

.process-step {
  z-index: 5;
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 4rem 1fr;
  grid-auto-columns: 1fr;
  place-items: center;
  display: grid;
  position: relative;
}

.process-item-indicator {
  z-index: 2;
  background-color: var(--light-blue-bar);
  width: 65px;
  height: 65px;
  box-shadow: 0 0 0 1.5rem var(--royal-blue);
  color: var(--light-gray);
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  font-size: 28px;
  line-height: 1.2em;
  display: flex;
  position: relative;
}

.process-timeline-progress {
  background-color: var(--primary-light);
  width: 3px;
  height: 0;
}

.process-item-container {
  z-index: 5;
  border-radius: 10px 200px 10px 10px;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.preloader-wrapper-animation {
  z-index: 40;
  display: flex;
  position: absolute;
  inset: 0% 0% 0% 0;
}

.animals-lightbox-item {
  color: #fff;
  text-align: center;
  width: 100%;
  height: 100%;
  margin-left: -1px;
  margin-right: -1px;
  text-decoration: none;
  position: relative;
  overflow: hidden;
}

.text-404 {
  color: var(--red);
  font-size: 180px;
  font-weight: 700;
  line-height: 1.2em;
}

.mg-bottom-24px {
  margin-bottom: 24px;
}

.flex {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  text-align: left;
  flex-flow: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.flex.align-center {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  text-align: left;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 0;
  display: flex;
}

.flex.align-center.cursor-pointer {
  justify-content: flex-start;
  align-items: center;
}

.flex.align-center {
  align-items: center;
}

.flex.align-right {
  justify-content: flex-end;
  align-items: flex-start;
}

.flex.gap-0 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
}

.flex.gap-0.margin-bottom-12px {
  margin-bottom: 12px;
}

.flex.red-tag {
  background-color: #e7000b1a;
  border: 1px solid #d770741a;
  border-radius: 8px;
  min-height: 32px;
  padding: 4px 12px;
}

.flex.margin-left-48px {
  margin-left: 48px;
}

.flex.margin-left-48px.margin-top-12px {
  margin-top: 12px;
}

.flex.margin-left-48px.margin-top-12px.margin-bottom-12px {
  margin-bottom: 12px;
}

.flex.margin-bottom-20px {
  margin-bottom: 20px;
}

.flex.margin-bottom-12px {
  margin-bottom: 12px;
}

.flex.green-tag {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: #c10007;
  background-color: #00a63e1a;
  border: 1px solid #00a63e33;
  border-radius: 8px;
  min-height: 32px;
  margin-bottom: 0;
  padding: 4px 12px;
}

.flex.green-tag.annouse-size {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  height: auto;
  min-height: 24px;
  padding-top: 0;
  padding-bottom: 0;
}

.flex.green-tag.annouse-size.margin-bottom-12px {
  max-width: none;
  margin-bottom: 12px;
}

.flex.align-center {
  justify-content: center;
  align-items: center;
}

.flex.align-center.top {
  justify-content: center;
  align-items: flex-start;
}

.flex.mg-top-24px {
  margin-top: 24px;
}

.flex.top-down {
  flex-flow: column;
}

.flex.top-down.menu-flex {
  justify-content: center;
  align-items: center;
  height: 86px;
}

.flex.margin-top-12px {
  margin-top: 12px;
}

.flex.margin-top-12px.margin-bottom-12px.gap-0 {
  justify-content: flex-start;
  align-items: center;
  height: 86px;
  max-height: 86px;
}

.flex.margin-right-48px {
  margin-right: 48px;
}

.flex.gap-4 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
}

.flex.gap-4.margin-bottom-4px {
  margin-bottom: 4px;
}

.flex.red-tag {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: #c10007;
  background-color: #e7000b1a;
  border: 1px solid #e7000b1a;
  border-radius: 8px;
  min-height: 32px;
  margin-bottom: 0;
  padding: 4px 12px;
}

.flex.red-tag.annouse-size {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  max-width: 110px;
  height: auto;
  min-height: 24px;
  padding-top: 0;
  padding-bottom: 0;
}

.flex.red-tag.annouse-size.margin-bottom-12px {
  margin-bottom: 12px;
}

.grid-2-column {
  grid-column-gap: 24px;
  grid-row-gap: 5px;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-content: stretch;
  align-self: stretch;
  place-items: center stretch;
  display: grid;
}

.grid-2-column.gap-18px {
  grid-column-gap: 18px;
  grid-row-gap: 18px;
}

.grid-2-column.login-main {
  grid-column-gap: 24px;
  grid-template-columns: 1fr 1fr;
}

.grid-2-column.announ {
  grid-row-gap: 16px;
  border-bottom: 1px #f0f3f6;
  padding-top: 0;
  padding-bottom: 0;
}

.grid-2-column.margin-bottom-14px {
  grid-template-columns: 1fr 1fr;
}

.grid-2-column.update-pj-popup {
  grid-column-gap: 32px;
  grid-row-gap: 24px;
  background-color: var(--light-active);
  border-radius: 8px;
  grid-template-columns: max-content 1fr;
  height: auto;
  min-height: 80px;
  padding: 24px;
}

.grid-2-column.row-middle {
  align-content: start;
}

.grid-2-column.margin-top-24px {
  margin-top: 24px;
}

.grid-2-column.password {
  grid-template-columns: 1fr max-content;
}

.grid-2-column.anouse {
  grid-template-columns: max-content 1fr;
}

.grid-2-column.tel-col {
  grid-row-gap: 36px;
}

.content-table {
  max-width: 100%;
  height: auto;
  color: var(--black);
  background-color: #fafbfd00;
  border: 1px solid #e9eaf3;
  border-radius: 10px;
  margin-bottom: 20px;
  padding: 0;
  font-family: Noto Sans Thai, sans-serif;
  overflow: hidden;
}

.content-table.border-radius-30px {
  border-radius: 30px;
}

.content-table.border-radius-30px.overflow-hidden {
  background-color: #fafbfd00;
  border-style: solid;
  border-radius: 10px;
  width: 100%;
  height: auto;
  margin-bottom: 0;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}

.content-table.border-radius-30px.overflow-hidden.announ-login {
  width: auto;
  overflow: hidden;
}

.text-16px {
  color: var(--black);
  word-break: keep-all;
  font-family: Noto Sans Thai, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.443rem;
}

.text-16px.bold {
  font-weight: 700;
}

.text-16px.bold.margin-bottom-12px {
  margin-bottom: 12px;
}

.text-16px.color-grey-7a {
  color: var(--grey-7a);
}

.text-16px.color-white {
  color: var(--white);
  margin-left: 0;
}

.text-16px.color-black {
  color: var(--black);
  line-height: 1.443rem;
}

.text-16px.semi-bold {
  color: var(--black);
  font-weight: 600;
}

.text-16px.semi-bold.green-lable {
  color: #008236;
}

.text-16px.semi-bold.size-110px {
  width: 110px;
}

.text-16px.semi-bold.color-grey {
  color: var(--grey-7a);
}

.text-16px.semi-bold.align-left {
  text-align: left;
}

.text-16px.semi-bold.color-white {
  color: var(--white);
}

.text-16px.color-blue {
  color: var(--nav-color);
}

.text-16px.align-center {
  text-align: center;
  align-self: center;
}

.text-16px.align-center.color-grey {
  color: #a3a3a3;
}

.text-16px.align-center.color-grey.margin-bottom-32px.margin-top-20px {
  margin-top: 20px;
}

.text-16px.align-center.white {
  color: var(--white);
}

.text-16px.link-text {
  color: var(--nav-color);
  font-weight: 600;
}

.text-16px.color-black {
  color: var(--black);
  margin-left: 0;
}

.text-16px.padding-24 {
  padding: 24px;
}

.text-16px.margin-bottom-16px {
  margin-bottom: 16px;
}

.text-16px.text-tag {
  color: #4a5565;
}

.text-16px.contact-card {
  color: var(--nav-color);
  font-weight: 600;
}

.text-16px.about-text-card {
  color: var(--white);
}

.text-16px.link-enew {
  color: var(--nav-color);
  justify-content: flex-end;
  align-items: center;
  margin-bottom: 14px;
  text-decoration: underline;
  display: flex;
}

.text-16px.left {
  text-align: left;
}

.text-16px.news-popup {
  text-align: left;
  align-self: flex-start;
  margin-left: 18px;
}

.text-16px.news-popup.bold.head, .text-16px.news-popup.magin-bottom-8px {
  margin-bottom: 8px;
}

.text-16px.file {
  color: var(--nav-color);
  text-align: left;
  align-self: flex-start;
  margin-bottom: 8px;
  margin-left: 18px;
}

.text-16px.file.bold.head, .text-16px.file.magin-bottom-8px {
  margin-bottom: 8px;
}

.text-16px._24 {
  color: var(--nav-color);
  margin-bottom: 6px;
  font-weight: 600;
}

.text-16px._25 {
  color: var(--orange2);
  margin-bottom: 6px;
  font-weight: 600;
}

.text-16px.yellow-text {
  color: var(--orange2);
}

.text-16px.yellow-text.semi-bold {
  text-align: center;
}

.text-14px {
  color: var(--black);
  text-align: left;
  letter-spacing: 0;
  column-count: 0;
  word-break: keep-all;
  overflow-wrap: anywhere;
  align-self: auto;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  font-family: Noto Sans Thai, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.7em;
}

.text-14px:hover {
  color: var(--black);
}

.text-14px.logo {
  color: var(--foundation-blue);
  font-family: Kanit, sans-serif;
}

.text-14px.logo.margin-right-10px {
  margin-left: 10px;
}

.text-14px.margin-bottom-40px {
  margin-bottom: 40px;
}

.text-14px.medium {
  width: auto;
  color: var(--text-color);
  text-align: left;
  flex: 0 auto;
  margin-bottom: 0;
  font-family: Noto Sans Thai, sans-serif;
  font-size: 14px;
  font-weight: 500;
}

.text-14px.medium.align-center.margin-bottom-24px {
  margin-bottom: 24px;
}

.text-14px.align-center {
  text-align: center;
  align-self: center;
}

.text-14px.login {
  color: var(--foundation-blue);
  align-self: auto;
}

.text-14px.login.text-black {
  color: #2b2b2b;
}

.text-14px.color-white, .text-14px.color-d6 {
  color: var(--white);
  font-family: Noto Sans Thai, sans-serif;
}

.text-14px.color-red {
  color: var(--red);
  word-break: keep-all;
}

.text-14px.anous-bx {
  background-color: #e6eef6;
  border: 1px solid #b0cbe2;
  border-radius: 8px;
  font-weight: 700;
}

.text-14px.anous-bx.color-blue {
  color: var(--nav-color);
}

.text-14px.anous-bx.color-blue.padding-annou {
  padding: 4px 12px;
}

.text-14px.anous-bx.color-red {
  color: var(--white-transparent);
  background-color: #ff6f71;
}

.text-14px.anous-bx.color-red.padding-annou {
  border-color: #ffc2c3;
  padding: 4px 12px;
}

.text-14px.semibold {
  font-weight: 600;
}

.text-14px.semibold.color-green {
  color: #008236;
}

.text-14px.color-blue {
  color: var(--nav-color);
}

.text-14px.news-box {
  background-color: #e6eef6;
  border: 1px solid #b0cbe2;
  border-radius: 8px;
  font-weight: 700;
}

.text-14px.news-box.color-yellow {
  color: var(--nav-color);
}

.text-14px.news-box.color-yellow.padding-annou {
  padding: 4px 12px;
}

.text-14px.margin-right-10px {
  word-break: keep-all;
  margin-right: 10px;
}

.input {
  min-height: 38px;
  color: var(--grey);
  -webkit-text-stroke-color: var(--grey);
  background-color: #fff;
  border: 1px solid #c5c5c5;
  border-radius: 8px;
  margin-bottom: 0;
  padding: 5px 10px;
  font-family: Noto Sans Thai, sans-serif;
  font-size: 14px;
  line-height: 1.143em;
  transition: box-shadow .3s, color .3s, border-color .3s;
  box-shadow: 0 2px 12px #0b162c0d;
}

.input:hover {
  border-color: #989aad;
  box-shadow: 0 2px 12px #0b162c1a;
}

.input:focus {
  color: #0b0e2c;
  border-color: #1476ff;
}

.image {
  width: auto;
  height: auto;
  margin-right: 0;
  padding-bottom: 0;
}

.image.mg-bottom-16px.login-pic {
  width: 236px;
  height: 230px;
}

.image.mg-bottom-16px.login-pic.margin-top-24px {
  margin-top: 24px;
}

.image.size-24 {
  width: 24px;
  height: 24px;
}

.grid-3-column {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-self: stretch;
  padding: 0;
  display: grid;
}

.grid-3-column.welcome-grid {
  grid-template-columns: 1fr max-content max-content;
}

.grid-3-column.welcome-grid.margin-top-14px {
  margin-top: 14px;
}

.margin-left-10px {
  margin-left: 10px;
}

.margin-left-20px {
  margin-left: 20px;
}

.text-100 {
  color: var(--normal-hover);
  font-family: Noto Sans Thai, sans-serif;
  font-size: 12px;
  line-height: 1.167em;
}

.text-100.medium {
  font-weight: 500;
}

.text-100.medium.text-uppercase {
  color: var(--primary);
  font-family: Noto Sans Thai, sans-serif;
  font-size: 14px;
  font-weight: 500;
}

.table {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-self: stretch;
}

.table.annouse {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.invoices-table-row {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border-top: 1px solid #e9eaf3;
  grid-template-rows: auto;
  grid-template-columns: .75fr .5fr .35fr .5fr .5fr 150px;
  grid-auto-columns: 1fr;
  align-items: center;
  padding: 12px 36px 8px;
  display: grid;
}

.invoices-table-row.header {
  background-color: #f7f9fc;
  padding-top: 16px;
  padding-bottom: 16px;
}

.invoices-table-row.header.vptablehead {
  grid-column-gap: 10px;
  grid-template-columns: .35fr .5fr .75fr .35fr 150px 150px;
  padding: 10px 20px;
}

.invoices-table-row.header.vptablehead.home-announ {
  background-color: #e6eef6;
  grid-template-columns: 1fr;
}

.invoices-table-row.vptablecontent {
  grid-column-gap: 11px;
  grid-template-columns: .35fr .5fr .75fr .35fr 150px 150px;
  align-items: start;
  padding: 8px 20px;
}

.invoices-table-row.vptablecontent.tbupload {
  grid-template-columns: 60px 1fr .25fr .5fr .5fr;
  align-items: center;
}

.invoices-table-row.vptablecontent.tbupload.login-annou-list {
  background-color: var(--white);
  border-radius: 8px;
  grid-template-columns: 1fr;
  padding-top: 0;
  padding-bottom: 32px;
  padding-left: 32px;
}

.invoices-table-row.vptablecontent.tbupload.warning-list {
  grid-template-columns: .25fr 1fr 1fr 1fr;
  align-items: start;
  padding-top: 12px;
  padding-bottom: 12px;
}

.display-4 {
  color: #0b0e2c;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.455em;
}

.display-4.mg-bottom-8px {
  font-family: Sarabun, sans-serif;
}

.table-item-mobile-caption {
  display: none;
}

.popup {
  background-color: #fff;
  border: 1px solid #e9eaf3;
  border-radius: 20px;
  box-shadow: 0 2px 10px #195dc212;
}

.popup.simple-popup {
  text-align: center;
  border-radius: 30px;
  width: 100%;
  max-width: 520px;
  padding: 58px 48px;
  position: relative;
  overflow: hidden;
}

.popup.simple-popup.login {
  align-self: auto;
  width: 550px;
  max-width: none;
  height: auto;
  margin-top: 0;
  padding-top: 0;
  padding-bottom: 0;
  display: block;
  overflow: visible;
}

.popup.simple-popup.upgrade {
  align-self: auto;
  width: 650px;
  max-width: none;
  height: auto;
  margin-top: 0;
  padding-top: 0;
  padding-bottom: 0;
  display: block;
  overflow: visible;
}

.popup.simple-popup.auto-vh {
  z-index: 99;
  width: 50%;
  max-width: 100vw;
  height: 100%;
  overflow: auto;
}

.close-button-popup-module {
  z-index: 1;
  color: var(--grey);
  cursor: pointer;
  transform-style: preserve-3d;
  margin-left: auto;
  margin-right: auto;
  font-family: Material Icons Outlined, sans-serif;
  font-size: 20px;
  line-height: 1em;
  transition: transform .3s;
  position: absolute;
  top: 20px;
  right: 20px;
}

.close-button-popup-module:hover {
  transform: scale3d(1.25, 1.25, 1.01);
}

.btn-secondary {
  color: #0b0e2c;
  text-align: center;
  transform-style: preserve-3d;
  background-color: #fff;
  border: 1px solid #e9eaf3;
  border-radius: 11px;
  padding: 18px 22px;
  font-size: 14px;
  line-height: 1.143em;
  transition: border-color .3s, transform .3s, background-color .3s, color .3s;
  box-shadow: 0 4px 10px #14142b0a;
}

.btn-secondary:hover {
  color: #fff;
  background-color: #1476ff;
  border-color: #1476ff;
  transform: scale3d(1.06, 1.06, 1.01);
}

.btn-secondary.small {
  padding: 12px 18px;
  font-family: Kanit, sans-serif;
  font-size: 12px;
  line-height: 1.167em;
}

.btn-secondary.tab-button {
  grid-column-gap: 6px;
  padding: 14px 24px;
  font-family: Noto Sans Thai, sans-serif;
  font-weight: 600;
  display: flex;
}

.btn-secondary.tab-button.w--current {
  color: #fff;
  background-color: #1476ff;
  border-color: #1476ff;
  font-family: Noto Sans Thai, sans-serif;
  font-weight: 700;
  box-shadow: 0 4px 10px #0257fb33;
}

.btn-secondary.tab-button.w--current:hover {
  background-color: #004cff;
  border-color: #004cff;
}

.btn-primary {
  color: #fff;
  text-align: center;
  transform-style: preserve-3d;
  background-color: #1476ff;
  border-radius: 11px;
  justify-content: center;
  padding: 8px 20px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.143em;
  text-decoration: none;
  transition: background-color .3s, transform .3s, color .3s;
  box-shadow: 0 4px 10px #0257fb33;
}

.btn-primary:hover {
  color: #fff;
  background-color: #004cff;
  transform: scale3d(1.06, 1.06, 1.01);
}

.btn-primary.small {
  background-image: url('../../images/Button_Green.svg');
  background-position: 0 0;
  background-size: auto;
  padding: 12px 18px;
  font-family: Kanit, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.167em;
}

.popup-wrapper {
  z-index: 98;
  background-color: #0b0e2cba;
  justify-content: center;
  align-items: center;
  padding: 24px;
  display: flex;
  position: fixed;
  inset: 0%;
}

.popup-wrapper.exit {
  display: none;
}

.popup-wrapper.scroll {
  overflow: scroll;
}

.display-inline-block {
  align-self: center;
  display: inline-block;
}

.display-inline-block.exit {
  padding-left: 15px;
}

.table-item {
  overflow: hidden;
}

.mg-bottom-16px {
  align-self: stretch;
  margin-bottom: 16px;
}

.vptabletitle {
  margin-bottom: 24px;
}

.vptabletitle.div-blank {
  height: 0;
}

.align-center {
  padding-left: 0;
}

.div-emcode {
  display: none;
}

.banner-wrapper {
  color: #0b0e2c;
  background-color: #fff;
  border: 1px solid #e9eaf3;
  border-radius: 12px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 2px 10px #195dc212;
}

.banner-wrapper.error {
  background-color: #ffecb3;
  border-color: #ffecb3;
  margin-bottom: 10px;
}

.banner-wrapper.error.vpmainbarerror {
  align-self: stretch;
  width: 90%;
  margin: 10px auto;
}

.banner-wrapper.success {
  background-color: #ffecb3;
  border-color: #ffecb3;
  margin-bottom: 10px;
}

.banner-wrapper.success.vpmainbarsuccess {
  align-self: stretch;
  width: 90%;
  margin: 10px auto;
}

.mg-right-8px {
  margin-right: 8px;
}

.mg-right-8px.mg-b0 {
  padding-bottom: 0;
}

.line-square-icon {
  color: #0b0e2c;
  font-size: 16px;
}

.line-square-icon.alert-banner-close-icon {
  cursor: pointer;
  align-items: center;
  font-family: Material Icons Outlined, sans-serif;
  font-size: 16px;
  line-height: 1em;
  transition: opacity .3s;
  display: flex;
  position: absolute;
  inset: 0% 24px 0% auto;
}

.line-square-icon.alert-banner-close-icon:hover {
  opacity: .55;
}

.line-square-icon.alert-banner-close-icon.hide {
  display: none;
}

.alert-banner-padding-error {
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 8px 16px;
  display: flex;
}

.liner {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
}

.liner.menubar {
  display: none;
}

.btn-secondary-2 {
  color: #0b0e2c;
  text-align: center;
  transform-style: preserve-3d;
  background-color: #fff;
  border: 1px solid #e9eaf3;
  border-radius: 10px;
  padding: 18px 22px;
  font-size: 18px;
  line-height: 1.143em;
  transition: border-color .3s, transform .3s, background-color .3s, color .3s;
  box-shadow: 0 4px 10px #0a0a2b0a;
}

.btn-secondary-2:hover {
  color: #fff;
  background-color: #1476ff;
  border-color: #1476ff;
  transform: scale3d(1.06, 1.06, 1.01);
}

.btn-secondary-2.sign-in-button {
  background-color: var(--transp);
  height: 48px;
  box-shadow: none;
  border-color: #a3a3a3;
  border-radius: 8px;
  margin-bottom: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: Prompt, sans-serif;
  text-decoration: none;
  transition-property: none;
  display: block;
}

.btn-secondary-2.sign-in-button:hover {
  background-color: var(--transp);
  color: var(--foundation-blue);
  border-color: #c5c5c5;
  font-family: Prompt, sans-serif;
  transform: none;
}

.btn-secondary-2.sign-in-button-email {
  height: 40px;
  box-shadow: none;
  background-color: #eee;
  border-style: none;
  border-color: #c5c5c5;
  border-radius: 8px;
  margin-bottom: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: Prompt, sans-serif;
  text-decoration: none;
  transition-property: none;
  display: block;
}

.btn-secondary-2.sign-in-button-email:hover {
  color: var(--foundation-blue);
  background-color: #eee;
  border-color: #c5c5c5;
  font-family: Prompt, sans-serif;
  transform: none;
}

.btn-secondary-2.update-btn {
  height: 40px;
  box-shadow: none;
  background-color: #00a63e1a;
  border-style: solid;
  border-color: #00a63e33;
  border-radius: 8px;
  margin-bottom: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: Prompt, sans-serif;
  text-decoration: none;
  transition-property: none;
  display: block;
}

.btn-secondary-2.update-btn:hover {
  transform: none;
}

.flex-login {
  justify-content: center;
  align-items: center;
  display: flex;
}

.flex-login.gap-12 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
}

.hide {
  display: none;
}

.close-button-popup-exit {
  z-index: 1;
  cursor: pointer;
  transform-style: preserve-3d;
  font-family: Material Icons Outlined, sans-serif;
  font-size: 20px;
  line-height: 1em;
  transition: transform .3s;
  position: absolute;
  top: 20px;
  right: 20px;
}

.close-button-popup-exit:hover {
  transform: scale3d(1.25, 1.25, 1.01);
}

.text-400 {
  color: var(--text-color);
  font-family: Noto Sans Thai, sans-serif;
  font-size: 18px;
  line-height: 1.3em;
}

.container {
  max-width: none;
}

.container._90 {
  width: 90%;
  max-width: 90%;
}

.container.loginpage {
  max-width: 90%;
}

.navbar-absolute-admin {
  background-color: var(--blue);
  background-image: url('../../images/Button_Orange.svg');
  background-position: 0 0;
  background-repeat: repeat;
  background-size: cover;
  background-attachment: scroll;
  width: 100%;
  height: 80px;
  padding-top: 15px;
  padding-bottom: 10px;
  position: absolute;
  inset: 0% 0% auto;
  box-shadow: 0 2px 5px #0000003d;
}

.nav-dropdown-link-line-2 {
  background-color: var(--blue);
  width: 16px;
  height: 2px;
  color: var(--blue);
  -webkit-text-stroke-color: var(--blue);
  margin-right: 15px;
  display: inline-block;
}

.nav-dropdown-link-line-2:hover {
  background-color: var(--orange2);
}

.cell-top-center {
  justify-content: flex-start;
  align-items: flex-start;
}

.password-correct {
  line-height: 1em;
}

.password-correct.magin-0 {
  padding-bottom: 0;
}

.password-correct._25 {
  background-color: #0000;
}

.quick-stack-password {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  padding: 4px 0;
}

.title200 {
  clear: none;
  color: #25312f;
  word-break: keep-all;
  overflow-wrap: anywhere;
  font-family: Noto Sans Thai, sans-serif;
  font-size: 16px;
  font-weight: 600;
}

.title200.color-pblue {
  color: var(--nav-color);
}

.title200.color-pblue.bold {
  font-weight: 700;
}

.nav-item-with-line-block-2 {
  border: 1px #000;
  padding-left: 10px;
  padding-right: 30px;
  position: relative;
}

.header-right-side {
  justify-content: flex-end;
  align-items: center;
  margin-left: 0;
  display: flex;
}

.header-right-side.login-nav {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: flex;
}

.grid-1-column {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  width: 93%;
  display: grid;
}

.grid-1-column.gap4 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
}

.grid-1-column.gap4.margin-top-12px {
  margin-top: 12px;
}

.grid-1-column.gap4.margin-top-12px.margin-bottom-12px {
  margin-bottom: 12px;
}

.header-nav-menu-wrapper.homepage {
  justify-content: center;
  align-self: auto;
  align-items: center;
  display: flex;
}

.form {
  font-family: Prompt, sans-serif;
}

.form.login {
  margin-bottom: 0;
}

.grid-3-columns {
  grid-column-gap: 24px;
  grid-row-gap: 15px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.grid-3-columns.mg-top-24px {
  margin-top: 24px;
}

.grid-3-columns.mg-top-24px.mg-bottom-24px {
  grid-row-gap: 15px;
}

.grid-3-columns.footer-boi {
  align-self: auto;
  width: 90%;
  padding-left: 0;
  padding-right: 0;
}

.slider {
  border-radius: 0 0 20px 20px;
  margin-top: 0;
}

.slider.vertical {
  border-radius: 8px;
  width: 100%;
  height: 100%;
  max-height: 770px;
}

.slider.vertical.responsive-hide-for-mobile {
  background-color: #ddd0;
  margin-top: auto;
}

.slider.vertical.responsive-hide-for-mobile.m25 {
  width: 550px;
}

.mask {
  border-radius: 0 0 20px 20px;
  height: 360px;
}

.mask.vertical {
  border-radius: 8px;
  width: 550px;
  height: 100%;
}

.left-arrow {
  top: 50px;
  left: 0;
}

.right-arrow {
  top: 50px;
  right: 0;
}

.grid-5-column {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-content: stretch;
  align-self: stretch;
  display: grid;
}

.dashboard-nav-right-content {
  justify-content: flex-end;
  align-items: center;
  margin-left: 0;
  display: flex;
}

.dashboard-nav-right-content.mg-l-32px {
  margin-right: 32px;
}

.header-wrapper {
  background-color: #fff;
  padding-top: 32px;
  padding-bottom: 32px;
}

.header-wrapper.border-bottom-solid {
  background-color: var(--foundation-blue);
  border-bottom: 1px #e9eaf3;
  width: 100%;
  height: auto;
  padding-top: 0;
  padding-bottom: 0;
}

.header-content-wrapper {
  justify-content: space-between;
  align-items: center;
  width: 90%;
  height: 86px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.content-scroll {
  border: 1px #c5c5c5;
  border-radius: 8px;
  height: 250px;
  padding: 0 0 20px;
  overflow: auto;
}

.content-scroll.login-announ {
  height: 320px;
}

.body {
  background-color: #fff;
}

.btn-primary-3 {
  color: #fff;
  text-align: center;
  transform-style: preserve-3d;
  background-color: #1476ff;
  border-radius: 11px;
  justify-content: center;
  padding: 8px 20px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.143em;
  text-decoration: none;
  transition: background-color .3s, transform .3s, color .3s;
  box-shadow: 0 4px 10px #0257fb33;
}

.btn-primary-3:hover {
  color: #fff;
  background-color: #004cff;
  transform: scale3d(1.06, 1.06, 1.01);
}

.btn-primary-3.btn-login {
  background-color: var(--nav-color);
  box-shadow: none;
  color: var(--white);
  border: 1px #1587c4;
  padding: 12px 24px;
  font-family: Prompt, sans-serif;
  font-size: 16px;
  font-weight: 400;
  transition-property: none;
}

.btn-primary-3.btn-register {
  box-shadow: none;
  color: var(--black);
  background-color: #eee;
  padding: 12px 24px;
  font-family: Prompt, sans-serif;
  font-size: 16px;
  font-weight: 400;
  transition-property: none;
}

.btn-primary-3.btn-register.margin-right-16px {
  margin-right: 16px;
}

.navbar-absolute {
  background-color: #fff0;
  width: 100%;
  height: 80px;
  padding-top: 15px;
  padding-bottom: 10px;
  position: absolute;
  inset: 0% 0% auto;
  box-shadow: 0 2px 5px #0000001f;
}

.navbar-absolute.m25, .navbar-absolute.login-24-nav {
  height: auto;
}

.popup-logo {
  width: 180px;
  height: 80px;
}

.m24-form-login {
  margin-top: 48px;
  margin-bottom: 48px;
}

.div-blank {
  width: 0;
}

.content-area {
  width: 90%;
  max-width: 90%;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  padding: 24px 0;
}

.content-area.box-main-page {
  border-radius: 8px;
  width: 90%;
  max-width: 90%;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  padding: 24px;
  display: block;
  box-shadow: 0 2px 16px #0000000d;
}

.content-area.clear-mg-t {
  margin-top: 0;
}

.content-area.search-box {
  border-radius: 8px;
  width: auto;
  max-width: 100%;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  padding: 24px 0;
  box-shadow: 0 2px 16px #0000000d;
}

.content-area.search-box.fixing {
  padding-left: 24px;
  padding-right: 24px;
  box-shadow: 0 2px 16px #00000026;
}

.content-area.search-box.fixing.whitebg {
  background-color: var(--white);
  box-shadow: 0 2px 16px #195dc212;
}

.content-area.box-auto {
  border-radius: 8px;
  width: auto;
  max-width: 90%;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  padding: 24px;
  box-shadow: 0 2px 16px #00000026;
}

.header {
  color: var(--primary);
  padding-left: 14px;
  font-family: Sarabun, sans-serif;
  font-size: 20px;
}

.grid-4-column-gap {
  grid-column-gap: 8px;
  grid-row-gap: 2px;
  grid-template-rows: minmax(0, 1.25fr);
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-self: stretch;
  margin-top: 0;
  display: grid;
}

.grid-4-column-gap.scroll.bg-light-active {
  background-color: var(--light-active);
}

.material-symbols {
  color: var(--primary);
  text-align: left;
  justify-content: center;
  align-self: flex-start;
  padding-left: 0;
  padding-right: 0;
  font-family: Materialiconssharp, Arial, sans-serif;
  font-size: 20px;
  font-weight: 400;
  display: block;
}

.material-symbols.red-icon-status {
  color: #fb2c36;
  align-self: center;
}

.material-symbols.red-icon-status.size-12 {
  font-size: 12px;
}

.material-symbols.green-icon-status.size-12 {
  font-size: 12px;
}

.material-symbols.green-icon-status {
  color: #00c951;
}

.material-symbols.green-icon-status.size-16 {
  font-size: 16px;
}

.material-symbols.white {
  background-color: var(--white);
  color: var(--primary);
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  border-radius: 8px;
  align-self: flex-start;
  padding: 4px;
}

.material-symbols.yellow-icon-status {
  color: #f0b100;
}

.material-symbols.yellow-icon-status.size-16 {
  font-size: 16px;
}

.menu-img {
  width: 140px;
  max-width: none;
  height: 100%;
  padding-bottom: 0;
}

.menu-container {
  max-width: none;
  height: 86px;
  max-height: 86px;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
}

.margin-left-24px {
  margin-left: 24px;
}

.margin-left-24px.title-nav {
  width: 380px;
  display: none;
}

.margin-left-24px.nav-title {
  display: none;
}

.margin-left-24px.margin-right-24px {
  margin-right: 24px;
}

.margin-left-24px.margin-right-24px.margin-bottom-24px {
  margin-bottom: 24px;
}

.color-white {
  color: var(--white);
  margin-right: 0;
}

.text-20px {
  color: var(--black);
  font-family: Noto Sans Thai, sans-serif;
  font-size: 20px;
}

.text-20px.bold {
  color: var(--black);
  font-weight: 700;
}

.text-20px.semibold {
  font-weight: 600;
}

.text-20px.semibold.faq {
  font-size: 16px;
}

.margin-bottom-48px {
  margin-bottom: 48px;
}

.selector-icon {
  width: 40px;
  height: 40px;
  padding-bottom: 0;
}

.selector-icon.size-24px {
  align-self: flex-start;
  width: 24px;
  height: 24px;
}

.selector-icon.banner-icon {
  width: auto;
  max-width: 30px;
  height: auto;
}

.user-select {
  background-color: var(--light-blue-bar);
  border-radius: 999px;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 6px 24px;
  display: flex;
}

.user-select.padding-lr-24px {
  padding-left: 24px;
  padding-right: 24px;
}

.user-select.padding-lr-24px.padding-tb-6px {
  background-color: var(--type-color);
  border-radius: 20px;
  padding-top: 6px;
  padding-bottom: 6px;
}

.user-select.padding-lr-24px.padding-tb-6px.main-page {
  background-color: var(--select-bg);
}

.margin-bottom-24px {
  margin-bottom: 24px;
}

.text-footter {
  color: var(--white);
  text-align: left;
  letter-spacing: 0;
  column-count: 0;
  word-break: break-all;
  overflow-wrap: anywhere;
  align-self: auto;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  font-family: Noto Sans Thai, sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.7em;
}

.text-footter:hover {
  color: var(--white);
}

.text-footter.mg-top-20px.m25 {
  color: var(--black);
  font-weight: 400;
  display: flex;
}

.text-footter.m25 {
  color: var(--black);
  font-weight: 500;
}

.text-footter-cr {
  color: var(--white);
  text-align: left;
  align-self: center;
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Noto Sans Thai, sans-serif;
  font-size: 14px;
  font-weight: 300;
  transition: color .3s;
}

.text-footter-cr:hover {
  color: var(--white);
  font-weight: 300;
}

.text-footter-cr.m25 {
  color: var(--black);
}

.margin-bottom-32px {
  margin-bottom: 32px;
}

.mg-top-32px {
  margin-top: 32px;
  margin-bottom: 0;
}

.flex-footter {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  text-align: left;
  flex-flow: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0;
  padding-bottom: 0;
  display: flex;
}

.line-footter {
  background-color: var(--light-gray);
  height: 1px;
  margin-left: 0;
  margin-right: 0;
}

.dropdown-toggle-9 {
  padding-right: 20px;
}

.alert-banner-padding-success {
  background-color: #3d8f4b;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 8px 16px;
  display: flex;
}

.margin-bottom-20px {
  margin-bottom: 20px;
}

.profile-pic {
  background-color: #fff;
  border-radius: 100px;
  width: 48px;
  min-width: 48px;
  max-width: 48px;
  height: 48px;
  min-height: 48px;
  max-height: 48px;
  padding-bottom: 0;
}

.maring-right-16px {
  margin-right: 16px;
}

.nav-dropdown-icon-2 {
  color: #fff;
  font-size: 16px;
  display: block;
}

.nav-dropdown-icon-2.hide {
  display: none;
}

.nav-dropdown-link-2 {
  text-transform: capitalize;
  width: 100%;
  margin-left: -20px;
  padding: 8px 8px 8px 0;
  font-family: Noto Sans Thai, sans-serif;
  transition: all .3s;
  display: flex;
}

.nav-dropdown-link-2:hover {
  color: var(--nav-color);
  margin-left: 0;
}

.nav-dropdown-link-2.w--current {
  color: #0e9399;
  font-family: Sarabun, sans-serif;
}

.user-responsive {
  border-left: 1.5px #fff;
  padding-left: 0;
  padding-right: 40px;
  position: relative;
}

.user-responsive.responsive {
  display: none;
}

.nav-link-underline-2 {
  color: #fff;
  cursor: pointer;
  margin-left: 13px;
  margin-right: 13px;
  font-family: Sarabun, sans-serif;
  line-height: 1.5em;
  position: relative;
}

.nav-link-underline-2.hide {
  display: none;
}

.menu-wrap-2 {
  align-items: center;
  margin-right: 10px;
  display: flex;
}

.nav-dropdown-link-line-3 {
  background-color: var(--nav-color);
  width: 16px;
  height: 2px;
  margin-right: 15px;
  font-family: Sarabun, sans-serif;
  display: inline-block;
}

.btn-primary-4 {
  color: #fff;
  text-align: center;
  transform-style: preserve-3d;
  background-color: #1476ff;
  border-radius: 11px;
  justify-content: center;
  padding: 10px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.143em;
  text-decoration: none;
  transition: background-color .3s, transform .3s, color .3s;
  box-shadow: 0 4px 10px #0257fb33;
}

.btn-primary-4:hover {
  color: #fff;
  background-color: #004cff;
  transform: scale3d(1.06, 1.06, 1.01);
}

.btn-primary-4.small {
  background-image: url('../../images/Button_Green.svg');
  background-position: 0 0;
  background-size: auto;
  padding: 12px 18px;
  font-family: Kanit, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.167em;
}

.popup-wrapper-2 {
  z-index: 504;
  background-color: #0b0e2c80;
  justify-content: center;
  align-items: center;
  padding: 24px;
  display: none;
  position: fixed;
  inset: 0%;
}

.popup-wrapper-2.exit {
  display: none;
}

.grid-2-columns-7527 {
  grid-column-gap: 24px;
  grid-row-gap: 5px;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-self: stretch;
  align-items: center;
  display: grid;
}

.grid-2-columns-7527.gap-18px {
  grid-column-gap: 18px;
  grid-row-gap: 18px;
}

.nav-item-title-2 {
  color: #fff;
  margin-top: 5px;
  margin-bottom: 5px;
  font-family: Sarabun, sans-serif;
  font-size: 14px;
}

.nav-item-title-2.margin-0px {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Sarabun, sans-serif;
}

.nav-item-title-2.margin-0px.date {
  font-size: 14px;
  font-weight: 300;
}

.nav-underline {
  background-color: #0e9399;
  width: 100%;
  height: 2px;
  position: absolute;
  bottom: 0%;
}

.nav-underline.home-display {
  background-color: var(--nav-color);
}

.liner-2 {
  color: #037a7f;
  border: 1px solid #afafaf80;
  margin-bottom: 20px;
}

.liner-2.menubar {
  display: none;
}

.nav-dropdown-list-2 {
  background-color: #fff;
  border-radius: 15px;
  width: 200px;
  padding: 15px 20px;
  display: none;
}

.nav-dropdown-list-2.w--open {
  padding-top: 20px;
  padding-bottom: 20px;
  box-shadow: 1px 0 15px 1px #1c394c26;
}

.text-603 {
  color: #303350;
  word-break: break-all;
  overflow-wrap: anywhere;
  padding-bottom: 5px;
  font-family: Sarabun, sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.143em;
}

.text-603.margin-bottom-40px {
  margin-bottom: 40px;
}

.div-block-login {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 780px;
  display: grid;
}

.padding-top-12px {
  padding-top: 12px;
}

.padding-top-12px.padding-left-32px {
  padding-left: 32px;
}

.text-18px {
  color: var(--black);
  font-family: Noto Sans Thai, sans-serif;
  font-size: 18px;
}

.text-18px.color-brown {
  color: #894b00;
}

.text-18px.color-brown.semi-bold {
  font-weight: 600;
}

.text-18px.color-green {
  color: var(--green);
}

.text-18px.news-text {
  font-weight: 600;
}

.text-18px.news-text.left {
  text-align: left;
}

.text-18px.news-text.inpop-up {
  text-align: left;
  align-self: flex-start;
  margin-left: 6px;
}

.text-18px.news-text.inpop-up.end {
  margin-bottom: 10px;
}

.text-40px {
  color: var(--black);
  font-family: Noto Sans Thai, sans-serif;
  font-size: 40px;
  line-height: 150%;
}

.text-40px.color-blue {
  color: var(--nav-color);
}

.text-40px.color-blue.semi-bold {
  font-weight: 600;
}

.announ {
  border-bottom: 1px solid #f0f3f6;
  padding-top: 32px;
  padding-bottom: 32px;
}

.logo-menu {
  padding-bottom: 0;
}

.text-delte {
  color: var(--black);
  font-family: Noto Sans Thai, sans-serif;
  font-size: 20px;
}

.text-delte.color-black {
  color: var(--black);
}

.text-delte.color-black.bold {
  font-family: Noto Sans Thai, sans-serif;
  font-weight: 700;
}

.text-24px {
  color: var(--black);
  font-family: Noto Sans Thai, sans-serif;
  font-size: 24px;
}

.text-24px.semibold {
  font-weight: 600;
}

.div-footer-logo {
  flex-flow: column;
  justify-content: space-around;
  display: flex;
}

.welcome-section {
  background-color: var(--light-blue-bar);
  background-image: linear-gradient(180deg, var(--light-blue-bar), white);
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  height: auto;
  padding: 25px 0;
  display: flex;
}

.welcome-box {
  background-color: var(--transp);
  border-radius: 8px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.margin-bottom-14px {
  margin-bottom: 14px;
}

.flex-horizontal {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  text-align: left;
  flex-flow: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.flex-horizontal.gap-4px {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
}

.flex-horizontal.landing-page {
  height: 100%;
}

.flex-horizontal.gap-104px {
  grid-column-gap: 104px;
  grid-row-gap: 104px;
}

.flex-vertical {
  flex-flow: column;
  display: flex;
}

.flex-vertical.gap-8px {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
}

.flex-vertical.resonsive-wide {
  display: none;
}

.flex-vertical.landing-qa {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  display: flex;
}

.flex-vertical.landing-contact {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
}

.flex-vertical.landing-about {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: space-between;
  align-items: flex-start;
}

.flex-vertical.login-landingpage {
  grid-column-gap: 31px;
  grid-row-gap: 31px;
  justify-content: space-between;
  align-items: center;
}

.mg-left-16px {
  margin-right: 16px;
}

.set {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 2fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  display: grid;
}

.flex-navbar {
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  margin-right: 48px;
  display: flex;
}

.flex-navbar.user-area {
  margin-right: 14px;
}

.nav-m {
  background-color: var(--foundation-blue);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.nav-m.landingpage {
  z-index: 5;
  background-color: var(--white);
}

.menu-button-2 {
  display: none;
}

.nav-me {
  justify-content: space-between;
  align-items: center;
  display: block;
}

.nav-me.hide {
  display: none;
}

.nav-me.header-nav-menu-wrapper.min-width, .nav-me.header-nav-menu-content.min-width {
  min-width: 408px;
}

.nav-me.header-nav-menu-content.min-width.landing-page {
  height: 100%;
  display: flex;
}

.nav-con-login {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: space-between;
  align-items: center;
  min-width: 100%;
  max-width: 1220px;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  font-family: Noto Sans Thai, sans-serif;
  display: flex;
}

.nav-link {
  color: var(--white);
  padding: 20px 0 20px 11px;
  font-family: Noto Sans Thai, sans-serif;
}

.nav-link:visited:where(.w-variant-7359e831-26b6-0a10-6b46-4a34bd48b5de), .nav-link:visited:where(.w-variant-d5cdee24-8fd8-ca4a-f74f-23e52b28c6cf), .nav-link:visited:where(.w-variant-42e17210-d9ac-cc08-d1f4-774d24f42e16), .nav-link:visited:where(.w-variant-ee53134f-78f0-830c-8dd6-06e7036989ae) {
  border-bottom: 2px solid var(--primary);
}

.nav-link.responsive {
  display: none;
}

.nav-link.landing-nav {
  color: var(--black);
  padding-left: 20px;
  padding-right: 20px;
}

.nav-link.landing-nav.w--current {
  border-bottom: 5px solid var(--nav-color);
  color: var(--nav-color);
  align-self: stretch;
  margin-top: 21px;
  font-weight: 700;
  display: block;
}

.dropdown-list {
  background-color: var(--nav-color);
  border-radius: 8px;
}

.user-area {
  background-color: var(--white);
  border: 1px #eeeeeeed;
  border-radius: 10px;
  max-height: none;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
}

.user-area:hover {
  background-color: var(--transp);
}

.table-text-h {
  color: var(--black);
  font-family: Noto Sans Thai, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.443rem;
}

.content-table-header {
  grid-column-gap: 11px;
  grid-row-gap: 12px;
  background-color: #e6eef6;
  border-top: 1px #e9eaf3;
  grid-template-rows: auto;
  grid-template-columns: 50px 50px 1.5fr 1.25fr 1.25fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  padding: 12px 20px;
  display: grid;
}

.content-table-header.update-req-h, .content-table-header.warning-h {
  grid-template-columns: .25fr 1fr 1fr 1fr;
}

.content-table-header.pdpa-h {
  grid-template-columns: .25fr 1fr;
}

.content-table-row {
  grid-column-gap: 11px;
  grid-row-gap: 12px;
  background-color: var(--white);
  border-top: 1px solid #e9eaf3;
  grid-template-rows: auto;
  grid-template-columns: .5fr 2.25fr .5fr .75fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  padding: 12px 20px;
  display: grid;
}

.content-table-row.update-req-r {
  grid-template-columns: .25fr 1fr 1fr 1fr;
}

.table-text-r {
  color: var(--black);
  word-break: keep-all;
  align-self: flex-start;
  font-family: Noto Sans Thai, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.8rem;
}

.table-item-content {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  text-align: left;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.login-name {
  align-self: flex-start;
}

.color-blak {
  color: var(--black);
  margin-right: 0;
}

.nav-link-copy {
  color: var(--white);
  padding: 20px 0 20px 20px;
  font-family: Noto Sans Thai, sans-serif;
}

.nav-link-copy:visited:where(.w-variant-7359e831-26b6-0a10-6b46-4a34bd48b5de), .nav-link-copy:visited:where(.w-variant-d5cdee24-8fd8-ca4a-f74f-23e52b28c6cf), .nav-link-copy:visited:where(.w-variant-42e17210-d9ac-cc08-d1f4-774d24f42e16) {
  border-bottom: 2px solid var(--primary);
}

.menu-wrap {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.image-banner {
  width: 550px;
  height: 100%;
  padding-bottom: 0;
}

.margin-top-24px {
  margin-top: 24px;
}

.margin-top-14px {
  margin-top: 14px;
}

.landing-vertical {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.landing-vertical.margin-right-48 {
  justify-content: flex-start;
  align-items: center;
}

.landing-tab-1 {
  color: var(--grey-7a);
  background-color: #ddd0;
  font-family: Noto Sans Thai, sans-serif;
  font-size: 24px;
  font-weight: 700;
}

.landing-tab-1.w--current {
  border-left: 4px solid var(--nav-color);
  color: var(--nav-color);
  background-color: #c8c8c800;
  padding: 12px 24px;
  font-family: Noto Sans Thai, sans-serif;
  font-size: 24px;
  font-weight: 600;
}

.landing {
  justify-content: flex-start;
  align-items: stretch;
  margin-top: 100px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.landing-grid {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 100px;
  display: grid;
  position: relative;
}

.horizon-temp {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  display: flex;
  position: absolute;
  top: 276px;
}

.horizon-temp.responsive {
  top: 337px;
}

.text-32px.landing-head {
  color: var(--black);
  margin-top: 32px;
  margin-bottom: 18px;
  font-family: Noto Sans Thai, sans-serif;
  font-size: 32px;
  font-weight: 600;
  line-height: 1.6em;
}

.text-32px.card-head {
  color: var(--black);
  justify-content: flex-start;
  align-items: center;
  font-family: Noto Sans Thai, sans-serif;
  font-size: 32px;
  font-weight: 600;
  line-height: 1.6em;
}

.text-32px.card-head.white {
  color: var(--white);
}

.text-32px.card-head.align-left {
  justify-content: flex-start;
  align-items: center;
}

.text-32px.card-step-head {
  color: var(--black);
  justify-content: center;
  align-items: center;
  font-family: Noto Sans Thai, sans-serif;
  font-size: 32px;
  font-weight: 600;
  line-height: 1.6em;
}

.text-32px.card-head-mid {
  color: var(--black);
  justify-content: flex-start;
  align-self: center;
  align-items: center;
  font-family: Noto Sans Thai, sans-serif;
  font-size: 32px;
  font-weight: 600;
  line-height: 1.6em;
}

.text-32px.card-head-mid.white {
  color: var(--white);
}

.text-32px.card-head-mid.align-left {
  justify-content: flex-start;
  align-items: center;
}

.yellow-tag {
  width: 114px;
  height: 36px;
  color: var(--white);
  text-align: center;
  background-color: #fdb813;
  border-radius: 20px;
  padding-top: 6px;
  font-family: Noto Sans Thai, sans-serif;
  font-weight: 400;
}

.card-head {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.card-content {
  background-color: #fdfdfd;
  border: 1px solid #d9e6f1;
  border-radius: 16px;
  margin-left: auto;
  margin-right: auto;
  box-shadow: 0 2px 16px #0000000d;
}

.card-content.about {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  box-shadow: none;
  border-style: none;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  padding-left: 40px;
  display: flex;
}

.card-content.news {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  width: 100%;
  box-shadow: none;
  border-style: none;
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  display: flex;
}

.card-content.news.inpop-up {
  margin-bottom: 20px;
  padding: 24px 12px;
  box-shadow: 0 2px 16px #00000026;
}

.card-content.new-login {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  border-style: solid;
  border-radius: 32px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: flex-start;
  padding: 12px 24px;
  display: grid;
  box-shadow: 15px 51px 77px .06px #0003;
}

.card-content.new-login._24 {
  border-color: var(--light-blue);
  box-shadow: none;
  background-color: #eff7ff;
  background-image: url('../../images/1bg24.png');
  background-position: 50%;
  background-size: cover;
  border-radius: 16px;
  padding-top: 24px;
  padding-bottom: 24px;
}

.card-content.new-login._25 {
  box-shadow: none;
  background-color: #fff7e3;
  background-image: url('../../images/1bg25.png');
  background-position: 50%;
  background-repeat: repeat;
  background-size: cover;
  background-attachment: scroll;
  border-color: #ffc400;
  border-radius: 16px;
  padding-top: 24px;
  padding-bottom: 24px;
}

.content-bg {
  background-color: #fafbfd;
  padding-top: 56px;
  padding-left: 5%;
  padding-right: 5%;
}

.img-content-card {
  width: 70%;
  height: 220px;
  padding-bottom: 0;
}

.img-content-card.step-card {
  width: 100%;
  height: 100%;
  padding-bottom: 0;
}

.img-content-card.about {
  border-radius: 16px;
  width: 100%;
  height: 420px;
}

.img-content-card.news {
  width: 100%;
  height: auto;
}

.img-content-card.news.in-popup {
  background-color: var(--nav-color);
  border-radius: 8px;
  max-width: 1100px;
  max-height: 1560px;
  margin-bottom: 32px;
  padding: 8px;
}

.img-content-card.responsive {
  padding-bottom: 0;
}

.img-content-card.about-25 {
  border-radius: 16px;
}

.card-box {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.card-box.step-card {
  background-color: var(--white);
  border-radius: 16px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: auto;
  height: 250px;
  margin-left: 0;
  margin-right: 0;
  padding: 24px;
  display: flex;
  box-shadow: 0 2px 16px #0000000d;
}

.card-box.step-card.about {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  width: 280px;
  height: 240px;
  box-shadow: 0 2px 16px #0000000d;
}

.card-box.step-card.about.linear {
  background-image: linear-gradient(#0095da, #0060ad);
}

.card-box.condition-card {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #fff3;
  border-radius: 16px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 565px;
  height: 178px;
  padding: 24px;
  display: flex;
  position: relative;
  box-shadow: 0 2px 16px #0000000d;
}

.card-box.condition-card.auto-height {
  height: auto;
}

.card-box.contact-card {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: var(--white);
  border-radius: 16px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  height: 218px;
  padding: 24px;
  display: flex;
  box-shadow: 0 2px 16px #0000000d;
}

.card-box.about-card {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: var(--white);
  border-radius: 16px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: flex-start;
  height: 220px;
  margin-bottom: 40px;
  margin-left: auto;
  padding: 24px;
  display: grid;
  box-shadow: 0 2px 16px #0000000d;
}

.card-box.about-card.responsive {
  height: 220px;
  padding-bottom: 0;
}

.card-box.about-card.responsive.card-box-top {
  margin-bottom: 0;
}

.card-box.about-card.responsive.card-box-top.login {
  height: auto;
  padding-bottom: 24px;
}

.card-box.about-card.responsive.card-box-top.login.new-login {
  border: 1px solid var(--light-blue);
  background-color: #eff7ff;
  background-image: url('../../images/1bg24.png');
  background-position: 50%;
  background-size: auto;
}

.card-box.about-card.responsive.login-25.magin-0 {
  margin-bottom: 0;
}

.card-box.about-card.responsive.login-25.magin-0.new-login-25 {
  border: 1px solid #ffc400;
  height: auto;
  padding-bottom: 24px;
}

.card-box.contact-card-social {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: var(--white);
  border-radius: 16px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  height: 218px;
  padding: 24px;
  display: flex;
  box-shadow: 0 2px 16px #0000000d;
}

.card-elecment-box {
  width: 350px;
  height: 220px;
  color: var(--black);
  background-color: #e6eef6;
  border: 1px solid #d9e6f1;
  border-radius: 16px;
  justify-content: center;
  align-items: center;
  padding-left: 32px;
  padding-right: 32px;
  font-family: Noto Sans Thai, sans-serif;
  font-weight: 400;
  display: flex;
  box-shadow: 0 2px 16px #0000000d;
}

.card-elecment-box.responsive {
  width: 368px;
  padding-left: 24px;
  padding-right: 24px;
}

.card-elecment-box.responsive.auto-height {
  height: auto;
  padding-top: 12px;
  padding-bottom: 12px;
}

.card-content-div {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: var(--white);
  border-radius: 16px;
  flex-flow: column;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 48px;
  display: flex;
  box-shadow: 0 2px 16px #0000000d;
}

.card-content-div.blue {
  background-color: #273c69;
}

.card-content-div.about.margin-bottom-24px {
  padding: 24px;
}

.card-content-div.step.margin-bottom-32-px {
  margin-bottom: 32px;
}

.card-content-div.margin-top-100 {
  margin-top: 100px;
}

.card-section {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  margin-bottom: 100px;
  display: flex;
}

.card-section.wid-1320 {
  max-width: 1320px;
  margin-left: auto;
  margin-right: auto;
}

.landing-main.qa {
  grid-column-gap: 24px;
  grid-row-gap: 48px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.landing-main.contact {
  grid-column-gap: 24px;
  grid-row-gap: 48px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  place-items: center stretch;
  margin-bottom: 100px;
  display: grid;
}

.landing-main.contact._2grid {
  grid-template-columns: 1fr 1fr;
}

.landing-main.about {
  grid-column-gap: 11px;
  grid-row-gap: 11px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.landing-main.about.margin-bottom-24px.responsive {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
}

.landing-main.contact-socia {
  grid-column-gap: 24px;
  grid-row-gap: 48px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  place-items: center stretch;
  padding-bottom: 100px;
  display: grid;
}

.landing-step-hero-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.icon-card {
  width: 52px;
  height: auto;
  margin-right: 16px;
  padding-bottom: 0;
}

.text-in-card-landing {
  color: var(--black);
  font-family: Noto Sans Thai, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.6em;
}

.text-in-card-landing.white {
  color: var(--white);
}

.text-in-card-landing.tel {
  margin-bottom: 36px;
}

.card-heading {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.card-heading.gap-0px {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
}

.card-heading.about-card {
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
}

.card-heading.about-card.grid2 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto auto;
  grid-template-columns: max-content 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.icon-card-landing {
  width: 24px;
  padding-bottom: 0;
}

.icon-card-landing.popup {
  width: 5%;
  margin-left: 18px;
  display: block;
}

.div-landing-tag {
  background-color: #99a1af1a;
  border-radius: 20px;
  justify-content: flex-start;
  align-items: center;
  padding: 6px 16px;
  display: flex;
}

.grid-landing-sidebar {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 250px;
  grid-auto-columns: 1fr;
  display: grid;
}

.button-landing-page {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #2b2b2b;
  background-color: #eee;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  padding: 12px 24px;
  font-family: Noto Sans Thai, sans-serif;
  display: flex;
}

.button-landing-page.about-btn {
  background-color: var(--nav-color);
  color: var(--white);
  border-radius: 8px;
  padding: 12px 24px;
}

.button-landing-page.news {
  background-color: var(--nav-color);
  color: var(--white);
}

.button-landing-page.request-shortcut {
  background-color: var(--nav-color);
}

.button-landing-page.new-login-24 {
  color: #1683f8;
  background-color: #1683f8;
}

.button-landing-page.new-login-25 {
  color: #1683f8;
  background-color: #ffc400;
}

.icon-landing-sidebar {
  width: 24px;
  padding-bottom: 0;
}

.button-box {
  justify-content: center;
  align-items: center;
  display: flex;
}

.button-box.about-btn {
  justify-content: flex-start;
  align-items: center;
}

.img-landing {
  border-radius: 12px;
  padding-bottom: 32px;
}

.text-26px.head-sub {
  color: var(--black);
  font-family: Noto Sans Thai, sans-serif;
  font-size: 26px;
  font-weight: 600;
  line-height: 1.6em;
}

.text-26px.head-sub._24, .text-26px.head-sub._25 {
  color: #063b79;
}

.step-content {
  z-index: 1;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: max-content 1fr;
  grid-auto-columns: 1fr;
  display: grid;
  position: relative;
}

.line-step {
  z-index: 0;
  border: 2px dotted #b0cbe2;
  width: 1px;
  height: 550px;
  position: absolute;
  inset: 10% auto auto 25px;
}

.line-step.add {
  height: 610px;
  left: 24px;
}

.line-step.add.out {
  height: 1000px;
  top: 6%;
}

.line-step.ext {
  height: 930px;
  top: 7%;
  left: 24px;
  right: auto;
}

.line-step.ext.in {
  height: 650px;
}

.timeline-wrapper {
  position: relative;
}

.features-tasks-title-container {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: #0b0e2c;
  cursor: pointer;
  grid-template-rows: auto;
  grid-template-columns: 1fr auto;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  transition: color .3s;
  display: grid;
}

.features-tasks-title-container:hover {
  color: #1476ff;
}

.module {
  background-color: #fff;
  border: 1px solid #e9eaf3;
  border-radius: 20px;
  box-shadow: 0 2px 10px #195dc212;
}

.module.features-tasks {
  grid-column-gap: 12px;
  grid-row-gap: 0px;
  border-radius: 16px;
  grid-template-rows: auto;
  grid-template-columns: 18px 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 24px;
  padding: 16px 36px;
  display: grid;
}

.module.companies-card {
  border-radius: 30px;
  flex: 1;
  padding: 36px;
}

.module.border-radius-30px {
  border-radius: 30px;
}

.module.border-radius-30px.overflow-hidden {
  border-radius: 10px;
}

.module.border-radius-30px.overflow-hidden.news {
  width: 100%;
  height: auto;
}

.text-300 {
  font-size: 16px;
  line-height: 1.125em;
}

.text-300.bold {
  font-weight: 700;
}

.features-tasks-body-inner-container {
  border-top: 1px solid #e9eaf3;
  margin-top: 16px;
  margin-bottom: 12px;
  padding-top: 24px;
}

.inner-container._694px {
  max-width: 694px;
}

.banner {
  margin-bottom: 100px;
  padding-bottom: 0;
}

.header-landing {
  color: var(--black);
  margin: 0 auto 86px;
  font-family: Noto Sans Thai, sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 1.6em;
}

.landing-header {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.div-button.top-down {
  grid-column-gap: 11px;
  grid-row-gap: 11px;
  flex-flow: column;
  display: flex;
}

.landing-tab-2 {
  color: var(--grey-7a);
  background-color: #ddd0;
  font-family: Noto Sans Thai, sans-serif;
  font-size: 24px;
  font-weight: 700;
}

.landing-tab-2.w--current {
  border-left: 4px solid var(--nav-color);
  color: var(--nav-color);
  background-color: #c8c8c800;
  padding: 12px 24px;
  font-family: Noto Sans Thai, sans-serif;
  font-size: 24px;
  font-weight: 600;
}

.condition-card.grid-2 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #e6eef6;
  border-radius: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 903.3px;
  margin-left: auto;
  margin-right: auto;
  padding: 40px;
  display: grid;
  position: relative;
}

.img-condition {
  height: 450px;
  padding-bottom: 0;
  position: absolute;
  top: 164px;
  right: 40px;
}

.img-condition._25 {
  top: 215px;
  right: -9px;
}

.button-condition {
  color: #2b2b2b;
  background-color: #fff0;
  border: 1px solid #0056a2;
  border-radius: 8px;
  justify-content: flex-end;
  align-items: center;
  padding: 12px 24px;
  font-family: Noto Sans Thai, sans-serif;
  font-weight: 400;
  display: flex;
  position: relative;
  left: 67px;
}

.tel {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: row;
  display: flex;
}

.text-tel {
  color: var(--nav-color);
  font-family: Noto Sans Thai, sans-serif;
  font-size: 20px;
  font-weight: 600;
}

.landing-about-img {
  width: 100%;
  height: auto;
  padding-bottom: 0;
}

.landing-about-img-card {
  width: 100%;
}

.landing-about-img-card.responsive {
  width: 100%;
  height: auto;
}

.card-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.card-grid.new-login {
  grid-template-rows: auto;
}

.about-slider {
  width: 550px;
  height: 780px;
}

.about-slider.landing-responsive {
  background-color: #ddd0;
  width: 550px;
  height: 100%;
}

.mask-about.landing-responsive {
  width: 100%;
  height: 100%;
}

.overflow-visible {
  height: 32vw;
  overflow: visible;
}

.tabs-menu-top {
  grid-column-gap: 16px;
  margin-bottom: 32px;
  display: flex;
}

.companies-modules-container {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  grid-auto-columns: 1fr;
  display: grid;
}

.link-text {
  transition: color .3s;
  display: inline-block;
}

.news-tab {
  margin-top: 100px;
  margin-bottom: 100px;
}

.news-slider {
  background-color: #ddd0;
  height: auto;
}

.news-slider-content {
  width: 50%;
  height: 100%;
}

.news-slider-bar {
  padding-top: 40px;
  display: block;
  inset: auto 0% -4%;
}

.blue-tag {
  width: 100px;
  height: 29px;
  color: var(--nav-color);
  text-align: center;
  background-color: #e6eef6;
  border-radius: 20px;
  padding-top: 3px;
  font-family: Noto Sans Thai, sans-serif;
  font-size: 14px;
  font-weight: 600;
}

.lang-landing {
  flex-flow: row;
  margin-top: 33%;
  margin-right: 0%;
  display: block;
}

.map {
  width: 100%;
  height: 100%;
}

.landing-page-nav {
  justify-content: space-between;
  align-items: center;
  width: 90%;
  height: 86px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.landing-page-nav.header-nav-menu.landing-page {
  height: 100%;
}

.header-nav-menu.homepage, .header-nav-menu-m25.homepage, .header-nav-menu-m24.homepage {
  justify-content: center;
  align-self: auto;
  align-items: center;
  display: flex;
}

.red-text-tag {
  color: #8b0836;
  text-align: center;
  background-color: #fff1f2;
  border: 1px solid #ffccd3;
  border-radius: 20px;
  width: 100px;
  height: 29px;
  padding-top: 3px;
  font-family: Noto Sans Thai, sans-serif;
  font-size: 14px;
  font-weight: 600;
}

.input-2 {
  color: #666;
  -webkit-text-stroke-color: #666;
  background-color: #fff;
  border: 1px solid #c5c5c5;
  border-radius: 8px;
  min-height: 38px;
  margin-bottom: 0;
  padding: 5px 10px;
  font-family: Noto Sans Thai, sans-serif;
  font-size: 14px;
  line-height: 1.143em;
  transition: box-shadow .3s, color .3s, border-color .3s;
  box-shadow: 0 2px 12px #0b162c0d;
}

.input-2:hover {
  border-color: #989aad;
  box-shadow: 0 2px 12px #0b162c1a;
}

.input-2:focus {
  color: #0b0e2c;
  border-color: #1476ff;
}

.btn-2 {
  color: #fff;
  text-align: center;
  letter-spacing: .5px;
  background-color: #0056a2;
  border-radius: 10px;
  align-items: center;
  height: 38px;
  padding: 12px 40px;
  font-family: Noto Sans Thai, sans-serif;
  font-size: 14px;
  transition: background-color .6s;
  display: flex;
}

.btn-2.btn-search {
  color: #fff;
  background-color: #0056a2;
  background-image: none;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 104px;
  height: 38px;
  padding-left: 24px;
  padding-right: 24px;
  font-family: Noto Sans Thai, sans-serif;
  font-size: 16px;
}

.text-16px-2 {
  color: #333;
  word-break: keep-all;
  font-family: Noto Sans Thai, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.443rem;
}

.text-16px-2.semi-bold {
  color: #333;
  font-weight: 600;
}

.text-20px-2 {
  color: #333;
  font-family: Noto Sans Thai, sans-serif;
  font-size: 20px;
}

.text-20px-2.bold {
  color: #333;
  font-weight: 700;
}

.table-text-h-2 {
  color: #333;
  font-family: Noto Sans Thai, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.443rem;
}

.scroll-btn {
  color: #0056a2;
  text-align: center;
  vertical-align: text-bottom;
  background-color: #f5fcff;
  border: 1px solid #d5f0ff;
  border-radius: 8px;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  font-family: Noto Sans Thai, sans-serif;
  display: block;
}

.content-table-2 {
  color: #333;
  background-color: #fafbfd00;
  border: 1px solid #e9eaf3;
  border-radius: 10px;
  max-width: 100%;
  height: auto;
  margin-bottom: 20px;
  padding: 0;
  font-family: Noto Sans Thai, sans-serif;
  overflow: hidden;
}

.icon-size-24 {
  width: 24px;
}

.icon-size-24.padding-0 {
  padding-bottom: 0;
}

.form-block {
  margin-bottom: 15px;
}

.check-term {
  background-color: #f5fcff;
  border: 1px solid #d5f0ff;
  border-radius: 8px;
  padding-top: 24px;
  padding-bottom: 24px;
  padding-left: 24px;
}

.table-text-r-2 {
  color: #333;
  word-break: keep-all;
  align-self: flex-start;
  font-family: Noto Sans Thai, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.8rem;
}

.mg-bt-20px {
  margin-top: 20px;
  margin-bottom: 20px;
}

.terms-of-use {
  outline-offset: 0px;
  border: 1px #000;
  outline-style: none;
  outline-color: #1c394c;
  margin-bottom: 0;
  padding: 20px 20px 0;
}

.terms-of-use.boxing-term {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border-style: solid;
  border-color: #b3c9f2;
  border-radius: 10px;
  flex-flow: column;
  padding-bottom: 20px;
  display: flex;
  overflow: scroll;
}

.terms-of-use.boxing-term.scroll-box {
  overflow: visible;
}

.text-604 {
  color: #d6d6d6;
  font-family: Noto Sans Thai, sans-serif;
  font-size: 12px;
  line-height: 1.167em;
}

.text-604.medium {
  font-weight: 500;
}

.text-604.medium.text-uppercase {
  color: #1587c4;
  font-family: Noto Sans Thai, sans-serif;
  font-size: 14px;
  font-weight: 500;
}

.text-16px-3 {
  color: #333;
  word-break: keep-all;
  font-family: Noto Sans Thai, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.443rem;
}

.text-16px-3.color-black {
  color: #333;
  line-height: 1.443rem;
}

.text-16px-3.color-black.margin-left-48px {
  margin-left: 48px;
}

.text-16px-3.color-black.margin-left-24px {
  margin-left: 24px;
}

.checkbox {
  color: #1c2b7d;
  border: 1px solid #1587c4;
  border-radius: 6px;
  width: 20px;
  height: 20px;
  margin-left: 5px;
  margin-right: 10px;
  font-size: 20px;
  line-height: 3;
  box-shadow: 0 0 5px #11e8fc33;
}

.checkbox.w--redirected-checked {
  color: #1587c4;
  -webkit-text-stroke-color: #1587c4;
  background-color: #1587c4;
  border-radius: 5px;
  width: 20px;
  height: 20px;
  line-height: 3;
}

.content-table-row-2 {
  grid-column-gap: 11px;
  grid-row-gap: 12px;
  background-color: #fff;
  border-top: 1px solid #e9eaf3;
  grid-template-rows: auto;
  grid-template-columns: .5fr 2.25fr .5fr .75fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  padding: 12px 20px;
  display: grid;
}

.content-table-row-2.pdpa-r {
  grid-template-columns: .25fr 1fr;
}

.content-head-box {
  color: #333;
  margin-bottom: 0;
  font-family: Noto Sans Thai, sans-serif;
  font-size: 20px;
  font-weight: 700;
}

.content-head-box._w-icon {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
}

.form-content-head {
  color: #333;
  margin-bottom: 32px;
  font-family: Noto Sans Thai, sans-serif;
  font-size: 20px;
  font-weight: 700;
}

.require-field {
  color: red;
  justify-content: center;
  align-items: flex-start;
  padding-left: 0;
  font-family: Noto Sans Thai, sans-serif;
  font-size: 14px;
  line-height: 1.7em;
  display: inline;
}

.require-field.margin-5px {
  margin-left: 5px;
}

.additional-text {
  color: var(--nav-color);
  background-color: #e6eef6;
  border-radius: 20px;
  padding: 1px 12px;
  font-family: Noto Sans Thai, sans-serif;
}

.additional-cell {
  justify-content: flex-start;
  align-items: center;
}

.note-div {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #99a1af1a;
  border: 1px solid #eee;
  border-radius: 8px;
  justify-content: flex-start;
  align-items: center;
  padding: 20px 24px;
  display: flex;
}

.note-div.yellow {
  background-color: #d0870033;
}

.note-div.margin-top-16px {
  margin-top: 16px;
}

.div-note-text {
  color: #4a5565;
  font-family: Noto Sans Thai, sans-serif;
  font-weight: 500;
}

.div-note-text.yellow {
  color: #894b00;
}

.link-enew {
  display: block;
}

.end-line {
  background-color: #e4e8ec;
  border: 1px #f0f3f6;
  width: auto;
  height: 1px;
  margin-top: 40px;
  margin-bottom: 40px;
}

.end-line.in-popup {
  border-width: 2px;
  margin-top: 0;
  margin-bottom: 0;
}

.end-line.in-popup.end {
  margin-bottom: 40px;
}

.end-line.in-popup.margin-bottom-20px {
  margin-bottom: 20px;
}

.tab {
  color: #333;
  background-color: #fff0;
  margin-right: 30px;
  padding-left: 0;
  padding-right: 4px;
  font-family: Noto Sans Thai, sans-serif;
  font-weight: 500;
}

.tab.w--current {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: #0056a2;
  background-color: #fff0;
  border-bottom: 4px solid #0056a2;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-right: 30px;
  padding-left: 0;
  padding-right: 4px;
  font-weight: 600;
}

.section-2 {
  opacity: 1;
  background-color: #0000;
  padding-top: 0;
  padding-bottom: 40px;
}

.section-2.padding-bottom-60px {
  padding-bottom: 60px;
}

.section-2.padding-bottom-60px.margin-top-100px {
  margin-top: 100px;
}

.box-selector {
  background-color: #fff;
  border: 1px solid #eeeeeeed;
  border-radius: 10px;
  max-width: 500px;
  max-height: none;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
}

.box-selector:hover {
  background-color: #fff0;
}

.box-selector.request {
  border-color: #d7d6d6ed;
  width: auto;
  max-width: none;
  height: 100%;
  min-height: 178.463px;
}

.grid-2-column-2 {
  grid-column-gap: 24px;
  grid-row-gap: 5px;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-content: stretch;
  align-self: stretch;
  place-items: center stretch;
  display: grid;
}

.grid-2-column-2.mg-all-24px {
  margin: 24px;
}

.tab-head {
  margin-top: 14px;
  margin-bottom: 14px;
}

.step-header {
  color: #333;
  margin-top: 0;
  margin-bottom: 52px;
  font-family: Noto Sans Thai, sans-serif;
  font-size: 24px;
  font-weight: 700;
}

.title-box {
  border-radius: 15px;
  align-items: center;
  padding-top: 5px;
  padding-bottom: 5px;
  font-family: Noto Sans Thai, sans-serif;
  display: flex;
}

.landing-step, .landing-step-note {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: max-content 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.landing-step-note.margin-top-48px {
  margin-top: 48px;
}

.tab-step {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 350px;
  margin-right: 48px;
  display: flex;
}

.step-tab {
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  justify-content: space-between;
  margin-top: 100px;
  margin-left: 0;
  margin-right: auto;
  display: flex;
}

.tab-link-tab-1 {
  border-left: 4px solid var(--white-transparent);
  width: 200px;
  color: var(--grey-7a);
  background-color: #ddd0;
  padding: 12px 0 12px 24px;
  font-family: Noto Sans Thai, sans-serif;
  font-weight: 600;
}

.tab-link-tab-1.w--current {
  border-left: 4px solid var(--nav-color);
  color: var(--nav-color);
  background-color: #c8c8c800;
  padding: 12px 0 12px 24px;
  font-family: Noto Sans Thai, sans-serif;
  font-weight: 600;
}

.tab-link-tab-2 {
  border-left: 4px solid var(--transp);
  color: var(--grey-7a);
  background-color: #ddd0;
  padding: 12px 0 12px 24px;
  font-family: Noto Sans Thai, sans-serif;
  font-weight: 600;
}

.tab-link-tab-2.w--current {
  border-left: 4px solid var(--nav-color);
  color: var(--nav-color);
  background-color: #ddd0;
  padding: 12px 0 12px 24px;
  font-weight: 600;
}

.head-tab-step {
  color: var(--nav-color);
  font-weight: 600;
}

.text-block {
  color: var(--grey-7a);
  font-weight: 600;
}

.text-block-2 {
  color: var(--grey-7a);
  font-family: Noto Sans Thai, sans-serif;
  font-weight: 600;
}

.text-block-3 {
  color: var(--grey-7a);
  font-family: Noto Sans Thai, sans-serif;
}

.text-block-4 {
  color: var(--grey-7a);
}

.step-div {
  grid-column-gap: 100px;
  grid-row-gap: 100px;
  flex-flow: column;
  width: 100%;
  max-width: 100%;
  margin-left: auto;
  display: flex;
}

.text-grey {
  color: var(--grey-7a);
  font-weight: 400;
}

._100 {
  width: 100%;
  height: 100%;
}

.link-100 {
  height: 100%;
  display: block;
}

.btn-wrapper {
  grid-column-gap: 30px;
  align-items: center;
  margin-top: 0;
  display: flex;
}

.btn-wrapper.btn-flex {
  grid-column-gap: 30px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  max-width: 90%;
  margin: 0 auto 50px;
  display: grid;
  position: relative;
}

.btn-3 {
  color: #fff;
  text-align: center;
  letter-spacing: .5px;
  background-color: #0056a2;
  border-radius: 10px;
  align-items: center;
  height: 38px;
  padding: 12px 40px;
  font-family: Noto Sans Thai, sans-serif;
  font-size: 14px;
  transition: background-color .6s;
  display: flex;
}

.btn-3.back {
  color: #2b2b2b;
  background-color: #eee;
  background-image: none;
  border: 1px #1587c4;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 105px;
  height: 48px;
  padding-left: 0;
  padding-right: 0;
  font-family: Noto Sans Thai, sans-serif;
  font-size: 16px;
  transition-property: none;
}

.btn-3.next {
  color: #fff;
  background-color: #0056a2;
  background-image: none;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 104px;
  height: 48px;
  padding-left: 24px;
  padding-right: 24px;
  font-family: Noto Sans Thai, sans-serif;
  font-size: 16px;
}

.left-arrow-2 {
  color: var(--white-transparent);
  left: -22px;
}

.right-arrow-2 {
  color: var(--white-transparent);
  right: -15px;
}

.slide-icon {
  color: #ffffffe6;
  background-color: #46464666;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  width: 34px;
  height: 34px;
  padding: 0;
  font-size: 24px;
  display: flex;
}

.banner-main {
  width: 100vw;
  max-width: none;
  height: 320px;
  max-height: 320px;
  padding-bottom: 0;
  display: block;
}

.new-login-box {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  max-width: 1320px;
  display: grid;
}

.new-login-box.margin-bottom-24px {
  margin-left: auto;
  margin-right: auto;
}

.newlogo-login {
  width: 56px;
  padding-bottom: 0;
}

.newlogo-login.icon-arrow {
  width: 25px;
}

._24-tag {
  width: 114px;
  height: 36px;
  color: var(--white);
  text-align: center;
  background-color: #1683f8;
  border-radius: 20px;
  padding-top: 6px;
  font-family: Noto Sans Thai, sans-serif;
  font-weight: 400;
}

.checklist-24 {
  background-color: #eff7ff8a;
  border-radius: 8px;
  padding: 8px 12px;
}

.checklist-25 {
  background-color: #fff7e380;
  border-radius: 8px;
  padding: 8px 12px;
}

.text-50px {
  width: auto;
  height: auto;
  font-family: Noto Sans Thai, sans-serif;
  font-size: 50px;
}

.text-50px.main-page-haeder {
  color: var(--foundation-blue);
  text-align: center;
  margin-top: 12px;
  margin-bottom: 12px;
  font-weight: 600;
  line-height: 1em;
}

.main-page-haeder-text-18 {
  color: var(--orange2);
  text-align: center;
  font-family: Noto Sans Thai, sans-serif;
  font-size: 18px;
  font-weight: 600;
}

.main-page-haeder-text-18.text-grey {
  color: var(--grey);
  text-align: center;
}

.sizing-image {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

@media screen and (min-width: 1280px) {
  h1 {
    font-size: 72px;
  }

  .section {
    background-color: #fafbfd;
    padding-top: 0;
    padding-bottom: 40px;
  }

  .section.home-banner {
    width: 100%;
    display: block;
  }

  .primary-button.size-manual {
    height: auto;
  }

  .nav-dropdown-toggle {
    padding-left: 20px;
    padding-right: 20px;
  }

  .footer {
    padding-top: 80px;
  }

  .testimonials {
    padding-top: 130px;
    padding-bottom: 130px;
  }

  .blog-section-title {
    margin-bottom: 70px;
  }

  .map-wrapper {
    padding-right: 70px;
  }

  .section-title-center {
    margin-bottom: 70px;
  }

  .about-img._3 {
    width: 340px;
  }

  .about-img._4 {
    width: 280px;
  }

  .about-img._2 {
    width: 340px;
  }

  .industries-block-wrapper {
    position: relative;
  }

  .section-with-blue-bg {
    padding-left: 40px;
    padding-right: 40px;
  }

  .center-title {
    padding-right: 140px;
  }

  .home-banner {
    padding-top: 0;
    padding-bottom: 130px;
  }

  .nav-link-underline {
    margin-left: 20px;
    margin-right: 20px;
  }

  .flex.align-center {
    justify-content: flex-start;
    align-items: center;
  }

  .flex.green-tag, .flex.red-tag {
    width: auto;
    height: auto;
  }

  .grid-2-column.login-main {
    width: 100%;
  }

  .content-table.border-radius-30px.overflow-hidden.announ-login {
    overflow: hidden;
  }

  .text-16px {
    align-self: auto;
  }

  .text-16px.semi-bold {
    font-weight: 600;
  }

  .text-16px.align-left {
    align-self: flex-start;
  }

  .input {
    font-family: Noto Sans Thai, sans-serif;
    font-size: 14px;
  }

  .title200 {
    word-break: keep-all;
  }

  .slider.vertical {
    width: 100%;
    height: 100%;
  }

  .slider.vertical.responsive-hide-for-mobile.m25 {
    background-color: #ddd0;
  }

  .content-scroll.login-announ {
    height: 320px;
  }

  .content-area.box-main-page, .content-area.box-auto {
    max-width: 90%;
  }

  .material-symbols.green-icon-status {
    color: #00c951;
  }

  .menu-img {
    width: 140px;
  }

  .margin-left-24px.title-nav {
    display: none;
  }

  .text-20px.bold {
    word-break: keep-all;
  }

  .nav-link-underline-2 {
    margin-left: 20px;
    margin-right: 20px;
  }

  .div-block-login {
    grid-auto-columns: 1fr;
  }

  .nav-link {
    padding-left: 20px;
    padding-right: 20px;
  }

  .table-text-h {
    align-self: auto;
  }

  .table-text-r {
    align-self: flex-start;
  }

  .nav-link-copy {
    padding-left: 20px;
    padding-right: 20px;
  }

  .horizon-temp.responsive {
    top: 268px;
  }

  .temp-card {
    color: var(--green);
  }

  .card-box.about-card, .card-box.about-card.responsive.card-box-top {
    height: 230px;
  }

  .card-box.about-card.responsive.login-25 {
    padding-bottom: 10px;
  }

  .card-box.about-card.responsive.login-25.magin-0.new-login-25 {
    background-image: url('../../images/1bg25.png');
    background-position: 0 0;
    background-size: auto;
    padding-bottom: 24px;
  }

  .card-content-div.margin-top-100 {
    margin-top: 0;
  }

  .landing-main.about {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
  }

  .card-heading {
    justify-content: flex-start;
    align-items: center;
  }

  .line-step {
    left: 25px;
  }

  .module.border-radius-30px.overflow-hidden.news {
    height: 100%;
  }

  .overflow-visible {
    height: 32vw;
    overflow: visible;
  }

  .link-block {
    -webkit-text-fill-color: inherit;
    cursor: pointer;
    background-clip: border-box;
  }

  .link-block-2 {
    cursor: pointer;
  }

  .red-text-tag {
    color: var(--white);
    background-color: #ff6f71;
  }

  .input-2 {
    font-family: Noto Sans Thai, sans-serif;
    font-size: 14px;
  }

  .text-16px-2 {
    align-self: auto;
  }

  .text-16px-2.semi-bold {
    font-weight: 600;
  }

  .text-20px-2.bold {
    word-break: keep-all;
  }

  .table-text-h-2 {
    align-self: auto;
  }

  .table-text-r-2 {
    align-self: flex-start;
  }

  .text-16px-3 {
    align-self: auto;
  }

  .section-2 {
    padding-top: 0;
    padding-bottom: 40px;
  }
}

@media screen and (min-width: 1440px) {
  h1, h2, h3, h4, h5, h6 {
    margin-bottom: 10px;
  }

  .section {
    background-color: #fafbfd;
  }

  .base-container.footer-wid {
    max-width: 100%;
  }

  .primary-button.size-manual {
    height: 70.8px;
    max-height: 70.8px;
  }

  .nav-container.login-nav, .nav-container.login-24-nav {
    max-width: 90%;
  }

  .slide-1.vertical {
    width: 100%;
    min-width: 100%;
  }

  .about-img._1 {
    width: 380px;
  }

  .about-img._3 {
    width: 400px;
  }

  .about-img._4 {
    width: 300px;
  }

  .about-img._2 {
    width: 390px;
  }

  .our-services-wrap {
    align-items: center;
  }

  .section-with-blue-bg {
    padding-left: 100px;
    padding-right: 100px;
  }

  .home-banner {
    grid-column-gap: 48px;
    padding-top: 0;
  }

  .intro-box {
    min-height: 500px;
  }

  .flex.green-tag {
    width: auto;
    height: auto;
  }

  .flex.top-down.menu-flex {
    justify-content: center;
    align-items: center;
    height: 86px;
  }

  .flex.red-tag {
    width: auto;
    height: auto;
  }

  .grid-2-column.login-main {
    grid-template-columns: max-content 1fr;
  }

  .text-16px {
    box-sizing: border-box;
    float: none;
    position: static;
  }

  .text-16px.margin-bottom-16px {
    margin-bottom: 16px;
  }

  .banner-wrapper.error.vpmainbarerror, .banner-wrapper.success.vpmainbarsuccess {
    align-self: stretch;
  }

  .hide.undev {
    display: none;
  }

  .container.loginpage.m25 {
    max-width: 1320px;
  }

  .grid-3-columns.footer-boi {
    width: 90%;
    padding-left: 0;
    padding-right: 0;
  }

  .slider.vertical {
    width: 100%;
    height: 100%;
  }

  .content-scroll.login-announ {
    height: 380px;
  }

  .content-area.box-main-page, .content-area.search-box {
    max-width: 90%;
  }

  .content-area.search-box.fixing {
    max-width: none;
    margin-left: 0;
    margin-right: 0;
  }

  .content-area.box-auto {
    max-width: 90%;
  }

  .margin-left-24px.title-nav, .flex-vertical.responsive-small {
    display: none;
  }

  .flex-vertical.resonsive-wide {
    display: flex;
  }

  .nav-me.header-nav-menu-wrapper.min-width, .nav-me.header-nav-menu-content.min-width {
    justify-content: flex-end;
    align-items: center;
  }

  .nav-con-login {
    max-width: 1440px;
  }

  .nav-link, .nav-link-copy {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
  }

  .landing-grid {
    width: 1320px;
    margin-left: auto;
    margin-right: auto;
  }

  .horizon-temp {
    top: 456.2px;
  }

  .horizon-temp.responsive {
    top: 303.2px;
  }

  .landing-page-image {
    width: 100%;
    padding-bottom: 0;
  }

  .content-bg {
    padding-bottom: 0;
  }

  .img-content-card {
    width: 808px;
    padding-bottom: 0;
  }

  .img-content-card.responsive {
    width: auto;
    padding-bottom: 0;
  }

  .card-box.step-card {
    box-shadow: 0 2px 16px #0000000d;
  }

  .card-box.about-card, .card-box.about-card.responsive.card-box-top {
    height: 250px;
  }

  .card-box.about-card.responsive.login-25 {
    height: auto;
    padding-bottom: 10px;
  }

  .landing-main.about {
    grid-column-gap: 2px;
    grid-row-gap: 2px;
  }

  .line-step {
    left: 23px;
  }

  .line-step.add {
    height: 580px;
  }

  .module.border-radius-30px.overflow-hidden.news {
    float: none;
    clear: none;
    outline-offset: 0px;
    pointer-events: auto;
    border-radius: 10px;
    outline: 3px #c10007;
    width: auto;
    height: 100%;
    transition: opacity .2s;
    display: block;
    position: static;
  }

  .landing-header {
    width: 1320px;
    margin-left: auto;
    margin-right: auto;
  }

  .condition-card.grid-2 {
    width: auto;
  }

  .img-condition {
    height: 580px;
    top: 33px;
    right: 40px;
  }

  .img-condition._25 {
    top: 91px;
  }

  .landing-about-img {
    padding-bottom: 0;
  }

  .card-grid {
    padding-right: 0;
  }

  .overflow-visible {
    height: 32vw;
    overflow: visible;
  }

  .news-slider-mask {
    background-color: #fafbfd;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0;
    padding-bottom: 0;
    overflow: hidden;
  }

  .news-slider-bar {
    padding-top: 40px;
  }

  .banner-main {
    max-width: none;
  }
}

@media screen and (min-width: 1920px) {
  .section.home-banner {
    height: auto;
    margin-top: 100px;
    margin-bottom: 100px;
    padding-top: 40px;
  }

  .base-container {
    max-width: 1320px;
  }

  .base-container.footer-wid {
    max-width: 1600px;
  }

  .primary-button.size-manual {
    background-color: #0075bb;
  }

  .primary-button.size-manual.m24 {
    background-color: var(--nav-color);
  }

  .nav-container {
    max-width: 1320px;
  }

  .nav-container.login-nav {
    max-width: 1440px;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .nav-container.login-nav.m25 {
    max-width: 1320px;
  }

  .nav-container.login-24-nav {
    max-width: 1440px;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .nav-container.login-24-nav.m25 {
    max-width: 1320px;
  }

  .footer.full-lenge {
    background-color: #273c69;
    position: relative;
    top: auto;
    bottom: auto;
  }

  .footer.full-lenge.m25 {
    background-color: #eee;
  }

  .footer-brand-description.m25 {
    color: var(--black);
  }

  .slide-1.vertical {
    background-image: url('../../images/Artboard-34x.png');
    background-position: 0 0;
    background-size: cover;
    width: 100%;
    min-width: 100%;
  }

  .slide-nav {
    inset: auto 0% 21px;
  }

  .about-img._1 {
    width: 420px;
    left: 16%;
  }

  .about-img._3 {
    width: 430px;
    top: 20%;
    left: 54%;
  }

  .about-img._4 {
    left: 48%;
  }

  .section-with-blue-bg {
    padding-left: 180px;
    padding-right: 180px;
  }

  .home-banner {
    grid-column-gap: 40px;
    padding-top: 0;
    padding-bottom: 60px;
  }

  .underline.hone-display {
    background-color: #3cc6f4;
    height: 3px;
    margin-bottom: -32px;
  }

  .text-404 {
    font-size: 200px;
  }

  .flex.align-center.gap-8px {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }

  .flex.green-tag {
    width: auto;
    height: auto;
  }

  .flex.top-down.menu-flex {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    border-bottom: 3px #3cc6f4;
    justify-content: center;
    align-items: center;
    height: 86px;
  }

  .flex.top-down.menu-flex.current {
    border-bottom-style: solid;
  }

  .flex.margin-top-12px {
    margin-top: 12px;
  }

  .flex.margin-top-12px.margin-bottom-12px.gap-0 {
    height: 86px;
  }

  .flex.margin-right-48px {
    margin-right: 48px;
  }

  .flex.margin-right-48px.gap-0 {
    height: 86px;
  }

  .flex.red-tag {
    width: auto;
    height: auto;
  }

  .flex.red-tag.annouse-size {
    height: 24px;
  }

  .flex.margin-tb-12px {
    margin-top: 12px;
    margin-bottom: 12px;
  }

  .grid-2-column.login-main {
    grid-template-columns: max-content 1fr;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .grid-2-column.announ {
    grid-row-gap: 16px;
    padding-top: 0;
    padding-bottom: 0;
  }

  .grid-2-column.main-page-1600 {
    max-width: 1600px;
    margin-left: auto;
    margin-right: auto;
  }

  .grid-2-column.tel-col {
    grid-row-gap: 36px;
    padding-left: 12px;
  }

  .content-table {
    background-color: #fafbfd00;
  }

  .text-16px {
    color: var(--black);
  }

  .text-16px.semi-bold {
    align-self: auto;
  }

  .text-16px.semi-bold.color-grey {
    color: var(--grey-7a);
  }

  .text-16px.semi-bold.align-top {
    align-self: flex-start;
  }

  .text-16px.align-center {
    text-align: center;
    align-self: center;
  }

  .text-16px.align-center.color-grey {
    color: #a3a3a3;
  }

  .text-16px.align-center.white {
    color: var(--white);
  }

  .text-16px.padding-24 {
    padding: 24px;
  }

  .text-16px.padding-24.inner {
    padding-bottom: 0;
  }

  .text-16px.padding-24.no-pading-bt {
    padding-bottom: 10px;
  }

  .text-16px.margin-bottom-16px {
    margin-bottom: 16px;
  }

  .text-16px.text-tag {
    color: #4a5565;
    justify-content: flex-start;
    align-items: flex-end;
  }

  .text-16px.collapse-text {
    margin-top: 0;
    margin-bottom: 16px;
    font-weight: 500;
  }

  .text-16px.collapse-text.margin-bottom-48px {
    margin-bottom: 48px;
  }

  .text-16px.contact-card {
    color: #0056a2;
    font-weight: 600;
  }

  .text-16px.about-text-card {
    color: var(--white);
  }

  .text-16px.link-enew {
    justify-content: flex-end;
    align-items: center;
    margin-right: auto;
    padding-right: 30px;
  }

  .text-16px.news-popup.bold.head, .text-16px.news-popup.magin-bottom-8px {
    margin-bottom: 8px;
  }

  .text-16px.news-popup.magin-bottom-8px.margin-left-26px {
    margin-left: 26px;
  }

  .text-16px.file {
    color: var(--nav-color);
    margin-bottom: 8px;
    margin-left: 26px;
  }

  .text-16px.file.bold.head, .text-16px.file.magin-bottom-8px {
    margin-bottom: 8px;
  }

  .text-14px.color-white {
    word-break: keep-all;
  }

  .text-14px.color-d6 {
    color: var(--normal-hover);
  }

  .text-14px.color-d6.align-left {
    align-self: flex-start;
  }

  .text-14px.color-red {
    word-break: keep-all;
  }

  .text-14px.anous-bx {
    background-color: #e6eef6;
    border: 1px solid #b0cbe2;
    border-radius: 8px;
    font-weight: 700;
  }

  .text-14px.anous-bx.color-blue {
    color: var(--nav-color);
  }

  .text-14px.anous-bx.color-blue.padding-annou {
    padding: 4px 12px;
  }

  .text-14px.anous-bx.color-red {
    color: var(--nav-color);
  }

  .text-14px.anous-bx.color-red.padding-annou {
    color: var(--white);
    padding: 4px 12px;
  }

  .text-14px.semibold.color-green {
    color: #008236;
  }

  .text-14px.news-box {
    background-color: #d087001a;
    border: 1px solid #d0870033;
    border-radius: 8px;
    font-weight: 700;
  }

  .text-14px.news-box.color-yellow {
    color: #894b00;
  }

  .text-14px.news-box.color-yellow.padding-annou {
    padding: 4px 12px;
  }

  .image.mg-bottom-16px.login-pic {
    width: 236px;
    height: 230px;
  }

  .image.mg-bottom-16px.login-pic.margin-top-24px {
    margin-top: 24px;
  }

  .grid-3-column.welcome-grid {
    grid-template-columns: auto 10px max-content;
  }

  .table {
    width: auto;
    margin-bottom: 0;
  }

  .invoices-table-row.header.vptablehead {
    grid-template-columns: .5fr .5fr 2fr .35fr 150px 150px;
  }

  .invoices-table-row.header.vptablehead.home-announ {
    background-color: var(--light-blue-bar);
  }

  .invoices-table-row.vptablecontent {
    grid-template-columns: .5fr .5fr 2fr .35fr 150px 150px;
  }

  .invoices-table-row.vptablecontent.tbupload.login-annou-list {
    border-radius: 8px;
    grid-template-columns: 50px 1.5fr 150px 50px;
    height: 100%;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 32px;
  }

  .invoices-table-row.vptablecontent.tbupload.warning-list {
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .popup.simple-popup.login {
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 0;
  }

  .popup.simple-popup.upgrade {
    width: 900px;
    height: auto;
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 0;
  }

  .popup.simple-popup.auto-vh {
    width: 50%;
  }

  .btn-secondary.tab-button {
    font-family: Noto Sans Thai, sans-serif;
    font-size: 16px;
    font-weight: 600;
  }

  .banner-wrapper.error.vpmainbarerror, .banner-wrapper.success.vpmainbarsuccess {
    max-width: 1600px;
    margin-left: auto;
    margin-right: auto;
  }

  .hide {
    display: none;
  }

  .container._90.max-w-1600 {
    max-width: 1600px;
  }

  .container.loginpage {
    max-width: 75%;
    height: auto;
  }

  .container.loginpage.m25 {
    max-width: 1320px;
  }

  .cell-top-center.landing-step {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    grid-template-rows: auto auto;
    grid-template-columns: max-content 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .password-correct.magin-0 {
    padding-bottom: 0;
  }

  .quick-stack-password.landing-step {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  .nav-item-with-line-block-2 {
    height: 0;
  }

  .homepage-header-button-wrapper.login-section {
    order: 0;
    justify-content: flex-end;
    align-items: center;
    width: 300px;
    display: flex;
  }

  .header-right-side {
    margin-left: 40px;
    margin-right: 0;
  }

  .header-right-side.margin-right-32px {
    margin-right: 32px;
  }

  .header-right-side.margin-left-48px {
    margin-left: 48px;
  }

  .grid-1-column {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .grid-1-column.gap4 {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
  }

  .grid-1-column.gap4.margin-top-12px {
    margin-top: 12px;
  }

  .grid-1-column.gap4.margin-top-12px.margin-bottom-12px {
    margin-bottom: 12px;
  }

  .form.login {
    margin-bottom: 0;
  }

  .grid-3-columns.mg-top-24px.mg-bottom-24px {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .grid-3-columns.footer-boi {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .slider.vertical {
    bottom: 0;
  }

  .slider.vertical.responsive-hide-for-mobile.m25 {
    width: 550px;
  }

  .dashboard-nav-right-content {
    justify-content: flex-end;
    align-items: center;
    margin-left: 0;
  }

  .header-content-wrapper {
    justify-content: space-between;
    align-items: center;
    width: 100%;
    max-width: 1600px;
  }

  .header-content-wrapper.header-nav-menu-wrapper.landing-page {
    max-width: 1320px;
    height: 100%;
  }

  .content-scroll {
    height: 320px;
  }

  .content-scroll.login-announ {
    height: 400px;
  }

  .content-scroll.margin-bottom-24px.scroll-box {
    overflow: visible;
  }

  .body {
    background-color: var(--white);
    flex-flow: column;
    display: flex;
  }

  .body.login-page {
    background-color: #fafbfd;
  }

  .body.login-page.m25 {
    background-color: var(--white);
    height: auto;
  }

  .btn-primary-3.btn-login.m25 {
    background-color: #0075bb;
  }

  .navbar-absolute.m25 {
    background-color: var(--white);
  }

  .m24-form-login {
    margin-top: 48px;
    margin-bottom: 48px;
  }

  .content-area {
    width: 100%;
    max-width: 1600px;
    padding-left: 0;
    padding-right: 0;
  }

  .content-area.box-main-page {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    border-radius: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    max-width: 1440px;
    height: 450px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    box-shadow: 0 0 16px #0000000d;
  }

  .content-area.clear-mg-t {
    margin-top: 0;
    padding-top: 0;
  }

  .content-area.search-box {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    background-color: var(--white);
    border-radius: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    max-width: 1600px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    box-shadow: 0 0 16px #0000000d;
  }

  .content-area.box-auto {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    max-width: 1600px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    box-shadow: 0 2px 16px #00000026;
  }

  .dashboard-main-content {
    flex: 1;
    min-height: 1045px;
  }

  .menu-container {
    max-width: 1600px;
    height: auto;
    max-height: none;
    margin-left: auto;
    margin-right: auto;
    padding-right: 0;
  }

  .margin-left-24px.title-nav, .margin-left-24px.nav-title {
    display: block;
  }

  .text-20px.semibold {
    font-weight: 600;
  }

  .selector-icon.size-24px {
    width: 24px;
    height: 24px;
  }

  .text-footter.mg-top-20px.m25 {
    color: var(--black);
    text-align: left;
    font-weight: 400;
    display: block;
  }

  .text-footter.m25, .text-footter-cr.m25 {
    color: var(--black);
    font-weight: 400;
  }

  .profile-pic {
    background-color: var(--white);
    border-radius: 100px;
    width: 48px;
    min-width: 48px;
    max-width: 48px;
    height: 48px;
    min-height: 48px;
    max-height: 48px;
    padding-bottom: 0;
  }

  .maring-right-16px {
    margin-right: 16px;
  }

  .nav-link-underline-2.hide, .liner-2.menubar {
    display: none;
  }

  .div-block-login {
    width: 100%;
  }

  .text-18px.semibold {
    font-weight: 600;
  }

  .text-18px.color-green {
    color: var(--green);
  }

  .text-18px.news-text {
    font-weight: 600;
  }

  .text-40px.color-blue.semi-bold {
    font-family: Noto Sans Thai, sans-serif;
  }

  .announ {
    border-bottom: 1px solid #f0f3f6;
    padding-top: 32px;
    padding-bottom: 32px;
  }

  .logo-menu {
    padding-bottom: 0;
  }

  .text-delte.color-black {
    color: var(--black);
  }

  .text-delte.color-black.bold {
    font-family: Noto Sans Thai, sans-serif;
    font-weight: 700;
  }

  .text-24px {
    color: var(--black);
    font-family: Noto Sans Thai, sans-serif;
    font-size: 24px;
  }

  .text-24px.semibold {
    font-weight: 600;
  }

  .welcome-section {
    height: auto;
    padding-top: 25px;
    padding-bottom: 0;
  }

  .margin-bottom-14px {
    margin-bottom: 14px;
  }

  .flex-horizontal.landing-page {
    height: 100%;
  }

  .flex-horizontal.gap-104px {
    grid-column-gap: 104px;
    grid-row-gap: 104px;
  }

  .flex-vertical.landing-qa {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    max-width: 416px;
  }

  .flex-vertical.landing-contact {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    width: 100%;
    min-width: auto;
  }

  .flex-vertical.landing-about {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    justify-content: space-between;
    align-items: flex-start;
    max-width: 100%;
    padding-top: 24px;
  }

  .flex-vertical.landing-about.responsive {
    height: auto;
    padding-left: 40px;
  }

  .flex-vertical.login-landingpage {
    flex-flow: column;
  }

  .set {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .nav-m.landingpage {
    background-color: var(--white);
  }

  .nav-me.header-nav-menu-wrapper.min-width {
    min-width: 600px;
  }

  .nav-me.header-nav-menu-wrapper.min-width.landing-page {
    height: 100%;
    display: flex;
  }

  .nav-me.header-nav-menu-content.min-width {
    min-width: 600px;
  }

  .nav-me.header-nav-menu-content.min-width.landing-page {
    height: 100%;
    display: flex;
  }

  .nav-con-login {
    justify-content: space-between;
    align-items: center;
    max-width: 1440px;
  }

  .nav-link.landing-nav {
    color: var(--black);
  }

  .nav-link.landing-nav.w--current {
    border-style: none none solid;
    border-width: 1px 1px 5px;
    border-color: var(--nav-color);
    color: var(--nav-color);
    align-self: stretch;
    margin-top: 21px;
    font-weight: 700;
  }

  .brand-2 {
    display: flex;
  }

  .table-text-h {
    color: var(--black);
  }

  .content-table-header {
    grid-template-columns: 50px 50px 1.5fr 1.25fr 1.25fr 1fr 1fr;
  }

  .content-table-header.m25 {
    background-color: #eee;
  }

  .table-text-r {
    color: var(--black);
  }

  .login-name {
    align-self: flex-start;
  }

  .image-banner {
    max-width: 100%;
  }

  .landing-vertical {
    justify-content: flex-start;
    align-items: center;
    margin-right: 0;
  }

  .landing-vertical.margin-right-48 {
    margin-right: 48px;
  }

  .landing-vertical.content {
    width: 1052px;
  }

  .landing-tab-1, .landing-tab-1.w--current {
    padding-right: 0;
  }

  .landing {
    max-width: 1320px;
    margin-top: 100px;
    margin-left: auto;
    margin-right: auto;
  }

  .landing-grid {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 1320px;
    margin-bottom: 100px;
    margin-left: auto;
    margin-right: auto;
    display: grid;
    position: relative;
  }

  .horizon-temp {
    z-index: 1;
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    display: flex;
    position: absolute;
    inset: 278px 0% 0%;
  }

  .text-32px.landing-head {
    color: var(--black);
    margin-top: 32px;
    margin-bottom: 18px;
    font-family: Noto Sans Thai, sans-serif;
    font-size: 32px;
    font-weight: 600;
    line-height: 1.6em;
  }

  .text-32px.card-head {
    color: var(--black);
    margin-top: 0;
    margin-bottom: 0;
    font-family: Noto Sans Thai, sans-serif;
    font-size: 32px;
    font-weight: 600;
    line-height: 1.6em;
  }

  .text-32px.card-head.white {
    color: var(--white);
  }

  .text-32px.card-head.margin-bottom-16px {
    margin-bottom: 16px;
  }

  .text-32px.card-step-head {
    color: var(--black);
    justify-content: flex-start;
    align-self: center;
    align-items: center;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Noto Sans Thai, sans-serif;
    font-size: 32px;
    font-weight: 600;
    line-height: 1.6em;
  }

  .text-32px.card-head-mid {
    color: var(--black);
    align-self: center;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Noto Sans Thai, sans-serif;
    font-size: 32px;
    font-weight: 600;
    line-height: 1.6em;
  }

  .text-32px.card-head-mid.white {
    color: var(--white);
  }

  .text-32px.card-head-mid.margin-bottom-16px {
    margin-bottom: 16px;
  }

  .landing-page-image {
    width: 100%;
    padding-bottom: 0;
    display: inline-block;
  }

  .temp-card {
    color: var(--white);
    text-align: center;
    border-radius: 16px;
    font-family: Noto Sans Thai, sans-serif;
    font-weight: 600;
  }

  .temp-card.tag {
    display: flex;
  }

  .yellow-tag {
    background-color: #fdb813;
    border-radius: 20px;
    width: 114px;
    height: 36px;
    padding-top: 6px;
  }

  .card-head {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .card-content {
    background-color: #fdfdfd;
    border: 1px solid #d9e6f1;
    border-radius: 16px;
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 20px;
    padding-bottom: 20px;
    box-shadow: 0 0 16px 0 #0000000d;
  }

  .card-content.about {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    width: 722px;
    box-shadow: none;
    border-style: none;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    padding-left: 40px;
    display: flex;
  }

  .card-content.news {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    width: 100%;
    box-shadow: none;
    border-style: none;
    flex-flow: column;
    justify-content: center;
    align-items: stretch;
    padding-left: 0;
    display: flex;
  }

  .card-content.new-login {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    width: 722px;
    box-shadow: none;
    border-style: none;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    padding-left: 40px;
    display: flex;
  }

  .card-content.new-login._24 {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    background-image: url('../../images/1bg24.png');
    border-style: solid;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    display: grid;
  }

  .card-content.new-login._25 {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    background-image: url('../../images/1bg25.png');
    border-style: solid;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    display: grid;
  }

  .content-bg {
    box-shadow: none;
    background-color: #fafbfd;
    margin-bottom: 60px;
    padding-top: 56px;
    padding-left: 0%;
    padding-right: 0%;
  }

  .img-content-card {
    width: 808px;
    height: 220px;
    padding-bottom: 0;
  }

  .img-content-card.step-card {
    width: 416px;
    height: 524px;
  }

  .img-content-card.about {
    width: 526px;
    height: 420px;
  }

  .img-content-card.news {
    width: 100%;
    max-width: none;
    height: 100%;
  }

  .img-content-card.news.in-popup {
    width: auto;
  }

  .card-box {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    justify-content: space-between;
    align-items: flex-start;
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .card-box.step-card {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    background-color: var(--white);
    border-radius: 16px;
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 416px;
    height: 250px;
    padding: 24px;
    display: flex;
    box-shadow: 0 2px 16px #0000000d;
  }

  .card-box.step-card.about {
    width: 280px;
    height: 240px;
    margin-left: 0;
    margin-right: 0;
  }

  .card-box.step-card.about.linear {
    background-image: linear-gradient(#0095da, #0060ad);
  }

  .card-box.step-card.about.responsive {
    box-shadow: 0 2px 16px #0000000d;
  }

  .card-box.condition-card {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background-color: #fff3;
    border-radius: 16px;
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 565px;
    height: 178px;
    padding: 24px;
    display: flex;
    box-shadow: 0 2px 16px #0000000d;
  }

  .card-box.condition-card.margin-bottom-24px {
    position: relative;
  }

  .card-box.contact-card {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    background-color: var(--white);
    border-radius: 16px;
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: flex-start;
    width: 636px;
    height: 218px;
    padding: 24px;
    display: flex;
    box-shadow: 0 2px 16px #0000000d;
  }

  .card-box.about-card {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    background-color: var(--white);
    border-radius: 16px;
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    height: 230px;
    margin-left: 0;
    padding: 24px;
    display: grid;
    box-shadow: 0 2px 16px #0000000d;
  }

  .card-box.about-card.responsive {
    grid-template-columns: 1fr 1fr;
    grid-auto-flow: row;
    width: 100%;
    height: 30%;
  }

  .card-box.about-card.responsive.card-box-top {
    height: 230px;
  }

  .card-box.contact-card-social {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    background-color: var(--white);
    border-radius: 16px;
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    height: 218px;
    padding: 0 24px 24px;
    display: flex;
    box-shadow: 0 2px 16px #0000000d;
  }

  .card-elecment-box {
    width: 368px;
    height: 220px;
    color: var(--black);
    text-align: left;
    background-color: #e6eef6;
    border: 1px solid #d9e6f1;
    border-radius: 16px;
    margin-left: auto;
    margin-right: auto;
    padding: 50px 32px;
    font-family: Noto Sans Thai, sans-serif;
    box-shadow: 0 0 16px 0 #0000000d;
  }

  .card-content-div {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    background-color: #fff;
    border-radius: 16px;
    flex-flow: column;
    width: 1320px;
    max-width: 1320px;
    margin-left: auto;
    margin-right: auto;
    padding: 48px;
    display: flex;
    box-shadow: 0 2px 16px #0000000d;
  }

  .card-content-div.blue {
    background-color: #273c69;
    width: 1320px;
  }

  .card-content-div.about {
    padding: 24px;
  }

  .card-content-div.step {
    width: 100%;
    max-width: none;
  }

  .card-content-div.step.margin-bottom-32-px {
    margin-bottom: 32px;
  }

  .card-section {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column;
    margin-bottom: 100px;
    display: flex;
    position: static;
  }

  .card-section.normal {
    margin-top: 100px;
  }

  .card-section.wid-1320 {
    max-width: 1320px;
    margin-left: auto;
    margin-right: auto;
  }

  .landing-main {
    justify-content: center;
    align-items: center;
    max-width: 1320px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .landing-main.margin-top-50-px {
    margin-top: 50px;
  }

  .landing-main.qa {
    grid-column-gap: 24px;
    grid-row-gap: 48px;
    grid-template-rows: auto;
    grid-template-columns: 636px 636px;
    grid-auto-columns: 1fr;
    max-width: 1320px;
    margin-left: auto;
    margin-right: auto;
    display: grid;
  }

  .landing-main.contact {
    grid-column-gap: 24px;
    grid-row-gap: 48px;
    border-bottom: 1px solid #f0f3f6;
    grid-template-columns: 636px 636px;
    grid-auto-columns: 1fr;
    max-width: 1320px;
    margin-left: auto;
    margin-right: auto;
    display: grid;
  }

  .landing-main.contact.margin-top-100px {
    grid-column-gap: 50px;
    margin-top: 100px;
  }

  .landing-main.about {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    border-bottom: 1px solid #f0f3f6;
    grid-template-rows: auto;
    grid-template-columns: 550px 722px;
    grid-auto-columns: 1fr;
    place-items: stretch stretch;
    max-width: none;
    margin-bottom: 0;
    margin-left: 300px;
    margin-right: 300px;
    padding-bottom: 40px;
    display: grid;
  }

  .landing-main.contact-socia {
    grid-column-gap: 24px;
    grid-row-gap: 48px;
    border-bottom: 1px solid #f0f3f6;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    max-width: 1320px;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 100px;
    display: grid;
  }

  .landing-main.contact-socia.margin-top-100px {
    grid-column-gap: 50px;
    margin-top: 100px;
  }

  .landing-main.top-down {
    flex-flow: column;
  }

  .landing-main.top-down.margin-top-50px {
    margin-top: 50px;
  }

  .landing-step-hero-grid {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-rows: auto auto;
    grid-template-columns: min-content max-content min-content;
    grid-auto-columns: 1fr;
    width: 1296px;
    display: grid;
  }

  .icon-card {
    width: 52px;
    height: auto;
    margin-right: 16px;
    padding-bottom: 0;
  }

  .icon-card.collapse {
    width: 40px;
  }

  .text-in-card-landing {
    color: var(--black);
    font-family: Noto Sans Thai, sans-serif;
    font-size: 20px;
    font-weight: 500;
  }

  .text-in-card-landing.white {
    color: var(--white);
    -webkit-text-stroke-color: var(--black);
  }

  .text-in-card-landing.tel {
    margin-bottom: 36px;
    font-size: 32px;
  }

  .card-heading {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .card-heading.gap-0px {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .card-heading.about-card {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .card-heading.about-card.grid2 {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-auto-columns: 1fr;
  }

  .icon-card-landing {
    width: 24px;
    padding-bottom: 0;
  }

  .icon-card-landing.popup {
    width: 4%;
    margin-bottom: 6px;
  }

  .div-landing-tag {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    background-color: #99a1af1a;
    border-radius: 20px;
    justify-content: flex-start;
    align-items: center;
    padding: 6px 16px;
    display: flex;
  }

  .card-item {
    flex-flow: column;
  }

  .grid-landing-sidebar {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 250px;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .button-landing-page {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    color: #2b2b2b;
    cursor: pointer;
    background-color: #eee;
    border-radius: 8px;
    justify-content: center;
    align-items: center;
    padding: 12px 24px;
    font-family: Noto Sans Thai, sans-serif;
    font-weight: 400;
    display: flex;
  }

  .button-landing-page.about-btn {
    background-color: var(--nav-color);
    color: var(--white);
  }

  .button-landing-page.news {
    background-color: var(--nav-color);
    color: #fff;
    cursor: pointer;
    width: 108px;
    height: 48px;
  }

  .icon-landing-sidebar {
    width: 24px;
    height: auto;
    padding-bottom: 0;
  }

  .button-box {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .button-box.about-btn {
    justify-content: flex-start;
    align-items: center;
  }

  .img-landing {
    border-radius: 12px;
    padding-bottom: 32px;
  }

  .text-26px.head-sub {
    color: var(--black);
    font-family: Noto Sans Thai, sans-serif;
    font-size: 26px;
    font-weight: 600;
    line-height: 1.6em;
  }

  .step-content {
    z-index: 1;
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    grid-template-rows: auto auto;
    grid-template-columns: max-content 1fr;
    grid-auto-columns: 1fr;
    display: grid;
    position: relative;
  }

  .line-step {
    z-index: auto;
    outline-offset: 0px;
    background-color: #b0cbe2;
    border: 2px #b0cbe2;
    border-radius: 0;
    outline: 1px dashed #b0cbe2;
    flex-flow: column;
    width: 1px;
    height: 500px;
    position: absolute;
    inset: 15% auto 0% 26px;
  }

  .line-step.add {
    height: 520px;
  }

  .line-step.add.out {
    height: 890px;
  }

  .line-step.ext {
    height: 850px;
    top: 8%;
  }

  .line-step.ext.in {
    height: 570px;
  }

  .timeline-wrapper {
    position: relative;
  }

  .module.features-tasks {
    max-width: 746px;
    margin-bottom: 24px;
  }

  .module.border-radius-30px.overflow-hidden.news {
    width: 100%;
    height: 100%;
  }

  .features-tasks-body-inner-container {
    border-top-style: none;
  }

  .accordian {
    margin-left: 0;
    margin-right: 0;
  }

  .link {
    color: var(--primary);
    font-weight: 500;
    text-decoration: underline;
  }

  .acc-div {
    margin-bottom: 24px;
  }

  .banner {
    width: 100%;
    margin-bottom: 100px;
    padding-bottom: 0;
  }

  .header-landing {
    color: var(--black);
    margin: 0 auto 86px;
    font-family: Noto Sans Thai, sans-serif;
    font-size: 40px;
    font-weight: 600;
    line-height: 1.6em;
    display: block;
  }

  .landing-header {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 1320px;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .landing-vertical-content {
    max-width: 100%;
  }

  .landing-vertical-content.margin-bottom-100px {
    margin-bottom: 100px;
  }

  .landing-tab-2, .landing-tab-2.w--current {
    padding-right: 0;
  }

  .condition-card {
    width: 1052px;
    margin-left: auto;
    margin-right: auto;
  }

  .condition-card.grid-2 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    background-color: #e6eef6;
    border-radius: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    padding: 40px;
    display: grid;
    position: relative;
  }

  .img-condition {
    height: 580px;
    padding-bottom: 0;
    position: absolute;
    top: auto;
    bottom: 0%;
    right: 40px;
  }

  .img-condition._25 {
    top: 95px;
  }

  .button-condition {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    color: #2b2b2b;
    background-color: #fff0;
    border: 1px solid #0056a2;
    border-radius: 8px;
    justify-content: flex-end;
    align-items: center;
    padding: 12px 24px;
    font-family: Noto Sans Thai, sans-serif;
    font-weight: 400;
    display: flex;
    position: relative;
    left: 67px;
  }

  .step-card-banner {
    position: relative;
  }

  .tel {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    display: flex;
  }

  .text-tel {
    color: var(--nav-color);
    font-family: Noto Sans Thai, sans-serif;
    font-size: 20px;
    font-weight: 600;
  }

  .landing-about-img {
    width: 100%;
    max-width: 100%;
    height: auto;
    padding-bottom: 0;
    padding-left: 0;
  }

  .landing-about-img-card, .landing-about-img-card.responsive {
    width: 272px;
    height: 186px;
  }

  .landing-about-img-card.responsive.m24 {
    width: 180px;
    height: auto;
    padding-bottom: 0;
  }

  .card-grid {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .about-slider {
    width: 550px;
    height: 780px;
  }

  .about-slider.landing-responsive {
    margin-left: 10px;
  }

  .overflow-visible {
    height: 23.5vw;
    overflow: visible;
  }

  .news-tab {
    width: 1320px;
    margin: 100px auto;
  }

  .news-slider {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    background-color: var(--transp);
    justify-content: space-between;
    align-items: center;
    width: 1320px;
    height: 448px;
    padding-left: 0;
    padding-right: 0;
  }

  .news-slider-content {
    width: 636px;
    height: 448px;
    margin-right: 24px;
  }

  .news-slider-mask {
    padding-left: 0;
    padding-right: 0;
  }

  .news-slider-bar {
    padding-top: 10px;
    top: 470px;
  }

  .blue-tag {
    width: 100px;
    height: 29px;
    color: var(--nav-color);
    background-color: #e6eef6;
    border-radius: 20px;
    padding-top: 3px;
    font-size: 14px;
  }

  .lang-landing {
    margin-right: 0;
  }

  .landing-page-nav {
    justify-content: space-between;
    align-items: center;
    width: 100%;
    max-width: 1600px;
  }

  .landing-page-nav.header-nav-menu.landing-page {
    max-width: 1320px;
    height: 100%;
  }

  .red-text-tag {
    color: #8b0836;
    background-color: #fff1f2;
    border-color: #ffccd3;
    width: 100px;
    height: 29px;
    padding-top: 3px;
  }

  .text-16px-2 {
    color: #333;
  }

  .text-16px-2.semi-bold {
    align-self: auto;
  }

  .table-text-h-2 {
    color: #333;
  }

  .content-table-2 {
    background-color: #fafbfd00;
  }

  .table-text-r-2, .text-16px-3 {
    color: #333;
  }

  .require-field {
    align-self: flex-start;
  }

  .link-enew {
    display: block;
  }

  .end-line.more-weight {
    border-width: 2px;
    height: 2px;
  }

  .dashboard-main-content-2 {
    min-height: 1045px;
    margin-bottom: 60px;
  }

  .section-2.padding-bottom-60px {
    background-color: #fff;
  }

  .box-selector.request {
    height: 100%;
  }

  .grid-2-column-2 {
    grid-row-gap: 20px;
    grid-template-columns: 1fr 1fr;
    align-self: flex-start;
  }

  .mg-tb-24px {
    margin: 24px 0;
  }

  .landing-step {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: max-content 1fr;
    grid-auto-columns: 1fr;
    width: 1296px;
    display: grid;
  }

  .landing-step.margin-top-48px {
    margin-top: 48px;
  }

  .landing-step-note {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: max-content 1fr;
    grid-auto-columns: 1fr;
    width: 1296px;
    display: grid;
  }

  .landing-step-note.margin-top-48px {
    margin-top: 48px;
  }

  .tab-step {
    width: auto;
  }

  .step-tab {
    justify-content: space-between;
    align-items: stretch;
    max-width: 1320px;
    margin-left: auto;
  }

  .tab-link-tab-1 {
    color: var(--grey-7a);
    font-size: 24px;
  }

  .tab-link-tab-2, .tab-link-tab-2.w--current {
    font-size: 24px;
  }

  .text-block, .text-block-2 {
    margin-bottom: 6px;
    font-size: 24px;
  }

  .text-block-3, .text-block-4 {
    font-size: 14px;
  }

  .step-div {
    grid-column-gap: 100px;
    grid-row-gap: 100px;
    flex-flow: column;
    max-width: 1052px;
    display: flex;
  }

  .text-grey {
    font-size: 14px;
  }

  .btn-wrapper.btn-flex {
    max-width: 1600px;
    margin-left: auto;
    margin-right: auto;
  }

  .btn-3.back {
    width: 104px;
  }

  .left-arrow-2, .right-arrow-2 {
    color: var(--nav-color);
  }

  .banner-main {
    width: 100%;
    max-width: none;
    height: auto;
    max-height: none;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .new-login-box.margin-bottom-24px {
    margin-left: auto;
    margin-right: auto;
  }

  ._24-tag {
    width: 114px;
    height: 36px;
    padding-top: 6px;
  }

  .text-50px.main-page-haeder {
    font-size: 50px;
    line-height: 1em;
  }

  .main-page-haeder-text-18 {
    color: var(--orange2);
    text-align: center;
    font-family: Noto Sans Thai, sans-serif;
    font-size: 18px;
    font-weight: 600;
  }

  .main-page-haeder-text-18.text-grey {
    color: var(--grey);
  }

  .sizing-image {
    justify-content: space-between;
    align-items: center;
    width: 100%;
    max-height: 320px;
    display: flex;
    overflow: hidden;
  }
}

@media screen and (max-width: 991px) {
  h1 {
    text-align: left;
    font-size: 56px;
  }

  h2 {
    font-size: 42px;
  }

  h3 {
    font-size: 36px;
  }

  blockquote {
    font-size: 30px;
  }

  .primary-button {
    width: 140px;
  }

  .primary-button.size-manual {
    width: auto;
  }

  .nav-container {
    align-items: flex-start;
    padding-left: 15px;
    padding-right: 15px;
  }

  .nav-menu {
    background-color: var(--foundation-blue);
    flex-direction: column;
    width: 320px;
    inset: 0% auto 0% 0%;
  }

  .menu-button {
    text-align: right;
    background-color: #0000;
    margin-top: 10px;
    padding: 0;
  }

  .menu-button.w--open {
    background-color: #0000;
  }

  .nav-dropdown {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    transition: opacity .5s;
    display: flex;
    overflow: hidden;
  }

  .nav-dropdown.responsive {
    display: none;
  }

  .nav-dropdown-toggle {
    align-items: center;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    display: flex;
  }

  .nav-dropdown-toggle.register {
    padding-right: 40px;
  }

  .nav-dropdown-icon {
    color: var(--foundation-blue);
    margin-right: 1.5px;
    display: none;
    inset: 0% 0 0% auto;
  }

  .nav-dropdown-list {
    border-style: none;
    flex-direction: column;
    width: 300px;
    padding: 0 40px 0 20px;
    display: flex;
    position: static;
  }

  .nav-dropdown-list.w--open {
    box-shadow: none;
    padding-top: 0;
    padding-bottom: 0;
    display: flex;
    position: static;
  }

  .nav-dropdown-link-wrapper {
    flex-flow: wrap;
    padding-right: 0;
  }

  .nav-dropdown-link-wrapper:hover {
    padding-left: 0;
    padding-right: 0;
  }

  .nav-dropdown-link {
    margin-left: 0;
    margin-right: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    font-family: Kanit, sans-serif;
  }

  .close-menu-button {
    padding: 0 20px 0 0;
  }

  .close-menu-button.w--open {
    background-color: #0000;
    padding: 0 20px 0 0;
  }

  .nav-close-icon {
    z-index: 15;
    align-self: stretch;
  }

  .nav-menu-wrapper {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr min-content;
    grid-auto-columns: 1fr;
    place-items: start center;
    display: grid;
  }

  .slide-1.vertical {
    width: 550px;
    height: 100%;
  }

  .blog-item {
    width: 47%;
  }

  .testimonials {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .blog-section-title {
    margin-bottom: 60px;
  }

  .contacts-wrapper-grid {
    padding-left: 15px;
    padding-right: 15px;
  }

  .section-title-center {
    margin-bottom: 60px;
  }

  .home-4-testimonials-wrapper {
    grid-column-gap: 60px;
    grid-row-gap: 40px;
    flex-wrap: wrap;
    width: 80%;
    margin-top: 20px;
  }

  .testimonials-wrapper-2 {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    flex-wrap: wrap;
    width: 80%;
    margin-top: 20px;
  }

  .about-img._1 {
    top: 7%;
    left: 15px;
  }

  .about-img._5 {
    top: 58%;
    bottom: 0;
    left: 60px;
  }

  .about-img._3 {
    width: 360px;
    top: 0%;
    right: 15px;
  }

  .about-img._4 {
    width: 240px;
    top: 57%;
    left: auto;
    right: 15px;
  }

  .about-img._2 {
    z-index: 5;
    top: 30%;
    left: 35%;
  }

  .subtitle {
    margin-bottom: 30px;
  }

  .content {
    margin-bottom: 0;
  }

  .industries-block-wrapper {
    max-width: 45vw;
  }

  .about-4-team-slide {
    width: 100%;
  }

  .nav-dropdown-link-line {
    display: none;
  }

  .subtitle-2 {
    margin-bottom: 30px;
  }

  .dropdown-nav-link {
    color: #222;
    padding-top: 12px;
    padding-bottom: 12px;
    font-family: Lato, sans-serif;
    font-weight: 700;
  }

  .dropdown-nav-link.w--current {
    color: #004ae2;
  }

  .menu-wrap {
    background-color: var(--foundation-blue);
    flex-direction: column;
    align-items: flex-start;
    padding: 20px;
    display: flex;
  }

  .home-banner-left-arrow {
    inset: 20% auto auto 4%;
  }

  .tablet-menu {
    justify-content: space-between;
    align-items: center;
    height: 60px;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 15px;
    display: flex;
  }

  .image-burger {
    padding-left: 15px;
    padding-right: 15px;
  }

  .brand-tablet {
    display: block;
  }

  .home-banner {
    grid-column-gap: 0px;
    grid-row-gap: 60px;
    flex-wrap: wrap;
    justify-content: flex-start;
    padding-top: 100px;
  }

  .btn:hover {
    opacity: 1;
  }

  .landing-section-title {
    width: 80%;
  }

  .landing-home-pages-wrapper {
    flex-wrap: wrap;
    grid-template-columns: 1fr 1fr;
    justify-items: center;
  }

  .underline.hone-display {
    display: none;
  }

  .intro-box {
    grid-row-gap: 50px;
    flex-direction: column-reverse;
    min-height: auto;
  }

  .nav-link-underline {
    margin: 10px 0;
  }

  .process-item-container {
    height: 100%;
  }

  .text-404 {
    font-size: 160px;
  }

  .flex.green-tag, .flex.red-tag {
    width: auto;
    height: auto;
  }

  .grid-2-column.margin-bottom-14px {
    display: block;
  }

  .grid-2-column.update-pj-popup {
    grid-template-columns: 125px 1fr;
  }

  .text-14px {
    word-break: keep-all;
  }

  .image.mg-bottom-16px.login-pic.margin-top-24px.responsive-hide, .margin-left-20px {
    display: none;
  }

  .invoices-table-row {
    grid-template-columns: .75fr .5fr .35fr .5fr .5fr 80px;
  }

  .table-item-mobile-caption {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: none;
  }

  .popup.simple-popup.login.scroll, .popup-wrapper.scroll {
    overflow: scroll;
  }

  .display-inline-block.exit {
    padding-left: 0;
  }

  .table-item {
    overflow: visible;
  }

  .navy {
    color: var(--blue);
  }

  .align-center {
    align-self: center;
  }

  .align-center.margin-left-10px {
    align-self: flex-start;
  }

  .line-square-icon.alert-banner-close-icon {
    padding-top: 18px;
    padding-bottom: 18px;
  }

  .hide {
    display: none;
  }

  .navbar-absolute-admin {
    background-size: cover;
    height: 80px;
  }

  .nav-dropdown-link-line-2 {
    display: none;
  }

  .homepage-header-button-wrapper {
    display: flex;
  }

  .homepage-header-button-wrapper.login-section {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    background-color: var(--foundation-blue);
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: stretch;
    padding: 24px 50px;
    display: none;
    position: fixed;
    inset: 9% 0% auto;
  }

  .header-right-side.login-nav {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-end;
    align-items: flex-start;
    display: flex;
  }

  .header-nav-menu-wrapper {
    background-color: #fff;
    border-top: 1px solid #e9eaf3;
    border-bottom: 1px solid #e9eaf3;
    padding: 24px;
  }

  .header-nav-menu-wrapper.homepage {
    background-color: var(--white);
    border-top-style: none;
    border-bottom-style: none;
    width: 300px;
    margin-top: 0;
    padding: 0;
  }

  .grid-3-columns {
    grid-template-columns: 1fr 1fr;
  }

  .slider.vertical {
    width: 100%;
    height: 700px;
  }

  .mask.vertical {
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
  }

  .grid-5-column {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .header-wrapper {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .header-content-wrapper.header-nav-menu-wrapper {
    background-color: #fff0;
    border-top-style: none;
    border-bottom-style: none;
  }

  .btn-primary-3.btn-register.margin-right-16px {
    margin-right: 0;
  }

  .navbar-absolute {
    background-size: cover;
    height: 80px;
  }

  .grid-4-column-gap {
    grid-template-columns: auto auto auto auto;
    grid-auto-columns: 1fr;
  }

  .menu-img {
    width: 140px;
  }

  .margin-left-24px, .margin-left-24px.nav-title {
    display: none;
  }

  .margin-left-24px.margin-right-24px, .margin-left-24px.margin-right-24px.margin-bottom-24px {
    display: block;
  }

  .text-footter {
    white-space: nowrap;
    word-break: keep-all;
  }

  .text-footter.mg-top-20px {
    width: 100%;
    margin-top: 10px;
  }

  .text-footter-cr {
    text-align: left;
  }

  .mg-top-32px {
    margin-top: 0;
  }

  .mg-top-32px.grid-2-column {
    grid-column-gap: 24px;
  }

  .profile-pic {
    display: none;
  }

  .nav-dropdown-icon-2 {
    color: #fff;
    margin-right: 1.5px;
    display: none;
    inset: 0% 0 0% auto;
  }

  .nav-dropdown-link-2 {
    margin-left: 0;
    margin-right: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    font-family: Kanit, sans-serif;
  }

  .nav-dropdown-link-2:hover {
    color: var(--nav-color);
  }

  .user-responsive.responsive {
    padding-right: 0;
    display: none;
  }

  .nav-link-underline-2 {
    margin: 10px 0;
  }

  .menu-wrap-2 {
    background-color: #fff;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 20px;
    display: flex;
  }

  .nav-dropdown-link-line-3, .nav-underline.home-display {
    display: none;
  }

  .nav-dropdown-list-2 {
    z-index: 999;
    box-sizing: border-box;
    border-style: none;
    flex-direction: column;
    width: 300px;
    padding: 0 40px 0 20px;
    display: block;
    position: relative;
    top: -1px;
  }

  .nav-dropdown-list-2.w--open {
    box-shadow: none;
    padding-top: 0;
    padding-bottom: 0;
    display: flex;
    position: static;
  }

  .navy-3 {
    color: #203864;
  }

  .div-block-login {
    height: auto;
  }

  .padding-top-12px.padding-left-32px.margin-bottom-32px {
    align-self: stretch;
    margin-top: 10px;
    padding-left: 0;
  }

  .flex-horizontal.responsive {
    margin-left: 297px;
  }

  .flex-horizontal.responsive.header-nav-menu-content {
    background-color: #fffdfd00;
    border-top-style: none;
    border-bottom-style: none;
    margin-left: auto;
  }

  .flex-vertical.landing-about.responsive {
    margin-bottom: 24px;
  }

  .mg-left-16px.responsive {
    margin-right: 0;
  }

  .set {
    word-break: keep-all;
    height: 100%;
  }

  .menu-button-2 {
    display: block;
  }

  .menu-button-2.w--open {
    background-color: #c8c8c800;
  }

  .nav-me {
    background-color: var(--nav-color);
    display: none;
  }

  .nav-me.header-nav-menu-content.min-width.landing-page {
    display: none;
  }

  .nav-con-login {
    justify-content: flex-start;
    align-items: center;
    margin-right: 14px;
    padding-left: 14px;
  }

  .nav-link.responsive {
    display: block;
  }

  .nav-link.landing-nav {
    color: var(--light-active);
  }

  .nav-link.landing-nav.w--current {
    border-bottom-color: var(--light-active);
    color: var(--light-active);
    margin-top: 0;
  }

  .nav-ham {
    color: var(--white);
  }

  .nav-ham.black {
    color: var(--black);
  }

  .dropdown-list.w--open {
    background-color: var(--nav-color);
    border: 1px solid #000;
    border-radius: 8px;
  }

  .login-name {
    margin-top: 26px;
  }

  .menu-wrap {
    background-color: var(--white-transparent);
    padding: 0;
  }

  .image-banner {
    height: 100%;
  }

  .landing-grid {
    grid-template-columns: 1fr;
  }

  .horizon-temp.responsive {
    flex-flow: column;
    position: static;
  }

  .landing-page-image.responsive {
    width: 100%;
  }

  .card-head.responsive {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .card-content.about.responsive, .card-content.new-login.responsive {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    padding-left: 0;
    display: flex;
  }

  .img-content-card.about {
    width: 100%;
  }

  .img-content-card.responsive {
    margin-bottom: 24px;
  }

  .card-box.step-card.about.responsive {
    width: 100%;
    box-shadow: 0 2px 16px #0000000d;
  }

  .card-box.about-card.responsive {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    padding-bottom: 24px;
    display: grid;
  }

  .card-box.responsive {
    flex-flow: column;
  }

  .card-elecment-box.responsive {
    width: 100%;
    margin-bottom: 24px;
  }

  .landing-main.about {
    grid-template-columns: 1fr;
  }

  .landing-about-img {
    width: 100%;
    height: 100%;
  }

  .landing-about-img-card {
    width: 75%;
    margin-left: 60px;
  }

  .landing-about-img-card.responsive {
    width: 75%;
    height: 100%;
    padding-bottom: 0;
    display: block;
  }

  .about-slider.landing-responsive {
    width: 100%;
  }

  .news-tab {
    margin-top: 40px;
  }

  .landing-page-nav.header-nav-menu {
    background-color: #fff0;
    border-top-style: none;
    border-bottom-style: none;
  }

  .header-nav-menu {
    background-color: #fff;
    border-top: 1px solid #e9eaf3;
    border-bottom: 1px solid #e9eaf3;
    padding: 24px;
  }

  .header-nav-menu.homepage {
    background-color: var(--white);
    border-top-style: none;
    border-bottom-style: none;
    width: 300px;
    margin-top: 0;
    padding: 0;
  }

  .header-nav-menu-m25 {
    background-color: #fff;
    border-top: 1px solid #e9eaf3;
    border-bottom: 1px solid #e9eaf3;
    padding: 24px;
  }

  .header-nav-menu-m25.homepage {
    background-color: var(--white);
    border-top-style: none;
    border-bottom-style: none;
    width: 300px;
    margin-top: 0;
    padding: 0;
  }

  .header-nav-menu-m24 {
    background-color: #fff;
    border-top: 1px solid #e9eaf3;
    border-bottom: 1px solid #e9eaf3;
    padding: 24px;
  }

  .header-nav-menu-m24.homepage {
    background-color: var(--white);
    border-top-style: none;
    border-bottom-style: none;
    width: 300px;
    margin-top: 0;
    padding: 0;
  }

  .btn-2:hover {
    opacity: 1;
  }

  .require-field {
    align-self: flex-start;
  }

  .box-selector {
    width: auto;
  }

  .tab-head {
    flex-flow: column;
    display: flex;
  }

  .btn-wrapper {
    margin-top: 40px;
  }

  .btn-3:hover {
    opacity: 1;
  }
}

@media screen and (max-width: 767px) {
  h1 {
    font-size: 42px;
  }

  h2 {
    font-size: 36px;
  }

  h3 {
    font-size: 32px;
  }

  blockquote {
    margin-top: 30px;
    margin-bottom: 30px;
    font-size: 24px;
  }

  .section {
    padding-top: 0;
    padding-bottom: 0;
  }

  .section.home-banner {
    margin-bottom: 40px;
  }

  .primary-button, .primary-button.size-manual {
    width: auto;
  }

  .nav-container {
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }

  .nav-container.login-nav, .nav-container.login-24-nav {
    align-items: stretch;
  }

  .nav-menu {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 62%;
    height: 100vh;
    display: block;
    overflow: auto;
  }

  .nav-dropdown-toggle.register {
    padding-right: 40px;
  }

  .nav-dropdown-icon {
    color: var(--foundation-blue);
  }

  .nav-dropdown-link {
    font-family: Kanit, sans-serif;
  }

  .utility-page-content {
    width: 70%;
  }

  .password-image {
    width: 100px;
  }

  .password-input {
    min-width: auto;
  }

  ._404-paragraph {
    margin-bottom: 30px;
  }

  .nav-menu-wrapper {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr min-content;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .footer-brand-description {
    text-align: center;
    display: flex;
  }

  .slide-1.vertical {
    background-position: 0 0;
    background-size: cover;
    height: 100%;
  }

  .about-3-tab-link.w--current {
    font-size: 20px;
  }

  .blog-item {
    width: 100%;
  }

  .testimonials {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .blog-section-title {
    margin-bottom: 40px;
  }

  .contacts-wrapper-grid {
    grid-column-gap: 20px;
    grid-row-gap: 40px;
    grid-template-columns: 1fr;
  }

  .section-title-center {
    margin-bottom: 40px;
  }

  .home-4-testimonials-wrapper {
    grid-row-gap: 30px;
    width: 100%;
  }

  .testimonials-wrapper-2 {
    width: 100%;
  }

  .about-img {
    width: 100%;
    max-height: 420px;
  }

  .about-img._1, .about-img._5, .about-img._3, .about-img._4, .about-img._2 {
    width: 100%;
    position: static;
  }

  .subtitle {
    line-height: 16px;
  }

  .our-services-wrap {
    grid-row-gap: 10px;
    width: 100%;
  }

  .content-wrapper {
    flex-wrap: wrap;
    width: auto;
  }

  .industries-block-wrapper {
    max-width: none;
  }

  .home-9-team-item {
    width: 48%;
  }

  .subtitle-2 {
    line-height: 16px;
  }

  .home-banner-left-arrow {
    top: 6%;
  }

  .home-23-team-item {
    width: 70%;
  }

  .tablet-menu {
    display: none;
  }

  .brand-tablet {
    justify-content: flex-start;
    padding-left: 0;
  }

  .brand {
    padding-left: 0;
  }

  .home-banner {
    padding-top: 0;
  }

  .btn.login-btn {
    order: 0;
    justify-content: center;
    align-items: center;
  }

  .landing-section-title {
    width: 70%;
  }

  .landing-home-pages-wrapper {
    grid-row-gap: 40px;
  }

  .nav-link-underline.hide {
    display: block;
  }

  .process-step {
    grid-column-gap: 30px;
    grid-row-gap: 20px;
    grid-template-columns: 3.5rem 1fr;
    justify-items: stretch;
  }

  .process-item-indicator {
    width: 55px;
    height: 55px;
  }

  .animals-lightbox-item {
    min-width: 200px;
    min-height: 200px;
  }

  .text-404 {
    font-size: 140px;
  }

  .flex {
    margin-bottom: 0;
  }

  .flex.margin-bottom-12px.gap-0 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: row;
    grid-template-rows: auto auto;
    grid-template-columns: .5fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-start;
    place-items: flex-start stretch;
    margin-bottom: 4px;
    display: flex;
  }

  .grid-2-column {
    grid-row-gap: 24px;
    grid-template-columns: 1fr;
    padding-left: 14px;
  }

  .grid-2-column.gap-18px._2-columns-mbl {
    grid-template-columns: 1fr 1fr;
  }

  .grid-2-column.password.margin-remove {
    padding-left: 0;
  }

  .grid-2-column.tel-col {
    grid-template-columns: 1fr 1fr;
  }

  .content-table.border-radius-30px {
    border-radius: 20px;
  }

  .text-16px.color-black {
    align-self: auto;
  }

  .text-16px.semi-bold.size-110px {
    width: 110px;
  }

  .input {
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .grid-3-column {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .margin-left-20px, .text-100 {
    display: none;
  }

  .text-100.medium.text-uppercase {
    display: block;
  }

  .invoices-table-row {
    grid-row-gap: 0px;
    grid-template-columns: 1fr;
    padding: 0;
  }

  .invoices-table-row.header {
    display: none;
  }

  .invoices-table-row.vptablecontent {
    padding-left: 0;
    padding-right: 0;
    display: block;
  }

  .invoices-table-row.vptablecontent.tbupload {
    padding-left: 0;
    padding-right: 0;
  }

  .invoices-table-row.vptablecontent.tbupload.login-annou-list {
    height: 300px;
    padding-left: 0;
  }

  .invoices-table-row.vptablecontent.tbupload.warning-list {
    padding-top: 0;
  }

  .display-4 {
    font-size: 20px;
  }

  .table-item-mobile-caption {
    background-color: #f7f9fc;
    justify-content: flex-start;
    align-items: center;
    padding-left: 24px;
    display: flex;
  }

  .popup.simple-popup {
    border-radius: 20px;
    padding: 48px 32px;
  }

  .close-button-popup-module {
    max-width: 18px;
  }

  .popup-wrapper {
    padding-left: 20px;
    padding-right: 20px;
  }

  .table-item {
    grid-column-gap: 24px;
    border-bottom: 1px solid #e9eaf3;
    grid-template-rows: auto;
    grid-template-columns: .75fr 1fr;
    grid-auto-columns: 1fr;
    place-items: stretch stretch;
    width: 100%;
    min-height: 50px;
    display: grid;
    overflow: hidden;
  }

  .table-item.last {
    margin-bottom: 10px;
  }

  .table-item.announ-table {
    border-bottom-style: none;
    min-height: 300px;
  }

  .liner.menubar {
    order: 0;
    align-self: stretch;
    margin-top: 40px;
    display: none;
  }

  .hide {
    align-self: center;
    display: none;
  }

  .close-button-popup-exit {
    max-width: 18px;
  }

  .navbar-absolute-admin {
    height: 80px;
    padding-bottom: 20px;
  }

  .homepage-header-button-wrapper.login-section {
    justify-content: flex-start;
    align-items: stretch;
  }

  .header-nav-menu-wrapper.homepage {
    background-color: var(--transp);
    border-top-style: none;
    border-bottom-style: none;
    justify-content: center;
    align-items: center;
  }

  .grid-3-columns {
    grid-row-gap: 9px;
    grid-template-columns: 1fr;
  }

  .slider.vertical {
    width: 100%;
    height: 720px;
  }

  .mask.vertical {
    width: 100%;
    height: 100%;
  }

  .grid-5-column {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .content-scroll.login-announ {
    height: 300px;
  }

  .navbar-absolute {
    height: 80px;
    padding-bottom: 20px;
  }

  .content-area {
    margin-bottom: 0;
  }

  .content-area.search-box {
    margin-bottom: 60px;
  }

  .content-area.box-auto {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    margin-bottom: 60px;
    display: block;
  }

  .grid-4-column-gap {
    grid-column-gap: 8px;
    grid-row-gap: 2px;
    grid-template-rows: minmax(0, 1.25fr);
    grid-template-columns: auto;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .material-symbols.green-icon-status.size-16 {
    align-self: center;
  }

  .menu-container {
    padding-left: 20px;
    padding-right: 20px;
  }

  .margin-left-24px.margin-right-24px {
    display: block;
  }

  .mg-top-32px {
    margin-top: 0;
    padding-left: 14px;
  }

  .nav-dropdown-icon-2 {
    color: #fff;
  }

  .nav-dropdown-link-2 {
    font-family: Kanit, sans-serif;
  }

  .nav-link-underline-2.hide {
    display: block;
  }

  .popup-wrapper-2 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .grid-2-columns-7527 {
    grid-template-columns: 1fr;
  }

  .grid-2-columns-7527.gap-18px._2-columns-mbl {
    grid-template-columns: 1fr 1fr;
  }

  .liner-2.menubar {
    align-self: stretch;
    margin-top: 40px;
    display: block;
  }

  .div-block-login {
    height: auto;
  }

  .text-40px.color-blue.semi-bold {
    font-size: 32px;
  }

  .div-footer-logo {
    padding-left: 14px;
  }

  .welcome-box {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .flex-horizontal {
    margin-bottom: 0;
  }

  .flex-horizontal.responsive {
    margin-left: 108px;
  }

  .flex-horizontal.gap-104px {
    justify-content: center;
    align-items: center;
  }

  .set {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    margin-bottom: 14px;
    display: grid;
  }

  .user-area {
    margin-bottom: 20px;
  }

  .content-table-header.update-req-h, .content-table-header.warning-h {
    display: none;
  }

  .content-table-row {
    border-top-color: #e9eaf3;
    padding: 0;
    display: block;
  }

  .table-item-content {
    margin-bottom: 14px;
    padding-top: 14px;
  }

  .table-item-h {
    grid-column-gap: 24px;
    border-bottom: 1px solid #e9eaf3;
    grid-template-rows: auto;
    grid-template-columns: .75fr 1fr;
    grid-auto-columns: 1fr;
    place-items: stretch stretch;
    width: 100%;
    min-height: 50px;
    display: grid;
    overflow: hidden;
  }

  .nav-link-copy.padding-remove {
    padding-left: 11px;
  }

  .image-banner {
    width: 100%;
  }

  .horizon-temp.responsive {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: flex;
  }

  .card-head.responsive {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .card-box.step-card.about.linear.responsive {
    width: 100%;
  }

  .card-box.step-card.about.responsive {
    width: 100%;
    box-shadow: 0 2px 16px #0000000d;
  }

  .card-box.responsive {
    flex-flow: column;
  }

  .card-elecment-box.responsive {
    width: 100%;
    margin-bottom: 24px;
  }

  .features-tasks-title-container {
    grid-row-gap: 12px;
    grid-template-columns: 1fr;
  }

  .module.companies-card {
    border-radius: 24px;
  }

  .module.border-radius-30px {
    border-radius: 20px;
  }

  .tabs-menu-top {
    margin-bottom: 24px;
  }

  .companies-modules-container {
    grid-template-columns: 1fr;
  }

  .header-nav-menu.homepage, .header-nav-menu-m25.homepage, .header-nav-menu-m24.homepage {
    background-color: var(--transp);
    border-top-style: none;
    border-bottom-style: none;
    justify-content: center;
    align-items: center;
  }

  .input-2 {
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .btn-2.btn-search {
    order: 0;
    justify-content: center;
    align-items: center;
  }

  .check-term.responsive-flex {
    display: flex;
  }

  .text-604 {
    display: none;
  }

  .text-604.medium.text-uppercase {
    display: block;
  }

  .text-16px-3.color-black {
    align-self: auto;
  }

  .content-table-row-2 {
    border-top-color: #e9eaf3;
    padding: 0;
    display: block;
  }

  .end-line {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .section-2 {
    padding-top: 0;
    padding-bottom: 0;
  }

  .grid-2-column-2 {
    grid-row-gap: 24px;
    grid-template-columns: 1fr;
    padding-left: 14px;
  }

  .tab-head {
    flex-flow: column;
    display: flex;
  }

  .step-header {
    margin-bottom: 20px;
  }

  .tel-pic {
    display: none;
  }

  .btn-wrapper.btn-flex {
    justify-content: space-between;
    align-items: center;
    display: flex;
  }

  .btn-3.back {
    justify-content: center;
    align-items: center;
  }

  .btn-3.next {
    order: 0;
    justify-content: center;
    align-items: center;
  }
}

@media screen and (max-width: 479px) {
  .section {
    padding-bottom: 0;
  }

  .nav-menu {
    width: 90%;
  }

  .utility-page-content {
    width: 100%;
  }

  ._404-content-wrapper {
    padding-left: 15px;
    padding-right: 15px;
  }

  .footer, .footer-brand-description {
    text-align: left;
  }

  .about-3-tab-link {
    font-size: 16px;
  }

  .about-3-tab-link.w--current {
    font-size: 18px;
  }

  .section-title-center {
    margin-bottom: 20px;
  }

  .our-services-wrap, .home-9-team-item, .home-23-team-item {
    width: 100%;
  }

  .center-title {
    text-align: center;
  }

  .brand-tablet {
    padding-left: 0;
  }

  .landing-section-title {
    width: 100%;
  }

  .intro-box {
    grid-row-gap: 30px;
  }

  .mg-bottom-24px {
    margin-bottom: 20px;
  }

  .flex.gap-4 {
    align-self: flex-start;
  }

  .grid-2-column.login-main.responsive {
    grid-template-columns: 1fr;
    margin-left: 10px;
    margin-right: 10px;
    padding-left: 0;
  }

  .grid-2-column.row-middle {
    padding-left: 0;
  }

  .content-table.border-radius-30px {
    border-radius: 16px;
  }

  .text-16px, .text-14px {
    word-break: keep-all;
  }

  .input {
    min-height: 48px;
    padding-top: 0;
    padding-bottom: 0;
  }

  .input::placeholder {
    font-size: 16px;
    line-height: 16px;
  }

  .table {
    width: 320px;
  }

  .table-item-mobile-caption {
    padding-right: 8px;
  }

  .popup.simple-popup {
    padding-bottom: 40px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .popup.simple-popup.auto-vh {
    overflow: auto;
  }

  .close-button-popup-module {
    top: 16px;
    right: 16px;
  }

  .btn-secondary {
    width: 100%;
  }

  .btn-secondary.tab-button {
    width: auto;
  }

  .btn-primary {
    width: 100%;
  }

  .popup-wrapper {
    padding-left: 16px;
    padding-right: 16px;
  }

  .table-item.last {
    margin-bottom: 16px;
  }

  .line-square-icon.alert-banner-close-icon {
    font-size: 14px;
    right: 16px;
  }

  .alert-banner-padding-error {
    padding-left: 16px;
    padding-right: 34px;
  }

  .btn-secondary-2 {
    width: 100%;
  }

  .close-button-popup-exit {
    top: 16px;
    right: 16px;
  }

  .text-400 {
    font-size: 16px;
  }

  .container.loginpage.responsive {
    width: auto;
    max-width: 100vw;
  }

  .container.loginpage.responsive.m24 {
    max-width: 90%;
  }

  .grid-3-columns {
    grid-template-columns: 1fr;
  }

  .slider.vertical {
    width: 300px;
  }

  .slider.vertical.responsive-hide-for-mobile {
    display: none;
  }

  .grid-5-column.responsive-1-grid {
    grid-template-columns: 1fr;
  }

  .btn-primary-3 {
    width: 100%;
  }

  .popup-logo.mg-bottom-24px.mobile-responsive {
    display: none;
  }

  .menu-img {
    margin-right: 60px;
  }

  .menu-container {
    padding-left: 16px;
    padding-right: 16px;
  }

  .text-footter.mg-top-20px {
    word-break: keep-all;
  }

  .text-footter-cr {
    text-align: center;
  }

  .alert-banner-padding-success {
    padding-left: 16px;
    padding-right: 34px;
  }

  .btn-primary-4 {
    width: 100%;
  }

  .popup-wrapper-2 {
    padding-left: 16px;
    padding-right: 16px;
  }

  .text-40px.color-blue.semi-bold {
    word-break: keep-all;
  }

  .flex-horizontal.gap-104px {
    justify-content: center;
    align-items: flex-start;
  }

  .set {
    margin-bottom: 16px;
  }

  .table-item-content {
    padding-right: 12px;
  }

  .div {
    flex-flow: column;
  }

  .img-content-card.news {
    width: auto;
    height: auto;
  }

  .img-content-card.news.in-popup {
    width: 80vw;
  }

  .card-box.about-card, .card-box.about-card.responsive {
    height: auto;
  }

  .module.features-tasks {
    padding-left: 24px;
    padding-right: 24px;
  }

  .module.companies-card {
    border-radius: 16px;
    padding: 24px;
  }

  .module.border-radius-30px {
    border-radius: 16px;
  }

  .tabs-menu-top {
    flex-flow: column;
  }

  .map {
    display: none;
  }

  .input-2 {
    min-height: 48px;
    padding-top: 0;
    padding-bottom: 0;
  }

  .input-2::placeholder {
    font-size: 16px;
    line-height: 16px;
  }

  .text-16px-2, .text-16px-3 {
    word-break: keep-all;
  }

  .section-2 {
    padding-bottom: 0;
  }

  .tab-head {
    flex-flow: column;
  }

  .btn-wrapper {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    flex-wrap: wrap;
    width: 100%;
    margin-top: 40px;
  }

  .btn-wrapper.btn-flex {
    grid-column-gap: 30px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .btn-3.back {
    justify-content: center;
    align-items: center;
  }
}

#w-node-ef6862a0-026c-b3e7-795a-579959f96355-5100cc7f {
  grid-area: span 2 / span 1 / span 2 / span 1;
  align-self: center;
}

#w-node-ef6862a0-026c-b3e7-795a-579959f9635c-5100cc7f {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-ef6862a0-026c-b3e7-795a-579959f9635e-5100cc7f {
  align-self: center;
}

#w-node-ef6862a0-026c-b3e7-795a-579959f963d5-5100cc7f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#ajax_loading.w-node-d1dc12ab-4397-5d33-f259-0e208b4e3a62-bda6fb4c, #w-node-d538dee7-9f47-1c85-725e-e63fdcba5ef9-bda6fb4c {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-b88510f2-827d-b222-9c54-f43cbda6fb6f-bda6fb4c {
  grid-area: span 1 / span 3 / span 1 / span 3;
  place-self: center;
}

#w-node-_0d57a39a-3d72-0d2d-7117-e6417799b38e-5100cc8e, #w-node-_078d31d1-888c-9238-c70d-edf63805e2fb-5100cc8e {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-e4f32280-fb64-b00a-a53a-58221db7dd2d-5100cc8e, #div_acc1.w-node-fa3637ea-e48f-5d16-d2a1-054224d7db4a-5100cc8e {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-f671141e-9b7f-8ab5-2db0-2ae49c37441d-5100cc8e {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-f671141e-9b7f-8ab5-2db0-2ae49c37441f-5100cc8e {
  grid-area: span 1 / span 4 / span 1 / span 4;
  justify-self: start;
}

#w-node-f671141e-9b7f-8ab5-2db0-2ae49c374431-5100cc8e {
  grid-area: span 1 / span 5 / span 1 / span 5;
  place-self: auto;
}

#w-node-_681e153b-2a2f-0696-9315-6a01f933c4ec-5100cc8e, #w-node-_681e153b-2a2f-0696-9315-6a01f933c4f3-5100cc8e, #w-node-_2a707806-24a6-e79e-1a1e-a33f0204dfe6-5100cc8e, #w-node-b34f4e59-93fa-3116-6c6a-6daa223b5825-5100cc8e, #w-node-b34f4e59-93fa-3116-6c6a-6daa223b582c-5100cc8e, #w-node-b34f4e59-93fa-3116-6c6a-6daa223b582f-5100cc8e, #w-node-_729015d8-b66e-a430-2a73-7d02566c0bb5-5100cc8e, #w-node-_729015d8-b66e-a430-2a73-7d02566c0bbc-5100cc8e, #w-node-_729015d8-b66e-a430-2a73-7d02566c0bbf-5100cc8e, #w-node-_8cae93be-1fd7-a5fc-b7b4-22951867a145-634f2c73, #ajax_loading.w-node-c7f1c28e-d0df-d20c-4ddb-02f25e1429db-634f2c73, #w-node-e7201b8b-7beb-8074-a9f0-e36c1074b337-634f2c73 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_452416bf-8c95-61d0-c7d0-1f8e9d1dc19d-634f2c73 {
  place-self: stretch start;
}

#w-node-_4b43710f-7d5e-5f38-a69b-31efc001e373-634f2c73 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-daf981fd-9b17-a0fb-7466-2c35634f2c79-634f2c73 {
  grid-column: span 2 / span 2;
}

#w-node-a5eb9927-d00e-2d31-3d15-388e6a95dd60-634f2c73 {
  align-self: start;
}

#w-node-ccd8ed82-3a8b-9aaf-a865-251c6af826c6-634f2c73 {
  place-self: auto;
}

#w-node-e2b2c1fb-0961-1660-750e-3ca0072b6104-634f2c73 {
  align-self: auto;
}

#w-node-_516b1df8-f024-7ec6-6e11-65457d1c7033-634f2c73 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-d12cfd5f-66cb-6e73-5813-bbeb644a84dd-634f2c73 {
  grid-area: span 1 / span 3 / span 1 / span 3;
  place-self: center;
}

#w-node-_3dc846a9-151f-99d1-5dad-6b4fde936f72-a4ef58f8 {
  align-self: center;
}

#w-node-d6a859ee-85e7-1ce8-f244-96f610c77f94-5100ce2e {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_15311366-b08a-81ca-49dd-89d52cccbc0c-5100ce2e, #w-node-_366704b4-0f38-943d-d890-bb2bd8239e69-5100ce2e, #w-node-cdaae441-6b18-49c7-6fb3-f1e70582eb5d-5100ce2e {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_714d0b30-6624-383e-6d7b-b42c490dc0f7-5100ce2e {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: start;
}

#w-node-eb71b264-b11d-7016-bfe9-c4e80599eb75-5100ce2e {
  justify-self: end;
}

#w-node-b54ac79c-230b-6910-1667-867677277f55-5100ce2e, #w-node-b54ac79c-230b-6910-1667-867677277f5b-5100ce2e, #w-node-b54ac79c-230b-6910-1667-867677277f61-5100ce2e, #w-node-b54ac79c-230b-6910-1667-867677277f67-5100ce2e, #w-node-b54ac79c-230b-6910-1667-867677277f6d-5100ce2e, #w-node-b54ac79c-230b-6910-1667-867677277f75-5100ce2e {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-b54ac79c-230b-6910-1667-867677277f7d-5100ce2e {
  align-self: start;
}

#w-node-b54ac79c-230b-6910-1667-867677277f83-5100ce2e, #w-node-b54ac79c-230b-6910-1667-867677277f8a-5100ce2e, #w-node-b54ac79c-230b-6910-1667-867677277f93-5100ce2e, #w-node-b54ac79c-230b-6910-1667-867677277f9a-5100ce2e, #w-node-b54ac79c-230b-6910-1667-867677277fa1-5100ce2e, #w-node-b54ac79c-230b-6910-1667-867677277fa8-5100ce2e, #w-node-b54ac79c-230b-6910-1667-867677277faf-5100ce2e {
  grid-template-rows: auto;
  grid-template-columns: max-content 2fr;
}

#w-node-b54ac79c-230b-6910-1667-867677277fb6-5100ce2e, #w-node-b54ac79c-230b-6910-1667-867677277fc0-5100ce2e {
  grid-template-rows: auto;
  grid-template-columns: max-content 2fr .5fr;
}

#w-node-b54ac79c-230b-6910-1667-867677277fd6-5100ce2e, #w-node-cd0390a3-a368-c324-1eaf-c30da93ffad1-5100ce2e, #w-node-b54ac79c-230b-6910-1667-867677277fe2-5100ce2e, #w-node-b54ac79c-230b-6910-1667-867677277fe8-5100ce2e, #w-node-b54ac79c-230b-6910-1667-867677277fee-5100ce2e, #w-node-b54ac79c-230b-6910-1667-867677277ff4-5100ce2e, #w-node-b54ac79c-230b-6910-1667-867677277ffa-5100ce2e, #w-node-b54ac79c-230b-6910-1667-867677278000-5100ce2e, #w-node-b54ac79c-230b-6910-1667-867677278008-5100ce2e {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_9c176333-8bc9-e606-2734-56356e30370a-5100ce2e {
  align-self: start;
}

#w-node-_9c176333-8bc9-e606-2734-56356e303710-5100ce2e, #w-node-_9c176333-8bc9-e606-2734-56356e303717-5100ce2e, #w-node-_9c176333-8bc9-e606-2734-56356e303720-5100ce2e, #w-node-_9c176333-8bc9-e606-2734-56356e303727-5100ce2e, #w-node-_9c176333-8bc9-e606-2734-56356e30372e-5100ce2e, #w-node-_9c176333-8bc9-e606-2734-56356e303735-5100ce2e, #w-node-_9c176333-8bc9-e606-2734-56356e30373c-5100ce2e {
  grid-template-rows: auto;
  grid-template-columns: max-content 2fr;
}

#w-node-_7ae62478-e006-14ac-3498-ae002c6630d7-5100ce2e, #w-node-_2bb003c1-e1e9-5f45-196d-264b89e838a8-5100ce2e, #w-node-_678d0f1a-b0fb-d110-7f7f-164dece6afd9-5100ce2e, #w-node-_573289d0-d5c6-eb7f-befc-afe23dc4a12c-5100ce2e, #w-node-dbadf536-4ac3-093f-6d9b-d7da231bb968-5100ce2e, #w-node-f3fede59-5870-0382-6aa7-a869c7ec4e04-5100ce2e {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-aa447653-b15f-293d-9bd9-bdecd1db89e2-5100ce2e {
  align-self: start;
}

#w-node-aa447653-b15f-293d-9bd9-bdecd1db89e8-5100ce2e, #w-node-aa447653-b15f-293d-9bd9-bdecd1db89ef-5100ce2e, #w-node-aa447653-b15f-293d-9bd9-bdecd1db89f8-5100ce2e, #w-node-aa447653-b15f-293d-9bd9-bdecd1db89ff-5100ce2e {
  grid-template-rows: auto;
  grid-template-columns: max-content 2fr;
}

#w-node-aa447653-b15f-293d-9bd9-bdecd1db8a1b-5100ce2e, #w-node-_3f5b4449-1e92-ea47-230e-09dfe3cb4579-5100ce2e, #w-node-_3e66dcdc-5f3b-59c7-8d44-ea4041ee8f63-5100ce2e, #w-node-_26f391b9-d364-3a3c-e5a9-1bc5dff280aa-5100ce2e, #w-node-aa447653-b15f-293d-9bd9-bdecd1db8a25-5100ce2e {
  grid-template-rows: auto;
  grid-template-columns: max-content 2fr .5fr;
}

#w-node-_5574f769-b7be-9b99-b766-06f628438e97-5100ce2e {
  justify-self: end;
}

#w-node-_7ba385ea-56ff-5ea8-462c-2d4c6740124f-5100ce2e, #w-node-_7ba385ea-56ff-5ea8-462c-2d4c67401255-5100ce2e, #w-node-_7ba385ea-56ff-5ea8-462c-2d4c6740125b-5100ce2e, #w-node-_7ba385ea-56ff-5ea8-462c-2d4c67401261-5100ce2e, #w-node-_7ba385ea-56ff-5ea8-462c-2d4c67401267-5100ce2e, #w-node-_7ba385ea-56ff-5ea8-462c-2d4c6740126f-5100ce2e {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_60a7aecf-5cf0-410d-825e-f05a419feb86-5100ce2e {
  align-self: start;
}

#w-node-_60a7aecf-5cf0-410d-825e-f05a419feb8c-5100ce2e, #w-node-_60a7aecf-5cf0-410d-825e-f05a419feb93-5100ce2e, #w-node-_60a7aecf-5cf0-410d-825e-f05a419feb9c-5100ce2e, #w-node-_60a7aecf-5cf0-410d-825e-f05a419feba3-5100ce2e, #w-node-_60a7aecf-5cf0-410d-825e-f05a419febaa-5100ce2e, #w-node-_60a7aecf-5cf0-410d-825e-f05a419febb1-5100ce2e, #w-node-_60a7aecf-5cf0-410d-825e-f05a419febb8-5100ce2e {
  grid-template-rows: auto;
  grid-template-columns: max-content 2fr;
}

#w-node-_60a7aecf-5cf0-410d-825e-f05a419febbf-5100ce2e, #w-node-_60a7aecf-5cf0-410d-825e-f05a419febc9-5100ce2e {
  grid-template-rows: auto;
  grid-template-columns: max-content 2fr .5fr;
}

#w-node-beae1ff7-bc0f-3ae0-2243-5c947425e7b5-5100ce2e, #w-node-c698a280-ac23-ab48-095e-1629232216f1-5100ce2e, #w-node-_48ec0bfb-ca64-8962-f3b4-092657adacf3-5100ce2e {
  grid-template-rows: auto;
  grid-template-columns: max-content 2fr;
}

#w-node-_1a7c0ad7-1b18-e9b0-3969-036a892f9e9a-5100ce2e, #w-node-_1a7c0ad7-1b18-e9b0-3969-036a892f9ea0-5100ce2e, #w-node-_1a7c0ad7-1b18-e9b0-3969-036a892f9ea6-5100ce2e, #w-node-_1a7c0ad7-1b18-e9b0-3969-036a892f9eac-5100ce2e, #w-node-_1a7c0ad7-1b18-e9b0-3969-036a892f9eb2-5100ce2e, #w-node-_1a7c0ad7-1b18-e9b0-3969-036a892f9eb8-5100ce2e, #w-node-_1a7c0ad7-1b18-e9b0-3969-036a892f9ebe-5100ce2e, #w-node-_1a7c0ad7-1b18-e9b0-3969-036a892f9ec4-5100ce2e, #w-node-_1a7c0ad7-1b18-e9b0-3969-036a892f9ecc-5100ce2e {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_9d43a478-1396-6fde-3bc7-a96f0919a894-5100ce2e {
  align-self: start;
}

#w-node-_1234a78f-c29e-c7ee-c3d6-a5edf0c4de31-5100ce2e, #w-node-_281f96ad-a080-6b19-baac-8f365e53bfde-5100ce2e, #w-node-_377a94e9-29ba-d955-2368-04798c32b8c2-5100ce2e, #w-node-_5afaeeb2-6a2f-e480-a1c2-46a496154e6e-5100ce2e, #w-node-_2f585c38-80a1-2a9f-04e3-e481768145bc-5100ce2e {
  grid-template-rows: auto;
  grid-template-columns: max-content 2fr;
}

#w-node-_8d04a855-2285-e901-d7b2-84340b1150da-5100ce2f {
  grid-area: span 1 / span 5 / span 1 / span 5;
  align-self: auto;
}

#w-node-_8d04a855-2285-e901-d7b2-84340b1150dd-5100ce2f {
  grid-area: span 1 / span 2 / span 1 / span 2;
  align-self: start;
}

#s\.derived\.name.w-node-_8d04a855-2285-e901-d7b2-84340b1150e1-5100ce2f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#btn_search.w-node-_8d04a855-2285-e901-d7b2-84340b1150f1-5100ce2f {
  place-self: end start;
}

#w-node-_4ebdaa71-08ee-716b-a695-c2193ad628e2-5100ce2f {
  grid-area: span 1 / span 2 / span 1 / span 2;
  align-self: center;
}

#w-node-_4ebdaa71-08ee-716b-a695-c2193ad628e8-5100ce2f {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_4ebdaa71-08ee-716b-a695-c2193ad62909-5100ce2f {
  grid-area: span 1 / span 2 / span 1 / span 2;
  align-self: center;
}

#w-node-_4ebdaa71-08ee-716b-a695-c2193ad6290f-5100ce2f {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_4ebdaa71-08ee-716b-a695-c2193ad6291d-5100ce2f {
  grid-area: span 1 / span 2 / span 1 / span 2;
  align-self: center;
}

#w-node-_4ebdaa71-08ee-716b-a695-c2193ad62923-5100ce2f {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_4ebdaa71-08ee-716b-a695-c2193ad62933-5100ce2f {
  grid-area: span 1 / span 2 / span 1 / span 2;
  align-self: center;
}

#w-node-_4ebdaa71-08ee-716b-a695-c2193ad62939-5100ce2f {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_4ebdaa71-08ee-716b-a695-c2193ad62947-5100ce2f {
  grid-area: span 1 / span 2 / span 1 / span 2;
  align-self: center;
}

#w-node-_4ebdaa71-08ee-716b-a695-c2193ad6294d-5100ce2f {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_4ebdaa71-08ee-716b-a695-c2193ad629aa-5100ce2f {
  grid-area: span 1 / span 2 / span 1 / span 2;
  align-self: center;
}

#w-node-_4ebdaa71-08ee-716b-a695-c2193ad629b0-5100ce2f {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_4ebdaa71-08ee-716b-a695-c2193ad629b6-5100ce2f {
  grid-area: span 1 / span 2 / span 1 / span 2;
  align-self: center;
}

#w-node-_4ebdaa71-08ee-716b-a695-c2193ad629bc-5100ce2f {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_4ebdaa71-08ee-716b-a695-c2193ad629cc-5100ce2f {
  grid-area: span 1 / span 2 / span 1 / span 2;
  align-self: center;
}

#w-node-_4ebdaa71-08ee-716b-a695-c2193ad629d2-5100ce2f {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_4ebdaa71-08ee-716b-a695-c2193ad629d8-5100ce2f {
  grid-area: span 1 / span 2 / span 1 / span 2;
  align-self: center;
}

#w-node-_4ebdaa71-08ee-716b-a695-c2193ad629de-5100ce2f {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_4ebdaa71-08ee-716b-a695-c2193ad629e4-5100ce2f {
  grid-area: span 1 / span 2 / span 1 / span 2;
  align-self: center;
}

#w-node-_4ebdaa71-08ee-716b-a695-c2193ad629ea-5100ce2f {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_4ebdaa71-08ee-716b-a695-c2193ad62a04-5100ce2f {
  grid-area: span 1 / span 2 / span 1 / span 2;
  align-self: center;
}

#w-node-_4ebdaa71-08ee-716b-a695-c2193ad62a0a-5100ce2f {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_4ebdaa71-08ee-716b-a695-c2193ad62a25-5100ce2f {
  grid-area: span 1 / span 2 / span 1 / span 2;
  align-self: center;
}

#w-node-_4ebdaa71-08ee-716b-a695-c2193ad62a2b-5100ce2f {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_4ebdaa71-08ee-716b-a695-c2193ad62a46-5100ce2f {
  grid-area: span 1 / span 2 / span 1 / span 2;
  align-self: center;
}

#w-node-_4ebdaa71-08ee-716b-a695-c2193ad62a4c-5100ce2f {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_4ebdaa71-08ee-716b-a695-c2193ad62a5c-5100ce2f {
  grid-area: span 1 / span 2 / span 1 / span 2;
  align-self: center;
}

#w-node-_4ebdaa71-08ee-716b-a695-c2193ad62a62-5100ce2f {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_4ebdaa71-08ee-716b-a695-c2193ad62a77-5100ce2f {
  grid-area: span 1 / span 2 / span 1 / span 2;
  align-self: center;
}

#w-node-_4ebdaa71-08ee-716b-a695-c2193ad62a7d-5100ce2f, #w-node-f642c980-3c5d-34d0-bebf-25a2a1d7c34b-5100ce41 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_723f5eb0-74e4-3108-dd0c-ca26d29f3483-5100ce41 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: start;
}

#w-node-d0e9f0ec-856a-1ea5-ac52-cdebed2eafcd-5100ce41 {
  align-self: start;
}

#w-node-_5b8ba3ca-b2cf-b46f-b0ca-c39299985bc1-5100ce41 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_5b8ba3ca-b2cf-b46f-b0ca-c39299985bc4-5100ce41, #landing_banner_slider.w-node-b96acacf-7fdf-c4f7-6c66-6efd7927218b-982a0fe8, #w-node-_7594416f-0a54-cc7a-cce3-aa98935f2ac5-982a0fe8, #w-node-_0d57a39a-3d72-0d2d-7117-e6417799b38e-982a0fe8, #w-node-_078d31d1-888c-9238-c70d-edf63805e2fb-982a0fe8 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#btn_doc1.w-node-e4f32280-fb64-b00a-a53a-58221db7dd2d-982a0fe8, #btn_doc2.w-node-fa3637ea-e48f-5d16-d2a1-054224d7db4a-982a0fe8 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-f671141e-9b7f-8ab5-2db0-2ae49c37441d-982a0fe8 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-f671141e-9b7f-8ab5-2db0-2ae49c37441f-982a0fe8 {
  grid-area: span 1 / span 4 / span 1 / span 4;
  justify-self: start;
}

#w-node-f671141e-9b7f-8ab5-2db0-2ae49c374431-982a0fe8 {
  grid-area: span 1 / span 5 / span 1 / span 5;
  place-self: auto;
}

#w-node-_681e153b-2a2f-0696-9315-6a01f933c4ec-982a0fe8, #w-node-_681e153b-2a2f-0696-9315-6a01f933c4f3-982a0fe8, #w-node-_2a707806-24a6-e79e-1a1e-a33f0204dfe6-982a0fe8, #w-node-b34f4e59-93fa-3116-6c6a-6daa223b5825-982a0fe8, #w-node-b34f4e59-93fa-3116-6c6a-6daa223b582c-982a0fe8, #w-node-b34f4e59-93fa-3116-6c6a-6daa223b582f-982a0fe8, #w-node-_729015d8-b66e-a430-2a73-7d02566c0bb5-982a0fe8, #w-node-_729015d8-b66e-a430-2a73-7d02566c0bbc-982a0fe8, #w-node-_729015d8-b66e-a430-2a73-7d02566c0bbf-982a0fe8, #w-node-a98ee094-d48f-478c-4285-cc7d558ed08a-558ed089, #ajax_loading.w-node-a98ee094-d48f-478c-4285-cc7d558ed08b-558ed089, #w-node-a98ee094-d48f-478c-4285-cc7d558ed08d-558ed089 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-a98ee094-d48f-478c-4285-cc7d558ed090-558ed089 {
  place-self: stretch start;
}

#w-node-a98ee094-d48f-478c-4285-cc7d558ed099-558ed089 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-a98ee094-d48f-478c-4285-cc7d558ed09a-558ed089 {
  grid-column: span 2 / span 2;
}

#w-node-a98ee094-d48f-478c-4285-cc7d558ed0b8-558ed089 {
  align-self: start;
}

#w-node-a98ee094-d48f-478c-4285-cc7d558ed0b9-558ed089 {
  place-self: auto;
}

#w-node-a98ee094-d48f-478c-4285-cc7d558ed0be-558ed089 {
  align-self: auto;
}

#w-node-a98ee094-d48f-478c-4285-cc7d558ed0c3-558ed089 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-a98ee094-d48f-478c-4285-cc7d558ed0c4-558ed089 {
  grid-area: span 1 / span 3 / span 1 / span 3;
  place-self: center;
}

#w-node-_6b87ca02-4d0a-ecd5-927c-f59e5125989b-51259871 {
  align-self: center;
}

#landing_banner_slider.w-node-ef6862a0-026c-b3e7-795a-579959f96336-d9459c9c {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: center;
}

#w-node-ef6862a0-026c-b3e7-795a-579959f96355-d9459c9c {
  grid-area: span 2 / span 1 / span 2 / span 1;
  align-self: center;
}

#w-node-ef6862a0-026c-b3e7-795a-579959f9635c-d9459c9c {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-ef6862a0-026c-b3e7-795a-579959f9635e-d9459c9c {
  align-self: center;
}

#w-node-_4c8bb2ca-1ea1-3a8f-d720-b6ebd7e0ec47-405ec3cc {
  grid-area: span 1 / span 5 / span 1 / span 5;
}

#w-node-_4c8bb2ca-1ea1-3a8f-d720-b6ebd7e0ec4c-405ec3cc {
  justify-self: center;
}

#w-node-_4c8bb2ca-1ea1-3a8f-d720-b6ebd7e0ecbc-405ec3cc {
  grid-area: span 1 / span 5 / span 1 / span 5;
}

#w-node-_4c8bb2ca-1ea1-3a8f-d720-b6ebd7e0ecc1-405ec3cc {
  justify-self: center;
}

#w-node-_4c8bb2ca-1ea1-3a8f-d720-b6ebd7e0ed41-405ec3cc {
  grid-area: span 1 / span 5 / span 1 / span 5;
}

#w-node-_4c8bb2ca-1ea1-3a8f-d720-b6ebd7e0ed46-405ec3cc {
  justify-self: center;
}

#w-node-_4c8bb2ca-1ea1-3a8f-d720-b6ebd7e0ec47-988aecd4 {
  grid-area: span 1 / span 5 / span 1 / span 5;
}

#w-node-_4c8bb2ca-1ea1-3a8f-d720-b6ebd7e0ec4c-988aecd4 {
  justify-self: center;
}

#w-node-_4c8bb2ca-1ea1-3a8f-d720-b6ebd7e0ecbc-988aecd4 {
  grid-area: span 1 / span 5 / span 1 / span 5;
}

#w-node-_4c8bb2ca-1ea1-3a8f-d720-b6ebd7e0ecc1-988aecd4 {
  justify-self: center;
}

#w-node-_4c8bb2ca-1ea1-3a8f-d720-b6ebd7e0ed41-988aecd4 {
  grid-area: span 1 / span 5 / span 1 / span 5;
}

#w-node-_4c8bb2ca-1ea1-3a8f-d720-b6ebd7e0ed46-988aecd4 {
  justify-self: center;
}

#w-node-ae5dce21-9a27-2ea8-a090-39369046a1c7-0d206183, #w-node-d70e518c-a83d-14a3-96f7-4c675c42e97c-0d206183 {
  align-self: stretch;
}

#w-node-_43678f69-36a6-9ceb-650e-25c793653700-0d206183, #w-node-_43678f69-36a6-9ceb-650e-25c793653713-0d206183 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-f7d0ec60-6fcd-5bb3-be53-6bce1c2cff0d-3e0fdd50 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-b066989a-ace2-d34c-72e5-eb779c6773e3-3e0fdd50 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_5f31fbc0-55ef-16a6-4a1f-31a09334a4fe-3e0fdd50, #w-node-ec25df7e-a054-d81d-0884-6738f3f15b55-3e0fdd50, #w-node-_1d78ad1c-c1fc-e374-454c-85b2b57ade39-3e0fdd50 {
  grid-template-rows: auto;
  grid-template-columns: max-content 2fr;
}

#w-node-fecea739-88ba-5912-b7c7-39df390a9f97-3e0fdd50 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-d742c523-e5f8-ff2f-3ee2-911073a37412-3e0fdd50 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-a4ea66fd-2338-16a1-394e-4dcdcd6045ce-3e0fdd50 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-a4ea66fd-2338-16a1-394e-4dcdcd6045d1-3e0fdd50, #w-node-a4ea66fd-2338-16a1-394e-4dcdcd6045db-3e0fdd50, #w-node-a4ea66fd-2338-16a1-394e-4dcdcd6045e5-3e0fdd50 {
  grid-template-rows: auto;
  grid-template-columns: max-content 2fr;
}

#w-node-d742c523-e5f8-ff2f-3ee2-911073a3741d-3e0fdd50 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#landing_banner_slider.w-node-fdedef9c-91c6-ad3a-56ea-7c23f8760c5a-3e0fdd50 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: center;
}

#w-node-_656b4eb6-0d55-844e-7ca7-a33335df7174-3e0fdd50, #w-node-_656b4eb6-0d55-844e-7ca7-a33335df717f-3e0fdd50 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_656b4eb6-0d55-844e-7ca7-a33335df7182-3e0fdd50, #w-node-_656b4eb6-0d55-844e-7ca7-a33335df7190-3e0fdd50 {
  grid-template-rows: auto;
  grid-template-columns: max-content 2fr;
}

#w-node-_656b4eb6-0d55-844e-7ca7-a33335df7197-3e0fdd50 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-ede036ae-2ee5-d934-af21-15ca8deeb8ed-3e0fdd50 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-ede036ae-2ee5-d934-af21-15ca8deeb8f8-3e0fdd50 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-ede036ae-2ee5-d934-af21-15ca8deeb8fb-3e0fdd50 {
  grid-template-rows: auto;
  grid-template-columns: max-content 2fr;
}

#w-node-ede036ae-2ee5-d934-af21-15ca8deeb910-3e0fdd50 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_4775f1fc-e4b9-e113-90ec-df20946b9cfa-3e0fdd50 {
  grid-area: span 2 / span 1 / span 2 / span 1;
  align-self: center;
}

#btn_go_m24.w-node-_4775f1fc-e4b9-e113-90ec-df20946b9d03-3e0fdd50 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_4775f1fc-e4b9-e113-90ec-df20946b9d08-3e0fdd50 {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_4775f1fc-e4b9-e113-90ec-df20946b9d0a-3e0fdd50 {
  align-self: center;
}

#btn_go_m25.w-node-_4775f1fc-e4b9-e113-90ec-df20946b9d13-3e0fdd50 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

@media screen and (min-width: 1920px) {
  #w-node-ef6862a0-026c-b3e7-795a-579959f96341-5100cc7f {
    align-self: stretch;
  }

  #w-node-ef6862a0-026c-b3e7-795a-579959f96355-5100cc7f, #w-node-ef6862a0-026c-b3e7-795a-579959f9635e-5100cc7f {
    align-self: center;
  }

  #w-node-e4f32280-fb64-b00a-a53a-58221db7dd2d-5100cc8e, #div_acc1.w-node-fa3637ea-e48f-5d16-d2a1-054224d7db4a-5100cc8e {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-f671141e-9b7f-8ab5-2db0-2ae49c374431-5100cc8e {
    grid-area: span 1 / span 5 / span 1 / span 5;
    place-self: start;
  }

  #w-node-_8cae93be-1fd7-a5fc-b7b4-22951867a145-634f2c73 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_3dc846a9-151f-99d1-5dad-6b4fde936f74-a4ef58f8 {
    align-self: start;
  }

  #w-node-c4f6a56a-31ed-5152-de81-2a372d3dc386-5100ce2d, #w-node-_6b917d2a-2e46-4c96-749a-924623fb08bb-5100ce2d {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-d6a859ee-85e7-1ce8-f244-96f610c77f94-5100ce2e {
    grid-area: span 2 / span 1 / span 2 / span 1;
  }

  #w-node-_15311366-b08a-81ca-49dd-89d52cccbc0c-5100ce2e, #w-node-_366704b4-0f38-943d-d890-bb2bd8239e69-5100ce2e, #w-node-cdaae441-6b18-49c7-6fb3-f1e70582eb5d-5100ce2e {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-eb71b264-b11d-7016-bfe9-c4e80599eb75-5100ce2e {
    grid-area: span 1 / span 1 / span 1 / span 1;
    justify-self: end;
  }

  #w-node-b54ac79c-230b-6910-1667-867677277f55-5100ce2e, #w-node-b54ac79c-230b-6910-1667-867677277f5b-5100ce2e, #w-node-b54ac79c-230b-6910-1667-867677277f61-5100ce2e, #w-node-b54ac79c-230b-6910-1667-867677277f67-5100ce2e, #w-node-b54ac79c-230b-6910-1667-867677277f6d-5100ce2e, #w-node-b54ac79c-230b-6910-1667-867677277f75-5100ce2e {
    grid-area: span 2 / span 1 / span 2 / span 1;
  }

  #w-node-b54ac79c-230b-6910-1667-867677277f7d-5100ce2e {
    align-self: start;
  }

  #w-node-b54ac79c-230b-6910-1667-867677277f83-5100ce2e {
    grid-template-rows: auto;
    grid-template-columns: max-content 2fr;
  }

  #w-node-b54ac79c-230b-6910-1667-867677277f84-5100ce2e {
    grid-column: span 1 / span 1;
  }

  #w-node-b54ac79c-230b-6910-1667-867677277f8a-5100ce2e, #w-node-b54ac79c-230b-6910-1667-867677277f93-5100ce2e, #w-node-b54ac79c-230b-6910-1667-867677277f9a-5100ce2e, #w-node-b54ac79c-230b-6910-1667-867677277fa1-5100ce2e, #w-node-b54ac79c-230b-6910-1667-867677277fa8-5100ce2e, #w-node-b54ac79c-230b-6910-1667-867677277faf-5100ce2e {
    grid-template-rows: auto;
    grid-template-columns: max-content 2fr;
  }

  #w-node-b54ac79c-230b-6910-1667-867677277fb6-5100ce2e, #w-node-b54ac79c-230b-6910-1667-867677277fc0-5100ce2e {
    grid-template-rows: auto;
    grid-template-columns: max-content 1fr .25fr;
  }

  #w-node-b54ac79c-230b-6910-1667-867677277fd6-5100ce2e, #w-node-cd0390a3-a368-c324-1eaf-c30da93ffad1-5100ce2e, #w-node-b54ac79c-230b-6910-1667-867677277fe2-5100ce2e, #w-node-b54ac79c-230b-6910-1667-867677277fe8-5100ce2e, #w-node-b54ac79c-230b-6910-1667-867677277fee-5100ce2e, #w-node-b54ac79c-230b-6910-1667-867677277ff4-5100ce2e, #w-node-b54ac79c-230b-6910-1667-867677277ffa-5100ce2e, #w-node-b54ac79c-230b-6910-1667-867677278000-5100ce2e, #w-node-b54ac79c-230b-6910-1667-867677278008-5100ce2e {
    grid-area: span 2 / span 1 / span 2 / span 1;
  }

  #w-node-_9c176333-8bc9-e606-2734-56356e303710-5100ce2e {
    grid-template-rows: auto;
    grid-template-columns: max-content 2fr;
  }

  #w-node-_9c176333-8bc9-e606-2734-56356e303711-5100ce2e {
    grid-column: span 1 / span 1;
  }

  #w-node-_9c176333-8bc9-e606-2734-56356e303717-5100ce2e, #w-node-_9c176333-8bc9-e606-2734-56356e303720-5100ce2e, #w-node-_9c176333-8bc9-e606-2734-56356e303727-5100ce2e, #w-node-_9c176333-8bc9-e606-2734-56356e30372e-5100ce2e, #w-node-_9c176333-8bc9-e606-2734-56356e303735-5100ce2e, #w-node-_9c176333-8bc9-e606-2734-56356e30373c-5100ce2e {
    grid-template-rows: auto;
    grid-template-columns: max-content 2fr;
  }

  #w-node-_7ae62478-e006-14ac-3498-ae002c6630d7-5100ce2e, #w-node-_2bb003c1-e1e9-5f45-196d-264b89e838a8-5100ce2e, #w-node-_678d0f1a-b0fb-d110-7f7f-164dece6afd9-5100ce2e, #w-node-_573289d0-d5c6-eb7f-befc-afe23dc4a12c-5100ce2e, #w-node-dbadf536-4ac3-093f-6d9b-d7da231bb968-5100ce2e, #w-node-f3fede59-5870-0382-6aa7-a869c7ec4e04-5100ce2e {
    grid-area: span 2 / span 1 / span 2 / span 1;
  }

  #w-node-aa447653-b15f-293d-9bd9-bdecd1db89e8-5100ce2e {
    grid-template-rows: auto;
    grid-template-columns: max-content 2fr;
  }

  #w-node-aa447653-b15f-293d-9bd9-bdecd1db89e9-5100ce2e {
    grid-column: span 1 / span 1;
  }

  #w-node-aa447653-b15f-293d-9bd9-bdecd1db89ef-5100ce2e, #w-node-aa447653-b15f-293d-9bd9-bdecd1db89f8-5100ce2e, #w-node-aa447653-b15f-293d-9bd9-bdecd1db89ff-5100ce2e {
    grid-template-rows: auto;
    grid-template-columns: max-content 2fr;
  }

  #w-node-aa447653-b15f-293d-9bd9-bdecd1db8a1b-5100ce2e, #w-node-_3f5b4449-1e92-ea47-230e-09dfe3cb4579-5100ce2e, #w-node-_3e66dcdc-5f3b-59c7-8d44-ea4041ee8f63-5100ce2e, #w-node-_26f391b9-d364-3a3c-e5a9-1bc5dff280aa-5100ce2e, #w-node-aa447653-b15f-293d-9bd9-bdecd1db8a25-5100ce2e {
    grid-template-rows: auto;
    grid-template-columns: max-content 1fr .25fr;
  }

  #w-node-_5574f769-b7be-9b99-b766-06f628438e97-5100ce2e {
    grid-area: span 1 / span 1 / span 1 / span 1;
    justify-self: end;
  }

  #w-node-c9326fb7-99ff-774c-bb35-4b64c08c7630-5100ce2e {
    place-self: end;
  }

  #w-node-_7ba385ea-56ff-5ea8-462c-2d4c6740124f-5100ce2e, #w-node-_7ba385ea-56ff-5ea8-462c-2d4c67401255-5100ce2e, #w-node-_7ba385ea-56ff-5ea8-462c-2d4c6740125b-5100ce2e, #w-node-_7ba385ea-56ff-5ea8-462c-2d4c67401261-5100ce2e, #w-node-_7ba385ea-56ff-5ea8-462c-2d4c67401267-5100ce2e, #w-node-_7ba385ea-56ff-5ea8-462c-2d4c6740126f-5100ce2e {
    grid-area: span 2 / span 1 / span 2 / span 1;
  }

  #w-node-_60a7aecf-5cf0-410d-825e-f05a419feb86-5100ce2e {
    align-self: start;
  }

  #w-node-_60a7aecf-5cf0-410d-825e-f05a419feb8c-5100ce2e {
    grid-template-rows: auto;
    grid-template-columns: max-content 2fr;
  }

  #w-node-_60a7aecf-5cf0-410d-825e-f05a419feb8d-5100ce2e {
    grid-column: span 1 / span 1;
  }

  #w-node-_60a7aecf-5cf0-410d-825e-f05a419feb93-5100ce2e, #w-node-_60a7aecf-5cf0-410d-825e-f05a419feb9c-5100ce2e, #w-node-_60a7aecf-5cf0-410d-825e-f05a419feba3-5100ce2e, #w-node-_60a7aecf-5cf0-410d-825e-f05a419febaa-5100ce2e, #w-node-_60a7aecf-5cf0-410d-825e-f05a419febb1-5100ce2e, #w-node-_60a7aecf-5cf0-410d-825e-f05a419febb8-5100ce2e {
    grid-template-rows: auto;
    grid-template-columns: max-content 2fr;
  }

  #w-node-_60a7aecf-5cf0-410d-825e-f05a419febbf-5100ce2e, #w-node-_60a7aecf-5cf0-410d-825e-f05a419febc9-5100ce2e {
    grid-template-rows: auto;
    grid-template-columns: max-content 1fr .25fr;
  }

  #w-node-beae1ff7-bc0f-3ae0-2243-5c947425e7b5-5100ce2e, #w-node-c698a280-ac23-ab48-095e-1629232216f1-5100ce2e, #w-node-_48ec0bfb-ca64-8962-f3b4-092657adacf3-5100ce2e {
    grid-template-rows: auto;
    grid-template-columns: max-content 2fr;
  }

  #w-node-_1a7c0ad7-1b18-e9b0-3969-036a892f9e9a-5100ce2e, #w-node-_1a7c0ad7-1b18-e9b0-3969-036a892f9ea0-5100ce2e, #w-node-_1a7c0ad7-1b18-e9b0-3969-036a892f9ea6-5100ce2e, #w-node-_1a7c0ad7-1b18-e9b0-3969-036a892f9eac-5100ce2e, #w-node-_1a7c0ad7-1b18-e9b0-3969-036a892f9eb2-5100ce2e, #w-node-_1a7c0ad7-1b18-e9b0-3969-036a892f9eb8-5100ce2e, #w-node-_1a7c0ad7-1b18-e9b0-3969-036a892f9ebe-5100ce2e, #w-node-_1a7c0ad7-1b18-e9b0-3969-036a892f9ec4-5100ce2e, #w-node-_1a7c0ad7-1b18-e9b0-3969-036a892f9ecc-5100ce2e {
    grid-area: span 2 / span 1 / span 2 / span 1;
  }

  #w-node-_9d43a478-1396-6fde-3bc7-a96f0919a894-5100ce2e {
    align-self: start;
  }

  #w-node-_1234a78f-c29e-c7ee-c3d6-a5edf0c4de31-5100ce2e {
    grid-template-rows: auto;
    grid-template-columns: max-content 2fr;
  }

  #w-node-_1234a78f-c29e-c7ee-c3d6-a5edf0c4de32-5100ce2e {
    grid-column: span 1 / span 1;
  }

  #w-node-_281f96ad-a080-6b19-baac-8f365e53bfde-5100ce2e, #w-node-_377a94e9-29ba-d955-2368-04798c32b8c2-5100ce2e, #w-node-_5afaeeb2-6a2f-e480-a1c2-46a496154e6e-5100ce2e, #w-node-_2f585c38-80a1-2a9f-04e3-e481768145bc-5100ce2e {
    grid-template-rows: auto;
    grid-template-columns: max-content 2fr;
  }

  #w-node-_723f5eb0-74e4-3108-dd0c-ca26d29f3483-5100ce2f {
    align-self: start;
  }

  #w-node-_8d04a855-2285-e901-d7b2-84340b1150da-5100ce2f {
    grid-area: span 1 / span 5 / span 1 / span 5;
    align-self: auto;
  }

  #w-node-_8d04a855-2285-e901-d7b2-84340b1150dd-5100ce2f {
    grid-area: span 1 / span 4 / span 1 / span 4;
    align-self: start;
  }

  #s\.derived\.name.w-node-_8d04a855-2285-e901-d7b2-84340b1150e1-5100ce2f {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #btn_search.w-node-_8d04a855-2285-e901-d7b2-84340b1150f1-5100ce2f {
    justify-self: start;
  }

  #w-node-_4ebdaa71-08ee-716b-a695-c2193ad628e2-5100ce2f {
    grid-area: span 1 / span 2 / span 1 / span 2;
    align-self: center;
  }

  #w-node-_4ebdaa71-08ee-716b-a695-c2193ad628e3-5100ce2f {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_4ebdaa71-08ee-716b-a695-c2193ad62909-5100ce2f {
    grid-area: span 1 / span 2 / span 1 / span 2;
    align-self: center;
  }

  #w-node-_4ebdaa71-08ee-716b-a695-c2193ad6290a-5100ce2f, #w-node-_4ebdaa71-08ee-716b-a695-c2193ad6290d-5100ce2f, #w-node-_4ebdaa71-08ee-716b-a695-c2193ad6290e-5100ce2f {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_4ebdaa71-08ee-716b-a695-c2193ad6291d-5100ce2f {
    grid-area: span 1 / span 2 / span 1 / span 2;
    align-self: center;
  }

  #w-node-_4ebdaa71-08ee-716b-a695-c2193ad6291e-5100ce2f, #w-node-_4ebdaa71-08ee-716b-a695-c2193ad62921-5100ce2f, #w-node-_4ebdaa71-08ee-716b-a695-c2193ad62922-5100ce2f {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_4ebdaa71-08ee-716b-a695-c2193ad62933-5100ce2f {
    grid-area: span 1 / span 2 / span 1 / span 2;
    align-self: center;
  }

  #w-node-_4ebdaa71-08ee-716b-a695-c2193ad62934-5100ce2f, #w-node-_4ebdaa71-08ee-716b-a695-c2193ad62937-5100ce2f, #w-node-_4ebdaa71-08ee-716b-a695-c2193ad62938-5100ce2f {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_4ebdaa71-08ee-716b-a695-c2193ad62947-5100ce2f {
    grid-area: span 1 / span 2 / span 1 / span 2;
    align-self: center;
  }

  #w-node-_4ebdaa71-08ee-716b-a695-c2193ad62948-5100ce2f, #w-node-_4ebdaa71-08ee-716b-a695-c2193ad6294b-5100ce2f, #w-node-_4ebdaa71-08ee-716b-a695-c2193ad6294c-5100ce2f {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_4ebdaa71-08ee-716b-a695-c2193ad629aa-5100ce2f {
    grid-area: span 1 / span 2 / span 1 / span 2;
    align-self: center;
  }

  #w-node-_4ebdaa71-08ee-716b-a695-c2193ad629ab-5100ce2f, #w-node-_4ebdaa71-08ee-716b-a695-c2193ad629ae-5100ce2f, #w-node-_4ebdaa71-08ee-716b-a695-c2193ad629af-5100ce2f {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_4ebdaa71-08ee-716b-a695-c2193ad629b6-5100ce2f {
    grid-area: span 1 / span 2 / span 1 / span 2;
    align-self: center;
  }

  #w-node-_4ebdaa71-08ee-716b-a695-c2193ad629b7-5100ce2f, #w-node-_4ebdaa71-08ee-716b-a695-c2193ad629ba-5100ce2f, #w-node-ad882590-4c67-c3f5-4264-0b5eca9a6d8e-5100ce2f {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_4ebdaa71-08ee-716b-a695-c2193ad629cc-5100ce2f {
    grid-area: span 1 / span 2 / span 1 / span 2;
    align-self: center;
  }

  #w-node-_4ebdaa71-08ee-716b-a695-c2193ad629cd-5100ce2f, #w-node-_4ebdaa71-08ee-716b-a695-c2193ad629d0-5100ce2f, #w-node-_3c94e863-4132-749a-1d8f-c909ceaae765-5100ce2f {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_4ebdaa71-08ee-716b-a695-c2193ad629d8-5100ce2f {
    grid-area: span 1 / span 2 / span 1 / span 2;
    align-self: center;
  }

  #w-node-_4ebdaa71-08ee-716b-a695-c2193ad629d9-5100ce2f, #w-node-_4ebdaa71-08ee-716b-a695-c2193ad629dc-5100ce2f, #w-node-ac3bb5a1-e1c9-d3ad-07cd-c6c65631f49c-5100ce2f {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_4ebdaa71-08ee-716b-a695-c2193ad629e4-5100ce2f {
    grid-area: span 1 / span 2 / span 1 / span 2;
    align-self: center;
  }

  #w-node-_4ebdaa71-08ee-716b-a695-c2193ad629e5-5100ce2f, #w-node-_4ebdaa71-08ee-716b-a695-c2193ad629e8-5100ce2f, #w-node-ec06b3a7-5e98-9556-e4eb-0e16a4a39050-5100ce2f {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_4ebdaa71-08ee-716b-a695-c2193ad62a04-5100ce2f {
    grid-area: span 1 / span 2 / span 1 / span 2;
    align-self: center;
  }

  #w-node-_4ebdaa71-08ee-716b-a695-c2193ad62a05-5100ce2f, #w-node-_4ebdaa71-08ee-716b-a695-c2193ad62a08-5100ce2f, #w-node-_433d29bb-0a4a-c475-5de9-613637a8e4ed-5100ce2f {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_4ebdaa71-08ee-716b-a695-c2193ad62a25-5100ce2f {
    grid-area: span 1 / span 2 / span 1 / span 2;
    align-self: center;
  }

  #w-node-_4ebdaa71-08ee-716b-a695-c2193ad62a26-5100ce2f, #w-node-_4ebdaa71-08ee-716b-a695-c2193ad62a29-5100ce2f, #w-node-_5e1e3f85-d93d-541e-e3a1-fa4a90a01bba-5100ce2f {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_4ebdaa71-08ee-716b-a695-c2193ad62a46-5100ce2f {
    grid-area: span 1 / span 2 / span 1 / span 2;
    align-self: center;
  }

  #w-node-_4ebdaa71-08ee-716b-a695-c2193ad62a47-5100ce2f, #w-node-_4ebdaa71-08ee-716b-a695-c2193ad62a4a-5100ce2f, #w-node-_53b29be9-4acc-6f06-765b-f269f10906bb-5100ce2f {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_4ebdaa71-08ee-716b-a695-c2193ad62a5c-5100ce2f {
    grid-area: span 1 / span 2 / span 1 / span 2;
    align-self: center;
  }

  #w-node-_4ebdaa71-08ee-716b-a695-c2193ad62a5d-5100ce2f, #w-node-_4ebdaa71-08ee-716b-a695-c2193ad62a60-5100ce2f, #w-node-c2927891-eb6e-86c9-5279-155d7c9b86f5-5100ce2f {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_4ebdaa71-08ee-716b-a695-c2193ad62a77-5100ce2f {
    grid-area: span 1 / span 2 / span 1 / span 2;
    align-self: center;
  }

  #w-node-_4ebdaa71-08ee-716b-a695-c2193ad62a78-5100ce2f, #w-node-_4ebdaa71-08ee-716b-a695-c2193ad62a7b-5100ce2f, #w-node-_8c8cc561-163e-3748-5e91-8c7cf239bdce-5100ce2f {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-f642c980-3c5d-34d0-bebf-25a2a1d7c34b-5100ce41 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_723f5eb0-74e4-3108-dd0c-ca26d29f3483-5100ce41 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    align-self: start;
  }

  #w-node-d0e9f0ec-856a-1ea5-ac52-cdebed2eafcd-5100ce41 {
    align-self: start;
  }

  #w-node-_5b8ba3ca-b2cf-b46f-b0ca-c39299985bc1-5100ce41 {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-_5b8ba3ca-b2cf-b46f-b0ca-c39299985bc4-5100ce41 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-c5dc0e45-0c82-9751-81cb-3e5df752e8e5-5100ce41 {
    align-self: start;
  }

  #w-node-_448a6d82-86ff-28fd-687a-b1600bb078e7-5100ce41 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    align-self: start;
  }

  #btn_doc1.w-node-e4f32280-fb64-b00a-a53a-58221db7dd2d-982a0fe8, #btn_doc2.w-node-fa3637ea-e48f-5d16-d2a1-054224d7db4a-982a0fe8 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-f671141e-9b7f-8ab5-2db0-2ae49c374431-982a0fe8 {
    grid-area: span 1 / span 5 / span 1 / span 5;
    place-self: start;
  }

  #w-node-a98ee094-d48f-478c-4285-cc7d558ed08a-558ed089 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_6b87ca02-4d0a-ecd5-927c-f59e5125989e-51259871 {
    align-self: start;
  }

  #w-node-ef6862a0-026c-b3e7-795a-579959f96341-d9459c9c {
    grid-area: span 1 / span 1 / span 1 / span 1;
    place-self: stretch end;
  }

  #w-node-ef6862a0-026c-b3e7-795a-579959f96355-d9459c9c, #w-node-ef6862a0-026c-b3e7-795a-579959f9635e-d9459c9c {
    align-self: center;
  }

  #w-node-ae5dce21-9a27-2ea8-a090-39369046a1c7-0d206183 {
    justify-self: stretch;
  }

  #w-node-_43678f69-36a6-9ceb-650e-25c793653700-0d206183 {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-_099d2002-55b5-62e7-54fa-44ebe51d3e6f-0d206183 {
    justify-self: start;
  }

  #w-node-_43678f69-36a6-9ceb-650e-25c793653713-0d206183 {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-_5f31fbc0-55ef-16a6-4a1f-31a09334a4fe-3e0fdd50, #w-node-ec25df7e-a054-d81d-0884-6738f3f15b55-3e0fdd50, #w-node-_1d78ad1c-c1fc-e374-454c-85b2b57ade39-3e0fdd50, #w-node-a4ea66fd-2338-16a1-394e-4dcdcd6045d1-3e0fdd50, #w-node-a4ea66fd-2338-16a1-394e-4dcdcd6045db-3e0fdd50, #w-node-a4ea66fd-2338-16a1-394e-4dcdcd6045e5-3e0fdd50 {
    grid-template-rows: auto;
    grid-template-columns: max-content 1fr .25fr;
  }

  #w-node-fdedef9c-91c6-ad3a-56ea-7c23f8760c65-3e0fdd50 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    place-self: stretch end;
  }

  #w-node-_656b4eb6-0d55-844e-7ca7-a33335df7182-3e0fdd50, #w-node-_656b4eb6-0d55-844e-7ca7-a33335df7190-3e0fdd50, #w-node-ede036ae-2ee5-d934-af21-15ca8deeb8fb-3e0fdd50 {
    grid-template-rows: auto;
    grid-template-columns: max-content 1fr .25fr;
  }

  #w-node-_4775f1fc-e4b9-e113-90ec-df20946b9cfa-3e0fdd50 {
    grid-column: span 1 / span 1;
    align-self: center;
  }

  #btn_go_m24.w-node-_4775f1fc-e4b9-e113-90ec-df20946b9d03-3e0fdd50 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_4775f1fc-e4b9-e113-90ec-df20946b9d08-3e0fdd50 {
    grid-area: span 2 / span 1 / span 2 / span 1;
  }

  #w-node-_4775f1fc-e4b9-e113-90ec-df20946b9d0a-3e0fdd50 {
    align-self: center;
  }
}

@media screen and (min-width: 1440px) {
  #w-node-e4f32280-fb64-b00a-a53a-58221db7dd2d-5100cc8e, #div_acc1.w-node-fa3637ea-e48f-5d16-d2a1-054224d7db4a-5100cc8e {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-f671141e-9b7f-8ab5-2db0-2ae49c374431-5100cc8e {
    grid-area: span 1 / span 5 / span 1 / span 5;
    place-self: auto;
  }

  #w-node-_8d04a855-2285-e901-d7b2-84340b1150dd-5100ce2f {
    grid-area: span 1 / span 2 / span 1 / span 2;
    align-self: start;
  }

  #btn_doc1.w-node-e4f32280-fb64-b00a-a53a-58221db7dd2d-982a0fe8, #btn_doc2.w-node-fa3637ea-e48f-5d16-d2a1-054224d7db4a-982a0fe8 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-f671141e-9b7f-8ab5-2db0-2ae49c374431-982a0fe8 {
    grid-area: span 1 / span 5 / span 1 / span 5;
    place-self: auto;
  }

  #landing_banner_slider.w-node-ef6862a0-026c-b3e7-795a-579959f96336-d9459c9c {
    justify-self: center;
  }

  #w-node-ef6862a0-026c-b3e7-795a-579959f9635e-d9459c9c {
    grid-area: span 1 / span 1 / span 1 / span 1;
    align-self: center;
  }

  #landing_banner_slider.w-node-fdedef9c-91c6-ad3a-56ea-7c23f8760c5a-3e0fdd50 {
    justify-self: center;
  }

  #w-node-_4775f1fc-e4b9-e113-90ec-df20946b9d0a-3e0fdd50 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    align-self: center;
  }
}

@media screen and (min-width: 1280px) {
  #w-node-f671141e-9b7f-8ab5-2db0-2ae49c374431-5100cc8e, #w-node-f671141e-9b7f-8ab5-2db0-2ae49c374431-982a0fe8 {
    grid-area: span 1 / span 5 / span 1 / span 5;
    place-self: auto;
  }

  #w-node-_4775f1fc-e4b9-e113-90ec-df20946b9d0a-3e0fdd50 {
    grid-area: span 2 / span 1 / span 2 / span 1;
    align-self: center;
  }

  #btn_go_m25.w-node-_4775f1fc-e4b9-e113-90ec-df20946b9d13-3e0fdd50 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_4775f1fc-e4b9-e113-90ec-df20946b9d18-3e0fdd50 {
    grid-area: span 2 / span 1 / span 2 / span 1;
  }
}

@media screen and (max-width: 991px) {
  #w-node-ef6862a0-026c-b3e7-795a-579959f96355-5100cc7f {
    grid-area: span 1 / span 1 / span 1 / span 1;
    align-self: center;
  }

  #w-node-ef6862a0-026c-b3e7-795a-579959f9635c-5100cc7f {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-ef6862a0-026c-b3e7-795a-579959f96368-5100cc7f, #w-node-ef6862a0-026c-b3e7-795a-579959f96369-5100cc7f, #w-node-ef6862a0-026c-b3e7-795a-579959f9637e-5100cc7f, #w-node-ef6862a0-026c-b3e7-795a-579959f9638d-5100cc7f, #landing_banner_slider.w-node-b96acacf-7fdf-c4f7-6c66-6efd7927218b-5100cc8e {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_452416bf-8c95-61d0-c7d0-1f8e9d1dc19d-634f2c73 {
    grid-area: span 1 / span 3 / span 1 / span 3;
    justify-self: start;
  }

  #w-node-_4b43710f-7d5e-5f38-a69b-31efc001e373-634f2c73 {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-_3dc846a9-151f-99d1-5dad-6b4fde936f74-a4ef58f8 {
    align-self: end;
  }

  #w-node-d55d5303-29a3-ff96-bf23-e3faa4ef58fb-a4ef58f8 {
    justify-self: start;
  }

  #w-node-_2af79719-1bd6-17fd-b823-b4c4c553857b-a4ef58f8 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_8d04a855-2285-e901-d7b2-84340b1150da-5100ce2f {
    grid-area: span 1 / span 5 / span 1 / span 5;
    align-self: auto;
  }

  #w-node-_8d04a855-2285-e901-d7b2-84340b1150dd-5100ce2f, #w-node-_723f5eb0-74e4-3108-dd0c-ca26d29f3483-5100ce41 {
    grid-area: span 1 / span 2 / span 1 / span 2;
    align-self: start;
  }

  #w-node-_0ef8e660-959c-eac6-c0d5-54ef5f65433d-5100ce41 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_5b8ba3ca-b2cf-b46f-b0ca-c39299985bc4-5100ce41 {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-c5dc0e45-0c82-9751-81cb-3e5df752e8e5-5100ce41, #w-node-_448a6d82-86ff-28fd-687a-b1600bb078e7-5100ce41 {
    grid-area: span 1 / span 3 / span 1 / span 3;
    align-self: start;
  }

  #landing_banner_slider.w-node-b96acacf-7fdf-c4f7-6c66-6efd7927218b-982a0fe8 {
    grid-area: span 1 / span 2 / span 1 / span 2;
    justify-self: center;
  }

  #w-node-_7594416f-0a54-cc7a-cce3-aa98935f2ac5-982a0fe8 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-a98ee094-d48f-478c-4285-cc7d558ed090-558ed089 {
    grid-area: span 1 / span 3 / span 1 / span 3;
    justify-self: start;
  }

  #w-node-a98ee094-d48f-478c-4285-cc7d558ed099-558ed089 {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-_6b87ca02-4d0a-ecd5-927c-f59e5125989e-51259871 {
    align-self: end;
  }

  #w-node-_6b87ca02-4d0a-ecd5-927c-f59e512598ad-51259871 {
    justify-self: start;
  }

  #w-node-_6b87ca02-4d0a-ecd5-927c-f59e512598af-51259871 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-ef6862a0-026c-b3e7-795a-579959f96355-d9459c9c {
    grid-area: span 1 / span 1 / span 1 / span 1;
    align-self: center;
  }

  #w-node-ef6862a0-026c-b3e7-795a-579959f9635c-d9459c9c {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-ef6862a0-026c-b3e7-795a-579959f96368-d9459c9c, #w-node-ef6862a0-026c-b3e7-795a-579959f96369-d9459c9c, #w-node-ef6862a0-026c-b3e7-795a-579959f9637e-d9459c9c, #w-node-ef6862a0-026c-b3e7-795a-579959f9638d-d9459c9c, #w-node-_83d3f8c9-429b-ce9b-3909-023c6f4d84b9-d9459c9c, #w-node-_83d3f8c9-429b-ce9b-3909-023c6f4d84ba-d9459c9c, #w-node-ef6862a0-026c-b3e7-795a-579959f96368-3e0fdd50, #w-node-ef6862a0-026c-b3e7-795a-579959f96369-3e0fdd50, #w-node-ef6862a0-026c-b3e7-795a-579959f9637e-3e0fdd50, #w-node-ef6862a0-026c-b3e7-795a-579959f9638d-3e0fdd50, #w-node-_83d3f8c9-429b-ce9b-3909-023c6f4d84b9-3e0fdd50, #w-node-_83d3f8c9-429b-ce9b-3909-023c6f4d84ba-3e0fdd50 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_4775f1fc-e4b9-e113-90ec-df20946b9cfa-3e0fdd50 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    align-self: center;
  }

  #w-node-_4775f1fc-e4b9-e113-90ec-df20946b9d08-3e0fdd50 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-fdedef9c-91c6-ad3a-56ea-7c23f8760cc5-3e0fdd50, #w-node-fdedef9c-91c6-ad3a-56ea-7c23f8760cc6-3e0fdd50, #w-node-fdedef9c-91c6-ad3a-56ea-7c23f8760cdb-3e0fdd50, #w-node-fdedef9c-91c6-ad3a-56ea-7c23f8760ce8-3e0fdd50, #w-node-fdedef9c-91c6-ad3a-56ea-7c23f8760ceb-3e0fdd50, #w-node-fdedef9c-91c6-ad3a-56ea-7c23f8760cec-3e0fdd50 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }
}

@media screen and (max-width: 767px) {
  #w-node-f671141e-9b7f-8ab5-2db0-2ae49c37441f-5100cc8e {
    grid-area: span 1 / span 7 / span 1 / span 7;
    justify-self: start;
  }

  #w-node-_681e153b-2a2f-0696-9315-6a01f933c4e9-5100cc8e {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_452416bf-8c95-61d0-c7d0-1f8e9d1dc19d-634f2c73, #w-node-_4b43710f-7d5e-5f38-a69b-31efc001e373-634f2c73 {
    grid-area: span 1 / span 3 / span 1 / span 3;
    justify-self: start;
  }

  #w-node-_2af79719-1bd6-17fd-b823-b4c4c553857b-a4ef58f8 {
    grid-area: span 1 / span 2 / span 1 / span 2;
    justify-self: end;
  }

  #w-node-_6b917d2a-2e46-4c96-749a-924623fb08bb-5100ce2d {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_8d04a855-2285-e901-d7b2-84340b1150da-5100ce2f {
    grid-area: span 1 / span 5 / span 1 / span 5;
    align-self: auto;
  }

  #w-node-_8d04a855-2285-e901-d7b2-84340b1150dd-5100ce2f {
    grid-area: span 1 / span 5 / span 1 / span 5;
    align-self: start;
  }

  #w-node-_99341663-c119-cc43-82c9-45d133feafe3-5100ce41 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-d0e9f0ec-856a-1ea5-ac52-cdebed2eafcd-5100ce41 {
    grid-area: span 1 / span 2 / span 1 / span 2;
    align-self: start;
  }

  #w-node-_51c3f32a-a9b5-5c8e-1f03-a0c898f7918e-5100ce41 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-f671141e-9b7f-8ab5-2db0-2ae49c37441f-982a0fe8 {
    grid-area: span 1 / span 7 / span 1 / span 7;
    justify-self: start;
  }

  #w-node-_681e153b-2a2f-0696-9315-6a01f933c4e9-982a0fe8 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-a98ee094-d48f-478c-4285-cc7d558ed090-558ed089, #w-node-a98ee094-d48f-478c-4285-cc7d558ed099-558ed089 {
    grid-area: span 1 / span 3 / span 1 / span 3;
    justify-self: start;
  }
}

@media screen and (max-width: 479px) {
  #w-node-ef6862a0-026c-b3e7-795a-579959f96355-5100cc7f {
    grid-area: span 1 / span 2 / span 1 / span 2;
    align-self: center;
  }

  #w-node-ef6862a0-026c-b3e7-795a-579959f9635c-5100cc7f {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-ef6862a0-026c-b3e7-795a-579959f9635e-5100cc7f {
    grid-area: span 1 / span 2 / span 1 / span 2;
    align-self: center;
  }

  #w-node-ef6862a0-026c-b3e7-795a-579959f96365-5100cc7f {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-f671141e-9b7f-8ab5-2db0-2ae49c37441b-5100cc8e {
    grid-area: span 1 / span 1 / span 1 / span 1;
    justify-self: center;
  }

  #w-node-daf981fd-9b17-a0fb-7466-2c35634f2c73-634f2c73, #w-node-_92ee3487-6a7d-3cbf-bb66-02b8981847f4-634f2c73, #w-node-a5eb9927-d00e-2d31-3d15-388e6a95dd60-634f2c73 {
    grid-column: span 2 / span 2;
  }

  #w-node-_8d04a855-2285-e901-d7b2-84340b1150da-5100ce2f, #w-node-_8d04a855-2285-e901-d7b2-84340b1150dd-5100ce2f {
    grid-column: span 1 / span 1;
  }

  #btn_search.w-node-_8d04a855-2285-e901-d7b2-84340b1150f1-5100ce2f {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_7594416f-0a54-cc7a-cce3-aa98935f2ac5-982a0fe8 {
    grid-column: span 1 / span 1;
  }

  #w-node-f671141e-9b7f-8ab5-2db0-2ae49c37441b-982a0fe8 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-a98ee094-d48f-478c-4285-cc7d558ed089-558ed089, #w-node-a98ee094-d48f-478c-4285-cc7d558ed09c-558ed089, #w-node-a98ee094-d48f-478c-4285-cc7d558ed0b8-558ed089 {
    grid-column: span 2 / span 2;
  }

  #w-node-ef6862a0-026c-b3e7-795a-579959f96355-d9459c9c {
    grid-area: span 1 / span 2 / span 1 / span 2;
    align-self: center;
  }

  #w-node-ef6862a0-026c-b3e7-795a-579959f9635c-d9459c9c {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-ef6862a0-026c-b3e7-795a-579959f9635e-d9459c9c, #w-node-_4775f1fc-e4b9-e113-90ec-df20946b9cfa-3e0fdd50 {
    grid-area: span 1 / span 2 / span 1 / span 2;
    align-self: center;
  }

  #w-node-_4775f1fc-e4b9-e113-90ec-df20946b9d08-3e0fdd50 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_4775f1fc-e4b9-e113-90ec-df20946b9d0a-3e0fdd50 {
    grid-area: span 1 / span 2 / span 1 / span 2;
    align-self: center;
  }
}


@font-face {
  font-family: 'Fa brands 400';
  src: url('../../fonts/fa-brands-400.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Fa solid 900';
  src: url('../../fonts/fa-solid-900.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Fa 400';
  src: url('../../fonts/fa-regular-400.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Thsarabun_PSK';
  src: url('../../fonts/THSarabun-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Thsarabun_PSK';
  src: url('../../fonts/THSarabun.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Thsarabun_PSK';
  src: url('../../fonts/THSarabun-Italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Thsarabun_PSK';
  src: url('../../fonts/THSarabun-BoldItalic.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Materialiconssharp';
  src: url('../../fonts/MaterialIconsSharp-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}