.elementor-103 .elementor-element.elementor-element-9c6e57c{--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;border-style:none;--border-style:none;box-shadow:0px 0px 85px 15px rgba(0, 63.56902872997782, 97.5375, 0.15);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-103 .elementor-element.elementor-element-9c6e57c:not(.elementor-motion-effects-element-type-background), .elementor-103 .elementor-element.elementor-element-9c6e57c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #FFFFFF 0%, #E2E2E2 100%);}.elementor-103 .elementor-element.elementor-element-76d23df{--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-103 .elementor-element.elementor-element-76d23df.e-con{--flex-grow:0;--flex-shrink:0;}.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-103 .elementor-element.elementor-element-95ccaf3{width:var( --container-widget-width, 117.473% );max-width:117.473%;--container-widget-width:117.473%;--container-widget-flex-grow:0;--e-transform-origin-x:center;--e-transform-origin-y:center;}.elementor-103 .elementor-element.elementor-element-95ccaf3.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-103 .elementor-element.elementor-element-95ccaf3 img{width:64%;}.elementor-103 .elementor-element.elementor-element-3177d14{--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-103 .elementor-element.elementor-element-3177d14.e-con{--flex-grow:0;--flex-shrink:0;}.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-103 .elementor-element.elementor-element-dcf8e46 .elementor-menu-toggle{margin:0 auto;}.elementor-103 .elementor-element.elementor-element-dcf8e46 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-103 .elementor-element.elementor-element-dcf8e46 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-103 .elementor-element.elementor-element-dcf8e46 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-103 .elementor-element.elementor-element-dcf8e46 .elementor-nav-menu--main .elementor-item:focus{color:#054F94;fill:#054F94;}.elementor-103 .elementor-element.elementor-element-dcf8e46{--e-nav-menu-divider-content:"";--e-nav-menu-divider-style:solid;--e-nav-menu-divider-width:1px;--e-nav-menu-divider-height:18px;--e-nav-menu-horizontal-menu-item-margin:calc( 13px / 2 );}.elementor-103 .elementor-element.elementor-element-dcf8e46 .elementor-nav-menu--main .elementor-item{padding-left:49px;padding-right:49px;padding-top:29px;padding-bottom:29px;}.elementor-103 .elementor-element.elementor-element-dcf8e46 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:13px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:767px){.elementor-103 .elementor-element.elementor-element-95ccaf3 img{width:50%;}}@media(min-width:768px){.elementor-103 .elementor-element.elementor-element-76d23df{--width:25.229%;}.elementor-103 .elementor-element.elementor-element-3177d14{--width:70.685%;}}/* Start custom CSS for container, class: .elementor-element-9c6e57c *//* 1. ตั้งค่าสถานะปกติ (ตอนอยู่บนสุด) */
.elementor-103 .elementor-element.elementor-element-9c6e57c {
    transition: all 0.4s ease-in-out !important;
    padding-top: 20px !important;    /* ปรับตัวเลขนี้ให้เท่ากับความหนาที่คุณต้องการตอนอยู่บนสุด */
    padding-bottom: 20px !important;
}

/* 2. ตั้งค่าสถานะตอนเลื่อนลง (Sticky Effects) */
.elementor-103 .elementor-element.elementor-element-9c6e57c.elementor-sticky--effects {
    padding-top: 5px !important;     /* หดเหลือ 5px เพื่อให้เล็กลงที่สุด */
    padding-bottom: 5px !important;
    background-color: rgba(255, 255, 255, 0.95) !important; /* พื้นหลังขาวนวลๆ */
    box-shadow: 0px 2px 10px rgba(0,0,0,0.1); /* เพิ่มเงาบางๆ แทนเส้นขอบ */
}

/* 3. ทำให้โลโก้หดเล็กลงด้วย */
.elementor-103 .elementor-element.elementor-element-9c6e57c.elementor-sticky--effects img {
    max-width: 80% !important;       /* โลโก้จะหดลงเหลือ 80% ของขนาดเดิม */
    transition: all 0.4s ease-in-out !important;
}/* End custom CSS */