.elementor-19 .elementor-element.elementor-element-58793650{--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;--align-items:center;}.elementor-19 .elementor-element.elementor-element-58793650:not(.elementor-motion-effects-element-type-background), .elementor-19 .elementor-element.elementor-element-58793650 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://ufa8k.show/wp-content/uploads/2025/10/5557.jpg");background-position:center center;background-size:cover;}.elementor-19 .elementor-element.elementor-element-457124be{--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;}.elementor-19 .elementor-element.elementor-element-457124be.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-theme-site-logo .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-19 .elementor-element.elementor-element-5d013216.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-19 .elementor-element.elementor-element-5d013216 img{width:100%;}.elementor-19 .elementor-element.elementor-element-258ce2fd{--display:flex;}.elementor-19 .elementor-element.elementor-element-7e9bcf50{--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-19 .elementor-element.elementor-element-4d5c3f76{--e-image-carousel-slides-to-show:10;}.elementor-19 .elementor-element.elementor-element-4d5c3f76 .elementor-swiper-button.elementor-swiper-button-prev, .elementor-19 .elementor-element.elementor-element-4d5c3f76 .elementor-swiper-button.elementor-swiper-button-next{font-size:0px;}.elementor-19 .elementor-element.elementor-element-3b65502a{--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;--align-items:center;}.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-19 .elementor-element.elementor-element-4be44ca8 .elementor-menu-toggle{margin:0 auto;}.elementor-19 .elementor-element.elementor-element-4be44ca8 .elementor-nav-menu .elementor-item{font-family:"Kanit", Sans-serif;font-weight:600;}.elementor-19 .elementor-element.elementor-element-4be44ca8 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-19 .elementor-element.elementor-element-4be44ca8 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-19 .elementor-element.elementor-element-4be44ca8 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-19 .elementor-element.elementor-element-4be44ca8 .elementor-nav-menu--main .elementor-item:focus{color:#FFD200;fill:#FFD200;}.elementor-19 .elementor-element.elementor-element-4be44ca8 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-19 .elementor-element.elementor-element-4be44ca8 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:#B9373700;}.elementor-19 .elementor-element.elementor-element-4be44ca8 .e--pointer-framed .elementor-item:before,
					.elementor-19 .elementor-element.elementor-element-4be44ca8 .e--pointer-framed .elementor-item:after{border-color:#B9373700;}.elementor-19 .elementor-element.elementor-element-4be44ca8 .elementor-nav-menu--dropdown{background-color:#FFD864;border-style:solid;border-width:1px 1px 1px 1px;border-radius:10px 10px 10px 10px;}.elementor-19 .elementor-element.elementor-element-4be44ca8 .elementor-nav-menu--dropdown li:first-child a{border-top-left-radius:10px;border-top-right-radius:10px;}.elementor-19 .elementor-element.elementor-element-4be44ca8 .elementor-nav-menu--dropdown li:last-child a{border-bottom-right-radius:10px;border-bottom-left-radius:10px;}.elementor-19 .elementor-element.elementor-element-4be44ca8 div.elementor-menu-toggle{color:#FFFFFF;}.elementor-19 .elementor-element.elementor-element-4be44ca8 div.elementor-menu-toggle svg{fill:#FFFFFF;}.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-19 .elementor-element.elementor-element-5d013216{width:var( --container-widget-width, 316px );max-width:316px;--container-widget-width:316px;--container-widget-flex-grow:0;text-align:center;}.elementor-19 .elementor-element.elementor-element-5d013216 img{width:70%;}}@media(min-width:768px){.elementor-19 .elementor-element.elementor-element-457124be{--width:20.38%;}}/* Start custom CSS for container, class: .elementor-element-58793650 */.elementor-19 .elementor-element.elementor-element-58793650::after {
  background: linear-gradient(
    45deg,
    transparent 0%,
    #ffd700 50%,   /* ทอง */
    transparent 100%
  );
  position: absolute;
  left: 0;
  bottom: 0;   /* เปลี่ยนจาก top → bottom */
  height: 2px;
  width: 100%;
  content: "";
  z-index: 1;
}/* End custom CSS */
/* Start custom CSS for image-carousel, class: .elementor-element-4d5c3f76 */.elementor-19 .elementor-element.elementor-element-4d5c3f76 .swiper-wrapper{ -webkit-transition-timing-function: linear !important; transition-timing-function: linear !important; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7e9bcf50 */.elementor-19 .elementor-element.elementor-element-7e9bcf50::after {
  background: linear-gradient(
    45deg,
    transparent 0%,
    #ffd700 50%,   /* ทอง */
    transparent 100%
  );
  position: absolute;
  left: 0;
  bottom: 0;   /* เปลี่ยนจาก top → bottom */
  height: 2px;
  width: 100%;
  content: "";
  z-index: 1;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-4be44ca8 *//* ===== เมนู ACTIVE เกรเดี้ยนทองเหลืองสว่างเคลื่อนไหว ===== */
.elementor-19 .elementor-element.elementor-element-4be44ca8 .elementor-item.elementor-item-active {
  background: linear-gradient(270deg, 
    #f8e47a, /* เหลืองอ่อนสว่าง */
    #ffd85c, /* ทองสว่าง */
    #f5c542, /* ทองเหลืองเข้ม */
    #fff3a3, /* ขาวทอง */
    #f8e47a);
  background-size: 500% 500%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: goldShine 5s ease-in-out infinite;
}

/* ===== เอฟเฟกต์ Hover เพิ่มประกายทองเบาๆ ===== */
.elementor-19 .elementor-element.elementor-element-4be44ca8 .elementor-item:hover {
  background: linear-gradient(270deg, 
    #fff3a3,
    #f8e47a,
    #ffd85c,
    #f5c542);
  background-size: 400% 400%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: goldShine 3s linear infinite;
  filter: brightness(1.15);
}

/* ===== แอนิเมชันทองเหลืองเคลื่อนไหว ===== */
@keyframes goldShine {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3b65502a */.elementor-19 .elementor-element.elementor-element-3b65502a::after {
  background: linear-gradient(
    45deg,
    transparent 0%,
    #ffd700 50%,   /* ทอง */
    transparent 100%
  );
  position: absolute;
  left: 0;
  bottom: 0;   /* เปลี่ยนจาก top → bottom */
  height: 2px;
  width: 100%;
  content: "";
  z-index: 1;
}/* End custom CSS */