.elementor-17642 .elementor-element.elementor-element-0063b21{--display:flex;--min-height:450px;--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:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-17642 .elementor-element.elementor-element-b51aa73{--display:flex;}.elementor-17642 .elementor-element.elementor-element-38064d0{--spacer-size:90px;}.elementor-17642 .elementor-element.elementor-element-a3a87eb{--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:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-17642 .elementor-element.elementor-element-3f26614{--display:flex;}.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-17642 .elementor-element.elementor-element-86724b7 .elementor-heading-title{color:#FFC100;}.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-17642 .elementor-element.elementor-element-a78f353{color:#FFFFFF;}.elementor-17642 .elementor-element.elementor-element-aa5f94c:not(.elementor-motion-effects-element-type-background), .elementor-17642 .elementor-element.elementor-element-aa5f94c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-17642 .elementor-element.elementor-element-aa5f94c > .elementor-container{max-width:1600px;}.elementor-17642 .elementor-element.elementor-element-aa5f94c{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-17642 .elementor-element.elementor-element-aa5f94c > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-17642 .elementor-element.elementor-element-ddf8e8a{--spacer-size:50px;}.elementor-17642 .elementor-element.elementor-element-a6de47c{--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:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-17642 .elementor-element.elementor-element-a6de47c:not(.elementor-motion-effects-element-type-background), .elementor-17642 .elementor-element.elementor-element-a6de47c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-17642 .elementor-element.elementor-element-8199c8d > .elementor-widget-container{margin:0px 0px 0px 60px;}.elementor-17642 .elementor-element.elementor-element-8199c8d{text-align:start;}.elementor-17642 .elementor-element.elementor-element-8199c8d .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:600;text-decoration:underline;color:#000000;}.elementor-17642 .elementor-element.elementor-element-b1f93ef{--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:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-17642 .elementor-element.elementor-element-b1f93ef:not(.elementor-motion-effects-element-type-background), .elementor-17642 .elementor-element.elementor-element-b1f93ef > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-17642 .elementor-element.elementor-element-8618270{--display:flex;--border-radius:0px 0px 0px 0px;}.elementor-widget-call-to-action .elementor-cta__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-call-to-action .elementor-cta__description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-call-to-action .elementor-cta__button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-call-to-action .elementor-ribbon-inner{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-17642 .elementor-element.elementor-element-299fb1a .elementor-cta .elementor-cta__bg, .elementor-17642 .elementor-element.elementor-element-299fb1a .elementor-cta .elementor-cta__bg-overlay{transition-duration:1500ms;}.elementor-17642 .elementor-element.elementor-element-299fb1a .elementor-cta__content{min-height:220px;text-align:center;}.elementor-17642 .elementor-element.elementor-element-052e6ee{--display:flex;}.elementor-17642 .elementor-element.elementor-element-aa9c364 .elementor-cta .elementor-cta__bg, .elementor-17642 .elementor-element.elementor-element-aa9c364 .elementor-cta .elementor-cta__bg-overlay{transition-duration:1500ms;}.elementor-17642 .elementor-element.elementor-element-aa9c364 .elementor-cta__content{min-height:220px;text-align:center;}.elementor-17642 .elementor-element.elementor-element-c1d3059{--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:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;border-style:dotted;--border-style:dotted;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:#7C7C7C;--border-color:#7C7C7C;}.elementor-17642 .elementor-element.elementor-element-c1d3059:not(.elementor-motion-effects-element-type-background), .elementor-17642 .elementor-element.elementor-element-c1d3059 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-17642 .elementor-element.elementor-element-6d08e37{--display:flex;}.elementor-17642 .elementor-element.elementor-element-640a559 .elementor-cta .elementor-cta__bg, .elementor-17642 .elementor-element.elementor-element-640a559 .elementor-cta .elementor-cta__bg-overlay{transition-duration:1500ms;}.elementor-17642 .elementor-element.elementor-element-640a559 .elementor-cta__content{min-height:200px;text-align:center;}.elementor-17642 .elementor-element.elementor-element-d643d7e{--display:flex;}.elementor-17642 .elementor-element.elementor-element-3f0e1ce .elementor-cta .elementor-cta__bg, .elementor-17642 .elementor-element.elementor-element-3f0e1ce .elementor-cta .elementor-cta__bg-overlay{transition-duration:1500ms;}.elementor-17642 .elementor-element.elementor-element-3f0e1ce .elementor-cta__content{min-height:200px;text-align:center;}.elementor-17642 .elementor-element.elementor-element-71559d3{--display:flex;}.elementor-17642 .elementor-element.elementor-element-01703fd{--spacer-size:50px;}.elementor-17642 .elementor-element.elementor-element-03f39ee{--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:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-17642 .elementor-element.elementor-element-03f39ee:not(.elementor-motion-effects-element-type-background), .elementor-17642 .elementor-element.elementor-element-03f39ee > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-17642 .elementor-element.elementor-element-b7e6820 > .elementor-widget-container{margin:0px 0px 0px 60px;}.elementor-17642 .elementor-element.elementor-element-b7e6820{text-align:start;}.elementor-17642 .elementor-element.elementor-element-b7e6820 .elementor-heading-title{font-family:"Kanit", Sans-serif;font-weight:600;text-decoration:underline;color:#000000;}.elementor-17642 .elementor-element.elementor-element-6c08ac6{--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:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;border-style:dotted;--border-style:dotted;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:#7C7C7C;--border-color:#7C7C7C;}.elementor-17642 .elementor-element.elementor-element-6c08ac6:not(.elementor-motion-effects-element-type-background), .elementor-17642 .elementor-element.elementor-element-6c08ac6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-17642 .elementor-element.elementor-element-4f093b5{--display:flex;}.elementor-17642 .elementor-element.elementor-element-1ae9967 .elementor-cta .elementor-cta__bg, .elementor-17642 .elementor-element.elementor-element-1ae9967 .elementor-cta .elementor-cta__bg-overlay{transition-duration:1500ms;}.elementor-17642 .elementor-element.elementor-element-1ae9967 .elementor-cta__content{min-height:200px;text-align:center;}.elementor-17642 .elementor-element.elementor-element-579f56d{--display:flex;}.elementor-17642 .elementor-element.elementor-element-b64a779 .elementor-cta .elementor-cta__bg, .elementor-17642 .elementor-element.elementor-element-b64a779 .elementor-cta .elementor-cta__bg-overlay{transition-duration:1500ms;}.elementor-17642 .elementor-element.elementor-element-b64a779 .elementor-cta__content{min-height:200px;text-align:center;}.elementor-17642 .elementor-element.elementor-element-7903e18{--display:flex;}.elementor-17642 .elementor-element.elementor-element-7108e0b{--spacer-size:50px;}.elementor-17642 .elementor-element.elementor-element-cb0ca68{--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:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-17642 .elementor-element.elementor-element-cb0ca68:not(.elementor-motion-effects-element-type-background), .elementor-17642 .elementor-element.elementor-element-cb0ca68 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-17642 .elementor-element.elementor-element-3e8eb6f > .elementor-widget-container{margin:0px 0px 0px 60px;}.elementor-17642 .elementor-element.elementor-element-3e8eb6f{text-align:start;}.elementor-17642 .elementor-element.elementor-element-3e8eb6f .elementor-heading-title{font-family:"Kanit", Sans-serif;font-weight:600;text-decoration:underline;color:#000000;}.elementor-17642 .elementor-element.elementor-element-8f76e17{--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:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;border-style:dotted;--border-style:dotted;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:#7C7C7C;--border-color:#7C7C7C;}.elementor-17642 .elementor-element.elementor-element-8f76e17:not(.elementor-motion-effects-element-type-background), .elementor-17642 .elementor-element.elementor-element-8f76e17 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-17642 .elementor-element.elementor-element-252faf0{--display:flex;}.elementor-17642 .elementor-element.elementor-element-e2da4ad .elementor-cta .elementor-cta__bg, .elementor-17642 .elementor-element.elementor-element-e2da4ad .elementor-cta .elementor-cta__bg-overlay{transition-duration:1500ms;}.elementor-17642 .elementor-element.elementor-element-e2da4ad .elementor-cta__content{min-height:250px;text-align:center;}.elementor-17642 .elementor-element.elementor-element-cc79abc{--display:flex;}.elementor-17642 .elementor-element.elementor-element-0c33d12 .elementor-cta .elementor-cta__bg, .elementor-17642 .elementor-element.elementor-element-0c33d12 .elementor-cta .elementor-cta__bg-overlay{transition-duration:1500ms;}.elementor-17642 .elementor-element.elementor-element-0c33d12 .elementor-cta__content{min-height:250px;text-align:center;}.elementor-17642 .elementor-element.elementor-element-eed7d5d{--display:flex;}.elementor-17642 .elementor-element.elementor-element-40c76d1{--spacer-size:50px;}.elementor-17642 .elementor-element.elementor-element-24fa310{--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:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-17642 .elementor-element.elementor-element-24fa310:not(.elementor-motion-effects-element-type-background), .elementor-17642 .elementor-element.elementor-element-24fa310 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-17642 .elementor-element.elementor-element-4098f37 > .elementor-widget-container{margin:0px 0px 0px 60px;}.elementor-17642 .elementor-element.elementor-element-4098f37{text-align:start;}.elementor-17642 .elementor-element.elementor-element-4098f37 .elementor-heading-title{font-family:"Kanit", Sans-serif;font-weight:600;text-decoration:underline;color:#000000;}.elementor-17642 .elementor-element.elementor-element-916ad45{--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:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-17642 .elementor-element.elementor-element-916ad45:not(.elementor-motion-effects-element-type-background), .elementor-17642 .elementor-element.elementor-element-916ad45 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-17642 .elementor-element.elementor-element-cc153de{--display:flex;}.elementor-17642 .elementor-element.elementor-element-bdfef4f .elementor-cta .elementor-cta__bg, .elementor-17642 .elementor-element.elementor-element-bdfef4f .elementor-cta .elementor-cta__bg-overlay{transition-duration:1500ms;}.elementor-17642 .elementor-element.elementor-element-bdfef4f .elementor-cta__content{min-height:300px;text-align:center;}.elementor-17642 .elementor-element.elementor-element-c529bef{--display:flex;}.elementor-17642 .elementor-element.elementor-element-9642074 .elementor-cta .elementor-cta__bg, .elementor-17642 .elementor-element.elementor-element-9642074 .elementor-cta .elementor-cta__bg-overlay{transition-duration:1500ms;}.elementor-17642 .elementor-element.elementor-element-9642074 .elementor-cta__content{min-height:300px;text-align:center;}.elementor-17642 .elementor-element.elementor-element-b20d2df{--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;}.elementor-17642 .elementor-element.elementor-element-b20d2df:not(.elementor-motion-effects-element-type-background), .elementor-17642 .elementor-element.elementor-element-b20d2df > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-17642 .elementor-element.elementor-element-b0941d8{--display:flex;--min-height:0px;}.elementor-17642 .elementor-element.elementor-element-b8c7794 .elementor-cta .elementor-cta__bg, .elementor-17642 .elementor-element.elementor-element-b8c7794 .elementor-cta .elementor-cta__bg-overlay{transition-duration:1500ms;}.elementor-17642 .elementor-element.elementor-element-b8c7794 .elementor-cta__content{min-height:200px;text-align:center;}.elementor-17642 .elementor-element.elementor-element-0b813cb{--display:flex;}.elementor-17642 .elementor-element.elementor-element-5fd4e16 .elementor-cta .elementor-cta__bg, .elementor-17642 .elementor-element.elementor-element-5fd4e16 .elementor-cta .elementor-cta__bg-overlay{transition-duration:1500ms;}.elementor-17642 .elementor-element.elementor-element-5fd4e16 .elementor-cta__content{min-height:200px;text-align:center;}.elementor-17642 .elementor-element.elementor-element-44328fb{--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:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-17642 .elementor-element.elementor-element-44328fb:not(.elementor-motion-effects-element-type-background), .elementor-17642 .elementor-element.elementor-element-44328fb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-17642 .elementor-element.elementor-element-4720efb{--display:flex;}.elementor-17642 .elementor-element.elementor-element-5bc7c12 .elementor-cta .elementor-cta__bg, .elementor-17642 .elementor-element.elementor-element-5bc7c12 .elementor-cta .elementor-cta__bg-overlay{transition-duration:1500ms;}.elementor-17642 .elementor-element.elementor-element-5bc7c12 .elementor-cta__content{min-height:250px;text-align:center;}.elementor-17642 .elementor-element.elementor-element-27459c0{--display:flex;}.elementor-17642 .elementor-element.elementor-element-86e7b7d .elementor-cta .elementor-cta__bg, .elementor-17642 .elementor-element.elementor-element-86e7b7d .elementor-cta .elementor-cta__bg-overlay{transition-duration:1500ms;}.elementor-17642 .elementor-element.elementor-element-86e7b7d .elementor-cta__content{min-height:250px;text-align:center;}.elementor-17642 .elementor-element.elementor-element-7ba1122{--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:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;border-style:dotted;--border-style:dotted;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:#7C7C7C;--border-color:#7C7C7C;}.elementor-17642 .elementor-element.elementor-element-7ba1122:not(.elementor-motion-effects-element-type-background), .elementor-17642 .elementor-element.elementor-element-7ba1122 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-17642 .elementor-element.elementor-element-82957e1{--display:flex;}.elementor-17642 .elementor-element.elementor-element-ce6be48 .elementor-cta .elementor-cta__bg, .elementor-17642 .elementor-element.elementor-element-ce6be48 .elementor-cta .elementor-cta__bg-overlay{transition-duration:1500ms;}.elementor-17642 .elementor-element.elementor-element-ce6be48 .elementor-cta__content{min-height:250px;text-align:center;}.elementor-17642 .elementor-element.elementor-element-6838640{--display:flex;}.elementor-17642 .elementor-element.elementor-element-d509c53 .elementor-cta .elementor-cta__bg, .elementor-17642 .elementor-element.elementor-element-d509c53 .elementor-cta .elementor-cta__bg-overlay{transition-duration:1500ms;}.elementor-17642 .elementor-element.elementor-element-d509c53 .elementor-cta__content{min-height:250px;text-align:center;}.elementor-17642 .elementor-element.elementor-element-da403bf{--display:flex;}.elementor-17642 .elementor-element.elementor-element-9847148{--spacer-size:50px;}.elementor-17642 .elementor-element.elementor-element-f74808b{--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:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-17642 .elementor-element.elementor-element-f74808b:not(.elementor-motion-effects-element-type-background), .elementor-17642 .elementor-element.elementor-element-f74808b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-17642 .elementor-element.elementor-element-751606a > .elementor-widget-container{margin:0px 0px 0px 60px;}.elementor-17642 .elementor-element.elementor-element-751606a{text-align:start;}.elementor-17642 .elementor-element.elementor-element-751606a .elementor-heading-title{font-family:"Kanit", Sans-serif;font-weight:600;text-decoration:underline;color:#000000;}.elementor-17642 .elementor-element.elementor-element-4a425ee{--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:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-17642 .elementor-element.elementor-element-4a425ee:not(.elementor-motion-effects-element-type-background), .elementor-17642 .elementor-element.elementor-element-4a425ee > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-17642 .elementor-element.elementor-element-57c1b55{--display:flex;}.elementor-17642 .elementor-element.elementor-element-e821c4b .elementor-cta .elementor-cta__bg, .elementor-17642 .elementor-element.elementor-element-e821c4b .elementor-cta .elementor-cta__bg-overlay{transition-duration:1500ms;}.elementor-17642 .elementor-element.elementor-element-e821c4b .elementor-cta__content{min-height:250px;text-align:center;}.elementor-17642 .elementor-element.elementor-element-fff5676{--display:flex;}.elementor-17642 .elementor-element.elementor-element-c18e25c .elementor-cta .elementor-cta__bg, .elementor-17642 .elementor-element.elementor-element-c18e25c .elementor-cta .elementor-cta__bg-overlay{transition-duration:1500ms;}.elementor-17642 .elementor-element.elementor-element-c18e25c .elementor-cta__content{min-height:250px;text-align:center;}.elementor-17642 .elementor-element.elementor-element-500c788{--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:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;border-style:dotted;--border-style:dotted;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:#7C7C7C;--border-color:#7C7C7C;}.elementor-17642 .elementor-element.elementor-element-500c788:not(.elementor-motion-effects-element-type-background), .elementor-17642 .elementor-element.elementor-element-500c788 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-17642 .elementor-element.elementor-element-a89c183{--display:flex;}.elementor-17642 .elementor-element.elementor-element-61b875d .elementor-cta .elementor-cta__bg, .elementor-17642 .elementor-element.elementor-element-61b875d .elementor-cta .elementor-cta__bg-overlay{transition-duration:1500ms;}.elementor-17642 .elementor-element.elementor-element-61b875d .elementor-cta__content{min-height:250px;text-align:center;}.elementor-17642 .elementor-element.elementor-element-016668e{--display:flex;}.elementor-17642 .elementor-element.elementor-element-98c8bcf .elementor-cta .elementor-cta__bg, .elementor-17642 .elementor-element.elementor-element-98c8bcf .elementor-cta .elementor-cta__bg-overlay{transition-duration:1500ms;}.elementor-17642 .elementor-element.elementor-element-98c8bcf .elementor-cta__content{min-height:250px;text-align:center;}.elementor-17642 .elementor-element.elementor-element-cd21854{--display:flex;}.elementor-17642 .elementor-element.elementor-element-b54bde6{--spacer-size:50px;}.elementor-17642 .elementor-element.elementor-element-bdded58{--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:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-17642 .elementor-element.elementor-element-bdded58:not(.elementor-motion-effects-element-type-background), .elementor-17642 .elementor-element.elementor-element-bdded58 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-17642 .elementor-element.elementor-element-3e7c6d7 > .elementor-widget-container{margin:0px 0px 0px 60px;}.elementor-17642 .elementor-element.elementor-element-3e7c6d7{text-align:start;}.elementor-17642 .elementor-element.elementor-element-3e7c6d7 .elementor-heading-title{font-family:"Kanit", Sans-serif;font-weight:600;text-decoration:underline;color:#000000;}.elementor-17642 .elementor-element.elementor-element-b0c058c{--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:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-17642 .elementor-element.elementor-element-b0c058c:not(.elementor-motion-effects-element-type-background), .elementor-17642 .elementor-element.elementor-element-b0c058c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-17642 .elementor-element.elementor-element-76dcafc{--display:flex;}.elementor-17642 .elementor-element.elementor-element-92a3c22 .elementor-cta .elementor-cta__bg, .elementor-17642 .elementor-element.elementor-element-92a3c22 .elementor-cta .elementor-cta__bg-overlay{transition-duration:1500ms;}.elementor-17642 .elementor-element.elementor-element-92a3c22 .elementor-cta__content{min-height:220px;text-align:center;}.elementor-17642 .elementor-element.elementor-element-7fe5716{--display:flex;}.elementor-17642 .elementor-element.elementor-element-0da4177 .elementor-cta .elementor-cta__bg, .elementor-17642 .elementor-element.elementor-element-0da4177 .elementor-cta .elementor-cta__bg-overlay{transition-duration:1500ms;}.elementor-17642 .elementor-element.elementor-element-0da4177 .elementor-cta__content{min-height:220px;text-align:center;}.elementor-17642 .elementor-element.elementor-element-e232fb5{--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:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-17642 .elementor-element.elementor-element-e232fb5:not(.elementor-motion-effects-element-type-background), .elementor-17642 .elementor-element.elementor-element-e232fb5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-17642 .elementor-element.elementor-element-5aab63a{--display:flex;}.elementor-17642 .elementor-element.elementor-element-579867c .elementor-cta .elementor-cta__bg, .elementor-17642 .elementor-element.elementor-element-579867c .elementor-cta .elementor-cta__bg-overlay{transition-duration:1500ms;}.elementor-17642 .elementor-element.elementor-element-579867c .elementor-cta__content{min-height:280px;text-align:center;}.elementor-17642 .elementor-element.elementor-element-aca11bd{--display:flex;}.elementor-17642 .elementor-element.elementor-element-87d991d .elementor-cta .elementor-cta__bg, .elementor-17642 .elementor-element.elementor-element-87d991d .elementor-cta .elementor-cta__bg-overlay{transition-duration:1500ms;}.elementor-17642 .elementor-element.elementor-element-87d991d .elementor-cta__content{min-height:280px;text-align:center;}@media(max-width:1024px){.elementor-17642 .elementor-element.elementor-element-299fb1a .elementor-cta__content{min-height:250px;}.elementor-17642 .elementor-element.elementor-element-aa9c364 .elementor-cta__content{min-height:250px;}.elementor-17642 .elementor-element.elementor-element-640a559 .elementor-cta__content{min-height:250px;}.elementor-17642 .elementor-element.elementor-element-3f0e1ce .elementor-cta__content{min-height:250px;}.elementor-17642 .elementor-element.elementor-element-e2da4ad .elementor-cta__content{min-height:250px;}.elementor-17642 .elementor-element.elementor-element-0c33d12 .elementor-cta__content{min-height:250px;}.elementor-17642 .elementor-element.elementor-element-bdfef4f .elementor-cta__content{min-height:400px;}.elementor-17642 .elementor-element.elementor-element-9642074 .elementor-cta__content{min-height:400px;}.elementor-17642 .elementor-element.elementor-element-b8c7794 .elementor-cta__content{min-height:300px;}.elementor-17642 .elementor-element.elementor-element-5fd4e16 .elementor-cta__content{min-height:300px;}.elementor-17642 .elementor-element.elementor-element-5bc7c12 .elementor-cta__content{min-height:350px;}.elementor-17642 .elementor-element.elementor-element-86e7b7d .elementor-cta__content{min-height:350px;}.elementor-17642 .elementor-element.elementor-element-ce6be48 .elementor-cta__content{min-height:330px;}.elementor-17642 .elementor-element.elementor-element-d509c53 .elementor-cta__content{min-height:330px;}.elementor-17642 .elementor-element.elementor-element-e821c4b .elementor-cta__content{min-height:300px;}.elementor-17642 .elementor-element.elementor-element-c18e25c .elementor-cta__content{min-height:300px;}.elementor-17642 .elementor-element.elementor-element-92a3c22 .elementor-cta__content{min-height:330px;}.elementor-17642 .elementor-element.elementor-element-0da4177 .elementor-cta__content{min-height:330px;}.elementor-17642 .elementor-element.elementor-element-579867c .elementor-cta__content{min-height:370px;}.elementor-17642 .elementor-element.elementor-element-87d991d .elementor-cta__content{min-height:370px;}}@media(min-width:768px){.elementor-17642 .elementor-element.elementor-element-3f26614{--width:93.572%;}}@media(max-width:767px){.elementor-17642 .elementor-element.elementor-element-ddf8e8a{--spacer-size:20px;}.elementor-17642 .elementor-element.elementor-element-8199c8d > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-17642 .elementor-element.elementor-element-b1f93ef{--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-17642 .elementor-element.elementor-element-299fb1a .elementor-cta__content{min-height:100px;}.elementor-17642 .elementor-element.elementor-element-052e6ee{--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-17642 .elementor-element.elementor-element-6d08e37{--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-17642 .elementor-element.elementor-element-d643d7e{--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-17642 .elementor-element.elementor-element-01703fd{--spacer-size:20px;}.elementor-17642 .elementor-element.elementor-element-b7e6820 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-17642 .elementor-element.elementor-element-7108e0b{--spacer-size:20px;}.elementor-17642 .elementor-element.elementor-element-3e8eb6f > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-17642 .elementor-element.elementor-element-40c76d1{--spacer-size:20px;}.elementor-17642 .elementor-element.elementor-element-4098f37 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-17642 .elementor-element.elementor-element-9847148{--spacer-size:20px;}.elementor-17642 .elementor-element.elementor-element-751606a > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-17642 .elementor-element.elementor-element-b54bde6{--spacer-size:20px;}.elementor-17642 .elementor-element.elementor-element-3e7c6d7 > .elementor-widget-container{margin:0px 0px 0px 0px;}}/* Start custom CSS for container, class: .elementor-element-8618270 *//* =================================================================
   Elementor Container to Premium Card CSS
   ================================================================= */

/* 1. ตกแต่งตัวกล่องหลัก (Container) ให้เป็นการ์ด */
.elementor-17642 .elementor-element.elementor-element-8618270 {
    background: #ffffff !important;
    border-radius: 20px !important;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.05), 0 4px 6px -4px rgba(0, 0, 0, 0.05) !important;
    border: 1px solid rgba(226, 232, 240, 0.8) !important;
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
}

/* เอฟเฟกต์ยกตัวลอยขึ้นและเงาเข้มขึ้นเมื่อเอาเมาส์มาชี้ (Hover) */
.elementor-17642 .elementor-element.elementor-element-8618270:hover {
    transform: translateY(-8px) !important;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1) !important;
    border-color: rgba(25, 25, 112, 0.2) !important; /* ขอบสีน้ำเงิน Navy จางๆ */
}

/* 2. สไตล์รูปภาพและเอฟเฟกต์ซูมเมื่อ Hover */
.elementor-17642 .elementor-element.elementor-element-8618270 .elementor-widget-image {
    margin: 0 !important;
    overflow: hidden !important;
    width: 100% !important;
}

.elementor-17642 .elementor-element.elementor-element-8618270 .elementor-widget-image img {
    width: 100% !important;
    height: auto !important;
    transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important;
    object-fit: cover !important;
}

/* ซูมภาพเข้าไปเล็กน้อยอย่างนุ่มนวลเมื่อผู้ใช้ชี้เมาส์ที่ตัวการ์ด */
.elementor-17642 .elementor-element.elementor-element-8618270:hover .elementor-widget-image img {
    transform: scale(1.06) !important;
}

/* 3. จัดการความห่างของหัวข้อ (Heading) */
.elementor-17642 .elementor-element.elementor-element-8618270 .elementor-widget-heading {
    padding: 24px 24px 10px 24px !important;
    margin: 0 !important;
}

.elementor-17642 .elementor-element.elementor-element-8618270 .elementor-widget-heading .elementor-heading-title {
    color: #191970 !important; /* สีน้ำเงิน Navy */
    font-family: 'Outfit', 'Sarabun', sans-serif !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
    text-align: center !important;
    transition: color 0.3s ease !important;
}

/* 4. รองรับกรณีที่มีการใส่กล่องข้อความอธิบายเพิ่ม (Text Editor) */
.elementor-17642 .elementor-element.elementor-element-8618270 .elementor-widget-text-editor {
    padding: 0 24px 15px 24px !important;
    color: #64748b !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
    text-align: center !important;
}

/* 5. สไตล์ปุ่มกดอ่านเพิ่มเติม (Read More) */
.elementor-17642 .elementor-element.elementor-element-8618270 .elementor-widget-button {
    padding: 10px 24px 24px 24px !important;
    margin-top: auto !important; /* บังคับให้ปุ่มอยู่ชิดขอบล่างสุดของการ์ดเสมอแม้ตัวหนังสือจะยาวไม่เท่ากัน */
    text-align: center !important;
}

.elementor-17642 .elementor-element.elementor-element-8618270 .elementor-button {
    background-color: #ffffff !important;
    color: #191970 !important;
    border: 2px solid #191970 !important;
    border-radius: 8px !important;
    font-weight: 700 !important;
    padding: 12px 28px !important;
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
    position: relative !important;
    overflow: hidden !important;
    z-index: 1 !important;
    display: inline-block !important;
}

/* อนิเมชันเติมสีปุ่มแนวทแยง (Skew Hover Effect) */
.elementor-17642 .elementor-element.elementor-element-8618270 .elementor-button::before {
    content: "" !important;
    position: absolute !important;
    left: -50px !important;
    top: 0 !important;
    width: 0 !important;
    height: 100% !important;
    background-color: #191970 !important;
    transform: skewX(45deg) !important;
    z-index: -1 !important;
    transition: width 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.elementor-17642 .elementor-element.elementor-element-8618270 .elementor-button:hover {
    color: #ffffff !important;
    box-shadow: 0 4px 12px rgba(25, 25, 112, 0.25) !important;
}

.elementor-17642 .elementor-element.elementor-element-8618270 .elementor-button:hover::before {
    width: 250% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-052e6ee *//* =================================================================
   Elementor Container to Premium Card CSS
   ================================================================= */

/* 1. ตกแต่งตัวกล่องหลัก (Container) ให้เป็นการ์ด */
.elementor-17642 .elementor-element.elementor-element-052e6ee {
    background: #ffffff !important;
    border-radius: 20px !important;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.05), 0 4px 6px -4px rgba(0, 0, 0, 0.05) !important;
    border: 1px solid rgba(226, 232, 240, 0.8) !important;
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
}

/* เอฟเฟกต์ยกตัวลอยขึ้นและเงาเข้มขึ้นเมื่อเอาเมาส์มาชี้ (Hover) */
.elementor-17642 .elementor-element.elementor-element-052e6ee:hover {
    transform: translateY(-8px) !important;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1) !important;
    border-color: rgba(25, 25, 112, 0.2) !important; /* ขอบสีน้ำเงิน Navy จางๆ */
}

/* 2. สไตล์รูปภาพและเอฟเฟกต์ซูมเมื่อ Hover */
.elementor-17642 .elementor-element.elementor-element-052e6ee .elementor-widget-image {
    margin: 0 !important;
    overflow: hidden !important;
    width: 100% !important;
}

.elementor-17642 .elementor-element.elementor-element-052e6ee .elementor-widget-image img {
    width: 100% !important;
    height: auto !important;
    transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important;
    object-fit: cover !important;
}

/* ซูมภาพเข้าไปเล็กน้อยอย่างนุ่มนวลเมื่อผู้ใช้ชี้เมาส์ที่ตัวการ์ด */
.elementor-17642 .elementor-element.elementor-element-052e6ee:hover .elementor-widget-image img {
    transform: scale(1.06) !important;
}

/* 3. จัดการความห่างของหัวข้อ (Heading) */
.elementor-17642 .elementor-element.elementor-element-052e6ee .elementor-widget-heading {
    padding: 24px 24px 10px 24px !important;
    margin: 0 !important;
}

.elementor-17642 .elementor-element.elementor-element-052e6ee .elementor-widget-heading .elementor-heading-title {
    color: #191970 !important; /* สีน้ำเงิน Navy */
    font-family: 'Outfit', 'Sarabun', sans-serif !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
    text-align: center !important;
    transition: color 0.3s ease !important;
}

/* 4. รองรับกรณีที่มีการใส่กล่องข้อความอธิบายเพิ่ม (Text Editor) */
.elementor-17642 .elementor-element.elementor-element-052e6ee .elementor-widget-text-editor {
    padding: 0 24px 15px 24px !important;
    color: #64748b !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
    text-align: center !important;
}

/* 5. สไตล์ปุ่มกดอ่านเพิ่มเติม (Read More) */
.elementor-17642 .elementor-element.elementor-element-052e6ee .elementor-widget-button {
    padding: 10px 24px 24px 24px !important;
    margin-top: auto !important; /* บังคับให้ปุ่มอยู่ชิดขอบล่างสุดของการ์ดเสมอแม้ตัวหนังสือจะยาวไม่เท่ากัน */
    text-align: center !important;
}

.elementor-17642 .elementor-element.elementor-element-052e6ee .elementor-button {
    background-color: #ffffff !important;
    color: #191970 !important;
    border: 2px solid #191970 !important;
    border-radius: 8px !important;
    font-weight: 700 !important;
    padding: 12px 28px !important;
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
    position: relative !important;
    overflow: hidden !important;
    z-index: 1 !important;
    display: inline-block !important;
}

/* อนิเมชันเติมสีปุ่มแนวทแยง (Skew Hover Effect) */
.elementor-17642 .elementor-element.elementor-element-052e6ee .elementor-button::before {
    content: "" !important;
    position: absolute !important;
    left: -50px !important;
    top: 0 !important;
    width: 0 !important;
    height: 100% !important;
    background-color: #191970 !important;
    transform: skewX(45deg) !important;
    z-index: -1 !important;
    transition: width 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.elementor-17642 .elementor-element.elementor-element-052e6ee .elementor-button:hover {
    color: #ffffff !important;
    box-shadow: 0 4px 12px rgba(25, 25, 112, 0.25) !important;
}

.elementor-17642 .elementor-element.elementor-element-052e6ee .elementor-button:hover::before {
    width: 250% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6d08e37 *//* =================================================================
   Elementor Container to Premium Card CSS
   ================================================================= */

/* 1. ตกแต่งตัวกล่องหลัก (Container) ให้เป็นการ์ด */
.elementor-17642 .elementor-element.elementor-element-6d08e37 {
    background: #ffffff !important;
    border-radius: 20px !important;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.05), 0 4px 6px -4px rgba(0, 0, 0, 0.05) !important;
    border: 1px solid rgba(226, 232, 240, 0.8) !important;
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
}

/* เอฟเฟกต์ยกตัวลอยขึ้นและเงาเข้มขึ้นเมื่อเอาเมาส์มาชี้ (Hover) */
.elementor-17642 .elementor-element.elementor-element-6d08e37:hover {
    transform: translateY(-8px) !important;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1) !important;
    border-color: rgba(25, 25, 112, 0.2) !important; /* ขอบสีน้ำเงิน Navy จางๆ */
}

/* 2. สไตล์รูปภาพและเอฟเฟกต์ซูมเมื่อ Hover */
.elementor-17642 .elementor-element.elementor-element-6d08e37 .elementor-widget-image {
    margin: 0 !important;
    overflow: hidden !important;
    width: 100% !important;
}

.elementor-17642 .elementor-element.elementor-element-6d08e37 .elementor-widget-image img {
    width: 100% !important;
    height: auto !important;
    transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important;
    object-fit: cover !important;
}

/* ซูมภาพเข้าไปเล็กน้อยอย่างนุ่มนวลเมื่อผู้ใช้ชี้เมาส์ที่ตัวการ์ด */
.elementor-17642 .elementor-element.elementor-element-6d08e37:hover .elementor-widget-image img {
    transform: scale(1.06) !important;
}

/* 3. จัดการความห่างของหัวข้อ (Heading) */
.elementor-17642 .elementor-element.elementor-element-6d08e37 .elementor-widget-heading {
    padding: 24px 24px 10px 24px !important;
    margin: 0 !important;
}

.elementor-17642 .elementor-element.elementor-element-6d08e37 .elementor-widget-heading .elementor-heading-title {
    color: #191970 !important; /* สีน้ำเงิน Navy */
    font-family: 'Outfit', 'Sarabun', sans-serif !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
    text-align: center !important;
    transition: color 0.3s ease !important;
}

/* 4. รองรับกรณีที่มีการใส่กล่องข้อความอธิบายเพิ่ม (Text Editor) */
.elementor-17642 .elementor-element.elementor-element-6d08e37 .elementor-widget-text-editor {
    padding: 0 24px 15px 24px !important;
    color: #64748b !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
    text-align: center !important;
}

/* 5. สไตล์ปุ่มกดอ่านเพิ่มเติม (Read More) */
.elementor-17642 .elementor-element.elementor-element-6d08e37 .elementor-widget-button {
    padding: 10px 24px 24px 24px !important;
    margin-top: auto !important; /* บังคับให้ปุ่มอยู่ชิดขอบล่างสุดของการ์ดเสมอแม้ตัวหนังสือจะยาวไม่เท่ากัน */
    text-align: center !important;
}

.elementor-17642 .elementor-element.elementor-element-6d08e37 .elementor-button {
    background-color: #ffffff !important;
    color: #191970 !important;
    border: 2px solid #191970 !important;
    border-radius: 8px !important;
    font-weight: 700 !important;
    padding: 12px 28px !important;
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
    position: relative !important;
    overflow: hidden !important;
    z-index: 1 !important;
    display: inline-block !important;
}

/* อนิเมชันเติมสีปุ่มแนวทแยง (Skew Hover Effect) */
.elementor-17642 .elementor-element.elementor-element-6d08e37 .elementor-button::before {
    content: "" !important;
    position: absolute !important;
    left: -50px !important;
    top: 0 !important;
    width: 0 !important;
    height: 100% !important;
    background-color: #191970 !important;
    transform: skewX(45deg) !important;
    z-index: -1 !important;
    transition: width 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.elementor-17642 .elementor-element.elementor-element-6d08e37 .elementor-button:hover {
    color: #ffffff !important;
    box-shadow: 0 4px 12px rgba(25, 25, 112, 0.25) !important;
}

.elementor-17642 .elementor-element.elementor-element-6d08e37 .elementor-button:hover::before {
    width: 250% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d643d7e *//* =================================================================
   Elementor Container to Premium Card CSS
   ================================================================= */

/* 1. ตกแต่งตัวกล่องหลัก (Container) ให้เป็นการ์ด */
.elementor-17642 .elementor-element.elementor-element-d643d7e {
    background: #ffffff !important;
    border-radius: 20px !important;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.05), 0 4px 6px -4px rgba(0, 0, 0, 0.05) !important;
    border: 1px solid rgba(226, 232, 240, 0.8) !important;
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
}

/* เอฟเฟกต์ยกตัวลอยขึ้นและเงาเข้มขึ้นเมื่อเอาเมาส์มาชี้ (Hover) */
.elementor-17642 .elementor-element.elementor-element-d643d7e:hover {
    transform: translateY(-8px) !important;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1) !important;
    border-color: rgba(25, 25, 112, 0.2) !important; /* ขอบสีน้ำเงิน Navy จางๆ */
}

/* 2. สไตล์รูปภาพและเอฟเฟกต์ซูมเมื่อ Hover */
.elementor-17642 .elementor-element.elementor-element-d643d7e .elementor-widget-image {
    margin: 0 !important;
    overflow: hidden !important;
    width: 100% !important;
}

.elementor-17642 .elementor-element.elementor-element-d643d7e .elementor-widget-image img {
    width: 100% !important;
    height: auto !important;
    transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important;
    object-fit: cover !important;
}

/* ซูมภาพเข้าไปเล็กน้อยอย่างนุ่มนวลเมื่อผู้ใช้ชี้เมาส์ที่ตัวการ์ด */
.elementor-17642 .elementor-element.elementor-element-d643d7e:hover .elementor-widget-image img {
    transform: scale(1.06) !important;
}

/* 3. จัดการความห่างของหัวข้อ (Heading) */
.elementor-17642 .elementor-element.elementor-element-d643d7e .elementor-widget-heading {
    padding: 24px 24px 10px 24px !important;
    margin: 0 !important;
}

.elementor-17642 .elementor-element.elementor-element-d643d7e .elementor-widget-heading .elementor-heading-title {
    color: #191970 !important; /* สีน้ำเงิน Navy */
    font-family: 'Outfit', 'Sarabun', sans-serif !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
    text-align: center !important;
    transition: color 0.3s ease !important;
}

/* 4. รองรับกรณีที่มีการใส่กล่องข้อความอธิบายเพิ่ม (Text Editor) */
.elementor-17642 .elementor-element.elementor-element-d643d7e .elementor-widget-text-editor {
    padding: 0 24px 15px 24px !important;
    color: #64748b !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
    text-align: center !important;
}

/* 5. สไตล์ปุ่มกดอ่านเพิ่มเติม (Read More) */
.elementor-17642 .elementor-element.elementor-element-d643d7e .elementor-widget-button {
    padding: 10px 24px 24px 24px !important;
    margin-top: auto !important; /* บังคับให้ปุ่มอยู่ชิดขอบล่างสุดของการ์ดเสมอแม้ตัวหนังสือจะยาวไม่เท่ากัน */
    text-align: center !important;
}

.elementor-17642 .elementor-element.elementor-element-d643d7e .elementor-button {
    background-color: #ffffff !important;
    color: #191970 !important;
    border: 2px solid #191970 !important;
    border-radius: 8px !important;
    font-weight: 700 !important;
    padding: 12px 28px !important;
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
    position: relative !important;
    overflow: hidden !important;
    z-index: 1 !important;
    display: inline-block !important;
}

/* อนิเมชันเติมสีปุ่มแนวทแยง (Skew Hover Effect) */
.elementor-17642 .elementor-element.elementor-element-d643d7e .elementor-button::before {
    content: "" !important;
    position: absolute !important;
    left: -50px !important;
    top: 0 !important;
    width: 0 !important;
    height: 100% !important;
    background-color: #191970 !important;
    transform: skewX(45deg) !important;
    z-index: -1 !important;
    transition: width 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.elementor-17642 .elementor-element.elementor-element-d643d7e .elementor-button:hover {
    color: #ffffff !important;
    box-shadow: 0 4px 12px rgba(25, 25, 112, 0.25) !important;
}

.elementor-17642 .elementor-element.elementor-element-d643d7e .elementor-button:hover::before {
    width: 250% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4f093b5 *//* =================================================================
   Elementor Container to Premium Card CSS
   ================================================================= */

/* 1. ตกแต่งตัวกล่องหลัก (Container) ให้เป็นการ์ด */
.elementor-17642 .elementor-element.elementor-element-4f093b5 {
    background: #ffffff !important;
    border-radius: 20px !important;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.05), 0 4px 6px -4px rgba(0, 0, 0, 0.05) !important;
    border: 1px solid rgba(226, 232, 240, 0.8) !important;
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
}

/* เอฟเฟกต์ยกตัวลอยขึ้นและเงาเข้มขึ้นเมื่อเอาเมาส์มาชี้ (Hover) */
.elementor-17642 .elementor-element.elementor-element-4f093b5:hover {
    transform: translateY(-8px) !important;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1) !important;
    border-color: rgba(25, 25, 112, 0.2) !important; /* ขอบสีน้ำเงิน Navy จางๆ */
}

/* 2. สไตล์รูปภาพและเอฟเฟกต์ซูมเมื่อ Hover */
.elementor-17642 .elementor-element.elementor-element-4f093b5 .elementor-widget-image {
    margin: 0 !important;
    overflow: hidden !important;
    width: 100% !important;
}

.elementor-17642 .elementor-element.elementor-element-4f093b5 .elementor-widget-image img {
    width: 100% !important;
    height: auto !important;
    transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important;
    object-fit: cover !important;
}

/* ซูมภาพเข้าไปเล็กน้อยอย่างนุ่มนวลเมื่อผู้ใช้ชี้เมาส์ที่ตัวการ์ด */
.elementor-17642 .elementor-element.elementor-element-4f093b5:hover .elementor-widget-image img {
    transform: scale(1.06) !important;
}

/* 3. จัดการความห่างของหัวข้อ (Heading) */
.elementor-17642 .elementor-element.elementor-element-4f093b5 .elementor-widget-heading {
    padding: 24px 24px 10px 24px !important;
    margin: 0 !important;
}

.elementor-17642 .elementor-element.elementor-element-4f093b5 .elementor-widget-heading .elementor-heading-title {
    color: #191970 !important; /* สีน้ำเงิน Navy */
    font-family: 'Outfit', 'Sarabun', sans-serif !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
    text-align: center !important;
    transition: color 0.3s ease !important;
}

/* 4. รองรับกรณีที่มีการใส่กล่องข้อความอธิบายเพิ่ม (Text Editor) */
.elementor-17642 .elementor-element.elementor-element-4f093b5 .elementor-widget-text-editor {
    padding: 0 24px 15px 24px !important;
    color: #64748b !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
    text-align: center !important;
}

/* 5. สไตล์ปุ่มกดอ่านเพิ่มเติม (Read More) */
.elementor-17642 .elementor-element.elementor-element-4f093b5 .elementor-widget-button {
    padding: 10px 24px 24px 24px !important;
    margin-top: auto !important; /* บังคับให้ปุ่มอยู่ชิดขอบล่างสุดของการ์ดเสมอแม้ตัวหนังสือจะยาวไม่เท่ากัน */
    text-align: center !important;
}

.elementor-17642 .elementor-element.elementor-element-4f093b5 .elementor-button {
    background-color: #ffffff !important;
    color: #191970 !important;
    border: 2px solid #191970 !important;
    border-radius: 8px !important;
    font-weight: 700 !important;
    padding: 12px 28px !important;
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
    position: relative !important;
    overflow: hidden !important;
    z-index: 1 !important;
    display: inline-block !important;
}

/* อนิเมชันเติมสีปุ่มแนวทแยง (Skew Hover Effect) */
.elementor-17642 .elementor-element.elementor-element-4f093b5 .elementor-button::before {
    content: "" !important;
    position: absolute !important;
    left: -50px !important;
    top: 0 !important;
    width: 0 !important;
    height: 100% !important;
    background-color: #191970 !important;
    transform: skewX(45deg) !important;
    z-index: -1 !important;
    transition: width 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.elementor-17642 .elementor-element.elementor-element-4f093b5 .elementor-button:hover {
    color: #ffffff !important;
    box-shadow: 0 4px 12px rgba(25, 25, 112, 0.25) !important;
}

.elementor-17642 .elementor-element.elementor-element-4f093b5 .elementor-button:hover::before {
    width: 250% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-579f56d *//* =================================================================
   Elementor Container to Premium Card CSS
   ================================================================= */

/* 1. ตกแต่งตัวกล่องหลัก (Container) ให้เป็นการ์ด */
.elementor-17642 .elementor-element.elementor-element-579f56d {
    background: #ffffff !important;
    border-radius: 20px !important;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.05), 0 4px 6px -4px rgba(0, 0, 0, 0.05) !important;
    border: 1px solid rgba(226, 232, 240, 0.8) !important;
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
}

/* เอฟเฟกต์ยกตัวลอยขึ้นและเงาเข้มขึ้นเมื่อเอาเมาส์มาชี้ (Hover) */
.elementor-17642 .elementor-element.elementor-element-579f56d:hover {
    transform: translateY(-8px) !important;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1) !important;
    border-color: rgba(25, 25, 112, 0.2) !important; /* ขอบสีน้ำเงิน Navy จางๆ */
}

/* 2. สไตล์รูปภาพและเอฟเฟกต์ซูมเมื่อ Hover */
.elementor-17642 .elementor-element.elementor-element-579f56d .elementor-widget-image {
    margin: 0 !important;
    overflow: hidden !important;
    width: 100% !important;
}

.elementor-17642 .elementor-element.elementor-element-579f56d .elementor-widget-image img {
    width: 100% !important;
    height: auto !important;
    transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important;
    object-fit: cover !important;
}

/* ซูมภาพเข้าไปเล็กน้อยอย่างนุ่มนวลเมื่อผู้ใช้ชี้เมาส์ที่ตัวการ์ด */
.elementor-17642 .elementor-element.elementor-element-579f56d:hover .elementor-widget-image img {
    transform: scale(1.06) !important;
}

/* 3. จัดการความห่างของหัวข้อ (Heading) */
.elementor-17642 .elementor-element.elementor-element-579f56d .elementor-widget-heading {
    padding: 24px 24px 10px 24px !important;
    margin: 0 !important;
}

.elementor-17642 .elementor-element.elementor-element-579f56d .elementor-widget-heading .elementor-heading-title {
    color: #191970 !important; /* สีน้ำเงิน Navy */
    font-family: 'Outfit', 'Sarabun', sans-serif !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
    text-align: center !important;
    transition: color 0.3s ease !important;
}

/* 4. รองรับกรณีที่มีการใส่กล่องข้อความอธิบายเพิ่ม (Text Editor) */
.elementor-17642 .elementor-element.elementor-element-579f56d .elementor-widget-text-editor {
    padding: 0 24px 15px 24px !important;
    color: #64748b !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
    text-align: center !important;
}

/* 5. สไตล์ปุ่มกดอ่านเพิ่มเติม (Read More) */
.elementor-17642 .elementor-element.elementor-element-579f56d .elementor-widget-button {
    padding: 10px 24px 24px 24px !important;
    margin-top: auto !important; /* บังคับให้ปุ่มอยู่ชิดขอบล่างสุดของการ์ดเสมอแม้ตัวหนังสือจะยาวไม่เท่ากัน */
    text-align: center !important;
}

.elementor-17642 .elementor-element.elementor-element-579f56d .elementor-button {
    background-color: #ffffff !important;
    color: #191970 !important;
    border: 2px solid #191970 !important;
    border-radius: 8px !important;
    font-weight: 700 !important;
    padding: 12px 28px !important;
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
    position: relative !important;
    overflow: hidden !important;
    z-index: 1 !important;
    display: inline-block !important;
}

/* อนิเมชันเติมสีปุ่มแนวทแยง (Skew Hover Effect) */
.elementor-17642 .elementor-element.elementor-element-579f56d .elementor-button::before {
    content: "" !important;
    position: absolute !important;
    left: -50px !important;
    top: 0 !important;
    width: 0 !important;
    height: 100% !important;
    background-color: #191970 !important;
    transform: skewX(45deg) !important;
    z-index: -1 !important;
    transition: width 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.elementor-17642 .elementor-element.elementor-element-579f56d .elementor-button:hover {
    color: #ffffff !important;
    box-shadow: 0 4px 12px rgba(25, 25, 112, 0.25) !important;
}

.elementor-17642 .elementor-element.elementor-element-579f56d .elementor-button:hover::before {
    width: 250% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-252faf0 *//* =================================================================
   Elementor Container to Premium Card CSS
   ================================================================= */

/* 1. ตกแต่งตัวกล่องหลัก (Container) ให้เป็นการ์ด */
.elementor-17642 .elementor-element.elementor-element-252faf0 {
    background: #ffffff !important;
    border-radius: 20px !important;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.05), 0 4px 6px -4px rgba(0, 0, 0, 0.05) !important;
    border: 1px solid rgba(226, 232, 240, 0.8) !important;
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
}

/* เอฟเฟกต์ยกตัวลอยขึ้นและเงาเข้มขึ้นเมื่อเอาเมาส์มาชี้ (Hover) */
.elementor-17642 .elementor-element.elementor-element-252faf0:hover {
    transform: translateY(-8px) !important;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1) !important;
    border-color: rgba(25, 25, 112, 0.2) !important; /* ขอบสีน้ำเงิน Navy จางๆ */
}

/* 2. สไตล์รูปภาพและเอฟเฟกต์ซูมเมื่อ Hover */
.elementor-17642 .elementor-element.elementor-element-252faf0 .elementor-widget-image {
    margin: 0 !important;
    overflow: hidden !important;
    width: 100% !important;
}

.elementor-17642 .elementor-element.elementor-element-252faf0 .elementor-widget-image img {
    width: 100% !important;
    height: auto !important;
    transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important;
    object-fit: cover !important;
}

/* ซูมภาพเข้าไปเล็กน้อยอย่างนุ่มนวลเมื่อผู้ใช้ชี้เมาส์ที่ตัวการ์ด */
.elementor-17642 .elementor-element.elementor-element-252faf0:hover .elementor-widget-image img {
    transform: scale(1.06) !important;
}

/* 3. จัดการความห่างของหัวข้อ (Heading) */
.elementor-17642 .elementor-element.elementor-element-252faf0 .elementor-widget-heading {
    padding: 24px 24px 10px 24px !important;
    margin: 0 !important;
}

.elementor-17642 .elementor-element.elementor-element-252faf0 .elementor-widget-heading .elementor-heading-title {
    color: #191970 !important; /* สีน้ำเงิน Navy */
    font-family: 'Outfit', 'Sarabun', sans-serif !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
    text-align: center !important;
    transition: color 0.3s ease !important;
}

/* 4. รองรับกรณีที่มีการใส่กล่องข้อความอธิบายเพิ่ม (Text Editor) */
.elementor-17642 .elementor-element.elementor-element-252faf0 .elementor-widget-text-editor {
    padding: 0 24px 15px 24px !important;
    color: #64748b !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
    text-align: center !important;
}

/* 5. สไตล์ปุ่มกดอ่านเพิ่มเติม (Read More) */
.elementor-17642 .elementor-element.elementor-element-252faf0 .elementor-widget-button {
    padding: 10px 24px 24px 24px !important;
    margin-top: auto !important; /* บังคับให้ปุ่มอยู่ชิดขอบล่างสุดของการ์ดเสมอแม้ตัวหนังสือจะยาวไม่เท่ากัน */
    text-align: center !important;
}

.elementor-17642 .elementor-element.elementor-element-252faf0 .elementor-button {
    background-color: #ffffff !important;
    color: #191970 !important;
    border: 2px solid #191970 !important;
    border-radius: 8px !important;
    font-weight: 700 !important;
    padding: 12px 28px !important;
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
    position: relative !important;
    overflow: hidden !important;
    z-index: 1 !important;
    display: inline-block !important;
}

/* อนิเมชันเติมสีปุ่มแนวทแยง (Skew Hover Effect) */
.elementor-17642 .elementor-element.elementor-element-252faf0 .elementor-button::before {
    content: "" !important;
    position: absolute !important;
    left: -50px !important;
    top: 0 !important;
    width: 0 !important;
    height: 100% !important;
    background-color: #191970 !important;
    transform: skewX(45deg) !important;
    z-index: -1 !important;
    transition: width 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.elementor-17642 .elementor-element.elementor-element-252faf0 .elementor-button:hover {
    color: #ffffff !important;
    box-shadow: 0 4px 12px rgba(25, 25, 112, 0.25) !important;
}

.elementor-17642 .elementor-element.elementor-element-252faf0 .elementor-button:hover::before {
    width: 250% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cc79abc *//* =================================================================
   Elementor Container to Premium Card CSS
   ================================================================= */

/* 1. ตกแต่งตัวกล่องหลัก (Container) ให้เป็นการ์ด */
.elementor-17642 .elementor-element.elementor-element-cc79abc {
    background: #ffffff !important;
    border-radius: 20px !important;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.05), 0 4px 6px -4px rgba(0, 0, 0, 0.05) !important;
    border: 1px solid rgba(226, 232, 240, 0.8) !important;
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
}

/* เอฟเฟกต์ยกตัวลอยขึ้นและเงาเข้มขึ้นเมื่อเอาเมาส์มาชี้ (Hover) */
.elementor-17642 .elementor-element.elementor-element-cc79abc:hover {
    transform: translateY(-8px) !important;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1) !important;
    border-color: rgba(25, 25, 112, 0.2) !important; /* ขอบสีน้ำเงิน Navy จางๆ */
}

/* 2. สไตล์รูปภาพและเอฟเฟกต์ซูมเมื่อ Hover */
.elementor-17642 .elementor-element.elementor-element-cc79abc .elementor-widget-image {
    margin: 0 !important;
    overflow: hidden !important;
    width: 100% !important;
}

.elementor-17642 .elementor-element.elementor-element-cc79abc .elementor-widget-image img {
    width: 100% !important;
    height: auto !important;
    transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important;
    object-fit: cover !important;
}

/* ซูมภาพเข้าไปเล็กน้อยอย่างนุ่มนวลเมื่อผู้ใช้ชี้เมาส์ที่ตัวการ์ด */
.elementor-17642 .elementor-element.elementor-element-cc79abc:hover .elementor-widget-image img {
    transform: scale(1.06) !important;
}

/* 3. จัดการความห่างของหัวข้อ (Heading) */
.elementor-17642 .elementor-element.elementor-element-cc79abc .elementor-widget-heading {
    padding: 24px 24px 10px 24px !important;
    margin: 0 !important;
}

.elementor-17642 .elementor-element.elementor-element-cc79abc .elementor-widget-heading .elementor-heading-title {
    color: #191970 !important; /* สีน้ำเงิน Navy */
    font-family: 'Outfit', 'Sarabun', sans-serif !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
    text-align: center !important;
    transition: color 0.3s ease !important;
}

/* 4. รองรับกรณีที่มีการใส่กล่องข้อความอธิบายเพิ่ม (Text Editor) */
.elementor-17642 .elementor-element.elementor-element-cc79abc .elementor-widget-text-editor {
    padding: 0 24px 15px 24px !important;
    color: #64748b !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
    text-align: center !important;
}

/* 5. สไตล์ปุ่มกดอ่านเพิ่มเติม (Read More) */
.elementor-17642 .elementor-element.elementor-element-cc79abc .elementor-widget-button {
    padding: 10px 24px 24px 24px !important;
    margin-top: auto !important; /* บังคับให้ปุ่มอยู่ชิดขอบล่างสุดของการ์ดเสมอแม้ตัวหนังสือจะยาวไม่เท่ากัน */
    text-align: center !important;
}

.elementor-17642 .elementor-element.elementor-element-cc79abc .elementor-button {
    background-color: #ffffff !important;
    color: #191970 !important;
    border: 2px solid #191970 !important;
    border-radius: 8px !important;
    font-weight: 700 !important;
    padding: 12px 28px !important;
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
    position: relative !important;
    overflow: hidden !important;
    z-index: 1 !important;
    display: inline-block !important;
}

/* อนิเมชันเติมสีปุ่มแนวทแยง (Skew Hover Effect) */
.elementor-17642 .elementor-element.elementor-element-cc79abc .elementor-button::before {
    content: "" !important;
    position: absolute !important;
    left: -50px !important;
    top: 0 !important;
    width: 0 !important;
    height: 100% !important;
    background-color: #191970 !important;
    transform: skewX(45deg) !important;
    z-index: -1 !important;
    transition: width 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.elementor-17642 .elementor-element.elementor-element-cc79abc .elementor-button:hover {
    color: #ffffff !important;
    box-shadow: 0 4px 12px rgba(25, 25, 112, 0.25) !important;
}

.elementor-17642 .elementor-element.elementor-element-cc79abc .elementor-button:hover::before {
    width: 250% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cc153de *//* =================================================================
   Elementor Container to Premium Card CSS
   ================================================================= */

/* 1. ตกแต่งตัวกล่องหลัก (Container) ให้เป็นการ์ด */
.elementor-17642 .elementor-element.elementor-element-cc153de {
    background: #ffffff !important;
    border-radius: 20px !important;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.05), 0 4px 6px -4px rgba(0, 0, 0, 0.05) !important;
    border: 1px solid rgba(226, 232, 240, 0.8) !important;
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
}

/* เอฟเฟกต์ยกตัวลอยขึ้นและเงาเข้มขึ้นเมื่อเอาเมาส์มาชี้ (Hover) */
.elementor-17642 .elementor-element.elementor-element-cc153de:hover {
    transform: translateY(-8px) !important;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1) !important;
    border-color: rgba(25, 25, 112, 0.2) !important; /* ขอบสีน้ำเงิน Navy จางๆ */
}

/* 2. สไตล์รูปภาพและเอฟเฟกต์ซูมเมื่อ Hover */
.elementor-17642 .elementor-element.elementor-element-cc153de .elementor-widget-image {
    margin: 0 !important;
    overflow: hidden !important;
    width: 100% !important;
}

.elementor-17642 .elementor-element.elementor-element-cc153de .elementor-widget-image img {
    width: 100% !important;
    height: auto !important;
    transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important;
    object-fit: cover !important;
}

/* ซูมภาพเข้าไปเล็กน้อยอย่างนุ่มนวลเมื่อผู้ใช้ชี้เมาส์ที่ตัวการ์ด */
.elementor-17642 .elementor-element.elementor-element-cc153de:hover .elementor-widget-image img {
    transform: scale(1.06) !important;
}

/* 3. จัดการความห่างของหัวข้อ (Heading) */
.elementor-17642 .elementor-element.elementor-element-cc153de .elementor-widget-heading {
    padding: 24px 24px 10px 24px !important;
    margin: 0 !important;
}

.elementor-17642 .elementor-element.elementor-element-cc153de .elementor-widget-heading .elementor-heading-title {
    color: #191970 !important; /* สีน้ำเงิน Navy */
    font-family: 'Outfit', 'Sarabun', sans-serif !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
    text-align: center !important;
    transition: color 0.3s ease !important;
}

/* 4. รองรับกรณีที่มีการใส่กล่องข้อความอธิบายเพิ่ม (Text Editor) */
.elementor-17642 .elementor-element.elementor-element-cc153de .elementor-widget-text-editor {
    padding: 0 24px 15px 24px !important;
    color: #64748b !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
    text-align: center !important;
}

/* 5. สไตล์ปุ่มกดอ่านเพิ่มเติม (Read More) */
.elementor-17642 .elementor-element.elementor-element-cc153de .elementor-widget-button {
    padding: 10px 24px 24px 24px !important;
    margin-top: auto !important; /* บังคับให้ปุ่มอยู่ชิดขอบล่างสุดของการ์ดเสมอแม้ตัวหนังสือจะยาวไม่เท่ากัน */
    text-align: center !important;
}

.elementor-17642 .elementor-element.elementor-element-cc153de .elementor-button {
    background-color: #ffffff !important;
    color: #191970 !important;
    border: 2px solid #191970 !important;
    border-radius: 8px !important;
    font-weight: 700 !important;
    padding: 12px 28px !important;
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
    position: relative !important;
    overflow: hidden !important;
    z-index: 1 !important;
    display: inline-block !important;
}

/* อนิเมชันเติมสีปุ่มแนวทแยง (Skew Hover Effect) */
.elementor-17642 .elementor-element.elementor-element-cc153de .elementor-button::before {
    content: "" !important;
    position: absolute !important;
    left: -50px !important;
    top: 0 !important;
    width: 0 !important;
    height: 100% !important;
    background-color: #191970 !important;
    transform: skewX(45deg) !important;
    z-index: -1 !important;
    transition: width 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.elementor-17642 .elementor-element.elementor-element-cc153de .elementor-button:hover {
    color: #ffffff !important;
    box-shadow: 0 4px 12px rgba(25, 25, 112, 0.25) !important;
}

.elementor-17642 .elementor-element.elementor-element-cc153de .elementor-button:hover::before {
    width: 250% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c529bef *//* =================================================================
   Elementor Container to Premium Card CSS
   ================================================================= */

/* 1. ตกแต่งตัวกล่องหลัก (Container) ให้เป็นการ์ด */
.elementor-17642 .elementor-element.elementor-element-c529bef {
    background: #ffffff !important;
    border-radius: 20px !important;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.05), 0 4px 6px -4px rgba(0, 0, 0, 0.05) !important;
    border: 1px solid rgba(226, 232, 240, 0.8) !important;
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
}

/* เอฟเฟกต์ยกตัวลอยขึ้นและเงาเข้มขึ้นเมื่อเอาเมาส์มาชี้ (Hover) */
.elementor-17642 .elementor-element.elementor-element-c529bef:hover {
    transform: translateY(-8px) !important;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1) !important;
    border-color: rgba(25, 25, 112, 0.2) !important; /* ขอบสีน้ำเงิน Navy จางๆ */
}

/* 2. สไตล์รูปภาพและเอฟเฟกต์ซูมเมื่อ Hover */
.elementor-17642 .elementor-element.elementor-element-c529bef .elementor-widget-image {
    margin: 0 !important;
    overflow: hidden !important;
    width: 100% !important;
}

.elementor-17642 .elementor-element.elementor-element-c529bef .elementor-widget-image img {
    width: 100% !important;
    height: auto !important;
    transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important;
    object-fit: cover !important;
}

/* ซูมภาพเข้าไปเล็กน้อยอย่างนุ่มนวลเมื่อผู้ใช้ชี้เมาส์ที่ตัวการ์ด */
.elementor-17642 .elementor-element.elementor-element-c529bef:hover .elementor-widget-image img {
    transform: scale(1.06) !important;
}

/* 3. จัดการความห่างของหัวข้อ (Heading) */
.elementor-17642 .elementor-element.elementor-element-c529bef .elementor-widget-heading {
    padding: 24px 24px 10px 24px !important;
    margin: 0 !important;
}

.elementor-17642 .elementor-element.elementor-element-c529bef .elementor-widget-heading .elementor-heading-title {
    color: #191970 !important; /* สีน้ำเงิน Navy */
    font-family: 'Outfit', 'Sarabun', sans-serif !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
    text-align: center !important;
    transition: color 0.3s ease !important;
}

/* 4. รองรับกรณีที่มีการใส่กล่องข้อความอธิบายเพิ่ม (Text Editor) */
.elementor-17642 .elementor-element.elementor-element-c529bef .elementor-widget-text-editor {
    padding: 0 24px 15px 24px !important;
    color: #64748b !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
    text-align: center !important;
}

/* 5. สไตล์ปุ่มกดอ่านเพิ่มเติม (Read More) */
.elementor-17642 .elementor-element.elementor-element-c529bef .elementor-widget-button {
    padding: 10px 24px 24px 24px !important;
    margin-top: auto !important; /* บังคับให้ปุ่มอยู่ชิดขอบล่างสุดของการ์ดเสมอแม้ตัวหนังสือจะยาวไม่เท่ากัน */
    text-align: center !important;
}

.elementor-17642 .elementor-element.elementor-element-c529bef .elementor-button {
    background-color: #ffffff !important;
    color: #191970 !important;
    border: 2px solid #191970 !important;
    border-radius: 8px !important;
    font-weight: 700 !important;
    padding: 12px 28px !important;
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
    position: relative !important;
    overflow: hidden !important;
    z-index: 1 !important;
    display: inline-block !important;
}

/* อนิเมชันเติมสีปุ่มแนวทแยง (Skew Hover Effect) */
.elementor-17642 .elementor-element.elementor-element-c529bef .elementor-button::before {
    content: "" !important;
    position: absolute !important;
    left: -50px !important;
    top: 0 !important;
    width: 0 !important;
    height: 100% !important;
    background-color: #191970 !important;
    transform: skewX(45deg) !important;
    z-index: -1 !important;
    transition: width 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.elementor-17642 .elementor-element.elementor-element-c529bef .elementor-button:hover {
    color: #ffffff !important;
    box-shadow: 0 4px 12px rgba(25, 25, 112, 0.25) !important;
}

.elementor-17642 .elementor-element.elementor-element-c529bef .elementor-button:hover::before {
    width: 250% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b0941d8 *//* =================================================================
   Elementor Container to Premium Card CSS
   ================================================================= */

/* 1. ตกแต่งตัวกล่องหลัก (Container) ให้เป็นการ์ด */
.elementor-17642 .elementor-element.elementor-element-b0941d8 {
    background: #ffffff !important;
    border-radius: 20px !important;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.05), 0 4px 6px -4px rgba(0, 0, 0, 0.05) !important;
    border: 1px solid rgba(226, 232, 240, 0.8) !important;
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
}

/* เอฟเฟกต์ยกตัวลอยขึ้นและเงาเข้มขึ้นเมื่อเอาเมาส์มาชี้ (Hover) */
.elementor-17642 .elementor-element.elementor-element-b0941d8:hover {
    transform: translateY(-8px) !important;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1) !important;
    border-color: rgba(25, 25, 112, 0.2) !important; /* ขอบสีน้ำเงิน Navy จางๆ */
}

/* 2. สไตล์รูปภาพและเอฟเฟกต์ซูมเมื่อ Hover */
.elementor-17642 .elementor-element.elementor-element-b0941d8 .elementor-widget-image {
    margin: 0 !important;
    overflow: hidden !important;
    width: 100% !important;
}

.elementor-17642 .elementor-element.elementor-element-b0941d8 .elementor-widget-image img {
    width: 100% !important;
    height: auto !important;
    transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important;
    object-fit: cover !important;
}

/* ซูมภาพเข้าไปเล็กน้อยอย่างนุ่มนวลเมื่อผู้ใช้ชี้เมาส์ที่ตัวการ์ด */
.elementor-17642 .elementor-element.elementor-element-b0941d8:hover .elementor-widget-image img {
    transform: scale(1.06) !important;
}

/* 3. จัดการความห่างของหัวข้อ (Heading) */
.elementor-17642 .elementor-element.elementor-element-b0941d8 .elementor-widget-heading {
    padding: 24px 24px 10px 24px !important;
    margin: 0 !important;
}

.elementor-17642 .elementor-element.elementor-element-b0941d8 .elementor-widget-heading .elementor-heading-title {
    color: #191970 !important; /* สีน้ำเงิน Navy */
    font-family: 'Outfit', 'Sarabun', sans-serif !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
    text-align: center !important;
    transition: color 0.3s ease !important;
}

/* 4. รองรับกรณีที่มีการใส่กล่องข้อความอธิบายเพิ่ม (Text Editor) */
.elementor-17642 .elementor-element.elementor-element-b0941d8 .elementor-widget-text-editor {
    padding: 0 24px 15px 24px !important;
    color: #64748b !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
    text-align: center !important;
}

/* 5. สไตล์ปุ่มกดอ่านเพิ่มเติม (Read More) */
.elementor-17642 .elementor-element.elementor-element-b0941d8 .elementor-widget-button {
    padding: 10px 24px 24px 24px !important;
    margin-top: auto !important; /* บังคับให้ปุ่มอยู่ชิดขอบล่างสุดของการ์ดเสมอแม้ตัวหนังสือจะยาวไม่เท่ากัน */
    text-align: center !important;
}

.elementor-17642 .elementor-element.elementor-element-b0941d8 .elementor-button {
    background-color: #ffffff !important;
    color: #191970 !important;
    border: 2px solid #191970 !important;
    border-radius: 8px !important;
    font-weight: 700 !important;
    padding: 12px 28px !important;
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
    position: relative !important;
    overflow: hidden !important;
    z-index: 1 !important;
    display: inline-block !important;
}

/* อนิเมชันเติมสีปุ่มแนวทแยง (Skew Hover Effect) */
.elementor-17642 .elementor-element.elementor-element-b0941d8 .elementor-button::before {
    content: "" !important;
    position: absolute !important;
    left: -50px !important;
    top: 0 !important;
    width: 0 !important;
    height: 100% !important;
    background-color: #191970 !important;
    transform: skewX(45deg) !important;
    z-index: -1 !important;
    transition: width 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.elementor-17642 .elementor-element.elementor-element-b0941d8 .elementor-button:hover {
    color: #ffffff !important;
    box-shadow: 0 4px 12px rgba(25, 25, 112, 0.25) !important;
}

.elementor-17642 .elementor-element.elementor-element-b0941d8 .elementor-button:hover::before {
    width: 250% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0b813cb *//* =================================================================
   Elementor Container to Premium Card CSS
   ================================================================= */

/* 1. ตกแต่งตัวกล่องหลัก (Container) ให้เป็นการ์ด */
.elementor-17642 .elementor-element.elementor-element-0b813cb {
    background: #ffffff !important;
    border-radius: 20px !important;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.05), 0 4px 6px -4px rgba(0, 0, 0, 0.05) !important;
    border: 1px solid rgba(226, 232, 240, 0.8) !important;
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
}

/* เอฟเฟกต์ยกตัวลอยขึ้นและเงาเข้มขึ้นเมื่อเอาเมาส์มาชี้ (Hover) */
.elementor-17642 .elementor-element.elementor-element-0b813cb:hover {
    transform: translateY(-8px) !important;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1) !important;
    border-color: rgba(25, 25, 112, 0.2) !important; /* ขอบสีน้ำเงิน Navy จางๆ */
}

/* 2. สไตล์รูปภาพและเอฟเฟกต์ซูมเมื่อ Hover */
.elementor-17642 .elementor-element.elementor-element-0b813cb .elementor-widget-image {
    margin: 0 !important;
    overflow: hidden !important;
    width: 100% !important;
}

.elementor-17642 .elementor-element.elementor-element-0b813cb .elementor-widget-image img {
    width: 100% !important;
    height: auto !important;
    transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important;
    object-fit: cover !important;
}

/* ซูมภาพเข้าไปเล็กน้อยอย่างนุ่มนวลเมื่อผู้ใช้ชี้เมาส์ที่ตัวการ์ด */
.elementor-17642 .elementor-element.elementor-element-0b813cb:hover .elementor-widget-image img {
    transform: scale(1.06) !important;
}

/* 3. จัดการความห่างของหัวข้อ (Heading) */
.elementor-17642 .elementor-element.elementor-element-0b813cb .elementor-widget-heading {
    padding: 24px 24px 10px 24px !important;
    margin: 0 !important;
}

.elementor-17642 .elementor-element.elementor-element-0b813cb .elementor-widget-heading .elementor-heading-title {
    color: #191970 !important; /* สีน้ำเงิน Navy */
    font-family: 'Outfit', 'Sarabun', sans-serif !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
    text-align: center !important;
    transition: color 0.3s ease !important;
}

/* 4. รองรับกรณีที่มีการใส่กล่องข้อความอธิบายเพิ่ม (Text Editor) */
.elementor-17642 .elementor-element.elementor-element-0b813cb .elementor-widget-text-editor {
    padding: 0 24px 15px 24px !important;
    color: #64748b !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
    text-align: center !important;
}

/* 5. สไตล์ปุ่มกดอ่านเพิ่มเติม (Read More) */
.elementor-17642 .elementor-element.elementor-element-0b813cb .elementor-widget-button {
    padding: 10px 24px 24px 24px !important;
    margin-top: auto !important; /* บังคับให้ปุ่มอยู่ชิดขอบล่างสุดของการ์ดเสมอแม้ตัวหนังสือจะยาวไม่เท่ากัน */
    text-align: center !important;
}

.elementor-17642 .elementor-element.elementor-element-0b813cb .elementor-button {
    background-color: #ffffff !important;
    color: #191970 !important;
    border: 2px solid #191970 !important;
    border-radius: 8px !important;
    font-weight: 700 !important;
    padding: 12px 28px !important;
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
    position: relative !important;
    overflow: hidden !important;
    z-index: 1 !important;
    display: inline-block !important;
}

/* อนิเมชันเติมสีปุ่มแนวทแยง (Skew Hover Effect) */
.elementor-17642 .elementor-element.elementor-element-0b813cb .elementor-button::before {
    content: "" !important;
    position: absolute !important;
    left: -50px !important;
    top: 0 !important;
    width: 0 !important;
    height: 100% !important;
    background-color: #191970 !important;
    transform: skewX(45deg) !important;
    z-index: -1 !important;
    transition: width 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.elementor-17642 .elementor-element.elementor-element-0b813cb .elementor-button:hover {
    color: #ffffff !important;
    box-shadow: 0 4px 12px rgba(25, 25, 112, 0.25) !important;
}

.elementor-17642 .elementor-element.elementor-element-0b813cb .elementor-button:hover::before {
    width: 250% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4720efb *//* =================================================================
   Elementor Container to Premium Card CSS
   ================================================================= */

/* 1. ตกแต่งตัวกล่องหลัก (Container) ให้เป็นการ์ด */
.elementor-17642 .elementor-element.elementor-element-4720efb {
    background: #ffffff !important;
    border-radius: 20px !important;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.05), 0 4px 6px -4px rgba(0, 0, 0, 0.05) !important;
    border: 1px solid rgba(226, 232, 240, 0.8) !important;
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
}

/* เอฟเฟกต์ยกตัวลอยขึ้นและเงาเข้มขึ้นเมื่อเอาเมาส์มาชี้ (Hover) */
.elementor-17642 .elementor-element.elementor-element-4720efb:hover {
    transform: translateY(-8px) !important;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1) !important;
    border-color: rgba(25, 25, 112, 0.2) !important; /* ขอบสีน้ำเงิน Navy จางๆ */
}

/* 2. สไตล์รูปภาพและเอฟเฟกต์ซูมเมื่อ Hover */
.elementor-17642 .elementor-element.elementor-element-4720efb .elementor-widget-image {
    margin: 0 !important;
    overflow: hidden !important;
    width: 100% !important;
}

.elementor-17642 .elementor-element.elementor-element-4720efb .elementor-widget-image img {
    width: 100% !important;
    height: auto !important;
    transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important;
    object-fit: cover !important;
}

/* ซูมภาพเข้าไปเล็กน้อยอย่างนุ่มนวลเมื่อผู้ใช้ชี้เมาส์ที่ตัวการ์ด */
.elementor-17642 .elementor-element.elementor-element-4720efb:hover .elementor-widget-image img {
    transform: scale(1.06) !important;
}

/* 3. จัดการความห่างของหัวข้อ (Heading) */
.elementor-17642 .elementor-element.elementor-element-4720efb .elementor-widget-heading {
    padding: 24px 24px 10px 24px !important;
    margin: 0 !important;
}

.elementor-17642 .elementor-element.elementor-element-4720efb .elementor-widget-heading .elementor-heading-title {
    color: #191970 !important; /* สีน้ำเงิน Navy */
    font-family: 'Outfit', 'Sarabun', sans-serif !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
    text-align: center !important;
    transition: color 0.3s ease !important;
}

/* 4. รองรับกรณีที่มีการใส่กล่องข้อความอธิบายเพิ่ม (Text Editor) */
.elementor-17642 .elementor-element.elementor-element-4720efb .elementor-widget-text-editor {
    padding: 0 24px 15px 24px !important;
    color: #64748b !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
    text-align: center !important;
}

/* 5. สไตล์ปุ่มกดอ่านเพิ่มเติม (Read More) */
.elementor-17642 .elementor-element.elementor-element-4720efb .elementor-widget-button {
    padding: 10px 24px 24px 24px !important;
    margin-top: auto !important; /* บังคับให้ปุ่มอยู่ชิดขอบล่างสุดของการ์ดเสมอแม้ตัวหนังสือจะยาวไม่เท่ากัน */
    text-align: center !important;
}

.elementor-17642 .elementor-element.elementor-element-4720efb .elementor-button {
    background-color: #ffffff !important;
    color: #191970 !important;
    border: 2px solid #191970 !important;
    border-radius: 8px !important;
    font-weight: 700 !important;
    padding: 12px 28px !important;
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
    position: relative !important;
    overflow: hidden !important;
    z-index: 1 !important;
    display: inline-block !important;
}

/* อนิเมชันเติมสีปุ่มแนวทแยง (Skew Hover Effect) */
.elementor-17642 .elementor-element.elementor-element-4720efb .elementor-button::before {
    content: "" !important;
    position: absolute !important;
    left: -50px !important;
    top: 0 !important;
    width: 0 !important;
    height: 100% !important;
    background-color: #191970 !important;
    transform: skewX(45deg) !important;
    z-index: -1 !important;
    transition: width 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.elementor-17642 .elementor-element.elementor-element-4720efb .elementor-button:hover {
    color: #ffffff !important;
    box-shadow: 0 4px 12px rgba(25, 25, 112, 0.25) !important;
}

.elementor-17642 .elementor-element.elementor-element-4720efb .elementor-button:hover::before {
    width: 250% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-27459c0 *//* =================================================================
   Elementor Container to Premium Card CSS
   ================================================================= */

/* 1. ตกแต่งตัวกล่องหลัก (Container) ให้เป็นการ์ด */
.elementor-17642 .elementor-element.elementor-element-27459c0 {
    background: #ffffff !important;
    border-radius: 20px !important;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.05), 0 4px 6px -4px rgba(0, 0, 0, 0.05) !important;
    border: 1px solid rgba(226, 232, 240, 0.8) !important;
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
}

/* เอฟเฟกต์ยกตัวลอยขึ้นและเงาเข้มขึ้นเมื่อเอาเมาส์มาชี้ (Hover) */
.elementor-17642 .elementor-element.elementor-element-27459c0:hover {
    transform: translateY(-8px) !important;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1) !important;
    border-color: rgba(25, 25, 112, 0.2) !important; /* ขอบสีน้ำเงิน Navy จางๆ */
}

/* 2. สไตล์รูปภาพและเอฟเฟกต์ซูมเมื่อ Hover */
.elementor-17642 .elementor-element.elementor-element-27459c0 .elementor-widget-image {
    margin: 0 !important;
    overflow: hidden !important;
    width: 100% !important;
}

.elementor-17642 .elementor-element.elementor-element-27459c0 .elementor-widget-image img {
    width: 100% !important;
    height: auto !important;
    transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important;
    object-fit: cover !important;
}

/* ซูมภาพเข้าไปเล็กน้อยอย่างนุ่มนวลเมื่อผู้ใช้ชี้เมาส์ที่ตัวการ์ด */
.elementor-17642 .elementor-element.elementor-element-27459c0:hover .elementor-widget-image img {
    transform: scale(1.06) !important;
}

/* 3. จัดการความห่างของหัวข้อ (Heading) */
.elementor-17642 .elementor-element.elementor-element-27459c0 .elementor-widget-heading {
    padding: 24px 24px 10px 24px !important;
    margin: 0 !important;
}

.elementor-17642 .elementor-element.elementor-element-27459c0 .elementor-widget-heading .elementor-heading-title {
    color: #191970 !important; /* สีน้ำเงิน Navy */
    font-family: 'Outfit', 'Sarabun', sans-serif !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
    text-align: center !important;
    transition: color 0.3s ease !important;
}

/* 4. รองรับกรณีที่มีการใส่กล่องข้อความอธิบายเพิ่ม (Text Editor) */
.elementor-17642 .elementor-element.elementor-element-27459c0 .elementor-widget-text-editor {
    padding: 0 24px 15px 24px !important;
    color: #64748b !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
    text-align: center !important;
}

/* 5. สไตล์ปุ่มกดอ่านเพิ่มเติม (Read More) */
.elementor-17642 .elementor-element.elementor-element-27459c0 .elementor-widget-button {
    padding: 10px 24px 24px 24px !important;
    margin-top: auto !important; /* บังคับให้ปุ่มอยู่ชิดขอบล่างสุดของการ์ดเสมอแม้ตัวหนังสือจะยาวไม่เท่ากัน */
    text-align: center !important;
}

.elementor-17642 .elementor-element.elementor-element-27459c0 .elementor-button {
    background-color: #ffffff !important;
    color: #191970 !important;
    border: 2px solid #191970 !important;
    border-radius: 8px !important;
    font-weight: 700 !important;
    padding: 12px 28px !important;
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
    position: relative !important;
    overflow: hidden !important;
    z-index: 1 !important;
    display: inline-block !important;
}

/* อนิเมชันเติมสีปุ่มแนวทแยง (Skew Hover Effect) */
.elementor-17642 .elementor-element.elementor-element-27459c0 .elementor-button::before {
    content: "" !important;
    position: absolute !important;
    left: -50px !important;
    top: 0 !important;
    width: 0 !important;
    height: 100% !important;
    background-color: #191970 !important;
    transform: skewX(45deg) !important;
    z-index: -1 !important;
    transition: width 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.elementor-17642 .elementor-element.elementor-element-27459c0 .elementor-button:hover {
    color: #ffffff !important;
    box-shadow: 0 4px 12px rgba(25, 25, 112, 0.25) !important;
}

.elementor-17642 .elementor-element.elementor-element-27459c0 .elementor-button:hover::before {
    width: 250% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-82957e1 *//* =================================================================
   Elementor Container to Premium Card CSS
   ================================================================= */

/* 1. ตกแต่งตัวกล่องหลัก (Container) ให้เป็นการ์ด */
.elementor-17642 .elementor-element.elementor-element-82957e1 {
    background: #ffffff !important;
    border-radius: 20px !important;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.05), 0 4px 6px -4px rgba(0, 0, 0, 0.05) !important;
    border: 1px solid rgba(226, 232, 240, 0.8) !important;
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
}

/* เอฟเฟกต์ยกตัวลอยขึ้นและเงาเข้มขึ้นเมื่อเอาเมาส์มาชี้ (Hover) */
.elementor-17642 .elementor-element.elementor-element-82957e1:hover {
    transform: translateY(-8px) !important;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1) !important;
    border-color: rgba(25, 25, 112, 0.2) !important; /* ขอบสีน้ำเงิน Navy จางๆ */
}

/* 2. สไตล์รูปภาพและเอฟเฟกต์ซูมเมื่อ Hover */
.elementor-17642 .elementor-element.elementor-element-82957e1 .elementor-widget-image {
    margin: 0 !important;
    overflow: hidden !important;
    width: 100% !important;
}

.elementor-17642 .elementor-element.elementor-element-82957e1 .elementor-widget-image img {
    width: 100% !important;
    height: auto !important;
    transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important;
    object-fit: cover !important;
}

/* ซูมภาพเข้าไปเล็กน้อยอย่างนุ่มนวลเมื่อผู้ใช้ชี้เมาส์ที่ตัวการ์ด */
.elementor-17642 .elementor-element.elementor-element-82957e1:hover .elementor-widget-image img {
    transform: scale(1.06) !important;
}

/* 3. จัดการความห่างของหัวข้อ (Heading) */
.elementor-17642 .elementor-element.elementor-element-82957e1 .elementor-widget-heading {
    padding: 24px 24px 10px 24px !important;
    margin: 0 !important;
}

.elementor-17642 .elementor-element.elementor-element-82957e1 .elementor-widget-heading .elementor-heading-title {
    color: #191970 !important; /* สีน้ำเงิน Navy */
    font-family: 'Outfit', 'Sarabun', sans-serif !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
    text-align: center !important;
    transition: color 0.3s ease !important;
}

/* 4. รองรับกรณีที่มีการใส่กล่องข้อความอธิบายเพิ่ม (Text Editor) */
.elementor-17642 .elementor-element.elementor-element-82957e1 .elementor-widget-text-editor {
    padding: 0 24px 15px 24px !important;
    color: #64748b !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
    text-align: center !important;
}

/* 5. สไตล์ปุ่มกดอ่านเพิ่มเติม (Read More) */
.elementor-17642 .elementor-element.elementor-element-82957e1 .elementor-widget-button {
    padding: 10px 24px 24px 24px !important;
    margin-top: auto !important; /* บังคับให้ปุ่มอยู่ชิดขอบล่างสุดของการ์ดเสมอแม้ตัวหนังสือจะยาวไม่เท่ากัน */
    text-align: center !important;
}

.elementor-17642 .elementor-element.elementor-element-82957e1 .elementor-button {
    background-color: #ffffff !important;
    color: #191970 !important;
    border: 2px solid #191970 !important;
    border-radius: 8px !important;
    font-weight: 700 !important;
    padding: 12px 28px !important;
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
    position: relative !important;
    overflow: hidden !important;
    z-index: 1 !important;
    display: inline-block !important;
}

/* อนิเมชันเติมสีปุ่มแนวทแยง (Skew Hover Effect) */
.elementor-17642 .elementor-element.elementor-element-82957e1 .elementor-button::before {
    content: "" !important;
    position: absolute !important;
    left: -50px !important;
    top: 0 !important;
    width: 0 !important;
    height: 100% !important;
    background-color: #191970 !important;
    transform: skewX(45deg) !important;
    z-index: -1 !important;
    transition: width 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.elementor-17642 .elementor-element.elementor-element-82957e1 .elementor-button:hover {
    color: #ffffff !important;
    box-shadow: 0 4px 12px rgba(25, 25, 112, 0.25) !important;
}

.elementor-17642 .elementor-element.elementor-element-82957e1 .elementor-button:hover::before {
    width: 250% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6838640 *//* =================================================================
   Elementor Container to Premium Card CSS
   ================================================================= */

/* 1. ตกแต่งตัวกล่องหลัก (Container) ให้เป็นการ์ด */
.elementor-17642 .elementor-element.elementor-element-6838640 {
    background: #ffffff !important;
    border-radius: 20px !important;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.05), 0 4px 6px -4px rgba(0, 0, 0, 0.05) !important;
    border: 1px solid rgba(226, 232, 240, 0.8) !important;
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
}

/* เอฟเฟกต์ยกตัวลอยขึ้นและเงาเข้มขึ้นเมื่อเอาเมาส์มาชี้ (Hover) */
.elementor-17642 .elementor-element.elementor-element-6838640:hover {
    transform: translateY(-8px) !important;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1) !important;
    border-color: rgba(25, 25, 112, 0.2) !important; /* ขอบสีน้ำเงิน Navy จางๆ */
}

/* 2. สไตล์รูปภาพและเอฟเฟกต์ซูมเมื่อ Hover */
.elementor-17642 .elementor-element.elementor-element-6838640 .elementor-widget-image {
    margin: 0 !important;
    overflow: hidden !important;
    width: 100% !important;
}

.elementor-17642 .elementor-element.elementor-element-6838640 .elementor-widget-image img {
    width: 100% !important;
    height: auto !important;
    transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important;
    object-fit: cover !important;
}

/* ซูมภาพเข้าไปเล็กน้อยอย่างนุ่มนวลเมื่อผู้ใช้ชี้เมาส์ที่ตัวการ์ด */
.elementor-17642 .elementor-element.elementor-element-6838640:hover .elementor-widget-image img {
    transform: scale(1.06) !important;
}

/* 3. จัดการความห่างของหัวข้อ (Heading) */
.elementor-17642 .elementor-element.elementor-element-6838640 .elementor-widget-heading {
    padding: 24px 24px 10px 24px !important;
    margin: 0 !important;
}

.elementor-17642 .elementor-element.elementor-element-6838640 .elementor-widget-heading .elementor-heading-title {
    color: #191970 !important; /* สีน้ำเงิน Navy */
    font-family: 'Outfit', 'Sarabun', sans-serif !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
    text-align: center !important;
    transition: color 0.3s ease !important;
}

/* 4. รองรับกรณีที่มีการใส่กล่องข้อความอธิบายเพิ่ม (Text Editor) */
.elementor-17642 .elementor-element.elementor-element-6838640 .elementor-widget-text-editor {
    padding: 0 24px 15px 24px !important;
    color: #64748b !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
    text-align: center !important;
}

/* 5. สไตล์ปุ่มกดอ่านเพิ่มเติม (Read More) */
.elementor-17642 .elementor-element.elementor-element-6838640 .elementor-widget-button {
    padding: 10px 24px 24px 24px !important;
    margin-top: auto !important; /* บังคับให้ปุ่มอยู่ชิดขอบล่างสุดของการ์ดเสมอแม้ตัวหนังสือจะยาวไม่เท่ากัน */
    text-align: center !important;
}

.elementor-17642 .elementor-element.elementor-element-6838640 .elementor-button {
    background-color: #ffffff !important;
    color: #191970 !important;
    border: 2px solid #191970 !important;
    border-radius: 8px !important;
    font-weight: 700 !important;
    padding: 12px 28px !important;
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
    position: relative !important;
    overflow: hidden !important;
    z-index: 1 !important;
    display: inline-block !important;
}

/* อนิเมชันเติมสีปุ่มแนวทแยง (Skew Hover Effect) */
.elementor-17642 .elementor-element.elementor-element-6838640 .elementor-button::before {
    content: "" !important;
    position: absolute !important;
    left: -50px !important;
    top: 0 !important;
    width: 0 !important;
    height: 100% !important;
    background-color: #191970 !important;
    transform: skewX(45deg) !important;
    z-index: -1 !important;
    transition: width 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.elementor-17642 .elementor-element.elementor-element-6838640 .elementor-button:hover {
    color: #ffffff !important;
    box-shadow: 0 4px 12px rgba(25, 25, 112, 0.25) !important;
}

.elementor-17642 .elementor-element.elementor-element-6838640 .elementor-button:hover::before {
    width: 250% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-57c1b55 *//* =================================================================
   Elementor Container to Premium Card CSS
   ================================================================= */

/* 1. ตกแต่งตัวกล่องหลัก (Container) ให้เป็นการ์ด */
.elementor-17642 .elementor-element.elementor-element-57c1b55 {
    background: #ffffff !important;
    border-radius: 20px !important;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.05), 0 4px 6px -4px rgba(0, 0, 0, 0.05) !important;
    border: 1px solid rgba(226, 232, 240, 0.8) !important;
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
}

/* เอฟเฟกต์ยกตัวลอยขึ้นและเงาเข้มขึ้นเมื่อเอาเมาส์มาชี้ (Hover) */
.elementor-17642 .elementor-element.elementor-element-57c1b55:hover {
    transform: translateY(-8px) !important;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1) !important;
    border-color: rgba(25, 25, 112, 0.2) !important; /* ขอบสีน้ำเงิน Navy จางๆ */
}

/* 2. สไตล์รูปภาพและเอฟเฟกต์ซูมเมื่อ Hover */
.elementor-17642 .elementor-element.elementor-element-57c1b55 .elementor-widget-image {
    margin: 0 !important;
    overflow: hidden !important;
    width: 100% !important;
}

.elementor-17642 .elementor-element.elementor-element-57c1b55 .elementor-widget-image img {
    width: 100% !important;
    height: auto !important;
    transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important;
    object-fit: cover !important;
}

/* ซูมภาพเข้าไปเล็กน้อยอย่างนุ่มนวลเมื่อผู้ใช้ชี้เมาส์ที่ตัวการ์ด */
.elementor-17642 .elementor-element.elementor-element-57c1b55:hover .elementor-widget-image img {
    transform: scale(1.06) !important;
}

/* 3. จัดการความห่างของหัวข้อ (Heading) */
.elementor-17642 .elementor-element.elementor-element-57c1b55 .elementor-widget-heading {
    padding: 24px 24px 10px 24px !important;
    margin: 0 !important;
}

.elementor-17642 .elementor-element.elementor-element-57c1b55 .elementor-widget-heading .elementor-heading-title {
    color: #191970 !important; /* สีน้ำเงิน Navy */
    font-family: 'Outfit', 'Sarabun', sans-serif !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
    text-align: center !important;
    transition: color 0.3s ease !important;
}

/* 4. รองรับกรณีที่มีการใส่กล่องข้อความอธิบายเพิ่ม (Text Editor) */
.elementor-17642 .elementor-element.elementor-element-57c1b55 .elementor-widget-text-editor {
    padding: 0 24px 15px 24px !important;
    color: #64748b !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
    text-align: center !important;
}

/* 5. สไตล์ปุ่มกดอ่านเพิ่มเติม (Read More) */
.elementor-17642 .elementor-element.elementor-element-57c1b55 .elementor-widget-button {
    padding: 10px 24px 24px 24px !important;
    margin-top: auto !important; /* บังคับให้ปุ่มอยู่ชิดขอบล่างสุดของการ์ดเสมอแม้ตัวหนังสือจะยาวไม่เท่ากัน */
    text-align: center !important;
}

.elementor-17642 .elementor-element.elementor-element-57c1b55 .elementor-button {
    background-color: #ffffff !important;
    color: #191970 !important;
    border: 2px solid #191970 !important;
    border-radius: 8px !important;
    font-weight: 700 !important;
    padding: 12px 28px !important;
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
    position: relative !important;
    overflow: hidden !important;
    z-index: 1 !important;
    display: inline-block !important;
}

/* อนิเมชันเติมสีปุ่มแนวทแยง (Skew Hover Effect) */
.elementor-17642 .elementor-element.elementor-element-57c1b55 .elementor-button::before {
    content: "" !important;
    position: absolute !important;
    left: -50px !important;
    top: 0 !important;
    width: 0 !important;
    height: 100% !important;
    background-color: #191970 !important;
    transform: skewX(45deg) !important;
    z-index: -1 !important;
    transition: width 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.elementor-17642 .elementor-element.elementor-element-57c1b55 .elementor-button:hover {
    color: #ffffff !important;
    box-shadow: 0 4px 12px rgba(25, 25, 112, 0.25) !important;
}

.elementor-17642 .elementor-element.elementor-element-57c1b55 .elementor-button:hover::before {
    width: 250% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fff5676 *//* =================================================================
   Elementor Container to Premium Card CSS
   ================================================================= */

/* 1. ตกแต่งตัวกล่องหลัก (Container) ให้เป็นการ์ด */
.elementor-17642 .elementor-element.elementor-element-fff5676 {
    background: #ffffff !important;
    border-radius: 20px !important;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.05), 0 4px 6px -4px rgba(0, 0, 0, 0.05) !important;
    border: 1px solid rgba(226, 232, 240, 0.8) !important;
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
}

/* เอฟเฟกต์ยกตัวลอยขึ้นและเงาเข้มขึ้นเมื่อเอาเมาส์มาชี้ (Hover) */
.elementor-17642 .elementor-element.elementor-element-fff5676:hover {
    transform: translateY(-8px) !important;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1) !important;
    border-color: rgba(25, 25, 112, 0.2) !important; /* ขอบสีน้ำเงิน Navy จางๆ */
}

/* 2. สไตล์รูปภาพและเอฟเฟกต์ซูมเมื่อ Hover */
.elementor-17642 .elementor-element.elementor-element-fff5676 .elementor-widget-image {
    margin: 0 !important;
    overflow: hidden !important;
    width: 100% !important;
}

.elementor-17642 .elementor-element.elementor-element-fff5676 .elementor-widget-image img {
    width: 100% !important;
    height: auto !important;
    transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important;
    object-fit: cover !important;
}

/* ซูมภาพเข้าไปเล็กน้อยอย่างนุ่มนวลเมื่อผู้ใช้ชี้เมาส์ที่ตัวการ์ด */
.elementor-17642 .elementor-element.elementor-element-fff5676:hover .elementor-widget-image img {
    transform: scale(1.06) !important;
}

/* 3. จัดการความห่างของหัวข้อ (Heading) */
.elementor-17642 .elementor-element.elementor-element-fff5676 .elementor-widget-heading {
    padding: 24px 24px 10px 24px !important;
    margin: 0 !important;
}

.elementor-17642 .elementor-element.elementor-element-fff5676 .elementor-widget-heading .elementor-heading-title {
    color: #191970 !important; /* สีน้ำเงิน Navy */
    font-family: 'Outfit', 'Sarabun', sans-serif !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
    text-align: center !important;
    transition: color 0.3s ease !important;
}

/* 4. รองรับกรณีที่มีการใส่กล่องข้อความอธิบายเพิ่ม (Text Editor) */
.elementor-17642 .elementor-element.elementor-element-fff5676 .elementor-widget-text-editor {
    padding: 0 24px 15px 24px !important;
    color: #64748b !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
    text-align: center !important;
}

/* 5. สไตล์ปุ่มกดอ่านเพิ่มเติม (Read More) */
.elementor-17642 .elementor-element.elementor-element-fff5676 .elementor-widget-button {
    padding: 10px 24px 24px 24px !important;
    margin-top: auto !important; /* บังคับให้ปุ่มอยู่ชิดขอบล่างสุดของการ์ดเสมอแม้ตัวหนังสือจะยาวไม่เท่ากัน */
    text-align: center !important;
}

.elementor-17642 .elementor-element.elementor-element-fff5676 .elementor-button {
    background-color: #ffffff !important;
    color: #191970 !important;
    border: 2px solid #191970 !important;
    border-radius: 8px !important;
    font-weight: 700 !important;
    padding: 12px 28px !important;
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
    position: relative !important;
    overflow: hidden !important;
    z-index: 1 !important;
    display: inline-block !important;
}

/* อนิเมชันเติมสีปุ่มแนวทแยง (Skew Hover Effect) */
.elementor-17642 .elementor-element.elementor-element-fff5676 .elementor-button::before {
    content: "" !important;
    position: absolute !important;
    left: -50px !important;
    top: 0 !important;
    width: 0 !important;
    height: 100% !important;
    background-color: #191970 !important;
    transform: skewX(45deg) !important;
    z-index: -1 !important;
    transition: width 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.elementor-17642 .elementor-element.elementor-element-fff5676 .elementor-button:hover {
    color: #ffffff !important;
    box-shadow: 0 4px 12px rgba(25, 25, 112, 0.25) !important;
}

.elementor-17642 .elementor-element.elementor-element-fff5676 .elementor-button:hover::before {
    width: 250% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a89c183 *//* =================================================================
   Elementor Container to Premium Card CSS
   ================================================================= */

/* 1. ตกแต่งตัวกล่องหลัก (Container) ให้เป็นการ์ด */
.elementor-17642 .elementor-element.elementor-element-a89c183 {
    background: #ffffff !important;
    border-radius: 20px !important;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.05), 0 4px 6px -4px rgba(0, 0, 0, 0.05) !important;
    border: 1px solid rgba(226, 232, 240, 0.8) !important;
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
}

/* เอฟเฟกต์ยกตัวลอยขึ้นและเงาเข้มขึ้นเมื่อเอาเมาส์มาชี้ (Hover) */
.elementor-17642 .elementor-element.elementor-element-a89c183:hover {
    transform: translateY(-8px) !important;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1) !important;
    border-color: rgba(25, 25, 112, 0.2) !important; /* ขอบสีน้ำเงิน Navy จางๆ */
}

/* 2. สไตล์รูปภาพและเอฟเฟกต์ซูมเมื่อ Hover */
.elementor-17642 .elementor-element.elementor-element-a89c183 .elementor-widget-image {
    margin: 0 !important;
    overflow: hidden !important;
    width: 100% !important;
}

.elementor-17642 .elementor-element.elementor-element-a89c183 .elementor-widget-image img {
    width: 100% !important;
    height: auto !important;
    transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important;
    object-fit: cover !important;
}

/* ซูมภาพเข้าไปเล็กน้อยอย่างนุ่มนวลเมื่อผู้ใช้ชี้เมาส์ที่ตัวการ์ด */
.elementor-17642 .elementor-element.elementor-element-a89c183:hover .elementor-widget-image img {
    transform: scale(1.06) !important;
}

/* 3. จัดการความห่างของหัวข้อ (Heading) */
.elementor-17642 .elementor-element.elementor-element-a89c183 .elementor-widget-heading {
    padding: 24px 24px 10px 24px !important;
    margin: 0 !important;
}

.elementor-17642 .elementor-element.elementor-element-a89c183 .elementor-widget-heading .elementor-heading-title {
    color: #191970 !important; /* สีน้ำเงิน Navy */
    font-family: 'Outfit', 'Sarabun', sans-serif !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
    text-align: center !important;
    transition: color 0.3s ease !important;
}

/* 4. รองรับกรณีที่มีการใส่กล่องข้อความอธิบายเพิ่ม (Text Editor) */
.elementor-17642 .elementor-element.elementor-element-a89c183 .elementor-widget-text-editor {
    padding: 0 24px 15px 24px !important;
    color: #64748b !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
    text-align: center !important;
}

/* 5. สไตล์ปุ่มกดอ่านเพิ่มเติม (Read More) */
.elementor-17642 .elementor-element.elementor-element-a89c183 .elementor-widget-button {
    padding: 10px 24px 24px 24px !important;
    margin-top: auto !important; /* บังคับให้ปุ่มอยู่ชิดขอบล่างสุดของการ์ดเสมอแม้ตัวหนังสือจะยาวไม่เท่ากัน */
    text-align: center !important;
}

.elementor-17642 .elementor-element.elementor-element-a89c183 .elementor-button {
    background-color: #ffffff !important;
    color: #191970 !important;
    border: 2px solid #191970 !important;
    border-radius: 8px !important;
    font-weight: 700 !important;
    padding: 12px 28px !important;
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
    position: relative !important;
    overflow: hidden !important;
    z-index: 1 !important;
    display: inline-block !important;
}

/* อนิเมชันเติมสีปุ่มแนวทแยง (Skew Hover Effect) */
.elementor-17642 .elementor-element.elementor-element-a89c183 .elementor-button::before {
    content: "" !important;
    position: absolute !important;
    left: -50px !important;
    top: 0 !important;
    width: 0 !important;
    height: 100% !important;
    background-color: #191970 !important;
    transform: skewX(45deg) !important;
    z-index: -1 !important;
    transition: width 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.elementor-17642 .elementor-element.elementor-element-a89c183 .elementor-button:hover {
    color: #ffffff !important;
    box-shadow: 0 4px 12px rgba(25, 25, 112, 0.25) !important;
}

.elementor-17642 .elementor-element.elementor-element-a89c183 .elementor-button:hover::before {
    width: 250% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-016668e *//* =================================================================
   Elementor Container to Premium Card CSS
   ================================================================= */

/* 1. ตกแต่งตัวกล่องหลัก (Container) ให้เป็นการ์ด */
.elementor-17642 .elementor-element.elementor-element-016668e {
    background: #ffffff !important;
    border-radius: 20px !important;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.05), 0 4px 6px -4px rgba(0, 0, 0, 0.05) !important;
    border: 1px solid rgba(226, 232, 240, 0.8) !important;
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
}

/* เอฟเฟกต์ยกตัวลอยขึ้นและเงาเข้มขึ้นเมื่อเอาเมาส์มาชี้ (Hover) */
.elementor-17642 .elementor-element.elementor-element-016668e:hover {
    transform: translateY(-8px) !important;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1) !important;
    border-color: rgba(25, 25, 112, 0.2) !important; /* ขอบสีน้ำเงิน Navy จางๆ */
}

/* 2. สไตล์รูปภาพและเอฟเฟกต์ซูมเมื่อ Hover */
.elementor-17642 .elementor-element.elementor-element-016668e .elementor-widget-image {
    margin: 0 !important;
    overflow: hidden !important;
    width: 100% !important;
}

.elementor-17642 .elementor-element.elementor-element-016668e .elementor-widget-image img {
    width: 100% !important;
    height: auto !important;
    transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important;
    object-fit: cover !important;
}

/* ซูมภาพเข้าไปเล็กน้อยอย่างนุ่มนวลเมื่อผู้ใช้ชี้เมาส์ที่ตัวการ์ด */
.elementor-17642 .elementor-element.elementor-element-016668e:hover .elementor-widget-image img {
    transform: scale(1.06) !important;
}

/* 3. จัดการความห่างของหัวข้อ (Heading) */
.elementor-17642 .elementor-element.elementor-element-016668e .elementor-widget-heading {
    padding: 24px 24px 10px 24px !important;
    margin: 0 !important;
}

.elementor-17642 .elementor-element.elementor-element-016668e .elementor-widget-heading .elementor-heading-title {
    color: #191970 !important; /* สีน้ำเงิน Navy */
    font-family: 'Outfit', 'Sarabun', sans-serif !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
    text-align: center !important;
    transition: color 0.3s ease !important;
}

/* 4. รองรับกรณีที่มีการใส่กล่องข้อความอธิบายเพิ่ม (Text Editor) */
.elementor-17642 .elementor-element.elementor-element-016668e .elementor-widget-text-editor {
    padding: 0 24px 15px 24px !important;
    color: #64748b !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
    text-align: center !important;
}

/* 5. สไตล์ปุ่มกดอ่านเพิ่มเติม (Read More) */
.elementor-17642 .elementor-element.elementor-element-016668e .elementor-widget-button {
    padding: 10px 24px 24px 24px !important;
    margin-top: auto !important; /* บังคับให้ปุ่มอยู่ชิดขอบล่างสุดของการ์ดเสมอแม้ตัวหนังสือจะยาวไม่เท่ากัน */
    text-align: center !important;
}

.elementor-17642 .elementor-element.elementor-element-016668e .elementor-button {
    background-color: #ffffff !important;
    color: #191970 !important;
    border: 2px solid #191970 !important;
    border-radius: 8px !important;
    font-weight: 700 !important;
    padding: 12px 28px !important;
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
    position: relative !important;
    overflow: hidden !important;
    z-index: 1 !important;
    display: inline-block !important;
}

/* อนิเมชันเติมสีปุ่มแนวทแยง (Skew Hover Effect) */
.elementor-17642 .elementor-element.elementor-element-016668e .elementor-button::before {
    content: "" !important;
    position: absolute !important;
    left: -50px !important;
    top: 0 !important;
    width: 0 !important;
    height: 100% !important;
    background-color: #191970 !important;
    transform: skewX(45deg) !important;
    z-index: -1 !important;
    transition: width 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.elementor-17642 .elementor-element.elementor-element-016668e .elementor-button:hover {
    color: #ffffff !important;
    box-shadow: 0 4px 12px rgba(25, 25, 112, 0.25) !important;
}

.elementor-17642 .elementor-element.elementor-element-016668e .elementor-button:hover::before {
    width: 250% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-76dcafc *//* =================================================================
   Elementor Container to Premium Card CSS
   ================================================================= */

/* 1. ตกแต่งตัวกล่องหลัก (Container) ให้เป็นการ์ด */
.elementor-17642 .elementor-element.elementor-element-76dcafc {
    background: #ffffff !important;
    border-radius: 20px !important;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.05), 0 4px 6px -4px rgba(0, 0, 0, 0.05) !important;
    border: 1px solid rgba(226, 232, 240, 0.8) !important;
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
}

/* เอฟเฟกต์ยกตัวลอยขึ้นและเงาเข้มขึ้นเมื่อเอาเมาส์มาชี้ (Hover) */
.elementor-17642 .elementor-element.elementor-element-76dcafc:hover {
    transform: translateY(-8px) !important;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1) !important;
    border-color: rgba(25, 25, 112, 0.2) !important; /* ขอบสีน้ำเงิน Navy จางๆ */
}

/* 2. สไตล์รูปภาพและเอฟเฟกต์ซูมเมื่อ Hover */
.elementor-17642 .elementor-element.elementor-element-76dcafc .elementor-widget-image {
    margin: 0 !important;
    overflow: hidden !important;
    width: 100% !important;
}

.elementor-17642 .elementor-element.elementor-element-76dcafc .elementor-widget-image img {
    width: 100% !important;
    height: auto !important;
    transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important;
    object-fit: cover !important;
}

/* ซูมภาพเข้าไปเล็กน้อยอย่างนุ่มนวลเมื่อผู้ใช้ชี้เมาส์ที่ตัวการ์ด */
.elementor-17642 .elementor-element.elementor-element-76dcafc:hover .elementor-widget-image img {
    transform: scale(1.06) !important;
}

/* 3. จัดการความห่างของหัวข้อ (Heading) */
.elementor-17642 .elementor-element.elementor-element-76dcafc .elementor-widget-heading {
    padding: 24px 24px 10px 24px !important;
    margin: 0 !important;
}

.elementor-17642 .elementor-element.elementor-element-76dcafc .elementor-widget-heading .elementor-heading-title {
    color: #191970 !important; /* สีน้ำเงิน Navy */
    font-family: 'Outfit', 'Sarabun', sans-serif !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
    text-align: center !important;
    transition: color 0.3s ease !important;
}

/* 4. รองรับกรณีที่มีการใส่กล่องข้อความอธิบายเพิ่ม (Text Editor) */
.elementor-17642 .elementor-element.elementor-element-76dcafc .elementor-widget-text-editor {
    padding: 0 24px 15px 24px !important;
    color: #64748b !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
    text-align: center !important;
}

/* 5. สไตล์ปุ่มกดอ่านเพิ่มเติม (Read More) */
.elementor-17642 .elementor-element.elementor-element-76dcafc .elementor-widget-button {
    padding: 10px 24px 24px 24px !important;
    margin-top: auto !important; /* บังคับให้ปุ่มอยู่ชิดขอบล่างสุดของการ์ดเสมอแม้ตัวหนังสือจะยาวไม่เท่ากัน */
    text-align: center !important;
}

.elementor-17642 .elementor-element.elementor-element-76dcafc .elementor-button {
    background-color: #ffffff !important;
    color: #191970 !important;
    border: 2px solid #191970 !important;
    border-radius: 8px !important;
    font-weight: 700 !important;
    padding: 12px 28px !important;
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
    position: relative !important;
    overflow: hidden !important;
    z-index: 1 !important;
    display: inline-block !important;
}

/* อนิเมชันเติมสีปุ่มแนวทแยง (Skew Hover Effect) */
.elementor-17642 .elementor-element.elementor-element-76dcafc .elementor-button::before {
    content: "" !important;
    position: absolute !important;
    left: -50px !important;
    top: 0 !important;
    width: 0 !important;
    height: 100% !important;
    background-color: #191970 !important;
    transform: skewX(45deg) !important;
    z-index: -1 !important;
    transition: width 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.elementor-17642 .elementor-element.elementor-element-76dcafc .elementor-button:hover {
    color: #ffffff !important;
    box-shadow: 0 4px 12px rgba(25, 25, 112, 0.25) !important;
}

.elementor-17642 .elementor-element.elementor-element-76dcafc .elementor-button:hover::before {
    width: 250% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7fe5716 *//* =================================================================
   Elementor Container to Premium Card CSS
   ================================================================= */

/* 1. ตกแต่งตัวกล่องหลัก (Container) ให้เป็นการ์ด */
.elementor-17642 .elementor-element.elementor-element-7fe5716 {
    background: #ffffff !important;
    border-radius: 20px !important;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.05), 0 4px 6px -4px rgba(0, 0, 0, 0.05) !important;
    border: 1px solid rgba(226, 232, 240, 0.8) !important;
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
}

/* เอฟเฟกต์ยกตัวลอยขึ้นและเงาเข้มขึ้นเมื่อเอาเมาส์มาชี้ (Hover) */
.elementor-17642 .elementor-element.elementor-element-7fe5716:hover {
    transform: translateY(-8px) !important;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1) !important;
    border-color: rgba(25, 25, 112, 0.2) !important; /* ขอบสีน้ำเงิน Navy จางๆ */
}

/* 2. สไตล์รูปภาพและเอฟเฟกต์ซูมเมื่อ Hover */
.elementor-17642 .elementor-element.elementor-element-7fe5716 .elementor-widget-image {
    margin: 0 !important;
    overflow: hidden !important;
    width: 100% !important;
}

.elementor-17642 .elementor-element.elementor-element-7fe5716 .elementor-widget-image img {
    width: 100% !important;
    height: auto !important;
    transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important;
    object-fit: cover !important;
}

/* ซูมภาพเข้าไปเล็กน้อยอย่างนุ่มนวลเมื่อผู้ใช้ชี้เมาส์ที่ตัวการ์ด */
.elementor-17642 .elementor-element.elementor-element-7fe5716:hover .elementor-widget-image img {
    transform: scale(1.06) !important;
}

/* 3. จัดการความห่างของหัวข้อ (Heading) */
.elementor-17642 .elementor-element.elementor-element-7fe5716 .elementor-widget-heading {
    padding: 24px 24px 10px 24px !important;
    margin: 0 !important;
}

.elementor-17642 .elementor-element.elementor-element-7fe5716 .elementor-widget-heading .elementor-heading-title {
    color: #191970 !important; /* สีน้ำเงิน Navy */
    font-family: 'Outfit', 'Sarabun', sans-serif !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
    text-align: center !important;
    transition: color 0.3s ease !important;
}

/* 4. รองรับกรณีที่มีการใส่กล่องข้อความอธิบายเพิ่ม (Text Editor) */
.elementor-17642 .elementor-element.elementor-element-7fe5716 .elementor-widget-text-editor {
    padding: 0 24px 15px 24px !important;
    color: #64748b !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
    text-align: center !important;
}

/* 5. สไตล์ปุ่มกดอ่านเพิ่มเติม (Read More) */
.elementor-17642 .elementor-element.elementor-element-7fe5716 .elementor-widget-button {
    padding: 10px 24px 24px 24px !important;
    margin-top: auto !important; /* บังคับให้ปุ่มอยู่ชิดขอบล่างสุดของการ์ดเสมอแม้ตัวหนังสือจะยาวไม่เท่ากัน */
    text-align: center !important;
}

.elementor-17642 .elementor-element.elementor-element-7fe5716 .elementor-button {
    background-color: #ffffff !important;
    color: #191970 !important;
    border: 2px solid #191970 !important;
    border-radius: 8px !important;
    font-weight: 700 !important;
    padding: 12px 28px !important;
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
    position: relative !important;
    overflow: hidden !important;
    z-index: 1 !important;
    display: inline-block !important;
}

/* อนิเมชันเติมสีปุ่มแนวทแยง (Skew Hover Effect) */
.elementor-17642 .elementor-element.elementor-element-7fe5716 .elementor-button::before {
    content: "" !important;
    position: absolute !important;
    left: -50px !important;
    top: 0 !important;
    width: 0 !important;
    height: 100% !important;
    background-color: #191970 !important;
    transform: skewX(45deg) !important;
    z-index: -1 !important;
    transition: width 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.elementor-17642 .elementor-element.elementor-element-7fe5716 .elementor-button:hover {
    color: #ffffff !important;
    box-shadow: 0 4px 12px rgba(25, 25, 112, 0.25) !important;
}

.elementor-17642 .elementor-element.elementor-element-7fe5716 .elementor-button:hover::before {
    width: 250% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5aab63a *//* =================================================================
   Elementor Container to Premium Card CSS
   ================================================================= */

/* 1. ตกแต่งตัวกล่องหลัก (Container) ให้เป็นการ์ด */
.elementor-17642 .elementor-element.elementor-element-5aab63a {
    background: #ffffff !important;
    border-radius: 20px !important;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.05), 0 4px 6px -4px rgba(0, 0, 0, 0.05) !important;
    border: 1px solid rgba(226, 232, 240, 0.8) !important;
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
}

/* เอฟเฟกต์ยกตัวลอยขึ้นและเงาเข้มขึ้นเมื่อเอาเมาส์มาชี้ (Hover) */
.elementor-17642 .elementor-element.elementor-element-5aab63a:hover {
    transform: translateY(-8px) !important;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1) !important;
    border-color: rgba(25, 25, 112, 0.2) !important; /* ขอบสีน้ำเงิน Navy จางๆ */
}

/* 2. สไตล์รูปภาพและเอฟเฟกต์ซูมเมื่อ Hover */
.elementor-17642 .elementor-element.elementor-element-5aab63a .elementor-widget-image {
    margin: 0 !important;
    overflow: hidden !important;
    width: 100% !important;
}

.elementor-17642 .elementor-element.elementor-element-5aab63a .elementor-widget-image img {
    width: 100% !important;
    height: auto !important;
    transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important;
    object-fit: cover !important;
}

/* ซูมภาพเข้าไปเล็กน้อยอย่างนุ่มนวลเมื่อผู้ใช้ชี้เมาส์ที่ตัวการ์ด */
.elementor-17642 .elementor-element.elementor-element-5aab63a:hover .elementor-widget-image img {
    transform: scale(1.06) !important;
}

/* 3. จัดการความห่างของหัวข้อ (Heading) */
.elementor-17642 .elementor-element.elementor-element-5aab63a .elementor-widget-heading {
    padding: 24px 24px 10px 24px !important;
    margin: 0 !important;
}

.elementor-17642 .elementor-element.elementor-element-5aab63a .elementor-widget-heading .elementor-heading-title {
    color: #191970 !important; /* สีน้ำเงิน Navy */
    font-family: 'Outfit', 'Sarabun', sans-serif !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
    text-align: center !important;
    transition: color 0.3s ease !important;
}

/* 4. รองรับกรณีที่มีการใส่กล่องข้อความอธิบายเพิ่ม (Text Editor) */
.elementor-17642 .elementor-element.elementor-element-5aab63a .elementor-widget-text-editor {
    padding: 0 24px 15px 24px !important;
    color: #64748b !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
    text-align: center !important;
}

/* 5. สไตล์ปุ่มกดอ่านเพิ่มเติม (Read More) */
.elementor-17642 .elementor-element.elementor-element-5aab63a .elementor-widget-button {
    padding: 10px 24px 24px 24px !important;
    margin-top: auto !important; /* บังคับให้ปุ่มอยู่ชิดขอบล่างสุดของการ์ดเสมอแม้ตัวหนังสือจะยาวไม่เท่ากัน */
    text-align: center !important;
}

.elementor-17642 .elementor-element.elementor-element-5aab63a .elementor-button {
    background-color: #ffffff !important;
    color: #191970 !important;
    border: 2px solid #191970 !important;
    border-radius: 8px !important;
    font-weight: 700 !important;
    padding: 12px 28px !important;
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
    position: relative !important;
    overflow: hidden !important;
    z-index: 1 !important;
    display: inline-block !important;
}

/* อนิเมชันเติมสีปุ่มแนวทแยง (Skew Hover Effect) */
.elementor-17642 .elementor-element.elementor-element-5aab63a .elementor-button::before {
    content: "" !important;
    position: absolute !important;
    left: -50px !important;
    top: 0 !important;
    width: 0 !important;
    height: 100% !important;
    background-color: #191970 !important;
    transform: skewX(45deg) !important;
    z-index: -1 !important;
    transition: width 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.elementor-17642 .elementor-element.elementor-element-5aab63a .elementor-button:hover {
    color: #ffffff !important;
    box-shadow: 0 4px 12px rgba(25, 25, 112, 0.25) !important;
}

.elementor-17642 .elementor-element.elementor-element-5aab63a .elementor-button:hover::before {
    width: 250% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-aca11bd *//* =================================================================
   Elementor Container to Premium Card CSS
   ================================================================= */

/* 1. ตกแต่งตัวกล่องหลัก (Container) ให้เป็นการ์ด */
.elementor-17642 .elementor-element.elementor-element-aca11bd {
    background: #ffffff !important;
    border-radius: 20px !important;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.05), 0 4px 6px -4px rgba(0, 0, 0, 0.05) !important;
    border: 1px solid rgba(226, 232, 240, 0.8) !important;
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
}

/* เอฟเฟกต์ยกตัวลอยขึ้นและเงาเข้มขึ้นเมื่อเอาเมาส์มาชี้ (Hover) */
.elementor-17642 .elementor-element.elementor-element-aca11bd:hover {
    transform: translateY(-8px) !important;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1) !important;
    border-color: rgba(25, 25, 112, 0.2) !important; /* ขอบสีน้ำเงิน Navy จางๆ */
}

/* 2. สไตล์รูปภาพและเอฟเฟกต์ซูมเมื่อ Hover */
.elementor-17642 .elementor-element.elementor-element-aca11bd .elementor-widget-image {
    margin: 0 !important;
    overflow: hidden !important;
    width: 100% !important;
}

.elementor-17642 .elementor-element.elementor-element-aca11bd .elementor-widget-image img {
    width: 100% !important;
    height: auto !important;
    transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important;
    object-fit: cover !important;
}

/* ซูมภาพเข้าไปเล็กน้อยอย่างนุ่มนวลเมื่อผู้ใช้ชี้เมาส์ที่ตัวการ์ด */
.elementor-17642 .elementor-element.elementor-element-aca11bd:hover .elementor-widget-image img {
    transform: scale(1.06) !important;
}

/* 3. จัดการความห่างของหัวข้อ (Heading) */
.elementor-17642 .elementor-element.elementor-element-aca11bd .elementor-widget-heading {
    padding: 24px 24px 10px 24px !important;
    margin: 0 !important;
}

.elementor-17642 .elementor-element.elementor-element-aca11bd .elementor-widget-heading .elementor-heading-title {
    color: #191970 !important; /* สีน้ำเงิน Navy */
    font-family: 'Outfit', 'Sarabun', sans-serif !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
    text-align: center !important;
    transition: color 0.3s ease !important;
}

/* 4. รองรับกรณีที่มีการใส่กล่องข้อความอธิบายเพิ่ม (Text Editor) */
.elementor-17642 .elementor-element.elementor-element-aca11bd .elementor-widget-text-editor {
    padding: 0 24px 15px 24px !important;
    color: #64748b !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
    text-align: center !important;
}

/* 5. สไตล์ปุ่มกดอ่านเพิ่มเติม (Read More) */
.elementor-17642 .elementor-element.elementor-element-aca11bd .elementor-widget-button {
    padding: 10px 24px 24px 24px !important;
    margin-top: auto !important; /* บังคับให้ปุ่มอยู่ชิดขอบล่างสุดของการ์ดเสมอแม้ตัวหนังสือจะยาวไม่เท่ากัน */
    text-align: center !important;
}

.elementor-17642 .elementor-element.elementor-element-aca11bd .elementor-button {
    background-color: #ffffff !important;
    color: #191970 !important;
    border: 2px solid #191970 !important;
    border-radius: 8px !important;
    font-weight: 700 !important;
    padding: 12px 28px !important;
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
    position: relative !important;
    overflow: hidden !important;
    z-index: 1 !important;
    display: inline-block !important;
}

/* อนิเมชันเติมสีปุ่มแนวทแยง (Skew Hover Effect) */
.elementor-17642 .elementor-element.elementor-element-aca11bd .elementor-button::before {
    content: "" !important;
    position: absolute !important;
    left: -50px !important;
    top: 0 !important;
    width: 0 !important;
    height: 100% !important;
    background-color: #191970 !important;
    transform: skewX(45deg) !important;
    z-index: -1 !important;
    transition: width 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.elementor-17642 .elementor-element.elementor-element-aca11bd .elementor-button:hover {
    color: #ffffff !important;
    box-shadow: 0 4px 12px rgba(25, 25, 112, 0.25) !important;
}

.elementor-17642 .elementor-element.elementor-element-aca11bd .elementor-button:hover::before {
    width: 250% !important;
}/* End custom CSS */