@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Thai:wght@200;300;400;500;600;700&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Kanit:wght@200;300;400;500;600;700&display=swap");
[lang="th"] {
  /*$Sarabun:  Sarabun-thai;
  $Prompt:   "Prompt-thai";*/ }

.transition, .product-item-info, .product-item-info:hover .prod-img {
  -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; }

.contact-line-top {
  background: rgba(0, 166, 156, 0.1);
  border-radius: 50px;
  padding: 12px;
  gap: 8px;
  display: flex;
  flex-direction: column;
  position: fixed;
  right: 15px;
  top: 40%;
  z-index: 1;
  max-width: 75px; }
  .contact-line-top a {
    max-height: 50px; }
    .contact-line-top a:hover {
      opacity: .8; }

.footer-main {
  background: #9C8B7A;
  color: #fff;
  font-size: 20px;
  line-height: 1.5;
  font-weight: 500; }
  .footer-main ul {
    list-style: none;
    padding-left: 0px; }
  .footer-main a {
    color: #fff; }
    .footer-main a:hover {
      color: #754025; }

.footer-title {
  font-size: 30px;
  font-weight: 500;
  line-height: 1.5;
  margin-bottom: 0;
  text-transform: uppercase; }

.footer-top {
  padding: 40px 0; }
  .footer-top .logo-social-sec {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    gap: 20px; }
  .footer-top .address {
    margin-bottom: 0; }
  .footer-top .footer-social .footer-title {
    margin-bottom: 12px; }
  .footer-top .footer-social-list {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    gap: 16px; }
    .footer-top .footer-social-list a {
      width: 25px;
      height: 25px;
      display: block;
      background-repeat: no-repeat;
      background-position: center; }
      .footer-top .footer-social-list a:hover {
        opacity: .75; }
      .footer-top .footer-social-list a.footer-fb {
        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-top .footer-social-list a.footer-insta {
        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-top .footer-social-list a.footer-tiktok {
        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-top .footer-social-list a.footer-youtube {
        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.00006C19.8008 4.00006 19.6055 2.62115 19.0039 2.01569C18.2422 1.21881 17.3906 1.2149 17 1.16803C14.2031 0.964905 10.0039 0.964905 10.0039 0.964905H9.99609C9.99609 0.964905 5.79688 0.964905 3 1.16803C2.60938 1.2149 1.75781 1.21881 0.996094 2.01569C0.394531 2.62115 0.203125 4.00006 0.203125 4.00006C0.203125 4.00006 0 5.62116 0 7.23834V8.75397C0 10.3712 0.199219 11.9922 0.199219 11.9922C0.199219 11.9922 0.394531 13.3712 0.992187 13.9766C1.75391 14.7735 2.75391 14.7462 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.3712 19.8008 11.9922 19.8008 11.9922C19.8008 11.9922 20 10.3751 20 8.75397V7.23834C20 5.62116 19.8008 4.00006 19.8008 4.00006ZM7.93359 10.5938V4.97272L13.3359 7.79303L7.93359 10.5938Z' fill='white'/%3E%3C/svg%3E"); }
  .footer-top .footer-col {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    gap: 12px;
    max-width: 400px; }
    .footer-top .footer-col p, .footer-top .footer-col address {
      margin-bottom: 0; }
  .footer-top .foot-cont-row {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    font-weight: 400; }
    .footer-top .foot-cont-row .icon {
      width: 24px;
      min-width: 24px;
      height: 24px;
      display: -webkit-box;
      display: -moz-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      justify-content: center;
      align-items: center;
      min-width: 24px;
      background-size: cover; }
      .footer-top .foot-cont-row .icon.call {
        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='M6.98138 1.96076L8.1112 1.59955C9.17066 1.26145 10.3026 1.8085 10.7562 2.87742L11.6592 5.00684C12.0519 5.934 11.8335 7.02497 11.1195 7.70327L9.12971 9.5912C9.25256 10.721 9.63267 11.833 10.269 12.9271C10.8732 13.9856 11.6837 14.9122 12.6525 15.6519L15.0423 14.8539C15.9474 14.5525 16.9345 14.9001 17.4889 15.7159L18.7835 17.6164C19.4293 18.5657 19.3127 19.874 18.5116 20.6783L17.6537 21.5403C16.799 22.3982 15.5778 22.71 14.4491 22.3572C11.782 21.5256 9.33236 19.0571 7.09584 14.9515C4.85616 10.8397 4.0655 7.34942 4.72491 4.48499C5.00211 3.27957 5.85997 2.31881 6.98138 1.96076Z' fill='white'/%3E%3C/svg%3E"); }
      .footer-top .foot-cont-row .icon.mail {
        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='M20.8 3H3.2C1.99 3 1.011 4.0125 1.011 5.25L1 18.75C1 19.9875 1.99 21 3.2 21H20.8C22.01 21 23 19.9875 23 18.75V5.25C23 4.0125 22.01 3 20.8 3ZM20.36 7.78125L12.583 12.7537C12.231 12.9788 11.769 12.9788 11.417 12.7537L3.64 7.78125C3.5297 7.71793 3.43311 7.63237 3.35608 7.52976C3.27904 7.42715 3.22317 7.30963 3.19183 7.18429C3.1605 7.05896 3.15435 6.92843 3.17377 6.8006C3.19319 6.67276 3.23777 6.55029 3.30481 6.44059C3.37185 6.33089 3.45996 6.23624 3.5638 6.16237C3.66764 6.0885 3.78506 6.03695 3.90895 6.01084C4.03283 5.98472 4.16061 5.98459 4.28455 6.01044C4.40849 6.0363 4.52601 6.0876 4.63 6.16125L12 10.875L19.37 6.16125C19.474 6.0876 19.5915 6.0363 19.7155 6.01044C19.8394 5.98459 19.9672 5.98472 20.0911 6.01084C20.2149 6.03695 20.3324 6.0885 20.4362 6.16237C20.54 6.23624 20.6282 6.33089 20.6952 6.44059C20.7622 6.55029 20.8068 6.67276 20.8262 6.8006C20.8456 6.92843 20.8395 7.05896 20.8082 7.18429C20.7768 7.30963 20.721 7.42715 20.6439 7.52976C20.5669 7.63237 20.4703 7.71793 20.36 7.78125Z' fill='white'/%3E%3C/svg%3E"); }
      .footer-top .foot-cont-row .icon.line {
        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='M14.5768 9.22501V13.0339C14.5768 13.1304 14.5018 13.2054 14.4054 13.2054H13.7947C13.7357 13.2054 13.6822 13.1732 13.6554 13.1357L11.9089 10.7786V13.0393C11.9089 13.1357 11.8339 13.2107 11.7375 13.2107H11.1268C11.0304 13.2107 10.9554 13.1357 10.9554 13.0393V9.23037C10.9554 9.13394 11.0304 9.05894 11.1268 9.05894H11.7322C11.7857 9.05894 11.8447 9.08573 11.8714 9.13394L13.6179 11.4911V9.23037C13.6179 9.13394 13.6929 9.05894 13.7893 9.05894H14.4C14.4964 9.05358 14.5768 9.13394 14.5768 9.22501ZM10.1839 9.05358H9.57323C9.4768 9.05358 9.4018 9.12858 9.4018 9.22501V13.0339C9.4018 13.1304 9.4768 13.2054 9.57323 13.2054H10.1839C10.2804 13.2054 10.3554 13.1304 10.3554 13.0339V9.22501C10.3554 9.13394 10.2804 9.05358 10.1839 9.05358ZM8.71073 12.2464H7.04465V9.22501C7.04465 9.12858 6.96965 9.05358 6.87323 9.05358H6.26251C6.16608 9.05358 6.09108 9.12858 6.09108 9.22501V13.0339C6.09108 13.0822 6.10715 13.1197 6.1393 13.1518C6.17144 13.1786 6.20894 13.2 6.25715 13.2H8.70537C8.8018 13.2 8.8768 13.125 8.8768 13.0286V12.4179C8.8768 12.3268 8.8018 12.2464 8.71073 12.2464ZM17.7911 9.05358H15.3429C15.2518 9.05358 15.1714 9.12858 15.1714 9.22501V13.0339C15.1714 13.125 15.2464 13.2054 15.3429 13.2054H17.7911C17.8875 13.2054 17.9625 13.1304 17.9625 13.0339V12.4232C17.9625 12.3268 17.8875 12.2518 17.7911 12.2518H16.125V11.6089H17.7911C17.8875 11.6089 17.9625 11.5339 17.9625 11.4375V10.8214C17.9625 10.725 17.8875 10.65 17.7911 10.65H16.125V10.0072H17.7911C17.8875 10.0072 17.9625 9.93215 17.9625 9.83573V9.22501C17.9572 9.13394 17.8822 9.05358 17.7911 9.05358ZM24 4.3768V19.6607C23.9947 22.0607 22.0286 24.0054 19.6232 24H4.3393C1.9393 23.9947 -0.0053461 22.0232 1.10419e-05 19.6232V4.3393C0.00536818 1.9393 1.9768 -0.0053461 4.3768 1.10419e-05H19.6607C22.0607 0.00536818 24.0054 1.97144 24 4.3768ZM20.7 10.9447C20.7 7.03394 16.7786 3.8518 11.9625 3.8518C7.14644 3.8518 3.22501 7.03394 3.22501 10.9447C3.22501 14.4482 6.33215 17.3839 10.5322 17.9411C11.5554 18.1607 11.4375 18.5357 11.2072 19.9125C11.1697 20.1322 11.0304 20.775 11.9625 20.3839C12.8947 19.9929 16.9929 17.4214 18.8304 15.3107C20.0947 13.9179 20.7 12.5089 20.7 10.9447Z' fill='white'/%3E%3C/svg%3E"); }
  .footer-top .footer-menu {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    gap: 12px; }

.copyright {
  padding: 16px;
  text-align: center;
  font-size: 0.875rem;
  font-weight: 400;
  border-top: 1px solid #CECECE; }

@media all and (max-width: 767px) {
  .footer-top {
    padding: 40px 0 8px 0; }
    .footer-top .foot-cont-row {
      justify-content: center; }

  .logo-social-sec {
    margin-bottom: 32px; }
    .logo-social-sec .footer-logo {
      text-align: center; }

  .footer-col {
    margin-bottom: 32px;
    text-align: center; }
    .footer-col .footer-title2 {
      margin-top: 12px; }

  .footer-social-list {
    justify-content: center; } }