.elementor-537 .elementor-element.elementor-element-3c55c073{--display:flex;--position:absolute;--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;top:0px;--z-index:100;}.elementor-537 .elementor-element.elementor-element-3c55c073:not(.elementor-motion-effects-element-type-background), .elementor-537 .elementor-element.elementor-element-3c55c073 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}body:not(.rtl) .elementor-537 .elementor-element.elementor-element-3c55c073{left:0px;}body.rtl .elementor-537 .elementor-element.elementor-element-3c55c073{right:0px;}.elementor-537 .elementor-element.elementor-element-2c5dac93 img{width:100%;}.elementor-537 .elementor-element.elementor-element-4821dde2{--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;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-537 .elementor-element.elementor-element-6b9e48c9{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-537 .elementor-element.elementor-element-6b9e48c9.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-537 .elementor-element.elementor-element-3e36c6f0 .elementor-nav-menu .elementor-item{font-family:"IBMPlexSansThai Medium", Sans-serif;}.elementor-537 .elementor-element.elementor-element-3e36c6f0 .elementor-nav-menu--main .elementor-item{color:#E2F9FF;fill:#E2F9FF;}.elementor-537 .elementor-element.elementor-element-3e36c6f0 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-537 .elementor-element.elementor-element-3e36c6f0 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-537 .elementor-element.elementor-element-3e36c6f0 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-537 .elementor-element.elementor-element-3e36c6f0 .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-537 .elementor-element.elementor-element-3e36c6f0 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-537 .elementor-element.elementor-element-3e36c6f0 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-secondary );}.elementor-537 .elementor-element.elementor-element-3e36c6f0 .e--pointer-framed .elementor-item:before,
					.elementor-537 .elementor-element.elementor-element-3e36c6f0 .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-secondary );}.elementor-537 .elementor-element.elementor-element-3e36c6f0 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var( --e-global-color-secondary );}.elementor-537 .elementor-element.elementor-element-3e36c6f0 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:before,
					.elementor-537 .elementor-element.elementor-element-3e36c6f0 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:after{background-color:var( --e-global-color-secondary );}.elementor-537 .elementor-element.elementor-element-3e36c6f0 .e--pointer-framed .elementor-item.elementor-item-active:before,
					.elementor-537 .elementor-element.elementor-element-3e36c6f0 .e--pointer-framed .elementor-item.elementor-item-active:after{border-color:var( --e-global-color-secondary );}.elementor-537 .elementor-element.elementor-element-3e36c6f0 .elementor-nav-menu--dropdown a, .elementor-537 .elementor-element.elementor-element-3e36c6f0 .elementor-menu-toggle{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-537 .elementor-element.elementor-element-3e36c6f0 .elementor-nav-menu--dropdown{background-color:#FFFFFF;}.elementor-537 .elementor-element.elementor-element-3e36c6f0 .elementor-nav-menu--dropdown a:hover,
					.elementor-537 .elementor-element.elementor-element-3e36c6f0 .elementor-nav-menu--dropdown a:focus,
					.elementor-537 .elementor-element.elementor-element-3e36c6f0 .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-537 .elementor-element.elementor-element-3e36c6f0 .elementor-nav-menu--dropdown a.highlighted{background-color:var( --e-global-color-secondary );}.elementor-537 .elementor-element.elementor-element-3e36c6f0 .elementor-nav-menu--dropdown .elementor-item, .elementor-537 .elementor-element.elementor-element-3e36c6f0 .elementor-nav-menu--dropdown  .elementor-sub-item{font-weight:600;}.elementor-537 .elementor-element.elementor-element-3e36c6f0 div.elementor-menu-toggle{color:var( --e-global-color-secondary );}.elementor-537 .elementor-element.elementor-element-3e36c6f0 div.elementor-menu-toggle svg{fill:var( --e-global-color-secondary );}.elementor-537 .elementor-element.elementor-element-3e36c6f0 .elementor-menu-toggle{background-color:#0FE4D526;}.elementor-537 .elementor-element.elementor-element-5717c433 > .elementor-widget-container{background-color:#00CCFF70;}.elementor-537 .elementor-element.elementor-element-5717c433.elementor-element{--align-self:center;}.elementor-537 .elementor-element.elementor-element-5717c433 .cpel-switcher__lang a{font-family:"Noka_Semibold", Sans-serif;color:#FFFFFF;padding-left:7px;padding-right:7px;padding-top:5px;padding-bottom:5px;}.elementor-537 .elementor-element.elementor-element-5717c433 .cpel-switcher__icon{color:#FFFFFF;padding-left:10px;}.elementor-537 .elementor-element.elementor-element-5717c433.cpel-switcher--layout-dropdown .cpel-switcher__lang a{background-color:var( --e-global-color-secondary );}.elementor-537 .elementor-element.elementor-element-5717c433 .cpel-switcher__lang a:hover, .elementor-537 .elementor-element.elementor-element-5717c433 .cpel-switcher__lang a:focus{font-family:"Noka_Semibold", Sans-serif;color:#FFFFFF;}.elementor-537 .elementor-element.elementor-element-5717c433.cpel-switcher--layout-dropdown .cpel-switcher__lang a:hover, .elementor-537 .elementor-element.elementor-element-5717c433.cpel-switcher--layout-dropdown .cpel-switcher__lang a:focus{background-color:var( --e-global-color-primary );}.elementor-537 .elementor-element.elementor-element-5717c433 .cpel-switcher__code{padding-left:5px;}.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-537 .elementor-element.elementor-element-3c55c073{--padding-top:2px;--padding-bottom:2px;--padding-left:2px;--padding-right:2px;}.elementor-537 .elementor-element.elementor-element-2c5dac93 img{width:100%;}.elementor-537 .elementor-element.elementor-element-4821dde2{--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-537 .elementor-element.elementor-element-6b9e48c9{--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;--align-items:flex-end;}.elementor-537 .elementor-element.elementor-element-3e36c6f0{margin:0% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 8%;padding:3px 3px 3px 3px;}.elementor-537 .elementor-element.elementor-element-3e36c6f0.elementor-element{--align-self:flex-start;}.elementor-537 .elementor-element.elementor-element-3e36c6f0 .elementor-nav-menu .elementor-item{font-size:14px;}.elementor-537 .elementor-element.elementor-element-5717c433 .cpel-switcher__lang a{font-size:12px;}}@media(max-width:767px){.elementor-537 .elementor-element.elementor-element-3c55c073{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:2px;--padding-bottom:4px;--padding-left:2px;--padding-right:2px;}.elementor-537 .elementor-element.elementor-element-2c5dac93{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:4px 0px 0px 0px;z-index:100;}.elementor-537 .elementor-element.elementor-element-2c5dac93 img{width:100%;}.elementor-537 .elementor-element.elementor-element-4821dde2{--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:13px;--padding-bottom:13px;--padding-left:13px;--padding-right:13px;--z-index:20;}.elementor-537 .elementor-element.elementor-element-6b9e48c9{--width:77%;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-537 .elementor-element.elementor-element-3e36c6f0{margin:0% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;}.elementor-537 .elementor-element.elementor-element-3e36c6f0 .elementor-nav-menu--dropdown .elementor-item, .elementor-537 .elementor-element.elementor-element-3e36c6f0 .elementor-nav-menu--dropdown  .elementor-sub-item{font-size:12px;}.elementor-537 .elementor-element.elementor-element-5717c433 .cpel-switcher__lang a{padding-left:5px;padding-right:5px;}}@media(min-width:768px){.elementor-537 .elementor-element.elementor-element-6b9e48c9{--width:70%;}}@media(max-width:1024px) and (min-width:768px){.elementor-537 .elementor-element.elementor-element-6b9e48c9{--width:642px;}}/* Start custom CSS for container, class: .elementor-element-4821dde2 *//* ตั้งค่าเฉพาะหน้าจอมือถือ (ความกว้างไม่เกิน 767px) */
@media (max-width: 767px) {
    .elementor-537 .elementor-element.elementor-element-4821dde2 {
        position: absolute !important;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 999; /* ให้ลอยอยู่เหนือเนื้อหาอื่น */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c55c073 */.elementor-537 .elementor-element.elementor-element-3c55c073.elementor-sticky--effects{
background-color: rgba(0, 104,128,0.8)!important
}

.elementor-537 .elementor-element.elementor-element-3c55c073{
transition: background-color 1s ease !important;
}

.elementor-537 .elementor-element.elementor-element-3c55c073.elementor-sticky--effects >.elementor-container{
min-height: 70px;
}

.elementor-537 .elementor-element.elementor-element-3c55c073 > .elementor-container{
transition: min-height 1s ease !important;
}

.logo img {
max-width: 140px;
height: auto;
transition: all 0.5s ease;
}

.elementor-sticky--effects .logo img {
max-width: 120px;
height: auto;
}


/* 1. เตรียม Transition ให้เมนู (ใส่เพื่อให้เวลาเลื่อนแล้วฟอนต์ค่อยๆ เล็กลงแบบ Smooth) */
.elementor-537 .elementor-element.elementor-element-3c55c073 .elementor-nav-menu--main .elementor-item {
    transition: all 0.5s ease !important;
}

/* 2. เมื่อเกิดเอฟเฟกต์ Sticky (ตอนเลื่อนหน้าจอลงมา) */
.elementor-537 .elementor-element.elementor-element-3c55c073.elementor-sticky--effects .elementor-nav-menu--main .elementor-item {
    font-size: 14px !important;      /* ใส่ !important เพื่อบังคับใช้ */
    padding-top: 8px !important;    
    padding-bottom: 8px !important; 
    letter-spacing: 0px !important;
} /* <--- ปิดปีกกาให้เรียบร้อย */

/* 3. ค่าตั้งต้น (ตอนที่ยังไม่ Sticky) */
/* ป้องกันหน้าอื่นฟอนต์เพี้ยน โดยการระบุค่าฟอนต์ปกติไว้ด้วย */
.elementor-537 .elementor-element.elementor-element-3c55c073:not(.elementor-sticky--effects) .elementor-nav-menu--main .elementor-item {
    /* ใส่ขนาดฟอนต์ปกติที่คุณต้องการลงไป เช่น 16px */
    font-size: 16px; 
}/* End custom CSS */