.elementor-21 .elementor-element.elementor-element-fbeb38f{--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-921ebf0{--e-image-carousel-slides-to-show:1;}.elementor-21 .elementor-element.elementor-element-c8850fc{--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-f582c8a{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.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-bad680b{--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-d771526{--display:flex;--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.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-ce57fcc .elementor-button{background-color:#7600C3;font-family:"Kanit", Sans-serif;font-size:16px;font-weight:600;border-radius:20px 20px 20px 20px;padding:15px 50px 15px 50px;}.elementor-21 .elementor-element.elementor-element-ce57fcc .elementor-button-content-wrapper{flex-direction:row;}.elementor-21 .elementor-element.elementor-element-ce57fcc .elementor-button .elementor-button-content-wrapper{gap:10px;}.elementor-21 .elementor-element.elementor-element-3051174{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(3, 1fr);--grid-auto-flow:row;}.elementor-21 .elementor-element.elementor-element-822a40d img{border-radius:10px 10px 10px 10px;}.elementor-21 .elementor-element.elementor-element-d6a164a img{border-radius:10px 10px 10px 10px;}.elementor-21 .elementor-element.elementor-element-2dd125a img{border-radius:10px 10px 10px 10px;}.elementor-21 .elementor-element.elementor-element-60fe410 img{border-radius:10px 10px 10px 10px;}.elementor-21 .elementor-element.elementor-element-288bfba img{border-radius:10px 10px 10px 10px;}.elementor-21 .elementor-element.elementor-element-7987063 img{border-radius:10px 10px 10px 10px;}.elementor-21 .elementor-element.elementor-element-0b16416 img{border-radius:10px 10px 10px 10px;}.elementor-21 .elementor-element.elementor-element-3507e80 img{border-radius:10px 10px 10px 10px;}.elementor-21 .elementor-element.elementor-element-f4604a4 img{border-radius:10px 10px 10px 10px;}.elementor-21 .elementor-element.elementor-element-87ebcd4 img{border-radius:10px 10px 10px 10px;}.elementor-21 .elementor-element.elementor-element-dd0596b img{border-radius:10px 10px 10px 10px;}.elementor-21 .elementor-element.elementor-element-d21f8ac img{border-radius:10px 10px 10px 10px;}.elementor-21 .elementor-element.elementor-element-a805b17{--display:flex;--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-21 .elementor-element.elementor-element-4a35934 .elementor-button{background-color:#7600C3;font-family:"Kanit", Sans-serif;font-size:16px;font-weight:600;border-radius:20px 20px 20px 20px;padding:15px 50px 15px 50px;}.elementor-21 .elementor-element.elementor-element-4a35934 .elementor-button-content-wrapper{flex-direction:row;}.elementor-21 .elementor-element.elementor-element-4a35934 .elementor-button .elementor-button-content-wrapper{gap:10px;}.elementor-21 .elementor-element.elementor-element-e733e6e{--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-4ba7fef{--e-image-carousel-slides-to-show:5;}.elementor-21 .elementor-element.elementor-element-9625d31{--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-7602c25{--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:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:#FFEA00;--border-color:#FFEA00;--border-radius:20px 20px 20px 20px;--padding-top:30px;--padding-bottom:30px;--padding-left:25px;--padding-right:25px;}.elementor-21 .elementor-element.elementor-element-7602c25:not(.elementor-motion-effects-element-type-background), .elementor-21 .elementor-element.elementor-element-7602c25 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #5D2101B3 35%, #FFCB00A3 100%);}.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-2c0c479{background-color:transparent;padding:8px 8px 8px 8px;background-image:linear-gradient(180deg, #FF7700 0%, #FFC900 100%);border-radius:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.68);text-align:center;}.elementor-21 .elementor-element.elementor-element-2c0c479 .elementor-heading-title{font-family:"Kanit", Sans-serif;font-size:34px;font-weight:600;text-shadow:1px 1px 1px rgba(0,0,0,0.3);color:var( --e-global-color-a469412 );}.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-e360887{text-align:center;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-0ac4a1d );}.elementor-21 .elementor-element.elementor-element-e360887 a{color:var( --e-global-color-accent );}.elementor-21 .elementor-element.elementor-element-80188d8{--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-5b4a7c9{--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;--margin-top:25px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-21 .elementor-element.elementor-element-da21468{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:#FFEA00;--border-color:#FFEA00;--border-radius:20px 20px 20px 20px;}.elementor-21 .elementor-element.elementor-element-da21468:not(.elementor-motion-effects-element-type-background), .elementor-21 .elementor-element.elementor-element-da21468 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #5D2101B3 35%, #FFCB0078 100%);}.elementor-21 .elementor-element.elementor-element-f5a7030{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-21 .elementor-element.elementor-element-dcef869{--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:20px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-21 .elementor-element.elementor-element-1201dfb{background-color:transparent;padding:8px 10px 8px 10px;background-image:linear-gradient(180deg, #FF7700 0%, #FFC900 100%);border-radius:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.68);text-align:start;}.elementor-21 .elementor-element.elementor-element-1201dfb .elementor-heading-title{font-family:"Kanit", Sans-serif;font-size:30px;font-weight:600;text-shadow:1px 1px 1px rgba(0,0,0,0.3);color:var( --e-global-color-a469412 );}.elementor-21 .elementor-element.elementor-element-3be5bc5{text-align:start;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-0ac4a1d );}.elementor-21 .elementor-element.elementor-element-3be5bc5 a{color:var( --e-global-color-accent );}.elementor-21 .elementor-element.elementor-element-4636fda{--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;--margin-top:25px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-21 .elementor-element.elementor-element-c637e60{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:#FFEA00;--border-color:#FFEA00;--border-radius:20px 20px 20px 20px;}.elementor-21 .elementor-element.elementor-element-c637e60:not(.elementor-motion-effects-element-type-background), .elementor-21 .elementor-element.elementor-element-c637e60 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #5D2101B3 35%, #FFCB0078 100%);}.elementor-21 .elementor-element.elementor-element-eb33add{--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-2655ab2{background-color:transparent;padding:8px 10px 8px 10px;background-image:linear-gradient(180deg, #FF7700 0%, #FFC900 100%);border-radius:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.68);text-align:start;}.elementor-21 .elementor-element.elementor-element-2655ab2 .elementor-heading-title{font-family:"Kanit", Sans-serif;font-size:30px;font-weight:600;text-shadow:1px 1px 1px rgba(0,0,0,0.3);color:var( --e-global-color-a469412 );}.elementor-21 .elementor-element.elementor-element-a370be9{text-align:start;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-0ac4a1d );}.elementor-21 .elementor-element.elementor-element-a370be9 a{color:var( --e-global-color-accent );}.elementor-21 .elementor-element.elementor-element-32f65d5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-21 .elementor-element.elementor-element-44bd050{--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;--margin-top:25px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-21 .elementor-element.elementor-element-7a076bf{--e-image-carousel-slides-to-show:3;}.elementor-21 .elementor-element.elementor-element-7a076bf .elementor-swiper-button.elementor-swiper-button-prev, .elementor-21 .elementor-element.elementor-element-7a076bf .elementor-swiper-button.elementor-swiper-button-next{font-size:32px;color:var( --e-global-color-0ac4a1d );}.elementor-21 .elementor-element.elementor-element-7a076bf .elementor-swiper-button.elementor-swiper-button-prev svg, .elementor-21 .elementor-element.elementor-element-7a076bf .elementor-swiper-button.elementor-swiper-button-next svg{fill:var( --e-global-color-0ac4a1d );}.elementor-21 .elementor-element.elementor-element-7a076bf .elementor-image-carousel-wrapper .elementor-image-carousel .swiper-slide-image{border-radius:8px 8px 8px 8px;}.elementor-21 .elementor-element.elementor-element-e3393d1{--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;--margin-top:25px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-21 .elementor-element.elementor-element-a61b0b1{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:#FFEA00;--border-color:#FFEA00;--border-radius:20px 20px 20px 20px;}.elementor-21 .elementor-element.elementor-element-a61b0b1:not(.elementor-motion-effects-element-type-background), .elementor-21 .elementor-element.elementor-element-a61b0b1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #5D2101B3 35%, #FFCB0078 100%);}.elementor-21 .elementor-element.elementor-element-573a197{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-21 .elementor-element.elementor-element-7804e86{--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:20px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-21 .elementor-element.elementor-element-723d5b3{background-color:transparent;padding:8px 10px 8px 10px;background-image:linear-gradient(180deg, #FF7700 0%, #FFC900 100%);border-radius:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.68);text-align:start;}.elementor-21 .elementor-element.elementor-element-723d5b3 .elementor-heading-title{font-family:"Kanit", Sans-serif;font-size:30px;font-weight:600;text-shadow:1px 1px 1px rgba(0,0,0,0.3);color:var( --e-global-color-a469412 );}.elementor-21 .elementor-element.elementor-element-25ddd57{text-align:start;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-0ac4a1d );}.elementor-21 .elementor-element.elementor-element-25ddd57 a{color:var( --e-global-color-accent );}.elementor-21 .elementor-element.elementor-element-4fd81e5{--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;--margin-top:25px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-21 .elementor-element.elementor-element-6f42b58{--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:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:#FFEA00;--border-color:#FFEA00;--border-radius:20px 20px 20px 20px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-21 .elementor-element.elementor-element-6f42b58:not(.elementor-motion-effects-element-type-background), .elementor-21 .elementor-element.elementor-element-6f42b58 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #5D2101B3 35%, #FFCB0078 100%);}.elementor-21 .elementor-element.elementor-element-8ae103e{background-color:transparent;padding:8px 10px 8px 15px;background-image:linear-gradient(180deg, #FF7700 0%, #FFC900 100%);border-radius:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.68);text-align:start;}.elementor-21 .elementor-element.elementor-element-8ae103e .elementor-heading-title{font-family:"Kanit", Sans-serif;font-size:30px;font-weight:600;text-shadow:1px 1px 1px rgba(0,0,0,0.3);color:var( --e-global-color-a469412 );}.elementor-21 .elementor-element.elementor-element-0cb4338{text-align:start;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-0ac4a1d );}.elementor-21 .elementor-element.elementor-element-0cb4338 a{color:var( --e-global-color-accent );}.elementor-21 .elementor-element.elementor-element-15644c9{--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;--margin-top:25px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-21 .elementor-element.elementor-element-8dd3825{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:#FFEA00;--border-color:#FFEA00;--border-radius:20px 20px 20px 20px;}.elementor-21 .elementor-element.elementor-element-8dd3825:not(.elementor-motion-effects-element-type-background), .elementor-21 .elementor-element.elementor-element-8dd3825 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #5D2101B3 35%, #FFCB0078 100%);}.elementor-21 .elementor-element.elementor-element-c2b6d27{--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-fc46c2c{background-color:transparent;padding:8px 10px 8px 10px;background-image:linear-gradient(180deg, #FF7700 0%, #FFC900 100%);border-radius:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.68);text-align:start;}.elementor-21 .elementor-element.elementor-element-fc46c2c .elementor-heading-title{font-family:"Kanit", Sans-serif;font-size:30px;font-weight:600;text-shadow:1px 1px 1px rgba(0,0,0,0.3);color:var( --e-global-color-a469412 );}.elementor-21 .elementor-element.elementor-element-03ef721{text-align:start;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-0ac4a1d );}.elementor-21 .elementor-element.elementor-element-99374fc{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-21 .elementor-element.elementor-element-7a1eecf{--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;--margin-top:25px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-21 .elementor-element.elementor-element-0700361{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:#FFEA00;--border-color:#FFEA00;--border-radius:20px 20px 20px 20px;}.elementor-21 .elementor-element.elementor-element-0700361:not(.elementor-motion-effects-element-type-background), .elementor-21 .elementor-element.elementor-element-0700361 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #5D2101B3 35%, #FFCB0078 100%);}.elementor-21 .elementor-element.elementor-element-fe5be64{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-21 .elementor-element.elementor-element-e26fd4b{--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:20px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-21 .elementor-element.elementor-element-2ab0cf3{background-color:transparent;padding:8px 10px 8px 10px;background-image:linear-gradient(180deg, #FF7700 0%, #FFC900 100%);border-radius:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.68);text-align:start;}.elementor-21 .elementor-element.elementor-element-2ab0cf3 .elementor-heading-title{font-family:"Kanit", Sans-serif;font-size:30px;font-weight:600;text-shadow:1px 1px 1px rgba(0,0,0,0.3);color:var( --e-global-color-a469412 );}.elementor-21 .elementor-element.elementor-element-b075b28{text-align:start;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-0ac4a1d );}.elementor-21 .elementor-element.elementor-element-9c3e04c{--display:grid;--e-con-grid-template-columns:repeat(6, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;--margin-top:25px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-21 .elementor-element.elementor-element-10ef820{--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;--margin-top:25px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-21 .elementor-element.elementor-element-3e9dbe6{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:#FFEA00;--border-color:#FFEA00;--border-radius:20px 20px 20px 20px;}.elementor-21 .elementor-element.elementor-element-3e9dbe6:not(.elementor-motion-effects-element-type-background), .elementor-21 .elementor-element.elementor-element-3e9dbe6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #5D2101B3 35%, #FFCB0078 100%);}.elementor-21 .elementor-element.elementor-element-2ef1478{--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-85fe998{background-color:transparent;padding:8px 10px 8px 10px;background-image:linear-gradient(180deg, #FF7700 0%, #FFC900 100%);border-radius:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.68);text-align:start;}.elementor-21 .elementor-element.elementor-element-85fe998 .elementor-heading-title{font-family:"Kanit", Sans-serif;font-size:30px;font-weight:600;text-shadow:1px 1px 1px rgba(0,0,0,0.3);color:var( --e-global-color-a469412 );}.elementor-21 .elementor-element.elementor-element-8ffee9a{text-align:start;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-0ac4a1d );}.elementor-21 .elementor-element.elementor-element-e46c048{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-21 .elementor-element.elementor-element-aec8d30{--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;--margin-top:25px;--margin-bottom:100px;--margin-left:0px;--margin-right:0px;}.elementor-21 .elementor-element.elementor-element-95aedff{--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:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:#FFEA00;--border-color:#FFEA00;--border-radius:20px 20px 20px 20px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-21 .elementor-element.elementor-element-95aedff:not(.elementor-motion-effects-element-type-background), .elementor-21 .elementor-element.elementor-element-95aedff > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #5D2101B3 35%, #FFCB0078 100%);}.elementor-21 .elementor-element.elementor-element-6e06223{background-color:transparent;padding:8px 10px 8px 15px;background-image:linear-gradient(180deg, #FF7700 0%, #FFC900 100%);border-radius:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.68);text-align:start;}.elementor-21 .elementor-element.elementor-element-6e06223 .elementor-heading-title{font-family:"Kanit", Sans-serif;font-size:45px;font-weight:600;text-shadow:1px 1px 1px rgba(0,0,0,0.3);color:var( --e-global-color-a469412 );}.elementor-21 .elementor-element.elementor-element-32b7c4a{--display:flex;}.elementor-21 .elementor-element.elementor-element-603f0ed{--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-5caa9b9{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-21 .elementor-element.elementor-element-c057fb5{--display:flex;}.elementor-21 .elementor-element.elementor-element-c659cd1{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-21 .elementor-element.elementor-element-be025a6{--display:flex;}.elementor-21 .elementor-element.elementor-element-0449cac{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-21 .elementor-element.elementor-element-04ac9dd{--n-accordion-title-font-size:1rem;--n-accordion-item-title-space-between:8px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-title-active-color:var( --e-global-color-text );--n-accordion-icon-size:15px;}.elementor-21 .elementor-element.elementor-element-04ac9dd > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{background-color:#EEB100;border-style:none;}.elementor-21 .elementor-element.elementor-element-04ac9dd > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title:hover{background-color:#FFE7D2;border-style:none;}.elementor-21 .elementor-element.elementor-element-04ac9dd > .e-n-accordion > .e-n-accordion-item[open] > .e-n-accordion-item-title{background-color:#664900;border-style:none;}:where( .elementor-21 .elementor-element.elementor-element-04ac9dd > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}:where( .elementor-21 .elementor-element.elementor-element-04ac9dd > .e-n-accordion > .e-n-accordion-item ) > .e-con{border-style:none;}@media(max-width:1024px){.elementor-21 .elementor-element.elementor-element-f582c8a{--grid-auto-flow:row;}.elementor-21 .elementor-element.elementor-element-3051174{--grid-auto-flow:row;}.elementor-21 .elementor-element.elementor-element-9c3e04c{--grid-auto-flow:row;}}@media(min-width:768px){.elementor-21 .elementor-element.elementor-element-fbeb38f{--content-width:1600px;}.elementor-21 .elementor-element.elementor-element-c8850fc{--content-width:1600px;}.elementor-21 .elementor-element.elementor-element-f582c8a{--content-width:1208px;}.elementor-21 .elementor-element.elementor-element-bad680b{--content-width:1191px;}.elementor-21 .elementor-element.elementor-element-3051174{--content-width:1168px;}.elementor-21 .elementor-element.elementor-element-f5a7030{--width:33.3333%;}.elementor-21 .elementor-element.elementor-element-dcef869{--width:66.6666%;}.elementor-21 .elementor-element.elementor-element-eb33add{--width:66.6666%;}.elementor-21 .elementor-element.elementor-element-32f65d5{--width:33.3333%;}.elementor-21 .elementor-element.elementor-element-573a197{--width:33.3333%;}.elementor-21 .elementor-element.elementor-element-7804e86{--width:66.6666%;}.elementor-21 .elementor-element.elementor-element-c2b6d27{--width:66.6666%;}.elementor-21 .elementor-element.elementor-element-99374fc{--width:33.3333%;}.elementor-21 .elementor-element.elementor-element-fe5be64{--width:33.3333%;}.elementor-21 .elementor-element.elementor-element-e26fd4b{--width:66.6666%;}.elementor-21 .elementor-element.elementor-element-2ef1478{--width:66.6666%;}.elementor-21 .elementor-element.elementor-element-e46c048{--width:33.3333%;}}@media(max-width:767px){.elementor-21 .elementor-element.elementor-element-f582c8a{--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-3051174{--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-1201dfb{text-align:center;}.elementor-21 .elementor-element.elementor-element-3be5bc5{text-align:center;}.elementor-21 .elementor-element.elementor-element-c637e60{--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-2655ab2{text-align:center;}.elementor-21 .elementor-element.elementor-element-723d5b3{text-align:center;}.elementor-21 .elementor-element.elementor-element-25ddd57{text-align:center;}.elementor-21 .elementor-element.elementor-element-8ae103e{text-align:center;}.elementor-21 .elementor-element.elementor-element-8dd3825{--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-fc46c2c{text-align:center;}.elementor-21 .elementor-element.elementor-element-03ef721{text-align:center;}.elementor-21 .elementor-element.elementor-element-2ab0cf3{text-align:center;}.elementor-21 .elementor-element.elementor-element-9c3e04c{--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-3e9dbe6{--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-85fe998{text-align:center;}.elementor-21 .elementor-element.elementor-element-8ffee9a{text-align:center;}.elementor-21 .elementor-element.elementor-element-6e06223{text-align:center;}.elementor-21 .elementor-element.elementor-element-6e06223 .elementor-heading-title{font-size:38px;}}/* Start custom CSS for image-carousel, class: .elementor-element-7a076bf *//* 1. สั่งยกเลิกการเด้งของรูปแรก (Active) ที่ Elementor บังคับไว้ ให้กลับมาเป็นขนาดปกติ */
.elementor-21 .elementor-element.elementor-element-7a076bf .swiper-slide-active,
.elementor-21 .elementor-element.elementor-element-7a076bf .swiper-slide-duplicate-active,
.elementor-21 .elementor-element.elementor-element-7a076bf .swiper-slide {
    transition: transform 0.4s ease-in-out !important;
    transform: scale(1) !important; /* ปรับรูปแรกและรูปทั่วไปเป็นขนาด 100% เท่ากันทั้งหมด */
    opacity: 1 !important;           /* ภาพชัดปกติ ไม่โปร่งใส */
    z-index: 1 !important;
}

/* 2. บังคับย้ายการเด้งมาที่ "รูปถัดไป" (ซึ่งก็คือรูปอันกลางที่คุณวงไว้) */
/* เมื่อสไลด์ทำงาน โค้ดนี้จะไปจับรูปข้างๆ รูปแรกเสมอ ทำให้ภาพตรงกลางเด้งตลอดเวลาเมื่อกดเลื่อน */
.elementor-21 .elementor-element.elementor-element-7a076bf .swiper-slide-active + .swiper-slide,
.elementor-21 .elementor-element.elementor-element-7a076bf .swiper-slide-duplicate-active + .swiper-slide {
    transform: scale(1.15) !important; /* สั่งให้อันกลางเด้งใหญ่ขึ้น 15% */
    z-index: 99 !important;            /* ดันอันกลางให้ลอยเด่นขึ้นมาเหนือรูปอื่น */
}

/* 3. เปิดพื้นที่ บน-ล่าง เพิ่มขึ้น ป้องกันไม่ให้รูปอันกลางโดนตัดขอบตอนเด้งขยายใหญ่ */
.elementor-21 .elementor-element.elementor-element-7a076bf .swiper {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c14c680 *//* 1. ล็อกกรอบสี่เหลี่ยมมน และเส้นขอบสีเหลืองทอง */
.elementor-21 .elementor-element.elementor-element-c14c680,
.elementor-21 .elementor-element.elementor-element-c14c680 .elementor-widget-container,
.elementor-21 .elementor-element.elementor-element-c14c680 .elementor-image,
.elementor-21 .elementor-element.elementor-element-c14c680 .swiper-slide {
    position: relative !important;
    display: inline-block !important;
    overflow: hidden !important;
    border-radius: 24px !important; /* ความโค้งมนสี่เหลี่ยม */
    border: 3px solid #ffcc29 !important; /* เส้นขอบสีเหลือง */
    box-sizing: border-box !important;
    transform: translateZ(0); /* บังคับให้เบราว์เซอร์ตัดขอบมน */
}

/* 2. ตั้งค่ารูปภาพปกติ และทำเอฟเฟกต์เมื่อเมาส์ชี้ (Hover) */
.elementor-21 .elementor-element.elementor-element-c14c680 img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    transition: all 0.3s ease-in-out !important;
    z-index: 1 !important;
}

/* เมื่อเมาส์ชี้: สั่งให้รูปภาพเปลี่ยนเป็นสีน้ำเงินเข้มและมืดลงทันที */
.elementor-21 .elementor-element.elementor-element-c14c680:hover img {
    filter: brightness(0.4) sepia(0.6) hue-rotate(190deg) saturate(2) !important;
}

/* 3. ยิงโค้ดเนรมิต "วงกลมขอบขาว + ปุ่มเพลย์สามเหลี่ยม" ขึ้นมาตรงกลางแบบทะลุทุกเลเยอร์ */
.elementor-21 .elementor-element.elementor-element-c14c680::after,
.elementor-21 .elementor-element.elementor-element-c14c680 .elementor-widget-container::after,
.elementor-21 .elementor-element.elementor-element-c14c680 .elementor-image::after {
    content: '▶' !important; /* ปุ่มเพลย์สามเหลี่ยม */
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    
    /* ใช้คุณสมบัติบีบขนาดและจัดกึ่งกลางให้แม่นยำที่สุด */
    transform: translate(-50%, -50%) scale(1.4) !important; 
    
    /* สร้างขนาดของวงกลมขอบสีขาว */
    width: 65px !important;
    height: 65px !important;
    background-color: rgba(255, 255, 255, 0) !important; /* ข้างในโปร่งใส */
    border: 3px solid rgba(255, 255, 255, 0.9) !important; /* เส้นขอบวงกลมสีขาว */
    border-radius: 50% !important; /* สั่งให้เป็นวงกลมเป๊ะๆ */
    
    /* สไตล์ของตัวสามเหลี่ยมเพลย์ด้านใน */
    color: #ffffff !important;
    font-size: 22px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding-left: 5px !important; /* ดันหัวลูกศรให้บาลานซ์สายตา */
    
    /* ซ่อนไว้ในตอนแรก */
    opacity: 0 !important;
    visibility: hidden !important;
    transition: all 0.3s ease-in-out !important;
    z-index: 9999 !important; /* ดัน z-index ให้สูงสุดเพื่อไม่ให้โครงสร้าง Elementor บังได้ */
    pointer-events: none !important;
}

/* ======================================= */
/*  เอฟเฟกต์สั่งให้ วงกลม + ปุ่มเพลย์ เด้งขึ้นมาจริง  */
/* ======================================= */
.elementor-21 .elementor-element.elementor-element-c14c680:hover::after,
.elementor-21 .elementor-element.elementor-element-c14c680:hover .elementor-widget-container::after,
.elementor-21 .elementor-element.elementor-element-c14c680:hover .elementor-image::after {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translate(-50%, -50%) scale(1) !important; /* หดกลับมาขนาดปกติ ดูมีมิติเด้งกระแทกตา */
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-da869f5 *//* 1. ล็อกกรอบสี่เหลี่ยมมน และเส้นขอบสีเหลืองทอง */
.elementor-21 .elementor-element.elementor-element-da869f5,
.elementor-21 .elementor-element.elementor-element-da869f5 .elementor-widget-container,
.elementor-21 .elementor-element.elementor-element-da869f5 .elementor-image,
.elementor-21 .elementor-element.elementor-element-da869f5 .swiper-slide {
    position: relative !important;
    display: inline-block !important;
    overflow: hidden !important;
    border-radius: 24px !important; /* ความโค้งมนสี่เหลี่ยม */
    border: 3px solid #ffcc29 !important; /* เส้นขอบสีเหลือง */
    box-sizing: border-box !important;
    transform: translateZ(0); /* บังคับให้เบราว์เซอร์ตัดขอบมน */
}

/* 2. ตั้งค่ารูปภาพปกติ และทำเอฟเฟกต์เมื่อเมาส์ชี้ (Hover) */
.elementor-21 .elementor-element.elementor-element-da869f5 img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    transition: all 0.3s ease-in-out !important;
    z-index: 1 !important;
}

/* เมื่อเมาส์ชี้: สั่งให้รูปภาพเปลี่ยนเป็นสีน้ำเงินเข้มและมืดลงทันที */
.elementor-21 .elementor-element.elementor-element-da869f5:hover img {
    filter: brightness(0.4) sepia(0.6) hue-rotate(190deg) saturate(2) !important;
}

/* 3. ยิงโค้ดเนรมิต "วงกลมขอบขาว + ปุ่มเพลย์สามเหลี่ยม" ขึ้นมาตรงกลางแบบทะลุทุกเลเยอร์ */
.elementor-21 .elementor-element.elementor-element-da869f5::after,
.elementor-21 .elementor-element.elementor-element-da869f5 .elementor-widget-container::after,
.elementor-21 .elementor-element.elementor-element-da869f5 .elementor-image::after {
    content: '▶' !important; /* ปุ่มเพลย์สามเหลี่ยม */
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    
    /* ใช้คุณสมบัติบีบขนาดและจัดกึ่งกลางให้แม่นยำที่สุด */
    transform: translate(-50%, -50%) scale(1.4) !important; 
    
    /* สร้างขนาดของวงกลมขอบสีขาว */
    width: 65px !important;
    height: 65px !important;
    background-color: rgba(255, 255, 255, 0) !important; /* ข้างในโปร่งใส */
    border: 3px solid rgba(255, 255, 255, 0.9) !important; /* เส้นขอบวงกลมสีขาว */
    border-radius: 50% !important; /* สั่งให้เป็นวงกลมเป๊ะๆ */
    
    /* สไตล์ของตัวสามเหลี่ยมเพลย์ด้านใน */
    color: #ffffff !important;
    font-size: 22px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding-left: 5px !important; /* ดันหัวลูกศรให้บาลานซ์สายตา */
    
    /* ซ่อนไว้ในตอนแรก */
    opacity: 0 !important;
    visibility: hidden !important;
    transition: all 0.3s ease-in-out !important;
    z-index: 9999 !important; /* ดัน z-index ให้สูงสุดเพื่อไม่ให้โครงสร้าง Elementor บังได้ */
    pointer-events: none !important;
}

/* ======================================= */
/*  เอฟเฟกต์สั่งให้ วงกลม + ปุ่มเพลย์ เด้งขึ้นมาจริง  */
/* ======================================= */
.elementor-21 .elementor-element.elementor-element-da869f5:hover::after,
.elementor-21 .elementor-element.elementor-element-da869f5:hover .elementor-widget-container::after,
.elementor-21 .elementor-element.elementor-element-da869f5:hover .elementor-image::after {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translate(-50%, -50%) scale(1) !important; /* หดกลับมาขนาดปกติ ดูมีมิติเด้งกระแทกตา */
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-361f946 *//* 1. ล็อกกรอบสี่เหลี่ยมมน และเส้นขอบสีเหลืองทอง */
.elementor-21 .elementor-element.elementor-element-361f946,
.elementor-21 .elementor-element.elementor-element-361f946 .elementor-widget-container,
.elementor-21 .elementor-element.elementor-element-361f946 .elementor-image,
.elementor-21 .elementor-element.elementor-element-361f946 .swiper-slide {
    position: relative !important;
    display: inline-block !important;
    overflow: hidden !important;
    border-radius: 24px !important; /* ความโค้งมนสี่เหลี่ยม */
    border: 3px solid #ffcc29 !important; /* เส้นขอบสีเหลือง */
    box-sizing: border-box !important;
    transform: translateZ(0); /* บังคับให้เบราว์เซอร์ตัดขอบมน */
}

/* 2. ตั้งค่ารูปภาพปกติ และทำเอฟเฟกต์เมื่อเมาส์ชี้ (Hover) */
.elementor-21 .elementor-element.elementor-element-361f946 img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    transition: all 0.3s ease-in-out !important;
    z-index: 1 !important;
}

/* เมื่อเมาส์ชี้: สั่งให้รูปภาพเปลี่ยนเป็นสีน้ำเงินเข้มและมืดลงทันที */
.elementor-21 .elementor-element.elementor-element-361f946:hover img {
    filter: brightness(0.4) sepia(0.6) hue-rotate(190deg) saturate(2) !important;
}

/* 3. ยิงโค้ดเนรมิต "วงกลมขอบขาว + ปุ่มเพลย์สามเหลี่ยม" ขึ้นมาตรงกลางแบบทะลุทุกเลเยอร์ */
.elementor-21 .elementor-element.elementor-element-361f946::after,
.elementor-21 .elementor-element.elementor-element-361f946 .elementor-widget-container::after,
.elementor-21 .elementor-element.elementor-element-361f946 .elementor-image::after {
    content: '▶' !important; /* ปุ่มเพลย์สามเหลี่ยม */
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    
    /* ใช้คุณสมบัติบีบขนาดและจัดกึ่งกลางให้แม่นยำที่สุด */
    transform: translate(-50%, -50%) scale(1.4) !important; 
    
    /* สร้างขนาดของวงกลมขอบสีขาว */
    width: 65px !important;
    height: 65px !important;
    background-color: rgba(255, 255, 255, 0) !important; /* ข้างในโปร่งใส */
    border: 3px solid rgba(255, 255, 255, 0.9) !important; /* เส้นขอบวงกลมสีขาว */
    border-radius: 50% !important; /* สั่งให้เป็นวงกลมเป๊ะๆ */
    
    /* สไตล์ของตัวสามเหลี่ยมเพลย์ด้านใน */
    color: #ffffff !important;
    font-size: 22px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding-left: 5px !important; /* ดันหัวลูกศรให้บาลานซ์สายตา */
    
    /* ซ่อนไว้ในตอนแรก */
    opacity: 0 !important;
    visibility: hidden !important;
    transition: all 0.3s ease-in-out !important;
    z-index: 9999 !important; /* ดัน z-index ให้สูงสุดเพื่อไม่ให้โครงสร้าง Elementor บังได้ */
    pointer-events: none !important;
}

/* ======================================= */
/*  เอฟเฟกต์สั่งให้ วงกลม + ปุ่มเพลย์ เด้งขึ้นมาจริง  */
/* ======================================= */
.elementor-21 .elementor-element.elementor-element-361f946:hover::after,
.elementor-21 .elementor-element.elementor-element-361f946:hover .elementor-widget-container::after,
.elementor-21 .elementor-element.elementor-element-361f946:hover .elementor-image::after {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translate(-50%, -50%) scale(1) !important; /* หดกลับมาขนาดปกติ ดูมีมิติเด้งกระแทกตา */
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-149a478 *//* 1. ล็อกกรอบสี่เหลี่ยมมน และเส้นขอบสีเหลืองทอง */
.elementor-21 .elementor-element.elementor-element-149a478,
.elementor-21 .elementor-element.elementor-element-149a478 .elementor-widget-container,
.elementor-21 .elementor-element.elementor-element-149a478 .elementor-image,
.elementor-21 .elementor-element.elementor-element-149a478 .swiper-slide {
    position: relative !important;
    display: inline-block !important;
    overflow: hidden !important;
    border-radius: 24px !important; /* ความโค้งมนสี่เหลี่ยม */
    border: 3px solid #ffcc29 !important; /* เส้นขอบสีเหลือง */
    box-sizing: border-box !important;
    transform: translateZ(0); /* บังคับให้เบราว์เซอร์ตัดขอบมน */
}

/* 2. ตั้งค่ารูปภาพปกติ และทำเอฟเฟกต์เมื่อเมาส์ชี้ (Hover) */
.elementor-21 .elementor-element.elementor-element-149a478 img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    transition: all 0.3s ease-in-out !important;
    z-index: 1 !important;
}

/* เมื่อเมาส์ชี้: สั่งให้รูปภาพเปลี่ยนเป็นสีน้ำเงินเข้มและมืดลงทันที */
.elementor-21 .elementor-element.elementor-element-149a478:hover img {
    filter: brightness(0.4) sepia(0.6) hue-rotate(190deg) saturate(2) !important;
}

/* 3. ยิงโค้ดเนรมิต "วงกลมขอบขาว + ปุ่มเพลย์สามเหลี่ยม" ขึ้นมาตรงกลางแบบทะลุทุกเลเยอร์ */
.elementor-21 .elementor-element.elementor-element-149a478::after,
.elementor-21 .elementor-element.elementor-element-149a478 .elementor-widget-container::after,
.elementor-21 .elementor-element.elementor-element-149a478 .elementor-image::after {
    content: '▶' !important; /* ปุ่มเพลย์สามเหลี่ยม */
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    
    /* ใช้คุณสมบัติบีบขนาดและจัดกึ่งกลางให้แม่นยำที่สุด */
    transform: translate(-50%, -50%) scale(1.4) !important; 
    
    /* สร้างขนาดของวงกลมขอบสีขาว */
    width: 65px !important;
    height: 65px !important;
    background-color: rgba(255, 255, 255, 0) !important; /* ข้างในโปร่งใส */
    border: 3px solid rgba(255, 255, 255, 0.9) !important; /* เส้นขอบวงกลมสีขาว */
    border-radius: 50% !important; /* สั่งให้เป็นวงกลมเป๊ะๆ */
    
    /* สไตล์ของตัวสามเหลี่ยมเพลย์ด้านใน */
    color: #ffffff !important;
    font-size: 22px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding-left: 5px !important; /* ดันหัวลูกศรให้บาลานซ์สายตา */
    
    /* ซ่อนไว้ในตอนแรก */
    opacity: 0 !important;
    visibility: hidden !important;
    transition: all 0.3s ease-in-out !important;
    z-index: 9999 !important; /* ดัน z-index ให้สูงสุดเพื่อไม่ให้โครงสร้าง Elementor บังได้ */
    pointer-events: none !important;
}

/* ======================================= */
/*  เอฟเฟกต์สั่งให้ วงกลม + ปุ่มเพลย์ เด้งขึ้นมาจริง  */
/* ======================================= */
.elementor-21 .elementor-element.elementor-element-149a478:hover::after,
.elementor-21 .elementor-element.elementor-element-149a478:hover .elementor-widget-container::after,
.elementor-21 .elementor-element.elementor-element-149a478:hover .elementor-image::after {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translate(-50%, -50%) scale(1) !important; /* หดกลับมาขนาดปกติ ดูมีมิติเด้งกระแทกตา */
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-9999f65 *//* 1. ล็อกกรอบสี่เหลี่ยมมน และเส้นขอบสีเหลืองทอง */
.elementor-21 .elementor-element.elementor-element-9999f65,
.elementor-21 .elementor-element.elementor-element-9999f65 .elementor-widget-container,
.elementor-21 .elementor-element.elementor-element-9999f65 .elementor-image,
.elementor-21 .elementor-element.elementor-element-9999f65 .swiper-slide {
    position: relative !important;
    display: inline-block !important;
    overflow: hidden !important;
    border-radius: 24px !important; /* ความโค้งมนสี่เหลี่ยม */
    border: 3px solid #ffcc29 !important; /* เส้นขอบสีเหลือง */
    box-sizing: border-box !important;
    transform: translateZ(0); /* บังคับให้เบราว์เซอร์ตัดขอบมน */
}

/* 2. ตั้งค่ารูปภาพปกติ และทำเอฟเฟกต์เมื่อเมาส์ชี้ (Hover) */
.elementor-21 .elementor-element.elementor-element-9999f65 img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    transition: all 0.3s ease-in-out !important;
    z-index: 1 !important;
}

/* เมื่อเมาส์ชี้: สั่งให้รูปภาพเปลี่ยนเป็นสีน้ำเงินเข้มและมืดลงทันที */
.elementor-21 .elementor-element.elementor-element-9999f65:hover img {
    filter: brightness(0.4) sepia(0.6) hue-rotate(190deg) saturate(2) !important;
}

/* 3. ยิงโค้ดเนรมิต "วงกลมขอบขาว + ปุ่มเพลย์สามเหลี่ยม" ขึ้นมาตรงกลางแบบทะลุทุกเลเยอร์ */
.elementor-21 .elementor-element.elementor-element-9999f65::after,
.elementor-21 .elementor-element.elementor-element-9999f65 .elementor-widget-container::after,
.elementor-21 .elementor-element.elementor-element-9999f65 .elementor-image::after {
    content: '▶' !important; /* ปุ่มเพลย์สามเหลี่ยม */
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    
    /* ใช้คุณสมบัติบีบขนาดและจัดกึ่งกลางให้แม่นยำที่สุด */
    transform: translate(-50%, -50%) scale(1.4) !important; 
    
    /* สร้างขนาดของวงกลมขอบสีขาว */
    width: 65px !important;
    height: 65px !important;
    background-color: rgba(255, 255, 255, 0) !important; /* ข้างในโปร่งใส */
    border: 3px solid rgba(255, 255, 255, 0.9) !important; /* เส้นขอบวงกลมสีขาว */
    border-radius: 50% !important; /* สั่งให้เป็นวงกลมเป๊ะๆ */
    
    /* สไตล์ของตัวสามเหลี่ยมเพลย์ด้านใน */
    color: #ffffff !important;
    font-size: 22px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding-left: 5px !important; /* ดันหัวลูกศรให้บาลานซ์สายตา */
    
    /* ซ่อนไว้ในตอนแรก */
    opacity: 0 !important;
    visibility: hidden !important;
    transition: all 0.3s ease-in-out !important;
    z-index: 9999 !important; /* ดัน z-index ให้สูงสุดเพื่อไม่ให้โครงสร้าง Elementor บังได้ */
    pointer-events: none !important;
}

/* ======================================= */
/*  เอฟเฟกต์สั่งให้ วงกลม + ปุ่มเพลย์ เด้งขึ้นมาจริง  */
/* ======================================= */
.elementor-21 .elementor-element.elementor-element-9999f65:hover::after,
.elementor-21 .elementor-element.elementor-element-9999f65:hover .elementor-widget-container::after,
.elementor-21 .elementor-element.elementor-element-9999f65:hover .elementor-image::after {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translate(-50%, -50%) scale(1) !important; /* หดกลับมาขนาดปกติ ดูมีมิติเด้งกระแทกตา */
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-9871aaa *//* 1. ล็อกกรอบสี่เหลี่ยมมน และเส้นขอบสีเหลืองทอง */
.elementor-21 .elementor-element.elementor-element-9871aaa,
.elementor-21 .elementor-element.elementor-element-9871aaa .elementor-widget-container,
.elementor-21 .elementor-element.elementor-element-9871aaa .elementor-image,
.elementor-21 .elementor-element.elementor-element-9871aaa .swiper-slide {
    position: relative !important;
    display: inline-block !important;
    overflow: hidden !important;
    border-radius: 24px !important; /* ความโค้งมนสี่เหลี่ยม */
    border: 3px solid #ffcc29 !important; /* เส้นขอบสีเหลือง */
    box-sizing: border-box !important;
    transform: translateZ(0); /* บังคับให้เบราว์เซอร์ตัดขอบมน */
}

/* 2. ตั้งค่ารูปภาพปกติ และทำเอฟเฟกต์เมื่อเมาส์ชี้ (Hover) */
.elementor-21 .elementor-element.elementor-element-9871aaa img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    transition: all 0.3s ease-in-out !important;
    z-index: 1 !important;
}

/* เมื่อเมาส์ชี้: สั่งให้รูปภาพเปลี่ยนเป็นสีน้ำเงินเข้มและมืดลงทันที */
.elementor-21 .elementor-element.elementor-element-9871aaa:hover img {
    filter: brightness(0.4) sepia(0.6) hue-rotate(190deg) saturate(2) !important;
}

/* 3. ยิงโค้ดเนรมิต "วงกลมขอบขาว + ปุ่มเพลย์สามเหลี่ยม" ขึ้นมาตรงกลางแบบทะลุทุกเลเยอร์ */
.elementor-21 .elementor-element.elementor-element-9871aaa::after,
.elementor-21 .elementor-element.elementor-element-9871aaa .elementor-widget-container::after,
.elementor-21 .elementor-element.elementor-element-9871aaa .elementor-image::after {
    content: '▶' !important; /* ปุ่มเพลย์สามเหลี่ยม */
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    
    /* ใช้คุณสมบัติบีบขนาดและจัดกึ่งกลางให้แม่นยำที่สุด */
    transform: translate(-50%, -50%) scale(1.4) !important; 
    
    /* สร้างขนาดของวงกลมขอบสีขาว */
    width: 65px !important;
    height: 65px !important;
    background-color: rgba(255, 255, 255, 0) !important; /* ข้างในโปร่งใส */
    border: 3px solid rgba(255, 255, 255, 0.9) !important; /* เส้นขอบวงกลมสีขาว */
    border-radius: 50% !important; /* สั่งให้เป็นวงกลมเป๊ะๆ */
    
    /* สไตล์ของตัวสามเหลี่ยมเพลย์ด้านใน */
    color: #ffffff !important;
    font-size: 22px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding-left: 5px !important; /* ดันหัวลูกศรให้บาลานซ์สายตา */
    
    /* ซ่อนไว้ในตอนแรก */
    opacity: 0 !important;
    visibility: hidden !important;
    transition: all 0.3s ease-in-out !important;
    z-index: 9999 !important; /* ดัน z-index ให้สูงสุดเพื่อไม่ให้โครงสร้าง Elementor บังได้ */
    pointer-events: none !important;
}

/* ======================================= */
/*  เอฟเฟกต์สั่งให้ วงกลม + ปุ่มเพลย์ เด้งขึ้นมาจริง  */
/* ======================================= */
.elementor-21 .elementor-element.elementor-element-9871aaa:hover::after,
.elementor-21 .elementor-element.elementor-element-9871aaa:hover .elementor-widget-container::after,
.elementor-21 .elementor-element.elementor-element-9871aaa:hover .elementor-image::after {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translate(-50%, -50%) scale(1) !important; /* หดกลับมาขนาดปกติ ดูมีมิติเด้งกระแทกตา */
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-a8e2ea6 *//* 1. ล็อกกรอบสี่เหลี่ยมมน และเส้นขอบสีเหลืองทอง */
.elementor-21 .elementor-element.elementor-element-a8e2ea6,
.elementor-21 .elementor-element.elementor-element-a8e2ea6 .elementor-widget-container,
.elementor-21 .elementor-element.elementor-element-a8e2ea6 .elementor-image,
.elementor-21 .elementor-element.elementor-element-a8e2ea6 .swiper-slide {
    position: relative !important;
    display: inline-block !important;
    overflow: hidden !important;
    border-radius: 24px !important; /* ความโค้งมนสี่เหลี่ยม */
    border: 3px solid #ffcc29 !important; /* เส้นขอบสีเหลือง */
    box-sizing: border-box !important;
    transform: translateZ(0); /* บังคับให้เบราว์เซอร์ตัดขอบมน */
}

/* 2. ตั้งค่ารูปภาพปกติ และทำเอฟเฟกต์เมื่อเมาส์ชี้ (Hover) */
.elementor-21 .elementor-element.elementor-element-a8e2ea6 img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    transition: all 0.3s ease-in-out !important;
    z-index: 1 !important;
}

/* เมื่อเมาส์ชี้: สั่งให้รูปภาพเปลี่ยนเป็นสีน้ำเงินเข้มและมืดลงทันที */
.elementor-21 .elementor-element.elementor-element-a8e2ea6:hover img {
    filter: brightness(0.4) sepia(0.6) hue-rotate(190deg) saturate(2) !important;
}

/* 3. ยิงโค้ดเนรมิต "วงกลมขอบขาว + ปุ่มเพลย์สามเหลี่ยม" ขึ้นมาตรงกลางแบบทะลุทุกเลเยอร์ */
.elementor-21 .elementor-element.elementor-element-a8e2ea6::after,
.elementor-21 .elementor-element.elementor-element-a8e2ea6 .elementor-widget-container::after,
.elementor-21 .elementor-element.elementor-element-a8e2ea6 .elementor-image::after {
    content: '▶' !important; /* ปุ่มเพลย์สามเหลี่ยม */
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    
    /* ใช้คุณสมบัติบีบขนาดและจัดกึ่งกลางให้แม่นยำที่สุด */
    transform: translate(-50%, -50%) scale(1.4) !important; 
    
    /* สร้างขนาดของวงกลมขอบสีขาว */
    width: 65px !important;
    height: 65px !important;
    background-color: rgba(255, 255, 255, 0) !important; /* ข้างในโปร่งใส */
    border: 3px solid rgba(255, 255, 255, 0.9) !important; /* เส้นขอบวงกลมสีขาว */
    border-radius: 50% !important; /* สั่งให้เป็นวงกลมเป๊ะๆ */
    
    /* สไตล์ของตัวสามเหลี่ยมเพลย์ด้านใน */
    color: #ffffff !important;
    font-size: 22px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding-left: 5px !important; /* ดันหัวลูกศรให้บาลานซ์สายตา */
    
    /* ซ่อนไว้ในตอนแรก */
    opacity: 0 !important;
    visibility: hidden !important;
    transition: all 0.3s ease-in-out !important;
    z-index: 9999 !important; /* ดัน z-index ให้สูงสุดเพื่อไม่ให้โครงสร้าง Elementor บังได้ */
    pointer-events: none !important;
}

/* ======================================= */
/*  เอฟเฟกต์สั่งให้ วงกลม + ปุ่มเพลย์ เด้งขึ้นมาจริง  */
/* ======================================= */
.elementor-21 .elementor-element.elementor-element-a8e2ea6:hover::after,
.elementor-21 .elementor-element.elementor-element-a8e2ea6:hover .elementor-widget-container::after,
.elementor-21 .elementor-element.elementor-element-a8e2ea6:hover .elementor-image::after {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translate(-50%, -50%) scale(1) !important; /* หดกลับมาขนาดปกติ ดูมีมิติเด้งกระแทกตา */
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-69ec80e *//* 1. ล็อกกรอบสี่เหลี่ยมมน และเส้นขอบสีเหลืองทอง */
.elementor-21 .elementor-element.elementor-element-69ec80e,
.elementor-21 .elementor-element.elementor-element-69ec80e .elementor-widget-container,
.elementor-21 .elementor-element.elementor-element-69ec80e .elementor-image,
.elementor-21 .elementor-element.elementor-element-69ec80e .swiper-slide {
    position: relative !important;
    display: inline-block !important;
    overflow: hidden !important;
    border-radius: 24px !important; /* ความโค้งมนสี่เหลี่ยม */
    border: 3px solid #ffcc29 !important; /* เส้นขอบสีเหลือง */
    box-sizing: border-box !important;
    transform: translateZ(0); /* บังคับให้เบราว์เซอร์ตัดขอบมน */
}

/* 2. ตั้งค่ารูปภาพปกติ และทำเอฟเฟกต์เมื่อเมาส์ชี้ (Hover) */
.elementor-21 .elementor-element.elementor-element-69ec80e img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    transition: all 0.3s ease-in-out !important;
    z-index: 1 !important;
}

/* เมื่อเมาส์ชี้: สั่งให้รูปภาพเปลี่ยนเป็นสีน้ำเงินเข้มและมืดลงทันที */
.elementor-21 .elementor-element.elementor-element-69ec80e:hover img {
    filter: brightness(0.4) sepia(0.6) hue-rotate(190deg) saturate(2) !important;
}

/* 3. ยิงโค้ดเนรมิต "วงกลมขอบขาว + ปุ่มเพลย์สามเหลี่ยม" ขึ้นมาตรงกลางแบบทะลุทุกเลเยอร์ */
.elementor-21 .elementor-element.elementor-element-69ec80e::after,
.elementor-21 .elementor-element.elementor-element-69ec80e .elementor-widget-container::after,
.elementor-21 .elementor-element.elementor-element-69ec80e .elementor-image::after {
    content: '▶' !important; /* ปุ่มเพลย์สามเหลี่ยม */
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    
    /* ใช้คุณสมบัติบีบขนาดและจัดกึ่งกลางให้แม่นยำที่สุด */
    transform: translate(-50%, -50%) scale(1.4) !important; 
    
    /* สร้างขนาดของวงกลมขอบสีขาว */
    width: 65px !important;
    height: 65px !important;
    background-color: rgba(255, 255, 255, 0) !important; /* ข้างในโปร่งใส */
    border: 3px solid rgba(255, 255, 255, 0.9) !important; /* เส้นขอบวงกลมสีขาว */
    border-radius: 50% !important; /* สั่งให้เป็นวงกลมเป๊ะๆ */
    
    /* สไตล์ของตัวสามเหลี่ยมเพลย์ด้านใน */
    color: #ffffff !important;
    font-size: 22px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding-left: 5px !important; /* ดันหัวลูกศรให้บาลานซ์สายตา */
    
    /* ซ่อนไว้ในตอนแรก */
    opacity: 0 !important;
    visibility: hidden !important;
    transition: all 0.3s ease-in-out !important;
    z-index: 9999 !important; /* ดัน z-index ให้สูงสุดเพื่อไม่ให้โครงสร้าง Elementor บังได้ */
    pointer-events: none !important;
}

/* ======================================= */
/*  เอฟเฟกต์สั่งให้ วงกลม + ปุ่มเพลย์ เด้งขึ้นมาจริง  */
/* ======================================= */
.elementor-21 .elementor-element.elementor-element-69ec80e:hover::after,
.elementor-21 .elementor-element.elementor-element-69ec80e:hover .elementor-widget-container::after,
.elementor-21 .elementor-element.elementor-element-69ec80e:hover .elementor-image::after {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translate(-50%, -50%) scale(1) !important; /* หดกลับมาขนาดปกติ ดูมีมิติเด้งกระแทกตา */
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-e3e257b *//* 1. ล็อกกรอบสี่เหลี่ยมมน และเส้นขอบสีเหลืองทอง */
.elementor-21 .elementor-element.elementor-element-e3e257b,
.elementor-21 .elementor-element.elementor-element-e3e257b .elementor-widget-container,
.elementor-21 .elementor-element.elementor-element-e3e257b .elementor-image,
.elementor-21 .elementor-element.elementor-element-e3e257b .swiper-slide {
    position: relative !important;
    display: inline-block !important;
    overflow: hidden !important;
    border-radius: 24px !important; /* ความโค้งมนสี่เหลี่ยม */
    border: 3px solid #ffcc29 !important; /* เส้นขอบสีเหลือง */
    box-sizing: border-box !important;
    transform: translateZ(0); /* บังคับให้เบราว์เซอร์ตัดขอบมน */
}

/* 2. ตั้งค่ารูปภาพปกติ และทำเอฟเฟกต์เมื่อเมาส์ชี้ (Hover) */
.elementor-21 .elementor-element.elementor-element-e3e257b img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    transition: all 0.3s ease-in-out !important;
    z-index: 1 !important;
}

/* เมื่อเมาส์ชี้: สั่งให้รูปภาพเปลี่ยนเป็นสีน้ำเงินเข้มและมืดลงทันที */
.elementor-21 .elementor-element.elementor-element-e3e257b:hover img {
    filter: brightness(0.4) sepia(0.6) hue-rotate(190deg) saturate(2) !important;
}

/* 3. ยิงโค้ดเนรมิต "วงกลมขอบขาว + ปุ่มเพลย์สามเหลี่ยม" ขึ้นมาตรงกลางแบบทะลุทุกเลเยอร์ */
.elementor-21 .elementor-element.elementor-element-e3e257b::after,
.elementor-21 .elementor-element.elementor-element-e3e257b .elementor-widget-container::after,
.elementor-21 .elementor-element.elementor-element-e3e257b .elementor-image::after {
    content: '▶' !important; /* ปุ่มเพลย์สามเหลี่ยม */
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    
    /* ใช้คุณสมบัติบีบขนาดและจัดกึ่งกลางให้แม่นยำที่สุด */
    transform: translate(-50%, -50%) scale(1.4) !important; 
    
    /* สร้างขนาดของวงกลมขอบสีขาว */
    width: 65px !important;
    height: 65px !important;
    background-color: rgba(255, 255, 255, 0) !important; /* ข้างในโปร่งใส */
    border: 3px solid rgba(255, 255, 255, 0.9) !important; /* เส้นขอบวงกลมสีขาว */
    border-radius: 50% !important; /* สั่งให้เป็นวงกลมเป๊ะๆ */
    
    /* สไตล์ของตัวสามเหลี่ยมเพลย์ด้านใน */
    color: #ffffff !important;
    font-size: 22px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding-left: 5px !important; /* ดันหัวลูกศรให้บาลานซ์สายตา */
    
    /* ซ่อนไว้ในตอนแรก */
    opacity: 0 !important;
    visibility: hidden !important;
    transition: all 0.3s ease-in-out !important;
    z-index: 9999 !important; /* ดัน z-index ให้สูงสุดเพื่อไม่ให้โครงสร้าง Elementor บังได้ */
    pointer-events: none !important;
}

/* ======================================= */
/*  เอฟเฟกต์สั่งให้ วงกลม + ปุ่มเพลย์ เด้งขึ้นมาจริง  */
/* ======================================= */
.elementor-21 .elementor-element.elementor-element-e3e257b:hover::after,
.elementor-21 .elementor-element.elementor-element-e3e257b:hover .elementor-widget-container::after,
.elementor-21 .elementor-element.elementor-element-e3e257b:hover .elementor-image::after {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translate(-50%, -50%) scale(1) !important; /* หดกลับมาขนาดปกติ ดูมีมิติเด้งกระแทกตา */
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-832b41b *//* 1. ล็อกกรอบสี่เหลี่ยมมน และเส้นขอบสีเหลืองทอง */
.elementor-21 .elementor-element.elementor-element-832b41b,
.elementor-21 .elementor-element.elementor-element-832b41b .elementor-widget-container,
.elementor-21 .elementor-element.elementor-element-832b41b .elementor-image,
.elementor-21 .elementor-element.elementor-element-832b41b .swiper-slide {
    position: relative !important;
    display: inline-block !important;
    overflow: hidden !important;
    border-radius: 24px !important; /* ความโค้งมนสี่เหลี่ยม */
    border: 3px solid #ffcc29 !important; /* เส้นขอบสีเหลือง */
    box-sizing: border-box !important;
    transform: translateZ(0); /* บังคับให้เบราว์เซอร์ตัดขอบมน */
}

/* 2. ตั้งค่ารูปภาพปกติ และทำเอฟเฟกต์เมื่อเมาส์ชี้ (Hover) */
.elementor-21 .elementor-element.elementor-element-832b41b img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    transition: all 0.3s ease-in-out !important;
    z-index: 1 !important;
}

/* เมื่อเมาส์ชี้: สั่งให้รูปภาพเปลี่ยนเป็นสีน้ำเงินเข้มและมืดลงทันที */
.elementor-21 .elementor-element.elementor-element-832b41b:hover img {
    filter: brightness(0.4) sepia(0.6) hue-rotate(190deg) saturate(2) !important;
}

/* 3. ยิงโค้ดเนรมิต "วงกลมขอบขาว + ปุ่มเพลย์สามเหลี่ยม" ขึ้นมาตรงกลางแบบทะลุทุกเลเยอร์ */
.elementor-21 .elementor-element.elementor-element-832b41b::after,
.elementor-21 .elementor-element.elementor-element-832b41b .elementor-widget-container::after,
.elementor-21 .elementor-element.elementor-element-832b41b .elementor-image::after {
    content: '▶' !important; /* ปุ่มเพลย์สามเหลี่ยม */
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    
    /* ใช้คุณสมบัติบีบขนาดและจัดกึ่งกลางให้แม่นยำที่สุด */
    transform: translate(-50%, -50%) scale(1.4) !important; 
    
    /* สร้างขนาดของวงกลมขอบสีขาว */
    width: 65px !important;
    height: 65px !important;
    background-color: rgba(255, 255, 255, 0) !important; /* ข้างในโปร่งใส */
    border: 3px solid rgba(255, 255, 255, 0.9) !important; /* เส้นขอบวงกลมสีขาว */
    border-radius: 50% !important; /* สั่งให้เป็นวงกลมเป๊ะๆ */
    
    /* สไตล์ของตัวสามเหลี่ยมเพลย์ด้านใน */
    color: #ffffff !important;
    font-size: 22px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding-left: 5px !important; /* ดันหัวลูกศรให้บาลานซ์สายตา */
    
    /* ซ่อนไว้ในตอนแรก */
    opacity: 0 !important;
    visibility: hidden !important;
    transition: all 0.3s ease-in-out !important;
    z-index: 9999 !important; /* ดัน z-index ให้สูงสุดเพื่อไม่ให้โครงสร้าง Elementor บังได้ */
    pointer-events: none !important;
}

/* ======================================= */
/*  เอฟเฟกต์สั่งให้ วงกลม + ปุ่มเพลย์ เด้งขึ้นมาจริง  */
/* ======================================= */
.elementor-21 .elementor-element.elementor-element-832b41b:hover::after,
.elementor-21 .elementor-element.elementor-element-832b41b:hover .elementor-widget-container::after,
.elementor-21 .elementor-element.elementor-element-832b41b:hover .elementor-image::after {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translate(-50%, -50%) scale(1) !important; /* หดกลับมาขนาดปกติ ดูมีมิติเด้งกระแทกตา */
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-0ed62b9 *//* 1. ล็อกกรอบสี่เหลี่ยมมน และเส้นขอบสีเหลืองทอง */
.elementor-21 .elementor-element.elementor-element-0ed62b9,
.elementor-21 .elementor-element.elementor-element-0ed62b9 .elementor-widget-container,
.elementor-21 .elementor-element.elementor-element-0ed62b9 .elementor-image,
.elementor-21 .elementor-element.elementor-element-0ed62b9 .swiper-slide {
    position: relative !important;
    display: inline-block !important;
    overflow: hidden !important;
    border-radius: 24px !important; /* ความโค้งมนสี่เหลี่ยม */
    border: 3px solid #ffcc29 !important; /* เส้นขอบสีเหลือง */
    box-sizing: border-box !important;
    transform: translateZ(0); /* บังคับให้เบราว์เซอร์ตัดขอบมน */
}

/* 2. ตั้งค่ารูปภาพปกติ และทำเอฟเฟกต์เมื่อเมาส์ชี้ (Hover) */
.elementor-21 .elementor-element.elementor-element-0ed62b9 img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    transition: all 0.3s ease-in-out !important;
    z-index: 1 !important;
}

/* เมื่อเมาส์ชี้: สั่งให้รูปภาพเปลี่ยนเป็นสีน้ำเงินเข้มและมืดลงทันที */
.elementor-21 .elementor-element.elementor-element-0ed62b9:hover img {
    filter: brightness(0.4) sepia(0.6) hue-rotate(190deg) saturate(2) !important;
}

/* 3. ยิงโค้ดเนรมิต "วงกลมขอบขาว + ปุ่มเพลย์สามเหลี่ยม" ขึ้นมาตรงกลางแบบทะลุทุกเลเยอร์ */
.elementor-21 .elementor-element.elementor-element-0ed62b9::after,
.elementor-21 .elementor-element.elementor-element-0ed62b9 .elementor-widget-container::after,
.elementor-21 .elementor-element.elementor-element-0ed62b9 .elementor-image::after {
    content: '▶' !important; /* ปุ่มเพลย์สามเหลี่ยม */
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    
    /* ใช้คุณสมบัติบีบขนาดและจัดกึ่งกลางให้แม่นยำที่สุด */
    transform: translate(-50%, -50%) scale(1.4) !important; 
    
    /* สร้างขนาดของวงกลมขอบสีขาว */
    width: 65px !important;
    height: 65px !important;
    background-color: rgba(255, 255, 255, 0) !important; /* ข้างในโปร่งใส */
    border: 3px solid rgba(255, 255, 255, 0.9) !important; /* เส้นขอบวงกลมสีขาว */
    border-radius: 50% !important; /* สั่งให้เป็นวงกลมเป๊ะๆ */
    
    /* สไตล์ของตัวสามเหลี่ยมเพลย์ด้านใน */
    color: #ffffff !important;
    font-size: 22px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding-left: 5px !important; /* ดันหัวลูกศรให้บาลานซ์สายตา */
    
    /* ซ่อนไว้ในตอนแรก */
    opacity: 0 !important;
    visibility: hidden !important;
    transition: all 0.3s ease-in-out !important;
    z-index: 9999 !important; /* ดัน z-index ให้สูงสุดเพื่อไม่ให้โครงสร้าง Elementor บังได้ */
    pointer-events: none !important;
}

/* ======================================= */
/*  เอฟเฟกต์สั่งให้ วงกลม + ปุ่มเพลย์ เด้งขึ้นมาจริง  */
/* ======================================= */
.elementor-21 .elementor-element.elementor-element-0ed62b9:hover::after,
.elementor-21 .elementor-element.elementor-element-0ed62b9:hover .elementor-widget-container::after,
.elementor-21 .elementor-element.elementor-element-0ed62b9:hover .elementor-image::after {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translate(-50%, -50%) scale(1) !important; /* หดกลับมาขนาดปกติ ดูมีมิติเด้งกระแทกตา */
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-d2101ff *//* 1. ล็อกกรอบสี่เหลี่ยมมน และเส้นขอบสีเหลืองทอง */
.elementor-21 .elementor-element.elementor-element-d2101ff,
.elementor-21 .elementor-element.elementor-element-d2101ff .elementor-widget-container,
.elementor-21 .elementor-element.elementor-element-d2101ff .elementor-image,
.elementor-21 .elementor-element.elementor-element-d2101ff .swiper-slide {
    position: relative !important;
    display: inline-block !important;
    overflow: hidden !important;
    border-radius: 24px !important; /* ความโค้งมนสี่เหลี่ยม */
    border: 3px solid #ffcc29 !important; /* เส้นขอบสีเหลือง */
    box-sizing: border-box !important;
    transform: translateZ(0); /* บังคับให้เบราว์เซอร์ตัดขอบมน */
}

/* 2. ตั้งค่ารูปภาพปกติ และทำเอฟเฟกต์เมื่อเมาส์ชี้ (Hover) */
.elementor-21 .elementor-element.elementor-element-d2101ff img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    transition: all 0.3s ease-in-out !important;
    z-index: 1 !important;
}

/* เมื่อเมาส์ชี้: สั่งให้รูปภาพเปลี่ยนเป็นสีน้ำเงินเข้มและมืดลงทันที */
.elementor-21 .elementor-element.elementor-element-d2101ff:hover img {
    filter: brightness(0.4) sepia(0.6) hue-rotate(190deg) saturate(2) !important;
}

/* 3. ยิงโค้ดเนรมิต "วงกลมขอบขาว + ปุ่มเพลย์สามเหลี่ยม" ขึ้นมาตรงกลางแบบทะลุทุกเลเยอร์ */
.elementor-21 .elementor-element.elementor-element-d2101ff::after,
.elementor-21 .elementor-element.elementor-element-d2101ff .elementor-widget-container::after,
.elementor-21 .elementor-element.elementor-element-d2101ff .elementor-image::after {
    content: '▶' !important; /* ปุ่มเพลย์สามเหลี่ยม */
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    
    /* ใช้คุณสมบัติบีบขนาดและจัดกึ่งกลางให้แม่นยำที่สุด */
    transform: translate(-50%, -50%) scale(1.4) !important; 
    
    /* สร้างขนาดของวงกลมขอบสีขาว */
    width: 65px !important;
    height: 65px !important;
    background-color: rgba(255, 255, 255, 0) !important; /* ข้างในโปร่งใส */
    border: 3px solid rgba(255, 255, 255, 0.9) !important; /* เส้นขอบวงกลมสีขาว */
    border-radius: 50% !important; /* สั่งให้เป็นวงกลมเป๊ะๆ */
    
    /* สไตล์ของตัวสามเหลี่ยมเพลย์ด้านใน */
    color: #ffffff !important;
    font-size: 22px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding-left: 5px !important; /* ดันหัวลูกศรให้บาลานซ์สายตา */
    
    /* ซ่อนไว้ในตอนแรก */
    opacity: 0 !important;
    visibility: hidden !important;
    transition: all 0.3s ease-in-out !important;
    z-index: 9999 !important; /* ดัน z-index ให้สูงสุดเพื่อไม่ให้โครงสร้าง Elementor บังได้ */
    pointer-events: none !important;
}

/* ======================================= */
/*  เอฟเฟกต์สั่งให้ วงกลม + ปุ่มเพลย์ เด้งขึ้นมาจริง  */
/* ======================================= */
.elementor-21 .elementor-element.elementor-element-d2101ff:hover::after,
.elementor-21 .elementor-element.elementor-element-d2101ff:hover .elementor-widget-container::after,
.elementor-21 .elementor-element.elementor-element-d2101ff:hover .elementor-image::after {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translate(-50%, -50%) scale(1) !important; /* หดกลับมาขนาดปกติ ดูมีมิติเด้งกระแทกตา */
}/* End custom CSS */