.elementor-11 .elementor-element.elementor-element-ba6e843{--display:flex;--min-height:700px;--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;--justify-content:center;--overlay-opacity:1;--margin-top:-130px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-11 .elementor-element.elementor-element-ba6e843::before, .elementor-11 .elementor-element.elementor-element-ba6e843 > .elementor-background-video-container::before, .elementor-11 .elementor-element.elementor-element-ba6e843 > .e-con-inner > .elementor-background-video-container::before, .elementor-11 .elementor-element.elementor-element-ba6e843 > .elementor-background-slideshow::before, .elementor-11 .elementor-element.elementor-element-ba6e843 > .e-con-inner > .elementor-background-slideshow::before, .elementor-11 .elementor-element.elementor-element-ba6e843 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #23215D00 50%, #23215D 91%);}.elementor-11 .elementor-element.elementor-element-f16fdb5{--display:flex;--justify-content:flex-end;--padding-top:0px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-11 .elementor-element.elementor-element-f57cc97{--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:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11 .elementor-element.elementor-element-1a1b814{--display:flex;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.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-11 .elementor-element.elementor-element-b2f265e .elementor-heading-title{font-family:"IBM Plex Sans Thai", Sans-serif;font-size:140px;font-weight:700;color:#F4742A;}.elementor-11 .elementor-element.elementor-element-7cceb84{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11 .elementor-element.elementor-element-02bb901 .elementor-heading-title{font-family:"IBM Plex Sans Thai", Sans-serif;font-size:48px;font-weight:700;color:#FFFFFF;}.elementor-11 .elementor-element.elementor-element-cee289d{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-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-11 .elementor-element.elementor-element-c8defe1 .elementor-button{background-color:#61CE7000;font-family:"IBM Plex Sans Thai", Sans-serif;font-size:18px;font-weight:700;border-style:solid;border-width:2px 2px 2px 2px;border-color:#F4742A;border-radius:0px 0px 0px 0px;padding:10px 40px 10px 40px;}.elementor-11 .elementor-element.elementor-element-9bf2cc8{--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:120px;--padding-bottom:120px;--padding-left:0px;--padding-right:0px;}.elementor-11 .elementor-element.elementor-element-6ba39f2{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11 .elementor-element.elementor-element-5b34dd5 .elementor-heading-title{font-family:"IBM Plex Sans Thai", Sans-serif;font-size:18px;font-weight:400;letter-spacing:5.2px;color:#F4742A;}.elementor-11 .elementor-element.elementor-element-e623c0f .elementor-heading-title{font-family:"IBM Plex Sans Thai", Sans-serif;font-size:64px;font-weight:600;letter-spacing:5.2px;color:#23215D;}.elementor-11 .elementor-element.elementor-element-8790a87{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11 .elementor-element.elementor-element-dd0459d{--display:flex;--min-height:247px;--justify-content:flex-end;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-11 .elementor-element.elementor-element-dd0459d:not(.elementor-motion-effects-element-type-background), .elementor-11 .elementor-element.elementor-element-dd0459d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://uservice.webbeurdev.com/wp-content/uploads/2025/08/Frame-31537.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-11 .elementor-element.elementor-element-462eb1e .elementor-heading-title{font-family:"IBM Plex Sans Thai", Sans-serif;font-size:16px;font-weight:400;color:#FFFFFF;}.elementor-11 .elementor-element.elementor-element-6acf18b .elementor-heading-title{font-family:"IBM Plex Sans Thai", Sans-serif;font-size:24px;font-weight:700;color:#FFFFFF;}.elementor-11 .elementor-element.elementor-element-8487f18{--display:flex;--min-height:247px;--justify-content:flex-end;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-11 .elementor-element.elementor-element-8487f18:not(.elementor-motion-effects-element-type-background), .elementor-11 .elementor-element.elementor-element-8487f18 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://uservice.webbeurdev.com/wp-content/uploads/2025/08/Frame-1000004645.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-11 .elementor-element.elementor-element-59a064e .elementor-heading-title{font-family:"IBM Plex Sans Thai", Sans-serif;font-size:16px;font-weight:400;color:#FFFFFF;}.elementor-11 .elementor-element.elementor-element-ac67a8e .elementor-heading-title{font-family:"IBM Plex Sans Thai", Sans-serif;font-size:24px;font-weight:700;color:#FFFFFF;}.elementor-11 .elementor-element.elementor-element-b289e9d{--display:flex;--min-height:247px;--justify-content:flex-end;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-11 .elementor-element.elementor-element-b289e9d:not(.elementor-motion-effects-element-type-background), .elementor-11 .elementor-element.elementor-element-b289e9d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://uservice.webbeurdev.com/wp-content/uploads/2025/08/Frame-1000004646.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-11 .elementor-element.elementor-element-f0d65b6 .elementor-heading-title{font-family:"IBM Plex Sans Thai", Sans-serif;font-size:16px;font-weight:400;color:#FFFFFF;}.elementor-11 .elementor-element.elementor-element-07550e8 .elementor-heading-title{font-family:"IBM Plex Sans Thai", Sans-serif;font-size:24px;font-weight:700;color:#FFFFFF;}.elementor-11 .elementor-element.elementor-element-e2dd3f2{--display:flex;--min-height:247px;--justify-content:flex-end;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-11 .elementor-element.elementor-element-e2dd3f2:not(.elementor-motion-effects-element-type-background), .elementor-11 .elementor-element.elementor-element-e2dd3f2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://uservice.webbeurdev.com/wp-content/uploads/2025/08/Frame-1000004647.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-11 .elementor-element.elementor-element-709b930 .elementor-heading-title{font-family:"IBM Plex Sans Thai", Sans-serif;font-size:16px;font-weight:400;color:#FFFFFF;}.elementor-11 .elementor-element.elementor-element-ac061c7 .elementor-heading-title{font-family:"IBM Plex Sans Thai", Sans-serif;font-size:24px;font-weight:700;color:#FFFFFF;}.elementor-11 .elementor-element.elementor-element-064e80d{--display:flex;--min-height:247px;--justify-content:flex-end;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-11 .elementor-element.elementor-element-064e80d:not(.elementor-motion-effects-element-type-background), .elementor-11 .elementor-element.elementor-element-064e80d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://uservice.webbeurdev.com/wp-content/uploads/2025/08/Frame-1000004648.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-11 .elementor-element.elementor-element-a8b5eed .elementor-heading-title{font-family:"IBM Plex Sans Thai", Sans-serif;font-size:16px;font-weight:400;color:#FFFFFF;}.elementor-11 .elementor-element.elementor-element-ed3eb48 .elementor-heading-title{font-family:"IBM Plex Sans Thai", Sans-serif;font-size:24px;font-weight:700;color:#FFFFFF;}.elementor-11 .elementor-element.elementor-element-f699d09{--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:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-11 .elementor-element.elementor-element-f699d09:not(.elementor-motion-effects-element-type-background), .elementor-11 .elementor-element.elementor-element-f699d09 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://uservice.webbeurdev.com/wp-content/uploads/2025/08/Frame-31549.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-11 .elementor-element.elementor-element-003cac0{--display:flex;}.elementor-11 .elementor-element.elementor-element-1f4e22c .elementor-heading-title{font-family:"IBM Plex Sans Thai", Sans-serif;font-size:64px;font-weight:700;color:#FFFFFF;}.elementor-11 .elementor-element.elementor-element-3bc25d0{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11 .elementor-element.elementor-element-7ec47fd{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-11 .elementor-element.elementor-element-99fe7dd{--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;--gap:40px 40px;--row-gap:40px;--column-gap:40px;--padding-top:120px;--padding-bottom:120px;--padding-left:0px;--padding-right:0px;}.elementor-11 .elementor-element.elementor-element-0048d0c{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11 .elementor-element.elementor-element-cb0120a .elementor-heading-title{font-family:"IBM Plex Sans Thai", Sans-serif;font-size:18px;font-weight:400;letter-spacing:5.2px;color:#F4742A;}.elementor-11 .elementor-element.elementor-element-4e36890 .elementor-heading-title{font-family:"IBM Plex Sans Thai", Sans-serif;font-size:64px;font-weight:600;letter-spacing:5.2px;color:#23215D;}.elementor-11 .elementor-element.elementor-element-b573ae6{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11 .elementor-element.elementor-element-0629cff{--display:flex;--justify-content:flex-end;border-style:solid;--border-style:solid;border-width:1px 1px 1px 0px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:0px;border-color:#DEDEDE;--border-color:#DEDEDE;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-11 .elementor-element.elementor-element-0629cff:not(.elementor-motion-effects-element-type-background), .elementor-11 .elementor-element.elementor-element-0629cff > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-11 .elementor-element.elementor-element-de6caf3{--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;--justify-content:space-between;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11 .elementor-element.elementor-element-b2df7c2 .elementor-heading-title{font-family:"IBM Plex Sans Thai", Sans-serif;font-size:18px;font-weight:500;color:#333333;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-11 .elementor-element.elementor-element-a62ebcd .elementor-icon-wrapper{text-align:center;}.elementor-11 .elementor-element.elementor-element-00c9894{--display:flex;--justify-content:flex-end;border-style:solid;--border-style:solid;border-width:1px 1px 1px 0px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:0px;border-color:#DEDEDE;--border-color:#DEDEDE;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-11 .elementor-element.elementor-element-00c9894:not(.elementor-motion-effects-element-type-background), .elementor-11 .elementor-element.elementor-element-00c9894 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-11 .elementor-element.elementor-element-cbc12eb{--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;--justify-content:space-between;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11 .elementor-element.elementor-element-79fef36 .elementor-heading-title{font-family:"IBM Plex Sans Thai", Sans-serif;font-size:18px;font-weight:500;color:#333333;}.elementor-11 .elementor-element.elementor-element-8ebea87 .elementor-icon-wrapper{text-align:center;}@media(min-width:768px){.elementor-11 .elementor-element.elementor-element-ba6e843{--content-width:1329px;}.elementor-11 .elementor-element.elementor-element-1a1b814{--width:50%;}.elementor-11 .elementor-element.elementor-element-7cceb84{--width:50%;}.elementor-11 .elementor-element.elementor-element-9bf2cc8{--content-width:1320px;}.elementor-11 .elementor-element.elementor-element-003cac0{--content-width:1320px;}.elementor-11 .elementor-element.elementor-element-99fe7dd{--content-width:1320px;}}@media(max-width:1024px) and (min-width:768px){.elementor-11 .elementor-element.elementor-element-1a1b814{--width:100%;}.elementor-11 .elementor-element.elementor-element-7cceb84{--width:100%;}}@media(max-width:1024px){.elementor-11 .elementor-element.elementor-element-f57cc97{--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-11 .elementor-element.elementor-element-b2f265e .elementor-heading-title{font-size:60px;}.elementor-11 .elementor-element.elementor-element-02bb901 .elementor-heading-title{font-size:32px;}.elementor-11 .elementor-element.elementor-element-cee289d{--padding-top:0px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-11 .elementor-element.elementor-element-9bf2cc8{--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-11 .elementor-element.elementor-element-5b34dd5 .elementor-heading-title{font-size:14px;}.elementor-11 .elementor-element.elementor-element-e623c0f .elementor-heading-title{font-size:32px;}.elementor-11 .elementor-element.elementor-element-462eb1e .elementor-heading-title{font-size:14px;}.elementor-11 .elementor-element.elementor-element-6acf18b .elementor-heading-title{font-size:14px;}.elementor-11 .elementor-element.elementor-element-59a064e .elementor-heading-title{font-size:14px;}.elementor-11 .elementor-element.elementor-element-ac67a8e .elementor-heading-title{font-size:14px;}.elementor-11 .elementor-element.elementor-element-f0d65b6 .elementor-heading-title{font-size:14px;}.elementor-11 .elementor-element.elementor-element-07550e8 .elementor-heading-title{font-size:14px;line-height:1.3em;}.elementor-11 .elementor-element.elementor-element-709b930 .elementor-heading-title{font-size:14px;}.elementor-11 .elementor-element.elementor-element-ac061c7 .elementor-heading-title{font-size:14px;}.elementor-11 .elementor-element.elementor-element-a8b5eed .elementor-heading-title{font-size:14px;}.elementor-11 .elementor-element.elementor-element-ed3eb48 .elementor-heading-title{font-size:14px;}.elementor-11 .elementor-element.elementor-element-f699d09{--padding-top:30px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-11 .elementor-element.elementor-element-003cac0{--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-11 .elementor-element.elementor-element-1f4e22c .elementor-heading-title{font-size:32px;}.elementor-11 .elementor-element.elementor-element-99fe7dd{--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-11 .elementor-element.elementor-element-cb0120a .elementor-heading-title{font-size:14px;}.elementor-11 .elementor-element.elementor-element-4e36890 .elementor-heading-title{font-size:32px;}.elementor-11 .elementor-element.elementor-element-b2df7c2 .elementor-heading-title{font-size:14px;}.elementor-11 .elementor-element.elementor-element-79fef36 .elementor-heading-title{font-size:14px;}}@media(max-width:767px){.elementor-11 .elementor-element.elementor-element-ba6e843{--min-height:400px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-11 .elementor-element.elementor-element-f16fdb5{--padding-top:0px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-11 .elementor-element.elementor-element-f57cc97{--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11 .elementor-element.elementor-element-b2f265e .elementor-heading-title{font-size:32px;}.elementor-11 .elementor-element.elementor-element-02bb901 .elementor-heading-title{font-size:20px;line-height:1.3em;}.elementor-11 .elementor-element.elementor-element-cee289d{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11 .elementor-element.elementor-element-c8defe1 .elementor-button{font-size:14px;}.elementor-11 .elementor-element.elementor-element-9bf2cc8{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-11 .elementor-element.elementor-element-e623c0f .elementor-heading-title{font-size:22px;}.elementor-11 .elementor-element.elementor-element-f699d09{--padding-top:0px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-11 .elementor-element.elementor-element-1f4e22c .elementor-heading-title{font-size:22px;}.elementor-11 .elementor-element.elementor-element-3bc25d0{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-11 .elementor-element.elementor-element-7ec47fd{--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;}.elementor-11 .elementor-element.elementor-element-ad7b624 img{width:300px;}.elementor-11 .elementor-element.elementor-element-a250665 img{width:300px;}.elementor-11 .elementor-element.elementor-element-9835a5c img{width:300px;}.elementor-11 .elementor-element.elementor-element-9bd994b img{width:300px;}.elementor-11 .elementor-element.elementor-element-fc4a967 img{width:300px;}.elementor-11 .elementor-element.elementor-element-c2b242f img{width:300px;}.elementor-11 .elementor-element.elementor-element-933e401 img{width:300px;}.elementor-11 .elementor-element.elementor-element-fdacd69 img{width:300px;}.elementor-11 .elementor-element.elementor-element-922fa29 img{width:300px;}.elementor-11 .elementor-element.elementor-element-c075b1a img{width:300px;}.elementor-11 .elementor-element.elementor-element-5c0bdcc img{width:300px;}.elementor-11 .elementor-element.elementor-element-99fe7dd{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-11 .elementor-element.elementor-element-4e36890 .elementor-heading-title{font-size:22px;}}/* Start custom CSS for container, class: .elementor-element-ba6e843 */.elementor-11 .elementor-element.elementor-element-ba6e843 {
    position: relative;
    overflow: hidden;
}

.elementor-11 .elementor-element.elementor-element-ba6e843::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 200%;
    background-color: white !important;
    clip-path: inset(0 95% 0 0);
    transition: clip-path 1.5s ease-in-out;
    z-index: 9999 !important;
}

.elementor-11 .elementor-element.elementor-element-ba6e843::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 200%;
    background-color: white;
    clip-path: inset(0 0 0 95%);
    transition: clip-path 1.5s ease-in-out;
    z-index: 9999;
}

.elementor-11 .elementor-element.elementor-element-ba6e843.active::before {
     /*สถานะ 'active': ให้ overlay ฝั่งซ้ายหายไป */
    clip-path: inset(0 100% 0 0);
}

.elementor-11 .elementor-element.elementor-element-ba6e843.active::after {
    /* สถานะ 'active': ให้ overlay ฝั่งขวาหายไป */
    clip-path: inset(0 0 0 100%);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-dd0459d */.elementor-11 .elementor-element.elementor-element-dd0459d {
 
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: flex-end; 
  align-items: flex-start;
  padding: 30px;
}


.elementor-11 .elementor-element.elementor-element-dd0459d::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 0%; 
  height: 100%;
  background-color: rgba(35, 33, 93, 1); 
  transition: width 0.5s ease; 
  z-index: 1;
}

.elementor-11 .elementor-element.elementor-element-dd0459d:hover::before {
 
  width: 100%;
}


.elementor-11 .elementor-element.elementor-element-dd0459d .elementor-widget-heading {

  color: #fff;
  transition: transform 0.4s ease;
  z-index: 2; 
}


.elementor-11 .elementor-element.elementor-element-dd0459d:hover .elementor-widget-heading {
  
  transform: translateY(-10px);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8487f18 */.elementor-11 .elementor-element.elementor-element-8487f18 {
 
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: flex-end; 
  align-items: flex-start;
  padding: 30px;
}


.elementor-11 .elementor-element.elementor-element-8487f18::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 0%; 
  height: 100%;
  background-color: rgba(35, 33, 93, 1); 
  transition: width 0.5s ease; 
  z-index: 1;
}

.elementor-11 .elementor-element.elementor-element-8487f18:hover::before {
 
  width: 100%;
}


.elementor-11 .elementor-element.elementor-element-8487f18 .elementor-widget-heading {

  color: #fff;
  transition: transform 0.4s ease;
  z-index: 2; 
}


.elementor-11 .elementor-element.elementor-element-8487f18:hover .elementor-widget-heading {
  
  transform: translateY(-10px);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b289e9d */.elementor-11 .elementor-element.elementor-element-b289e9d {
 
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: flex-end; 
  align-items: flex-start;
  padding: 30px;
}


.elementor-11 .elementor-element.elementor-element-b289e9d::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 0%; 
  height: 100%;
  background-color: rgba(35, 33, 93, 1); 
  transition: width 0.5s ease; 
  z-index: 1;
}

.elementor-11 .elementor-element.elementor-element-b289e9d:hover::before {
 
  width: 100%;
}


.elementor-11 .elementor-element.elementor-element-b289e9d .elementor-widget-heading {

  color: #fff;
  transition: transform 0.4s ease;
  z-index: 2; 
}


.elementor-11 .elementor-element.elementor-element-b289e9d:hover .elementor-widget-heading {
  
  transform: translateY(-10px);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e2dd3f2 */.elementor-11 .elementor-element.elementor-element-e2dd3f2 {
 
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: flex-end; 
  align-items: flex-start;
  padding: 30px;
}


.elementor-11 .elementor-element.elementor-element-e2dd3f2::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 0%; 
  height: 100%;
  background-color: rgba(35, 33, 93, 1); 
  transition: width 0.5s ease; 
  z-index: 1;
}

.elementor-11 .elementor-element.elementor-element-e2dd3f2:hover::before {
 
  width: 100%;
}


.elementor-11 .elementor-element.elementor-element-e2dd3f2 .elementor-widget-heading {

  color: #fff;
  transition: transform 0.4s ease;
  z-index: 2; 
}


.elementor-11 .elementor-element.elementor-element-e2dd3f2:hover .elementor-widget-heading {
  
  transform: translateY(-10px);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-064e80d */.elementor-11 .elementor-element.elementor-element-064e80d {
 
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: flex-end; 
  align-items: flex-start;
  padding: 30px;
}


.elementor-11 .elementor-element.elementor-element-064e80d::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 0%; 
  height: 100%;
  background-color: rgba(35, 33, 93, 1); 
  transition: width 0.5s ease; 
  z-index: 1;
}

.elementor-11 .elementor-element.elementor-element-064e80d:hover::before {
 
  width: 100%;
}


.elementor-11 .elementor-element.elementor-element-064e80d .elementor-widget-heading {

  color: #fff;
  transition: transform 0.4s ease;
  z-index: 2; 
}


.elementor-11 .elementor-element.elementor-element-064e80d:hover .elementor-widget-heading {
  
  transform: translateY(-10px);
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-ad7b624 *//*
 * เพิ่ม CSS Classes: hover-gradient
 * ที่ Container ตัวนอก (Parent Container) ที่ครอบรูปและข้อความ
 */

/* Container หลักที่ต้องการให้มีเอฟเฟกต์ */
.elementor-container.hover-gradient {
    position: relative; /* สำคัญ: กำหนดตำแหน่งอ้างอิงสำหรับ children */
    overflow: hidden; /* ถ้ามี overflow เกินขอบ */
    /* อาจจะต้องเซ็ต z-index ให้ Container ตัวนี้ ถ้ามีปัญหาเรื่องการทับซ้อนกับ Element อื่นๆ รอบข้าง */
    /* z-index: 0; */
}

/* สร้าง Overlay ด้วย ::before */
.elementor-container.hover-gradient:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    /* Z-index สำหรับ Overlay: ต้องต่ำกว่าเนื้อหาและลิงก์ */
    z-index: 1; 

    /* สีเริ่มต้น: โปร่งใส 100% */
    background: linear-gradient(0deg, rgba(244, 116, 42, 0) 0%, rgba(244, 116, 42, 0) 100%);
    transition: background 0.3s ease-in-out;
    pointer-events: none; /* *** สำคัญ: ทำให้ Overlay ไม่รับ Event การคลิก *** */
}

/* สถานะเมื่อ Hover บน Container */
.elementor-container.hover-gradient:hover:before {
    /* สีเมื่อ Hover: ส้มอ่อนๆ */
    background: linear-gradient(0deg, rgba(244, 116, 42, 0) 0%, rgba(244, 116, 42, 0.6) 100%);
}

/* ทำให้เนื้อหาและลิงก์ (รวมถึงรูปภาพที่มีลิงก์) อยู่ด้านบนสุด */
/* Selector ที่ครอบคลุมลิงก์ทั้งหมด รวมถึงรูปภาพที่มีลิงก์ */
.elementor-container.hover-gradient .elementor-widget-image a, /* ลิงก์จาก Image Widget */
.elementor-container.hover-gradient .elementor-widget-text-editor a, /* ลิงก์ใน Text Editor */
.elementor-container.hover-gradient .elementor-widget-heading a, /* ลิงก์ใน Heading */
.elementor-container.hover-gradient .elementor-widget-wrap, /* สำหรับเนื้อหาภายใน Container */
.elementor-container.hover-gradient .elementor-inner-column, /* ถ้ามี Column ซ้อนใน Container */
.elementor-container.hover-gradient .elementor-widget-container /* Widget Container ทั่วไป */
{
    position: relative; /* สำคัญ: ต้องมี position เพื่อให้ z-index ทำงาน */
    z-index: 2; /* ต้องสูงกว่า z-index ของ overlay (z-index: 1) */
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-933e401 *//*
 * เพิ่ม CSS Classes: hover-gradient
 * ที่ Container ตัวนอก (Parent Container) ที่ครอบรูปและข้อความ
 */

/* Container หลักที่ต้องการให้มีเอฟเฟกต์ */
.elementor-container.hover-gradient {
    position: relative; /* สำคัญ: กำหนดตำแหน่งอ้างอิงสำหรับ children */
    overflow: hidden; /* ถ้ามี overflow เกินขอบ */
    /* อาจจะต้องเซ็ต z-index ให้ Container ตัวนี้ ถ้ามีปัญหาเรื่องการทับซ้อนกับ Element อื่นๆ รอบข้าง */
    /* z-index: 0; */
}

/* สร้าง Overlay ด้วย ::before */
.elementor-container.hover-gradient:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    /* Z-index สำหรับ Overlay: ต้องต่ำกว่าเนื้อหาและลิงก์ */
    z-index: 1; 

    /* สีเริ่มต้น: โปร่งใส 100% */
    background: linear-gradient(0deg, rgba(244, 116, 42, 0) 0%, rgba(244, 116, 42, 0) 100%);
    transition: background 0.3s ease-in-out;
    pointer-events: none; /* *** สำคัญ: ทำให้ Overlay ไม่รับ Event การคลิก *** */
}

/* สถานะเมื่อ Hover บน Container */
.elementor-container.hover-gradient:hover:before {
    /* สีเมื่อ Hover: ส้มอ่อนๆ */
    background: linear-gradient(0deg, rgba(244, 116, 42, 0) 0%, rgba(244, 116, 42, 0.6) 100%);
}

/* ทำให้เนื้อหาและลิงก์ (รวมถึงรูปภาพที่มีลิงก์) อยู่ด้านบนสุด */
/* Selector ที่ครอบคลุมลิงก์ทั้งหมด รวมถึงรูปภาพที่มีลิงก์ */
.elementor-container.hover-gradient .elementor-widget-image a, /* ลิงก์จาก Image Widget */
.elementor-container.hover-gradient .elementor-widget-text-editor a, /* ลิงก์ใน Text Editor */
.elementor-container.hover-gradient .elementor-widget-heading a, /* ลิงก์ใน Heading */
.elementor-container.hover-gradient .elementor-widget-wrap, /* สำหรับเนื้อหาภายใน Container */
.elementor-container.hover-gradient .elementor-inner-column, /* ถ้ามี Column ซ้อนใน Container */
.elementor-container.hover-gradient .elementor-widget-container /* Widget Container ทั่วไป */
{
    position: relative; /* สำคัญ: ต้องมี position เพื่อให้ z-index ทำงาน */
    z-index: 2; /* ต้องสูงกว่า z-index ของ overlay (z-index: 1) */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3bc25d0 *//* กำหนด container ให้ซ่อนส่วนที่เกิน */
.elementor-11 .elementor-element.elementor-element-3bc25d0 {
  overflow: hidden;
  position: relative;
}

/* อ้างถึง .logo-track ภายใน container */
.elementor-11 .elementor-element.elementor-element-3bc25d0 .logo-track {
  display: flex;
  gap: 40px;
  animation: marquee 20s linear infinite;
  width: max-content;
}

/* ทำให้ animation หยุดเมื่อเมาส์ชี้ไปที่ container หรือตัว track */
.elementor-11 .elementor-element.elementor-element-3bc25d0:hover .logo-track {
  animation-play-state: paused;
}

@keyframes marquee {
  0%   { transform: translateX(0%); }
  100% { transform: translateX(-50%); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0629cff *//*
 * Custom CSS for Hover Effect with Color Change
 * Place this code in the "Custom CSS" section of the desired Container.
 */

/* Initial state of the section. */
.elementor-11 .elementor-element.elementor-element-0629cff {
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: flex-end; 
  align-items: flex-start;
  padding: 30px;
}

/* Create a blue layer for the hover effect using a pseudo-element. */
.elementor-11 .elementor-element.elementor-element-0629cff::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 0%;
  height: 100%;
  background-color: rgba(35, 33, 93, 1);
  transition: width 0.5s ease;
  z-index: 1; /* Set the z-index of the blue background to be lower than the text/icon. */
}

/* Change when hovering. */
.elementor-11 .elementor-element.elementor-element-0629cff:hover::before {
  width: 100%;
}

/* Initial state of the text (Heading Widgets). */
.elementor-11 .elementor-element.elementor-element-0629cff .elementor-heading-title {
  /*
   * Add position: relative to make z-index work.
   * Set z-index to be higher than the blue background.
   */
  position: relative;
  z-index: 2;
  color: #fff;
  transition: transform 0.4s ease;
}

/* Initial state of the text (Heading/Text Widgets). */
.elementor-11 .elementor-element.elementor-element-0629cff .elementor-heading-title,
.elementor-11 .elementor-element.elementor-element-0629cff .elementor-widget-text-editor {
  /*
   * Add position: relative to make z-index work.
   * Set z-index to be higher than the blue background.
   */
  position: relative;
  z-index: 2;
  /* Set the initial color of the text. */
  color: #2b3053 !important;
  transition: color 0.3s ease;
}

/* Change the text when hovering. */
.elementor-11 .elementor-element.elementor-element-0629cff:hover .elementor-heading-title,
.elementor-11 .elementor-element.elementor-element-0629cff:hover .elementor-widget-text-editor {
  /* Change the text color to white. */
  color: #ffffff !important;
}

/* Initial state of the icon (Icon Widget). */
.elementor-11 .elementor-element.elementor-element-0629cff .elementor-icon-wrapper {
  /*
   * Add position: relative to make z-index work.
   * Set z-index to be higher than the blue background.
   */
  position: relative;
  z-index: 2;
  transition: all 0.3s ease;
}

/* Change the icon to a new SVG when hovering. */
.elementor-11 .elementor-element.elementor-element-0629cff:hover .elementor-icon-wrapper .elementor-icon svg {
  content: url('https://uservice.webbeurdev.com/wp-content/uploads/2025/08/fi_1835948-1.svg');
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-00c9894 *//*
 * Custom CSS for Hover Effect with Color Change
 * Place this code in the "Custom CSS" section of the desired Container.
 */

/* Initial state of the section. */
.elementor-11 .elementor-element.elementor-element-00c9894 {
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: flex-end; 
  align-items: flex-start;
  padding: 30px;
}

/* Create a blue layer for the hover effect using a pseudo-element. */
.elementor-11 .elementor-element.elementor-element-00c9894::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 0%;
  height: 100%;
  background-color: rgba(35, 33, 93, 1);
  transition: width 0.5s ease;
  z-index: 1; /* Set the z-index of the blue background to be lower than the text/icon. */
}

/* Change when hovering. */
.elementor-11 .elementor-element.elementor-element-00c9894:hover::before {
  width: 100%;
}

/* Initial state of the text (Heading Widgets). */
.elementor-11 .elementor-element.elementor-element-00c9894 .elementor-heading-title {
  /*
   * Add position: relative to make z-index work.
   * Set z-index to be higher than the blue background.
   */
  position: relative;
  z-index: 2;
  color: #fff;
  transition: transform 0.4s ease;
}

/* Initial state of the text (Heading/Text Widgets). */
.elementor-11 .elementor-element.elementor-element-00c9894 .elementor-heading-title,
.elementor-11 .elementor-element.elementor-element-00c9894 .elementor-widget-text-editor {
  /*
   * Add position: relative to make z-index work.
   * Set z-index to be higher than the blue background.
   */
  position: relative;
  z-index: 2;
  /* Set the initial color of the text. */
  color: #2b3053 !important;
  transition: color 0.3s ease;
}

/* Change the text when hovering. */
.elementor-11 .elementor-element.elementor-element-00c9894:hover .elementor-heading-title,
.elementor-11 .elementor-element.elementor-element-00c9894:hover .elementor-widget-text-editor {
  /* Change the text color to white. */
  color: #ffffff !important;
}

/* Initial state of the icon (Icon Widget). */
.elementor-11 .elementor-element.elementor-element-00c9894 .elementor-icon-wrapper {
  /*
   * Add position: relative to make z-index work.
   * Set z-index to be higher than the blue background.
   */
  position: relative;
  z-index: 2;
  transition: all 0.3s ease;
}

/* Change the icon to a new SVG when hovering. */
.elementor-11 .elementor-element.elementor-element-00c9894:hover .elementor-icon-wrapper .elementor-icon svg {
  content: url('https://uservice.webbeurdev.com/wp-content/uploads/2025/08/fi_1835948-1.svg');
}/* End custom CSS */