/*@import "variables/font_family";*/
.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; }

.header-set-1117 {
  background: #fff;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 1000; }
  .header-set-1117 .header-logo {
    color: #001b4f;
    font-weight: 700;
    font-size: 23px;
    transition: .4s;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -ms-transition: .4s;
    -o-transition: .4s; }
  .header-set-1117 .main-menu > li {
    position: relative; }
    .header-set-1117 .main-menu > li > a {
      font-size: 0.875rem;
      padding: 15px;
      display: block;
      transition: .4s;
      -webkit-transition: .4s;
      -moz-transition: .4s;
      -ms-transition: .4s;
      -o-transition: .4s;
      letter-spacing: 1.5px; }
    .header-set-1117 .main-menu > li:hover > .sub-menu {
      display: block;
      transform: scaleY(1);
      height: auto;
      top: 100%; }
  .header-set-1117 .main-menu .sub-menu {
    min-width: 250px;
    margin: 0;
    padding: 0;
    display: none;
    position: absolute;
    list-style: none;
    z-index: 98;
    white-space: nowrap;
    background-color: #fff; }
    .header-set-1117 .main-menu .sub-menu ul {
      left: 100%; }
    .header-set-1117 .main-menu .sub-menu > li {
      position: relative; }
    .header-set-1117 .main-menu .sub-menu a {
      padding: 11px 15px;
      display: block;
      font-size: 0.875rem;
      transition: .4s;
      -webkit-transition: .4s;
      -moz-transition: .4s;
      -ms-transition: .4s;
      -o-transition: .4s;
      letter-spacing: 1.5px;
      white-space: normal; }
  .header-set-1117 .main-menu ul li ul {
    top: auto; }
  .header-set-1117 .main-menu ul > li:hover > ul {
    left: 100%;
    display: block;
    top: 0;
    opacity: 1; }
  .header-set-1117 .side-menu-close {
    background: transparent; }
    .header-set-1117 .side-menu-close span {
      background: #5c827d;
      width: 28px; }

.side-menu-wrap {
  width: 100%;
  position: fixed;
  left: 0;
  top: 0;
  transform: translateX(-100%);
  transition: transform 250ms ease-in-out;
  background: #5c827d;
  overflow-y: auto;
  z-index: 15000;
  max-height: 100%;
  transition: .4s;
  -webkit-transition: .4s;
  -moz-transition: .4s;
  -ms-transition: .4s;
  -o-transition: .4s;
  height: 100%; }
  .side-menu-wrap .side-menu-close {
    position: absolute;
    left: 40px;
    top: 20px;
    height: 40px;
    width: 40px;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0; }
  .side-menu-wrap .logo {
    border-bottom: 1px solid #fcfcfa;
    padding: 10px 0 10px 10px;
    display: block;
    text-align: center;
    margin-left: 30px;
    margin-right: 30px; }
    .side-menu-wrap .logo svg {
      fill: #fff;
      max-width: 100%;
      max-width: 150px; }
    .side-menu-wrap .logo img {
      max-width: 120px; }

.side-menu-wrap.opened {
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  transform: translate(0, 0);
  max-width: 320px;
  transition: .8s;
  -webkit-transition: .8s;
  -moz-transition: .8s;
  -ms-transition: .8s;
  -o-transition: .8s; }

.side-menu-logo {
  border-bottom: 2px solid #CECECE; }

.side-menu-nav .main-menu > li {
  position: relative; }
  .side-menu-nav .main-menu > li > a {
    padding: 15px 30px 15px 30px;
    display: block;
    transition: .4s;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -ms-transition: .4s;
    -o-transition: .4s;
    color: #fff;
    text-transform: uppercase;
    font-size: 1.125rem; }
    .side-menu-nav .main-menu > li > a:focus, .side-menu-nav .main-menu > li > a.active {
      color: #5c827d; }
.side-menu-nav .main-menu .sub-menu {
  background: #fff;
  list-style: none;
  margin: 0;
  height: 0;
  overflow: hidden;
  opacity: 0;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  transition: all .5s ease; }
  .side-menu-nav .main-menu .sub-menu li {
    position: relative; }
    .side-menu-nav .main-menu .sub-menu li:last-child {
      border-bottom: none; }
  .side-menu-nav .main-menu .sub-menu a {
    padding: 10px 22px 10px 0;
    display: block;
    transition: .4s;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -ms-transition: .4s;
    -o-transition: .4s;
    text-transform: uppercase;
    font-size: 1.125rem; }
    .side-menu-nav .main-menu .sub-menu a:focus, .side-menu-nav .main-menu .sub-menu a.active {
      color: #5c827d; }
  .side-menu-nav .main-menu .sub-menu.opened {
    opacity: 1 !important;
    height: auto;
    padding: 20px 40px 20px 40px; }
.side-menu-nav .main-menu .sub-menu ~ i {
  font-size: 1rem;
  position: absolute;
  padding: 18px 30px;
  right: 0;
  top: 0; }
  .side-menu-nav .main-menu .sub-menu ~ i:before {
    content: "\f063";
    color: #fff;
    font-size: 1.5rem;
    font-weight: 100; }
  .side-menu-nav .main-menu .sub-menu ~ i.active:before {
    content: "\F062"; }

.side-menu-close span {
  height: 3px;
  width: 40px;
  background: #fcfcfa;
  position: relative;
  opacity: 1;
  transition: .4s;
  -webkit-transition: .4s;
  -moz-transition: .4s;
  -ms-transition: .4s;
  -o-transition: .4s; }
  .side-menu-close span:nth-child(1) {
    top: -5px; }
  .side-menu-close span:nth-child(3) {
    bottom: -5px; }

.side-menu-close.closed span:nth-child(1) {
  transform: translateY(7px) rotate(45deg);
  -webkit-transform: translateY(7px) rotate(45deg);
  -moz-transform: translateY(7px) rotate(45deg);
  -ms-transform: translateY(7px) rotate(45deg);
  -o-transform: translateY(7px) rotate(45deg); }
.side-menu-close.closed span:nth-child(2) {
  opacity: 0; }
.side-menu-close.closed span:nth-child(3) {
  transform: translateY(-7px) rotate(-45deg);
  -webkit-transform: translateY(-7px) rotate(-45deg);
  -moz-transform: translateY(-7px) rotate(-45deg);
  -ms-transform: translateY(-7px) rotate(-45deg);
  -o-transform: translateY(-7px) rotate(-45deg); }

.custom-overlay {
  position: fixed;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.4);
  z-index: 12500;
  visibility: hidden;
  opacity: 0;
  transition: .4s;
  -webkit-transition: .4s;
  -moz-transition: .4s;
  -ms-transition: .4s;
  -o-transition: .4s;
  display: none; }

.custom-overlay.show {
  visibility: visible;
  opacity: 1;
  transition: .4s;
  -webkit-transition: .4s;
  -moz-transition: .4s;
  -ms-transition: .4s;
  -o-transition: .4s; }

.floating-menu {
  position: fixed;
  right: 15px;
  bottom: 10%;
  z-index: 9999; }
  .floating-menu ul {
    list-style: none; }
  .floating-menu .navitem {
    padding: 4px;
    background: #423018;
    color: #fff;
    border-radius: 50%;
    margin-bottom: 8px; }
    .floating-menu .navitem:hover {
      background: #5c827d; }
    .floating-menu .navitem:not(:last-child) {
      display: none; }
    .floating-menu .navitem a, .floating-menu .navitem span {
      color: #fff;
      min-width: 38px;
      min-height: 38px;
      text-align: center;
      line-height: 38px;
      font-size: 1.25rem; }
  .floating-menu .menu-icon-wrap {
    cursor: pointer; }
  .floating-menu.open-menus .navitem {
    display: block; }
  .floating-menu.open-menus .menu-icon:before {
    content: "\f00d"; }
  .floating-menu .fa-phone {
    font-weight: 700; }

.select_country .iti {
  display: none !important; }

.dropdown-toggle {
  padding-right: 16px; }

.dropdown-toggle:after {
  right: 42px;
  font-size: 12px;
  font-weight: 700; }

.dropdown-menu {
  padding: 0;
  min-width: 80px;
  left: -28px !important; }

.header-set-1117 .dropdown-menu .dropdown-item {
  transition: all 0.2s ease; }

.header-set-1117 .dropdown-toggle:after {
  display: none;
  padding-right: 0; }

.header-set-1117 .dropdown-toggle {
  padding-right: 0; }

.header-set-1117 {
  background-color: transparent;
  position: sticky;
  position: -webkit-sticky;
  top: 0;
  left: 0;
  right: 0;
  z-index: 999;
  display: flex;
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 20px 16px;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  font-size: 0.875rem;
  color: #fff;
  transition: all 0.2s ease-in-out, transform 0.35s ease; }
  .header-set-1117 a {
    text-decoration: none;
    color: #423018;
    text-align: center;
    font-family: "Noto Sans Thai", "Inter", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%; }
  .header-set-1117.header-hidden {
    transform: translate3d(0, -100%, 0);
    pointer-events: none; }
  @media (min-width: 768px) {
    .header-set-1117 {
      padding-left: 24px;
      padding-right: 24px; } }
  @media (min-width: 1200px) {
    .header-set-1117 {
      padding-left: 80px;
      padding-right: 80px; } }
  @media (min-width: 1620px) {
    .header-set-1117 {
      max-width: 1620px;
      padding-left: 0;
      padding-right: 0; } }
  .header-set-1117 .main-menu {
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    border-bottom: 0; }
  .header-set-1117 .announcement-content {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    font-size: 0.75rem; }
  .header-set-1117 a {
    text-decoration: none;
    -moz-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    -webkit-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
    color: #423018;
    text-decoration: none; }
    .header-set-1117 a:hover, .header-set-1117 a:focus-visible {
      color: #71512B;
      text-decoration-line: underline;
      text-decoration-style: solid;
      text-decoration-skip-ink: auto;
      text-decoration-thickness: auto;
      text-underline-offset: auto;
      text-underline-position: from-font; }
    .header-set-1117 a:active {
      color: #5B4224;
      text-decoration-line: underline;
      text-decoration-style: solid;
      text-decoration-skip-ink: auto;
      text-decoration-thickness: auto;
      text-underline-offset: auto;
      text-underline-position: from-font; }
    .header-set-1117 a.active {
      color: #423018;
      text-decoration: none; }
      .header-set-1117 a.active:hover, .header-set-1117 a.active:focus-visible {
        color: #71512B;
        text-decoration-line: underline;
        text-decoration-style: solid;
        text-decoration-skip-ink: auto;
        text-decoration-thickness: auto;
        text-underline-offset: auto;
        text-underline-position: from-font; }
      .header-set-1117 a.active:active {
        color: #5B4224;
        text-decoration-line: underline;
        text-decoration-style: solid;
        text-decoration-skip-ink: auto;
        text-decoration-thickness: auto;
        text-underline-offset: auto;
        text-underline-position: from-font; }
  .header-set-1117 ul, .header-set-1117 ol {
    list-style: none;
    margin: 0;
    padding: 0; }
  .header-set-1117 .first_row {
    padding-bottom: 0;
    position: relative;
    width: 100%; }
    .header-set-1117 .first_row .container {
      display: flex;
      width: 100%;
      max-width: 100%;
      min-height: 0;
      height: auto;
      margin: 0;
      box-sizing: border-box;
      padding: 24px 40px;
      justify-content: space-between;
      align-items: center;
      align-self: stretch;
      border-radius: 10px;
      background: linear-gradient(90deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.1) 100%);
      backdrop-filter: blur(10px); }
    @media all and (max-width: 1199px) {
      .header-set-1117 .first_row .container {
        padding: 24px 20px; } }
    .header-set-1117 .first_row .second_col2 {
      -webkit-flex-grow: 1;
      -moz-flex-grow: 1;
      -ms-flex-grow: 1;
      flex-grow: 1;
      text-align: center; }
    .header-set-1117 .first_row .right-top {
      margin-top: 0;
      display: -webkit-box;
      display: -moz-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: center;
      -moz-align-items: center;
      -ms-align-items: center;
      align-items: center; }
      .header-set-1117 .first_row .right-top li.desk_border {
        border-right: 1px solid #9E9E9E; }
      .header-set-1117 .first_row .right-top li.mob_com_menu {
        display: none; }
      .header-set-1117 .first_row .right-top li:not(:last-child) {
        margin-right: 12px; }
      .header-set-1117 .first_row .right-top li a {
        display: inline-block;
        text-transform: uppercase;
        font-size: 0.75rem;
        cursor: pointer; }
        .header-set-1117 .first_row .right-top li a.social-icon path {
          stroke: #333;
          stroke-width: 1.5;
          stroke-linecap: round;
          stroke-linejoin: round;
          fill: transparent; }
      .header-set-1117 .first_row .right-top li .icons {
        font-size: 1rem; }
      .header-set-1117 .first_row .right-top li.noborder:before {
        display: none; }
      .header-set-1117 .first_row .right-top .social-icon svg {
        vertical-align: sub; }
  .header-set-1117 .profile-img {
    width: 18px;
    height: 18px;
    border-radius: 18px; }
  .header-set-1117 .dropdown-menu {
    -webkit-box-shadow: 0 0 1px 1px #E4E4E4;
    box-shadow: 0 0 1px 1px #E4E4E4;
    border-radius: 8px;
    border: none; }
    .header-set-1117 .dropdown-menu .dropdown-item {
      padding: 10px;
      color: #423018;
      background-color: #fff;
      text-align: center;
      font-size: 18px;
      font-weight: 500;
      line-height: 150%;
      transition: all 0.3s ease;
      border-radius: 8px;
      color: #423018;
      text-decoration: none; }
      .header-set-1117 .dropdown-menu .dropdown-item:hover, .header-set-1117 .dropdown-menu .dropdown-item:focus-visible {
        color: #71512B;
        text-decoration-line: underline;
        text-decoration-style: solid;
        text-decoration-skip-ink: auto;
        text-decoration-thickness: auto;
        text-underline-offset: auto;
        text-underline-position: from-font; }
      .header-set-1117 .dropdown-menu .dropdown-item:active {
        color: #5B4224;
        text-decoration-line: underline;
        text-decoration-style: solid;
        text-decoration-skip-ink: auto;
        text-decoration-thickness: auto;
        text-underline-offset: auto;
        text-underline-position: from-font; }
      .header-set-1117 .dropdown-menu .dropdown-item.active {
        color: #423018;
        text-decoration: none; }
        .header-set-1117 .dropdown-menu .dropdown-item.active:hover, .header-set-1117 .dropdown-menu .dropdown-item.active:focus-visible {
          color: #71512B;
          text-decoration-line: underline;
          text-decoration-style: solid;
          text-decoration-skip-ink: auto;
          text-decoration-thickness: auto;
          text-underline-offset: auto;
          text-underline-position: from-font; }
        .header-set-1117 .dropdown-menu .dropdown-item.active:active {
          color: #5B4224;
          text-decoration-line: underline;
          text-decoration-style: solid;
          text-decoration-skip-ink: auto;
          text-decoration-thickness: auto;
          text-underline-offset: auto;
          text-underline-position: from-font; }
  .header-set-1117 .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; }
    .header-set-1117 .position-group.v-align-center {
      -webkit-align-items: center;
      -moz-align-items: center;
      -ms-align-items: center;
      align-items: center; }
  .header-set-1117 .wrapper, .header-set-1117 .main-content {
    height: 100%; }
  .header-set-1117 .cart-count {
    cursor: pointer;
    font-size: 14px;
    line-height: 16.8px; }
  .header-set-1117 .line {
    margin: 0 !important;
    padding: 0 10px;
    position: relative; }
    .header-set-1117 .line:after {
      position: absolute;
      top: 0;
      height: 13px;
      content: "";
      border-right: 1px solid #CECECE;
      -webkit-transform: translate(50%, -6px);
      transform: translate(50%, -6px);
      top: 50%; }
    .header-set-1117 .line.no-bg:after {
      border-right: 1px solid #fff; }
  .header-set-1117 .toggle-menu {
    display: none; }
  .header-set-1117 .menu-item-list, .header-set-1117 .overlay, .header-set-1117 .sticky-logo {
    display: none; }
  .header-set-1117 svg path {
    fill: #423018; }
  .header-set-1117.sticking {
    position: fixed !important;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    background-color: transparent !important; }
    .header-set-1117.sticking a {
      color: #000; }
    .header-set-1117.sticking .static-menu li a:hover {
      opacity: 0.6;
      color: #000; }
    .header-set-1117.sticking .static-menu ul {
      background-color: #fff; }
    .header-set-1117.sticking .first_row .right-top li a {
      color: #423018 !important;
      border-color: #423018 !important;
      letter-spacing: 1px; }
    .header-set-1117.sticking .first_row .right-top li + li:before {
      color: #423018 !important;
      border-color: #423018; }
    .header-set-1117.sticking .first_row .right-top .social-icon path {
      stroke: #423018;
      stroke-width: 1.5;
      stroke-linecap: round;
      stroke-linejoin: round;
      fill: #fff; }
  .header-set-1117 .logo {
    left: 0;
    right: 0;
    font-size: 0;
    margin: auto;
    top: 50%;
    transform: translateY(-50%);
    max-width: 200px;
    position: absolute; }
    .header-set-1117 .logo .svglogo {
      width: 200px; }
  .header-set-1117 .lang-list {
    display: inherit; }
    .header-set-1117 .lang-list .lang-item {
      padding: 0 5px; }
      .header-set-1117 .lang-list .lang-item:not(:last-child) {
        border-right: 1px solid #CECECE; }
      .header-set-1117 .lang-list .lang-item.active {
        font-weight: bold; }
  .header-set-1117 .seach_form i {
    font-weight: 400; }
  .header-set-1117 .third_col3 > a {
    text-decoration: none;
    display: inline-flex;
    align-items: center; }
  .header-set-1117 .header-contact-us {
    display: flex;
    height: 59px;
    padding: 16px 32px;
    align-items: flex-start;
    box-sizing: border-box;
    gap: 10px;
    border-radius: 100px;
    border: 1px solid #423018;
    color: #423018;
    text-align: center;
    font-family: "Noto Sans Thai", "Inter", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease; }
    .header-set-1117 .header-contact-us:hover {
      color: #71512B;
      -webkit-text-fill-color: #71512B;
      background-color: transparent;
      border-color: #71512B;
      text-decoration: none; }
    .header-set-1117 .header-contact-us:active {
      color: #5B4224;
      -webkit-text-fill-color: #5B4224;
      background-color: transparent;
      border-color: #5B4224;
      text-decoration: none; }
  @media all and (min-width: 1200px) {
    .header-set-1117 .position-group {
      width: 100%;
      align-items: center;
      justify-content: space-between; }
    .header-set-1117 .side-menu-close {
      display: none !important; }
    .header-set-1117 .first_col1 {
      flex: 0 0 auto; }
    .header-set-1117 .logo {
      position: static;
      top: auto;
      right: auto;
      left: auto;
      margin: 0;
      transform: none;
      width: 287px;
      height: 40px;
      max-width: 287px;
      flex-shrink: 0; }
      .header-set-1117 .logo a,
      .header-set-1117 .logo img,
      .header-set-1117 .logo svg,
      .header-set-1117 .logo .svglogo {
        width: 287px;
        height: 40px;
        max-width: 287px;
        max-height: 40px;
        display: block;
        object-fit: contain; }
    .header-set-1117 .third_col2 {
      flex: 1 1 auto;
      min-width: 0;
      display: flex;
      justify-content: flex-end;
      margin-right: 40px; }
    .header-set-1117 .third_col3 {
      flex: 0 0 auto;
      margin-left: auto;
      display: flex;
      align-items: center;
      gap: 40px; }
      .header-set-1117 .third_col3 .lang-list {
        display: flex;
        align-items: center;
        gap: 40px;
        margin: 0;
        padding: 0;
        list-style: none; }
        .header-set-1117 .third_col3 .lang-list a,
        .header-set-1117 .third_col3 .lang-list .lang-item,
        .header-set-1117 .third_col3 .lang-list .dropdown-toggle {
          color: #423018;
          font-family: "Noto Sans Thai", "Inter", sans-serif;
          font-size: 18px;
          font-style: normal;
          font-weight: 500;
          line-height: 150%;
          text-transform: none; }
        .header-set-1117 .third_col3 .lang-list::before {
          content: "";
          display: block;
          width: 0.5px;
          height: 24px;
          background: #423018;
          flex-shrink: 0; }
    .header-set-1117 .menu-lang-wrap {
      display: flex;
      width: auto;
      align-items: center;
      justify-content: center; }
    .header-set-1117 .navigation.primary {
      width: auto;
      max-width: none; }
      .header-set-1117 .navigation.primary > nav {
        width: auto; }
    .header-set-1117 .main-menu {
      display: flex !important;
      width: auto;
      align-items: center;
      justify-content: center;
      gap: 30px; }
      .header-set-1117 .main-menu li {
        margin: 0; }
      .header-set-1117 .main-menu a {
        padding: 0 !important;
        font-family: "Noto Sans Thai", "Inter", sans-serif;
        font-size: 18px !important;
        font-style: normal;
        font-weight: 500;
        line-height: 150%;
        text-transform: none;
        transition: background 0.15s ease, opacity 0.15s ease;
        -webkit-transition: background 0.15s ease, opacity 0.15s ease;
        -moz-transition: background 0.15s ease, opacity 0.15s ease;
        -ms-transition: background 0.15s ease, opacity 0.15s ease;
        -o-transition: background 0.15s ease, opacity 0.15s ease;
        color: #423018;
        text-decoration: none;
        background: transparent;
        -webkit-background-clip: border-box;
        background-clip: border-box;
        -webkit-text-fill-color: #423018;
        opacity: 1;
        width: fit-content; }
        .header-set-1117 .main-menu a:hover, .header-set-1117 .main-menu a:focus-visible, .header-set-1117 .main-menu a:focus {
          color: #71512B;
          text-decoration-line: underline;
          text-decoration-style: solid;
          text-decoration-skip-ink: auto;
          text-decoration-thickness: auto;
          text-underline-offset: auto;
          text-underline-position: from-font;
          background: transparent;
          -webkit-background-clip: border-box;
          background-clip: border-box;
          -webkit-text-fill-color: #71512B;
          opacity: 1;
          width: fit-content; }
        .header-set-1117 .main-menu a:active {
          color: #5B4224;
          text-decoration-line: underline;
          text-decoration-style: solid;
          text-decoration-skip-ink: auto;
          text-decoration-thickness: auto;
          text-underline-offset: auto;
          text-underline-position: from-font;
          background: transparent;
          -webkit-background-clip: border-box;
          background-clip: border-box;
          -webkit-text-fill-color: #5B4224;
          opacity: 1;
          width: fit-content; }
        .header-set-1117 .main-menu a.active {
          color: #71512B;
          font-family: "Noto Sans Thai", "Inter", sans-serif;
          font-size: 18px;
          font-style: normal;
          font-weight: 500;
          line-height: 150%;
          background: transparent;
          -webkit-background-clip: border-box;
          background-clip: border-box;
          -webkit-text-fill-color: #71512B;
          text-decoration-line: underline;
          text-decoration-style: solid;
          text-decoration-skip-ink: auto;
          text-decoration-thickness: auto;
          text-underline-offset: auto;
          text-underline-position: from-font;
          opacity: 1;
          width: fit-content; }
          .header-set-1117 .main-menu a.active:hover, .header-set-1117 .main-menu a.active:focus-visible, .header-set-1117 .main-menu a.active:focus {
            color: #71512B;
            text-decoration-line: underline;
            text-decoration-style: solid;
            text-decoration-skip-ink: auto;
            text-decoration-thickness: auto;
            text-underline-offset: auto;
            text-underline-position: from-font;
            background: transparent;
            -webkit-background-clip: border-box;
            background-clip: border-box;
            -webkit-text-fill-color: #71512B;
            opacity: 1;
            width: fit-content; }
          .header-set-1117 .main-menu a.active:active {
            color: #5B4224;
            text-decoration-line: underline;
            text-decoration-style: solid;
            text-decoration-skip-ink: auto;
            text-decoration-thickness: auto;
            text-underline-offset: auto;
            text-underline-position: from-font;
            background: transparent;
            -webkit-background-clip: border-box;
            background-clip: border-box;
            -webkit-text-fill-color: #5B4224;
            opacity: 1;
            width: fit-content; }
      .header-set-1117 .main-menu a.sep-package-custom {
        color: #423018;
        text-decoration: none;
        background: transparent;
        -webkit-background-clip: border-box;
        background-clip: border-box;
        -webkit-text-fill-color: #423018;
        opacity: 1;
        width: fit-content; }
        .header-set-1117 .main-menu a.sep-package-custom:hover, .header-set-1117 .main-menu a.sep-package-custom:focus-visible, .header-set-1117 .main-menu a.sep-package-custom:focus {
          color: #71512B;
          text-decoration-line: underline;
          text-decoration-style: solid;
          text-decoration-skip-ink: auto;
          text-decoration-thickness: auto;
          text-underline-offset: auto;
          text-underline-position: from-font;
          background: transparent;
          -webkit-background-clip: border-box;
          background-clip: border-box;
          -webkit-text-fill-color: #71512B;
          opacity: 1;
          width: fit-content; }
        .header-set-1117 .main-menu a.sep-package-custom:active {
          color: #5B4224;
          text-decoration-line: underline;
          text-decoration-style: solid;
          text-decoration-skip-ink: auto;
          text-decoration-thickness: auto;
          text-underline-offset: auto;
          text-underline-position: from-font;
          background: transparent;
          -webkit-background-clip: border-box;
          background-clip: border-box;
          -webkit-text-fill-color: #5B4224;
          opacity: 1;
          width: fit-content; }
        .header-set-1117 .main-menu a.sep-package-custom.active {
          color: #71512B;
          font-family: "Noto Sans Thai", "Inter", sans-serif;
          font-size: 18px;
          font-style: normal;
          font-weight: 500;
          line-height: 150%;
          background: transparent;
          -webkit-background-clip: border-box;
          background-clip: border-box;
          -webkit-text-fill-color: #71512B;
          text-decoration-line: underline;
          text-decoration-style: solid;
          text-decoration-skip-ink: auto;
          text-decoration-thickness: auto;
          text-underline-offset: auto;
          text-underline-position: from-font;
          opacity: 1;
          width: fit-content; }
          .header-set-1117 .main-menu a.sep-package-custom.active:hover, .header-set-1117 .main-menu a.sep-package-custom.active:focus-visible, .header-set-1117 .main-menu a.sep-package-custom.active:focus {
            color: #71512B;
            text-decoration-line: underline;
            text-decoration-style: solid;
            text-decoration-skip-ink: auto;
            text-decoration-thickness: auto;
            text-underline-offset: auto;
            text-underline-position: from-font;
            background: transparent;
            -webkit-background-clip: border-box;
            background-clip: border-box;
            -webkit-text-fill-color: #71512B;
            opacity: 1;
            width: fit-content; }
          .header-set-1117 .main-menu a.sep-package-custom.active:active {
            color: #5B4224;
            text-decoration-line: underline;
            text-decoration-style: solid;
            text-decoration-skip-ink: auto;
            text-decoration-thickness: auto;
            text-underline-offset: auto;
            text-underline-position: from-font;
            background: transparent;
            -webkit-background-clip: border-box;
            background-clip: border-box;
            -webkit-text-fill-color: #5B4224;
            opacity: 1;
            width: fit-content; } }

.search-overlay .modal-dialog {
  transform: none;
  width: 100%;
  max-width: 100%;
  margin: 0; }
.search-overlay .autosearch-wrap {
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  -ms-justify-content: flex-end;
  justify-content: flex-end;
  -ms-flex-pack: flex-end;
  border-bottom: 2px solid #f2f2f2; }
.search-overlay .search-form {
  max-width: 32rem;
  left: 0;
  right: 0;
  z-index: 99;
  margin: 0 auto;
  padding: 50px 0px; }
  .search-overlay .search-form #searchProduct {
    border: 1px solid #CECECE;
    text-transform: uppercase;
    background: transparent; }
    .search-overlay .search-form #searchProduct:focus, .search-overlay .search-form #searchProduct:active, .search-overlay .search-form #searchProduct:hover {
      box-shadow: none;
      outline: none;
      background: #5c827d;
      color: #fff; }
  .search-overlay .search-form .search-btn {
    background-color: transparent;
    border: 0;
    color: #423018;
    line-height: 1.5;
    padding: 10px 0.75rem;
    font-size: 1.5rem; }
    .search-overlay .search-form .search-btn:hover {
      color: #423018; }
.search-overlay .close-btn {
  position: absolute;
  margin-right: 1.25rem;
  margin-top: 1.25rem;
  top: 0;
  right: 0;
  font-size: 0.75rem; }
  .search-overlay .close-btn .close {
    color: #423018;
    opacity: 1;
    text-transform: uppercase;
    font-weight: 500; }

.home-page .header-set-1117,
.header-overlay-page .header-set-1117 {
  background-color: transparent;
  position: fixed !important;
  border-bottom: none; }
  .home-page .header-set-1117 .main-menu,
  .header-overlay-page .header-set-1117 .main-menu {
    background-color: transparent;
    border-color: transparent; }
    .home-page .header-set-1117 .main-menu ul,
    .header-overlay-page .header-set-1117 .main-menu ul {
      background-color: transparent; }
    .home-page .header-set-1117 .main-menu a,
    .header-overlay-page .header-set-1117 .main-menu a {
      font-family: "Noto Sans Thai", "Inter", sans-serif;
      font-size: 18px !important;
      font-style: normal;
      font-weight: 500;
      line-height: 150%;
      padding: 0 !important;
      transition: background 0.15s ease, opacity 0.15s ease;
      -webkit-transition: background 0.15s ease, opacity 0.15s ease;
      -moz-transition: background 0.15s ease, opacity 0.15s ease;
      -ms-transition: background 0.15s ease, opacity 0.15s ease;
      -o-transition: background 0.15s ease, opacity 0.15s ease;
      color: #423018;
      text-decoration: none;
      background: transparent;
      -webkit-background-clip: border-box;
      background-clip: border-box;
      -webkit-text-fill-color: #423018;
      opacity: 1;
      width: fit-content; }
      .home-page .header-set-1117 .main-menu a:hover, .home-page .header-set-1117 .main-menu a:focus-visible, .home-page .header-set-1117 .main-menu a:focus,
      .header-overlay-page .header-set-1117 .main-menu a:hover,
      .header-overlay-page .header-set-1117 .main-menu a:focus-visible,
      .header-overlay-page .header-set-1117 .main-menu a:focus {
        color: #71512B;
        text-decoration-line: underline;
        text-decoration-style: solid;
        text-decoration-skip-ink: auto;
        text-decoration-thickness: auto;
        text-underline-offset: auto;
        text-underline-position: from-font;
        background: transparent;
        -webkit-background-clip: border-box;
        background-clip: border-box;
        -webkit-text-fill-color: #71512B;
        opacity: 1;
        width: fit-content; }
      .home-page .header-set-1117 .main-menu a:active,
      .header-overlay-page .header-set-1117 .main-menu a:active {
        color: #5B4224;
        text-decoration-line: underline;
        text-decoration-style: solid;
        text-decoration-skip-ink: auto;
        text-decoration-thickness: auto;
        text-underline-offset: auto;
        text-underline-position: from-font;
        background: transparent;
        -webkit-background-clip: border-box;
        background-clip: border-box;
        -webkit-text-fill-color: #5B4224;
        opacity: 1;
        width: fit-content; }
      .home-page .header-set-1117 .main-menu a.active,
      .header-overlay-page .header-set-1117 .main-menu a.active {
        color: #71512B;
        font-family: "Noto Sans Thai", "Inter", sans-serif;
        font-size: 18px;
        font-style: normal;
        font-weight: 500;
        line-height: 150%;
        background: transparent;
        -webkit-background-clip: border-box;
        background-clip: border-box;
        -webkit-text-fill-color: #71512B;
        text-decoration-line: underline;
        text-decoration-style: solid;
        text-decoration-skip-ink: auto;
        text-decoration-thickness: auto;
        text-underline-offset: auto;
        text-underline-position: from-font;
        opacity: 1;
        width: fit-content; }
        .home-page .header-set-1117 .main-menu a.active:hover, .home-page .header-set-1117 .main-menu a.active:focus-visible, .home-page .header-set-1117 .main-menu a.active:focus,
        .header-overlay-page .header-set-1117 .main-menu a.active:hover,
        .header-overlay-page .header-set-1117 .main-menu a.active:focus-visible,
        .header-overlay-page .header-set-1117 .main-menu a.active:focus {
          color: #71512B;
          text-decoration-line: underline;
          text-decoration-style: solid;
          text-decoration-skip-ink: auto;
          text-decoration-thickness: auto;
          text-underline-offset: auto;
          text-underline-position: from-font;
          background: transparent;
          -webkit-background-clip: border-box;
          background-clip: border-box;
          -webkit-text-fill-color: #71512B;
          opacity: 1;
          width: fit-content; }
        .home-page .header-set-1117 .main-menu a.active:active,
        .header-overlay-page .header-set-1117 .main-menu a.active:active {
          color: #5B4224;
          text-decoration-line: underline;
          text-decoration-style: solid;
          text-decoration-skip-ink: auto;
          text-decoration-thickness: auto;
          text-underline-offset: auto;
          text-underline-position: from-font;
          background: transparent;
          -webkit-background-clip: border-box;
          background-clip: border-box;
          -webkit-text-fill-color: #5B4224;
          opacity: 1;
          width: fit-content; }
    .home-page .header-set-1117 .main-menu a.sep-package-custom,
    .header-overlay-page .header-set-1117 .main-menu a.sep-package-custom {
      color: #423018;
      text-decoration: none;
      background: transparent;
      -webkit-background-clip: border-box;
      background-clip: border-box;
      -webkit-text-fill-color: #423018;
      opacity: 1;
      width: fit-content; }
      .home-page .header-set-1117 .main-menu a.sep-package-custom:hover, .home-page .header-set-1117 .main-menu a.sep-package-custom:focus-visible, .home-page .header-set-1117 .main-menu a.sep-package-custom:focus,
      .header-overlay-page .header-set-1117 .main-menu a.sep-package-custom:hover,
      .header-overlay-page .header-set-1117 .main-menu a.sep-package-custom:focus-visible,
      .header-overlay-page .header-set-1117 .main-menu a.sep-package-custom:focus {
        color: #71512B;
        text-decoration-line: underline;
        text-decoration-style: solid;
        text-decoration-skip-ink: auto;
        text-decoration-thickness: auto;
        text-underline-offset: auto;
        text-underline-position: from-font;
        background: transparent;
        -webkit-background-clip: border-box;
        background-clip: border-box;
        -webkit-text-fill-color: #71512B;
        opacity: 1;
        width: fit-content; }
      .home-page .header-set-1117 .main-menu a.sep-package-custom:active,
      .header-overlay-page .header-set-1117 .main-menu a.sep-package-custom:active {
        color: #5B4224;
        text-decoration-line: underline;
        text-decoration-style: solid;
        text-decoration-skip-ink: auto;
        text-decoration-thickness: auto;
        text-underline-offset: auto;
        text-underline-position: from-font;
        background: transparent;
        -webkit-background-clip: border-box;
        background-clip: border-box;
        -webkit-text-fill-color: #5B4224;
        opacity: 1;
        width: fit-content; }
      .home-page .header-set-1117 .main-menu a.sep-package-custom.active,
      .header-overlay-page .header-set-1117 .main-menu a.sep-package-custom.active {
        color: #71512B;
        font-family: "Noto Sans Thai", "Inter", sans-serif;
        font-size: 18px;
        font-style: normal;
        font-weight: 500;
        line-height: 150%;
        background: transparent;
        -webkit-background-clip: border-box;
        background-clip: border-box;
        -webkit-text-fill-color: #71512B;
        text-decoration-line: underline;
        text-decoration-style: solid;
        text-decoration-skip-ink: auto;
        text-decoration-thickness: auto;
        text-underline-offset: auto;
        text-underline-position: from-font;
        opacity: 1;
        width: fit-content; }
        .home-page .header-set-1117 .main-menu a.sep-package-custom.active:hover, .home-page .header-set-1117 .main-menu a.sep-package-custom.active:focus-visible, .home-page .header-set-1117 .main-menu a.sep-package-custom.active:focus,
        .header-overlay-page .header-set-1117 .main-menu a.sep-package-custom.active:hover,
        .header-overlay-page .header-set-1117 .main-menu a.sep-package-custom.active:focus-visible,
        .header-overlay-page .header-set-1117 .main-menu a.sep-package-custom.active:focus {
          color: #71512B;
          text-decoration-line: underline;
          text-decoration-style: solid;
          text-decoration-skip-ink: auto;
          text-decoration-thickness: auto;
          text-underline-offset: auto;
          text-underline-position: from-font;
          background: transparent;
          -webkit-background-clip: border-box;
          background-clip: border-box;
          -webkit-text-fill-color: #71512B;
          opacity: 1;
          width: fit-content; }
        .home-page .header-set-1117 .main-menu a.sep-package-custom.active:active,
        .header-overlay-page .header-set-1117 .main-menu a.sep-package-custom.active:active {
          color: #5B4224;
          text-decoration-line: underline;
          text-decoration-style: solid;
          text-decoration-skip-ink: auto;
          text-decoration-thickness: auto;
          text-underline-offset: auto;
          text-underline-position: from-font;
          background: transparent;
          -webkit-background-clip: border-box;
          background-clip: border-box;
          -webkit-text-fill-color: #5B4224;
          opacity: 1;
          width: fit-content; }
  .home-page .header-set-1117 .first_row .right-top .social-icon path,
  .header-overlay-page .header-set-1117 .first_row .right-top .social-icon path {
    stroke: #fff;
    stroke-width: 1.5;
    stroke-linecap: round;
    stroke-linejoin: round;
    fill: transparent; }
  .home-page .header-set-1117 .dropdown-menu,
  .header-overlay-page .header-set-1117 .dropdown-menu {
    background-color: #fff;
    box-shadow: none; }
  .home-page .header-set-1117 .logo a .st0,
  .header-overlay-page .header-set-1117 .logo a .st0 {
    fill: #fff; }
  .home-page .header-set-1117 .side-menu-close span,
  .header-overlay-page .header-set-1117 .side-menu-close span {
    background-color: #fff; }
  .home-page .header-set-1117 .first_row .right-top li + li:before,
  .header-overlay-page .header-set-1117 .first_row .right-top li + li:before {
    color: #fff; }
  .home-page .header-set-1117 .first_row .right-top li a,
  .header-overlay-page .header-set-1117 .first_row .right-top li a {
    color: #fff;
    border-color: #fff;
    letter-spacing: 1px; }
    .home-page .header-set-1117 .first_row .right-top li a:hover,
    .header-overlay-page .header-set-1117 .first_row .right-top li a:hover {
      opacity: 0.6;
      color: #000; }
  .home-page .header-set-1117 svg path,
  .header-overlay-page .header-set-1117 svg path {
    fill: #fff; }
  .home-page .header-set-1117.sticking,
  .header-overlay-page .header-set-1117.sticking {
    background-color: transparent; }
    .home-page .header-set-1117.sticking .main-menu ul,
    .header-overlay-page .header-set-1117.sticking .main-menu ul {
      background-color: #fff; }
    .home-page .header-set-1117.sticking .main-menu a,
    .header-overlay-page .header-set-1117.sticking .main-menu a {
      font-family: "Noto Sans Thai", "Inter", sans-serif;
      font-size: 18px !important;
      font-style: normal;
      font-weight: 500;
      padding: 0 !important;
      line-height: 150%;
      transition: background 0.15s ease, opacity 0.15s ease;
      -webkit-transition: background 0.15s ease, opacity 0.15s ease;
      -moz-transition: background 0.15s ease, opacity 0.15s ease;
      -ms-transition: background 0.15s ease, opacity 0.15s ease;
      -o-transition: background 0.15s ease, opacity 0.15s ease;
      color: #423018;
      text-decoration: none;
      background: transparent;
      -webkit-background-clip: border-box;
      background-clip: border-box;
      -webkit-text-fill-color: #423018;
      opacity: 1;
      width: fit-content; }
      .home-page .header-set-1117.sticking .main-menu a:hover, .home-page .header-set-1117.sticking .main-menu a:focus-visible, .home-page .header-set-1117.sticking .main-menu a:focus,
      .header-overlay-page .header-set-1117.sticking .main-menu a:hover,
      .header-overlay-page .header-set-1117.sticking .main-menu a:focus-visible,
      .header-overlay-page .header-set-1117.sticking .main-menu a:focus {
        color: #71512B;
        text-decoration-line: underline;
        text-decoration-style: solid;
        text-decoration-skip-ink: auto;
        text-decoration-thickness: auto;
        text-underline-offset: auto;
        text-underline-position: from-font;
        background: transparent;
        -webkit-background-clip: border-box;
        background-clip: border-box;
        -webkit-text-fill-color: #71512B;
        opacity: 1;
        width: fit-content; }
      .home-page .header-set-1117.sticking .main-menu a:active,
      .header-overlay-page .header-set-1117.sticking .main-menu a:active {
        color: #5B4224;
        text-decoration-line: underline;
        text-decoration-style: solid;
        text-decoration-skip-ink: auto;
        text-decoration-thickness: auto;
        text-underline-offset: auto;
        text-underline-position: from-font;
        background: transparent;
        -webkit-background-clip: border-box;
        background-clip: border-box;
        -webkit-text-fill-color: #5B4224;
        opacity: 1;
        width: fit-content; }
      .home-page .header-set-1117.sticking .main-menu a.active,
      .header-overlay-page .header-set-1117.sticking .main-menu a.active {
        color: #71512B;
        font-family: "Noto Sans Thai", "Inter", sans-serif;
        font-size: 18px;
        font-style: normal;
        font-weight: 500;
        line-height: 150%;
        background: transparent;
        -webkit-background-clip: border-box;
        background-clip: border-box;
        -webkit-text-fill-color: #71512B;
        text-decoration-line: underline;
        text-decoration-style: solid;
        text-decoration-skip-ink: auto;
        text-decoration-thickness: auto;
        text-underline-offset: auto;
        text-underline-position: from-font;
        opacity: 1;
        width: fit-content; }
        .home-page .header-set-1117.sticking .main-menu a.active:hover, .home-page .header-set-1117.sticking .main-menu a.active:focus-visible, .home-page .header-set-1117.sticking .main-menu a.active:focus,
        .header-overlay-page .header-set-1117.sticking .main-menu a.active:hover,
        .header-overlay-page .header-set-1117.sticking .main-menu a.active:focus-visible,
        .header-overlay-page .header-set-1117.sticking .main-menu a.active:focus {
          color: #71512B;
          text-decoration-line: underline;
          text-decoration-style: solid;
          text-decoration-skip-ink: auto;
          text-decoration-thickness: auto;
          text-underline-offset: auto;
          text-underline-position: from-font;
          background: transparent;
          -webkit-background-clip: border-box;
          background-clip: border-box;
          -webkit-text-fill-color: #71512B;
          opacity: 1;
          width: fit-content; }
        .home-page .header-set-1117.sticking .main-menu a.active:active,
        .header-overlay-page .header-set-1117.sticking .main-menu a.active:active {
          color: #5B4224;
          text-decoration-line: underline;
          text-decoration-style: solid;
          text-decoration-skip-ink: auto;
          text-decoration-thickness: auto;
          text-underline-offset: auto;
          text-underline-position: from-font;
          background: transparent;
          -webkit-background-clip: border-box;
          background-clip: border-box;
          -webkit-text-fill-color: #5B4224;
          opacity: 1;
          width: fit-content; }
    .home-page .header-set-1117.sticking .main-menu a.sep-package-custom,
    .header-overlay-page .header-set-1117.sticking .main-menu a.sep-package-custom {
      color: #423018;
      text-decoration: none;
      background: transparent;
      -webkit-background-clip: border-box;
      background-clip: border-box;
      -webkit-text-fill-color: #423018;
      opacity: 1;
      width: fit-content; }
      .home-page .header-set-1117.sticking .main-menu a.sep-package-custom:hover, .home-page .header-set-1117.sticking .main-menu a.sep-package-custom:focus-visible, .home-page .header-set-1117.sticking .main-menu a.sep-package-custom:focus,
      .header-overlay-page .header-set-1117.sticking .main-menu a.sep-package-custom:hover,
      .header-overlay-page .header-set-1117.sticking .main-menu a.sep-package-custom:focus-visible,
      .header-overlay-page .header-set-1117.sticking .main-menu a.sep-package-custom:focus {
        color: #71512B;
        text-decoration-line: underline;
        text-decoration-style: solid;
        text-decoration-skip-ink: auto;
        text-decoration-thickness: auto;
        text-underline-offset: auto;
        text-underline-position: from-font;
        background: transparent;
        -webkit-background-clip: border-box;
        background-clip: border-box;
        -webkit-text-fill-color: #71512B;
        opacity: 1;
        width: fit-content; }
      .home-page .header-set-1117.sticking .main-menu a.sep-package-custom:active,
      .header-overlay-page .header-set-1117.sticking .main-menu a.sep-package-custom:active {
        color: #5B4224;
        text-decoration-line: underline;
        text-decoration-style: solid;
        text-decoration-skip-ink: auto;
        text-decoration-thickness: auto;
        text-underline-offset: auto;
        text-underline-position: from-font;
        background: transparent;
        -webkit-background-clip: border-box;
        background-clip: border-box;
        -webkit-text-fill-color: #5B4224;
        opacity: 1;
        width: fit-content; }
      .home-page .header-set-1117.sticking .main-menu a.sep-package-custom.active,
      .header-overlay-page .header-set-1117.sticking .main-menu a.sep-package-custom.active {
        color: #71512B;
        font-family: "Noto Sans Thai", "Inter", sans-serif;
        font-size: 18px;
        font-style: normal;
        font-weight: 500;
        line-height: 150%;
        background: transparent;
        -webkit-background-clip: border-box;
        background-clip: border-box;
        -webkit-text-fill-color: #71512B;
        text-decoration-line: underline;
        text-decoration-style: solid;
        text-decoration-skip-ink: auto;
        text-decoration-thickness: auto;
        text-underline-offset: auto;
        text-underline-position: from-font;
        opacity: 1;
        width: fit-content; }
        .home-page .header-set-1117.sticking .main-menu a.sep-package-custom.active:hover, .home-page .header-set-1117.sticking .main-menu a.sep-package-custom.active:focus-visible, .home-page .header-set-1117.sticking .main-menu a.sep-package-custom.active:focus,
        .header-overlay-page .header-set-1117.sticking .main-menu a.sep-package-custom.active:hover,
        .header-overlay-page .header-set-1117.sticking .main-menu a.sep-package-custom.active:focus-visible,
        .header-overlay-page .header-set-1117.sticking .main-menu a.sep-package-custom.active:focus {
          color: #71512B;
          text-decoration-line: underline;
          text-decoration-style: solid;
          text-decoration-skip-ink: auto;
          text-decoration-thickness: auto;
          text-underline-offset: auto;
          text-underline-position: from-font;
          background: transparent;
          -webkit-background-clip: border-box;
          background-clip: border-box;
          -webkit-text-fill-color: #71512B;
          opacity: 1;
          width: fit-content; }
        .home-page .header-set-1117.sticking .main-menu a.sep-package-custom.active:active,
        .header-overlay-page .header-set-1117.sticking .main-menu a.sep-package-custom.active:active {
          color: #5B4224;
          text-decoration-line: underline;
          text-decoration-style: solid;
          text-decoration-skip-ink: auto;
          text-decoration-thickness: auto;
          text-underline-offset: auto;
          text-underline-position: from-font;
          background: transparent;
          -webkit-background-clip: border-box;
          background-clip: border-box;
          -webkit-text-fill-color: #5B4224;
          opacity: 1;
          width: fit-content; }
    .home-page .header-set-1117.sticking .side-menu-close span,
    .header-overlay-page .header-set-1117.sticking .side-menu-close span {
      background-color: #000; }
    .home-page .header-set-1117.sticking .logo a .st0,
    .header-overlay-page .header-set-1117.sticking .logo a .st0 {
      fill: #000 !important; }
    .home-page .header-set-1117.sticking .first_row .right-top .social-icon path,
    .header-overlay-page .header-set-1117.sticking .first_row .right-top .social-icon path {
      stroke: #333;
      stroke-width: 1.5;
      stroke-linecap: round;
      stroke-linejoin: round;
      fill: transparent; }
    .home-page .header-set-1117.sticking svg path,
    .header-overlay-page .header-set-1117.sticking svg path {
      fill: #423018; }
  .home-page .header-set-1117 .logo a svg,
  .header-overlay-page .header-set-1117 .logo a svg {
    fill: #fff; }
.home-page .container-fluid,
.header-overlay-page .container-fluid {
  padding-left: 0;
  padding-right: 0; }

body:not(.home-page):not(.header-overlay-page) .header-set-1117 {
  position: fixed !important;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 999; }
  @media (min-width: 1620px) {
    body:not(.home-page):not(.header-overlay-page) .header-set-1117 {
      max-width: 1620px;
      margin-left: auto;
      margin-right: auto; } }
  body:not(.home-page):not(.header-overlay-page) .header-set-1117.sticking {
    background-color: transparent !important; }

.announcement-bar {
  background-color: #B8B4AE;
  padding: 10px;
  position: relative;
  z-index: 9999;
  color: #fff; }
  .announcement-bar .announcement-content {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center; }
  .announcement-bar a {
    text-decoration: underline;
    color: #fff !important; }
  .announcement-bar .fa-close {
    color: #fff;
    margin-left: 1rem; }

@media all and (max-width: 1199px) {
  .side-menu-wrap,
  .side-menu-wrap.opened {
    width: 100%;
    max-width: 100%;
    left: auto;
    right: 0; }

  .side-menu-wrap {
    transform: translateX(100%);
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.7) 100%);
    backdrop-filter: blur(10px);
    display: flex;
    flex-direction: column;
    min-height: 100%; }
    .side-menu-wrap .side-menu-top {
      display: flex;
      padding: 24px 16px;
      flex-direction: column;
      align-items: flex-start;
      gap: 10px;
      align-self: stretch; }
    .side-menu-wrap .side-menu-top-container {
      display: flex;
      justify-content: space-between;
      align-items: center;
      align-self: stretch;
      width: 100%; }
    .side-menu-wrap .side-menu-top-logo {
      width: 144px;
      height: 20px;
      max-width: 144px;
      flex-shrink: 0;
      aspect-ratio: 287 / 40; }
      .side-menu-wrap .side-menu-top-logo a,
      .side-menu-wrap .side-menu-top-logo img,
      .side-menu-wrap .side-menu-top-logo svg,
      .side-menu-wrap .side-menu-top-logo .svglogo {
        display: block;
        width: 144px;
        height: 20px;
        max-width: 144px;
        max-height: 20px;
        object-fit: contain; }
    .side-menu-wrap .side-menu-top-close {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 24px;
      height: 24px;
      min-width: 24px;
      flex-shrink: 0;
      position: static !important;
      left: auto !important;
      top: auto !important;
      margin-left: auto;
      border: 0;
      background: transparent;
      padding: 0;
      border-radius: 0;
      cursor: pointer;
      font-size: 0;
      line-height: 0; }
      .side-menu-wrap .side-menu-top-close span {
        display: none !important; }
      .side-menu-wrap .side-menu-top-close::before {
        content: "";
        display: block;
        width: 24px;
        height: 24px;
        background-repeat: no-repeat;
        background-position: center;
        background-size: 24px 24px;
        background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M15.182 8.81802C15.3226 8.95867 15.4017 9.14944 15.4017 9.34835C15.4017 9.54726 15.3226 9.73803 15.182 9.87868L13.0607 12L15.182 14.1213C15.3226 14.262 15.4017 14.4527 15.4017 14.6517C15.4017 14.8506 15.3226 15.0413 15.182 15.182C15.0413 15.3226 14.8506 15.4017 14.6517 15.4017C14.4527 15.4017 14.262 15.3226 14.1213 15.182L12 13.0607L9.87868 15.182C9.73803 15.3226 9.54726 15.4017 9.34835 15.4017C9.14944 15.4017 8.95867 15.3226 8.81802 15.182C8.67737 15.0413 8.59835 14.8506 8.59835 14.6517C8.59835 14.4527 8.67737 14.262 8.81802 14.1213L10.9393 12L8.81802 9.87868C8.67737 9.73803 8.59835 9.54726 8.59835 9.34835C8.59835 9.14944 8.67737 8.95867 8.81802 8.81802C8.95867 8.67737 9.14944 8.59835 9.34835 8.59835C9.54726 8.59835 9.73803 8.67737 9.87868 8.81802L12 10.9393L14.1213 8.81802C14.262 8.67737 14.4527 8.59835 14.6517 8.59835C14.8506 8.59835 15.0413 8.67737 15.182 8.81802Z" fill="%23333333"/><path d="M3 12C3 10.8181 3.23279 9.64778 3.68508 8.55585C4.13738 7.46392 4.80031 6.47177 5.63604 5.63604C6.47177 4.80031 7.46392 4.13738 8.55585 3.68508C9.64778 3.23279 10.8181 3 12 3C13.1819 3 14.3522 3.23279 15.4442 3.68508C16.5361 4.13738 17.5282 4.80031 18.364 5.63604C19.1997 6.47177 19.8626 7.46392 20.3149 8.55585C20.7672 9.64778 21 10.8181 21 12C21 14.3869 20.0518 16.6761 18.364 18.364C16.6761 20.0518 14.3869 21 12 21C9.61305 21 7.32387 20.0518 5.63604 18.364C3.94821 16.6761 3 14.3869 3 12ZM12 4.5C10.0109 4.5 8.10322 5.29018 6.6967 6.6967C5.29018 8.10322 4.5 10.0109 4.5 12C4.5 13.9891 5.29018 15.8968 6.6967 17.3033C8.10322 18.7098 10.0109 19.5 12 19.5C13.9891 19.5 15.8968 18.7098 17.3033 17.3033C18.7098 15.8968 19.5 13.9891 19.5 12C19.5 10.0109 18.7098 8.10322 17.3033 6.6967C15.8968 5.29018 13.9891 4.5 12 4.5Z" fill="%23423018"/></svg>'); }
      .side-menu-wrap .side-menu-top-close:hover::before, .side-menu-wrap .side-menu-top-close:focus-visible::before, .side-menu-wrap .side-menu-top-close:active::before {
        background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M15.182 8.81802C15.3226 8.95867 15.4017 9.14944 15.4017 9.34835C15.4017 9.54726 15.3226 9.73803 15.182 9.87868L13.0607 12L15.182 14.1213C15.3226 14.262 15.4017 14.4527 15.4017 14.6517C15.4017 14.8506 15.3226 15.0413 15.182 15.182C15.0413 15.3226 14.8506 15.4017 14.6517 15.4017C14.4527 15.4017 14.262 15.3226 14.1213 15.182L12 13.0607L9.87868 15.182C9.73803 15.3226 9.54726 15.4017 9.34835 15.4017C9.14944 15.4017 8.95867 15.3226 8.81802 15.182C8.67737 15.0413 8.59835 14.8506 8.59835 14.6517C8.59835 14.4527 8.67737 14.262 8.81802 14.1213L10.9393 12L8.81802 9.87868C8.67737 9.73803 8.59835 9.54726 8.59835 9.34835C8.59835 9.14944 8.67737 8.95867 8.81802 8.81802C8.95867 8.67737 9.14944 8.59835 9.34835 8.59835C9.54726 8.59835 9.73803 8.67737 9.87868 8.81802L12 10.9393L14.1213 8.81802C14.262 8.67737 14.4527 8.59835 14.6517 8.59835C14.8506 8.59835 15.0413 8.67737 15.182 8.81802Z" fill="%23333333"/><path d="M3 12C3 10.8181 3.23279 9.64778 3.68508 8.55585C4.13738 7.46392 4.80031 6.47177 5.63604 5.63604C6.47177 4.80031 7.46392 4.13738 8.55585 3.68508C9.64778 3.23279 10.8181 3 12 3C13.1819 3 14.3522 3.23279 15.4442 3.68508C16.5361 4.13738 17.5282 4.80031 18.364 5.63604C19.1997 6.47177 19.8626 7.46392 20.3149 8.55585C20.7672 9.64778 21 10.8181 21 12C21 14.3869 20.0518 16.6761 18.364 18.364C16.6761 20.0518 14.3869 21 12 21C9.61305 21 7.32387 20.0518 5.63604 18.364C3.94821 16.6761 3 14.3869 3 12ZM12 4.5C10.0109 4.5 8.10322 5.29018 6.6967 6.6967C5.29018 8.10322 4.5 10.0109 4.5 12C4.5 13.9891 5.29018 15.8968 6.6967 17.3033C8.10322 18.7098 10.0109 19.5 12 19.5C13.9891 19.5 15.8968 18.7098 17.3033 17.3033C18.7098 15.8968 19.5 13.9891 19.5 12C19.5 10.0109 18.7098 8.10322 17.3033 6.6967C15.8968 5.29018 13.9891 4.5 12 4.5Z" fill="%2371512B"/></svg>'); }
    .side-menu-wrap .side-menu-nav {
      display: block;
      flex: 1 1 auto;
      width: 100%; }
      .side-menu-wrap .side-menu-nav > ul.main-menu {
        display: flex !important;
        flex-direction: column !important;
        flex-wrap: nowrap !important;
        align-items: stretch !important;
        justify-content: flex-start !important;
        gap: 0 !important;
        width: 100% !important;
        margin: 0;
        padding: 12px 0; }
      .side-menu-wrap .side-menu-nav > ul.main-menu > li {
        width: 100% !important;
        margin: 0 !important; }
        .side-menu-wrap .side-menu-nav > ul.main-menu > li::before, .side-menu-wrap .side-menu-nav > ul.main-menu > li::after {
          content: none !important;
          display: none !important; }
      .side-menu-wrap .side-menu-nav > ul.main-menu > li > a {
        display: block;
        padding: 8px 16px;
        align-self: stretch;
        text-align: left;
        font-family: "Noto Sans Thai", "Inter", sans-serif;
        font-size: 18px;
        font-style: normal;
        font-weight: 500;
        line-height: 150%;
        text-transform: none;
        transition: opacity 0.15s ease, color 0.15s ease;
        color: #423018;
        text-decoration: none;
        background: transparent;
        -webkit-background-clip: border-box;
        background-clip: border-box;
        -webkit-text-fill-color: #423018;
        opacity: 1;
        width: fit-content; }
        .side-menu-wrap .side-menu-nav > ul.main-menu > li > a:hover, .side-menu-wrap .side-menu-nav > ul.main-menu > li > a:focus-visible, .side-menu-wrap .side-menu-nav > ul.main-menu > li > a:focus {
          color: #71512B;
          text-decoration-line: underline;
          text-decoration-style: solid;
          text-decoration-skip-ink: auto;
          text-decoration-thickness: auto;
          text-underline-offset: auto;
          text-underline-position: from-font;
          background: transparent;
          -webkit-background-clip: border-box;
          background-clip: border-box;
          -webkit-text-fill-color: #71512B;
          opacity: 1;
          width: fit-content; }
        .side-menu-wrap .side-menu-nav > ul.main-menu > li > a:active {
          color: #5B4224;
          text-decoration-line: underline;
          text-decoration-style: solid;
          text-decoration-skip-ink: auto;
          text-decoration-thickness: auto;
          text-underline-offset: auto;
          text-underline-position: from-font;
          background: transparent;
          -webkit-background-clip: border-box;
          background-clip: border-box;
          -webkit-text-fill-color: #5B4224;
          opacity: 1;
          width: fit-content; }
        .side-menu-wrap .side-menu-nav > ul.main-menu > li > a.active {
          color: #71512B;
          font-family: "Noto Sans Thai", "Inter", sans-serif;
          font-size: 18px;
          font-style: normal;
          font-weight: 500;
          line-height: 150%;
          background: transparent;
          -webkit-background-clip: border-box;
          background-clip: border-box;
          -webkit-text-fill-color: #71512B;
          text-decoration-line: underline;
          text-decoration-style: solid;
          text-decoration-skip-ink: auto;
          text-decoration-thickness: auto;
          text-underline-offset: auto;
          text-underline-position: from-font;
          opacity: 1;
          width: fit-content; }
          .side-menu-wrap .side-menu-nav > ul.main-menu > li > a.active:hover, .side-menu-wrap .side-menu-nav > ul.main-menu > li > a.active:focus-visible, .side-menu-wrap .side-menu-nav > ul.main-menu > li > a.active:focus {
            color: #71512B;
            text-decoration-line: underline;
            text-decoration-style: solid;
            text-decoration-skip-ink: auto;
            text-decoration-thickness: auto;
            text-underline-offset: auto;
            text-underline-position: from-font;
            background: transparent;
            -webkit-background-clip: border-box;
            background-clip: border-box;
            -webkit-text-fill-color: #71512B;
            opacity: 1;
            width: fit-content; }
          .side-menu-wrap .side-menu-nav > ul.main-menu > li > a.active:active {
            color: #5B4224;
            text-decoration-line: underline;
            text-decoration-style: solid;
            text-decoration-skip-ink: auto;
            text-decoration-thickness: auto;
            text-underline-offset: auto;
            text-underline-position: from-font;
            background: transparent;
            -webkit-background-clip: border-box;
            background-clip: border-box;
            -webkit-text-fill-color: #5B4224;
            opacity: 1;
            width: fit-content; }
      .side-menu-wrap .side-menu-nav a.sep-package-custom {
        color: #423018;
        text-decoration: none;
        background: transparent;
        -webkit-background-clip: border-box;
        background-clip: border-box;
        -webkit-text-fill-color: #423018;
        opacity: 1;
        width: fit-content; }
        .side-menu-wrap .side-menu-nav a.sep-package-custom:hover, .side-menu-wrap .side-menu-nav a.sep-package-custom:focus-visible, .side-menu-wrap .side-menu-nav a.sep-package-custom:focus {
          color: #71512B;
          text-decoration-line: underline;
          text-decoration-style: solid;
          text-decoration-skip-ink: auto;
          text-decoration-thickness: auto;
          text-underline-offset: auto;
          text-underline-position: from-font;
          background: transparent;
          -webkit-background-clip: border-box;
          background-clip: border-box;
          -webkit-text-fill-color: #71512B;
          opacity: 1;
          width: fit-content; }
        .side-menu-wrap .side-menu-nav a.sep-package-custom:active {
          color: #5B4224;
          text-decoration-line: underline;
          text-decoration-style: solid;
          text-decoration-skip-ink: auto;
          text-decoration-thickness: auto;
          text-underline-offset: auto;
          text-underline-position: from-font;
          background: transparent;
          -webkit-background-clip: border-box;
          background-clip: border-box;
          -webkit-text-fill-color: #5B4224;
          opacity: 1;
          width: fit-content; }
        .side-menu-wrap .side-menu-nav a.sep-package-custom.active {
          color: #71512B;
          font-family: "Noto Sans Thai", "Inter", sans-serif;
          font-size: 18px;
          font-style: normal;
          font-weight: 500;
          line-height: 150%;
          background: transparent;
          -webkit-background-clip: border-box;
          background-clip: border-box;
          -webkit-text-fill-color: #71512B;
          text-decoration-line: underline;
          text-decoration-style: solid;
          text-decoration-skip-ink: auto;
          text-decoration-thickness: auto;
          text-underline-offset: auto;
          text-underline-position: from-font;
          opacity: 1;
          width: fit-content; }
          .side-menu-wrap .side-menu-nav a.sep-package-custom.active:hover, .side-menu-wrap .side-menu-nav a.sep-package-custom.active:focus-visible, .side-menu-wrap .side-menu-nav a.sep-package-custom.active:focus {
            color: #71512B;
            text-decoration-line: underline;
            text-decoration-style: solid;
            text-decoration-skip-ink: auto;
            text-decoration-thickness: auto;
            text-underline-offset: auto;
            text-underline-position: from-font;
            background: transparent;
            -webkit-background-clip: border-box;
            background-clip: border-box;
            -webkit-text-fill-color: #71512B;
            opacity: 1;
            width: fit-content; }
          .side-menu-wrap .side-menu-nav a.sep-package-custom.active:active {
            color: #5B4224;
            text-decoration-line: underline;
            text-decoration-style: solid;
            text-decoration-skip-ink: auto;
            text-decoration-thickness: auto;
            text-underline-offset: auto;
            text-underline-position: from-font;
            background: transparent;
            -webkit-background-clip: border-box;
            background-clip: border-box;
            -webkit-text-fill-color: #5B4224;
            opacity: 1;
            width: fit-content; }
      .side-menu-wrap .side-menu-nav .mobile-contact-us-item > a {
        transition: opacity 0.15s ease;
        color: #423018;
        text-decoration: none;
        background: transparent;
        -webkit-background-clip: border-box;
        background-clip: border-box;
        -webkit-text-fill-color: #423018;
        opacity: 1;
        width: fit-content; }
        .side-menu-wrap .side-menu-nav .mobile-contact-us-item > a:hover, .side-menu-wrap .side-menu-nav .mobile-contact-us-item > a:focus-visible, .side-menu-wrap .side-menu-nav .mobile-contact-us-item > a:focus {
          color: #71512B;
          text-decoration-line: underline;
          text-decoration-style: solid;
          text-decoration-skip-ink: auto;
          text-decoration-thickness: auto;
          text-underline-offset: auto;
          text-underline-position: from-font;
          background: transparent;
          -webkit-background-clip: border-box;
          background-clip: border-box;
          -webkit-text-fill-color: #71512B;
          opacity: 1;
          width: fit-content; }
        .side-menu-wrap .side-menu-nav .mobile-contact-us-item > a:active {
          color: #5B4224;
          text-decoration-line: underline;
          text-decoration-style: solid;
          text-decoration-skip-ink: auto;
          text-decoration-thickness: auto;
          text-underline-offset: auto;
          text-underline-position: from-font;
          background: transparent;
          -webkit-background-clip: border-box;
          background-clip: border-box;
          -webkit-text-fill-color: #5B4224;
          opacity: 1;
          width: fit-content; }
        .side-menu-wrap .side-menu-nav .mobile-contact-us-item > a.active {
          color: #71512B;
          font-family: "Noto Sans Thai", "Inter", sans-serif;
          font-size: 18px;
          font-style: normal;
          font-weight: 500;
          line-height: 150%;
          background: transparent;
          -webkit-background-clip: border-box;
          background-clip: border-box;
          -webkit-text-fill-color: #71512B;
          text-decoration-line: underline;
          text-decoration-style: solid;
          text-decoration-skip-ink: auto;
          text-decoration-thickness: auto;
          text-underline-offset: auto;
          text-underline-position: from-font;
          opacity: 1;
          width: fit-content; }
          .side-menu-wrap .side-menu-nav .mobile-contact-us-item > a.active:hover, .side-menu-wrap .side-menu-nav .mobile-contact-us-item > a.active:focus-visible, .side-menu-wrap .side-menu-nav .mobile-contact-us-item > a.active:focus {
            color: #71512B;
            text-decoration-line: underline;
            text-decoration-style: solid;
            text-decoration-skip-ink: auto;
            text-decoration-thickness: auto;
            text-underline-offset: auto;
            text-underline-position: from-font;
            background: transparent;
            -webkit-background-clip: border-box;
            background-clip: border-box;
            -webkit-text-fill-color: #71512B;
            opacity: 1;
            width: fit-content; }
          .side-menu-wrap .side-menu-nav .mobile-contact-us-item > a.active:active {
            color: #5B4224;
            text-decoration-line: underline;
            text-decoration-style: solid;
            text-decoration-skip-ink: auto;
            text-decoration-thickness: auto;
            text-underline-offset: auto;
            text-underline-position: from-font;
            background: transparent;
            -webkit-background-clip: border-box;
            background-clip: border-box;
            -webkit-text-fill-color: #5B4224;
            opacity: 1;
            width: fit-content; }
        .side-menu-wrap .side-menu-nav .mobile-contact-us-item > a:hover .header-contact-us, .side-menu-wrap .side-menu-nav .mobile-contact-us-item > a:focus-visible .header-contact-us, .side-menu-wrap .side-menu-nav .mobile-contact-us-item > a:focus .header-contact-us, .side-menu-wrap .side-menu-nav .mobile-contact-us-item > a:active .header-contact-us, .side-menu-wrap .side-menu-nav .mobile-contact-us-item > a.active .header-contact-us {
          display: inline-block;
          color: inherit;
          -webkit-text-fill-color: inherit;
          text-decoration: inherit; }
      .side-menu-wrap .side-menu-nav .mobile-contact-us-item .header-contact-us {
        display: flex;
        padding: 0;
        align-items: center;
        gap: 8px;
        border: 0;
        border-radius: 0;
        background: transparent;
        color: #423018;
        text-align: center;
        font-family: 'Noto Sans Thai', sans-serif;
        font-size: 18px;
        font-style: normal;
        font-weight: 500;
        line-height: 150%; }
        .side-menu-wrap .side-menu-nav .mobile-contact-us-item .header-contact-us::after {
          display: none; }
      .side-menu-wrap .side-menu-nav > ul.main-menu > li > a.active {
        color: #71512B !important;
        -webkit-text-fill-color: #71512B !important;
        background: transparent !important;
        text-decoration-line: underline !important;
        text-decoration-style: solid !important;
        text-decoration-skip-ink: auto !important;
        text-decoration-thickness: auto !important;
        text-underline-offset: auto !important;
        text-underline-position: from-font !important;
        opacity: 1 !important; }
      .side-menu-wrap .side-menu-nav .mobile-contact-us-item > a.active .header-contact-us {
        display: inline-block !important;
        color: #71512B !important;
        -webkit-text-fill-color: #71512B !important;
        background: transparent !important;
        text-decoration-line: underline !important;
        text-decoration-style: solid !important;
        opacity: 1 !important; }
    .side-menu-wrap .side-menu-lang-wrap {
      margin-top: auto;
      display: flex;
      padding: 16px;
      align-items: flex-start;
      gap: 10px;
      align-self: stretch;
      border-top: 1px solid #E9E9E9; }
      .side-menu-wrap .side-menu-lang-wrap .side-menu-lang-toggle {
        display: flex;
        width: 101.333px;
        height: 40px;
        padding: 4px 6px;
        align-items: center;
        margin: 0;
        gap: 0;
        border-radius: 4px;
        background: #F3F4F6; }
      .side-menu-wrap .side-menu-lang-wrap .lang-toggle-item {
        display: flex;
        padding: 4px 8px;
        justify-content: center;
        align-items: center;
        gap: 4px;
        flex: 1 0 0;
        color: #423018;
        text-align: center;
        font-family: 'Noto Sans Thai', sans-serif;
        font-size: 12px;
        font-style: normal;
        font-weight: 500;
        line-height: 150%;
        text-decoration: none; }
      .side-menu-wrap .side-menu-lang-wrap .lang-toggle-item.active {
        display: flex;
        padding: 4px 8px;
        justify-content: center;
        align-items: center;
        gap: 4px;
        flex: 1 0 0;
        border-radius: 4px;
        background: #423018;
        color: #fff;
        text-align: center;
        font-family: 'Noto Sans Thai', sans-serif;
        font-size: 12px;
        font-style: normal;
        font-weight: 500;
        line-height: 150%; }

  .home-page .header-set-1117 .toggle-menu,
  .header-overlay-page .header-set-1117 .toggle-menu {
    color: #fff; }
  .home-page .header-set-1117.sticking .toggle-menu,
  .header-overlay-page .header-set-1117.sticking .toggle-menu {
    color: #000; }

  .search-box {
    text-transform: uppercase;
    padding: 16px; }
    .search-box #searchProduct {
      text-transform: uppercase;
      border-radius: 0;
      width: 100%;
      color: #fff;
      max-width: 509px;
      display: flex;
      height: 42px;
      padding-left: 50px;
      border-top: none;
      border-left: none;
      border-right: none;
      border-bottom: 1px solid #CECECE;
      background: transparent url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewBox="0 0 25 24" fill="none"><path d="M10.8129 3C12.1829 2.99983 13.5249 3.38787 14.6835 4.11915C15.842 4.85043 16.7696 5.89502 17.3588 7.13188C17.9479 8.36873 18.1746 9.74722 18.0124 11.1076C17.8503 12.468 17.306 13.7546 16.4426 14.8183L21.3423 19.718C21.4768 19.8517 21.5557 20.0313 21.5631 20.2208C21.5705 20.4103 21.5059 20.5955 21.3821 20.7393C21.2584 20.883 21.0849 20.9745 20.8964 20.9954C20.7079 21.0163 20.5185 20.9651 20.3663 20.8519L20.2823 20.7789L15.3816 15.8792C14.4806 16.6103 13.4172 17.1144 12.2808 17.3492C11.1445 17.584 9.96841 17.5425 8.8514 17.2284C7.73439 16.9143 6.7091 16.3366 5.8617 15.544C5.0143 14.7513 4.36954 13.7668 3.98161 12.6733C3.59368 11.5797 3.47391 10.409 3.63238 9.25952C3.79084 8.11005 4.2229 7.01541 4.89226 6.06759C5.56161 5.11978 6.44869 4.34647 7.47896 3.81268C8.50922 3.27888 9.65257 3.00018 10.8129 3ZM10.8129 4.49991C10.0579 4.49991 9.31019 4.64863 8.61261 4.93758C7.91503 5.22652 7.28119 5.65004 6.74729 6.18395C6.21338 6.71785 5.78987 7.35169 5.50092 8.04927C5.21197 8.74685 5.06325 9.49451 5.06325 10.2496C5.06325 11.0046 5.21197 11.7523 5.50092 12.4499C5.78987 13.1474 6.21338 13.7813 6.74729 14.3152C7.28119 14.8491 7.91503 15.2726 8.61261 15.5616C9.31019 15.8505 10.0579 15.9992 10.8129 15.9992C12.3378 15.9992 13.8003 15.3935 14.8785 14.3152C15.9568 13.2369 16.5626 11.7745 16.5626 10.2496C16.5626 8.72466 15.9568 7.26222 14.8785 6.18395C13.8003 5.10568 12.3378 4.49991 10.8129 4.49991Z" fill="%23C2C2C2"/></svg>') no-repeat 13px center; }
    .search-box .input-group-append {
      display: none; }

  .user-menu {
    margin-top: 16px;
    border-top: 1px solid #CECECE;
    width: 100%;
    padding: 16px;
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .user-menu a {
      text-transform: uppercase; }
      .user-menu a i {
        font-weight: 400; }
      .user-menu a:hover {
        opacity: 0.6; }

  .user-menu-box li {
    list-style: none; }

  .currency-wrap {
    margin-top: 10px; }
    .currency-wrap a:not(:last-child) {
      border-right: 1px solid #CECECE;
      padding-right: 10px; }

  .lang-wraps span:not(:last-child) {
    border-right: 1px solid #CECECE;
    padding-right: 10px; }

  .currency-wrap, .lang-wraps {
    display: flex;
    gap: 10px; }

  .header-set-1117 {
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px; }
    .header-set-1117 .announcement-bar {
      padding: 10px; }
    .header-set-1117 .logo {
      position: static;
      transform: none;
      width: 144px;
      height: 20px;
      max-width: 144px;
      flex-shrink: 0;
      aspect-ratio: 103 / 20; }
      .header-set-1117 .logo a,
      .header-set-1117 .logo img,
      .header-set-1117 .logo svg,
      .header-set-1117 .logo .svglogo {
        display: block;
        width: 144px;
        height: 20px;
        max-width: 144px;
        max-height: 20px;
        object-fit: contain; }
    .header-set-1117 .first_row {
      width: 100%;
      padding: 0; }
      .header-set-1117 .first_row .first_col1 .right-top {
        display: none; }
      .header-set-1117 .first_row .right-top li.search_mob, .header-set-1117 .first_row .right-top li.link-user {
        display: none; }
      .header-set-1117 .first_row .right-top li.mob_com_menu {
        display: block; }
      .header-set-1117 .first_row .right-top li:first-child {
        margin-left: 12px; }
    .header-set-1117 .container {
      display: flex;
      padding: 24px 20px;
      justify-content: space-between;
      align-items: center;
      align-self: stretch;
      border-radius: 10px;
      background: linear-gradient(90deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.1) 100%);
      backdrop-filter: blur(10px); }
    .header-set-1117 .position-group {
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: space-between; }
    .header-set-1117 .first_col1 {
      display: -webkit-box;
      display: -moz-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: center;
      -moz-align-items: center;
      -ms-align-items: center;
      align-items: center; }
    .header-set-1117 .third_col2 {
      flex: 0 0 auto;
      margin-left: auto; }
    .header-set-1117 .third_col3 {
      display: none !important; }
    .header-set-1117 .menu-lang-wrap {
      width: auto;
      justify-content: flex-end; }
    .header-set-1117 .navigation.primary {
      display: none !important; }
    .header-set-1117 .side-menu-close {
      width: 24px;
      height: 24px;
      min-width: 24px;
      padding: 0 !important;
      font-size: 0;
      color: #423018;
      font-weight: 500;
      border-radius: 0;
      background: transparent;
      border: none;
      cursor: pointer;
      display: flex !important;
      flex-wrap: wrap;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      transition: color 0.15s ease; }
      .header-set-1117 .side-menu-close span {
        display: none; }
      .header-set-1117 .side-menu-close::before {
        content: "";
        width: 24px;
        height: 24px;
        aspect-ratio: 1 / 1;
        display: block;
        background-repeat: no-repeat;
        background-position: center;
        background-size: 24px 24px;
        background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M4 6C4 5.73478 4.10536 5.48043 4.29289 5.29289C4.48043 5.10536 4.73478 5 5 5H19C19.2652 5 19.5196 5.10536 19.7071 5.29289C19.8946 5.48043 20 5.73478 20 6C20 6.26522 19.8946 6.51957 19.7071 6.70711C19.5196 6.89464 19.2652 7 19 7H5C4.73478 7 4.48043 6.89464 4.29289 6.70711C4.10536 6.51957 4 6.26522 4 6ZM4 18C4 17.7348 4.10536 17.4804 4.29289 17.2929C4.48043 17.1054 4.73478 17 5 17H19C19.2652 17 19.5196 17.1054 19.7071 17.2929C19.8946 17.4804 20 17.7348 20 18C20 18.2652 19.8946 18.5196 19.7071 18.7071C19.5196 18.8946 19.2652 19 19 19H5C4.73478 19 4.48043 18.8946 4.29289 18.7071C4.10536 18.5196 4 18.2652 4 18ZM5 11C4.73478 11 4.48043 11.1054 4.29289 11.2929C4.10536 11.4804 4 11.7348 4 12C4 12.2652 4.10536 12.5196 4.29289 12.7071C4.48043 12.8946 4.73478 13 5 13H13C13.2652 13 13.5196 12.8946 13.7071 12.7071C13.8946 12.5196 14 12.2652 14 12C14 11.7348 13.8946 11.4804 13.7071 11.2929C13.5196 11.1054 13.2652 11 13 11H5Z" fill="%23423018"/></svg>');
        transition: background-image 0.15s ease; }
      .header-set-1117 .side-menu-close:hover::before, .header-set-1117 .side-menu-close:focus-visible::before, .header-set-1117 .side-menu-close:active::before {
        background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M4 6C4 5.73478 4.10536 5.48043 4.29289 5.29289C4.48043 5.10536 4.73478 5 5 5H19C19.2652 5 19.5196 5.10536 19.7071 5.29289C19.8946 5.48043 20 5.73478 20 6C20 6.26522 19.8946 6.51957 19.7071 6.70711C19.5196 6.89464 19.2652 7 19 7H5C4.73478 7 4.48043 6.89464 4.29289 6.70711C4.10536 6.51957 4 6.26522 4 6ZM4 18C4 17.7348 4.10536 17.4804 4.29289 17.2929C4.48043 17.1054 4.73478 17 5 17H19C19.2652 17 19.5196 17.1054 19.7071 17.2929C19.8946 17.4804 20 17.7348 20 18C20 18.2652 19.8946 18.5196 19.7071 18.7071C19.5196 18.8946 19.2652 19 19 19H5C4.73478 19 4.48043 18.8946 4.29289 18.7071C4.10536 18.5196 4 18.2652 4 18ZM5 11C4.73478 11 4.48043 11.1054 4.29289 11.2929C4.10536 11.4804 4 11.7348 4 12C4 12.2652 4.10536 12.5196 4.29289 12.7071C4.48043 12.8946 4.73478 13 5 13H13C13.2652 13 13.5196 12.8946 13.7071 12.7071C13.8946 12.5196 14 12.2652 14 12C14 11.7348 13.8946 11.4804 13.7071 11.2929C13.5196 11.1054 13.2652 11 13 11H5Z" fill="%2371512B"/></svg>'); }
      .header-set-1117 .side-menu-close i {
        width: 24px;
        height: 24px;
        font-size: 24px;
        line-height: 1;
        color: #423018;
        display: none; }
    .header-set-1117 .static-menu {
      display: none; }
    .header-set-1117 .toggle-menu {
      display: inline-block;
      font-size: 1.5rem;
      color: #000;
      font-weight: 100; }

  .side-menu-nav {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column; }
    .side-menu-nav .right-top {
      list-style: none;
      order: 2;
      margin: 0;
      display: none; }
      .side-menu-nav .right-top li:not(:first-child) {
        display: none; }
      .side-menu-nav .right-top .lang-list .lang-item {
        display: inline-block;
        padding: 15px 30px 15px 10px; }
        .side-menu-nav .right-top .lang-list .lang-item:not(:last-child) {
          border-right: 1px solid #CECECE; }
        .side-menu-nav .right-top .lang-list .lang-item.active {
          font-weight: bold; } }
@media all and (max-width: 600px) {
  .header-set-1117 .first_row .right-top li a {
    font-size: 0.625rem; } }
.side-menu-wrap .side-menu-nav .main-menu a.sep-package-custom {
  color: #423018;
  text-decoration: none;
  background: transparent;
  -webkit-background-clip: border-box;
  background-clip: border-box;
  -webkit-text-fill-color: #423018;
  opacity: 1;
  width: fit-content; }
  .side-menu-wrap .side-menu-nav .main-menu a.sep-package-custom:hover, .side-menu-wrap .side-menu-nav .main-menu a.sep-package-custom:focus-visible, .side-menu-wrap .side-menu-nav .main-menu a.sep-package-custom:focus {
    color: #71512B;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
    background: transparent;
    -webkit-background-clip: border-box;
    background-clip: border-box;
    -webkit-text-fill-color: #71512B;
    opacity: 1;
    width: fit-content; }
  .side-menu-wrap .side-menu-nav .main-menu a.sep-package-custom:active {
    color: #5B4224;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
    background: transparent;
    -webkit-background-clip: border-box;
    background-clip: border-box;
    -webkit-text-fill-color: #5B4224;
    opacity: 1;
    width: fit-content; }
  .side-menu-wrap .side-menu-nav .main-menu a.sep-package-custom.active {
    color: #71512B;
    font-family: "Noto Sans Thai", "Inter", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    background: transparent;
    -webkit-background-clip: border-box;
    background-clip: border-box;
    -webkit-text-fill-color: #71512B;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
    opacity: 1;
    width: fit-content; }
    .side-menu-wrap .side-menu-nav .main-menu a.sep-package-custom.active:hover, .side-menu-wrap .side-menu-nav .main-menu a.sep-package-custom.active:focus-visible, .side-menu-wrap .side-menu-nav .main-menu a.sep-package-custom.active:focus {
      color: #71512B;
      text-decoration-line: underline;
      text-decoration-style: solid;
      text-decoration-skip-ink: auto;
      text-decoration-thickness: auto;
      text-underline-offset: auto;
      text-underline-position: from-font;
      background: transparent;
      -webkit-background-clip: border-box;
      background-clip: border-box;
      -webkit-text-fill-color: #71512B;
      opacity: 1;
      width: fit-content; }
    .side-menu-wrap .side-menu-nav .main-menu a.sep-package-custom.active:active {
      color: #5B4224;
      text-decoration-line: underline;
      text-decoration-style: solid;
      text-decoration-skip-ink: auto;
      text-decoration-thickness: auto;
      text-underline-offset: auto;
      text-underline-position: from-font;
      background: transparent;
      -webkit-background-clip: border-box;
      background-clip: border-box;
      -webkit-text-fill-color: #5B4224;
      opacity: 1;
      width: fit-content; }