.elementor-28120 .elementor-element.elementor-element-db24146{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:-130px;--margin-left:0px;--margin-right:0px;--z-index:10;}.elementor-28120 .elementor-element.elementor-element-404a435{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-28120 .elementor-element.elementor-element-1f10b90{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-28120 .elementor-element.elementor-element-a2dab4e .elementor-menu-toggle{margin-left:auto;background-color:#707070B3;}.elementor-28120 .elementor-element.elementor-element-a2dab4e .elementor-nav-menu--main .elementor-item{color:#FFFFFF;fill:#FFFFFF;}.elementor-28120 .elementor-element.elementor-element-a2dab4e .elementor-nav-menu--dropdown a, .elementor-28120 .elementor-element.elementor-element-a2dab4e .elementor-menu-toggle{color:#676767;fill:#676767;}.elementor-28120 .elementor-element.elementor-element-a2dab4e .elementor-nav-menu--dropdown{background-color:#020101DB;}.elementor-28120 .elementor-element.elementor-element-a2dab4e div.elementor-menu-toggle{color:#A5A5A5;}.elementor-28120 .elementor-element.elementor-element-a2dab4e div.elementor-menu-toggle svg{fill:#A5A5A5;}.elementor-28120 .elementor-element.elementor-element-a2dab4e{--nav-menu-icon-size:26px;}.elementor-28120 .elementor-element.elementor-element-e512c9a .jet-mobile-menu__container{z-index:999;}.elementor-28120 .elementor-element.elementor-element-e512c9a .jet-mobile-menu-widget .jet-mobile-menu-cover{z-index:calc(999-1);}.elementor-28120 .elementor-element.elementor-element-e512c9a .jet-mobile-menu__item .jet-menu-icon{align-self:center;justify-content:center;}.elementor-28120 .elementor-element.elementor-element-e512c9a .jet-mobile-menu__item .jet-menu-badge{align-self:flex-start;}.elementor-28120 .elementor-element.elementor-element-fa8c3f0{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:-130px;--margin-left:0px;--margin-right:0px;--z-index:10;}.elementor-28120 .elementor-element.elementor-element-636ee03{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-28120 .elementor-element.elementor-element-636ee03.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-28120 .elementor-element.elementor-element-7d96c68{text-align:right;}.elementor-28120 .elementor-element.elementor-element-1ca8689{text-align:right;}.elementor-28120 .elementor-element.elementor-element-a1a68c7{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-28120 .elementor-element.elementor-element-a1a68c7.e-con{--order:99999 /* order end hack */;--flex-grow:1;--flex-shrink:0;}.elementor-28120 .elementor-element.elementor-element-739dcc5 .jet-nav--horizontal{justify-content:center;text-align:center;}.elementor-28120 .elementor-element.elementor-element-739dcc5 .jet-nav--vertical .menu-item-link-top{justify-content:center;text-align:center;}.elementor-28120 .elementor-element.elementor-element-739dcc5 .jet-nav--vertical-sub-bottom .menu-item-link-sub{justify-content:center;text-align:center;}.elementor-28120 .elementor-element.elementor-element-739dcc5 .jet-mobile-menu.jet-mobile-menu-trigger-active .menu-item-link{justify-content:center;text-align:center;}.elementor-28120 .elementor-element.elementor-element-739dcc5{width:var( --container-widget-width, 82.397% );max-width:82.397%;--container-widget-width:82.397%;--container-widget-flex-grow:0;}.elementor-28120 .elementor-element.elementor-element-739dcc5.elementor-element{--flex-grow:0;--flex-shrink:0;}body:not(.rtl) .elementor-28120 .elementor-element.elementor-element-739dcc5 .jet-nav--horizontal .jet-nav__sub{text-align:left;}body.rtl .elementor-28120 .elementor-element.elementor-element-739dcc5 .jet-nav--horizontal .jet-nav__sub{text-align:right;}.elementor-28120 .elementor-element.elementor-element-739dcc5 .menu-item-link-top{color:#FFFFFF;}.elementor-28120 .elementor-element.elementor-element-739dcc5 .menu-item-link-top .jet-nav-arrow{color:#D5D5D5;}.elementor-28120 .elementor-element.elementor-element-739dcc5 .menu-item:hover > .menu-item-link-top{color:#ACAAAA;}.elementor-28120 .elementor-element.elementor-element-739dcc5 .jet-nav__sub{background-color:#DBDBDB;border-radius:5px 5px 5px 5px;}.elementor-28120 .elementor-element.elementor-element-739dcc5 .jet-nav__sub > .menu-item:first-child > .menu-item-link{border-radius:5px 5px 0 0;}.elementor-28120 .elementor-element.elementor-element-739dcc5 .jet-nav__sub > .menu-item:last-child > .menu-item-link{border-radius:0 0 5px 5px;}.elementor-28120 .elementor-element.elementor-element-739dcc5 .jet-nav__mobile-trigger{color:#D5D5D5;}.elementor-28120 .elementor-element.elementor-element-739dcc5 .jet-mobile-menu-active .jet-nav{background-color:#A5A5A5;}.elementor-28120 .elementor-element.elementor-element-739dcc5 .jet-nav__mobile-close-btn{color:#575757;}.elementor-28120 .elementor-element.elementor-element-e6038f9 .jet-nav--horizontal{justify-content:center;text-align:center;}.elementor-28120 .elementor-element.elementor-element-e6038f9 .jet-nav--vertical .menu-item-link-top{justify-content:center;text-align:center;}.elementor-28120 .elementor-element.elementor-element-e6038f9 .jet-nav--vertical-sub-bottom .menu-item-link-sub{justify-content:center;text-align:center;}.elementor-28120 .elementor-element.elementor-element-e6038f9 .jet-mobile-menu.jet-mobile-menu-trigger-active .menu-item-link{justify-content:center;text-align:center;}.elementor-28120 .elementor-element.elementor-element-e6038f9{width:var( --container-widget-width, 82.397% );max-width:82.397%;--container-widget-width:82.397%;--container-widget-flex-grow:0;}.elementor-28120 .elementor-element.elementor-element-e6038f9.elementor-element{--flex-grow:0;--flex-shrink:0;}body:not(.rtl) .elementor-28120 .elementor-element.elementor-element-e6038f9 .jet-nav--horizontal .jet-nav__sub{text-align:left;}body.rtl .elementor-28120 .elementor-element.elementor-element-e6038f9 .jet-nav--horizontal .jet-nav__sub{text-align:right;}.elementor-28120 .elementor-element.elementor-element-e6038f9 .menu-item-link-top{color:#FFFFFF;}.elementor-28120 .elementor-element.elementor-element-e6038f9 .menu-item-link-top .jet-nav-arrow{color:#D5D5D5;}.elementor-28120 .elementor-element.elementor-element-e6038f9 .menu-item:hover > .menu-item-link-top{color:#ACAAAA;}.elementor-28120 .elementor-element.elementor-element-e6038f9 .jet-nav__sub{background-color:#DBDBDB;border-radius:5px 5px 5px 5px;}.elementor-28120 .elementor-element.elementor-element-e6038f9 .jet-nav__sub > .menu-item:first-child > .menu-item-link{border-radius:5px 5px 0 0;}.elementor-28120 .elementor-element.elementor-element-e6038f9 .jet-nav__sub > .menu-item:last-child > .menu-item-link{border-radius:0 0 5px 5px;}.elementor-28120 .elementor-element.elementor-element-e6038f9 .jet-nav__mobile-trigger{color:#D5D5D5;}.elementor-28120 .elementor-element.elementor-element-e6038f9 .jet-mobile-menu-active .jet-nav{background-color:#A5A5A5;}.elementor-28120 .elementor-element.elementor-element-e6038f9 .jet-nav__mobile-close-btn{color:#575757;}.elementor-28120 .elementor-element.elementor-element-d6276ac .jet-mobile-menu__container{z-index:999;}.elementor-28120 .elementor-element.elementor-element-d6276ac .jet-mobile-menu-widget .jet-mobile-menu-cover{z-index:calc(999-1);}.elementor-28120 .elementor-element.elementor-element-d6276ac .jet-mobile-menu__item .jet-menu-icon{align-self:center;justify-content:center;}.elementor-28120 .elementor-element.elementor-element-d6276ac .jet-mobile-menu__item .jet-menu-badge{align-self:flex-start;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-28120 .elementor-element.elementor-element-404a435{--width:20%;}.elementor-28120 .elementor-element.elementor-element-1f10b90{--width:80%;}.elementor-28120 .elementor-element.elementor-element-636ee03{--width:19%;}.elementor-28120 .elementor-element.elementor-element-a1a68c7{--width:50%;}}@media(max-width:1024px) and (min-width:768px){.elementor-28120 .elementor-element.elementor-element-a1a68c7{--width:435px;}}@media(max-width:767px){.elementor-28120 .elementor-element.elementor-element-404a435{--width:48%;}.elementor-28120 .elementor-element.elementor-element-910248d.elementor-element{--align-self:center;}.elementor-28120 .elementor-element.elementor-element-910248d{text-align:right;}.elementor-28120 .elementor-element.elementor-element-910248d img{width:100%;}.elementor-28120 .elementor-element.elementor-element-1f10b90{--width:48%;}.elementor-28120 .elementor-element.elementor-element-636ee03{--width:80%;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:70px;--padding-right:0px;}.elementor-28120 .elementor-element.elementor-element-1ca8689.elementor-element{--align-self:center;}.elementor-28120 .elementor-element.elementor-element-1ca8689{text-align:right;}.elementor-28120 .elementor-element.elementor-element-1ca8689 img{width:100%;}.elementor-28120 .elementor-element.elementor-element-a1a68c7{--width:20%;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-end;}.elementor-28120 .elementor-element.elementor-element-739dcc5 .jet-nav--horizontal{justify-content:flex-start;text-align:left;}.elementor-28120 .elementor-element.elementor-element-739dcc5 .jet-nav--vertical .menu-item-link-top{justify-content:flex-start;text-align:left;}.elementor-28120 .elementor-element.elementor-element-739dcc5 .jet-nav--vertical-sub-bottom .menu-item-link-sub{justify-content:flex-start;text-align:left;}.elementor-28120 .elementor-element.elementor-element-739dcc5 .jet-mobile-menu.jet-mobile-menu-trigger-active .menu-item-link{justify-content:flex-start;text-align:left;}.elementor-28120 .elementor-element.elementor-element-e6038f9 .jet-nav--horizontal{justify-content:flex-start;text-align:left;}.elementor-28120 .elementor-element.elementor-element-e6038f9 .jet-nav--vertical .menu-item-link-top{justify-content:flex-start;text-align:left;}.elementor-28120 .elementor-element.elementor-element-e6038f9 .jet-nav--vertical-sub-bottom .menu-item-link-sub{justify-content:flex-start;text-align:left;}.elementor-28120 .elementor-element.elementor-element-e6038f9 .jet-mobile-menu.jet-mobile-menu-trigger-active .menu-item-link{justify-content:flex-start;text-align:left;}}/* Start custom CSS for container, class: .elementor-element-404a435 *//* ซ่อนโลโก้ sticky เริ่มต้น */
.logo-sticky {
  display: none;
}

/* เมื่อ scroll แล้ว ใช้โลโก้ sticky */
.elementor-sticky--effects .logo-default {
  display: none !important;
}
.elementor-sticky--effects .logo-sticky {
  display: block !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-a2dab4e */.elementor-28120 .elementor-element.elementor-element-a2dab4e .mainmenu-nc a {
  color: white;
}

.elementor-sticky--effects .mainmenu-nc a {
  color: #000000 !important;
}/* End custom CSS */
/* Start custom CSS for jet-mobile-menu, class: .elementor-element-e512c9a *//* ก่อนเลื่อน = สีขาว */
.nc-header .jet-mobile-menu__toggle,
.nc-header .jet-mobile-menu__toggle *,
.nc-header .jet-mobile-menu__toggle svg {
  color:#fff !important; fill:#fff !important;
  transition: color .3s, fill .3s;
}

/* พอ sticky = สีดำ */
.nc-header.elementor-sticky--effects .jet-mobile-menu__toggle,
.nc-header.elementor-sticky--effects .jet-mobile-menu__toggle *,
.nc-header.elementor-sticky--effects .jet-mobile-menu__toggle svg {
  color:#000 !important; fill:#000 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-db24146 */.elementor-28120 .elementor-element.elementor-element-db24146.elementor-sticky--effects{
background-color:rgba(255, 255, 255, 0.97)!important;
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(5px);
-webkit-backdrop-filter: blur(5px);
}
.elementor-28120 .elementor-element.elementor-element-db24146{
transition: background-color 1s ease !important;
}
.elementor-28120 .elementor-element.elementor-element-db24146.elementor-sticky--effects >.elementor-container{
min-height: 70px;
}
.elementor-28120 .elementor-element.elementor-element-db24146 > .elementor-container{
transition: min-height 1s ease !important;
}

.header-img img {
max-width: 170px;
height: auto;
transition: all 0.5s ease;
}
.elementor-sticky--effects .header-img img {
max-width: 150px;
height: auto;
}

.jet-nav .jet-nav__sub a {
  color: #000000; /* สีตัวอักษรในซับเมนู */
}





/* ก่อนเลื่อน (ยังไม่ sticky) → สีอักษรเป็นสีเดียวกับเมนูหลัก */
.jet-mobile-menu__toggle {
    color: #ffffff !important;   /* หรือสีเดียวกับเมนูหลักตอนโปร่งใส */
    transition: color 0.5s ease;
}

/* ตอนเลื่อนลง (sticky) → ให้เปลี่ยนตามเมนูหลัก */
.elementor-sticky--effects .jet-mobile-menu__toggle {
    color: #000000 !important;   /* หรือสีเข้มที่เมนูหลักใช้ตอน sticky */
}



/* ก่อนเลื่อน (ยังไม่ sticky) */
.jet-mobile-menu__toggle,
.jet-mobile-menu__toggle span,
.jet-mobile-menu__toggle div {
    color: #ffffff !important;
    transition: color 0.5s ease;
}

/* ตอนเลื่อนลง (sticky) */
.elementor-sticky--effects .jet-mobile-menu__toggle,
.elementor-sticky--effects .jet-mobile-menu__toggle span,
.elementor-sticky--effects .jet-mobile-menu__toggle div {
    color: #000000 !important;
}




/* ===========================
   NC Header – Sticky + Hamburger
   =========================== */

/* 1) สี Hamburger (คำว่า “เมนู” + ไอคอน) ให้ sync กับเมนูหลัก */
.nc-header .jet-mobile-menu__toggle,
.nc-header .jet-mobile-menu__toggle *,
.nc-header .jet-mobile-menu__toggle svg {
  color: #ffffff !important;   /* ก่อนเลื่อน */
  fill:  #ffffff !important;
  transition: color .4s ease, fill .4s ease;
}
.nc-header.elementor-sticky--effects .jet-mobile-menu__toggle,
.nc-header.elementor-sticky--effects .jet-mobile-menu__toggle *,
.nc-header.elementor-sticky--effects .jet-mobile-menu__toggle svg {
  color: #000000 !important;   /* หลังเลื่อน */
  fill:  #000000 !important;
}

/* 2) กัน dropdown เด้ง/กดยาก (ล็อกขนาดลิงก์) */
.nc-header .jet-mobile-menu .jet-nav__sub a {
  display: block;
  padding: 10px 14px;
  line-height: 1.5;
  font-weight: 400;
  border-bottom: 1px solid transparent;     /* จองที่ไว้ กันเด้งตอน hover */
  transition: color .2s, background-color .2s, border-color .2s;
  position: relative;
  top: 0;
  transform: none;
}
.nc-header .jet-mobile-menu .jet-nav__sub a:hover,
.nc-header .jet-mobile-menu .jet-nav__sub a:focus,
.nc-header .jet-mobile-menu .jet-nav__sub a:active {
  color: #2b2b2b;                             /* ปรับสีตามธีมได้ */
  background-color: rgba(0,0,0,.06);
  border-bottom-color: transparent;
  top: 0 !important;
  transform: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-636ee03 *//* ซ่อนโลโก้ sticky เริ่มต้น */
.logo-sticky {
  display: none;
}

/* เมื่อ scroll แล้ว ใช้โลโก้ sticky */
.elementor-sticky--effects .logo-default {
  display: none !important;
}
.elementor-sticky--effects .logo-sticky {
  display: block !important;
}/* End custom CSS */
/* Start custom CSS for jet-mobile-menu, class: .elementor-element-d6276ac *//* ก่อนเลื่อน = สีขาว */
.nc-header .jet-mobile-menu__toggle,
.nc-header .jet-mobile-menu__toggle *,
.nc-header .jet-mobile-menu__toggle svg {
  color:#fff !important; fill:#fff !important;
  transition: color .3s, fill .3s;
}

/* พอ sticky = สีดำ */
.nc-header.elementor-sticky--effects .jet-mobile-menu__toggle,
.nc-header.elementor-sticky--effects .jet-mobile-menu__toggle *,
.nc-header.elementor-sticky--effects .jet-mobile-menu__toggle svg {
  color:#000 !important; fill:#000 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a1a68c7 *//* ก่อน scroll: ตัวหนังสือเมนูสีขาว */
.jetmainmenu-nc .jet-nav-link-text {
  color: white ;
  transition: color 0.3s ease;
}

/* หลัง scroll: ตัวหนังสือเมนูเปลี่ยนเป็นสีดำ */
.elementor-sticky--effects .jetmainmenu-nc .jet-nav-link-text {
  color: #1a1a1a !important;
}

/* Hover effect */
.jetmainmenu-nc .jet-nav-link-text:hover {
  color: #95c11f;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fa8c3f0 */.header-img img {
max-width: 170px;
height: auto;
transition: all 0.5s ease;
}
.elementor-sticky--effects .header-img img {
max-width: 150px;
height: auto;
}


.elementor-28120 .elementor-element.elementor-element-fa8c3f0.elementor-sticky--effects{
background-color:rgba(255, 255, 255, 0.97)!important;
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(5px);
-webkit-backdrop-filter: blur(5px);
}
.elementor-28120 .elementor-element.elementor-element-fa8c3f0{
transition: background-color 1s ease !important;
}
.elementor-28120 .elementor-element.elementor-element-fa8c3f0.elementor-sticky--effects >.elementor-container{
min-height: 70px;
}
.elementor-28120 .elementor-element.elementor-element-fa8c3f0 > .elementor-container{
transition: min-height 1s ease !important;
}/* End custom CSS */