.elementor-21 .elementor-element.elementor-element-f7a3eb5{--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-21 .elementor-element.elementor-element-bc6e90f{--e-image-carousel-slides-to-show:1;}.elementor-21 .elementor-element.elementor-element-7c4db33{--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-21 .elementor-element.elementor-element-e8b2c01{--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-21 .elementor-element.elementor-element-0676c37{--display:grid;--position:absolute;--min-height:0px;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;top:-547px;}.elementor-21 .elementor-element.elementor-element-0676c37.e-con{--e-con-transform-translateX:-61px;}body:not(.rtl) .elementor-21 .elementor-element.elementor-element-0676c37{left:52px;}body.rtl .elementor-21 .elementor-element.elementor-element-0676c37{right:52px;}.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-21 .elementor-element.elementor-element-a5e339d{--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-21 .elementor-element.elementor-element-56b1bce{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-21 .elementor-element.elementor-element-ec18180{--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-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-21 .elementor-element.elementor-element-4f6b56b{text-align:center;}.elementor-21 .elementor-element.elementor-element-4f6b56b .elementor-heading-title{color:#FFD83F;}.elementor-21 .elementor-element.elementor-element-cf97f8b{--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-21 .elementor-element.elementor-element-93e291b{--display:grid;--e-con-grid-template-columns:repeat(5, 1fr);--e-con-grid-template-rows:repeat(4, 1fr);--grid-auto-flow:row;}.elementor-21 .elementor-element.elementor-element-d610a24{--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-21 .elementor-element.elementor-element-813ba8f{text-align:center;}.elementor-21 .elementor-element.elementor-element-813ba8f .elementor-heading-title{color:#FFD83F;}.elementor-21 .elementor-element.elementor-element-33be4c9{--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-21 .elementor-element.elementor-element-2a2580d{--display:grid;--e-con-grid-template-columns:repeat(6, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-21 .elementor-element.elementor-element-75c0690{--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-21 .elementor-element.elementor-element-76ce740{text-align:center;}.elementor-21 .elementor-element.elementor-element-76ce740 .elementor-heading-title{color:#FFD83F;}.elementor-21 .elementor-element.elementor-element-4bd637e{--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-21 .elementor-element.elementor-element-1012f4b{--display:grid;--e-con-grid-template-columns:repeat(5, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-21 .elementor-element.elementor-element-134e042{--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-21 .elementor-element.elementor-element-e2be058{text-align:center;}.elementor-21 .elementor-element.elementor-element-e2be058 .elementor-heading-title{color:#FFD83F;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-21 .elementor-element.elementor-element-c444c6c{text-align:center;}.elementor-21 .elementor-element.elementor-element-b03a0f1{--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-21 .elementor-element.elementor-element-0ec8e68{text-align:center;}.elementor-21 .elementor-element.elementor-element-d7ea63d{--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;}.elementor-21 .elementor-element.elementor-element-18bdfe8{--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-21 .elementor-element.elementor-element-b8f837a{text-align:center;}.elementor-21 .elementor-element.elementor-element-b8f837a .elementor-heading-title{color:#FFD83F;}.elementor-21 .elementor-element.elementor-element-277fc35{padding:21px 21px 21px 21px;border-radius:9px 9px 9px 9px;box-shadow:0px 0px 12px 2px rgba(255, 217.95751417769378, 73.72826086956522, 0.98);}.elementor-21 .elementor-element.elementor-element-44ddadc{--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-21 .elementor-element.elementor-element-b5d39e0{--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;}.elementor-21 .elementor-element.elementor-element-e626b29{--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-21 .elementor-element.elementor-element-3d3f120{--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-21 .elementor-element.elementor-element-8df23a6{text-align:center;}.elementor-21 .elementor-element.elementor-element-8df23a6 .elementor-heading-title{color:#FFD83F;}.elementor-21 .elementor-element.elementor-element-ff40f43{padding:21px 21px 21px 21px;border-radius:9px 9px 9px 9px;box-shadow:0px 0px 12px 2px rgba(255, 217.95751417769378, 73.72826086956522, 0.98);}.elementor-21 .elementor-element.elementor-element-f941127{--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;}.elementor-21 .elementor-element.elementor-element-95b4d2d{--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-21 .elementor-element.elementor-element-8da0a1a{text-align:center;}.elementor-21 .elementor-element.elementor-element-8da0a1a .elementor-heading-title{color:#FFD83F;}.elementor-21 .elementor-element.elementor-element-f087ec4{padding:21px 21px 21px 21px;border-radius:9px 9px 9px 9px;box-shadow:0px 0px 12px 2px rgba(255, 217.95751417769378, 73.72826086956522, 0.98);}.elementor-21 .elementor-element.elementor-element-f5c4efa{--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-21 .elementor-element.elementor-element-70c1952{--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;}.elementor-21 .elementor-element.elementor-element-6ffdee2{--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-21 .elementor-element.elementor-element-e9e573a{--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-21 .elementor-element.elementor-element-9f4f4ab{text-align:center;}.elementor-21 .elementor-element.elementor-element-9f4f4ab .elementor-heading-title{color:#FFD83F;}.elementor-21 .elementor-element.elementor-element-96fbe28{padding:21px 21px 21px 21px;border-radius:9px 9px 9px 9px;box-shadow:0px 0px 12px 2px rgba(255, 217.95751417769378, 73.72826086956522, 0.98);}.elementor-21 .elementor-element.elementor-element-b9d84fd{--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;}.elementor-21 .elementor-element.elementor-element-fd70695{--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-21 .elementor-element.elementor-element-f87356c{text-align:center;}.elementor-21 .elementor-element.elementor-element-f87356c .elementor-heading-title{color:#FFD83F;}.elementor-21 .elementor-element.elementor-element-49336a5{padding:21px 21px 21px 21px;border-radius:9px 9px 9px 9px;box-shadow:0px 0px 12px 2px rgba(255, 217.95751417769378, 73.72826086956522, 0.98);}.elementor-21 .elementor-element.elementor-element-85d0fae{--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-21 .elementor-element.elementor-element-4078eec{--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;}.elementor-21 .elementor-element.elementor-element-282b5db{--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-21 .elementor-element.elementor-element-ddc3491{--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-21 .elementor-element.elementor-element-5a958b7{text-align:center;}.elementor-21 .elementor-element.elementor-element-5a958b7 .elementor-heading-title{color:#FFD83F;}.elementor-21 .elementor-element.elementor-element-742dd8e{padding:21px 21px 21px 21px;border-radius:9px 9px 9px 9px;box-shadow:0px 0px 12px 2px rgba(255, 217.95751417769378, 73.72826086956522, 0.98);}.elementor-21 .elementor-element.elementor-element-7cc6e1d{--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;}.elementor-21 .elementor-element.elementor-element-6a28433{--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-21 .elementor-element.elementor-element-e7c7774{text-align:center;}.elementor-21 .elementor-element.elementor-element-e7c7774 .elementor-heading-title{color:#FFD83F;}.elementor-21 .elementor-element.elementor-element-fb366a6{padding:21px 21px 21px 21px;border-radius:9px 9px 9px 9px;box-shadow:0px 0px 12px 2px rgba(255, 217.95751417769378, 73.72826086956522, 0.98);}.elementor-21 .elementor-element.elementor-element-b674f98{--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-21 .elementor-element.elementor-element-4200024{--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;}.elementor-21 .elementor-element.elementor-element-3084305{--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-21 .elementor-element.elementor-element-d0c8ea4{--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-21 .elementor-element.elementor-element-5c565ef{text-align:center;}.elementor-21 .elementor-element.elementor-element-5c565ef .elementor-heading-title{color:#FFD83F;}.elementor-21 .elementor-element.elementor-element-147ee97{padding:21px 21px 21px 21px;border-radius:9px 9px 9px 9px;box-shadow:0px 0px 12px 2px rgba(255, 217.95751417769378, 73.72826086956522, 0.98);}.elementor-21 .elementor-element.elementor-element-62b0376{--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;}.elementor-21 .elementor-element.elementor-element-f3bb1cd{--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-21 .elementor-element.elementor-element-cc4a76c{text-align:center;}.elementor-21 .elementor-element.elementor-element-cc4a76c .elementor-heading-title{color:#FFD83F;}.elementor-21 .elementor-element.elementor-element-7e2e941{padding:21px 21px 21px 21px;border-radius:9px 9px 9px 9px;box-shadow:0px 0px 12px 2px rgba(255, 217.95751417769378, 73.72826086956522, 0.98);}.elementor-21 .elementor-element.elementor-element-f81bb72{--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-21 .elementor-element.elementor-element-3054d5b{--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-21 .elementor-element.elementor-element-b1b8699{text-align:center;}.elementor-21 .elementor-element.elementor-element-b1b8699 .elementor-heading-title{font-family:"Kanit", Sans-serif;font-size:44px;font-weight:600;color:#FFD83F;}.elementor-21 .elementor-element.elementor-element-efea142{--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-21 .elementor-element.elementor-element-aa5e38c{--display:flex;}.elementor-21 .elementor-element.elementor-element-a93e273{--display:flex;}.elementor-21 .elementor-element.elementor-element-d351d1a{--display:flex;}.elementor-21 .elementor-element.elementor-element-f2ff832{--display:flex;}.elementor-21 .elementor-element.elementor-element-3ad7990{--display:flex;}.elementor-21 .elementor-element.elementor-element-9c85411{--n-accordion-title-font-size:1rem;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-border-radius:9px 9px 9px 9px;--n-accordion-icon-size:15px;}.elementor-21 .elementor-element.elementor-element-9c85411 > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{background-color:transparent;background-image:linear-gradient(180deg, #FFE673 0%, #FEFAC6 100%);}@media(max-width:1024px){.elementor-21 .elementor-element.elementor-element-0676c37{--grid-auto-flow:row;}.elementor-21 .elementor-element.elementor-element-56b1bce{--grid-auto-flow:row;}.elementor-21 .elementor-element.elementor-element-93e291b{--grid-auto-flow:row;}.elementor-21 .elementor-element.elementor-element-2a2580d{--grid-auto-flow:row;}.elementor-21 .elementor-element.elementor-element-1012f4b{--grid-auto-flow:row;}.elementor-21 .elementor-element.elementor-element-44ddadc{--justify-content:center;}.elementor-21 .elementor-element.elementor-element-e626b29{--justify-content:center;}.elementor-21 .elementor-element.elementor-element-f5c4efa{--justify-content:center;}.elementor-21 .elementor-element.elementor-element-85d0fae{--justify-content:center;}.elementor-21 .elementor-element.elementor-element-b674f98{--justify-content:center;}.elementor-21 .elementor-element.elementor-element-3084305{--justify-content:flex-end;}.elementor-21 .elementor-element.elementor-element-f81bb72{--justify-content:center;}}@media(min-width:768px){.elementor-21 .elementor-element.elementor-element-f7a3eb5{--content-width:958px;}.elementor-21 .elementor-element.elementor-element-e8b2c01{--content-width:1259px;}.elementor-21 .elementor-element.elementor-element-0676c37{--width:14%;}.elementor-21 .elementor-element.elementor-element-18bdfe8{--width:80%;}.elementor-21 .elementor-element.elementor-element-44ddadc{--width:50%;}.elementor-21 .elementor-element.elementor-element-e626b29{--width:50%;}.elementor-21 .elementor-element.elementor-element-3d3f120{--width:80%;}.elementor-21 .elementor-element.elementor-element-95b4d2d{--width:80%;}.elementor-21 .elementor-element.elementor-element-f5c4efa{--width:50%;}.elementor-21 .elementor-element.elementor-element-6ffdee2{--width:50%;}.elementor-21 .elementor-element.elementor-element-e9e573a{--width:80%;}.elementor-21 .elementor-element.elementor-element-fd70695{--width:80%;}.elementor-21 .elementor-element.elementor-element-85d0fae{--width:50%;}.elementor-21 .elementor-element.elementor-element-282b5db{--width:50%;}.elementor-21 .elementor-element.elementor-element-ddc3491{--width:80%;}.elementor-21 .elementor-element.elementor-element-6a28433{--width:80%;}.elementor-21 .elementor-element.elementor-element-b674f98{--width:50%;}.elementor-21 .elementor-element.elementor-element-3084305{--width:50%;}.elementor-21 .elementor-element.elementor-element-d0c8ea4{--width:80%;}.elementor-21 .elementor-element.elementor-element-f3bb1cd{--width:80%;}.elementor-21 .elementor-element.elementor-element-f81bb72{--width:50%;}}@media(max-width:767px){.elementor-21 .elementor-element.elementor-element-0676c37{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-21 .elementor-element.elementor-element-56b1bce{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-21 .elementor-element.elementor-element-93e291b{--e-con-grid-template-columns:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-21 .elementor-element.elementor-element-2a2580d{--e-con-grid-template-columns:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-21 .elementor-element.elementor-element-1012f4b{--e-con-grid-template-columns:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-21 .elementor-element.elementor-element-b5d39e0{--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;}.elementor-21 .elementor-element.elementor-element-70c1952{--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;}.elementor-21 .elementor-element.elementor-element-4078eec{--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;}.elementor-21 .elementor-element.elementor-element-4200024{--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;}}/* Start custom CSS for heading, class: .elementor-element-4f6b56b */.elementor-21 .elementor-element.elementor-element-4f6b56b .elementor-heading-title { /* ใช้เฉดสีทองสว่าง */ background: linear-gradient( to right, #d4af37 0%, #fef9d9 20%, #ffffff 40%, #fef9d9 60%, #e5c158 80%, #d4af37 100% ); background-size: 200% auto; -webkit-background-clip: text; -webkit-text-fill-color: transparent; /* สองบรรทัดนี้สำคัญมาก! สำหรับบีบไม่ให้แสงขาววิ่งทะลุ */ display: inline-block; overflow: hidden; position: relative; /* เงาสะท้อนนุ่มนวล */ filter: drop-shadow(0px 3px 6px rgba(212, 175, 55, 0.3)) drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.2)); /* แอนิเมชันเนื้อสีทอง */ animation: brightGoldMove 6s linear infinite; } /* เลเยอร์ประกายแสงวิ่งผ่าน (ล็อกไว้ให้อยู่ในกรอบตัวอักษร) */ .elementor-21 .elementor-element.elementor-element-4f6b56b .elementor-heading-title::before { content: ''; position: absolute; top: 0; left: -150%; /* เริ่มต้นจากนอกกรอบด้านซ้าย */ width: 100%; height: 100%; background: linear-gradient( 90deg, transparent 0%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0) 75%, transparent 100% ); /* แอนิเมชันแสงวิ่ง */ animation: brightSparkle 4s ease-in-out infinite; } /* แอนิเมชันเคลื่อนที่ของเนื้อสีทอง */ @keyframes brightGoldMove { 0% { background-position: 0% center; } 100% { background-position: -200% center; } } /* แอนิเมชันแสงประกายวิ่งตัดผ่าน (จำกัดระยะวิ่งให้พอดีกรอบ) */ @keyframes brightSparkle { 0% { transform: translateX(0); } 100% { transform: translateX(250%); } /* วิ่งสุดขอบขวาแล้วหายไปในกรอบ */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-813ba8f */.elementor-21 .elementor-element.elementor-element-813ba8f .elementor-heading-title { /* ใช้เฉดสีทองสว่าง */ background: linear-gradient( to right, #d4af37 0%, #fef9d9 20%, #ffffff 40%, #fef9d9 60%, #e5c158 80%, #d4af37 100% ); background-size: 200% auto; -webkit-background-clip: text; -webkit-text-fill-color: transparent; /* สองบรรทัดนี้สำคัญมาก! สำหรับบีบไม่ให้แสงขาววิ่งทะลุ */ display: inline-block; overflow: hidden; position: relative; /* เงาสะท้อนนุ่มนวล */ filter: drop-shadow(0px 3px 6px rgba(212, 175, 55, 0.3)) drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.2)); /* แอนิเมชันเนื้อสีทอง */ animation: brightGoldMove 6s linear infinite; } /* เลเยอร์ประกายแสงวิ่งผ่าน (ล็อกไว้ให้อยู่ในกรอบตัวอักษร) */ .elementor-21 .elementor-element.elementor-element-813ba8f .elementor-heading-title::before { content: ''; position: absolute; top: 0; left: -150%; /* เริ่มต้นจากนอกกรอบด้านซ้าย */ width: 100%; height: 100%; background: linear-gradient( 90deg, transparent 0%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0) 75%, transparent 100% ); /* แอนิเมชันแสงวิ่ง */ animation: brightSparkle 4s ease-in-out infinite; } /* แอนิเมชันเคลื่อนที่ของเนื้อสีทอง */ @keyframes brightGoldMove { 0% { background-position: 0% center; } 100% { background-position: -200% center; } } /* แอนิเมชันแสงประกายวิ่งตัดผ่าน (จำกัดระยะวิ่งให้พอดีกรอบ) */ @keyframes brightSparkle { 0% { transform: translateX(0); } 100% { transform: translateX(250%); } /* วิ่งสุดขอบขวาแล้วหายไปในกรอบ */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-76ce740 */.elementor-21 .elementor-element.elementor-element-76ce740 .elementor-heading-title { /* ใช้เฉดสีทองสว่าง */ background: linear-gradient( to right, #d4af37 0%, #fef9d9 20%, #ffffff 40%, #fef9d9 60%, #e5c158 80%, #d4af37 100% ); background-size: 200% auto; -webkit-background-clip: text; -webkit-text-fill-color: transparent; /* สองบรรทัดนี้สำคัญมาก! สำหรับบีบไม่ให้แสงขาววิ่งทะลุ */ display: inline-block; overflow: hidden; position: relative; /* เงาสะท้อนนุ่มนวล */ filter: drop-shadow(0px 3px 6px rgba(212, 175, 55, 0.3)) drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.2)); /* แอนิเมชันเนื้อสีทอง */ animation: brightGoldMove 6s linear infinite; } /* เลเยอร์ประกายแสงวิ่งผ่าน (ล็อกไว้ให้อยู่ในกรอบตัวอักษร) */ .elementor-21 .elementor-element.elementor-element-76ce740 .elementor-heading-title::before { content: ''; position: absolute; top: 0; left: -150%; /* เริ่มต้นจากนอกกรอบด้านซ้าย */ width: 100%; height: 100%; background: linear-gradient( 90deg, transparent 0%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0) 75%, transparent 100% ); /* แอนิเมชันแสงวิ่ง */ animation: brightSparkle 4s ease-in-out infinite; } /* แอนิเมชันเคลื่อนที่ของเนื้อสีทอง */ @keyframes brightGoldMove { 0% { background-position: 0% center; } 100% { background-position: -200% center; } } /* แอนิเมชันแสงประกายวิ่งตัดผ่าน (จำกัดระยะวิ่งให้พอดีกรอบ) */ @keyframes brightSparkle { 0% { transform: translateX(0); } 100% { transform: translateX(250%); } /* วิ่งสุดขอบขวาแล้วหายไปในกรอบ */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-e2be058 */.elementor-21 .elementor-element.elementor-element-e2be058 .elementor-heading-title { background: linear-gradient(to right, #d4af37 0%, #fef9d9 20%, #ffffff 40%, #fef9d9 60%, #e5c158 80%, #d4af37 100%); background-size: 200% auto; -webkit-background-clip: text; -webkit-text-fill-color: transparent; display: inline-block; position: relative; /* แก้สระโดนตัด: เพิ่มพื้นที่ด้านบนล่างและซ้ายขวา */ padding: 15px 10px; margin: -15px -10px; filter: drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.15)); transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); animation: brightGoldMove 6s linear infinite; } /* เอฟเฟกต์ออร่าระเบิดพลังตอนเมาส์ชี้ */ .elementor-21 .elementor-element.elementor-element-e2be058 .elementor-heading-title:hover { transform: scale(1.05); filter: drop-shadow(0px 0px 20px rgba(254, 249, 217, 0.9)) drop-shadow(0px 4px 10px rgba(212, 175, 55, 0.5)); } @keyframes brightGoldMove { 0% { background-position: 0% center; } 100% { background-position: -200% center; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-b8f837a */.elementor-21 .elementor-element.elementor-element-b8f837a .elementor-heading-title { /* ใช้เฉดสีทองสว่าง */ background: linear-gradient( to right, #d4af37 0%, #fef9d9 20%, #ffffff 40%, #fef9d9 60%, #e5c158 80%, #d4af37 100% ); background-size: 200% auto; -webkit-background-clip: text; -webkit-text-fill-color: transparent; /* สองบรรทัดนี้สำคัญมาก! สำหรับบีบไม่ให้แสงขาววิ่งทะลุ */ display: inline-block; overflow: hidden; position: relative; /* เงาสะท้อนนุ่มนวล */ filter: drop-shadow(0px 3px 6px rgba(212, 175, 55, 0.3)) drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.2)); /* แอนิเมชันเนื้อสีทอง */ animation: brightGoldMove 6s linear infinite; } /* เลเยอร์ประกายแสงวิ่งผ่าน (ล็อกไว้ให้อยู่ในกรอบตัวอักษร) */ .elementor-21 .elementor-element.elementor-element-b8f837a .elementor-heading-title::before { content: ''; position: absolute; top: 0; left: -150%; /* เริ่มต้นจากนอกกรอบด้านซ้าย */ width: 100%; height: 100%; background: linear-gradient( 90deg, transparent 0%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0) 75%, transparent 100% ); /* แอนิเมชันแสงวิ่ง */ animation: brightSparkle 4s ease-in-out infinite; } /* แอนิเมชันเคลื่อนที่ของเนื้อสีทอง */ @keyframes brightGoldMove { 0% { background-position: 0% center; } 100% { background-position: -200% center; } } /* แอนิเมชันแสงประกายวิ่งตัดผ่าน (จำกัดระยะวิ่งให้พอดีกรอบ) */ @keyframes brightSparkle { 0% { transform: translateX(0); } 100% { transform: translateX(250%); } /* วิ่งสุดขอบขวาแล้วหายไปในกรอบ */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-8df23a6 */.elementor-21 .elementor-element.elementor-element-8df23a6 .elementor-heading-title { /* ใช้เฉดสีทองสว่าง */ background: linear-gradient( to right, #d4af37 0%, #fef9d9 20%, #ffffff 40%, #fef9d9 60%, #e5c158 80%, #d4af37 100% ); background-size: 200% auto; -webkit-background-clip: text; -webkit-text-fill-color: transparent; /* สองบรรทัดนี้สำคัญมาก! สำหรับบีบไม่ให้แสงขาววิ่งทะลุ */ display: inline-block; overflow: hidden; position: relative; /* เงาสะท้อนนุ่มนวล */ filter: drop-shadow(0px 3px 6px rgba(212, 175, 55, 0.3)) drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.2)); /* แอนิเมชันเนื้อสีทอง */ animation: brightGoldMove 6s linear infinite; } /* เลเยอร์ประกายแสงวิ่งผ่าน (ล็อกไว้ให้อยู่ในกรอบตัวอักษร) */ .elementor-21 .elementor-element.elementor-element-8df23a6 .elementor-heading-title::before { content: ''; position: absolute; top: 0; left: -150%; /* เริ่มต้นจากนอกกรอบด้านซ้าย */ width: 100%; height: 100%; background: linear-gradient( 90deg, transparent 0%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0) 75%, transparent 100% ); /* แอนิเมชันแสงวิ่ง */ animation: brightSparkle 4s ease-in-out infinite; } /* แอนิเมชันเคลื่อนที่ของเนื้อสีทอง */ @keyframes brightGoldMove { 0% { background-position: 0% center; } 100% { background-position: -200% center; } } /* แอนิเมชันแสงประกายวิ่งตัดผ่าน (จำกัดระยะวิ่งให้พอดีกรอบ) */ @keyframes brightSparkle { 0% { transform: translateX(0); } 100% { transform: translateX(250%); } /* วิ่งสุดขอบขวาแล้วหายไปในกรอบ */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-8da0a1a */.elementor-21 .elementor-element.elementor-element-8da0a1a .elementor-heading-title { /* ใช้เฉดสีทองสว่าง */ background: linear-gradient( to right, #d4af37 0%, #fef9d9 20%, #ffffff 40%, #fef9d9 60%, #e5c158 80%, #d4af37 100% ); background-size: 200% auto; -webkit-background-clip: text; -webkit-text-fill-color: transparent; /* สองบรรทัดนี้สำคัญมาก! สำหรับบีบไม่ให้แสงขาววิ่งทะลุ */ display: inline-block; overflow: hidden; position: relative; /* เงาสะท้อนนุ่มนวล */ filter: drop-shadow(0px 3px 6px rgba(212, 175, 55, 0.3)) drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.2)); /* แอนิเมชันเนื้อสีทอง */ animation: brightGoldMove 6s linear infinite; } /* เลเยอร์ประกายแสงวิ่งผ่าน (ล็อกไว้ให้อยู่ในกรอบตัวอักษร) */ .elementor-21 .elementor-element.elementor-element-8da0a1a .elementor-heading-title::before { content: ''; position: absolute; top: 0; left: -150%; /* เริ่มต้นจากนอกกรอบด้านซ้าย */ width: 100%; height: 100%; background: linear-gradient( 90deg, transparent 0%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0) 75%, transparent 100% ); /* แอนิเมชันแสงวิ่ง */ animation: brightSparkle 4s ease-in-out infinite; } /* แอนิเมชันเคลื่อนที่ของเนื้อสีทอง */ @keyframes brightGoldMove { 0% { background-position: 0% center; } 100% { background-position: -200% center; } } /* แอนิเมชันแสงประกายวิ่งตัดผ่าน (จำกัดระยะวิ่งให้พอดีกรอบ) */ @keyframes brightSparkle { 0% { transform: translateX(0); } 100% { transform: translateX(250%); } /* วิ่งสุดขอบขวาแล้วหายไปในกรอบ */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-9f4f4ab */.elementor-21 .elementor-element.elementor-element-9f4f4ab .elementor-heading-title { /* ใช้เฉดสีทองสว่าง */ background: linear-gradient( to right, #d4af37 0%, #fef9d9 20%, #ffffff 40%, #fef9d9 60%, #e5c158 80%, #d4af37 100% ); background-size: 200% auto; -webkit-background-clip: text; -webkit-text-fill-color: transparent; /* สองบรรทัดนี้สำคัญมาก! สำหรับบีบไม่ให้แสงขาววิ่งทะลุ */ display: inline-block; overflow: hidden; position: relative; /* เงาสะท้อนนุ่มนวล */ filter: drop-shadow(0px 3px 6px rgba(212, 175, 55, 0.3)) drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.2)); /* แอนิเมชันเนื้อสีทอง */ animation: brightGoldMove 6s linear infinite; } /* เลเยอร์ประกายแสงวิ่งผ่าน (ล็อกไว้ให้อยู่ในกรอบตัวอักษร) */ .elementor-21 .elementor-element.elementor-element-9f4f4ab .elementor-heading-title::before { content: ''; position: absolute; top: 0; left: -150%; /* เริ่มต้นจากนอกกรอบด้านซ้าย */ width: 100%; height: 100%; background: linear-gradient( 90deg, transparent 0%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0) 75%, transparent 100% ); /* แอนิเมชันแสงวิ่ง */ animation: brightSparkle 4s ease-in-out infinite; } /* แอนิเมชันเคลื่อนที่ของเนื้อสีทอง */ @keyframes brightGoldMove { 0% { background-position: 0% center; } 100% { background-position: -200% center; } } /* แอนิเมชันแสงประกายวิ่งตัดผ่าน (จำกัดระยะวิ่งให้พอดีกรอบ) */ @keyframes brightSparkle { 0% { transform: translateX(0); } 100% { transform: translateX(250%); } /* วิ่งสุดขอบขวาแล้วหายไปในกรอบ */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-f87356c */.elementor-21 .elementor-element.elementor-element-f87356c .elementor-heading-title { /* ใช้เฉดสีทองสว่าง */ background: linear-gradient( to right, #d4af37 0%, #fef9d9 20%, #ffffff 40%, #fef9d9 60%, #e5c158 80%, #d4af37 100% ); background-size: 200% auto; -webkit-background-clip: text; -webkit-text-fill-color: transparent; /* สองบรรทัดนี้สำคัญมาก! สำหรับบีบไม่ให้แสงขาววิ่งทะลุ */ display: inline-block; overflow: hidden; position: relative; /* เงาสะท้อนนุ่มนวล */ filter: drop-shadow(0px 3px 6px rgba(212, 175, 55, 0.3)) drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.2)); /* แอนิเมชันเนื้อสีทอง */ animation: brightGoldMove 6s linear infinite; } /* เลเยอร์ประกายแสงวิ่งผ่าน (ล็อกไว้ให้อยู่ในกรอบตัวอักษร) */ .elementor-21 .elementor-element.elementor-element-f87356c .elementor-heading-title::before { content: ''; position: absolute; top: 0; left: -150%; /* เริ่มต้นจากนอกกรอบด้านซ้าย */ width: 100%; height: 100%; background: linear-gradient( 90deg, transparent 0%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0) 75%, transparent 100% ); /* แอนิเมชันแสงวิ่ง */ animation: brightSparkle 4s ease-in-out infinite; } /* แอนิเมชันเคลื่อนที่ของเนื้อสีทอง */ @keyframes brightGoldMove { 0% { background-position: 0% center; } 100% { background-position: -200% center; } } /* แอนิเมชันแสงประกายวิ่งตัดผ่าน (จำกัดระยะวิ่งให้พอดีกรอบ) */ @keyframes brightSparkle { 0% { transform: translateX(0); } 100% { transform: translateX(250%); } /* วิ่งสุดขอบขวาแล้วหายไปในกรอบ */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-5a958b7 */.elementor-21 .elementor-element.elementor-element-5a958b7 .elementor-heading-title { /* ใช้เฉดสีทองสว่าง */ background: linear-gradient( to right, #d4af37 0%, #fef9d9 20%, #ffffff 40%, #fef9d9 60%, #e5c158 80%, #d4af37 100% ); background-size: 200% auto; -webkit-background-clip: text; -webkit-text-fill-color: transparent; /* สองบรรทัดนี้สำคัญมาก! สำหรับบีบไม่ให้แสงขาววิ่งทะลุ */ display: inline-block; overflow: hidden; position: relative; /* เงาสะท้อนนุ่มนวล */ filter: drop-shadow(0px 3px 6px rgba(212, 175, 55, 0.3)) drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.2)); /* แอนิเมชันเนื้อสีทอง */ animation: brightGoldMove 6s linear infinite; } /* เลเยอร์ประกายแสงวิ่งผ่าน (ล็อกไว้ให้อยู่ในกรอบตัวอักษร) */ .elementor-21 .elementor-element.elementor-element-5a958b7 .elementor-heading-title::before { content: ''; position: absolute; top: 0; left: -150%; /* เริ่มต้นจากนอกกรอบด้านซ้าย */ width: 100%; height: 100%; background: linear-gradient( 90deg, transparent 0%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0) 75%, transparent 100% ); /* แอนิเมชันแสงวิ่ง */ animation: brightSparkle 4s ease-in-out infinite; } /* แอนิเมชันเคลื่อนที่ของเนื้อสีทอง */ @keyframes brightGoldMove { 0% { background-position: 0% center; } 100% { background-position: -200% center; } } /* แอนิเมชันแสงประกายวิ่งตัดผ่าน (จำกัดระยะวิ่งให้พอดีกรอบ) */ @keyframes brightSparkle { 0% { transform: translateX(0); } 100% { transform: translateX(250%); } /* วิ่งสุดขอบขวาแล้วหายไปในกรอบ */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-e7c7774 */.elementor-21 .elementor-element.elementor-element-e7c7774 .elementor-heading-title { /* ใช้เฉดสีทองสว่าง */ background: linear-gradient( to right, #d4af37 0%, #fef9d9 20%, #ffffff 40%, #fef9d9 60%, #e5c158 80%, #d4af37 100% ); background-size: 200% auto; -webkit-background-clip: text; -webkit-text-fill-color: transparent; /* สองบรรทัดนี้สำคัญมาก! สำหรับบีบไม่ให้แสงขาววิ่งทะลุ */ display: inline-block; overflow: hidden; position: relative; /* เงาสะท้อนนุ่มนวล */ filter: drop-shadow(0px 3px 6px rgba(212, 175, 55, 0.3)) drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.2)); /* แอนิเมชันเนื้อสีทอง */ animation: brightGoldMove 6s linear infinite; } /* เลเยอร์ประกายแสงวิ่งผ่าน (ล็อกไว้ให้อยู่ในกรอบตัวอักษร) */ .elementor-21 .elementor-element.elementor-element-e7c7774 .elementor-heading-title::before { content: ''; position: absolute; top: 0; left: -150%; /* เริ่มต้นจากนอกกรอบด้านซ้าย */ width: 100%; height: 100%; background: linear-gradient( 90deg, transparent 0%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0) 75%, transparent 100% ); /* แอนิเมชันแสงวิ่ง */ animation: brightSparkle 4s ease-in-out infinite; } /* แอนิเมชันเคลื่อนที่ของเนื้อสีทอง */ @keyframes brightGoldMove { 0% { background-position: 0% center; } 100% { background-position: -200% center; } } /* แอนิเมชันแสงประกายวิ่งตัดผ่าน (จำกัดระยะวิ่งให้พอดีกรอบ) */ @keyframes brightSparkle { 0% { transform: translateX(0); } 100% { transform: translateX(250%); } /* วิ่งสุดขอบขวาแล้วหายไปในกรอบ */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-5c565ef */.elementor-21 .elementor-element.elementor-element-5c565ef .elementor-heading-title { /* ใช้เฉดสีทองสว่าง */ background: linear-gradient( to right, #d4af37 0%, #fef9d9 20%, #ffffff 40%, #fef9d9 60%, #e5c158 80%, #d4af37 100% ); background-size: 200% auto; -webkit-background-clip: text; -webkit-text-fill-color: transparent; /* สองบรรทัดนี้สำคัญมาก! สำหรับบีบไม่ให้แสงขาววิ่งทะลุ */ display: inline-block; overflow: hidden; position: relative; /* เงาสะท้อนนุ่มนวล */ filter: drop-shadow(0px 3px 6px rgba(212, 175, 55, 0.3)) drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.2)); /* แอนิเมชันเนื้อสีทอง */ animation: brightGoldMove 6s linear infinite; } /* เลเยอร์ประกายแสงวิ่งผ่าน (ล็อกไว้ให้อยู่ในกรอบตัวอักษร) */ .elementor-21 .elementor-element.elementor-element-5c565ef .elementor-heading-title::before { content: ''; position: absolute; top: 0; left: -150%; /* เริ่มต้นจากนอกกรอบด้านซ้าย */ width: 100%; height: 100%; background: linear-gradient( 90deg, transparent 0%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0) 75%, transparent 100% ); /* แอนิเมชันแสงวิ่ง */ animation: brightSparkle 4s ease-in-out infinite; } /* แอนิเมชันเคลื่อนที่ของเนื้อสีทอง */ @keyframes brightGoldMove { 0% { background-position: 0% center; } 100% { background-position: -200% center; } } /* แอนิเมชันแสงประกายวิ่งตัดผ่าน (จำกัดระยะวิ่งให้พอดีกรอบ) */ @keyframes brightSparkle { 0% { transform: translateX(0); } 100% { transform: translateX(250%); } /* วิ่งสุดขอบขวาแล้วหายไปในกรอบ */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-cc4a76c */.elementor-21 .elementor-element.elementor-element-cc4a76c .elementor-heading-title { /* ใช้เฉดสีทองสว่าง */ background: linear-gradient( to right, #d4af37 0%, #fef9d9 20%, #ffffff 40%, #fef9d9 60%, #e5c158 80%, #d4af37 100% ); background-size: 200% auto; -webkit-background-clip: text; -webkit-text-fill-color: transparent; /* สองบรรทัดนี้สำคัญมาก! สำหรับบีบไม่ให้แสงขาววิ่งทะลุ */ display: inline-block; overflow: hidden; position: relative; /* เงาสะท้อนนุ่มนวล */ filter: drop-shadow(0px 3px 6px rgba(212, 175, 55, 0.3)) drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.2)); /* แอนิเมชันเนื้อสีทอง */ animation: brightGoldMove 6s linear infinite; } /* เลเยอร์ประกายแสงวิ่งผ่าน (ล็อกไว้ให้อยู่ในกรอบตัวอักษร) */ .elementor-21 .elementor-element.elementor-element-cc4a76c .elementor-heading-title::before { content: ''; position: absolute; top: 0; left: -150%; /* เริ่มต้นจากนอกกรอบด้านซ้าย */ width: 100%; height: 100%; background: linear-gradient( 90deg, transparent 0%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0) 75%, transparent 100% ); /* แอนิเมชันแสงวิ่ง */ animation: brightSparkle 4s ease-in-out infinite; } /* แอนิเมชันเคลื่อนที่ของเนื้อสีทอง */ @keyframes brightGoldMove { 0% { background-position: 0% center; } 100% { background-position: -200% center; } } /* แอนิเมชันแสงประกายวิ่งตัดผ่าน (จำกัดระยะวิ่งให้พอดีกรอบ) */ @keyframes brightSparkle { 0% { transform: translateX(0); } 100% { transform: translateX(250%); } /* วิ่งสุดขอบขวาแล้วหายไปในกรอบ */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-b1b8699 */.elementor-21 .elementor-element.elementor-element-b1b8699 .elementor-heading-title { background: linear-gradient(to right, #d4af37 0%, #fef9d9 20%, #ffffff 40%, #fef9d9 60%, #e5c158 80%, #d4af37 100%); background-size: 200% auto; -webkit-background-clip: text; -webkit-text-fill-color: transparent; display: inline-block; position: relative; /* แก้สระโดนตัด: เพิ่มพื้นที่ด้านบนล่างและซ้ายขวา */ padding: 15px 10px; margin: -15px -10px; filter: drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.15)); transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); animation: brightGoldMove 6s linear infinite; } /* เอฟเฟกต์ออร่าระเบิดพลังตอนเมาส์ชี้ */ .elementor-21 .elementor-element.elementor-element-b1b8699 .elementor-heading-title:hover { transform: scale(1.05); filter: drop-shadow(0px 0px 20px rgba(254, 249, 217, 0.9)) drop-shadow(0px 4px 10px rgba(212, 175, 55, 0.5)); } @keyframes brightGoldMove { 0% { background-position: 0% center; } 100% { background-position: -200% center; } }/* End custom CSS */