@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; }

/* About page */
.about-banner {
  position: relative; }
  .about-banner .about-banner-img {
    text-align: center; }
    .about-banner .about-banner-img img {
      width: 100%;
      max-height: 550px;
      object-fit: fill; }
  .about-banner .about-banner-txt {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%); }
    .about-banner .about-banner-txt .about-title {
      color: #fff;
      font-size: 60px;
      text-transform: uppercase;
      line-height: 1;
      text-shadow: 4px 4px 5px rgba(0, 0, 0, 0.2);
      font-family: "IBM Plex Sans Thai", sans-serif;
      margin-bottom: 0px; }

.about-content {
  padding: 50px 0 50px 0;
  background: url("../../images/about-content.png") center top;
  background-size: cover; }
  .about-content .about-img img {
    max-height: 355.89px;
    object-fit: fill; }

.about-text {
  padding-left: 26px;
  padding-right: 26px;
  color: #333; }

.about-text-title {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  gap: 16px;
  margin-bottom: 42px; }
  .about-text-title .we-are {
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    /* 48px */
    text-transform: uppercase; }
  .about-text-title .about-subtitle {
    font-size: 32px;
    color: #00732E;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    /* 48px */
    text-transform: uppercase;
    padding-bottom: 6px;
    margin-bottom: 6px;
    border-bottom: 3px solid #333; }
  .about-text-title h3 {
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    /* 30px */
    text-transform: uppercase;
    color: #907017; }
  .about-text-title p {
    max-width: 700px; }

/* Business Type */
.business-type {
  padding: 71px 0 71px 0;
  background: url("../../images/about-business.png") center top;
  background-size: cover; }
  .business-type .subtitle {
    text-align: center;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    color: #fff;
    font-family: Prompt;
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    /* 60px */
    text-transform: uppercase;
    margin-bottom: 60px; }
  .business-type .business-type-item-wrap {
    list-style: none;
    padding-left: 0px;
    display: flex;
    gap: 24px; }
    .business-type .business-type-item-wrap .business-type-item {
      border-radius: 20px;
      background: rgba(255, 255, 255, 0.5);
      text-transform: uppercase;
      width: 25%;
      text-align: center;
      align-items: center;
      gap: 16px; }
      .business-type .business-type-item-wrap .business-type-item .btns {
        font-size: 26px;
        color: #00732E;
        font-style: normal;
        font-weight: 600;
        line-height: 150%;
        /* 39px */
        align-items: center;
        height: 100%;
        text-transform: uppercase;
        display: flex;
        justify-content: center;
        padding: 5px; }

/* vision */
.about-vision {
  padding: 72px 0 40px 0;
  background: url("../../images/about-vision.png") center top;
  background-size: cover;
  color: #333; }
  .about-vision .subtitle {
    color: #00732E;
    text-align: center;
    font-size: 40px;
    margin-bottom: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    /* 60px */
    text-transform: uppercase; }
  .about-vision p {
    font-size: 1.125rem;
    line-height: 1.5;
    margin-bottom: 32px; }
  .about-vision .about-vision-item {
    border-radius: 20px;
    background: rgba(0, 115, 46, 0.1);
    display: flex;
    padding: 16px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 16px;
    flex: 1 0 0;
    align-self: stretch;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 150%;
    text-align: center;
    color: #00732E;
    height: calc(100% - 32px);
    margin-bottom: 32px; }

@media all and (max-width: 767px) {
  .about-banner .about-banner-txt {
    width: 100%;
    text-align: center; }
    .about-banner .about-banner-txt .about-title {
      font-size: 40px; }

  .about-content {
    padding: 24px 0  8px 0px; }

  .about-text {
    padding-left: 0px;
    padding-right: 0px;
    text-align: center; }

  .about-text-title {
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
    text-align: center;
    margin-bottom: 24px; }
    .about-text-title h3 {
      margin-bottom: 0px; }
    .about-text-title .about-subtitle {
      font-size: 28px; }

  .business-type {
    padding: 32px 0; }
    .business-type .subtitle {
      margin-bottom: 32px; }
    .business-type .business-type-item-wrap {
      flex-wrap: wrap; }
      .business-type .business-type-item-wrap .business-type-item {
        width: 100%;
        gap: 24px; }
        .business-type .business-type-item-wrap .business-type-item .btns {
          min-height: 88px; }

  .about-vision {
    padding: 32px 0 0 0; }
    .about-vision .about-vision-item {
      min-height: 105px; }
    .about-vision p {
      font-weight: 500; } }
/* Contact page */
.title-contact {
  color: #333;
  font-size: 2rem;
  font-weight: 600;
  line-height: 150%;
  text-transform: uppercase;
  margin-bottom: 40px; }

.contact-sidebar {
  background: #FFFAEF;
  padding: 60px 40px 50px 40px; }

.border-none {
  border-bottom: none !important; }

.contact-info-row {
  padding-bottom: 16px;
  padding-top: 16px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 8px; }
  .contact-info-row:last-child {
    border-bottom: none !important; }
  .contact-info-row:not(:last-child) {
    border-bottom: 1px solid #CECECE; }
  .contact-info-row .contact-icon {
    width: 24px;
    height: 24px;
    min-width: 24px;
    background-repeat: no-repeat; }
    .contact-info-row .contact-icon.email-icon {
      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='M21 9.1472V16.475C21 17.2221 20.7142 17.9409 20.2011 18.484C19.688 19.0271 18.9865 19.3532 18.2406 19.3955L18.075 19.4H5.925C5.17788 19.4 4.45905 19.1142 3.91599 18.6011C3.37293 18.088 3.0468 17.3865 3.0045 16.6406L3 16.475V9.1472L11.6868 13.6976C11.7834 13.7482 11.8909 13.7747 12 13.7747C12.1091 13.7747 12.2166 13.7482 12.3132 13.6976L21 9.1472ZM5.925 5H18.075C18.8 4.99991 19.4992 5.2691 20.037 5.75534C20.5748 6.24159 20.9129 6.91023 20.9856 7.6316L12 12.3386L3.0144 7.6316C3.08417 6.93888 3.39874 6.29377 3.90157 5.81222C4.4044 5.33067 5.06251 5.04427 5.7576 5.0045L5.925 5Z' fill='%2300732E'/%3E%3C/svg%3E"); }
    .contact-info-row .contact-icon.call-icon {
      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='M18.1118 14.2705C17.4642 13.6307 16.6502 13.6307 16.0025 14.2705C15.5124 14.7613 15.0135 15.2523 14.5322 15.743C14.4009 15.8833 14.2871 15.9094 14.1296 15.813C13.8145 15.6377 13.4732 15.4976 13.1668 15.3048C11.7402 14.4021 10.5412 13.2452 9.48218 11.9481C8.95705 11.2996 8.48448 10.6073 8.16065 9.82726C8.09063 9.6695 8.10811 9.56438 8.23939 9.44169C8.72951 8.96842 9.21086 8.4775 9.70098 7.9867C10.3749 7.3031 10.3749 6.51436 9.70098 5.82199C9.31589 5.43637 8.93084 5.05069 8.54575 4.66506C8.1519 4.27068 7.75801 3.86765 7.35542 3.47326C6.70776 2.84225 5.89383 2.84225 5.24618 3.47326C4.74731 3.96405 4.27469 4.46355 3.76707 4.94558C3.3032 5.39255 3.06691 5.93601 3.0144 6.56703C2.93563 7.60119 3.18943 8.5739 3.54826 9.52043C4.27469 11.4836 5.38622 13.2365 6.73405 14.8315C8.55449 16.9963 10.725 18.7054 13.2631 19.9411C14.4096 20.4932 15.5912 20.9226 16.8777 20.9928C17.7617 21.0453 18.5319 20.8175 19.1533 20.1251C19.5734 19.6518 20.0548 19.2224 20.5011 18.7666C21.1663 18.0918 21.1663 17.2855 20.5011 16.6195C19.7134 15.8307 18.9257 15.042 18.1293 14.2532L18.1118 14.2705Z' fill='%2300732E'/%3E%3C/svg%3E"); }
    .contact-info-row .contact-icon.time-icon {
      padding: 4px 5px 5px 4px;
      background-position: left top 3px;
      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 16C12.6421 16 16 12.6421 16 8.5C16 4.35786 12.6421 1 8.5 1C4.35786 1 1 4.35786 1 8.5C1 12.6421 4.35786 16 8.5 16Z' stroke='%2300732E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.75 11.5L8.9395 9.6895C8.65818 9.40826 8.50008 9.02679 8.5 8.629V4' stroke='%2300732E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
    .contact-info-row .contact-icon.map-icon {
      background: url("../../images/map.svg") center top 1px; }
  .contact-info-row address:last-child, .contact-info-row p:last-child {
    margin-bottom: 0px; }
  .contact-info-row .contact-info-txt {
    color: #333;
    line-height: 1.5; }
    .contact-info-row .contact-info-txt .lbl {
      display: block;
      margin-bottom: 8px;
      color: #707070;
      font-weight: 700;
      line-height: 150%; }
    .contact-info-row .contact-info-txt a {
      color: #333;
      line-height: 1.5; }
      .contact-info-row .contact-info-txt a:hover {
        color: #00732E; }

.contact-social {
  margin-top: 40px; }
  .contact-social .social-title {
    margin-bottom: 16px;
    font-size: 1rem;
    font-weight: 700;
    color: #333; }
  .contact-social ul {
    padding-left: 0;
    list-style: none;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    gap: 16px; }
    .contact-social ul a:hover {
      opacity: .8; }
    .contact-social ul a img {
      max-height: 22px; }

.contact-content {
  padding: 60px 0 60px 60px; }
  .contact-content .title-contact {
    margin-bottom: 60px; }

@media all and (max-width: 767px) {
  .contact-sidebar {
    padding: 50px 24px; }
    .contact-sidebar .title-contact {
      text-align: center;
      margin-bottom: 32px; }

  .contact-social {
    margin-top: 32px; }
    .contact-social .social-title {
      text-align: center; }
    .contact-social ul {
      justify-content: center; }

  .contact-content {
    padding: 40px 16px; }
    .contact-content .title-contact {
      margin-bottom: 32px; } }
@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; }

/* Faq page */
.career-page {
  padding-bottom: 74px; }
  .career-page .container {
    max-width: 1126px; }

.title-career {
  text-align: center;
  color: #333;
  margin: 24px 0 48px 0;
  font-size: 26px;
  font-weight: 600;
  line-height: 1.5;
  text-transform: uppercase; }

.box-career {
  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;
  flex-direction: column;
  gap: 15px;
  padding: 26px 40px;
  margin-bottom: 26px;
  box-shadow: 2px 2px 14px 0px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  color: #333; }
  @media all and (min-width: 1200px) {
    .box-career {
      min-height: 281px; }
      .box-career .see-more-wrap {
        margin-top: auto; } }
  .box-career .title-job {
    color: #00732E;
    margin-bottom: 0px;
    font-size: 26px;
    font-weight: 600;
    line-height: 1.5;
    text-transform: uppercase; }
  .box-career .job-time-wrap {
    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;
    gap: 15px; }
    .box-career .job-time-wrap .job-time {
      border: 1px solid #333;
      border-radius: 58px;
      padding: 4px 10px;
      gap: 10px;
      font-size: 0.75rem;
      line-height: 1.5; }
  .box-career p {
    margin-bottom: 4px; }
  .box-career .see-more-wrap {
    text-align: right; }
    .box-career .see-more-wrap .btn {
      font-weight: 500; }

/* Career detail page  */
.career-detail-page {
  padding-bottom: 100px; }
  .career-detail-page .container {
    max-width: 1124px; }
  .career-detail-page .bg-page-header {
    background: #00732E;
    color: #fff;
    padding: 60px 0;
    margin-bottom: 40px; }
    .career-detail-page .bg-page-header .title-career-detail {
      color: #fff;
      margin-bottom: 0px;
      font-size: 2rem;
      font-weight: 600;
      line-height: 1.5;
      text-transform: uppercase; }

.career-spec-row {
  color: #333;
  margin-bottom: 40px; }
  .career-spec-row .subtitle-career {
    font-size: 26px;
    font-weight: 600;
    line-height: 1.5;
    text-transform: uppercase;
    margin-bottom: 20px; }
  .career-spec-row ul, .career-spec-row p {
    line-height: 1.5; }

.carrier-line {
  margin: 60px 0 40px 0;
  border-color: #000; }

.apply-link {
  text-align: center;
  padding-top: 60px; }
  .apply-link .btn {
    min-width: 188px;
    border-radius: 8px;
    line-height: 34px;
    font-weight: 700; }

@media all and (max-width: 767px) {
  .career-page {
    padding-bottom: 34px; }

  .box-career .see-more-wrap {
    text-align: center; }

  /* Career detail page  */
  .career-detail-page {
    padding-bottom: 60px; }

  .apply-link {
    padding-top: 20px; } }
/*@import "our-service";
@import "faq"; 
@import "one-page";*/