.elementor-26 .elementor-element.elementor-element-fba9f13 > .elementor-container{max-width:1800px;}.elementor-26 .elementor-element.elementor-element-fba9f13{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:-146px;padding:0px 0px 0px 0px;z-index:99;}.elementor-26 .elementor-element.elementor-element-fba9f13 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-26 .elementor-element.elementor-element-a380655{z-index:2;}.elementor-widget-theme-site-logo .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-bc-flex-widget .elementor-26 .elementor-element.elementor-element-a393a16.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-26 .elementor-element.elementor-element-a393a16.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-26 .elementor-element.elementor-element-a393a16{z-index:2;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
					.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-26 .elementor-element.elementor-element-f99e8b3{z-index:4;--e-nav-menu-horizontal-menu-item-margin:calc( 0px / 2 );}.elementor-26 .elementor-element.elementor-element-f99e8b3 .elementor-menu-toggle{margin-left:auto;background-color:#FFFFFF00;}.elementor-26 .elementor-element.elementor-element-f99e8b3 .elementor-nav-menu .elementor-item{font-family:"Inter", Sans-serif;font-size:16px;font-weight:500;}.elementor-26 .elementor-element.elementor-element-f99e8b3 .elementor-nav-menu--main .elementor-item{color:#FFFFFF;fill:#FFFFFF;padding-left:37px;padding-right:37px;padding-top:13px;padding-bottom:13px;}.elementor-26 .elementor-element.elementor-element-f99e8b3 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-26 .elementor-element.elementor-element-f99e8b3 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-26 .elementor-element.elementor-element-f99e8b3 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-26 .elementor-element.elementor-element-f99e8b3 .elementor-nav-menu--main .elementor-item:focus{color:#FFFFFF;fill:#FFFFFF;}.elementor-26 .elementor-element.elementor-element-f99e8b3 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:0px;}.elementor-26 .elementor-element.elementor-element-f99e8b3 .elementor-nav-menu--dropdown a:hover,
					.elementor-26 .elementor-element.elementor-element-f99e8b3 .elementor-nav-menu--dropdown a:focus,
					.elementor-26 .elementor-element.elementor-element-f99e8b3 .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-26 .elementor-element.elementor-element-f99e8b3 .elementor-nav-menu--dropdown a.highlighted{background-color:#203F61;}.elementor-26 .elementor-element.elementor-element-f99e8b3 .elementor-nav-menu--dropdown .elementor-item, .elementor-26 .elementor-element.elementor-element-f99e8b3 .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:"Jost", Sans-serif;font-weight:500;}.elementor-26 .elementor-element.elementor-element-f99e8b3 div.elementor-menu-toggle{color:#FFFFFF;}.elementor-26 .elementor-element.elementor-element-f99e8b3 div.elementor-menu-toggle svg{fill:#FFFFFF;}.elementor-bc-flex-widget .elementor-26 .elementor-element.elementor-element-fd3e2c6.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-26 .elementor-element.elementor-element-fd3e2c6.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-26 .elementor-element.elementor-element-fd3e2c6{z-index:2;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-26 .elementor-element.elementor-element-5041d83{width:100%;max-width:100%;z-index:4;--e-icon-list-icon-size:22px;--icon-vertical-offset:0px;}.elementor-26 .elementor-element.elementor-element-5041d83 .elementor-icon-list-icon i{color:#FFFFFF;transition:color 0.3s;}.elementor-26 .elementor-element.elementor-element-5041d83 .elementor-icon-list-icon svg{fill:#FFFFFF;transition:fill 0.3s;}.elementor-26 .elementor-element.elementor-element-5041d83 .elementor-icon-list-text{transition:color 0.3s;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-26 .elementor-element.elementor-element-fba9f13{margin-top:0px;margin-bottom:-226px;padding:0px 0px 0px 0px;z-index:13;}.elementor-26 .elementor-element.elementor-element-a380655 > .elementor-element-populated{margin:-13px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-26 .elementor-element.elementor-element-3fe553b{width:100%;max-width:100%;}.elementor-26 .elementor-element.elementor-element-3fe553b img{height:107px;object-fit:cover;}.elementor-26 .elementor-element.elementor-element-a393a16 > .elementor-element-populated{margin:-13px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-26 .elementor-element.elementor-element-f99e8b3 .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-26 .elementor-element.elementor-element-f99e8b3 .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:47px !important;}.elementor-26 .elementor-element.elementor-element-fd3e2c6 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}}@media(max-width:767px){.elementor-26 .elementor-element.elementor-element-fba9f13{margin-top:0px;margin-bottom:-170px;}.elementor-26 .elementor-element.elementor-element-a380655{width:30%;}.elementor-26 .elementor-element.elementor-element-a380655 > .elementor-element-populated{margin:-13px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-26 .elementor-element.elementor-element-a393a16{width:70%;}.elementor-26 .elementor-element.elementor-element-a393a16 > .elementor-element-populated{margin:-12px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-26 .elementor-element.elementor-element-f99e8b3 .elementor-nav-menu--main .elementor-item{padding-left:34px;padding-right:34px;padding-top:12px;padding-bottom:12px;}.elementor-26 .elementor-element.elementor-element-f99e8b3{--e-nav-menu-horizontal-menu-item-margin:calc( 10px / 2 );--nav-menu-icon-size:19px;}.elementor-26 .elementor-element.elementor-element-f99e8b3 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:10px;}.elementor-26 .elementor-element.elementor-element-f99e8b3 .elementor-nav-menu--dropdown a{padding-top:18px;padding-bottom:18px;}.elementor-26 .elementor-element.elementor-element-f99e8b3 .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-26 .elementor-element.elementor-element-f99e8b3 .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:31px !important;}.elementor-26 .elementor-element.elementor-element-fd3e2c6 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}}@media(min-width:768px){.elementor-26 .elementor-element.elementor-element-a380655{width:8%;}.elementor-26 .elementor-element.elementor-element-a393a16{width:81.073%;}.elementor-26 .elementor-element.elementor-element-fd3e2c6{width:10.476%;}}@media(max-width:1024px) and (min-width:768px){.elementor-26 .elementor-element.elementor-element-a380655{width:16%;}.elementor-26 .elementor-element.elementor-element-a393a16{width:84%;}}/* Start custom CSS for section, class: .elementor-element-fba9f13 *//* ====== Sticky behavior & base ====== */
/* ขณะ sticky: บังคับให้เต็มความกว้างและแอนิเมชันลื่น + พื้นหลังโปร่งใสที่ต้องการ */
#smartHeader.elementor-sticky--active{
  left:0 !important; right:0 !important; width:100% !important;
  margin:0 !important; z-index:9999;
  transition:transform .25s ease, opacity .2s ease;
  will-change:transform;
  background:#1B1A1A78 !important;  /* <- สีที่ต้องการ */
}

/* เลื่อนลง: ซ่อนไว้ (ไม่ตามลงมา) */
html body.dir-down #smartHeader.elementor-sticky--active{
  transform:translateY(-100%) !important; opacity:.99; pointer-events:none;
}

/* เลื่อนขึ้น: โผล่กลับมา ติดบน */
html body.dir-up #smartHeader.elementor-sticky--active{
  transform:translateY(0) !important; opacity:1; pointer-events:auto;
}

/* ยังไม่ active → ปล่อยธรรมดา */
#smartHeader:not(.elementor-sticky--active){ transform:none !important; }

/* Admin bar */
@media (min-width:783px){
  body.admin-bar #smartHeader.elementor-sticky--active{ top:32px !important; }
}

/* กันเอฟเฟกต์ Elementor */
#smartHeader.elementor-sticky--effects{ animation:none !important; }

/* ====== Sticky size & logo scaling ====== */
:root{
  --sticky-height: 100px;   /* ความสูง header ตอน sticky */
  --sticky-logo-max: 92px;  /* ความสูงสูงสุดของโลโก้ตอน sticky */
  --sticky-padding-y: 12px; /* padding บน/ล่าง ตอน sticky */
}

/* ปรับความสูง/ระยะห่างตอน sticky */
#smartHeader.elementor-sticky--active{
  height: var(--sticky-height) !important;
  padding-top: var(--sticky-padding-y) !important;
  padding-bottom: var(--sticky-padding-y) !important;
}

/* จัดกึ่งกลางแนวตั้งให้คอนเทนต์ภายใน */
#smartHeader.elementor-sticky--active > .elementor-container{
  height:100% !important;
  display:flex !important;
  align-items:center !important;
}

/* ย่อโลโก้ให้พอดีกรอบ sticky */
#smartHeader.elementor-sticky--active .elementor-widget-theme-site-logo img{
  max-height: var(--sticky-logo-max) !important;
  height:auto !important; width:auto !important;
  object-fit:contain;
  transition: max-height .25s ease, transform .25s ease, opacity .2s ease;
}

/* ถ้าโลโก้มีลิงก์ครอบ */
#smartHeader.elementor-sticky--active .elementor-widget-theme-site-logo a{
  display:inline-flex !important;
  align-items:center; max-height: var(--sticky-height);
}

/* เมนูดรอปดาวน์ให้ลงมาตามความสูง sticky เมื่อโชว์ */
body.dir-up .elementor-nav-menu--dropdown{
  top: var(--sticky-height) !important;
}

/* ====== Responsive ปรับขนาดตอนจอเล็ก ====== */
@media (max-width:1024px){
  :root{
    --sticky-height: 100px;
    --sticky-logo-max: 92px;
  }
}
@media (max-width:767px){
  :root{
    --sticky-height: 100px;
    --sticky-logo-max: 92px;
  }
}
/* ===== Force shrink logo ONLY when sticky ===== */
#smartHeader.elementor-sticky--active .elementor-widget-theme-site-logo img,
#smartHeader.elementor-sticky--active .elementor-widget-image .custom-logo,
#smartHeader.elementor-sticky--active .elementor-widget-theme-site-logo .custom-logo,
#smartHeader.elementor-sticky--active .elementor-widget-image img {
  height: var(--sticky-logo-max) !important;     /* บังคับความสูง */
  max-height: var(--sticky-logo-max) !important;
  width: auto !important;                        /* รักษาสัดส่วน */
  object-fit: contain !important;
  line-height: 1 !important;
  display: inline-block !important;
  transition: height .3s ease, max-height .3s ease, transform .3s ease, opacity .3s ease;
}

/* จัดแนวคอลัมน์ให้กึ่งกลางแนวตั้ง (บางธีมต้องบังคับถึง .elementor-widget-wrap) */
#smartHeader.elementor-sticky--active .elementor-widget-wrap {
  display: flex !important;
  align-items: center !important;
}

/* กันตัวห่อโลโก้มี padding/margin ทำให้ดูเหมือนยังใหญ่ */
#smartHeader.elementor-sticky--active .elementor-widget-theme-site-logo,
#smartHeader.elementor-sticky--active .elementor-widget-image {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* ถ้าโลโก้มีลิงก์ครอบ ให้จำกัดกรอบไว้ด้วย */
#smartHeader.elementor-sticky--active .elementor-widget-theme-site-logo a,
#smartHeader.elementor-sticky--active .elementor-widget-image a {
  display: inline-flex !important;
  align-items: center !important;
  max-height: var(--sticky-height) !important;
}/* End custom CSS */