.elementor-widget-image .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-33 .elementor-element.elementor-element-14a012d{width:var( --container-widget-width, 10% );max-width:10%;--container-widget-width:10%;--container-widget-flex-grow:0;}.elementor-33 .elementor-element.elementor-element-14a012d.elementor-element{--align-self:center;}.elementor-33 .elementor-element.elementor-element-14a012d img{filter:brightness( 200% ) contrast( 200% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.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-33 .elementor-element.elementor-element-d115862 .elementor-nav-menu .elementor-item{font-family:"Montserrat", Sans-serif;font-size:14px;font-weight:500;text-transform:uppercase;}.elementor-33 .elementor-element.elementor-element-d115862 .elementor-nav-menu--main .elementor-item{color:#FFFFFF;fill:#FFFFFF;padding-top:0px;padding-bottom:0px;}.elementor-33 .elementor-element.elementor-element-d115862 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-33 .elementor-element.elementor-element-d115862 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-33 .elementor-element.elementor-element-d115862 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-33 .elementor-element.elementor-element-d115862 .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-33 .elementor-element.elementor-element-d115862 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var( --e-global-color-primary );}.elementor-33 .elementor-element.elementor-element-f164119{width:var( --container-widget-width, 8% );max-width:8%;--container-widget-width:8%;--container-widget-flex-grow:0;}.elementor-33 .elementor-element.elementor-element-f164119.elementor-element{--align-self:center;}.elementor-33 .elementor-element.elementor-element-bcd366f .elementor-nav-menu .elementor-item{font-family:"Montserrat", Sans-serif;font-size:14px;font-weight:500;text-transform:uppercase;}.elementor-33 .elementor-element.elementor-element-bcd366f .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-478a0a8 );fill:var( --e-global-color-478a0a8 );padding-top:0px;padding-bottom:0px;}.elementor-33 .elementor-element.elementor-element-bcd366f .elementor-nav-menu--main .elementor-item:hover,
					.elementor-33 .elementor-element.elementor-element-bcd366f .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-33 .elementor-element.elementor-element-bcd366f .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-33 .elementor-element.elementor-element-bcd366f .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-33 .elementor-element.elementor-element-bcd366f .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var( --e-global-color-primary );}.elementor-33 .elementor-element.elementor-element-bd4000c{width:100%;max-width:100%;top:0px;}body:not(.rtl) .elementor-33 .elementor-element.elementor-element-bd4000c{left:0px;}body.rtl .elementor-33 .elementor-element.elementor-element-bd4000c{right:0px;}.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-33 .elementor-element.elementor-element-14a012d{--container-widget-width:15%;--container-widget-flex-grow:0;width:var( --container-widget-width, 15% );max-width:15%;}.elementor-33 .elementor-element.elementor-element-d115862 .elementor-nav-menu--main .elementor-item{padding-left:0px;padding-right:0px;padding-top:0px;padding-bottom:0px;}.elementor-33 .elementor-element.elementor-element-d115862{--e-nav-menu-horizontal-menu-item-margin:calc( 20px / 2 );}.elementor-33 .elementor-element.elementor-element-d115862 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:20px;}.elementor-33 .elementor-element.elementor-element-f164119{--container-widget-width:15%;--container-widget-flex-grow:0;width:var( --container-widget-width, 15% );max-width:15%;}.elementor-33 .elementor-element.elementor-element-bcd366f .elementor-nav-menu--main .elementor-item{padding-left:0px;padding-right:0px;padding-top:0px;padding-bottom:0px;}.elementor-33 .elementor-element.elementor-element-bcd366f{--e-nav-menu-horizontal-menu-item-margin:calc( 20px / 2 );}.elementor-33 .elementor-element.elementor-element-bcd366f .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:20px;}}@media(max-width:768px){.elementor-33 .elementor-element.elementor-element-14a012d{--container-widget-width:30%;--container-widget-flex-grow:0;width:var( --container-widget-width, 30% );max-width:30%;}.elementor-33 .elementor-element.elementor-element-f164119{--container-widget-width:28%;--container-widget-flex-grow:0;width:var( --container-widget-width, 28% );max-width:28%;}}/* Start custom CSS for html, class: .elementor-element-bd4000c *//* =====================================================
   ATOMIC HEADER 2 LAYERS
   Smooth Sticky Transition
   ไม่ยุ่งกับเมนู โลโก้ รูปภาพ ปุ่ม หรือ icon
===================================================== */

/* Header ตัวแรก: Transparent */
.header_transparent {
  position: absolute !important;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;

  background: transparent !important;
}

/* Header ตัวที่สอง: Sticky */
.header_sticky {
  position: fixed !important;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000;

  background: rgba(255, 255, 255, 0.92) !important;
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);

  box-shadow: 0 0 0 rgba(0, 0, 0, 0);

  opacity: 0;
  visibility: hidden;
  pointer-events: none;

  transform: translate3d(0, -110%, 0) scale(0.985);
  transform-origin: top center;

  transition:
    opacity 0.36s ease,
    visibility 0.36s ease,
    transform 0.42s cubic-bezier(0.22, 1, 0.36, 1),
    box-shadow 0.42s ease,
    background-color 0.42s ease;

  will-change: transform, opacity;
}

/* แสดง Sticky Header หลัง Scroll */
.header_sticky.is_active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;

  transform: translate3d(0, 0, 0) scale(1);

  box-shadow:
    0 8px 26px rgba(0, 0, 0, 0.08),
    0 1px 0 rgba(66, 165, 210, 0.08);
}

/* ลด animation สำหรับผู้ใช้ที่ตั้งค่า reduce motion */
@media (prefers-reduced-motion: reduce) {
  .header_sticky {
    transition: none;
    transform: translate3d(0, -100%, 0);
  }

  .header_sticky.is_active {
    transform: translate3d(0, 0, 0);
  }
}/* End custom CSS */