.elementor-21 .elementor-element.elementor-element-d870ac3{--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-187ce6f{--e-image-carousel-slides-to-show:2;}.elementor-21 .elementor-element.elementor-element-187ce6f .elementor-image-carousel-wrapper .elementor-image-carousel .swiper-slide-image{border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-primary );border-radius:20px 20px 20px 20px;}.elementor-21 .elementor-element.elementor-element-f3dece4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-21 .elementor-element.elementor-element-7a2e24a{background-color:transparent;padding:10px 10px 10px 10px;background-image:linear-gradient(180deg, #030C18 0%, #8B9DA58A 100%);border-radius:10px 10px 10px 10px;text-align:center;}.elementor-21 .elementor-element.elementor-element-7a2e24a .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-f7b1173{background-color:#020A41;padding:10px 10px 10px 10px;border-style:solid;border-width:3px 3px 3px 3px;border-color:#98F2F3;border-radius:10px 10px 10px 10px;}.elementor-21 .elementor-element.elementor-element-da5346f{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--padding-top:30px;--padding-bottom:30px;--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-acb69f3 img{border-radius:20px 20px 20px 20px;}.elementor-21 .elementor-element.elementor-element-fa7cff6 img{border-radius:20px 20px 20px 20px;}.elementor-21 .elementor-element.elementor-element-3250e9d{--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-5d9ab61{background-color:transparent;padding:10px 10px 10px 10px;background-image:linear-gradient(180deg, #030C18 0%, #8B9DA58A 100%);border-radius:10px 10px 10px 10px;text-align:center;}.elementor-21 .elementor-element.elementor-element-e0d96b3{background-color:#020A41;padding:10px 10px 10px 10px;border-style:solid;border-width:3px 3px 3px 3px;border-color:#98F2F3;border-radius:10px 10px 10px 10px;}.elementor-21 .elementor-element.elementor-element-b1d70a6{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-21 .elementor-element.elementor-element-a7286e6{--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-1bd0143{--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-51ef7d0{background-color:transparent;padding:10px 10px 10px 10px;background-image:linear-gradient(180deg, #030C18 0%, #8B9DA58A 100%);border-radius:10px 10px 10px 10px;text-align:center;}.elementor-21 .elementor-element.elementor-element-51ef7d0 .elementor-heading-title{color:#08EBEE;}.elementor-21 .elementor-element.elementor-element-7f7b9ea{background-color:#020A41;padding:10px 10px 10px 10px;border-style:solid;border-width:3px 3px 3px 3px;border-color:#98F2F3;border-radius:10px 10px 10px 10px;}.elementor-21 .elementor-element.elementor-element-7f7b9ea a{color:#08EBEE;}.elementor-21 .elementor-element.elementor-element-7f7b9ea a:hover, .elementor-21 .elementor-element.elementor-element-7f7b9ea a:focus{color:var( --e-global-color-primary );}.elementor-21 .elementor-element.elementor-element-5ead01c{--display:grid;--e-con-grid-template-columns:repeat(5, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-21 .elementor-element.elementor-element-baf0179 img{border-style:solid;border-width:1px 1px 1px 1px;border-color:#ADEDEE;border-radius:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px rgba(172.65347826086958, 229.74298109640839, 241.40000000000003, 0.93);}.elementor-21 .elementor-element.elementor-element-cf7e066 img{border-style:solid;border-width:1px 1px 1px 1px;border-color:#ADEDEE;border-radius:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px rgba(172.65347826086958, 229.74298109640839, 241.40000000000003, 0.93);}.elementor-21 .elementor-element.elementor-element-6717d50 img{border-style:solid;border-width:1px 1px 1px 1px;border-color:#ADEDEE;border-radius:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px rgba(172.65347826086958, 229.74298109640839, 241.40000000000003, 0.93);}.elementor-21 .elementor-element.elementor-element-a844439 img{border-style:solid;border-width:1px 1px 1px 1px;border-color:#ADEDEE;border-radius:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px rgba(172.65347826086958, 229.74298109640839, 241.40000000000003, 0.93);}.elementor-21 .elementor-element.elementor-element-bf762d7 img{border-style:solid;border-width:1px 1px 1px 1px;border-color:#ADEDEE;border-radius:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px rgba(172.65347826086958, 229.74298109640839, 241.40000000000003, 0.93);}.elementor-21 .elementor-element.elementor-element-5f7db53{--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-bd2c32a{background-color:transparent;padding:10px 10px 10px 10px;background-image:linear-gradient(180deg, #030C18 0%, #8B9DA58A 100%);border-radius:10px 10px 10px 10px;text-align:center;}.elementor-21 .elementor-element.elementor-element-11f85ae{background-color:#020A41;padding:10px 10px 10px 10px;border-style:solid;border-width:3px 3px 3px 3px;border-color:#98F2F3;border-radius:10px 10px 10px 10px;}.elementor-21 .elementor-element.elementor-element-7d62d18{--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-10c5932{background-color:transparent;padding:10px 10px 10px 10px;background-image:linear-gradient(180deg, #030C18 0%, #8B9DA58A 100%);border-radius:10px 10px 10px 10px;text-align:center;}.elementor-21 .elementor-element.elementor-element-059a34e{background-color:#020A41;padding:10px 10px 10px 10px;border-style:solid;border-width:3px 3px 3px 3px;border-color:#98F2F3;border-radius:10px 10px 10px 10px;}.elementor-21 .elementor-element.elementor-element-9c6affd{--display:grid;--e-con-grid-template-columns:repeat(6, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-21 .elementor-element.elementor-element-eb91753:hover img{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-21 .elementor-element.elementor-element-eb91753 img{border-style:solid;border-width:1px 1px 1px 1px;border-color:#ADEDEE;border-radius:20px 20px 20px 20px;}.elementor-21 .elementor-element.elementor-element-deee0b2:hover img{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-21 .elementor-element.elementor-element-deee0b2 img{border-style:solid;border-width:1px 1px 1px 1px;border-color:#ADEDEE;border-radius:20px 20px 20px 20px;}.elementor-21 .elementor-element.elementor-element-8019103:hover img{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-21 .elementor-element.elementor-element-8019103 img{border-style:solid;border-width:1px 1px 1px 1px;border-color:#ADEDEE;border-radius:20px 20px 20px 20px;}.elementor-21 .elementor-element.elementor-element-22b4a3c:hover img{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-21 .elementor-element.elementor-element-22b4a3c img{border-style:solid;border-width:1px 1px 1px 1px;border-color:#ADEDEE;border-radius:20px 20px 20px 20px;}.elementor-21 .elementor-element.elementor-element-0bd5d36:hover img{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-21 .elementor-element.elementor-element-0bd5d36 img{border-style:solid;border-width:1px 1px 1px 1px;border-color:#ADEDEE;border-radius:20px 20px 20px 20px;}.elementor-21 .elementor-element.elementor-element-23dd640:hover img{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-21 .elementor-element.elementor-element-23dd640 img{border-style:solid;border-width:1px 1px 1px 1px;border-color:#ADEDEE;border-radius:20px 20px 20px 20px;}.elementor-21 .elementor-element.elementor-element-2d23828{--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-fa64a22{background-color:transparent;padding:10px 10px 10px 10px;background-image:linear-gradient(180deg, #030C18 0%, #8B9DA58A 100%);border-radius:10px 10px 10px 10px;text-align:center;}.elementor-21 .elementor-element.elementor-element-04ce914{background-color:#020A41;padding:10px 10px 10px 10px;border-style:solid;border-width:3px 3px 3px 3px;border-color:#98F2F3;border-radius:10px 10px 10px 10px;}.elementor-21 .elementor-element.elementor-element-a9875a8{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-21 .elementor-element.elementor-element-0b47469{--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-32ea6ea{background-color:transparent;padding:10px 10px 10px 10px;background-image:linear-gradient(180deg, #030C18 0%, #8B9DA58A 100%);border-radius:10px 10px 10px 10px;text-align:center;}.elementor-21 .elementor-element.elementor-element-79ba47d{background-color:#020A41;padding:10px 10px 10px 10px;border-style:solid;border-width:3px 3px 3px 3px;border-color:#98F2F3;border-radius:10px 10px 10px 10px;}.elementor-21 .elementor-element.elementor-element-ec4a2f0{--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-3046a4e{--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-887e02a{--e-image-carousel-slides-to-show:9;}.elementor-21 .elementor-element.elementor-element-0d1d827{--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-2ec789b{--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-706d832{background-color:transparent;padding:10px 10px 10px 10px;background-image:linear-gradient(180deg, #030C18 0%, #8B9DA58A 100%);border-radius:10px 10px 10px 10px;text-align:center;}.elementor-21 .elementor-element.elementor-element-e7bb162{background-color:#020A41;padding:10px 10px 10px 10px;border-style:solid;border-width:3px 3px 3px 3px;border-color:#98F2F3;border-radius:10px 10px 10px 10px;}.elementor-21 .elementor-element.elementor-element-06d745f{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-21 .elementor-element.elementor-element-c96c329{--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-9c68b3b{--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-59c283b{background-color:transparent;padding:10px 10px 10px 10px;background-image:linear-gradient(180deg, #030C18 0%, #8B9DA58A 100%);border-radius:10px 10px 10px 10px;text-align:center;}.elementor-21 .elementor-element.elementor-element-cb5d785{background-color:#020A41;padding:10px 10px 10px 10px;border-style:solid;border-width:3px 3px 3px 3px;border-color:#98F2F3;border-radius:10px 10px 10px 10px;}.elementor-21 .elementor-element.elementor-element-25a3dd7{--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-cb2e6ab{background-color:transparent;padding:10px 10px 10px 10px;background-image:linear-gradient(180deg, #030C18 0%, #8B9DA58A 100%);border-radius:10px 10px 10px 10px;text-align:center;}.elementor-21 .elementor-element.elementor-element-420b578{background-color:#020A41;padding:10px 10px 10px 10px;border-style:solid;border-width:3px 3px 3px 3px;border-color:#98F2F3;border-radius:10px 10px 10px 10px;}.elementor-21 .elementor-element.elementor-element-420b578 a{color:#08EBEE;}.elementor-21 .elementor-element.elementor-element-e4d28f7{--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;--padding-top:30px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-21 .elementor-element.elementor-element-84a8694{--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-561c226{background-color:transparent;padding:10px 10px 10px 10px;background-image:linear-gradient(180deg, #030C18 0%, #8B9DA58A 100%);border-radius:10px 10px 10px 10px;text-align:center;}.elementor-21 .elementor-element.elementor-element-a14aafd{background-color:#020A41;padding:10px 10px 10px 10px;border-style:solid;border-width:3px 3px 3px 3px;border-color:#98F2F3;border-radius:10px 10px 10px 10px;}.elementor-21 .elementor-element.elementor-element-f2e6103{--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-4fbded1{--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-de72077{--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-e63995b{padding:10px 10px 10px 10px;border-radius:0px 0px 0px 0px;text-align:start;}.elementor-21 .elementor-element.elementor-element-e63995b .elementor-heading-title{font-family:"Kanit", Sans-serif;font-size:40px;font-weight:600;}.elementor-21 .elementor-element.elementor-element-83f53a2{--display:flex;}.elementor-21 .elementor-element.elementor-element-d68c247{--display:flex;}.elementor-21 .elementor-element.elementor-element-75a7d1c{--display:flex;}.elementor-21 .elementor-element.elementor-element-eafb3e7{--display:flex;}.elementor-21 .elementor-element.elementor-element-a740a78{--display:flex;}.elementor-21 .elementor-element.elementor-element-85677aa{--n-accordion-title-font-size:1rem;--n-accordion-item-title-space-between:2px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-border-radius:8px 8px 8px 8px;--n-accordion-title-normal-color:#A0E5E6;--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-85677aa > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{background-color:#1212138F;border-style:none;}:where( .elementor-21 .elementor-element.elementor-element-85677aa > .e-n-accordion > .e-n-accordion-item ) > .e-con{background-color:#020A41;border-style:none;--border-radius:8px 8px 8px 8px;}.elementor-21 .elementor-element.elementor-element-85677aa > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title:hover{border-style:none;}.elementor-21 .elementor-element.elementor-element-85677aa > .e-n-accordion > .e-n-accordion-item[open] > .e-n-accordion-item-title{border-style:none;}@media(min-width:768px){.elementor-21 .elementor-element.elementor-element-a7286e6{--width:33.3333%;}.elementor-21 .elementor-element.elementor-element-1bd0143{--width:66.6666%;}.elementor-21 .elementor-element.elementor-element-0b47469{--width:66.6666%;}.elementor-21 .elementor-element.elementor-element-ec4a2f0{--width:33.3333%;}.elementor-21 .elementor-element.elementor-element-c96c329{--width:33.3333%;}.elementor-21 .elementor-element.elementor-element-9c68b3b{--width:66.6666%;}.elementor-21 .elementor-element.elementor-element-84a8694{--width:66.6666%;}.elementor-21 .elementor-element.elementor-element-f2e6103{--width:33.3333%;}}@media(max-width:1024px){.elementor-21 .elementor-element.elementor-element-da5346f{--grid-auto-flow:row;}.elementor-21 .elementor-element.elementor-element-5ead01c{--grid-auto-flow:row;}.elementor-21 .elementor-element.elementor-element-9c6affd{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-21 .elementor-element.elementor-element-7a2e24a{text-align:start;}.elementor-21 .elementor-element.elementor-element-7a2e24a .elementor-heading-title{font-size:38px;}.elementor-21 .elementor-element.elementor-element-da5346f{--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-5ead01c{--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-9c6affd{--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-a9875a8{--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-887e02a{--e-image-carousel-slides-to-show:3;}.elementor-21 .elementor-element.elementor-element-e4d28f7{--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-e63995b{text-align:center;}}/* Start custom CSS for image, class: .elementor-element-eb91753 *//* ========================================== */
/* 1. จัดเตรียม Container และบังคับลำดับความลึกแม่ */
/* ========================================== */
.elementor-21 .elementor-element.elementor-element-eb91753, 
.elementor-21 .elementor-element.elementor-element-eb91753 .elementor-widget-container {
    overflow: visible !important; /* ปล่อยให้แสงออร่ารอบนอกแผ่ออกมาได้ */
    position: relative !important; /* จำเป็น: เพื่อใช้กำหนดขอบเขตให้เลเยอร์ลูก */
    display: block !important;
    width: fit-content !important; /* บีบกล่องให้พอดีรูป */
    margin: 0 auto;
}

/* ========================================== */
/* 2. บังคับรูปภาพให้ไปอยู่ "เลเยอร์หลัง" (The FIX) */
/* ========================================== */
.elementor-21 .elementor-element.elementor-element-eb91753 img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    border-radius: 20px !important; /* มุมโค้ง 20px */
    
    /* THE CRUCIAL PART: จัดระดับความลึก */
    position: relative !important; /* เปิดใช้ระบบกำหนดตำแหน่ง */
    z-index: 1 !important; /* บังคับให้รูปภาพอยู่ที่เลเยอร์หลังสุด (Layer 1) */
    
    box-shadow: 0 10px 25px rgba(0,0,0,0.4) !important; /* เงาตกกระทบปกติ */
    
    /*Transition: สำหรับการขยับและแสงออร่ารอบนอก*/
    transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275), filter 0.3s ease !important;
}

/* ========================================== */
/* 3. สร้าง Layer เอฟเฟกต์ "ด้านหน้า" (Layer 2) */
/* ========================================== */
.elementor-21 .elementor-element.elementor-element-eb91753 .elementor-widget-container::after {
    content: "";
    
    /* THE CRUCIAL PART: จัดระดับความลึก */
    position: absolute !important; /* วางแบบอิสระ */
    z-index: 2 !important; /* บังคับให้เอฟเฟกต์อยู่ที่เลเยอร์หน้าสุด (Layer 2) ทับบนรูป */
    
    top: 0; left: 0; right: 0; bottom: 0; /* แผ่ให้เต็มพื้นที่ครอบคลุมหน้าของรูป */
    
    border-radius: 20px !important; /* โค้งตามรูปเป๊ะๆ */
    
    /* เส้นขอบเริ่มต้น (สีฟ้าเทอควอยซ์จางๆ) */
    border: 2px solid rgba(0, 245, 255, 0.2) !important;
    
    pointer-events: none !important; /* ทะลุการคลิก: เพื่อไม่ให้บล็อกการคลิกที่รูปภาพ */
    
    /*Transition: สำหรับการขยับและแสงเรืองแสงด้านหน้า*/
    transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275), border-color 0.3s ease, box-shadow 0.3s ease !important;
}

/* ========================================== */
/* 4. เอฟเฟกต์ตอนเมาส์ชี้ (Hover) */
/* ========================================== */

/* สั่งให้ทั้งรูปภาพ (Layer 1) และเอฟเฟกต์ (Layer 2) เด้งลอยตัวขึ้นพร้อมกัน */
.elementor-21 .elementor-element.elementor-element-eb91753:hover img,
.elementor-21 .elementor-element.elementor-element-eb91753:hover .elementor-widget-container::after {
    transform: translateY(-15px) scale(1.04) !important;
}

/* HOVER สำหรับเลเยอร์หลัง (รูปภาพ): แสดงแสงออร่า "รอบนอก" แบบออริจินัล */
.elementor-21 .elementor-element.elementor-element-eb91753:hover img {
    filter: brightness(1.15) contrast(1.05) 
            drop-shadow(0 0 15px #00f5ff) 
            drop-shadow(0 0 35px #00a8cc) !important;
}

/* HOVER สำหรับเลเยอร์หน้า (::after): สาดเรืองแสง "ทับลงบนหน้าของรูป" */
.elementor-21 .elementor-element.elementor-element-eb91753:hover .elementor-widget-container::after {
    border-color: #00f5ff !important;
    box-shadow: inset 0 0 35px rgba(0, 245, 255, 0.6) !important; /* แสงสาดทับหน้าของรูปโดยตรง */
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-deee0b2 *//* ========================================== */
/* 1. จัดเตรียม Container และบังคับลำดับความลึกแม่ */
/* ========================================== */
.elementor-21 .elementor-element.elementor-element-deee0b2, 
.elementor-21 .elementor-element.elementor-element-deee0b2 .elementor-widget-container {
    overflow: visible !important; /* ปล่อยให้แสงออร่ารอบนอกแผ่ออกมาได้ */
    position: relative !important; /* จำเป็น: เพื่อใช้กำหนดขอบเขตให้เลเยอร์ลูก */
    display: block !important;
    width: fit-content !important; /* บีบกล่องให้พอดีรูป */
    margin: 0 auto;
}

/* ========================================== */
/* 2. บังคับรูปภาพให้ไปอยู่ "เลเยอร์หลัง" (The FIX) */
/* ========================================== */
.elementor-21 .elementor-element.elementor-element-deee0b2 img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    border-radius: 20px !important; /* มุมโค้ง 20px */
    
    /* THE CRUCIAL PART: จัดระดับความลึก */
    position: relative !important; /* เปิดใช้ระบบกำหนดตำแหน่ง */
    z-index: 1 !important; /* บังคับให้รูปภาพอยู่ที่เลเยอร์หลังสุด (Layer 1) */
    
    box-shadow: 0 10px 25px rgba(0,0,0,0.4) !important; /* เงาตกกระทบปกติ */
    
    /*Transition: สำหรับการขยับและแสงออร่ารอบนอก*/
    transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275), filter 0.3s ease !important;
}

/* ========================================== */
/* 3. สร้าง Layer เอฟเฟกต์ "ด้านหน้า" (Layer 2) */
/* ========================================== */
.elementor-21 .elementor-element.elementor-element-deee0b2 .elementor-widget-container::after {
    content: "";
    
    /* THE CRUCIAL PART: จัดระดับความลึก */
    position: absolute !important; /* วางแบบอิสระ */
    z-index: 2 !important; /* บังคับให้เอฟเฟกต์อยู่ที่เลเยอร์หน้าสุด (Layer 2) ทับบนรูป */
    
    top: 0; left: 0; right: 0; bottom: 0; /* แผ่ให้เต็มพื้นที่ครอบคลุมหน้าของรูป */
    
    border-radius: 20px !important; /* โค้งตามรูปเป๊ะๆ */
    
    /* เส้นขอบเริ่มต้น (สีฟ้าเทอควอยซ์จางๆ) */
    border: 2px solid rgba(0, 245, 255, 0.2) !important;
    
    pointer-events: none !important; /* ทะลุการคลิก: เพื่อไม่ให้บล็อกการคลิกที่รูปภาพ */
    
    /*Transition: สำหรับการขยับและแสงเรืองแสงด้านหน้า*/
    transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275), border-color 0.3s ease, box-shadow 0.3s ease !important;
}

/* ========================================== */
/* 4. เอฟเฟกต์ตอนเมาส์ชี้ (Hover) */
/* ========================================== */

/* สั่งให้ทั้งรูปภาพ (Layer 1) และเอฟเฟกต์ (Layer 2) เด้งลอยตัวขึ้นพร้อมกัน */
.elementor-21 .elementor-element.elementor-element-deee0b2:hover img,
.elementor-21 .elementor-element.elementor-element-deee0b2:hover .elementor-widget-container::after {
    transform: translateY(-15px) scale(1.04) !important;
}

/* HOVER สำหรับเลเยอร์หลัง (รูปภาพ): แสดงแสงออร่า "รอบนอก" แบบออริจินัล */
.elementor-21 .elementor-element.elementor-element-deee0b2:hover img {
    filter: brightness(1.15) contrast(1.05) 
            drop-shadow(0 0 15px #00f5ff) 
            drop-shadow(0 0 35px #00a8cc) !important;
}

/* HOVER สำหรับเลเยอร์หน้า (::after): สาดเรืองแสง "ทับลงบนหน้าของรูป" */
.elementor-21 .elementor-element.elementor-element-deee0b2:hover .elementor-widget-container::after {
    border-color: #00f5ff !important;
    box-shadow: inset 0 0 35px rgba(0, 245, 255, 0.6) !important; /* แสงสาดทับหน้าของรูปโดยตรง */
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-8019103 *//* ========================================== */
/* 1. จัดเตรียม Container และบังคับลำดับความลึกแม่ */
/* ========================================== */
.elementor-21 .elementor-element.elementor-element-8019103, 
.elementor-21 .elementor-element.elementor-element-8019103 .elementor-widget-container {
    overflow: visible !important; /* ปล่อยให้แสงออร่ารอบนอกแผ่ออกมาได้ */
    position: relative !important; /* จำเป็น: เพื่อใช้กำหนดขอบเขตให้เลเยอร์ลูก */
    display: block !important;
    width: fit-content !important; /* บีบกล่องให้พอดีรูป */
    margin: 0 auto;
}

/* ========================================== */
/* 2. บังคับรูปภาพให้ไปอยู่ "เลเยอร์หลัง" (The FIX) */
/* ========================================== */
.elementor-21 .elementor-element.elementor-element-8019103 img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    border-radius: 20px !important; /* มุมโค้ง 20px */
    
    /* THE CRUCIAL PART: จัดระดับความลึก */
    position: relative !important; /* เปิดใช้ระบบกำหนดตำแหน่ง */
    z-index: 1 !important; /* บังคับให้รูปภาพอยู่ที่เลเยอร์หลังสุด (Layer 1) */
    
    box-shadow: 0 10px 25px rgba(0,0,0,0.4) !important; /* เงาตกกระทบปกติ */
    
    /*Transition: สำหรับการขยับและแสงออร่ารอบนอก*/
    transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275), filter 0.3s ease !important;
}

/* ========================================== */
/* 3. สร้าง Layer เอฟเฟกต์ "ด้านหน้า" (Layer 2) */
/* ========================================== */
.elementor-21 .elementor-element.elementor-element-8019103 .elementor-widget-container::after {
    content: "";
    
    /* THE CRUCIAL PART: จัดระดับความลึก */
    position: absolute !important; /* วางแบบอิสระ */
    z-index: 2 !important; /* บังคับให้เอฟเฟกต์อยู่ที่เลเยอร์หน้าสุด (Layer 2) ทับบนรูป */
    
    top: 0; left: 0; right: 0; bottom: 0; /* แผ่ให้เต็มพื้นที่ครอบคลุมหน้าของรูป */
    
    border-radius: 20px !important; /* โค้งตามรูปเป๊ะๆ */
    
    /* เส้นขอบเริ่มต้น (สีฟ้าเทอควอยซ์จางๆ) */
    border: 2px solid rgba(0, 245, 255, 0.2) !important;
    
    pointer-events: none !important; /* ทะลุการคลิก: เพื่อไม่ให้บล็อกการคลิกที่รูปภาพ */
    
    /*Transition: สำหรับการขยับและแสงเรืองแสงด้านหน้า*/
    transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275), border-color 0.3s ease, box-shadow 0.3s ease !important;
}

/* ========================================== */
/* 4. เอฟเฟกต์ตอนเมาส์ชี้ (Hover) */
/* ========================================== */

/* สั่งให้ทั้งรูปภาพ (Layer 1) และเอฟเฟกต์ (Layer 2) เด้งลอยตัวขึ้นพร้อมกัน */
.elementor-21 .elementor-element.elementor-element-8019103:hover img,
.elementor-21 .elementor-element.elementor-element-8019103:hover .elementor-widget-container::after {
    transform: translateY(-15px) scale(1.04) !important;
}

/* HOVER สำหรับเลเยอร์หลัง (รูปภาพ): แสดงแสงออร่า "รอบนอก" แบบออริจินัล */
.elementor-21 .elementor-element.elementor-element-8019103:hover img {
    filter: brightness(1.15) contrast(1.05) 
            drop-shadow(0 0 15px #00f5ff) 
            drop-shadow(0 0 35px #00a8cc) !important;
}

/* HOVER สำหรับเลเยอร์หน้า (::after): สาดเรืองแสง "ทับลงบนหน้าของรูป" */
.elementor-21 .elementor-element.elementor-element-8019103:hover .elementor-widget-container::after {
    border-color: #00f5ff !important;
    box-shadow: inset 0 0 35px rgba(0, 245, 255, 0.6) !important; /* แสงสาดทับหน้าของรูปโดยตรง */
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-22b4a3c *//* ========================================== */
/* 1. จัดเตรียม Container และบังคับลำดับความลึกแม่ */
/* ========================================== */
.elementor-21 .elementor-element.elementor-element-22b4a3c, 
.elementor-21 .elementor-element.elementor-element-22b4a3c .elementor-widget-container {
    overflow: visible !important; /* ปล่อยให้แสงออร่ารอบนอกแผ่ออกมาได้ */
    position: relative !important; /* จำเป็น: เพื่อใช้กำหนดขอบเขตให้เลเยอร์ลูก */
    display: block !important;
    width: fit-content !important; /* บีบกล่องให้พอดีรูป */
    margin: 0 auto;
}

/* ========================================== */
/* 2. บังคับรูปภาพให้ไปอยู่ "เลเยอร์หลัง" (The FIX) */
/* ========================================== */
.elementor-21 .elementor-element.elementor-element-22b4a3c img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    border-radius: 20px !important; /* มุมโค้ง 20px */
    
    /* THE CRUCIAL PART: จัดระดับความลึก */
    position: relative !important; /* เปิดใช้ระบบกำหนดตำแหน่ง */
    z-index: 1 !important; /* บังคับให้รูปภาพอยู่ที่เลเยอร์หลังสุด (Layer 1) */
    
    box-shadow: 0 10px 25px rgba(0,0,0,0.4) !important; /* เงาตกกระทบปกติ */
    
    /*Transition: สำหรับการขยับและแสงออร่ารอบนอก*/
    transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275), filter 0.3s ease !important;
}

/* ========================================== */
/* 3. สร้าง Layer เอฟเฟกต์ "ด้านหน้า" (Layer 2) */
/* ========================================== */
.elementor-21 .elementor-element.elementor-element-22b4a3c .elementor-widget-container::after {
    content: "";
    
    /* THE CRUCIAL PART: จัดระดับความลึก */
    position: absolute !important; /* วางแบบอิสระ */
    z-index: 2 !important; /* บังคับให้เอฟเฟกต์อยู่ที่เลเยอร์หน้าสุด (Layer 2) ทับบนรูป */
    
    top: 0; left: 0; right: 0; bottom: 0; /* แผ่ให้เต็มพื้นที่ครอบคลุมหน้าของรูป */
    
    border-radius: 20px !important; /* โค้งตามรูปเป๊ะๆ */
    
    /* เส้นขอบเริ่มต้น (สีฟ้าเทอควอยซ์จางๆ) */
    border: 2px solid rgba(0, 245, 255, 0.2) !important;
    
    pointer-events: none !important; /* ทะลุการคลิก: เพื่อไม่ให้บล็อกการคลิกที่รูปภาพ */
    
    /*Transition: สำหรับการขยับและแสงเรืองแสงด้านหน้า*/
    transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275), border-color 0.3s ease, box-shadow 0.3s ease !important;
}

/* ========================================== */
/* 4. เอฟเฟกต์ตอนเมาส์ชี้ (Hover) */
/* ========================================== */

/* สั่งให้ทั้งรูปภาพ (Layer 1) และเอฟเฟกต์ (Layer 2) เด้งลอยตัวขึ้นพร้อมกัน */
.elementor-21 .elementor-element.elementor-element-22b4a3c:hover img,
.elementor-21 .elementor-element.elementor-element-22b4a3c:hover .elementor-widget-container::after {
    transform: translateY(-15px) scale(1.04) !important;
}

/* HOVER สำหรับเลเยอร์หลัง (รูปภาพ): แสดงแสงออร่า "รอบนอก" แบบออริจินัล */
.elementor-21 .elementor-element.elementor-element-22b4a3c:hover img {
    filter: brightness(1.15) contrast(1.05) 
            drop-shadow(0 0 15px #00f5ff) 
            drop-shadow(0 0 35px #00a8cc) !important;
}

/* HOVER สำหรับเลเยอร์หน้า (::after): สาดเรืองแสง "ทับลงบนหน้าของรูป" */
.elementor-21 .elementor-element.elementor-element-22b4a3c:hover .elementor-widget-container::after {
    border-color: #00f5ff !important;
    box-shadow: inset 0 0 35px rgba(0, 245, 255, 0.6) !important; /* แสงสาดทับหน้าของรูปโดยตรง */
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-0bd5d36 *//* ========================================== */
/* 1. จัดเตรียม Container และบังคับลำดับความลึกแม่ */
/* ========================================== */
.elementor-21 .elementor-element.elementor-element-0bd5d36, 
.elementor-21 .elementor-element.elementor-element-0bd5d36 .elementor-widget-container {
    overflow: visible !important; /* ปล่อยให้แสงออร่ารอบนอกแผ่ออกมาได้ */
    position: relative !important; /* จำเป็น: เพื่อใช้กำหนดขอบเขตให้เลเยอร์ลูก */
    display: block !important;
    width: fit-content !important; /* บีบกล่องให้พอดีรูป */
    margin: 0 auto;
}

/* ========================================== */
/* 2. บังคับรูปภาพให้ไปอยู่ "เลเยอร์หลัง" (The FIX) */
/* ========================================== */
.elementor-21 .elementor-element.elementor-element-0bd5d36 img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    border-radius: 20px !important; /* มุมโค้ง 20px */
    
    /* THE CRUCIAL PART: จัดระดับความลึก */
    position: relative !important; /* เปิดใช้ระบบกำหนดตำแหน่ง */
    z-index: 1 !important; /* บังคับให้รูปภาพอยู่ที่เลเยอร์หลังสุด (Layer 1) */
    
    box-shadow: 0 10px 25px rgba(0,0,0,0.4) !important; /* เงาตกกระทบปกติ */
    
    /*Transition: สำหรับการขยับและแสงออร่ารอบนอก*/
    transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275), filter 0.3s ease !important;
}

/* ========================================== */
/* 3. สร้าง Layer เอฟเฟกต์ "ด้านหน้า" (Layer 2) */
/* ========================================== */
.elementor-21 .elementor-element.elementor-element-0bd5d36 .elementor-widget-container::after {
    content: "";
    
    /* THE CRUCIAL PART: จัดระดับความลึก */
    position: absolute !important; /* วางแบบอิสระ */
    z-index: 2 !important; /* บังคับให้เอฟเฟกต์อยู่ที่เลเยอร์หน้าสุด (Layer 2) ทับบนรูป */
    
    top: 0; left: 0; right: 0; bottom: 0; /* แผ่ให้เต็มพื้นที่ครอบคลุมหน้าของรูป */
    
    border-radius: 20px !important; /* โค้งตามรูปเป๊ะๆ */
    
    /* เส้นขอบเริ่มต้น (สีฟ้าเทอควอยซ์จางๆ) */
    border: 2px solid rgba(0, 245, 255, 0.2) !important;
    
    pointer-events: none !important; /* ทะลุการคลิก: เพื่อไม่ให้บล็อกการคลิกที่รูปภาพ */
    
    /*Transition: สำหรับการขยับและแสงเรืองแสงด้านหน้า*/
    transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275), border-color 0.3s ease, box-shadow 0.3s ease !important;
}

/* ========================================== */
/* 4. เอฟเฟกต์ตอนเมาส์ชี้ (Hover) */
/* ========================================== */

/* สั่งให้ทั้งรูปภาพ (Layer 1) และเอฟเฟกต์ (Layer 2) เด้งลอยตัวขึ้นพร้อมกัน */
.elementor-21 .elementor-element.elementor-element-0bd5d36:hover img,
.elementor-21 .elementor-element.elementor-element-0bd5d36:hover .elementor-widget-container::after {
    transform: translateY(-15px) scale(1.04) !important;
}

/* HOVER สำหรับเลเยอร์หลัง (รูปภาพ): แสดงแสงออร่า "รอบนอก" แบบออริจินัล */
.elementor-21 .elementor-element.elementor-element-0bd5d36:hover img {
    filter: brightness(1.15) contrast(1.05) 
            drop-shadow(0 0 15px #00f5ff) 
            drop-shadow(0 0 35px #00a8cc) !important;
}

/* HOVER สำหรับเลเยอร์หน้า (::after): สาดเรืองแสง "ทับลงบนหน้าของรูป" */
.elementor-21 .elementor-element.elementor-element-0bd5d36:hover .elementor-widget-container::after {
    border-color: #00f5ff !important;
    box-shadow: inset 0 0 35px rgba(0, 245, 255, 0.6) !important; /* แสงสาดทับหน้าของรูปโดยตรง */
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-23dd640 *//* ========================================== */
/* 1. จัดเตรียม Container และบังคับลำดับความลึกแม่ */
/* ========================================== */
.elementor-21 .elementor-element.elementor-element-23dd640, 
.elementor-21 .elementor-element.elementor-element-23dd640 .elementor-widget-container {
    overflow: visible !important; /* ปล่อยให้แสงออร่ารอบนอกแผ่ออกมาได้ */
    position: relative !important; /* จำเป็น: เพื่อใช้กำหนดขอบเขตให้เลเยอร์ลูก */
    display: block !important;
    width: fit-content !important; /* บีบกล่องให้พอดีรูป */
    margin: 0 auto;
}

/* ========================================== */
/* 2. บังคับรูปภาพให้ไปอยู่ "เลเยอร์หลัง" (The FIX) */
/* ========================================== */
.elementor-21 .elementor-element.elementor-element-23dd640 img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    border-radius: 20px !important; /* มุมโค้ง 20px */
    
    /* THE CRUCIAL PART: จัดระดับความลึก */
    position: relative !important; /* เปิดใช้ระบบกำหนดตำแหน่ง */
    z-index: 1 !important; /* บังคับให้รูปภาพอยู่ที่เลเยอร์หลังสุด (Layer 1) */
    
    box-shadow: 0 10px 25px rgba(0,0,0,0.4) !important; /* เงาตกกระทบปกติ */
    
    /*Transition: สำหรับการขยับและแสงออร่ารอบนอก*/
    transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275), filter 0.3s ease !important;
}

/* ========================================== */
/* 3. สร้าง Layer เอฟเฟกต์ "ด้านหน้า" (Layer 2) */
/* ========================================== */
.elementor-21 .elementor-element.elementor-element-23dd640 .elementor-widget-container::after {
    content: "";
    
    /* THE CRUCIAL PART: จัดระดับความลึก */
    position: absolute !important; /* วางแบบอิสระ */
    z-index: 2 !important; /* บังคับให้เอฟเฟกต์อยู่ที่เลเยอร์หน้าสุด (Layer 2) ทับบนรูป */
    
    top: 0; left: 0; right: 0; bottom: 0; /* แผ่ให้เต็มพื้นที่ครอบคลุมหน้าของรูป */
    
    border-radius: 20px !important; /* โค้งตามรูปเป๊ะๆ */
    
    /* เส้นขอบเริ่มต้น (สีฟ้าเทอควอยซ์จางๆ) */
    border: 2px solid rgba(0, 245, 255, 0.2) !important;
    
    pointer-events: none !important; /* ทะลุการคลิก: เพื่อไม่ให้บล็อกการคลิกที่รูปภาพ */
    
    /*Transition: สำหรับการขยับและแสงเรืองแสงด้านหน้า*/
    transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275), border-color 0.3s ease, box-shadow 0.3s ease !important;
}

/* ========================================== */
/* 4. เอฟเฟกต์ตอนเมาส์ชี้ (Hover) */
/* ========================================== */

/* สั่งให้ทั้งรูปภาพ (Layer 1) และเอฟเฟกต์ (Layer 2) เด้งลอยตัวขึ้นพร้อมกัน */
.elementor-21 .elementor-element.elementor-element-23dd640:hover img,
.elementor-21 .elementor-element.elementor-element-23dd640:hover .elementor-widget-container::after {
    transform: translateY(-15px) scale(1.04) !important;
}

/* HOVER สำหรับเลเยอร์หลัง (รูปภาพ): แสดงแสงออร่า "รอบนอก" แบบออริจินัล */
.elementor-21 .elementor-element.elementor-element-23dd640:hover img {
    filter: brightness(1.15) contrast(1.05) 
            drop-shadow(0 0 15px #00f5ff) 
            drop-shadow(0 0 35px #00a8cc) !important;
}

/* HOVER สำหรับเลเยอร์หน้า (::after): สาดเรืองแสง "ทับลงบนหน้าของรูป" */
.elementor-21 .elementor-element.elementor-element-23dd640:hover .elementor-widget-container::after {
    border-color: #00f5ff !important;
    box-shadow: inset 0 0 35px rgba(0, 245, 255, 0.6) !important; /* แสงสาดทับหน้าของรูปโดยตรง */
}/* End custom CSS */