.elementor-2763 .elementor-element.elementor-element-1b91db1a{--display:flex;--position:absolute;--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:5px;--padding-bottom:5px;--padding-left:15px;--padding-right:15px;top:0px;}body:not(.rtl) .elementor-2763 .elementor-element.elementor-element-1b91db1a{left:0px;}body.rtl .elementor-2763 .elementor-element.elementor-element-1b91db1a{right:0px;}.elementor-2763 .elementor-element.elementor-element-60e1ba8{--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;--justify-content:center;}.elementor-2763 .elementor-element.elementor-element-56a3b148{--display:flex;--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2763 .elementor-element.elementor-element-6fc35424 .elementor-menu-toggle{margin:0 auto;}.elementor-2763 .elementor-element.elementor-element-6fc35424 .elementor-nav-menu .elementor-item{font-family:"IBM Plex Sans Thai", Sans-serif;font-weight:400;}.elementor-2763 .elementor-element.elementor-element-6fc35424 .elementor-nav-menu--main .elementor-item{color:#FFFFFF;fill:#FFFFFF;}.elementor-2763 .elementor-element.elementor-element-6fc35424 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-2763 .elementor-element.elementor-element-6fc35424 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-2763 .elementor-element.elementor-element-6fc35424 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-2763 .elementor-element.elementor-element-6fc35424 .elementor-nav-menu--main .elementor-item:focus{color:#FFFFFF;fill:#FFFFFF;}.elementor-2763 .elementor-element.elementor-element-6fc35424 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#FFFFFF;}.elementor-2763 .elementor-element.elementor-element-6fc35424{--e-nav-menu-horizontal-menu-item-margin:calc( 20px / 2 );}.elementor-2763 .elementor-element.elementor-element-6fc35424 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:20px;}.elementor-2763 .elementor-element.elementor-element-6fc35424 .elementor-nav-menu--dropdown{border-style:none;}.elementor-2763 .elementor-element.elementor-element-e033b83 .elementor-icon-wrapper{text-align:center;}.elementor-2763 .elementor-element.elementor-element-e033b83.elementor-view-stacked .elementor-icon{background-color:#7C7C7C;}.elementor-2763 .elementor-element.elementor-element-e033b83.elementor-view-framed .elementor-icon, .elementor-2763 .elementor-element.elementor-element-e033b83.elementor-view-default .elementor-icon{color:#7C7C7C;border-color:#7C7C7C;}.elementor-2763 .elementor-element.elementor-element-e033b83.elementor-view-framed .elementor-icon, .elementor-2763 .elementor-element.elementor-element-e033b83.elementor-view-default .elementor-icon svg{fill:#7C7C7C;}.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-2763 .elementor-element.elementor-element-56a3b148{--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:flex-end;}.elementor-2763 .elementor-element.elementor-element-e033b83 .elementor-icon{font-size:20px;}.elementor-2763 .elementor-element.elementor-element-e033b83 .elementor-icon svg{height:20px;}}@media(min-width:768px){.elementor-2763 .elementor-element.elementor-element-60e1ba8{--width:8%;}.elementor-2763 .elementor-element.elementor-element-56a3b148{--width:92%;}}@media(max-width:1024px) and (min-width:768px){.elementor-2763 .elementor-element.elementor-element-60e1ba8{--width:30%;}}@media(max-width:767px){.elementor-2763 .elementor-element.elementor-element-1b91db1a{--justify-content:center;}.elementor-2763 .elementor-element.elementor-element-60e1ba8{--width:40%;}.elementor-2763 .elementor-element.elementor-element-56a3b148{--width:60%;--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:flex-end;--align-items:flex-end;--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-2763 .elementor-element.elementor-element-6fc35424{width:var( --container-widget-width, 18% );max-width:18%;--container-widget-width:18%;--container-widget-flex-grow:0;}.elementor-2763 .elementor-element.elementor-element-e033b83 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-2763 .elementor-element.elementor-element-e033b83 .elementor-icon{font-size:20px;}.elementor-2763 .elementor-element.elementor-element-e033b83 .elementor-icon svg{height:20px;}.elementor-2763 .elementor-element.elementor-element-e033b83 .elementor-icon i, .elementor-2763 .elementor-element.elementor-element-e033b83 .elementor-icon svg{transform:rotate(0deg);}}/* Start custom CSS for container, class: .elementor-element-1b91db1a *//* ซ่อนโลโก้รองในสถานะปกติ */
.secondary-logo {
    display: none;
}

/* เมื่อ Header ติดอยู่ (sticky) */
.elementor-sticky--effects .main-logo {
    display: none; /* ซ่อนโลโก้หลัก */
}

.elementor-sticky--effects .secondary-logo {
    display: block; /* แสดงโลโก้รอง */
}

/* โลโก้หลัก: กำหนด transition ให้กับการแสดงผล */
.main-logo {
    transition: opacity 0.3s ease-in-out;
    opacity: 1; /* แสดงผลปกติ */
    position: relative; /* ให้โลโก้หลักเป็นตัวกำหนดความสูงของพื้นที่ */
}

/* โลโก้รอง: ซ่อนในสถานะปกติ และกำหนด transition */
.secondary-logo {
    transition: opacity 0.3s ease-in-out;
    opacity: 0; /* ซ่อนโลโก้รองในตอนแรก */
}

/* --- การสลับการแสดงผลเมื่อ Header ติดอยู่ (sticky) --- */
.elementor-sticky--effects .main-logo {
    opacity: 0;
    pointer-events: none;
}

.elementor-sticky--effects .secondary-logo {
    opacity: 1;
}

/* เมื่อ Header ติดอยู่ (sticky) */
.elementor-sticky--effects .main-logo {
    opacity: 0;
    pointer-events: none;
}

.elementor-sticky--effects .secondary-logo {
    opacity: 1;
}

/* เมื่อ Header ติดอยู่ (sticky) */
.elementor-sticky--effects .main-logo {
    opacity: 0;
    pointer-events: none;
}

.elementor-sticky--effects .secondary-logo {
    opacity: 1;
}

/* เมื่อ Header ติดอยู่ (sticky) */
.elementor-sticky--effects .main-logo {
    opacity: 0; /* ทำให้โลโก้หลักจางหายไป */
    pointer-events: none; /* ป้องกันการคลิกหรือโต้ตอบกับโลโก้ที่ซ่อนอยู่ */
}

.elementor-sticky--effects .secondary-logo {
    opacity: 1; /* ทำให้โลโก้รองจางเข้ามา */
}

/* --- สไตล์ตอนเริ่ม Scroll --- */

/* 1. เปลี่ยนสีพื้นหลังของ Header */
.elementor-2763 .elementor-element.elementor-element-1b91db1a.elementor-sticky--effects {
    background-color: rgba(255, 255, 255, 1) !important; /* สีพื้นหลังใหม่ (ตัวอย่างคือสีขาวโปร่งแสง) */
    box-shadow: 0 2px 5px rgba(0,0,0,0.07); /* เพิ่มเงาเล็กน้อยให้ดูมีมิติ (ถ้าไม่ต้องการให้ลบออก) */
    transition: background-color 0.4s ease;
}

/* 2. เปลี่ยนสีฟอนต์ของเมนู (Nav Menu) */
.elementor-2763 .elementor-element.elementor-element-1b91db1a.elementor-sticky--effects .elementor-nav-menu a {
    color: #333333 !important; /* สีฟอนต์ใหม่ของเมนู (ตัวอย่างคือสีเทาเข้ม) */
    transition: color 0.4s ease;
}/* End custom CSS */