.elementor-77 .elementor-element.elementor-element-ae880ab{--display:flex;--min-height:456px;--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-77 .elementor-element.elementor-element-ae880ab:not(.elementor-motion-effects-element-type-background), .elementor-77 .elementor-element.elementor-element-ae880ab > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://nkotrading.webbeurdev.com/wp-content/uploads/2025/06/Frame-1.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-77 .elementor-element.elementor-element-5d9190e{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-77 .elementor-element.elementor-element-34611ff{text-align:center;}.elementor-77 .elementor-element.elementor-element-34611ff .elementor-heading-title{font-family:"IBM Plex Sans Thai", Sans-serif;font-size:96px;font-weight:700;color:#FFFFFF;}.elementor-77 .elementor-element.elementor-element-070c005{--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;--padding-top:80px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-77 .elementor-element.elementor-element-0acc4e1{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-77 .elementor-element.elementor-element-1983e42{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:15px 15px;--row-gap:15px;--column-gap:15px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-77 .elementor-element.elementor-element-a332ff6{text-align:center;}.elementor-77 .elementor-element.elementor-element-a332ff6 .elementor-heading-title{font-family:"IBM Plex Sans Thai", Sans-serif;font-size:48px;font-weight:700;line-height:1.3em;color:#4E4B4C;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-77 .elementor-element.elementor-element-6eb567a{--divider-border-style:solid;--divider-color:#FF8B23;--divider-border-width:3px;}.elementor-77 .elementor-element.elementor-element-6eb567a .elementor-divider-separator{width:20%;margin:0 auto;margin-left:0;}.elementor-77 .elementor-element.elementor-element-6eb567a .elementor-divider{text-align:left;padding-block-start:0px;padding-block-end:0px;}.elementor-77 .elementor-element.elementor-element-1f482ba{--display:flex;--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:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-77 .elementor-element.elementor-element-683e41b .elementor-heading-title{font-family:"IBM Plex Sans Thai", Sans-serif;font-size:16px;font-weight:400;color:#333333;}.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-77 .elementor-element.elementor-element-c652c29 > .elementor-widget-container{border-style:solid;border-width:1px 1px 1px 1px;border-color:#E8E8E8;border-radius:8px 8px 8px 8px;}.elementor-77 .elementor-element.elementor-element-c652c29 .elementor-nav-menu .elementor-item{font-family:"IBM Plex Sans Thai", Sans-serif;font-size:16px;font-weight:400;}.elementor-77 .elementor-element.elementor-element-c652c29 .elementor-nav-menu--main .elementor-item{color:#333333;fill:#333333;}.elementor-77 .elementor-element.elementor-element-c652c29 .elementor-nav-menu--main .elementor-item:hover, .elementor-77 .elementor-element.elementor-element-c652c29 .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-77 .elementor-element.elementor-element-c652c29 .elementor-nav-menu--main .elementor-item.highlighted, .elementor-77 .elementor-element.elementor-element-c652c29 .elementor-nav-menu--main .elementor-item:focus{color:#333333;fill:#333333;}.elementor-77 .elementor-element.elementor-element-c652c29 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#333333;}.elementor-77 .elementor-element.elementor-element-c652c29 .elementor-nav-menu--dropdown a, .elementor-77 .elementor-element.elementor-element-c652c29 .elementor-menu-toggle{color:#333333;fill:#333333;}.elementor-77 .elementor-element.elementor-element-c652c29 .elementor-nav-menu--dropdown{background-color:#FFFFFF;border-radius:8px 8px 8px 8px;}.elementor-77 .elementor-element.elementor-element-c652c29 .elementor-nav-menu--dropdown a:hover, .elementor-77 .elementor-element.elementor-element-c652c29 .elementor-nav-menu--dropdown a:focus, .elementor-77 .elementor-element.elementor-element-c652c29 .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-77 .elementor-element.elementor-element-c652c29 .elementor-nav-menu--dropdown a.highlighted, .elementor-77 .elementor-element.elementor-element-c652c29 .elementor-menu-toggle:hover, .elementor-77 .elementor-element.elementor-element-c652c29 .elementor-menu-toggle:focus{color:#FFFFFF;}.elementor-77 .elementor-element.elementor-element-c652c29 .elementor-nav-menu--dropdown a:hover, .elementor-77 .elementor-element.elementor-element-c652c29 .elementor-nav-menu--dropdown a:focus, .elementor-77 .elementor-element.elementor-element-c652c29 .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-77 .elementor-element.elementor-element-c652c29 .elementor-nav-menu--dropdown a.highlighted{background-color:#FF8B23;}.elementor-77 .elementor-element.elementor-element-c652c29 .elementor-nav-menu--dropdown a.elementor-item-active{color:#FF8B23;background-color:#02010100;}.elementor-77 .elementor-element.elementor-element-c652c29 .elementor-nav-menu--dropdown li:first-child a{border-top-left-radius:8px;border-top-right-radius:8px;}.elementor-77 .elementor-element.elementor-element-c652c29 .elementor-nav-menu--dropdown li:last-child a{border-bottom-right-radius:8px;border-bottom-left-radius:8px;}.elementor-77 .elementor-element.elementor-element-a138884{--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;--padding-top:0px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-77 .elementor-element.elementor-element-d8d649b > .elementor-widget-container > .jet-listing-grid > .jet-listing-grid__items, .elementor-77 .elementor-element.elementor-element-d8d649b > .jet-listing-grid > .jet-listing-grid__items{--columns:4;}@media(min-width:768px){.elementor-77 .elementor-element.elementor-element-ae880ab{--content-width:1320px;}.elementor-77 .elementor-element.elementor-element-070c005{--content-width:1320px;}.elementor-77 .elementor-element.elementor-element-0acc4e1{--width:50%;}.elementor-77 .elementor-element.elementor-element-1f482ba{--width:50%;}.elementor-77 .elementor-element.elementor-element-a138884{--content-width:1320px;}}@media(max-width:1024px){.elementor-77 .elementor-element.elementor-element-ae880ab{--min-height:300px;}.elementor-77 .elementor-element.elementor-element-34611ff .elementor-heading-title{font-size:56px;}.elementor-77 .elementor-element.elementor-element-070c005{--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-77 .elementor-element.elementor-element-1983e42{--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-77 .elementor-element.elementor-element-a332ff6 .elementor-heading-title{font-size:32px;}.elementor-77 .elementor-element.elementor-element-a138884{--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-77 .elementor-element.elementor-element-d8d649b > .elementor-widget-container > .jet-listing-grid > .jet-listing-grid__items, .elementor-77 .elementor-element.elementor-element-d8d649b > .jet-listing-grid > .jet-listing-grid__items{--columns:3;}}@media(max-width:767px){.elementor-77 .elementor-element.elementor-element-ae880ab{--min-height:150px;}.elementor-77 .elementor-element.elementor-element-34611ff .elementor-heading-title{font-size:32px;}.elementor-77 .elementor-element.elementor-element-070c005{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-77 .elementor-element.elementor-element-0acc4e1{--width:50%;}.elementor-77 .elementor-element.elementor-element-a332ff6 .elementor-heading-title{font-size:20px;}.elementor-77 .elementor-element.elementor-element-1f482ba{--width:50%;--justify-content:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-77 .elementor-element.elementor-element-c652c29 .elementor-nav-menu .elementor-item{font-size:14px;}.elementor-77 .elementor-element.elementor-element-a138884{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-77 .elementor-element.elementor-element-d8d649b > .elementor-widget-container > .jet-listing-grid > .jet-listing-grid__items, .elementor-77 .elementor-element.elementor-element-d8d649b > .jet-listing-grid > .jet-listing-grid__items{--columns:1;}}/* Start custom CSS for nav-menu, class: .elementor-element-c652c29 */.elementor-77 .elementor-element.elementor-element-c652c29 .sub-menu { max-height: 300px; overflow-y: auto; } /* นี่คือ CSS ที่จะเปลี่ยนสีไอคอนเมื่อเอาเมาส์ไปชี้ที่เมนู (a tag) */ /* *** สำคัญ: คุณต้องเปลี่ยน .elementor-77 .elementor-element.elementor-element-c652c29 นี้ให้ตรงกับโครงสร้าง HTML ของคุณจริง ๆ *** */ /* ตัวอย่าง: หากเมนูหลักมีคลาส .elementor-item และไอคอนอยู่ภายใน .elementor-nav-menu__indicator img */ .elementor-item:hover .elementor-nav-menu__indicator img { filter: brightness(0) invert(1); /* ทำให้สีดำ/สีเข้ม เป็นสีขาว */ transition: filter 0.3s ease; /* เพิ่มความนุ่มนวลในการเปลี่ยนสี */ } /* ถ้าไอคอนของคุณอยู่ภายใน link (.elementor-item) และเป็น img โดยตรง */ /* หรือคุณต้องการให้เปลี่ยนสีเมื่อ hover ที่ img tag นั้นเอง */ /* .elementor-nav-menu__indicator img:hover { filter: brightness(0) invert(1); transition: filter 0.3s ease; } *//* End custom CSS */