.elementor-21 .elementor-element.elementor-element-a4336f5{--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-c2e126d{--e-image-carousel-slides-to-show:1;}.elementor-21 .elementor-element.elementor-element-c2e126d .elementor-image-carousel-wrapper .elementor-image-carousel .swiper-slide-image{border-radius:20px 20px 20px 20px;}.elementor-21 .elementor-element.elementor-element-20fd4ff{--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-14ccddd{padding:0px 0px 0px 0px;text-align:center;}.elementor-21 .elementor-element.elementor-element-14ccddd .elementor-heading-title{font-family:"Kanit", Sans-serif;font-size:37px;font-weight:600;}.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-3c7d9a6{background-color:#E2C1AA85;padding:10px 10px 10px 10px;border-radius:20px 20px 20px 20px;text-align:center;}.elementor-21 .elementor-element.elementor-element-ad6ce38{--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-5d3b651{--e-image-carousel-slides-to-show:5;}.elementor-21 .elementor-element.elementor-element-5d3b651 .elementor-image-carousel-wrapper .elementor-image-carousel .swiper-slide-image{border-radius:20px 20px 20px 20px;}.elementor-21 .elementor-element.elementor-element-0201188{--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-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-dc10740{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-21 .elementor-element.elementor-element-56b8ec1{--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-e1b3b0c img{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );border-radius:20px 20px 20px 20px;}.elementor-21 .elementor-element.elementor-element-e1b3b0c:hover img{filter:brightness( 70% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-21 .elementor-element.elementor-element-82ed180{--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-bb2f4c9{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-21 .elementor-element.elementor-element-855a2cd img{border-radius:20px 20px 20px 20px;}.elementor-21 .elementor-element.elementor-element-57f2830 img{border-radius:20px 20px 20px 20px;}.elementor-21 .elementor-element.elementor-element-f1e6079 img{border-radius:20px 20px 20px 20px;}.elementor-21 .elementor-element.elementor-element-1a5f391 img{border-radius:20px 20px 20px 20px;}.elementor-21 .elementor-element.elementor-element-cd66fc5 img{border-radius:20px 20px 20px 20px;}.elementor-21 .elementor-element.elementor-element-64046f7 img{border-radius:20px 20px 20px 20px;}.elementor-21 .elementor-element.elementor-element-5d60fd8 img{border-radius:20px 20px 20px 20px;}.elementor-21 .elementor-element.elementor-element-1749207 img{border-radius:20px 20px 20px 20px;}.elementor-21 .elementor-element.elementor-element-396ccb0{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-21 .elementor-element.elementor-element-433f114{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-21 .elementor-element.elementor-element-81ee33b{--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-97ebc50{--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-92aebe4{background-color:#E2C1AA85;padding:10px 10px 10px 10px;border-radius:20px 20px 20px 20px;}.elementor-21 .elementor-element.elementor-element-0fa5f64{--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-7931552{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-21 .elementor-element.elementor-element-0f9c333{--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-57ba2f0 img{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );border-radius:20px 20px 20px 20px;}.elementor-21 .elementor-element.elementor-element-57ba2f0:hover img{filter:brightness( 70% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-21 .elementor-element.elementor-element-df5de0a{--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-dd85b85{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-21 .elementor-element.elementor-element-26ff6b4 img{border-radius:20px 20px 20px 20px;}.elementor-21 .elementor-element.elementor-element-3f40aa7 img{border-radius:20px 20px 20px 20px;}.elementor-21 .elementor-element.elementor-element-753aa15 img{border-radius:20px 20px 20px 20px;}.elementor-21 .elementor-element.elementor-element-de1bee2 img{border-radius:20px 20px 20px 20px;}.elementor-21 .elementor-element.elementor-element-9301947 img{border-radius:20px 20px 20px 20px;}.elementor-21 .elementor-element.elementor-element-c6bae2f img{border-radius:20px 20px 20px 20px;}.elementor-21 .elementor-element.elementor-element-6f82983 img{border-radius:20px 20px 20px 20px;}.elementor-21 .elementor-element.elementor-element-303faf1 img{border-radius:20px 20px 20px 20px;}.elementor-21 .elementor-element.elementor-element-e7ffde9{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-21 .elementor-element.elementor-element-4da1600{--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-212e8ac{background-color:#E2C1AA85;padding:10px 10px 10px 10px;border-radius:20px 20px 20px 20px;}.elementor-21 .elementor-element.elementor-element-b5bae4a{--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-d1d623c{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-21 .elementor-element.elementor-element-c44049a{--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-96697b7{--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-25ad0ba{background-color:#E2C1AA85;padding:10px 10px 10px 10px;border-radius:20px 20px 20px 20px;}.elementor-21 .elementor-element.elementor-element-aab4cbb{--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-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-21 .elementor-element.elementor-element-fc4f146{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-21 .elementor-element.elementor-element-fc4f146 .elementor-button{font-family:"Kanit", Sans-serif;font-size:30px;font-weight:500;border-radius:20px 20px 20px 20px;}.elementor-21 .elementor-element.elementor-element-b72b130{--display:grid;--e-con-grid-template-columns:repeat(5, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-21 .elementor-element.elementor-element-907931a img{border-radius:20px 20px 20px 20px;}.elementor-21 .elementor-element.elementor-element-c9d8e89 img{border-radius:20px 20px 20px 20px;}.elementor-21 .elementor-element.elementor-element-ff6640e img{border-radius:20px 20px 20px 20px;}.elementor-21 .elementor-element.elementor-element-5d0bd99 img{border-radius:20px 20px 20px 20px;}.elementor-21 .elementor-element.elementor-element-9f5911a img{border-radius:20px 20px 20px 20px;}.elementor-21 .elementor-element.elementor-element-d32794b img{border-radius:20px 20px 20px 20px;}.elementor-21 .elementor-element.elementor-element-9442645 img{border-radius:20px 20px 20px 20px;}.elementor-21 .elementor-element.elementor-element-cb344a4 img{border-radius:20px 20px 20px 20px;}.elementor-21 .elementor-element.elementor-element-bbb0820 img{border-radius:20px 20px 20px 20px;}.elementor-21 .elementor-element.elementor-element-758e838 img{border-radius:20px 20px 20px 20px;}.elementor-21 .elementor-element.elementor-element-6f4ac16{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-21 .elementor-element.elementor-element-aead824{--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-6daf87f{background-color:#E2C1AA85;padding:10px 10px 10px 10px;border-radius:20px 20px 20px 20px;}.elementor-21 .elementor-element.elementor-element-f0bcc1e{--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-9cf4db2{--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-00fcb94{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-21 .elementor-element.elementor-element-f5894ec{--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-67c84da{--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-a92639c{background-color:#E2C1AA85;padding:10px 10px 10px 10px;border-radius:20px 20px 20px 20px;}.elementor-21 .elementor-element.elementor-element-356a6e4{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-21 .elementor-element.elementor-element-010b02d{--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-bb6363b{background-color:#E2C1AA85;padding:10px 10px 10px 10px;border-radius:20px 20px 20px 20px;}.elementor-21 .elementor-element.elementor-element-a4052bf{--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-0854e4c{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-21 .elementor-element.elementor-element-dc95717{--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-bc39b56{--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-501c7a3{background-color:#E2C1AA85;padding:10px 10px 10px 10px;border-radius:20px 20px 20px 20px;}.elementor-21 .elementor-element.elementor-element-bc16a18{--display:grid;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(3, 1fr);--grid-auto-flow:row;}.elementor-21 .elementor-element.elementor-element-2b2aebd{--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:30px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-21 .elementor-element.elementor-element-45dd616 .elementor-heading-title{font-family:"Kanit", Sans-serif;font-size:40px;font-weight:600;}.elementor-21 .elementor-element.elementor-element-d36913d{--display:flex;}.elementor-21 .elementor-element.elementor-element-b5b5beb{--display:flex;}.elementor-21 .elementor-element.elementor-element-d7585a6{--display:flex;}.elementor-21 .elementor-element.elementor-element-5a8c8a6{--display:flex;}.elementor-21 .elementor-element.elementor-element-9d24d25{--display:flex;}.elementor-21 .elementor-element.elementor-element-8c107ad{--n-accordion-title-font-size:1rem;--n-accordion-item-title-space-between:3px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-border-radius:10px 10px 10px 10px;--n-accordion-title-normal-color:var( --e-global-color-primary );--n-accordion-title-hover-color:var( --e-global-color-text );--n-accordion-title-active-color:var( --e-global-color-primary );--n-accordion-icon-size:15px;}.elementor-21 .elementor-element.elementor-element-8c107ad > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{background-color:#1A1717B5;border-style:none;}.elementor-21 .elementor-element.elementor-element-8c107ad > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title:hover{border-style:none;}.elementor-21 .elementor-element.elementor-element-8c107ad > .e-n-accordion > .e-n-accordion-item[open] > .e-n-accordion-item-title{border-style:none;}.elementor-21 .elementor-element.elementor-element-8c107ad {--n-accordion-padding:10px 10px 10px 10px;}:where( .elementor-21 .elementor-element.elementor-element-8c107ad > .e-n-accordion > .e-n-accordion-item ) > .e-con{border-style:none;}@media(max-width:1024px){.elementor-21 .elementor-element.elementor-element-bb2f4c9{--grid-auto-flow:row;}.elementor-21 .elementor-element.elementor-element-396ccb0{--grid-auto-flow:row;}.elementor-21 .elementor-element.elementor-element-dd85b85{--grid-auto-flow:row;}.elementor-21 .elementor-element.elementor-element-b72b130{--grid-auto-flow:row;}.elementor-21 .elementor-element.elementor-element-bc16a18{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-21 .elementor-element.elementor-element-14ccddd{text-align:start;}.elementor-21 .elementor-element.elementor-element-14ccddd .elementor-heading-title{font-size:35px;}.elementor-21 .elementor-element.elementor-element-3c7d9a6{text-align:start;}.elementor-21 .elementor-element.elementor-element-5d3b651{--e-image-carousel-slides-to-show:5;}.elementor-21 .elementor-element.elementor-element-bb2f4c9{--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-21 .elementor-element.elementor-element-396ccb0{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-21 .elementor-element.elementor-element-dd85b85{--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-21 .elementor-element.elementor-element-e7ffde9{--flex-direction:column-reverse;--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-b72b130{--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-21 .elementor-element.elementor-element-6f4ac16{--flex-direction:column-reverse;--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-356a6e4{--flex-direction:column-reverse;--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-bc16a18{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(3, 1fr);--grid-auto-flow:row;}.elementor-21 .elementor-element.elementor-element-45dd616{text-align:center;}}@media(min-width:768px){.elementor-21 .elementor-element.elementor-element-56b8ec1{--width:33.3333%;}.elementor-21 .elementor-element.elementor-element-82ed180{--width:66.6666%;}.elementor-21 .elementor-element.elementor-element-81ee33b{--width:50%;}.elementor-21 .elementor-element.elementor-element-97ebc50{--width:50%;}.elementor-21 .elementor-element.elementor-element-0f9c333{--width:33.3333%;}.elementor-21 .elementor-element.elementor-element-df5de0a{--width:66.6666%;}.elementor-21 .elementor-element.elementor-element-4da1600{--width:50%;}.elementor-21 .elementor-element.elementor-element-b5bae4a{--width:50%;}.elementor-21 .elementor-element.elementor-element-c44049a{--width:50%;}.elementor-21 .elementor-element.elementor-element-96697b7{--width:50%;}.elementor-21 .elementor-element.elementor-element-aead824{--width:50%;}.elementor-21 .elementor-element.elementor-element-f0bcc1e{--width:50%;}.elementor-21 .elementor-element.elementor-element-f5894ec{--width:50%;}.elementor-21 .elementor-element.elementor-element-67c84da{--width:50%;}.elementor-21 .elementor-element.elementor-element-010b02d{--width:50%;}.elementor-21 .elementor-element.elementor-element-a4052bf{--width:50%;}.elementor-21 .elementor-element.elementor-element-dc95717{--width:50%;}.elementor-21 .elementor-element.elementor-element-bc39b56{--width:50%;}}/* Start custom CSS for image-carousel, class: .elementor-element-5d3b651 *//* 1. เพิ่มพื้นที่เผื่อไว้ ไม่ให้เงาหรือรูปที่ขยายใหญ่โดนตัดขอบ */
.elementor-21 .elementor-element.elementor-element-5d3b651 .swiper-container,
.elementor-21 .elementor-element.elementor-element-5d3b651 .swiper {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
}

/* 2. ตั้งค่าเริ่มต้นให้ทุกรูปเล็กลงและโปร่งแสงนิดหน่อย */
.elementor-21 .elementor-element.elementor-element-5d3b651 .swiper-slide {
    transform: scale(0.85); 
    opacity: 0.6; 
    transition: all 0.4s ease-in-out;
}

/* 3. บังคับรูปแรก (ซ้ายสุด) ให้กลับเป็นขนาดเล็ก (แก้ปัญหาที่เจอก่อนหน้านี้) */
.elementor-21 .elementor-element.elementor-element-5d3b651 .swiper-slide.swiper-slide-active {
    transform: scale(0.85);
    opacity: 0.6;
    z-index: 1;
}

/* 4. เล็งขยายใหญ่เฉพาะ "รูปที่ 3" (ตรงกลางของ 5 รูป) */
.elementor-21 .elementor-element.elementor-element-5d3b651 .swiper-slide.swiper-slide-next + .swiper-slide {
    transform: scale(1.15); /* ปรับความใหญ่ของรูปตรงกลาง (115%) */
    opacity: 1; /* ให้รูปตรงกลางสว่างชัดเจน 100% */
    z-index: 10;
}

/* 5. เพิ่มขอบมน และแสงเงาให้รูปตรงกลาง (ปรับให้เงาอยู่แค่ด้านล่าง) */
.elementor-21 .elementor-element.elementor-element-5d3b651 .swiper-slide.swiper-slide-next + .swiper-slide img {
    border-radius: 20px; /* ปรับความมนของขอบให้เข้ากับรูปของคุณ */
    
    /* อธิบายค่า box-shadow: แกนX แกนY ความเบลอ การกระจาย(ติดลบ) สี */
    box-shadow: 0px 30px 25px -15px rgba(0, 0, 0, 0.5); 
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-907931a *//* นำเข้าฟอนต์ Kanit จาก Google Fonts (หากในเว็บยังไม่มี ให้ใส่บรรทัดนี้ไว้บนสุดของไฟล์ CSS) */
@import url('https://fonts.googleapis.com/css2?family=Kanit:wght@500;700&display=swap');

/* 1. ตั้งค่ากรอบรูปภาพให้พร้อมรับเอฟเฟกต์ */
.elementor-21 .elementor-element.elementor-element-907931a {
    position: relative;
    overflow: hidden;
    border-radius: 15px; /* ปรับความโค้งของมุมรูปได้ที่นี่ */
}

/* 2. ตั้งค่ารูปภาพให้เปลี่ยนผ่านอย่างนุ่มนวล */
.elementor-21 .elementor-element.elementor-element-907931a img {
    transition: filter 0.4s ease, transform 0.4s ease !important;
}

/* 3. เอฟเฟกต์เมื่อนำเม้าส์ไปชี้: รูปภาพเบลอ มืดลง และซูมเข้าเล็กน้อย */
.elementor-21 .elementor-element.elementor-element-907931a:hover img {
    filter: blur(4px) brightness(0.7) !important;
    transform: scale(1.05) !important;
}

/* 4. สร้างปุ่ม "ทดลองเล่น" ด้วย CSS ซ่อนไว้ตรงกลางตอนเริ่มต้น */
.elementor-21 .elementor-element.elementor-element-907931a::after {
    content: "ทดลองเล่น";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, 20px); /* ให้ปุ่มอยู่ต่ำกว่าจุดกึ่งกลางเล็กน้อยเพื่อทำเอฟเฟกต์เด้ง */
    opacity: 0;
    visibility: hidden;
    
    /* ปรับเป็นโทนสีส้มหรูหราแบบไล่ระดับ (Luxurious Deep Orange Gradient) */
    background: linear-gradient(135deg, #FF6F00 0%, #D84315 100%);
    color: #FFFFFF;
    
    /* ตั้งค่าฟอนต์ Kanit */
    font-family: 'Kanit', sans-serif;
    font-size: 15px;
    font-weight: 700;
    white-space: nowrap; /* บังคับให้ข้อความอยู่ในบรรทัดเดียวกันเสมอ */
    padding: 10px 30px;
    
    border-radius: 50px;
    border: 2px solid rgba(255, 255, 255, 0.9);
    z-index: 10;
    pointer-events: none; /* ปล่อยให้คลิกทะลุไปโดนลิงก์ของรูปภาพได้ */
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    
    /* เรียกใช้อนิเมชั่นประกายแสงสีส้ม */
    animation: orangeSparkle 1.5s infinite alternate;
}

/* 5. เมื่อนำเม้าส์ไปชี้: ให้ปุ่มเด้งขึ้นมาตรงกลางพอดี */
.elementor-21 .elementor-element.elementor-element-907931a:hover::after {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, -50%); /* เด้งกลับมาอยู่ตรงกลาง */
}

/* 6. อนิเมชั่นประกายแสงสีส้มนีออนรอบๆ ปุ่ม (Glowing Orange Effect) */
@keyframes orangeSparkle {
    0% {
        box-shadow: 0 0 10px rgba(255, 111, 0, 0.6), 
                    0 0 20px rgba(255, 87, 34, 0.4);
    }
    100% {
        box-shadow: 0 0 20px rgba(255, 111, 0, 1), 
                    0 0 40px rgba(255, 87, 34, 0.8), 
                    0 0 60px rgba(230, 81, 0, 0.6);
    }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c9d8e89 *//* นำเข้าฟอนต์ Kanit จาก Google Fonts (หากในเว็บยังไม่มี ให้ใส่บรรทัดนี้ไว้บนสุดของไฟล์ CSS) */
@import url('https://fonts.googleapis.com/css2?family=Kanit:wght@500;700&display=swap');

/* 1. ตั้งค่ากรอบรูปภาพให้พร้อมรับเอฟเฟกต์ */
.elementor-21 .elementor-element.elementor-element-c9d8e89 {
    position: relative;
    overflow: hidden;
    border-radius: 15px; /* ปรับความโค้งของมุมรูปได้ที่นี่ */
}

/* 2. ตั้งค่ารูปภาพให้เปลี่ยนผ่านอย่างนุ่มนวล */
.elementor-21 .elementor-element.elementor-element-c9d8e89 img {
    transition: filter 0.4s ease, transform 0.4s ease !important;
}

/* 3. เอฟเฟกต์เมื่อนำเม้าส์ไปชี้: รูปภาพเบลอ มืดลง และซูมเข้าเล็กน้อย */
.elementor-21 .elementor-element.elementor-element-c9d8e89:hover img {
    filter: blur(4px) brightness(0.7) !important;
    transform: scale(1.05) !important;
}

/* 4. สร้างปุ่ม "ทดลองเล่น" ด้วย CSS ซ่อนไว้ตรงกลางตอนเริ่มต้น */
.elementor-21 .elementor-element.elementor-element-c9d8e89::after {
    content: "ทดลองเล่น";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, 20px); /* ให้ปุ่มอยู่ต่ำกว่าจุดกึ่งกลางเล็กน้อยเพื่อทำเอฟเฟกต์เด้ง */
    opacity: 0;
    visibility: hidden;
    
    /* ปรับเป็นโทนสีส้มหรูหราแบบไล่ระดับ (Luxurious Deep Orange Gradient) */
    background: linear-gradient(135deg, #FF6F00 0%, #D84315 100%);
    color: #FFFFFF;
    
    /* ตั้งค่าฟอนต์ Kanit */
    font-family: 'Kanit', sans-serif;
    font-size: 15px;
    font-weight: 700;
    white-space: nowrap; /* บังคับให้ข้อความอยู่ในบรรทัดเดียวกันเสมอ */
    padding: 10px 30px;
    
    border-radius: 50px;
    border: 2px solid rgba(255, 255, 255, 0.9);
    z-index: 10;
    pointer-events: none; /* ปล่อยให้คลิกทะลุไปโดนลิงก์ของรูปภาพได้ */
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    
    /* เรียกใช้อนิเมชั่นประกายแสงสีส้ม */
    animation: orangeSparkle 1.5s infinite alternate;
}

/* 5. เมื่อนำเม้าส์ไปชี้: ให้ปุ่มเด้งขึ้นมาตรงกลางพอดี */
.elementor-21 .elementor-element.elementor-element-c9d8e89:hover::after {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, -50%); /* เด้งกลับมาอยู่ตรงกลาง */
}

/* 6. อนิเมชั่นประกายแสงสีส้มนีออนรอบๆ ปุ่ม (Glowing Orange Effect) */
@keyframes orangeSparkle {
    0% {
        box-shadow: 0 0 10px rgba(255, 111, 0, 0.6), 
                    0 0 20px rgba(255, 87, 34, 0.4);
    }
    100% {
        box-shadow: 0 0 20px rgba(255, 111, 0, 1), 
                    0 0 40px rgba(255, 87, 34, 0.8), 
                    0 0 60px rgba(230, 81, 0, 0.6);
    }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-ff6640e *//* นำเข้าฟอนต์ Kanit จาก Google Fonts (หากในเว็บยังไม่มี ให้ใส่บรรทัดนี้ไว้บนสุดของไฟล์ CSS) */
@import url('https://fonts.googleapis.com/css2?family=Kanit:wght@500;700&display=swap');

/* 1. ตั้งค่ากรอบรูปภาพให้พร้อมรับเอฟเฟกต์ */
.elementor-21 .elementor-element.elementor-element-ff6640e {
    position: relative;
    overflow: hidden;
    border-radius: 15px; /* ปรับความโค้งของมุมรูปได้ที่นี่ */
}

/* 2. ตั้งค่ารูปภาพให้เปลี่ยนผ่านอย่างนุ่มนวล */
.elementor-21 .elementor-element.elementor-element-ff6640e img {
    transition: filter 0.4s ease, transform 0.4s ease !important;
}

/* 3. เอฟเฟกต์เมื่อนำเม้าส์ไปชี้: รูปภาพเบลอ มืดลง และซูมเข้าเล็กน้อย */
.elementor-21 .elementor-element.elementor-element-ff6640e:hover img {
    filter: blur(4px) brightness(0.7) !important;
    transform: scale(1.05) !important;
}

/* 4. สร้างปุ่ม "ทดลองเล่น" ด้วย CSS ซ่อนไว้ตรงกลางตอนเริ่มต้น */
.elementor-21 .elementor-element.elementor-element-ff6640e::after {
    content: "ทดลองเล่น";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, 20px); /* ให้ปุ่มอยู่ต่ำกว่าจุดกึ่งกลางเล็กน้อยเพื่อทำเอฟเฟกต์เด้ง */
    opacity: 0;
    visibility: hidden;
    
    /* ปรับเป็นโทนสีส้มหรูหราแบบไล่ระดับ (Luxurious Deep Orange Gradient) */
    background: linear-gradient(135deg, #FF6F00 0%, #D84315 100%);
    color: #FFFFFF;
    
    /* ตั้งค่าฟอนต์ Kanit */
    font-family: 'Kanit', sans-serif;
    font-size: 15px;
    font-weight: 700;
    white-space: nowrap; /* บังคับให้ข้อความอยู่ในบรรทัดเดียวกันเสมอ */
    padding: 10px 30px;
    
    border-radius: 50px;
    border: 2px solid rgba(255, 255, 255, 0.9);
    z-index: 10;
    pointer-events: none; /* ปล่อยให้คลิกทะลุไปโดนลิงก์ของรูปภาพได้ */
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    
    /* เรียกใช้อนิเมชั่นประกายแสงสีส้ม */
    animation: orangeSparkle 1.5s infinite alternate;
}

/* 5. เมื่อนำเม้าส์ไปชี้: ให้ปุ่มเด้งขึ้นมาตรงกลางพอดี */
.elementor-21 .elementor-element.elementor-element-ff6640e:hover::after {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, -50%); /* เด้งกลับมาอยู่ตรงกลาง */
}

/* 6. อนิเมชั่นประกายแสงสีส้มนีออนรอบๆ ปุ่ม (Glowing Orange Effect) */
@keyframes orangeSparkle {
    0% {
        box-shadow: 0 0 10px rgba(255, 111, 0, 0.6), 
                    0 0 20px rgba(255, 87, 34, 0.4);
    }
    100% {
        box-shadow: 0 0 20px rgba(255, 111, 0, 1), 
                    0 0 40px rgba(255, 87, 34, 0.8), 
                    0 0 60px rgba(230, 81, 0, 0.6);
    }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-5d0bd99 *//* นำเข้าฟอนต์ Kanit จาก Google Fonts (หากในเว็บยังไม่มี ให้ใส่บรรทัดนี้ไว้บนสุดของไฟล์ CSS) */
@import url('https://fonts.googleapis.com/css2?family=Kanit:wght@500;700&display=swap');

/* 1. ตั้งค่ากรอบรูปภาพให้พร้อมรับเอฟเฟกต์ */
.elementor-21 .elementor-element.elementor-element-5d0bd99 {
    position: relative;
    overflow: hidden;
    border-radius: 15px; /* ปรับความโค้งของมุมรูปได้ที่นี่ */
}

/* 2. ตั้งค่ารูปภาพให้เปลี่ยนผ่านอย่างนุ่มนวล */
.elementor-21 .elementor-element.elementor-element-5d0bd99 img {
    transition: filter 0.4s ease, transform 0.4s ease !important;
}

/* 3. เอฟเฟกต์เมื่อนำเม้าส์ไปชี้: รูปภาพเบลอ มืดลง และซูมเข้าเล็กน้อย */
.elementor-21 .elementor-element.elementor-element-5d0bd99:hover img {
    filter: blur(4px) brightness(0.7) !important;
    transform: scale(1.05) !important;
}

/* 4. สร้างปุ่ม "ทดลองเล่น" ด้วย CSS ซ่อนไว้ตรงกลางตอนเริ่มต้น */
.elementor-21 .elementor-element.elementor-element-5d0bd99::after {
    content: "ทดลองเล่น";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, 20px); /* ให้ปุ่มอยู่ต่ำกว่าจุดกึ่งกลางเล็กน้อยเพื่อทำเอฟเฟกต์เด้ง */
    opacity: 0;
    visibility: hidden;
    
    /* ปรับเป็นโทนสีส้มหรูหราแบบไล่ระดับ (Luxurious Deep Orange Gradient) */
    background: linear-gradient(135deg, #FF6F00 0%, #D84315 100%);
    color: #FFFFFF;
    
    /* ตั้งค่าฟอนต์ Kanit */
    font-family: 'Kanit', sans-serif;
    font-size: 15px;
    font-weight: 700;
    white-space: nowrap; /* บังคับให้ข้อความอยู่ในบรรทัดเดียวกันเสมอ */
    padding: 10px 30px;
    
    border-radius: 50px;
    border: 2px solid rgba(255, 255, 255, 0.9);
    z-index: 10;
    pointer-events: none; /* ปล่อยให้คลิกทะลุไปโดนลิงก์ของรูปภาพได้ */
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    
    /* เรียกใช้อนิเมชั่นประกายแสงสีส้ม */
    animation: orangeSparkle 1.5s infinite alternate;
}

/* 5. เมื่อนำเม้าส์ไปชี้: ให้ปุ่มเด้งขึ้นมาตรงกลางพอดี */
.elementor-21 .elementor-element.elementor-element-5d0bd99:hover::after {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, -50%); /* เด้งกลับมาอยู่ตรงกลาง */
}

/* 6. อนิเมชั่นประกายแสงสีส้มนีออนรอบๆ ปุ่ม (Glowing Orange Effect) */
@keyframes orangeSparkle {
    0% {
        box-shadow: 0 0 10px rgba(255, 111, 0, 0.6), 
                    0 0 20px rgba(255, 87, 34, 0.4);
    }
    100% {
        box-shadow: 0 0 20px rgba(255, 111, 0, 1), 
                    0 0 40px rgba(255, 87, 34, 0.8), 
                    0 0 60px rgba(230, 81, 0, 0.6);
    }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-9f5911a *//* นำเข้าฟอนต์ Kanit จาก Google Fonts (หากในเว็บยังไม่มี ให้ใส่บรรทัดนี้ไว้บนสุดของไฟล์ CSS) */
@import url('https://fonts.googleapis.com/css2?family=Kanit:wght@500;700&display=swap');

/* 1. ตั้งค่ากรอบรูปภาพให้พร้อมรับเอฟเฟกต์ */
.elementor-21 .elementor-element.elementor-element-9f5911a {
    position: relative;
    overflow: hidden;
    border-radius: 15px; /* ปรับความโค้งของมุมรูปได้ที่นี่ */
}

/* 2. ตั้งค่ารูปภาพให้เปลี่ยนผ่านอย่างนุ่มนวล */
.elementor-21 .elementor-element.elementor-element-9f5911a img {
    transition: filter 0.4s ease, transform 0.4s ease !important;
}

/* 3. เอฟเฟกต์เมื่อนำเม้าส์ไปชี้: รูปภาพเบลอ มืดลง และซูมเข้าเล็กน้อย */
.elementor-21 .elementor-element.elementor-element-9f5911a:hover img {
    filter: blur(4px) brightness(0.7) !important;
    transform: scale(1.05) !important;
}

/* 4. สร้างปุ่ม "ทดลองเล่น" ด้วย CSS ซ่อนไว้ตรงกลางตอนเริ่มต้น */
.elementor-21 .elementor-element.elementor-element-9f5911a::after {
    content: "ทดลองเล่น";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, 20px); /* ให้ปุ่มอยู่ต่ำกว่าจุดกึ่งกลางเล็กน้อยเพื่อทำเอฟเฟกต์เด้ง */
    opacity: 0;
    visibility: hidden;
    
    /* ปรับเป็นโทนสีส้มหรูหราแบบไล่ระดับ (Luxurious Deep Orange Gradient) */
    background: linear-gradient(135deg, #FF6F00 0%, #D84315 100%);
    color: #FFFFFF;
    
    /* ตั้งค่าฟอนต์ Kanit */
    font-family: 'Kanit', sans-serif;
    font-size: 15px;
    font-weight: 700;
    white-space: nowrap; /* บังคับให้ข้อความอยู่ในบรรทัดเดียวกันเสมอ */
    padding: 10px 30px;
    
    border-radius: 50px;
    border: 2px solid rgba(255, 255, 255, 0.9);
    z-index: 10;
    pointer-events: none; /* ปล่อยให้คลิกทะลุไปโดนลิงก์ของรูปภาพได้ */
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    
    /* เรียกใช้อนิเมชั่นประกายแสงสีส้ม */
    animation: orangeSparkle 1.5s infinite alternate;
}

/* 5. เมื่อนำเม้าส์ไปชี้: ให้ปุ่มเด้งขึ้นมาตรงกลางพอดี */
.elementor-21 .elementor-element.elementor-element-9f5911a:hover::after {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, -50%); /* เด้งกลับมาอยู่ตรงกลาง */
}

/* 6. อนิเมชั่นประกายแสงสีส้มนีออนรอบๆ ปุ่ม (Glowing Orange Effect) */
@keyframes orangeSparkle {
    0% {
        box-shadow: 0 0 10px rgba(255, 111, 0, 0.6), 
                    0 0 20px rgba(255, 87, 34, 0.4);
    }
    100% {
        box-shadow: 0 0 20px rgba(255, 111, 0, 1), 
                    0 0 40px rgba(255, 87, 34, 0.8), 
                    0 0 60px rgba(230, 81, 0, 0.6);
    }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-d32794b *//* นำเข้าฟอนต์ Kanit จาก Google Fonts (หากในเว็บยังไม่มี ให้ใส่บรรทัดนี้ไว้บนสุดของไฟล์ CSS) */
@import url('https://fonts.googleapis.com/css2?family=Kanit:wght@500;700&display=swap');

/* 1. ตั้งค่ากรอบรูปภาพให้พร้อมรับเอฟเฟกต์ */
.elementor-21 .elementor-element.elementor-element-d32794b {
    position: relative;
    overflow: hidden;
    border-radius: 15px; /* ปรับความโค้งของมุมรูปได้ที่นี่ */
}

/* 2. ตั้งค่ารูปภาพให้เปลี่ยนผ่านอย่างนุ่มนวล */
.elementor-21 .elementor-element.elementor-element-d32794b img {
    transition: filter 0.4s ease, transform 0.4s ease !important;
}

/* 3. เอฟเฟกต์เมื่อนำเม้าส์ไปชี้: รูปภาพเบลอ มืดลง และซูมเข้าเล็กน้อย */
.elementor-21 .elementor-element.elementor-element-d32794b:hover img {
    filter: blur(4px) brightness(0.7) !important;
    transform: scale(1.05) !important;
}

/* 4. สร้างปุ่ม "ทดลองเล่น" ด้วย CSS ซ่อนไว้ตรงกลางตอนเริ่มต้น */
.elementor-21 .elementor-element.elementor-element-d32794b::after {
    content: "ทดลองเล่น";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, 20px); /* ให้ปุ่มอยู่ต่ำกว่าจุดกึ่งกลางเล็กน้อยเพื่อทำเอฟเฟกต์เด้ง */
    opacity: 0;
    visibility: hidden;
    
    /* ปรับเป็นโทนสีส้มหรูหราแบบไล่ระดับ (Luxurious Deep Orange Gradient) */
    background: linear-gradient(135deg, #FF6F00 0%, #D84315 100%);
    color: #FFFFFF;
    
    /* ตั้งค่าฟอนต์ Kanit */
    font-family: 'Kanit', sans-serif;
    font-size: 15px;
    font-weight: 700;
    white-space: nowrap; /* บังคับให้ข้อความอยู่ในบรรทัดเดียวกันเสมอ */
    padding: 10px 30px;
    
    border-radius: 50px;
    border: 2px solid rgba(255, 255, 255, 0.9);
    z-index: 10;
    pointer-events: none; /* ปล่อยให้คลิกทะลุไปโดนลิงก์ของรูปภาพได้ */
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    
    /* เรียกใช้อนิเมชั่นประกายแสงสีส้ม */
    animation: orangeSparkle 1.5s infinite alternate;
}

/* 5. เมื่อนำเม้าส์ไปชี้: ให้ปุ่มเด้งขึ้นมาตรงกลางพอดี */
.elementor-21 .elementor-element.elementor-element-d32794b:hover::after {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, -50%); /* เด้งกลับมาอยู่ตรงกลาง */
}

/* 6. อนิเมชั่นประกายแสงสีส้มนีออนรอบๆ ปุ่ม (Glowing Orange Effect) */
@keyframes orangeSparkle {
    0% {
        box-shadow: 0 0 10px rgba(255, 111, 0, 0.6), 
                    0 0 20px rgba(255, 87, 34, 0.4);
    }
    100% {
        box-shadow: 0 0 20px rgba(255, 111, 0, 1), 
                    0 0 40px rgba(255, 87, 34, 0.8), 
                    0 0 60px rgba(230, 81, 0, 0.6);
    }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-9442645 *//* นำเข้าฟอนต์ Kanit จาก Google Fonts (หากในเว็บยังไม่มี ให้ใส่บรรทัดนี้ไว้บนสุดของไฟล์ CSS) */
@import url('https://fonts.googleapis.com/css2?family=Kanit:wght@500;700&display=swap');

/* 1. ตั้งค่ากรอบรูปภาพให้พร้อมรับเอฟเฟกต์ */
.elementor-21 .elementor-element.elementor-element-9442645 {
    position: relative;
    overflow: hidden;
    border-radius: 15px; /* ปรับความโค้งของมุมรูปได้ที่นี่ */
}

/* 2. ตั้งค่ารูปภาพให้เปลี่ยนผ่านอย่างนุ่มนวล */
.elementor-21 .elementor-element.elementor-element-9442645 img {
    transition: filter 0.4s ease, transform 0.4s ease !important;
}

/* 3. เอฟเฟกต์เมื่อนำเม้าส์ไปชี้: รูปภาพเบลอ มืดลง และซูมเข้าเล็กน้อย */
.elementor-21 .elementor-element.elementor-element-9442645:hover img {
    filter: blur(4px) brightness(0.7) !important;
    transform: scale(1.05) !important;
}

/* 4. สร้างปุ่ม "ทดลองเล่น" ด้วย CSS ซ่อนไว้ตรงกลางตอนเริ่มต้น */
.elementor-21 .elementor-element.elementor-element-9442645::after {
    content: "ทดลองเล่น";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, 20px); /* ให้ปุ่มอยู่ต่ำกว่าจุดกึ่งกลางเล็กน้อยเพื่อทำเอฟเฟกต์เด้ง */
    opacity: 0;
    visibility: hidden;
    
    /* ปรับเป็นโทนสีส้มหรูหราแบบไล่ระดับ (Luxurious Deep Orange Gradient) */
    background: linear-gradient(135deg, #FF6F00 0%, #D84315 100%);
    color: #FFFFFF;
    
    /* ตั้งค่าฟอนต์ Kanit */
    font-family: 'Kanit', sans-serif;
    font-size: 15px;
    font-weight: 700;
    white-space: nowrap; /* บังคับให้ข้อความอยู่ในบรรทัดเดียวกันเสมอ */
    padding: 10px 30px;
    
    border-radius: 50px;
    border: 2px solid rgba(255, 255, 255, 0.9);
    z-index: 10;
    pointer-events: none; /* ปล่อยให้คลิกทะลุไปโดนลิงก์ของรูปภาพได้ */
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    
    /* เรียกใช้อนิเมชั่นประกายแสงสีส้ม */
    animation: orangeSparkle 1.5s infinite alternate;
}

/* 5. เมื่อนำเม้าส์ไปชี้: ให้ปุ่มเด้งขึ้นมาตรงกลางพอดี */
.elementor-21 .elementor-element.elementor-element-9442645:hover::after {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, -50%); /* เด้งกลับมาอยู่ตรงกลาง */
}

/* 6. อนิเมชั่นประกายแสงสีส้มนีออนรอบๆ ปุ่ม (Glowing Orange Effect) */
@keyframes orangeSparkle {
    0% {
        box-shadow: 0 0 10px rgba(255, 111, 0, 0.6), 
                    0 0 20px rgba(255, 87, 34, 0.4);
    }
    100% {
        box-shadow: 0 0 20px rgba(255, 111, 0, 1), 
                    0 0 40px rgba(255, 87, 34, 0.8), 
                    0 0 60px rgba(230, 81, 0, 0.6);
    }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-cb344a4 *//* นำเข้าฟอนต์ Kanit จาก Google Fonts (หากในเว็บยังไม่มี ให้ใส่บรรทัดนี้ไว้บนสุดของไฟล์ CSS) */
@import url('https://fonts.googleapis.com/css2?family=Kanit:wght@500;700&display=swap');

/* 1. ตั้งค่ากรอบรูปภาพให้พร้อมรับเอฟเฟกต์ */
.elementor-21 .elementor-element.elementor-element-cb344a4 {
    position: relative;
    overflow: hidden;
    border-radius: 15px; /* ปรับความโค้งของมุมรูปได้ที่นี่ */
}

/* 2. ตั้งค่ารูปภาพให้เปลี่ยนผ่านอย่างนุ่มนวล */
.elementor-21 .elementor-element.elementor-element-cb344a4 img {
    transition: filter 0.4s ease, transform 0.4s ease !important;
}

/* 3. เอฟเฟกต์เมื่อนำเม้าส์ไปชี้: รูปภาพเบลอ มืดลง และซูมเข้าเล็กน้อย */
.elementor-21 .elementor-element.elementor-element-cb344a4:hover img {
    filter: blur(4px) brightness(0.7) !important;
    transform: scale(1.05) !important;
}

/* 4. สร้างปุ่ม "ทดลองเล่น" ด้วย CSS ซ่อนไว้ตรงกลางตอนเริ่มต้น */
.elementor-21 .elementor-element.elementor-element-cb344a4::after {
    content: "ทดลองเล่น";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, 20px); /* ให้ปุ่มอยู่ต่ำกว่าจุดกึ่งกลางเล็กน้อยเพื่อทำเอฟเฟกต์เด้ง */
    opacity: 0;
    visibility: hidden;
    
    /* ปรับเป็นโทนสีส้มหรูหราแบบไล่ระดับ (Luxurious Deep Orange Gradient) */
    background: linear-gradient(135deg, #FF6F00 0%, #D84315 100%);
    color: #FFFFFF;
    
    /* ตั้งค่าฟอนต์ Kanit */
    font-family: 'Kanit', sans-serif;
    font-size: 15px;
    font-weight: 700;
    white-space: nowrap; /* บังคับให้ข้อความอยู่ในบรรทัดเดียวกันเสมอ */
    padding: 10px 30px;
    
    border-radius: 50px;
    border: 2px solid rgba(255, 255, 255, 0.9);
    z-index: 10;
    pointer-events: none; /* ปล่อยให้คลิกทะลุไปโดนลิงก์ของรูปภาพได้ */
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    
    /* เรียกใช้อนิเมชั่นประกายแสงสีส้ม */
    animation: orangeSparkle 1.5s infinite alternate;
}

/* 5. เมื่อนำเม้าส์ไปชี้: ให้ปุ่มเด้งขึ้นมาตรงกลางพอดี */
.elementor-21 .elementor-element.elementor-element-cb344a4:hover::after {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, -50%); /* เด้งกลับมาอยู่ตรงกลาง */
}

/* 6. อนิเมชั่นประกายแสงสีส้มนีออนรอบๆ ปุ่ม (Glowing Orange Effect) */
@keyframes orangeSparkle {
    0% {
        box-shadow: 0 0 10px rgba(255, 111, 0, 0.6), 
                    0 0 20px rgba(255, 87, 34, 0.4);
    }
    100% {
        box-shadow: 0 0 20px rgba(255, 111, 0, 1), 
                    0 0 40px rgba(255, 87, 34, 0.8), 
                    0 0 60px rgba(230, 81, 0, 0.6);
    }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-bbb0820 *//* นำเข้าฟอนต์ Kanit จาก Google Fonts (หากในเว็บยังไม่มี ให้ใส่บรรทัดนี้ไว้บนสุดของไฟล์ CSS) */
@import url('https://fonts.googleapis.com/css2?family=Kanit:wght@500;700&display=swap');

/* 1. ตั้งค่ากรอบรูปภาพให้พร้อมรับเอฟเฟกต์ */
.elementor-21 .elementor-element.elementor-element-bbb0820 {
    position: relative;
    overflow: hidden;
    border-radius: 15px; /* ปรับความโค้งของมุมรูปได้ที่นี่ */
}

/* 2. ตั้งค่ารูปภาพให้เปลี่ยนผ่านอย่างนุ่มนวล */
.elementor-21 .elementor-element.elementor-element-bbb0820 img {
    transition: filter 0.4s ease, transform 0.4s ease !important;
}

/* 3. เอฟเฟกต์เมื่อนำเม้าส์ไปชี้: รูปภาพเบลอ มืดลง และซูมเข้าเล็กน้อย */
.elementor-21 .elementor-element.elementor-element-bbb0820:hover img {
    filter: blur(4px) brightness(0.7) !important;
    transform: scale(1.05) !important;
}

/* 4. สร้างปุ่ม "ทดลองเล่น" ด้วย CSS ซ่อนไว้ตรงกลางตอนเริ่มต้น */
.elementor-21 .elementor-element.elementor-element-bbb0820::after {
    content: "ทดลองเล่น";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, 20px); /* ให้ปุ่มอยู่ต่ำกว่าจุดกึ่งกลางเล็กน้อยเพื่อทำเอฟเฟกต์เด้ง */
    opacity: 0;
    visibility: hidden;
    
    /* ปรับเป็นโทนสีส้มหรูหราแบบไล่ระดับ (Luxurious Deep Orange Gradient) */
    background: linear-gradient(135deg, #FF6F00 0%, #D84315 100%);
    color: #FFFFFF;
    
    /* ตั้งค่าฟอนต์ Kanit */
    font-family: 'Kanit', sans-serif;
    font-size: 15px;
    font-weight: 700;
    white-space: nowrap; /* บังคับให้ข้อความอยู่ในบรรทัดเดียวกันเสมอ */
    padding: 10px 30px;
    
    border-radius: 50px;
    border: 2px solid rgba(255, 255, 255, 0.9);
    z-index: 10;
    pointer-events: none; /* ปล่อยให้คลิกทะลุไปโดนลิงก์ของรูปภาพได้ */
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    
    /* เรียกใช้อนิเมชั่นประกายแสงสีส้ม */
    animation: orangeSparkle 1.5s infinite alternate;
}

/* 5. เมื่อนำเม้าส์ไปชี้: ให้ปุ่มเด้งขึ้นมาตรงกลางพอดี */
.elementor-21 .elementor-element.elementor-element-bbb0820:hover::after {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, -50%); /* เด้งกลับมาอยู่ตรงกลาง */
}

/* 6. อนิเมชั่นประกายแสงสีส้มนีออนรอบๆ ปุ่ม (Glowing Orange Effect) */
@keyframes orangeSparkle {
    0% {
        box-shadow: 0 0 10px rgba(255, 111, 0, 0.6), 
                    0 0 20px rgba(255, 87, 34, 0.4);
    }
    100% {
        box-shadow: 0 0 20px rgba(255, 111, 0, 1), 
                    0 0 40px rgba(255, 87, 34, 0.8), 
                    0 0 60px rgba(230, 81, 0, 0.6);
    }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-758e838 *//* นำเข้าฟอนต์ Kanit จาก Google Fonts (หากในเว็บยังไม่มี ให้ใส่บรรทัดนี้ไว้บนสุดของไฟล์ CSS) */
@import url('https://fonts.googleapis.com/css2?family=Kanit:wght@500;700&display=swap');

/* 1. ตั้งค่ากรอบรูปภาพให้พร้อมรับเอฟเฟกต์ */
.elementor-21 .elementor-element.elementor-element-758e838 {
    position: relative;
    overflow: hidden;
    border-radius: 15px; /* ปรับความโค้งของมุมรูปได้ที่นี่ */
}

/* 2. ตั้งค่ารูปภาพให้เปลี่ยนผ่านอย่างนุ่มนวล */
.elementor-21 .elementor-element.elementor-element-758e838 img {
    transition: filter 0.4s ease, transform 0.4s ease !important;
}

/* 3. เอฟเฟกต์เมื่อนำเม้าส์ไปชี้: รูปภาพเบลอ มืดลง และซูมเข้าเล็กน้อย */
.elementor-21 .elementor-element.elementor-element-758e838:hover img {
    filter: blur(4px) brightness(0.7) !important;
    transform: scale(1.05) !important;
}

/* 4. สร้างปุ่ม "ทดลองเล่น" ด้วย CSS ซ่อนไว้ตรงกลางตอนเริ่มต้น */
.elementor-21 .elementor-element.elementor-element-758e838::after {
    content: "ทดลองเล่น";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, 20px); /* ให้ปุ่มอยู่ต่ำกว่าจุดกึ่งกลางเล็กน้อยเพื่อทำเอฟเฟกต์เด้ง */
    opacity: 0;
    visibility: hidden;
    
    /* ปรับเป็นโทนสีส้มหรูหราแบบไล่ระดับ (Luxurious Deep Orange Gradient) */
    background: linear-gradient(135deg, #FF6F00 0%, #D84315 100%);
    color: #FFFFFF;
    
    /* ตั้งค่าฟอนต์ Kanit */
    font-family: 'Kanit', sans-serif;
    font-size: 15px;
    font-weight: 700;
    white-space: nowrap; /* บังคับให้ข้อความอยู่ในบรรทัดเดียวกันเสมอ */
    padding: 10px 30px;
    
    border-radius: 50px;
    border: 2px solid rgba(255, 255, 255, 0.9);
    z-index: 10;
    pointer-events: none; /* ปล่อยให้คลิกทะลุไปโดนลิงก์ของรูปภาพได้ */
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    
    /* เรียกใช้อนิเมชั่นประกายแสงสีส้ม */
    animation: orangeSparkle 1.5s infinite alternate;
}

/* 5. เมื่อนำเม้าส์ไปชี้: ให้ปุ่มเด้งขึ้นมาตรงกลางพอดี */
.elementor-21 .elementor-element.elementor-element-758e838:hover::after {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, -50%); /* เด้งกลับมาอยู่ตรงกลาง */
}

/* 6. อนิเมชั่นประกายแสงสีส้มนีออนรอบๆ ปุ่ม (Glowing Orange Effect) */
@keyframes orangeSparkle {
    0% {
        box-shadow: 0 0 10px rgba(255, 111, 0, 0.6), 
                    0 0 20px rgba(255, 87, 34, 0.4);
    }
    100% {
        box-shadow: 0 0 20px rgba(255, 111, 0, 1), 
                    0 0 40px rgba(255, 87, 34, 0.8), 
                    0 0 60px rgba(230, 81, 0, 0.6);
    }
}/* End custom CSS */