.elementor-21 .elementor-element.elementor-element-b8caaa4{--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-b39d7da{--e-image-carousel-slides-to-show:1;}.elementor-21 .elementor-element.elementor-element-63b2071{--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-7f07171{--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;border-style:double;--border-style:double;border-width:3px 3px 3px 3px;--border-top-width:3px;--border-right-width:3px;--border-bottom-width:3px;--border-left-width:3px;border-color:var( --e-global-color-primary );--border-color:var( --e-global-color-primary );--border-radius:20px 20px 20px 20px;}.elementor-21 .elementor-element.elementor-element-7f07171:not(.elementor-motion-effects-element-type-background), .elementor-21 .elementor-element.elementor-element-7f07171 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000FC;}.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-43300e0{text-align:center;}.elementor-21 .elementor-element.elementor-element-43300e0 .elementor-heading-title{font-family:"Kanit", Sans-serif;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-5223cb9{text-align:center;}.elementor-21 .elementor-element.elementor-element-61eadd1{--display:grid;--e-con-grid-template-columns:repeat(6, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--padding-top:30px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.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-e06e0d5{--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-2d72e4f{--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-a52aaa8{--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;border-style:double;--border-style:double;border-width:3px 3px 3px 3px;--border-top-width:3px;--border-right-width:3px;--border-bottom-width:3px;--border-left-width:3px;border-color:var( --e-global-color-primary );--border-color:var( --e-global-color-primary );--border-radius:20px 20px 20px 20px;}.elementor-21 .elementor-element.elementor-element-a52aaa8:not(.elementor-motion-effects-element-type-background), .elementor-21 .elementor-element.elementor-element-a52aaa8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-21 .elementor-element.elementor-element-f7784a3{--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-f8120b0{--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-99021b6{--display:grid;--e-con-grid-template-columns:repeat(6, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--padding-top:30px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-21 .elementor-element.elementor-element-989c1fd{--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:30px;--padding-left:0px;--padding-right:0px;}.elementor-21 .elementor-element.elementor-element-6e33587{--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;border-style:double;--border-style:double;border-width:3px 3px 3px 3px;--border-top-width:3px;--border-right-width:3px;--border-bottom-width:3px;--border-left-width:3px;border-color:var( --e-global-color-primary );--border-color:var( --e-global-color-primary );--border-radius:20px 20px 20px 20px;}.elementor-21 .elementor-element.elementor-element-6e33587:not(.elementor-motion-effects-element-type-background), .elementor-21 .elementor-element.elementor-element-6e33587 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-21 .elementor-element.elementor-element-717fbe2{--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-ab74c89{--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-a93a8f4{--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-673e82f{--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-3eea346{--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:30px;--padding-left:0px;--padding-right:0px;}.elementor-21 .elementor-element.elementor-element-023ad4a{--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;border-style:double;--border-style:double;border-width:3px 3px 3px 3px;--border-top-width:3px;--border-right-width:3px;--border-bottom-width:3px;--border-left-width:3px;border-color:var( --e-global-color-primary );--border-color:var( --e-global-color-primary );--border-radius:20px 20px 20px 20px;}.elementor-21 .elementor-element.elementor-element-023ad4a:not(.elementor-motion-effects-element-type-background), .elementor-21 .elementor-element.elementor-element-023ad4a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-21 .elementor-element.elementor-element-61eee48{--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-d2265f7{--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-1897292{--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-29b66fe{--display:grid;--e-con-grid-template-columns:repeat(6, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-21 .elementor-element.elementor-element-bb01717:hover img{filter:brightness( 70% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-21 .elementor-element.elementor-element-99b61cf:hover img{filter:brightness( 70% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-21 .elementor-element.elementor-element-62e4ca5:hover img{filter:brightness( 70% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-21 .elementor-element.elementor-element-84427f2:hover img{filter:brightness( 70% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-21 .elementor-element.elementor-element-0b4730a:hover img{filter:brightness( 70% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-21 .elementor-element.elementor-element-c9df05a:hover img{filter:brightness( 70% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-21 .elementor-element.elementor-element-3d14848:hover img{filter:brightness( 70% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-21 .elementor-element.elementor-element-406599e:hover img{filter:brightness( 70% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-21 .elementor-element.elementor-element-6f98487:hover img{filter:brightness( 70% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-21 .elementor-element.elementor-element-862d45e:hover img{filter:brightness( 70% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-21 .elementor-element.elementor-element-a39eb47:hover img{filter:brightness( 70% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-21 .elementor-element.elementor-element-fd54b3e:hover img{filter:brightness( 70% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-21 .elementor-element.elementor-element-1728dfb{--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:30px;--padding-left:0px;--padding-right:0px;}.elementor-21 .elementor-element.elementor-element-44c5e09{--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;border-style:double;--border-style:double;border-width:3px 3px 3px 3px;--border-top-width:3px;--border-right-width:3px;--border-bottom-width:3px;--border-left-width:3px;border-color:var( --e-global-color-primary );--border-color:var( --e-global-color-primary );--border-radius:20px 20px 20px 20px;}.elementor-21 .elementor-element.elementor-element-44c5e09:not(.elementor-motion-effects-element-type-background), .elementor-21 .elementor-element.elementor-element-44c5e09 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-21 .elementor-element.elementor-element-e00fcda{--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-6315f82{--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-70cbd76{--display:grid;--e-con-grid-template-columns:repeat(7, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-21 .elementor-element.elementor-element-b167830:hover img{filter:brightness( 70% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-21 .elementor-element.elementor-element-544f297:hover img{filter:brightness( 70% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-21 .elementor-element.elementor-element-493ae61:hover img{filter:brightness( 70% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-21 .elementor-element.elementor-element-b0929d9:hover img{filter:brightness( 70% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-21 .elementor-element.elementor-element-9187dcf:hover img{filter:brightness( 70% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-21 .elementor-element.elementor-element-fd01586:hover img{filter:brightness( 70% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-21 .elementor-element.elementor-element-2326677:hover img{filter:brightness( 70% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-21 .elementor-element.elementor-element-e076b38:hover img{filter:brightness( 70% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-21 .elementor-element.elementor-element-3623ad0:hover img{filter:brightness( 70% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-21 .elementor-element.elementor-element-18edf18:hover img{filter:brightness( 70% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-21 .elementor-element.elementor-element-1048522:hover img{filter:brightness( 70% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-21 .elementor-element.elementor-element-92fad3f:hover img{filter:brightness( 70% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-21 .elementor-element.elementor-element-eae8143:hover img{filter:brightness( 70% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-21 .elementor-element.elementor-element-d7a04dc:hover img{filter:brightness( 70% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-21 .elementor-element.elementor-element-5fb0c23{--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-f5ca44d{--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;border-style:double;--border-style:double;border-width:3px 3px 3px 3px;--border-top-width:3px;--border-right-width:3px;--border-bottom-width:3px;--border-left-width:3px;border-color:var( --e-global-color-primary );--border-color:var( --e-global-color-primary );--border-radius:20px 20px 20px 20px;}.elementor-21 .elementor-element.elementor-element-f5ca44d:not(.elementor-motion-effects-element-type-background), .elementor-21 .elementor-element.elementor-element-f5ca44d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-21 .elementor-element.elementor-element-4dc7dae{--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-ef735bd{--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-d5dd5c5{--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-3f86f36{--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;border-style:double;--border-style:double;border-width:3px 3px 3px 3px;--border-top-width:3px;--border-right-width:3px;--border-bottom-width:3px;--border-left-width:3px;border-color:var( --e-global-color-primary );--border-color:var( --e-global-color-primary );--border-radius:20px 20px 20px 20px;}.elementor-21 .elementor-element.elementor-element-3f86f36:not(.elementor-motion-effects-element-type-background), .elementor-21 .elementor-element.elementor-element-3f86f36 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-21 .elementor-element.elementor-element-492c768{--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-5e58914{--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-06a2817{--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-a80a6ec{--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;border-style:double;--border-style:double;border-width:3px 3px 3px 3px;--border-top-width:3px;--border-right-width:3px;--border-bottom-width:3px;--border-left-width:3px;border-color:var( --e-global-color-primary );--border-color:var( --e-global-color-primary );--border-radius:20px 20px 20px 20px;}.elementor-21 .elementor-element.elementor-element-a80a6ec:not(.elementor-motion-effects-element-type-background), .elementor-21 .elementor-element.elementor-element-a80a6ec > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-21 .elementor-element.elementor-element-85e79d1{--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-69e491c{--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-72fd4bb{--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-1a43eeb{--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;border-style:double;--border-style:double;border-width:3px 3px 3px 3px;--border-top-width:3px;--border-right-width:3px;--border-bottom-width:3px;--border-left-width:3px;border-color:var( --e-global-color-primary );--border-color:var( --e-global-color-primary );--border-radius:20px 20px 20px 20px;}.elementor-21 .elementor-element.elementor-element-1a43eeb:not(.elementor-motion-effects-element-type-background), .elementor-21 .elementor-element.elementor-element-1a43eeb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-21 .elementor-element.elementor-element-634771a{padding:10px 0px 0px 0px;text-align:center;}.elementor-21 .elementor-element.elementor-element-634771a .elementor-heading-title{font-family:"Kanit", Sans-serif;font-size:40px;font-weight:600;}.elementor-21 .elementor-element.elementor-element-a899338{--display:flex;}.elementor-21 .elementor-element.elementor-element-b9a232a{--display:flex;}.elementor-21 .elementor-element.elementor-element-d6b4f91{--display:flex;}.elementor-21 .elementor-element.elementor-element-586e6d6{--display:flex;}.elementor-21 .elementor-element.elementor-element-69dc4f3{--display:flex;}.elementor-21 .elementor-element.elementor-element-a1fe907{--n-accordion-title-font-size:1rem;padding:0px 10px 10px 10px;--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-a1fe907 > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{background-color:transparent;background-image:linear-gradient(180deg, #54595FF7 0%, #E6D6D60D 100%);border-style:none;}.elementor-21 .elementor-element.elementor-element-a1fe907 > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title:hover{border-style:none;}.elementor-21 .elementor-element.elementor-element-a1fe907 > .e-n-accordion > .e-n-accordion-item[open] > .e-n-accordion-item-title{border-style:none;}:where( .elementor-21 .elementor-element.elementor-element-a1fe907 > .e-n-accordion > .e-n-accordion-item ) > .e-con{border-style:none;}@media(min-width:768px){.elementor-21 .elementor-element.elementor-element-f7784a3{--width:33.3333%;}.elementor-21 .elementor-element.elementor-element-f8120b0{--width:66.6666%;}.elementor-21 .elementor-element.elementor-element-717fbe2{--width:66.6666%;}.elementor-21 .elementor-element.elementor-element-ab74c89{--width:33.3333%;}.elementor-21 .elementor-element.elementor-element-61eee48{--width:33.3333%;}.elementor-21 .elementor-element.elementor-element-d2265f7{--width:66.6666%;}.elementor-21 .elementor-element.elementor-element-e00fcda{--width:66.6666%;}.elementor-21 .elementor-element.elementor-element-6315f82{--width:33.3333%;}.elementor-21 .elementor-element.elementor-element-4dc7dae{--width:33.3333%;}.elementor-21 .elementor-element.elementor-element-ef735bd{--width:66.6666%;}.elementor-21 .elementor-element.elementor-element-492c768{--width:66.6666%;}.elementor-21 .elementor-element.elementor-element-5e58914{--width:33.3333%;}.elementor-21 .elementor-element.elementor-element-85e79d1{--width:33.3333%;}.elementor-21 .elementor-element.elementor-element-69e491c{--width:66.6666%;}}@media(max-width:1024px){.elementor-21 .elementor-element.elementor-element-61eadd1{--grid-auto-flow:row;}.elementor-21 .elementor-element.elementor-element-99021b6{--grid-auto-flow:row;}.elementor-21 .elementor-element.elementor-element-673e82f{--grid-auto-flow:row;}.elementor-21 .elementor-element.elementor-element-29b66fe{--grid-auto-flow:row;}.elementor-21 .elementor-element.elementor-element-70cbd76{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-21 .elementor-element.elementor-element-43300e0{text-align:start;}.elementor-21 .elementor-element.elementor-element-43300e0 .elementor-heading-title{font-size:35px;}.elementor-21 .elementor-element.elementor-element-5223cb9{text-align:start;}.elementor-21 .elementor-element.elementor-element-61eadd1{--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-99021b6{--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-6e33587{--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-468d55e img{max-width:70%;}.elementor-21 .elementor-element.elementor-element-673e82f{--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-7b663cb img{max-width:70%;}.elementor-21 .elementor-element.elementor-element-29b66fe{--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-44c5e09{--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-70cbd76{--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-3f86f36{--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;}}/* Start custom CSS for image, class: .elementor-element-57ff292 *//* 1. ตั้งค่ากรอบรูปภาพให้พร้อมรับเอฟเฟกต์ */
.elementor-21 .elementor-element.elementor-element-57ff292 {
    position: relative;
    overflow: hidden;
    border-radius: 15px; /* ปรับความโค้งของมุมรูปได้ที่นี่ */
}

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

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

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

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

/* 6. อนิเมชั่นประกายแสงสีทองรอบๆ ปุ่ม */
@keyframes goldSparkle {
    0% {
        box-shadow: 0 0 10px rgba(255, 215, 0, 0.6), 
                    0 0 20px rgba(255, 215, 0, 0.4);
    }
    100% {
        box-shadow: 0 0 20px rgba(255, 215, 0, 1), 
                    0 0 40px rgba(255, 165, 0, 0.8), 
                    0 0 60px rgba(255, 215, 0, 0.6);
    }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c7fc662 *//* 1. ตั้งค่ากรอบรูปภาพให้พร้อมรับเอฟเฟกต์ */
.elementor-21 .elementor-element.elementor-element-c7fc662 {
    position: relative;
    overflow: hidden;
    border-radius: 15px; /* ปรับความโค้งของมุมรูปได้ที่นี่ */
}

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

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

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

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

/* 6. อนิเมชั่นประกายแสงสีทองรอบๆ ปุ่ม */
@keyframes goldSparkle {
    0% {
        box-shadow: 0 0 10px rgba(255, 215, 0, 0.6), 
                    0 0 20px rgba(255, 215, 0, 0.4);
    }
    100% {
        box-shadow: 0 0 20px rgba(255, 215, 0, 1), 
                    0 0 40px rgba(255, 165, 0, 0.8), 
                    0 0 60px rgba(255, 215, 0, 0.6);
    }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-6b4e61a *//* 1. ตั้งค่ากรอบรูปภาพให้พร้อมรับเอฟเฟกต์ */
.elementor-21 .elementor-element.elementor-element-6b4e61a {
    position: relative;
    overflow: hidden;
    border-radius: 15px; /* ปรับความโค้งของมุมรูปได้ที่นี่ */
}

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

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

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

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

/* 6. อนิเมชั่นประกายแสงสีทองรอบๆ ปุ่ม */
@keyframes goldSparkle {
    0% {
        box-shadow: 0 0 10px rgba(255, 215, 0, 0.6), 
                    0 0 20px rgba(255, 215, 0, 0.4);
    }
    100% {
        box-shadow: 0 0 20px rgba(255, 215, 0, 1), 
                    0 0 40px rgba(255, 165, 0, 0.8), 
                    0 0 60px rgba(255, 215, 0, 0.6);
    }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-b2e025c *//* 1. ตั้งค่ากรอบรูปภาพให้พร้อมรับเอฟเฟกต์ */
.elementor-21 .elementor-element.elementor-element-b2e025c {
    position: relative;
    overflow: hidden;
    border-radius: 15px; /* ปรับความโค้งของมุมรูปได้ที่นี่ */
}

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

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

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

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

/* 6. อนิเมชั่นประกายแสงสีทองรอบๆ ปุ่ม */
@keyframes goldSparkle {
    0% {
        box-shadow: 0 0 10px rgba(255, 215, 0, 0.6), 
                    0 0 20px rgba(255, 215, 0, 0.4);
    }
    100% {
        box-shadow: 0 0 20px rgba(255, 215, 0, 1), 
                    0 0 40px rgba(255, 165, 0, 0.8), 
                    0 0 60px rgba(255, 215, 0, 0.6);
    }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c80f7a7 *//* 1. ตั้งค่ากรอบรูปภาพให้พร้อมรับเอฟเฟกต์ */
.elementor-21 .elementor-element.elementor-element-c80f7a7 {
    position: relative;
    overflow: hidden;
    border-radius: 15px; /* ปรับความโค้งของมุมรูปได้ที่นี่ */
}

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

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

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

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

/* 6. อนิเมชั่นประกายแสงสีทองรอบๆ ปุ่ม */
@keyframes goldSparkle {
    0% {
        box-shadow: 0 0 10px rgba(255, 215, 0, 0.6), 
                    0 0 20px rgba(255, 215, 0, 0.4);
    }
    100% {
        box-shadow: 0 0 20px rgba(255, 215, 0, 1), 
                    0 0 40px rgba(255, 165, 0, 0.8), 
                    0 0 60px rgba(255, 215, 0, 0.6);
    }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-faf6de4 *//* 1. ตั้งค่ากรอบรูปภาพให้พร้อมรับเอฟเฟกต์ */
.elementor-21 .elementor-element.elementor-element-faf6de4 {
    position: relative;
    overflow: hidden;
    border-radius: 15px; /* ปรับความโค้งของมุมรูปได้ที่นี่ */
}

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

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

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

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

/* 6. อนิเมชั่นประกายแสงสีทองรอบๆ ปุ่ม */
@keyframes goldSparkle {
    0% {
        box-shadow: 0 0 10px rgba(255, 215, 0, 0.6), 
                    0 0 20px rgba(255, 215, 0, 0.4);
    }
    100% {
        box-shadow: 0 0 20px rgba(255, 215, 0, 1), 
                    0 0 40px rgba(255, 165, 0, 0.8), 
                    0 0 60px rgba(255, 215, 0, 0.6);
    }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-49d397c *//* 1. ตั้งค่ากรอบรูปภาพให้พร้อมรับเอฟเฟกต์ */
.elementor-21 .elementor-element.elementor-element-49d397c {
    position: relative;
    overflow: hidden;
    border-radius: 15px; /* ปรับความโค้งของมุมรูปได้ที่นี่ */
}

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

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

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

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

/* 6. อนิเมชั่นประกายแสงสีทองรอบๆ ปุ่ม */
@keyframes goldSparkle {
    0% {
        box-shadow: 0 0 10px rgba(255, 215, 0, 0.6), 
                    0 0 20px rgba(255, 215, 0, 0.4);
    }
    100% {
        box-shadow: 0 0 20px rgba(255, 215, 0, 1), 
                    0 0 40px rgba(255, 165, 0, 0.8), 
                    0 0 60px rgba(255, 215, 0, 0.6);
    }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-b83a0a3 *//* 1. ตั้งค่ากรอบรูปภาพให้พร้อมรับเอฟเฟกต์ */
.elementor-21 .elementor-element.elementor-element-b83a0a3 {
    position: relative;
    overflow: hidden;
    border-radius: 15px; /* ปรับความโค้งของมุมรูปได้ที่นี่ */
}

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

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

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

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

/* 6. อนิเมชั่นประกายแสงสีทองรอบๆ ปุ่ม */
@keyframes goldSparkle {
    0% {
        box-shadow: 0 0 10px rgba(255, 215, 0, 0.6), 
                    0 0 20px rgba(255, 215, 0, 0.4);
    }
    100% {
        box-shadow: 0 0 20px rgba(255, 215, 0, 1), 
                    0 0 40px rgba(255, 165, 0, 0.8), 
                    0 0 60px rgba(255, 215, 0, 0.6);
    }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-a03cc61 *//* 1. ตั้งค่ากรอบรูปภาพให้พร้อมรับเอฟเฟกต์ */
.elementor-21 .elementor-element.elementor-element-a03cc61 {
    position: relative;
    overflow: hidden;
    border-radius: 15px; /* ปรับความโค้งของมุมรูปได้ที่นี่ */
}

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

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

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

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

/* 6. อนิเมชั่นประกายแสงสีทองรอบๆ ปุ่ม */
@keyframes goldSparkle {
    0% {
        box-shadow: 0 0 10px rgba(255, 215, 0, 0.6), 
                    0 0 20px rgba(255, 215, 0, 0.4);
    }
    100% {
        box-shadow: 0 0 20px rgba(255, 215, 0, 1), 
                    0 0 40px rgba(255, 165, 0, 0.8), 
                    0 0 60px rgba(255, 215, 0, 0.6);
    }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-bd8cfcb *//* 1. ตั้งค่ากรอบรูปภาพให้พร้อมรับเอฟเฟกต์ */
.elementor-21 .elementor-element.elementor-element-bd8cfcb {
    position: relative;
    overflow: hidden;
    border-radius: 15px; /* ปรับความโค้งของมุมรูปได้ที่นี่ */
}

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

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

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

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

/* 6. อนิเมชั่นประกายแสงสีทองรอบๆ ปุ่ม */
@keyframes goldSparkle {
    0% {
        box-shadow: 0 0 10px rgba(255, 215, 0, 0.6), 
                    0 0 20px rgba(255, 215, 0, 0.4);
    }
    100% {
        box-shadow: 0 0 20px rgba(255, 215, 0, 1), 
                    0 0 40px rgba(255, 165, 0, 0.8), 
                    0 0 60px rgba(255, 215, 0, 0.6);
    }
}/* End custom CSS */