.elementor-347 .elementor-element.elementor-element-0c19696{--display:flex;--min-height:500px;--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:30px;--padding-left:0px;--padding-right:0px;}.elementor-347 .elementor-element.elementor-element-0c19696:not(.elementor-motion-effects-element-type-background), .elementor-347 .elementor-element.elementor-element-0c19696 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://uservice.webbeurdev.com/wp-content/uploads/2025/08/3_2-28.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-347 .elementor-element.elementor-element-0203b34{--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:10px 10px;--row-gap:10px;--column-gap:10px;}.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-347 .elementor-element.elementor-element-b444857 .elementor-icon-wrapper{text-align:center;}.elementor-347 .elementor-element.elementor-element-b444857 .elementor-icon{font-size:20px;}.elementor-347 .elementor-element.elementor-element-b444857 .elementor-icon svg{height:20px;}.elementor-347 .elementor-element.elementor-element-1ca0175 .elementor-icon-wrapper{text-align:center;}.elementor-347 .elementor-element.elementor-element-1ca0175 .elementor-icon{font-size:20px;}.elementor-347 .elementor-element.elementor-element-1ca0175 .elementor-icon svg{height:20px;}.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-347 .elementor-element.elementor-element-6d89338 .elementor-heading-title{font-family:"IBM Plex Sans Thai", Sans-serif;font-size:12px;font-weight:500;color:#FFFFFF;}.elementor-347 .elementor-element.elementor-element-7aa06c1 .elementor-heading-title{font-family:"IBM Plex Sans Thai", Sans-serif;font-size:12px;font-weight:500;color:#FFFFFF;}.elementor-347 .elementor-element.elementor-element-a6d161a{--display:flex;--padding-top:120px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-347 .elementor-element.elementor-element-0183fb9{text-align:center;}.elementor-347 .elementor-element.elementor-element-0183fb9 .elementor-heading-title{font-family:"IBM Plex Sans Thai", Sans-serif;font-size:64px;font-weight:700;color:#FFFFFF;}.elementor-347 .elementor-element.elementor-element-5adfe3f{--display:flex;--padding-top:100px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-347 .elementor-element.elementor-element-61431a7{text-align:center;}.elementor-347 .elementor-element.elementor-element-61431a7 .elementor-heading-title{font-family:"IBM Plex Sans Thai", Sans-serif;font-size:12px;font-weight:500;color:#FFFFFF;}.elementor-347 .elementor-element.elementor-element-75b3949 .elementor-icon-wrapper{text-align:center;}.elementor-347 .elementor-element.elementor-element-75b3949 .elementor-icon{font-size:20px;}.elementor-347 .elementor-element.elementor-element-75b3949 .elementor-icon svg{height:20px;}.elementor-347 .elementor-element.elementor-element-0952630{--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:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-347 .elementor-element.elementor-element-d84da09{--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;--gap:16px 16px;--row-gap:16px;--column-gap:16px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-347 .elementor-element.elementor-element-8fb6a08{--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:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-347 .elementor-element.elementor-element-92c9af3{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-347 .elementor-element.elementor-element-54f1aca .elementor-icon-wrapper{text-align:center;}.elementor-347 .elementor-element.elementor-element-54f1aca .elementor-icon{font-size:30px;}.elementor-347 .elementor-element.elementor-element-54f1aca .elementor-icon svg{height:30px;}.elementor-347 .elementor-element.elementor-element-7ca624b{--display:flex;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-347 .elementor-element.elementor-element-e81c08c .elementor-heading-title{font-family:"IBM Plex Sans Thai", Sans-serif;font-size:16px;font-weight:400;color:#F4742A;}.elementor-347 .elementor-element.elementor-element-7e9c615{--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:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-347 .elementor-element.elementor-element-28b081b{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-347 .elementor-element.elementor-element-33cd6cc .elementor-icon-wrapper{text-align:center;}.elementor-347 .elementor-element.elementor-element-33cd6cc .elementor-icon{font-size:30px;}.elementor-347 .elementor-element.elementor-element-33cd6cc .elementor-icon svg{height:30px;}.elementor-347 .elementor-element.elementor-element-c0d86db{--display:flex;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-347 .elementor-element.elementor-element-a8782eb .elementor-heading-title{font-family:"IBM Plex Sans Thai", Sans-serif;font-size:16px;font-weight:400;color:#C1C3CA;}.elementor-347 .elementor-element.elementor-element-a8782eb .elementor-heading-title a:hover, .elementor-347 .elementor-element.elementor-element-a8782eb .elementor-heading-title a:focus{color:#F4742A;}.elementor-347 .elementor-element.elementor-element-2440736{--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:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-347 .elementor-element.elementor-element-c4381d7{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-347 .elementor-element.elementor-element-6252ad0 .elementor-icon-wrapper{text-align:center;}.elementor-347 .elementor-element.elementor-element-6252ad0 .elementor-icon{font-size:30px;}.elementor-347 .elementor-element.elementor-element-6252ad0 .elementor-icon svg{height:30px;}.elementor-347 .elementor-element.elementor-element-66811b8{--display:flex;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-347 .elementor-element.elementor-element-9cc3a13 .elementor-heading-title{font-family:"IBM Plex Sans Thai", Sans-serif;font-size:16px;font-weight:400;color:#C1C3CA;}.elementor-347 .elementor-element.elementor-element-9cc3a13 .elementor-heading-title a:hover, .elementor-347 .elementor-element.elementor-element-9cc3a13 .elementor-heading-title a:focus{color:#F4742A;}.elementor-347 .elementor-element.elementor-element-39437dd{--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:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-347 .elementor-element.elementor-element-a6a8b7a{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-347 .elementor-element.elementor-element-01ae7d3 .elementor-icon-wrapper{text-align:center;}.elementor-347 .elementor-element.elementor-element-01ae7d3 .elementor-icon{font-size:30px;}.elementor-347 .elementor-element.elementor-element-01ae7d3 .elementor-icon svg{height:30px;}.elementor-347 .elementor-element.elementor-element-66596b8{--display:flex;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-347 .elementor-element.elementor-element-f279952 .elementor-heading-title{font-family:"IBM Plex Sans Thai", Sans-serif;font-size:16px;font-weight:400;color:#C1C3CA;}.elementor-347 .elementor-element.elementor-element-f279952 .elementor-heading-title a:hover, .elementor-347 .elementor-element.elementor-element-f279952 .elementor-heading-title a:focus{color:#F4742A;}.elementor-347 .elementor-element.elementor-element-29d8d50{--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:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-347 .elementor-element.elementor-element-4acef67{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-347 .elementor-element.elementor-element-26b7b88 .elementor-icon-wrapper{text-align:center;}.elementor-347 .elementor-element.elementor-element-26b7b88 .elementor-icon{font-size:30px;}.elementor-347 .elementor-element.elementor-element-26b7b88 .elementor-icon svg{height:30px;}.elementor-347 .elementor-element.elementor-element-b973a9a{--display:flex;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-347 .elementor-element.elementor-element-537feb9 .elementor-heading-title{font-family:"IBM Plex Sans Thai", Sans-serif;font-size:16px;font-weight:400;color:#C1C3CA;}.elementor-347 .elementor-element.elementor-element-537feb9 .elementor-heading-title a:hover, .elementor-347 .elementor-element.elementor-element-537feb9 .elementor-heading-title a:focus{color:#F4742A;}.elementor-347 .elementor-element.elementor-element-c1774cd{--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:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-347 .elementor-element.elementor-element-faa98f8{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-347 .elementor-element.elementor-element-459522f .elementor-icon-wrapper{text-align:center;}.elementor-347 .elementor-element.elementor-element-459522f .elementor-icon{font-size:30px;}.elementor-347 .elementor-element.elementor-element-459522f .elementor-icon svg{height:30px;}.elementor-347 .elementor-element.elementor-element-ad7fae2{--display:flex;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-347 .elementor-element.elementor-element-d89a4c6 .elementor-heading-title{font-family:"IBM Plex Sans Thai", Sans-serif;font-size:16px;font-weight:400;color:#C1C3CA;}.elementor-347 .elementor-element.elementor-element-d89a4c6 .elementor-heading-title a:hover, .elementor-347 .elementor-element.elementor-element-d89a4c6 .elementor-heading-title a:focus{color:#F4742A;}.elementor-347 .elementor-element.elementor-element-7d37235{--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:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-347 .elementor-element.elementor-element-5112382{--display:flex;}.elementor-347 .elementor-element.elementor-element-a74d77f .elementor-heading-title{font-family:"IBM Plex Sans Thai", Sans-serif;font-size:32px;font-weight:700;color:#23215D;}.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-347 .elementor-element.elementor-element-347a73e{font-family:"IBM Plex Sans Thai", Sans-serif;font-size:16px;font-weight:400;color:#333333;}.elementor-347 .elementor-element.elementor-element-fd2117d{--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;}.elementor-347 .elementor-element.elementor-element-1792cea{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#ADADAD4D;--border-color:#ADADAD4D;}.elementor-347 .elementor-element.elementor-element-bd5c7ce .elementor-heading-title{font-family:"IBM Plex Sans Thai", Sans-serif;font-size:32px;font-weight:700;color:#23215D;}.elementor-347 .elementor-element.elementor-element-b16c696{font-family:"IBM Plex Sans Thai", Sans-serif;font-size:16px;font-weight:400;color:#333333;}.elementor-347 .elementor-element.elementor-element-b24cdd5{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#ADADAD4D;--border-color:#ADADAD4D;}.elementor-347 .elementor-element.elementor-element-e4b9353 .elementor-heading-title{font-family:"IBM Plex Sans Thai", Sans-serif;font-size:32px;font-weight:700;color:#23215D;}.elementor-347 .elementor-element.elementor-element-af8783f{font-family:"IBM Plex Sans Thai", Sans-serif;font-size:16px;font-weight:400;color:#333333;}.elementor-347 .elementor-element.elementor-element-bfeb38f{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#ADADAD4D;--border-color:#ADADAD4D;}.elementor-347 .elementor-element.elementor-element-79eac5f .elementor-heading-title{font-family:"IBM Plex Sans Thai", Sans-serif;font-size:32px;font-weight:700;color:#23215D;}.elementor-347 .elementor-element.elementor-element-bb2a26f{font-family:"IBM Plex Sans Thai", Sans-serif;font-size:16px;font-weight:400;color:#333333;}.elementor-347 .elementor-element.elementor-element-a145836{--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:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:#ADADAD4D;--border-color:#ADADAD4D;--padding-top:50px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-347 .elementor-element.elementor-element-1158c1d{--display:flex;border-style:solid;--border-style:solid;border-width:0px 1px 1px 1px;--border-top-width:0px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#ADADAD4D;--border-color:#ADADAD4D;--padding-top:30px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-347 .elementor-element.elementor-element-5b8bddb{font-family:"IBM Plex Sans Thai", Sans-serif;font-size:16px;font-weight:400;color:#333333;}.elementor-347 .elementor-element.elementor-element-5a24a3f{--n-accordion-title-font-size:32px;--n-accordion-title-justify-content:space-between;--n-accordion-title-flex-grow:1;--n-accordion-title-icon-order:initial;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-title-normal-color:#FFFFFF;--n-accordion-title-hover-color:#FFFFFF;--n-accordion-title-active-color:#FFFFFF;--n-accordion-icon-size:15px;}.elementor-347 .elementor-element.elementor-element-5a24a3f > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{background-color:#23215D;border-style:solid;border-width:0px 0px 1px 0px;border-color:#ADADAD4D;}.elementor-347 .elementor-element.elementor-element-5a24a3f {--n-accordion-padding:10px 20px 10px 20px;}:where( .elementor-347 .elementor-element.elementor-element-5a24a3f > .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:"IBM Plex Sans Thai", Sans-serif;font-weight:700;}.elementor-347 .elementor-element.elementor-element-1b9b7ea{--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-347 .elementor-element.elementor-element-1bd29e0 .elementor-heading-title{font-family:"IBM Plex Sans Thai", Sans-serif;font-size:64px;font-weight:600;letter-spacing:5.2px;color:#23215D;}.elementor-347 .elementor-element.elementor-element-48cf090{--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-347 .elementor-element.elementor-element-b427931{--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-347 .elementor-element.elementor-element-b427931:not(.elementor-motion-effects-element-type-background), .elementor-347 .elementor-element.elementor-element-b427931 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-347 .elementor-element.elementor-element-3edd718{--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-347 .elementor-element.elementor-element-d34e10b .elementor-heading-title{font-family:"IBM Plex Sans Thai", Sans-serif;font-size:18px;font-weight:500;color:#333333;}.elementor-347 .elementor-element.elementor-element-046e85d .elementor-icon-wrapper{text-align:center;}.elementor-347 .elementor-element.elementor-element-692df77{--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-347 .elementor-element.elementor-element-692df77:not(.elementor-motion-effects-element-type-background), .elementor-347 .elementor-element.elementor-element-692df77 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-347 .elementor-element.elementor-element-5ba8246{--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-347 .elementor-element.elementor-element-14df764 .elementor-heading-title{font-family:"IBM Plex Sans Thai", Sans-serif;font-size:18px;font-weight:500;color:#333333;}.elementor-347 .elementor-element.elementor-element-21ca20d .elementor-icon-wrapper{text-align:center;}@media(min-width:768px){.elementor-347 .elementor-element.elementor-element-0c19696{--content-width:1320px;}.elementor-347 .elementor-element.elementor-element-0952630{--content-width:1320px;}.elementor-347 .elementor-element.elementor-element-d84da09{--width:25%;}.elementor-347 .elementor-element.elementor-element-92c9af3{--width:20%;}.elementor-347 .elementor-element.elementor-element-7ca624b{--width:80%;}.elementor-347 .elementor-element.elementor-element-28b081b{--width:20%;}.elementor-347 .elementor-element.elementor-element-c0d86db{--width:80%;}.elementor-347 .elementor-element.elementor-element-c4381d7{--width:20%;}.elementor-347 .elementor-element.elementor-element-66811b8{--width:80%;}.elementor-347 .elementor-element.elementor-element-a6a8b7a{--width:20%;}.elementor-347 .elementor-element.elementor-element-66596b8{--width:80%;}.elementor-347 .elementor-element.elementor-element-4acef67{--width:20%;}.elementor-347 .elementor-element.elementor-element-b973a9a{--width:80%;}.elementor-347 .elementor-element.elementor-element-faa98f8{--width:20%;}.elementor-347 .elementor-element.elementor-element-ad7fae2{--width:80%;}.elementor-347 .elementor-element.elementor-element-7d37235{--width:75%;}.elementor-347 .elementor-element.elementor-element-a145836{--content-width:1320px;}.elementor-347 .elementor-element.elementor-element-1b9b7ea{--content-width:1320px;}}@media(max-width:1024px){.elementor-347 .elementor-element.elementor-element-0c19696{--min-height:0px;}.elementor-347 .elementor-element.elementor-element-a6d161a{--padding-top:50px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-347 .elementor-element.elementor-element-0183fb9 .elementor-heading-title{font-size:42px;}.elementor-347 .elementor-element.elementor-element-5adfe3f{--padding-top:30px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-347 .elementor-element.elementor-element-0952630{--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-347 .elementor-element.elementor-element-e81c08c .elementor-heading-title{font-size:14px;}.elementor-347 .elementor-element.elementor-element-a8782eb .elementor-heading-title{font-size:14px;}.elementor-347 .elementor-element.elementor-element-9cc3a13 .elementor-heading-title{font-size:14px;}.elementor-347 .elementor-element.elementor-element-f279952 .elementor-heading-title{font-size:14px;}.elementor-347 .elementor-element.elementor-element-537feb9 .elementor-heading-title{font-size:14px;}.elementor-347 .elementor-element.elementor-element-d89a4c6 .elementor-heading-title{font-size:14px;}.elementor-347 .elementor-element.elementor-element-a74d77f .elementor-heading-title{font-size:22px;}.elementor-347 .elementor-element.elementor-element-347a73e{font-size:14px;}.elementor-347 .elementor-element.elementor-element-fd2117d{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-347 .elementor-element.elementor-element-bd5c7ce .elementor-heading-title{font-size:22px;}.elementor-347 .elementor-element.elementor-element-b16c696{font-size:14px;}.elementor-347 .elementor-element.elementor-element-e4b9353 .elementor-heading-title{font-size:22px;}.elementor-347 .elementor-element.elementor-element-af8783f{font-size:14px;}.elementor-347 .elementor-element.elementor-element-79eac5f .elementor-heading-title{font-size:22px;}.elementor-347 .elementor-element.elementor-element-bb2a26f{font-size:14px;}.elementor-347 .elementor-element.elementor-element-a145836{--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-347 .elementor-element.elementor-element-5b8bddb{font-size:14px;}.elementor-347 .elementor-element.elementor-element-5a24a3f{--n-accordion-title-font-size:22px;}.elementor-347 .elementor-element.elementor-element-1b9b7ea{--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-347 .elementor-element.elementor-element-1bd29e0 .elementor-heading-title{font-size:32px;}.elementor-347 .elementor-element.elementor-element-d34e10b .elementor-heading-title{font-size:14px;}.elementor-347 .elementor-element.elementor-element-14df764 .elementor-heading-title{font-size:14px;}}@media(max-width:767px){.elementor-347 .elementor-element.elementor-element-0183fb9 .elementor-heading-title{font-size:32px;}.elementor-347 .elementor-element.elementor-element-0952630{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-347 .elementor-element.elementor-element-92c9af3{--width:30%;}.elementor-347 .elementor-element.elementor-element-7ca624b{--width:60%;}.elementor-347 .elementor-element.elementor-element-28b081b{--width:30%;}.elementor-347 .elementor-element.elementor-element-c0d86db{--width:60%;}.elementor-347 .elementor-element.elementor-element-c4381d7{--width:30%;}.elementor-347 .elementor-element.elementor-element-66811b8{--width:60%;}.elementor-347 .elementor-element.elementor-element-a6a8b7a{--width:30%;}.elementor-347 .elementor-element.elementor-element-66596b8{--width:60%;}.elementor-347 .elementor-element.elementor-element-4acef67{--width:30%;}.elementor-347 .elementor-element.elementor-element-b973a9a{--width:60%;}.elementor-347 .elementor-element.elementor-element-faa98f8{--width:30%;}.elementor-347 .elementor-element.elementor-element-ad7fae2{--width:60%;}.elementor-347 .elementor-element.elementor-element-5112382{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-347 .elementor-element.elementor-element-a74d77f .elementor-heading-title{font-size:18px;}.elementor-347 .elementor-element.elementor-element-bd5c7ce .elementor-heading-title{font-size:18px;}.elementor-347 .elementor-element.elementor-element-e4b9353 .elementor-heading-title{font-size:18px;}.elementor-347 .elementor-element.elementor-element-79eac5f .elementor-heading-title{font-size:18px;}.elementor-347 .elementor-element.elementor-element-a145836{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-347 .elementor-element.elementor-element-5a24a3f{--n-accordion-title-font-size:16px;}.elementor-347 .elementor-element.elementor-element-1b9b7ea{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-347 .elementor-element.elementor-element-1bd29e0 .elementor-heading-title{font-size:22px;}}/* Start custom CSS for icon, class: .elementor-element-75b3949 */.scroll-down-animate {
animation: smooth-bounce 1.5s infinite ease-in-out;
}

@keyframes smooth-bounce {
0% {
transform: translateY(0);
}
50% {
transform: translateY(-8px);
}
100% {
transform: translateY(0);
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0c19696 */.elementor-347 .elementor-element.elementor-element-0c19696 {
    position: relative;
    overflow: hidden;
}

.elementor-347 .elementor-element.elementor-element-0c19696::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-347 .elementor-element.elementor-element-0c19696::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-347 .elementor-element.elementor-element-0c19696.active::before {
     /*สถานะ 'active': ให้ overlay ฝั่งซ้ายหายไป */
    clip-path: inset(0 100% 0 0);
}

.elementor-347 .elementor-element.elementor-element-0c19696.active::after {
    /* สถานะ 'active': ให้ overlay ฝั่งขวาหายไป */
    clip-path: inset(0 0 0 100%);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b427931 *//*
 * 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-347 .elementor-element.elementor-element-b427931 {
  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-347 .elementor-element.elementor-element-b427931::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-347 .elementor-element.elementor-element-b427931:hover::before {
  width: 100%;
}

/* Initial state of the text (Heading Widgets). */
.elementor-347 .elementor-element.elementor-element-b427931 .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-347 .elementor-element.elementor-element-b427931 .elementor-heading-title,
.elementor-347 .elementor-element.elementor-element-b427931 .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-347 .elementor-element.elementor-element-b427931:hover .elementor-heading-title,
.elementor-347 .elementor-element.elementor-element-b427931:hover .elementor-widget-text-editor {
  /* Change the text color to white. */
  color: #ffffff !important;
}

/* Initial state of the icon (Icon Widget). */
.elementor-347 .elementor-element.elementor-element-b427931 .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-347 .elementor-element.elementor-element-b427931: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-692df77 *//*
 * 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-347 .elementor-element.elementor-element-692df77 {
  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-347 .elementor-element.elementor-element-692df77::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-347 .elementor-element.elementor-element-692df77:hover::before {
  width: 100%;
}

/* Initial state of the text (Heading Widgets). */
.elementor-347 .elementor-element.elementor-element-692df77 .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-347 .elementor-element.elementor-element-692df77 .elementor-heading-title,
.elementor-347 .elementor-element.elementor-element-692df77 .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-347 .elementor-element.elementor-element-692df77:hover .elementor-heading-title,
.elementor-347 .elementor-element.elementor-element-692df77:hover .elementor-widget-text-editor {
  /* Change the text color to white. */
  color: #ffffff !important;
}

/* Initial state of the icon (Icon Widget). */
.elementor-347 .elementor-element.elementor-element-692df77 .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-347 .elementor-element.elementor-element-692df77: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 */