@import url("https://fonts.googleapis.com/css2?family=Kanit:wght@200;300;400;500;600;700;800&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@100..900&display=swap");
/*  Header starts here   */

@media all and (min-width: 768px) and (max-width: 1199px) {
  .container {
    max-width: 100%; } }
.transition {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out; }

.ellips {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: block; }

.maincontent > .fr-view:first-child {
  position: relative;
  z-index: 9; }

.header-set-2 {
  background-color: #283139;
  transition: all 0.5s ease-in-out;
  top: -80px;
  z-index: 9; }
  .header-set-2 .container-fluid {
    padding-left: 16px !important;
    padding-right: 16px !important; }
    @media all and (min-width: 1280px) {
      .header-set-2 .container-fluid {
        padding-left: 40px !important;
        padding-right: 40px !important; } }
  .header-set-2 ul,
  .header-set-2 ol {
    list-style: none;
    margin: 0;
    padding: 0; }
  .header-set-2 .position-group {
    -webkit-flex-grow: 1;
    -moz-flex-grow: 1;
    -ms-flex-grow: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: space-between;
    -webkit-transition: all .3s;
    transition: all .3s; }
    .header-set-2 .position-group.v-align-center {
      -webkit-align-items: center;
      -moz-align-items: center;
      -ms-align-items: center;
      align-items: center; }
    .header-set-2 .position-group.eposition {
      position: relative; }
  .header-set-2 .first_row {
    opacity: 1;
    -moz-opacity: 1;
    transition: opacity 0.2s ease-in-out;
    font-weight: normal; }
    .header-set-2 .first_row .position-group {
      -webkit-justify-content: flex-start;
      -moz-justify-content: flex-start;
      -ms-justify-content: flex-start;
      justify-content: flex-start;
      -ms-flex-pack: flex-start;
      padding: 10px 0; }
    .header-set-2 .first_row .logo {
      margin-right: 20px; }
    .header-set-2 .first_row .third_col3 {
      margin-left: auto; }
  .header-set-2.sticking {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 1000;
    width: 100%; }
  .header-set-2 .menu-lang-wrap {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
    .header-set-2 .menu-lang-wrap .lang {
      margin-left: 40px;
      font-weight: 700;
      text-transform: uppercase; }
      .header-set-2 .menu-lang-wrap .lang .dropdown-toggle {
        padding-right: 0px; }
  .header-set-2 .main-menu {
    justify-content: center;
    position: relative;
    text-align: center;
    width: 100%;
    gap: 40px; }
    .header-set-2 .main-menu > li {
      margin-left: 0px;
      margin-bottom: 0px; }
    .header-set-2 .main-menu li {
      padding: 0px 0px;
      display: inline-block;
      position: relative;
      margin-bottom: 0px; }
      .header-set-2 .main-menu li:hover a i.ricon:before {
        content: "\f077"; }
      .header-set-2 .main-menu li a {
        display: block;
        color: #fff;
        padding: 15px 0;
        line-height: 1.5;
        font-weight: 500;
        margin-bottom: 0px;
        font-size: 1rem; }
        .header-set-2 .main-menu li a i {
          margin-left: 8px;
          vertical-align: middle;
          transition: all .5s; }
        .header-set-2 .main-menu li a:hover, .header-set-2 .main-menu li a.active {
          color: #12aaeb;
          border-color: #12aaeb; }
      .header-set-2 .main-menu li:hover ul,
      .header-set-2 .main-menu li:hover .sub-menu {
        display: block; }
      .header-set-2 .main-menu li .sub-menu {
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        padding-top: 0px;
        background: #fff;
        min-width: 181px;
        box-shadow: 0 0 3px rgba(0, 0, 0, 0.5); }
        .header-set-2 .main-menu li .sub-menu .submenu-inner {
          background: #fff;
          text-align: left;
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); }
        .header-set-2 .main-menu li .sub-menu li {
          display: block;
          margin-right: 0px;
          margin-bottom: 5px;
          font-family: "Noto Sans Thai", sans-serif; }
          .header-set-2 .main-menu li .sub-menu li a {
            padding: 8px 4px 8px 16px;
            display: block;
            justify-content: space-between;
            align-items: center;
            font-weight: normal;
            text-align: left;
            font-family: "Noto Sans Thai", sans-serif;
            font-size: 1rem;
            color: #231916;
            font-weight: 500;
            text-decoration: none; }
            .header-set-2 .main-menu li .sub-menu li a strong {
              font-size: 1.25rem; }
            .header-set-2 .main-menu li .sub-menu li a:hover, .header-set-2 .main-menu li .sub-menu li a.active {
              background: #3FABE1;
              color: #fff;
              font-weight: 700; }
          .header-set-2 .main-menu li .sub-menu li:last-child a {
            border-bottom: none; }
  .header-set-2 .lang-call-wrap {
    justify-content: center; }

body.menu-active {
  overflow: hidden; }

.overlay {
  position: fixed;
  background: #fff;
  top: 50;
  left: 0;
  width: 100%;
  height: 0%;
  opacity: 0;
  visibility: hidden;
  transition: opacity .35s, visibility .35s, height .35s;
  overflow: hidden;
  z-index: 999; }
  .overlay.open {
    opacity: 1;
    visibility: visible;
    height: 100%; }

.side-menu-wrap {
  width: 100%;
  max-width: 100%;
  position: fixed;
  left: -100%;
  top: 0;
  background-color: #283139;
  height: 100%;
  /*overflow-y: auto;*/
  z-index: 99999;
  transition: .4s;
  -webkit-transition: .4s;
  -moz-transition: .4s;
  -ms-transition: .4s;
  -o-transition: .4s;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column; }
  .side-menu-wrap:before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.6); }
  .side-menu-wrap .side-menu-close {
    font-size: 24px;
    font-weight: 500;
    z-index: 9;
    color: #3a3a3a;
    margin-left: auto;
    color: #fff; }
    .side-menu-wrap .side-menu-close i {
      font-weight: 300;
      font-size: 30px;
      color: #fff; }

.side-menu-wrap.opened {
  left: 0px;
  transition: .8s;
  -webkit-transition: .8s;
  -moz-transition: .8s;
  -ms-transition: .8s;
  -o-transition: .8s; }

.sidebarBackdrop {
  background: rgba(0, 0, 0, 0.6);
  content: "";
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 9;
  position: fixed;
  display: none; }

@media all and (max-width: 991px) {
  .header-set-2 {
    padding: 0px 1px; }
    .header-set-2 .position-group {
      align-items: center !important;
      -webkit-justify-content: space-between;
      -moz-justify-content: space-between;
      -ms-justify-content: space-between;
      justify-content: space-between;
      -ms-flex-pack: space-between; }
    .header-set-2 .first_row .lang {
      display: none; }
    .header-set-2 .second_col2 .main-menu {
      display: none !important; }
    .header-set-2 .side-menu-close {
      font-size: 24px; }
      .header-set-2 .side-menu-close span {
        background-color: #292F36;
        height: 3px;
        width: 28px;
        position: relative;
        opacity: 1;
        transition: .4s;
        -webkit-transition: .4s;
        margin-bottom: 3px;
        margin-top: 2px;
        display: block;
        border-radius: 5px; }
    .header-set-2 .menu-lang-wrap .side-menu-close {
      color: #fff; }
      .header-set-2 .menu-lang-wrap .side-menu-close i {
        color: #fff; }
    .header-set-2 .menu-lang-wrap .menu-wraps {
      display: inline-flex;
      align-items: center;
      margin-top: 6px; }
    .header-set-2 .logo img {
      max-height: 50px; }
    .header-set-2 body.open {
      overflow: hidden; }
    .header-set-2 .menu-item-list .menu-header {
      text-align: left;
      cursor: pointer;
      padding: 10px 15px; }
    .header-set-2 .menu-item-list .top-container {
      display: none;
      -webkit-flex-direction: row;
      -moz-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-flex-shrink: 0;
      -moz-flex-shrink: 0;
      -ms-flex-shrink: 0;
      flex-shrink: 0;
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      margin-bottom: 15px; }
      .header-set-2 .menu-item-list .top-container .close-menu {
        color: #12aaeb !important;
        font-size: 2rem;
        cursor: pointer;
        font-weight: 100; }

  .side-menu-nav {
    overflow-y: auto; }
    .side-menu-nav nav {
      display: block !important; }

  .main-menu {
    list-style: none;
    padding-left: 0px;
    width: 100% !important; }
    .main-menu ul {
      list-style: none; }
    .main-menu li {
      position: relative;
      margin-bottom: 0px !important; }
      .main-menu li a {
        padding: 8px 4px 8px 16px;
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        justify-content: space-between;
        font-size: 1rem;
        font-weight: 500;
        color: #fff;
        /*&:hover, &.active {
            color: $primary;
        }*/ }
        .main-menu li a i {
          display: none; }
      .main-menu li .sub-menu {
        background: #fff; }
        .main-menu li .sub-menu + i {
          position: absolute;
          right: 12px;
          top: 6px;
          padding: 5px 10px;
          font-size: 18px;
          color: #fff; }
        .main-menu li .sub-menu.opened {
          display: block; }
          .main-menu li .sub-menu.opened + .fa-chevron-down:before {
            content: "\f077"; }
      .main-menu li ul {
        display: none;
        padding-left: 0; }
      .main-menu li li a {
        padding: 8px 4px 8px 34px;
        display: block;
        font-weight: 500;
        font-size: 1rem;
        color: #231916; }
        .main-menu li li a:hover, .main-menu li li a.active {
          background: #3FABE1;
          color: #fff; }

  /**/
  .m-header-top {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    padding: 16px;
    justify-content: space-between;
    background-color: #283139; }

  .lang-wraps {
    justify-content: center; }

  .lang-call-wrap {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid #C2C2C2;
    margin-top: auto;
    justify-content: center;
    padding: 16px;
    display: none !important; }
    .lang-call-wrap .lang-wraps > span {
      text-transform: uppercase;
      font-size: 1.25rem;
      display: inline-block;
      vertical-align: middle;
      line-height: 1;
      color: #fff; }
      .lang-call-wrap .lang-wraps > span + span {
        border-left: 1px solid #C2C2C2;
        padding-left: 12px;
        margin-left: 12px; }
      .lang-call-wrap .lang-wraps > span.lang_active {
        color: #12aaeb;
        font-weight: 600; } }
/* Header ends here */



@media all and (min-width: 768px) and (max-width: 1199px) {
  .container {
    max-width: 100%;
  }
}

.ellips {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: block;
}

.footer-main {
  background-color: #283139;
  color: #fff;
  padding: 60px 0;
  font-size: 1rem;
  font-weight: 400;
}

.footer-main a {
  color: #fff;
}

.footer-main a:hover {
  color: #12aaeb;
}

.footer-main .footer-link-wrap {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  line-height: 34px;
  font-weight: 300;
}

.footer-main .footer-link-wrap h3 {
  margin-bottom: 0px;
  font-weight: 500;
  font-size: 1rem;
}

.footer-main .box-icon {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 6px;
  margin-bottom: 17px;
}

.footer-main .box-icon a:hover {
  color: inherit;
  opacity: 7;
}

.footer-main .icon {
  width: 28px;
  height: 28px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.footer-main .icon.linkedin .icon-img {
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 35 35' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='17.5' cy='17.5' r='17.5' fill='%232B61B9'/%3E%3Cpath d='M17.5036 11.0898C13.9557 11.0898 11.0939 13.9516 11.0939 17.4995C11.0939 21.0474 13.9557 23.9092 17.5036 23.9092C21.0515 23.9092 23.9133 21.0474 23.9133 17.4995C23.9133 13.9516 21.0515 11.0898 17.5036 11.0898ZM17.5036 21.6666C15.2109 21.6666 13.3365 19.7979 13.3365 17.4995C13.3365 15.2012 15.2053 13.3324 17.5036 13.3324C19.802 13.3324 21.6708 15.2012 21.6708 17.4995C21.6708 19.7979 19.7964 21.6666 17.5036 21.6666ZM25.6705 10.8276C25.6705 11.6588 25.0011 12.3227 24.1755 12.3227C23.3443 12.3227 22.6805 11.6533 22.6805 10.8276C22.6805 10.002 23.3499 9.3326 24.1755 9.3326C25.0011 9.3326 25.6705 10.002 25.6705 10.8276ZM29.9158 12.345C29.8209 10.3423 29.3635 8.56835 27.8964 7.10679C26.4348 5.64522 24.6608 5.18779 22.6582 5.08737C20.5941 4.97022 14.4076 4.97022 12.3435 5.08737C10.3464 5.18221 8.57246 5.63964 7.10532 7.10121C5.63818 8.56277 5.18632 10.3367 5.08591 12.3394C4.96876 14.4035 4.96876 20.59 5.08591 22.654C5.18074 24.6567 5.63818 26.4307 7.10532 27.8922C8.57246 29.3538 10.3408 29.8112 12.3435 29.9117C14.4076 30.0288 20.5941 30.0288 22.6582 29.9117C24.6608 29.8168 26.4348 29.3594 27.8964 27.8922C29.3579 26.4307 29.8154 24.6567 29.9158 22.654C30.0329 20.59 30.0329 14.409 29.9158 12.345ZM27.2493 24.8687C26.8141 25.9621 25.9718 26.8044 24.8728 27.2451C23.2272 27.8978 19.3222 27.7472 17.5036 27.7472C15.685 27.7472 11.7745 27.8922 10.1344 27.2451C9.04106 26.81 8.19871 25.9677 7.758 24.8687C7.10532 23.223 7.25594 19.3181 7.25594 17.4995C7.25594 15.6809 7.1109 11.7704 7.758 10.1303C8.19313 9.03694 9.03548 8.19459 10.1344 7.75389C11.7801 7.10121 15.685 7.25183 17.5036 7.25183C19.3222 7.25183 23.2327 7.10679 24.8728 7.75389C25.9662 8.18901 26.8086 9.03137 27.2493 10.1303C27.9019 11.776 27.7513 15.6809 27.7513 17.4995C27.7513 19.3181 27.9019 23.2286 27.2493 24.8687Z' fill='white'/%3E%3C/svg%3E%0A");
}

.footer-main .icon.facebook i {
  border-radius: 50%;
}

.footer-main .icon.facebook .icon-img {
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M15.05 12.5601L15.5201 9.49023H12.5701V7.49023C12.5493 7.26092 12.5805 7.02962 12.6611 6.81396C12.7418 6.59831 12.87 6.40356 13.0361 6.24414C13.2023 6.08473 13.402 5.96476 13.6208 5.89307C13.8397 5.82137 14.0718 5.79989 14.3 5.83008H15.6401V3.20996C14.853 3.08161 14.0575 3.01146 13.2601 3C10.8301 3 9.24011 4.47014 9.24011 7.14014V9.49023H6.54004V12.5601H9.24011V20H12.5701V12.5601H15.05Z' fill='white'/%3E%3C/svg%3E");
}

.footer-main .icon.instagram .icon-img {
  width: 17px;
  height: 17px;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' viewBox='0 0 17 17' fill='none'%3E%3Cpath d='M8.5 1.53066C10.7711 1.53066 11.04 1.54062 11.9332 1.58047C12.7633 1.61699 13.2115 1.75645 13.5104 1.87266C13.9055 2.02539 14.191 2.21133 14.4865 2.50684C14.7854 2.80566 14.968 3.08789 15.1207 3.48301C15.2369 3.78184 15.3764 4.2334 15.4129 5.06016C15.4527 5.95664 15.4627 6.22559 15.4627 8.49336C15.4627 10.7645 15.4527 11.0334 15.4129 11.9266C15.3764 12.7566 15.2369 13.2049 15.1207 13.5037C14.968 13.8988 14.782 14.1844 14.4865 14.4799C14.1877 14.7787 13.9055 14.9613 13.5104 15.1141C13.2115 15.2303 12.76 15.3697 11.9332 15.4062C11.0367 15.4461 10.7678 15.4561 8.5 15.4561C6.22891 15.4561 5.95996 15.4461 5.0668 15.4062C4.23672 15.3697 3.78848 15.2303 3.48965 15.1141C3.09453 14.9613 2.80898 14.7754 2.51348 14.4799C2.21465 14.1811 2.03203 13.8988 1.8793 13.5037C1.76309 13.2049 1.62363 12.7533 1.58711 11.9266C1.54727 11.0301 1.5373 10.7611 1.5373 8.49336C1.5373 6.22227 1.54727 5.95332 1.58711 5.06016C1.62363 4.23008 1.76309 3.78184 1.8793 3.48301C2.03203 3.08789 2.21797 2.80234 2.51348 2.50684C2.8123 2.20801 3.09453 2.02539 3.48965 1.87266C3.78848 1.75645 4.24004 1.61699 5.0668 1.58047C5.95996 1.54062 6.22891 1.53066 8.5 1.53066ZM8.5 0C6.19238 0 5.90352 0.00996094 4.99707 0.0498047C4.09395 0.0896484 3.47305 0.235742 2.93516 0.444922C2.37402 0.664062 1.89922 0.95293 1.42773 1.42773C0.95293 1.89922 0.664062 2.37402 0.444922 2.93184C0.235742 3.47305 0.0896484 4.09062 0.0498047 4.99375C0.00996094 5.90352 0 6.19238 0 8.5C0 10.8076 0.00996094 11.0965 0.0498047 12.0029C0.0896484 12.9061 0.235742 13.527 0.444922 14.0648C0.664062 14.626 0.95293 15.1008 1.42773 15.5723C1.89922 16.0437 2.37402 16.3359 2.93184 16.5518C3.47305 16.7609 4.09062 16.907 4.99375 16.9469C5.9002 16.9867 6.18906 16.9967 8.49668 16.9967C10.8043 16.9967 11.0932 16.9867 11.9996 16.9469C12.9027 16.907 13.5236 16.7609 14.0615 16.5518C14.6193 16.3359 15.0941 16.0437 15.5656 15.5723C16.0371 15.1008 16.3293 14.626 16.5451 14.0682C16.7543 13.527 16.9004 12.9094 16.9402 12.0063C16.9801 11.0998 16.99 10.8109 16.99 8.50332C16.99 6.1957 16.9801 5.90684 16.9402 5.00039C16.9004 4.09727 16.7543 3.47637 16.5451 2.93848C16.3359 2.37402 16.0471 1.89922 15.5723 1.42773C15.1008 0.95625 14.626 0.664062 14.0682 0.448242C13.527 0.239062 12.9094 0.0929688 12.0063 0.053125C11.0965 0.00996094 10.8076 0 8.5 0Z' fill='white'/%3E%3Cpath d='M8.5 4.13379C6.08945 4.13379 4.13379 6.08945 4.13379 8.5C4.13379 10.9105 6.08945 12.8662 8.5 12.8662C10.9105 12.8662 12.8662 10.9105 12.8662 8.5C12.8662 6.08945 10.9105 4.13379 8.5 4.13379ZM8.5 11.3322C6.93613 11.3322 5.66777 10.0639 5.66777 8.5C5.66777 6.93613 6.93613 5.66777 8.5 5.66777C10.0639 5.66777 11.3322 6.93613 11.3322 8.5C11.3322 10.0639 10.0639 11.3322 8.5 11.3322Z' fill='white'/%3E%3Cpath d='M14.0582 3.96111C14.0582 4.52556 13.6 4.98045 13.0389 4.98045C12.4744 4.98045 12.0195 4.52224 12.0195 3.96111C12.0195 3.39666 12.4777 2.94177 13.0389 2.94177C13.6 2.94177 14.0582 3.39998 14.0582 3.96111Z' fill='white'/%3E%3C/svg%3E");
}

.footer-main .icon.tiktok .icon-img {
  width: 17px;
  height: 17px;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' viewBox='0 0 17 17' fill='none'%3E%3Cpath d='M12.0931 0H9.22811V11.5797C9.22811 12.9594 8.12622 14.0928 6.75493 14.0928C5.38365 14.0928 4.28174 12.9594 4.28174 11.5797C4.28174 10.2246 5.35917 9.11592 6.68149 9.06667V6.15943C3.76751 6.20868 1.41675 8.59855 1.41675 11.5797C1.41675 14.5855 3.81648 17 6.77943 17C9.74234 17 12.1421 14.5609 12.1421 11.5797V5.64202C13.2195 6.43044 14.5418 6.89855 15.9376 6.9232V4.01594C13.7827 3.94203 12.0931 2.16811 12.0931 0Z' fill='white'/%3E%3C/svg%3E");
}

.footer-main .icon.youtube .icon-img {
  width: 20px;
  height: 16px;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='16' viewBox='0 0 20 16' fill='none'%3E%3Cpath d='M19.8008 4.00003C19.8008 4.00003 19.6055 2.62112 19.0039 2.01566C18.2422 1.21878 17.3906 1.21487 17 1.168C14.2031 0.964874 10.0039 0.964874 10.0039 0.964874H9.99609C9.99609 0.964874 5.79688 0.964874 3 1.168C2.60938 1.21487 1.75781 1.21878 0.996094 2.01566C0.394531 2.62112 0.203125 4.00003 0.203125 4.00003C0.203125 4.00003 0 5.62112 0 7.23831V8.75394C0 10.3711 0.199219 11.9922 0.199219 11.9922C0.199219 11.9922 0.394531 13.3711 0.992187 13.9766C1.75391 14.7735 2.75391 14.7461 3.19922 14.8321C4.80078 14.9844 10 15.0313 10 15.0313C10 15.0313 14.2031 15.0235 17 14.8243C17.3906 14.7774 18.2422 14.7735 19.0039 13.9766C19.6055 13.3711 19.8008 11.9922 19.8008 11.9922C19.8008 11.9922 20 10.375 20 8.75394V7.23831C20 5.62112 19.8008 4.00003 19.8008 4.00003ZM7.93359 10.5938V4.97269L13.3359 7.793L7.93359 10.5938Z' fill='white'/%3E%3C/svg%3E");
}

.footer-main .copy-right {
  padding-top: 40px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.footer-main .copy-right .copy-link {
  color: #fff;
  font-size: 0.875rem;
  margin-right: 10px;
  padding-right: 10px;
}

.footer-main .copy-right .copy-link:not(:last-child) {
  border-right: 1px solid #fff;
}

.footer-main .copy-right a:hover {
  color: #12aaeb;
}

@media all and (max-width: 767px) {
  .mob-block {
    display: block;
  }

  .footer-main {
    padding-top: 40px;
    padding-bottom: 0px;
  }

  .footer-main .logo-footer {
    margin-bottom: 20px;
  }

  .footer-main .footer-link-wrap {
    margin-bottom: 20px;
  }

  .footer-main .copy-right {
    justify-content: space-around;
  }

  .footer-main .copy-right .mob-block {
    width: 100%;
    text-align: center;
  }

  .footer-main .copy-right .copy-link {
    margin-bottom: 16px;
    margin-right: 0;
    padding: 0 1px;
    border: none !important;
  }
}

/*=================== Start - steps/home/service ===================*/
* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  font-family: "Noto Sans Thai", sans-serif;
}

.service h1 {
  text-align: center;
  color: #064c70;
  font-size: 2.25rem;
  margin-bottom: 3.75rem;
}

/* กรอบที่ใส่การ์ดของ service */
.service-cards-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  column-gap: 2rem;
  padding: 0 1rem;
}

/* แถวที่ใส่การ์ด ให้ขนาดพอดีกับรูปภาพ */
.card-group-1,
.card-group-2 {
  max-width: 33.438rem;
}

.card-group-2 {
  margin-top: 6.25rem;
}

/* ความห่างด้านล่างของการ์ดแต่ละอัน */
.service-card {
  margin-bottom: 3.75rem;
}

/* กรอบที่ใส่รูป */
.service-img {
  /* ขนาดรูป 535 * 450 px */
  max-width: 33.438rem;
  max-height: 28.125rem;
  aspect-ratio: calc(33.438 / 28.125);

  background-color: gray;
  /* สีพื้นหลังตอนรูปไม่โหลด */
  overflow: hidden;
  border-radius: 20px;
  position: relative;
}

/* พื้นหลังมืดเมื่อวางเมาส์ */
.service-img .service-link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;

  /* จัดให้ปุ่มอยู่กี่งกลาง */
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.4);

  /* เริ่มต้นให้ซ่อน */
  z-index: -1;
  opacity: 0;
  transition: all 0.3s ease-in-out;
}

.service-img a {
  text-decoration: none;
}

.service-img i {
  /* จัดไอคอนให้อยู่กึ่งกลางปุ่ม */
  display: flex;
  align-items: center;
  justify-content: center;

  transform: rotate(-45deg);
  /* ไอคอนเฉียงขึ้น */
  text-align: center;
  font-size: 4rem;
  color: black;
  background-color: white;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);

  width: 7rem;
  height: 7rem;
  border-radius: 100%;

  transition: all 0.3s ease-in-out;
}

/* เมื่อวางเมาส์ที่รูป */
.service-img:hover .service-link {
  z-index: 1;
  opacity: 1;
}

/* ขนาดรูปให้พอดีกับกรอบรูป */
img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}

/* หัวข้อในการ์ด */
.service-card h2 {
  color: #3fabe1;
  font-size: 2rem;
  margin: 1rem 0;
}

.service-card p {
  /* width: 60%; */
  font-size: 1.15rem;
  text-wrap: wrap;
}

@media (max-width: 1134px) {
  .card-group-2 {
    /* เมื่อขนาดจอเล็กให้เอาความสูงด้านบนของการ์ดแถวฝั่งซ้ายออก */
    margin-top: 0;
  }
}

/*=================== End - steps/home/service ===================*/

/*=================== Start - steps/home/student review ===================*/

* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  font-family: "Noto Sans Thai", sans-serif;
  /* border: .1px solid red; */
}

.student-review-container {
  margin: 1rem auto;
  padding: 0;
  background-color: #283139;
}

/* กรอบของ video */
.video-wrapper {
  position: relative;
}

/* video */
.video-wrapper video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}

/* ปุ่มเล่น video  */
.custom-play {
  /* จัดปุ่มให้อยู่กลางคลิป */
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);

  /* ปุ่มวงกลม */
  background-color: white;
  width: 5rem;
  height: 5rem;
  aspect-ratio: 1/1;
  border-radius: 50%;

  /* ไอคอนให้อยู่กลางปุ่มวงลม */
  font-size: 1.2rem;
  color: #f64b4b;
  display: flex;
  align-items: center;
  justify-content: center;

  cursor: pointer;
  transition: 0.3s;
  z-index: 2;
}

/* เมื่อวางเมาส์ที่ video */
.video-wrapper:hover .custom-play {
  background-color: #d0d0d0;
}

/* พื้นหลังของกล่องรีวิว และจัดให้ข้างใน อยู่กึ่งกลาง */
.student-review-box {
  background-color: #283139;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

/* ส่วนที่แสดงข้อความรีวิว */
.student-review-content {
  width: 80%;
}

.student-review-content * {
  margin: 1.5rem 0;
}

.student-review-content h2 {
  font-weight: bold;
  color: #3fabe1;
}

.student-review-content p {
  color: white;
  font-size: 1.125rem;
}

/*=================== End - steps/home/student review ===================*/

/*=================== Start - steps/home/client lists ===================*/
.section-service-name-nack {
  font-family: "Noto Sans Thai", sans-serif;
}
.section-service-name-nack .slick-initialized .slick-slide {
  display: flex !important;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 60px;
}
.section-service-name-nack .custom-slider-items img {
  width: 90px;
  height: 100%;
}
.section-service-name-nack .text-header {
  font-weight: 700;
  font-size: 24px;
  color: #064c70;
  padding: 60px 84px;
}
@media (max-width: 768px) {
  .section-service-name-nack .text-header {
    padding: 0 16px;
    margin-bottom: 60px;
  }
}
/*=================== End - steps/home/client lists ===================*/

/*=================== Start - steps/home/student review message ===================*/

* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  font-family: "Noto Sans Thai", sans-serif;
}

.std-review-massage {
  padding: 0.5rem;
}

/* หัวข้อ ปรับขนาดอัตโนมัติ */
.std-review-massage h1 {
  text-align: center;
  color: #064c70;
  font-size: clamp(1.5rem, 5vw, 2.25rem);
  margin: 1rem 1.5rem 0 1.5rem;
}

.slick-review-slider {
  width: 100%;
  margin: 2rem auto;
  position: relative;
}

.slick-review-slider .slick-slide-item {
  display: flex !important;
  align-items: center;
  justify-content: center;
  padding: 5rem 0 0.5rem 0;
}

.review-massage-box {
  background: #fff;
  padding: 5rem auto;
  border-radius: 8px;
  text-align: center;
}

.slick-review-slider .slick-dots {
  position: absolute;
  bottom: -40px;
  left: 0;
  right: 0;
  text-align: center;
}

.slick-review-slider .slick-dots li {
  margin: 0 0.5rem;
  width: 35px;
  height: 5px !important;
  border-radius: 20px;
}
.slick-review-slider .slick-dots li.slick-active {
  background: #283139;
}
.slick-review-slider .slick-dots li button:before {
  content: "";
  display: block;
  width: 33px;
  height: 4.5px;
  border-radius: 50px;
  background-color: #bebebe;
}

.slick-review-slider .slick-dots li.slick-active button:before {
  background-color: #283139;
}

/* กล่องข้อความรีวิว */
.review-massage-box {
  max-width: 32.5rem;
  min-height: 28.56rem;
  border-radius: 18px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  padding: clamp(3rem, 8vw, 4.3rem) clamp(1.5rem, 8vw, 6rem);
  margin: 0.8rem;
  position: relative;
}

/* กรอบรูปอยู่นอกกล่องรีวิว */
.std-image {
  position: absolute;
  width: clamp(10.5rem, 15vw, 12.87rem);
  height: clamp(10.5rem, 15vw, 12.87rem);
  top: -10%;
  left: -24%;
  border-radius: 12.8px;
  overflow: hidden;
}

/* รูปผู้รีวิว */
.std-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}

.review-massage-box {
  color: #064c70;
}

.std-name {
  margin: 1.8rem 0 0.5rem 0;
  font-weight: bold;
}

.std-position {
  font-size: 0.85rem;
}

/* จอมือถือ */
@media (max-width: 1134px) {
  /* ปรับรูปภาพให้อยู่ตรงกลาง */
  .std-image {
    left: 50%;
    transform: translate(-50%, -50%);
  }

  /* ปรับระยะห่างด้านบนของ slider */
  .slick-slide-item {
    margin: 5rem auto 0 auto;
  }

  /* ปรับขนาดของกล่องข้อความรีวิว */
  .review-massage-box {
    padding: clamp(3.8rem, 5vw, 4.5rem) clamp(1.5rem, 5vw, 6rem);
  }
}

/*=================== End Home - steps/home/student review message ===================*/

/*=================== Start - steps/home/selling-point ===================*/
body {
  font-family: "Outfit", sans-serif;
  margin: 0;
}

.Steps-Academy {
  text-align: center;
}

.Steps-Academy .container-Steps {
  max-width: 1440px;
  padding: 60px 0px;
  margin-left: auto;
  margin-right: auto;
  /* เท่ากับ margin: 0 auto */
}

.benefit-card {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}

.Steps-Academy .benefit-card img {
  height: 130px;
  width: 130px;
}

.Steps-Academy h2 {
  font-size: 36px;
  font-weight: 600;
  color: #1e3957;
  margin: 0px 0px 20px 0px;
}

.Steps-Academy .subtitle {
  max-width: 850px;
  margin: 0 auto 40px;
  font-size: 16px;
  font-weight: 400;
  color: #1e3957;
  line-height: 1.5;
}

.benefit-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 40px 80px;
  max-width: 1440px;
  margin: 0 auto;
}

.Steps-Academy .benefit-card {
  padding: 10px 50px;
}

.Steps-Academy .benefit-card h3 {
  font-size: 20px;
  font-weight: 600;
  color: #1e3957;
  margin-bottom: 0px;
  margin-top: 20px;
}

/* css slick-lider */
.slick-Steps-slider .slick-slide-item {
  display: flex !important;
  align-items: center;
  justify-content: center;
  padding: 0;
  margin: 0;
}

.slick-dots {
  position: absolute;
  bottom: -40px;
  left: 0;
  right: 0;
  text-align: center;
}

.slick-dots li {
  margin: 0 0.5rem;
}

.slick-dots li button:before {
  content: "";
  display: block;
  width: 33px;
  height: 4.5px;
  border-radius: 50px;
  background-color: #bebebe;
}

.slick-dots li.slick-active button:before {
  background-color: #283139;
}

.xl-none {
  display: none;
}

@media (max-width: 767px) {
  .xl-none {
    display: block;
  }

  .sm-none {
    display: none;
  }
}

/* แสดง 2 คอลัมน์ สำหรับหน้าจอขนาดระหว่าง 481px - 1024px */
@media screen and (max-width: 1024px) and (min-width: 481px) {
  .container {
    padding: 20px;
  }

  .benefit-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 20px;
  }

  .benefit-card {
    padding: 10px 20px;
  }
}

/*=================== End - steps/home/selling-point ===================*/

/*=================== Start - Bank Custom Fix ===================*/
.fr-video {
  display: contents !important;
  margin-bottom: 0px !important;
}

a {
  text-decoration: none;
}

.slick-review-slider .slick-review-carousel .slick-dots li {
  width: 35px;
  height: 5px !important;
  background: #bebebe;
  border-radius: 20px;
}

.slick-review-slider .slick-review-carousel .slick-dots li.slick-active {
  background-color: #283139;
}

.blog-items .blog-img img {
  width: 100% !important;
  border-radius: 15px;
}

.post-title {
  margin-top: 13px;
}

.link-product-name {
  color: #333 !important;
  font-family: "Noto Sans Thai" !important;
  font-size: 18px !important;
  font-style: normal !important;
  font-weight: 700 !important;
  line-height: normal !important;
}

.blog-read-more {
  display: flex;
  height: 50px;
  padding: 0px 32px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 100px;
  background: #3fabe1;
  color: #fff;
  text-align: center;
  border-width: 0px;
}

.blog-read-more-color:hover {
  background: #2e98cd;
}

.blog-read-more-color:active {
  background: #1b79a8;
}

/*=================== End - Bank Custom Fix ===================*/
/*=================== Start - service-detail/contact-form ===================*/
.contact-section-booking-moce {
  background-color: #f4f4f4;
  position: relative;
  font-family: "Noto Sans Thai", sans-serif;
  font-size: 18px;
  line-height: 27px;
  font-weight: 400;
  margin-top: 24px;
}

.contact-section-booking-moce::before {
  content: "";
  position: absolute;
  width: 50%;
  height: 100%;
  left: 0;
  background-color: #283139;
}

.contact-section-booking-moce .container {
  max-width: 1440px;
  margin: auto;
  width: 100%;
}

.contact-section-booking-moce .booking-left-moce .content-moce {
  color: #ffffff;
  padding: 100px;
}

.contact-section-booking-moce .booking-right-moce .content-moce {
  padding: 100px;
}

.contact-section-booking-moce .heading-moce {
  margin-bottom: 20px;
}

.contact-section-booking-moce .heading-moce .title {
  display: flex;
  height: 70px;
  font-weight: 800;
  font-size: 46px;
  align-items: center;
}

.contact-section-booking-moce .heading-moce .description {
  margin-bottom: 0;
}

.contact-section-booking-moce .step-moce {
  margin-bottom: 20px;
}

.contact-section-booking-moce .step-moce .number {
  display: flex;
  height: 70px;
  font-weight: 700;
  font-size: 46px;
  align-items: center;
}

.contact-section-booking-moce .step-moce .step-title {
  font-weight: 700;
  margin-bottom: 10px;
}

.contact-section-booking-moce .step-moce .step-description {
  margin-bottom: 0;
}

@media (max-width: 991px) {
  .contact-section-booking-moce::before {
    display: none;
  }

  .contact-section-booking-moce .booking-left-moce {
    background-color: #283139;
  }

  .contact-section-booking-moce .booking-left-moce .content-moce,
  .contact-section-booking-moce .booking-right-moce .content-moce {
    padding: 30px 16px;
  }

  .contact-section-booking-moce .heading-moce .title {
    font-size: 36px;
  }
}

/*=================== End - service-detail/contact-form ===================*/
body {
  background-color: #f4f4f4 !important;
}

/*===================== Start Service List/Service =====================*/
.news-and-events {
  margin-top: 60px !important;
}

.image-section {
  background-image: url(../img/award-man.png);
}

.news-and-events .content-box {
  padding: 24px;
}

.news-and-events .news-title {
  font-family: "Times New Roman";
  font-weight: bold;
  color: #232020;
  font-size: 38px;
  text-transform: uppercase;
}

.news-and-events .news-text {
  font-family: "Noto Sans Thai";
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.news-and-events .news-details {
  color: #333;
  font-family: "Noto Sans Thai";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-top: 20px;
}

.news-and-events .news-date {
  font-size: 14px;
  color: #232020;
  font-weight: 400;
  font-family: "Noto Sans Thai", sans-serif;
  margin-top: 24px;
}

/* media query starts  */

@media (max-width: 768px) {
  .news-and-events .news-title {
    font-size: 24px;
  }

  .news-and-events {
    margin-top: 30px !important;
  }
}

/*===================== End Service List/Service =====================*/

/*===================== Start Service Detail Course-lists =====================*/
* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  font-family: "Noto Sans Thai", sans-serif;

  /* border: .1px solid red; */
}

body {
  background-color: #f0f4f8;
}

.course-lists-container {
  padding: clamp(0.3rem, 1vw, 1rem);
}

.course-lists-container h1 {
  text-align: center;
  font-weight: 400;
  color: #064c70;
  font-size: clamp(1.5rem, 5vw, 2.25rem);
  margin: 1rem 1.5rem 0 1.5rem;
}

.bullhorn-icon {
  width: fit-content;
  border-radius: 50%;
  aspect-ratio: 1 / 1;
  /* width: 3rem;
    height: 3rem; */
  /* margin-right: 0.5rem; */
  /* vertical-align: middle; */
  /*padding: 1.25rem;*/
  background-color: #064c70;
}

/* slick-carousel */

.course-lists-slick-carousel {
  display: flex;
  flex-wrap: wrap;
  /* flex-direction: column; */
  justify-content: center;
  gap: 1rem;
  max-width: 85rem;
  margin: 2.5rem auto;

  /* justify-content: space-between; */
  /* border: 1px solid black !important; */
}

.course-lists-card {
  width: fit-content;
  display: flex;
  flex-direction: column;
  /* justify-content: space-between; */
  /* border: 1px solid red !important; */
  /* align-items: center; */
  justify-content: center;
  width: 26.3rem;
}

.course-lists-card-content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;

  width: 100%;
  max-width: 26.3rem;
  height: 37.5rem;
  /* aspect-ratio: calc(422 / 600); */
  background-color: #fff;
  /* border: 1px solid #E0E0E0; */
  padding: 2.8rem;
  margin: 0 auto;
  border-radius: 0.8rem;
  /* position: relative; */
}

.course-lists-card-content h3 {
  font-weight: bold;
  margin-top: 4rem;
}

.course-lists-card-content ul {
  padding-left: 2rem;
}

.course-lists-card-content a {
  display: block;
  width: fit-content;
  margin: 0 auto;
  padding: 0.8rem 1.8rem;
  background-color: #3fabe1;
  color: #fff;
  text-decoration: none;
  border-radius: 50rem;
}

@media (max-width: 937px) {
  .course-lists-cards-container .slick-dots {
    position: absolute;
    bottom: -40px;
    left: 0;
    right: 0;
    text-align: center;
  }

  .course-lists-cards-container .slick-dots li {
    margin: 0 0.5rem;
  }

  .course-lists-cards-container .slick-dots li button:before {
    content: "";
    display: block;
    width: 33px;
    height: 4.5px;
    border-radius: 50px;
    background-color: #bebebe;
  }

  .course-lists-cards-container .slick-dots li.slick-active button:before {
    background-color: #283139;
  }
}

/*===================== End Service Detail Course-lists =====================*/
/*===================== Start Corporate Banner =====================*/
.corporate-training-desktop {
  width: 100%;
}

.corporate-training-mobile {
  width: 100%;
}

@media (max-width: 768px) {
  .corporate-training-desktop {
    display: none;
  }
}

@media (min-width: 769px) {
  .corporate-training-mobile {
    display: none;
  }
}
.youtube-iframe-service-detail{
  max-width: 875px;
}
/*===================== End Corporate Banner =====================*/
/*===================== Start Corporate Program =====================*/
.corporate-training {
  margin-top: 60px;
}

.corporate-training-program-h2 {
  color: var(--064C70, #064c70);
  text-align: center;
  font-family: "Noto Sans Thai";
  font-size: 36px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  margin-top: 40px;
  margin-bottom: 20px;
}

.corporate-training-program-p {
  color: #283139;
  text-align: center;
  font-family: "Noto Sans Thai";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  /* 27px */
}

.corporate-training-program {
  margin-bottom: 40px;
}

/*===================== End Corporate Program =====================*/
/*===================== Start Service Detail Review =====================*/

.slider-container {
  padding: 40px 0px;
  position: relative;
  width: 100%;
  /*max-width: 1440px;*/
  display: flex;
  flex-direction: column;
  align-items: center;
}

.slider-outer {
  overflow: hidden;
  width: 100%;
  margin-bottom: 20px;
}

.slider-wrapper {
  display: flex;
  gap: 6px;
  transition: transform 0.3s ease;
  cursor: grab;
}

.slider-wrapper.dragging {
  cursor: grabbing;
}

.column {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-shrink: 0;
  box-sizing: border-box;
}

.column img {
  object-fit: cover;
  width: 100%;
}

.large {
  height: 436px;
  margin-bottom: 6px;
}

.small-row {
  display: flex;
  justify-content: space-between;
  width: 100%;
  gap: 6px;
  margin-bottom: 6px;
}

.small-row img {
  width: calc(50% - 3px);
  height: 150px;
}

.dot-indicators {
  display: flex;
  justify-content: center;
  gap: 5px;
}

.dot {
  display: inline-block;
  width: 30px;
  height: 5px;
  border-radius: 3px;
  background: #ccc;
  margin: 0;
  transition: background 0.3s;
  cursor: pointer;
}

.dot.active {
  background-color: #ff9800;
}

@media (min-width: 769px) {
  .slider-wrapper {
    flex-wrap: wrap;
    justify-content: center;
    transform: none !important;
    cursor: default;
    gap: 6px;
  }

  .slider-outer {
    overflow: visible;
    margin-bottom: 0;
  }

  .column {
    width: calc(33.333% - 44px);
  }

  .large,
  .small-row img {
    height: auto;
  }

  .dot-indicators {
    display: none;
  }

  .slider-container {
    flex-direction: row;
    justify-content: center;
  }
}

@media (min-width: 481px) and (max-width: 768px) {
  .column {
    width: calc(50% - 3px);
  }
}

@media (max-width: 481px) {
  body {
    padding: 0px;
  }

  .slider-outer {
    margin-bottom: 15px;
  }

  .column {
    width: 100%;
  }

  .large {
    height: auto;
  }

  .small-row img {
    height: auto;
  }

  .column:first-child .large {
    order: 1;
  }

  .column:first-child .small-row {
    order: 2;
  }

  .column:nth-child(2) .small-row {
    order: 1;
  }

  .column:nth-child(2) .large {
    order: 2;
  }
}

/*===================== End Service Detail Review =====================*/

/*===================== Start Service Detail Contact =====================*/
* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  font-family: "Noto Sans Thai", sans-serif;
}

.contact-detail h2 {
  font-weight: bold;
}

.contact-detail {
  background-color: #283139;
  color: white;
  padding: 100px !important;
}

.contact-form-service {
  padding: 100px !important;
}

@media (max-width: 481px) {
  .contact-detail {
    padding: 30px 16px !important;
  }

  .contact-form-service {
    padding: 30px 16px !important;
  }
}

.contact-us-h2 {
  color: #333;
  font-family: "Noto Sans Thai";
  font-size: 46px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 24px;
}

.contact-us-label {
  color: var(--Text-Black, #333);
  font-family: "Noto Sans Thai";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  /* 24px */
}

/*===================== End Service Detail Contact =====================*/
/*===================== Start Service list Contact =====================*/
.section-client-list {
  font-family: "Noto Sans Thai", sans-serif;

  margin: auto;
}

.section-client-list .item-list-left,
.section-client-list .item-list-right {
  margin-bottom: 60px;
}

.section-client-list .item-list-left img {
  /* max-width: 708px; */
  /* height: 624px; */
  height: 100%;
  object-fit: cover;
  border-radius: 0 25px 25px 0;
}

.section-client-list .item-list-right img {
  /* max-width: 708px; */
  /* height: 624px; */
  height: 100%;
  object-fit: cover;
  border-radius: 25px 0 0 25px;
}

.info-box {
  max-width: 425px;
}

.info-box h2 {
  color: #333333;
  font-size: 46px;
  font-weight: 900;
}

.info-box p {
  color: #333333;
  font-size: 18px;
  font-weight: 400;
}

.info-box button {
  background: #3fabe1;
  color: white;
  padding: 13px 32px;
  text-decoration: none;
  border-radius: 100px;
  border: 0;
  line-height: 150%;
  font-size: 16px;
  font-weight: 600;
}

@media screen and (max-width: 992px) {
  .info-box {
    padding: 0 16px;
  }
}

@media screen and (max-width: 767.98px) {
  .info-box {
    padding: 0 16px;
  }

  .section-client-list .item-list-left,
  .section-client-list .item-list-right {
    margin-bottom: 30px;
  }

  .info-box h2 {
    font-size: 36px;
  }

  .info-box p {
    font-size: 16px;
  }
  .item-list-right {
    flex-direction: column-reverse;
  }

  .section-client-list .item-list-right img {
    height: auto;
    margin-bottom: 20px;
    border-radius: 30px 0 0 30px;
  }

  .section-client-list .item-list-left img {
    height: auto;
    margin-bottom: 20px;
    border-radius: 0 30px 30px 0;
  }
}

@media screen and (max-width: 575.98px) {
  .section-client-list .item-list-right img {
    height: 330px;
  }

  .section-client-list .item-list-left img {
    height: 330px;
  }
}
/*===================== End Service list Contact =====================*/
.background-gray {
  background-color: #283139;
}

.container-custom {
  max-width: 1440px;
}

.section-service-intro {
  font-family: "Noto Sans Thai", sans-serif;
  padding: 105px 61px;
}

.section-service-intro .title-header {
  font-size: 36px;
  font-weight: 800;
  color: white;
}

.section-service-intro .title-description {
  font-size: 18px;
  font-weight: 400;
  color: white;
}

@media screen and (max-width: 576.98px) {
  .section-service-intro {
    padding: 30px 16px;
  }

  .section-service-intro .title-header {
    font-size: 24px;
  }
  .section-service-intro .title-description {
    font-size: 16px;
  }
}
/*====================== Start Course - Course Lists ======================*/
.section-course {
  font-family: "Noto Sans Thai", sans-serif;
}
.header-block {
  margin-bottom: 60px;
}
.header-block .text-description {
  font-size: 18px;
}

.header-block .text-header {
  margin-bottom: 35px;
  font-size: 36px;
  font-weight: 700;
  color: #064c70;
}
.course-card {
  max-width: 610px;
  border-radius: 20px;
  margin-bottom: 30px;
}
.course-card img {
  width: 100%;
  max-height: 400px;
  border-radius: 20px 20px 0 0;
}
.course-card .title-header {
  display: flex;
  align-items: end;
  justify-content: center;
  font-size: 36px;
  line-height: 40px;
  font-weight: 700;
  margin-bottom: 30px;
  min-height: 120px;
}

.course-card .course-item {
  /*   min-height: 629px; */
  padding: 50px;
}

.course-card .title-info {
  font-size: 18px;
  font-weight: 400;
  min-height: 90px;
}

.line-space {
  margin-top: 36px;
  margin-bottom: 36px;
  border-top: 1px solid #d2d2d2;
}
.course-card ul {
  list-style-type: disc;
  padding-left: 25px;
  margin-bottom: 56px;
}
.course-card ul li {
  font-size: 18px;
  line-height: 29px;
  font-weight: 400;
}

.button-course {
  background: #3fabe1;
  color: white;
  padding: 10px 20px;
  text-decoration: none;
  border-radius: 100px;
  border: 0;
  font-size: 16px;
  font-weight: 600;
}

@media screen and (max-width: 576.98px) {
  .course-card .course-item {
    padding: 30px 16px;
  }

  .course-card .title-header {
    font-size: 24px;
    min-height: 80px;
  }

  .header-block .text-header {
    font-size: 24px;
  }

  .header-block {
    margin-bottom: 30px;
  }
}
/*====================== End Course - Course Lists ======================*/
.staticBlock12 {
  margin-bottom: 60px;
}
.section-background {
  position: relative;
  overflow: hidden;
  height: 650px;
}

.vector-bottom {
  position: absolute !important;
  left: -18px;
  bottom: -309px;
}

.vector-top {
  position: absolute !important;
  right: -65px;
  top: -80px;
}

.thank-desktop {
  display: block;
}
.thank-mobile {
  display: none;
}
.section-thankyou .title-description {
  font-size: 18px;
  font-weight: 400;
  line-height: 150%;
  margin-top: 40px;
}
.section-thankyou {
  font-family: "Noto Sans Thai", sans-serif;
  padding: 200px 0px;
}
@media screen and (max-width: 768px) {
  .thank-desktop {
    display: none;
  }
  .thank-mobile {
    display: block;
  }

  .vector-bottom {
    position: absolute;
    left: -310px;
    bottom: -69px;
    scale: 0.5;
  }

  .vector-top {
    position: absolute;
    right: -135px;
    top: -110px;
  }
}

/*===================== Start - Why Choose Us =====================*/
* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  font-family: "Noto Sans Thai", sans-serif;
}

.why-choose-us-container {
  margin-top: 44px;
  /* background-color: #283139; */
  overflow: hidden;
  text-align: center;
}

@media (max-width: 768px) {
  .why-choose-us-container {
    margin-top: 30px;
  }
}

.why-choose-us-container h1 {
  font-weight: bold;
  color: #064c70;
  font-size: clamp(1.7rem, 5vw, 2.25rem);
  margin: 1rem 1.5rem 1.125rem 1.5rem;
}

.why-choose-us-container p {
  color: #283139;
  text-align: center;
  font-family: "Noto Sans Thai";
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  max-width: 1095px;
  margin-right: auto;
  margin-left: auto;
}

.img-wrapper {
  width: 100%;
  height: 100%;
  /* aspect-ratio: calc(720 / 408) !important; */
  position: relative;
  overflow: hidden;

  object-fit: cover;
  object-position: center center;
}

.img-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}

.why-choose-us-box {
  background-color: #283139;
  display: flex;
  flex-direction: column;
  /*align-items: center;
  justify-content: center;*/
  padding: 78px 124px !important;
}
@media (max-width: 768px) {
  .why-choose-us-box {
    padding: 40px 16px !important;
  }
  .why-choose-us-container p {
    padding-left: 16px;
    padding-right: 16px;
  }
  .why-choose-us-container h2 {
    padding-left: 16px;
    padding-right: 16px;
  }
}

.why-choose-us-content * {
  margin: 1.5rem 0;
}

.why-choose-us-content h2 {
  font-weight: bold;
  color: #3fabe1;
  text-align: left !important;
}

.why-choose-us-content p {
  font-size: clamp(0.8rem, 1.8vw, 1.125rem) !important;
  color: white;
  text-align: left !important;
}

/*===================== End - Why Choose Us =====================*/

/*===================== Start Service Detail Course-lists =====================*/
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@100..900&display=swap");

* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  font-family: "Noto Sans Thai", sans-serif;

  /* border: .1px solid red; */
}

.course-lists-container {
  background-color: #f0f4f8;
}

.course-lists-container {
  padding: clamp(0.3rem, 1vw, 1rem);
}

.course-lists-container h1 {
  text-align: center;
  font-weight: 400;
  color: #064c70;
  font-size: clamp(1.5rem, 5vw, 2.25rem);
  margin: 1rem 1.5rem 0 1.5rem;
}

.bullhorn-icon {
  width: fit-content;
  border-radius: 50%;
  aspect-ratio: 1 / 1;
  /* width: 3rem;
    height: 3rem; */
  /* margin-right: 0.5rem; */
  /* vertical-align: middle; */
  padding: 1.25rem;
  background-color: #064c70;
}

/* slick-carousel */

.course-lists-slick-carousel {
  display: flex;
  flex-wrap: wrap;
  /* flex-direction: column; */
  justify-content: center;
  gap: 1rem;
  max-width: 85rem;
  margin: 2.5rem auto;

  /* justify-content: space-between; */
  /* border: 1px solid black !important; */
}

.course-lists-card {
  width: fit-content;
  display: flex;
  flex-direction: column;
  /* justify-content: space-between; */
  /* border: 1px solid red !important; */
  /* align-items: center; */
  justify-content: center;
  width: 26.3rem;
}
.course-lists-card-content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;

  width: 100%;
  max-width: 26.3rem;
  height: 37.5rem;
  /* aspect-ratio: calc(422 / 600); */
  background-color: #fff;
  /* border: 1px solid #E0E0E0; */
  padding: 2.8rem;
  margin: 0 auto;
  border-radius: 0.8rem;
  /* position: relative; */
}

.course-lists-card-content h3 {
  font-weight: bold;
  margin-top: 4rem;
}

.course-lists-card-content ul {
  padding-left: 2rem;
}

.course-lists-card-content a {
  display: block;
  width: fit-content;
  margin: 0 auto;
  padding: 0.8rem 1.8rem;
  background-color: #3fabe1;
  color: #fff;
  text-decoration: none;
  border-radius: 50rem;
}

@media (max-width: 937px) {
  .course-lists-cards-container .slick-dots {
    position: absolute;
    bottom: -40px;
    left: 0;
    right: 0;
    text-align: center;
  }

  .course-lists-cards-container .slick-dots li {
    margin: 0 0.5rem;
  }
  .course-lists-cards-container .slick-dots li button:before {
    content: "";
    display: block;
    width: 33px;
    height: 4.5px;
    border-radius: 50px;
    background-color: #bebebe;
  }

  .course-lists-cards-container .slick-dots li.slick-active button:before {
    background-color: #283139;
  }
}
/*===================== End Service Detail Course-lists =====================*/
/*===================== Start Corporate Banner =====================*/
.corporate-training-desktop {
  width: 100%;
}

.corporate-training-mobile {
  width: 100%;
}

@media (max-width: 768px) {
  .corporate-training-desktop {
    display: none;
  }
}

@media (min-width: 769px) {
  .corporate-training-mobile {
    display: none;
  }
}

/*===================== End Corporate Banner =====================*/
/*===================== Start Corporate Program =====================*/
.corporate-training {
  margin-top: 60px;
}

.corporate-training-program-h2 {
  color: var(--064C70, #064c70);
  text-align: center;
  font-family: "Noto Sans Thai";
  font-size: 36px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  margin-top: 40px;
  margin-bottom: 20px;
}

.corporate-training-program-p {
  color: #283139;
  text-align: center;
  font-family: "Noto Sans Thai";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  /* 27px */
}

.corporate-training-program {
  margin-bottom: 40px;
}

/*===================== End Corporate Program =====================*/
/*===================== Start Service Detail Review =====================*/

.slider-container {
  padding: 40px 0px;
  position: relative;
  width: 100%;
  /*max-width: 1440px;*/
  display: flex;
  flex-direction: column;
  align-items: center;
}

.slider-outer {
  overflow: hidden;
  width: 100%;
  margin-bottom: 20px;
}

.slider-wrapper {
  display: flex;
  gap: 6px;
  transition: transform 0.3s ease;
  cursor: grab;
}

.slider-wrapper.dragging {
  cursor: grabbing;
}

.column {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-shrink: 0;
  box-sizing: border-box;
}

.column img {
  object-fit: cover;
  width: 100%;
}

.large {
  height: 436px;
  margin-bottom: 6px;
}

.small-row {
  display: flex;
  justify-content: space-between;
  width: 100%;
  gap: 6px;
  margin-bottom: 6px;
}

.small-row img {
  width: calc(50% - 3px);
  height: 150px;
}

.dot-indicators {
  display: flex;
  justify-content: center;
  gap: 5px;
}

.dot {
  display: inline-block;
  width: 30px;
  height: 5px;
  border-radius: 3px;
  background: #ccc;
  margin: 0;
  transition: background 0.3s;
  cursor: pointer;
}

.dot.active {
  background-color: #ff9800;
}

@media (min-width: 769px) {
  .slider-wrapper {
    flex-wrap: wrap;
    justify-content: center;
    transform: none !important;
    cursor: default;
    gap: 6px;
  }

  .slider-outer {
    overflow: visible;
    margin-bottom: 0;
  }

  .column {
    width: calc(33.333% - 44px);
  }

  .large,
  .small-row img {
    height: auto;
  }

  .dot-indicators {
    display: none;
  }

  .slider-container {
    flex-direction: row;
    justify-content: center;
  }
}

@media (min-width: 481px) and (max-width: 768px) {
  .column {
    width: calc(50% - 3px);
  }
}

@media (max-width: 481px) {
  body {
    padding: 0px;
  }

  .slider-outer {
    margin-bottom: 15px;
  }

  .column {
    width: 100%;
  }

  .large {
    height: auto;
  }

  .small-row img {
    height: auto;
  }

  .column:first-child .large {
    order: 1;
  }

  .column:first-child .small-row {
    order: 2;
  }

  .column:nth-child(2) .small-row {
    order: 1;
  }

  .column:nth-child(2) .large {
    order: 2;
  }
}

/*===================== End Service Detail Review =====================*/
/*------------------ Short Info Start------------------*/
.short-info-section-moce {
  background-color: #f4f4f4;
  font-family: "Noto Sans Thai", sans-serif;
  font-size: 18px;
  line-height: 27px;
  font-weight: 400;
}

.short-info-section-moce .container {
  max-width: 874px;
  margin: auto;
  padding-top: 60px;
  padding-bottom: 60px;
  min-height: 286px;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}

.short-info-section-moce .short-info-heading-moce {
  color: #064c70;
  text-align: center;
}

.short-info-section-moce .short-info-steps-moce {
  display: flex;
  gap: 29px;
}

.short-info-section-moce .short-info-item-moce {
  flex: 1;
}

.short-info-section-moce .short-info-item-moce .short-info-date-moce {
  font-weight: 600;
  margin-bottom: 12px;
  color: #333333;
}

.short-info-section-moce .short-info-item-moce .short-info-note-moce {
  color: #333333;
}

.short-info-section-moce .short-info-divider-moce {
  display: block;
  width: 1px;
  height: 69px;
  background-color: #d2d2d2;
}

@media (max-width: 991px) {
  .short-info-section-moce .container {
    padding: 30px 16px;
    display: block;
    min-height: auto;
  }

  .short-info-section-moce .short-info-heading-moce {
    font-size: 24px;
    margin-bottom: 30px;
  }

  .short-info-section-moce .short-info-steps-moce {
    flex-direction: column;
    text-align: center;
    gap: 20px;
  }

  .short-info-section-moce .short-info-item-moce .short-info-date-moce {
    margin-bottom: 6px;
  }

  .short-info-section-moce .short-info-divider-moce {
    height: 1px;
    width: 69px;
    display: inline-block;
    margin: auto;
  }
}

/*------------------ Short Info End------------------*/

/*------------------ trend Start------------------*/
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@100..900&display=swap");

* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  font-family: "Noto Sans Thai", sans-serif;

  /* border: .1px solid red; */
}

.trend-container {
  padding: clamp(0.5rem, 1vw, 2rem);
}

.trend-container h2 {
  text-align: center;
  font-weight: bold;
  color: #064c70;
  font-size: clamp(1.5rem, 5vw, 2.25rem);
  margin: 1rem 0 1.8rem 0;
}

.trend-border {
  margin: 0 auto;
  /* border: 1px solid #ddd; */
  max-width: 68.313rem;
  height: 24.8rem;
  position: relative;
  color: white;

  display: flex;
  align-items: center;
  justify-content: end;
}

.trend-background {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #3b5267;
  padding: 3.5rem 5rem;
  border-radius: 8px;
  color: white;
  width: 90%;
  height: 100%;
  z-index: -1;
}

.trend-content {
  height: 17rem;
  display: flex;
  gap: 5rem;
}

.trend-content .trend-text {
  width: 21rem;
  margin: auto 0;
}

.trend-content h3 {
  font-weight: bold;
  font-size: 1.25rem;
}

.trend-img {
  width: 31.063rem;
  height: 17.063rem;
  /* aspect-ratio: calc(497 / 273); */
  overflow: hidden;
  border-radius: 8px;
}

.trend-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}

.trend-mobile-viewport {
  display: none;
}

@media (max-width: 960px) {
  .trend-desktop-viewport {
    display: none;
  }

  .trend-mobile-viewport {
    display: block;
    background-color: #3b5267;
    max-width: 22.375rem;
    border-radius: 9px;
    overflow: hidden;
    color: white;
    margin: 0 auto;
  }

  .trend-img {
    width: 100%;
    height: 12.3rem;
    border-radius: 0;
  }

  .trend-text {
    margin: 2rem 1.5rem;
  }
}

/*------------------ trend end ------------------*/
/*------------------ service Start------------------*/
.news-title {
  color: #333;
  font-family: "Noto Sans Thai";
  font-size: 46px;
  font-style: normal;
  font-weight: 800;
  line-height: 53px;
  /* 115.217% */
}

.news-details {
  color: #333;
  font-family: "Noto Sans Thai";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.content-box {
  max-width: 445px;
}

/*------------------ service end------------------*/
/*------------------ course Start------------------*/
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@100..900&display=swap");

* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  font-family: "Noto Sans Thai", sans-serif;

  /* border: .1px solid red; */
}

.course-detail-container h2 {
  text-align: center;
}

.course-detail-container {
  padding: 1rem clamp(0.5rem, 8vw, 1rem);
  margin-top: 60px;
}

.course-detail-collapse {
  max-width: 68.438rem;
  margin: 1.125rem auto 0 auto;
  border-radius: 16px;
  overflow: hidden;
  background-color: white;
}

.course-detail-header a {
  all: unset;
  display: block;
}

.course-detail-header {
  width: 100%;
  padding: 1rem;
  background-color: #283139;
  color: white;
  text-align: center;
}

.course-detail-content {
  /* padding: 1.8rem 4.4rem; */
  background-color: white;
}

.course-detail-content ul {
  list-style: none;
  padding: 0;
  margin: 40px 60px;
}
@media (max-width: 481px) {
  .course-detail-content ul {
    margin: 40px 20px;
  }
}
.course-detail-content ul li b {
  color: #3fabe1;
  font-weight: 600;
}

/*------------------ course end------------------*/
/*------------------ speaker start ------------------*/
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@100..900&display=swap");

* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  font-family: "Noto Sans Thai", sans-serif;
}

.speaker-container {
  padding: clamp(0.1rem, 1vw, 1rem);
}

.speaker-container h2 {
  text-align: center;
  font-weight: bold;
  color: #064c70;
  font-size: clamp(1.5rem, 5vw, 2.25rem);
  margin: 1rem 1.5rem 0 1.5rem;
}

.speaker-cards-slick-carousel {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  gap: clamp(1rem, 5vw, 5rem);
  max-width: 85rem;
  margin: 2.5rem auto;
}

.speaker-card {
  justify-content: center;
  width: 19rem;
  padding: 0 auto;
}

.speaker-img {
  width: 100%;
  overflow: hidden;
  border-radius: 12px;
  margin-bottom: 1rem;
}

.speaker-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}

.speaker-card-content {
  max-width: 19rem;
  padding: 0;
  margin: 0 auto;
  border-radius: 0.8rem;
}

.speaker-card-content b.speaker-name {
  font-size: 1.3rem;
}

.speaker-card-content .speaker-position {
  font-weight: bold;
  color: #3fabe1;
}

@media (max-width: 937px) {
  .speaker-cards-slick-carousel .slick-dots {
    position: absolute;
    bottom: -40px;
    left: 0;
    right: 0;
    text-align: center;
  }

  .speaker-cards-slick-carousel .slick-dots li {
    margin: 0 0.5rem;
  }

  .speaker-cards-slick-carousel .slick-dots li {
    content: "";
    display: block;
    width: 33px;
    height: 5px !important;
    border-radius: 50px;
    background-color: #bebebe;
  }

  .speaker-cards-slick-carousel .slick-dots li.slick-active {
    background-color: #283139;
  }
}

/*------------------ speaker end ------------------*/
/*------------------ certificate start ------------------*/
.certificate-banner {
  margin-top: 60px;
  margin-bottom: 40px;
}

.certificate-desktop {
  padding: 60px;
}

.certificate-mobile {
  padding: 30px 16px;
}

@media (max-width: 480px) {
  .certificate-desktop {
    display: none;
  }
  .certificate-text{
    padding: 16px;
  }
}

@media (min-width: 481px) {
  .certificate-mobile {
    display: none;
  }
}
.certificate-image{
  max-width: 500px !important;
}
.certificate-text{
  max-width: 700px;
}
/*------------------ certificate end ------------------*/
/*------------------ contact us start ------------------*/
* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  font-family: "Noto Sans Thai", sans-serif;
}

.contact-detail h2 {
  font-weight: bold;
}

.contact-detail {
  background-color: #283139;
  color: white;
  padding: 100px !important;
}

.contact-form-service {
  padding: 100px !important;
}

@media (max-width: 481px) {
  .contact-detail {
    padding: 30px 16px !important;
  }

  .contact-form-service {
    padding: 30px 16px !important;
  }
}

.contact-us-h2 {
  color: #333;
  font-family: "Noto Sans Thai";
  font-size: 46px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 24px;
}

.contact-us-label {
  color: var(--Text-Black, #333);
  font-family: "Noto Sans Thai";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  /* 24px */
}
/*------------------ contact us end ------------------*/
/*------------------ FAQ start ------------------*/
.faq-title {
  color: #064c70;
  text-align: center;
  font-family: "Noto Sans Thai";
  font-size: 36px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-top: 60px;
  margin-bottom: 60px;
}

.faq-collapse {
  max-width: 68.438rem;
  margin: 1.125rem auto 0 auto;
  border-radius: 16px;
  overflow: hidden;
  background-color: white;
}

.faq-header {
  width: 100%;
  padding: 20px;
  background-color: #ffffff;
  color: #333333 !important;
  font-family: "Noto Sans Thai";
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 29px;
  /* 181.25% */
}
.faq-header {
  color: #333333 !important;
}
.faq-content {
  padding: 20px;
  color: #333;
  font-family: "Noto Sans Thai";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 29px;
  /* 181.25% */
}

.accordion-margin-bottom {
  margin-bottom: 60px;
}

.faq-topic {
  margin-bottom: 20px;
  border-radius: 10px;
  padding: 20px;
}

.faq-a {
  color: #333 !important;
}
.faq-p {
  margin: 0px;
}
/*------------------ FAQ end ------------------*/
.course-card {
  background-color: #ffffff;
}
a:hover {
  color: #ffffff;
}
.form-row-inner label {
  color: #333;
  font-family: "Noto Sans Thai";
  font-size: 16px;
  font-weight: 700;
  line-height: 150%; /* 24px */
}
.form-elements::placeholder {
  color: #d3d3d3 !important;
  font-family: "Noto Sans Thai";
  font-size: 16px;
  font-weight: 700;
  line-height: 150%; /* 24px */
}
.service-detail-hero-button{
	display: block;
    width: fit-content;
    margin: 0 auto;
    padding: 0.8rem 1.8rem;
    background-color: #3fabe1;
    color: #fff;
    text-decoration: none;
    border-radius: 50rem;
}