.elementor-457 .elementor-element.elementor-element-7410492{--display:flex;--min-height:350px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--overlay-opacity:0.5;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-457 .elementor-element.elementor-element-7410492:not(.elementor-motion-effects-element-type-background), .elementor-457 .elementor-element.elementor-element-7410492 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-c87808d );}.elementor-457 .elementor-element.elementor-element-7410492::before, .elementor-457 .elementor-element.elementor-element-7410492 > .elementor-background-video-container::before, .elementor-457 .elementor-element.elementor-element-7410492 > .e-con-inner > .elementor-background-video-container::before, .elementor-457 .elementor-element.elementor-element-7410492 > .elementor-background-slideshow::before, .elementor-457 .elementor-element.elementor-element-7410492 > .e-con-inner > .elementor-background-slideshow::before, .elementor-457 .elementor-element.elementor-element-7410492 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://fourdem.co.th/wp-content/uploads/2026/05/imgi_21_bg_pattern.webp");--background-overlay:'';background-position:center right;background-repeat:repeat-y;background-size:contain;}.elementor-457 .elementor-element.elementor-element-b97bc16{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-457 .elementor-element.elementor-element-5c0fb22{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Google sans;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-457 .elementor-element.elementor-element-4129a1c .elementor-icon-list-icon i{color:var( --e-global-color-78db367 );transition:color 0.3s;}.elementor-457 .elementor-element.elementor-element-4129a1c .elementor-icon-list-icon svg{fill:var( --e-global-color-78db367 );transition:fill 0.3s;}.elementor-457 .elementor-element.elementor-element-4129a1c{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-457 .elementor-element.elementor-element-4129a1c .elementor-icon-list-item > .elementor-icon-list-text, .elementor-457 .elementor-element.elementor-element-4129a1c .elementor-icon-list-item > a{font-family:"Heebo", Google sans;font-size:14px;font-weight:400;}.elementor-457 .elementor-element.elementor-element-4129a1c .elementor-icon-list-text{color:var( --e-global-color-e9d95e6 );transition:color 0.3s;}.elementor-457 .elementor-element.elementor-element-4129a1c .elementor-icon-list-item:hover .elementor-icon-list-text{color:var( --e-global-color-911f6a1 );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Google sans;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-457 .elementor-element.elementor-element-821856d .elementor-heading-title{font-family:"Poppins", Google sans;font-size:72px;font-weight:600;color:var( --e-global-color-e9d95e6 );}.elementor-457 .elementor-element.elementor-element-9c79075{--display:flex;--justify-content:flex-end;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-457 .elementor-element.elementor-element-20dd291{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:100px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-457 .elementor-element.elementor-element-1063bae{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-457 .elementor-element.elementor-element-19b06fa{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:15px 15px 15px 15px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-457 .elementor-element.elementor-element-19b06fa:not(.elementor-motion-effects-element-type-background), .elementor-457 .elementor-element.elementor-element-19b06fa > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(270deg, #02010100 0%, #F8F8F8 100%);}.elementor-457 .elementor-element.elementor-element-6544b19{--display:flex;--justify-content:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-457 .elementor-element.elementor-element-6544b19.e-con{--flex-grow:1;--flex-shrink:0;}.elementor-457 .elementor-element.elementor-element-0b6afb3{width:var( --container-widget-width, 269px );max-width:269px;--container-widget-width:269px;--container-widget-flex-grow:0;}.elementor-457 .elementor-element.elementor-element-0b6afb3 .elementor-heading-title{font-family:"Poppins", Google sans;font-size:30px;font-weight:600;line-height:1.3em;color:var( --e-global-color-6dc6091 );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Google sans;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-457 .elementor-element.elementor-element-fb3d3c1{width:var( --container-widget-width, 294px );max-width:294px;--container-widget-width:294px;--container-widget-flex-grow:0;font-family:"Poppins", Google sans;font-size:16px;font-weight:400;color:#313131;}.elementor-457 .elementor-element.elementor-element-52d16d8{--display:flex;--justify-content:flex-end;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-457 .elementor-element.elementor-element-52d16d8.e-con{--flex-grow:1;--flex-shrink:0;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Google sans;font-weight:var( --e-global-typography-text-font-weight );}.elementor-457 .elementor-element.elementor-element-5dead03 img{width:100%;border-radius:0px 20px 20px 0px;}.elementor-457 .elementor-element.elementor-element-9b62500{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:15px 15px 15px 15px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-457 .elementor-element.elementor-element-9b62500:not(.elementor-motion-effects-element-type-background), .elementor-457 .elementor-element.elementor-element-9b62500 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(270deg, #02010100 0%, #F8F8F8 100%);}.elementor-457 .elementor-element.elementor-element-f092699{--display:flex;--justify-content:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-457 .elementor-element.elementor-element-f092699.e-con{--flex-grow:1;--flex-shrink:0;}.elementor-457 .elementor-element.elementor-element-1ea467a{width:var( --container-widget-width, 269px );max-width:269px;--container-widget-width:269px;--container-widget-flex-grow:0;}.elementor-457 .elementor-element.elementor-element-1ea467a .elementor-heading-title{font-family:"Poppins", Google sans;font-size:30px;font-weight:600;line-height:1.3em;color:var( --e-global-color-6dc6091 );}.elementor-457 .elementor-element.elementor-element-2e30380{width:var( --container-widget-width, 294px );max-width:294px;--container-widget-width:294px;--container-widget-flex-grow:0;font-family:"Poppins", Google sans;font-size:16px;font-weight:400;color:#313131;}.elementor-457 .elementor-element.elementor-element-38e718f{--display:flex;--justify-content:flex-end;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-457 .elementor-element.elementor-element-38e718f.e-con{--flex-grow:1;--flex-shrink:0;}.elementor-457 .elementor-element.elementor-element-70ad2b5 img{width:100%;border-radius:0px 20px 20px 0px;}.elementor-457 .elementor-element.elementor-element-e6a6426{--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:50px 50px;--row-gap:50px;--column-gap:50px;--padding-top:50px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-457 .elementor-element.elementor-element-f83a8a0{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-457 .elementor-element.elementor-element-f83a8a0.e-con{--flex-grow:1;--flex-shrink:0;}.elementor-457 .elementor-element.elementor-element-607b162{--display:flex;}.elementor-457 .elementor-element.elementor-element-607b162:not(.elementor-motion-effects-element-type-background), .elementor-457 .elementor-element.elementor-element-607b162 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-0a1a8ce );}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-457 .elementor-element.elementor-element-b2a7216 .elementor-icon-wrapper{text-align:center;}.elementor-457 .elementor-element.elementor-element-b2a7216.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-6dc6091 );}.elementor-457 .elementor-element.elementor-element-b2a7216.elementor-view-framed .elementor-icon, .elementor-457 .elementor-element.elementor-element-b2a7216.elementor-view-default .elementor-icon{color:var( --e-global-color-6dc6091 );border-color:var( --e-global-color-6dc6091 );}.elementor-457 .elementor-element.elementor-element-b2a7216.elementor-view-framed .elementor-icon, .elementor-457 .elementor-element.elementor-element-b2a7216.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-6dc6091 );}.elementor-457 .elementor-element.elementor-element-f1573ed .elementor-heading-title{font-family:"Google Sans", Google sans;font-weight:600;color:var( --e-global-color-6dc6091 );}.elementor-457 .elementor-element.elementor-element-a6d6378 .e-off-canvas__overlay{background-color:rgba(0,0,0,.8);}.elementor-457 .elementor-element.elementor-element-a6d6378{--e-off-canvas-height:100vh;--e-off-canvas-content-overflow:auto;--e-off-canvas-overlay-opacity:1;}.elementor-457 .elementor-element.elementor-element-a1d75b9{--display:flex;}body:not(.rtl) .elementor-457 .elementor-element.elementor-element-2b7bc75{right:0px;}body.rtl .elementor-457 .elementor-element.elementor-element-2b7bc75{left:0px;}.elementor-457 .elementor-element.elementor-element-2b7bc75{top:0px;}.elementor-457 .elementor-element.elementor-element-2b7bc75 .elementor-icon-wrapper{text-align:center;}.elementor-457 .elementor-element.elementor-element-2b7bc75.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-78db367 );}.elementor-457 .elementor-element.elementor-element-2b7bc75.elementor-view-framed .elementor-icon, .elementor-457 .elementor-element.elementor-element-2b7bc75.elementor-view-default .elementor-icon{color:var( --e-global-color-78db367 );border-color:var( --e-global-color-78db367 );}.elementor-457 .elementor-element.elementor-element-2b7bc75.elementor-view-framed .elementor-icon, .elementor-457 .elementor-element.elementor-element-2b7bc75.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-78db367 );}.elementor-457 .elementor-element.elementor-element-a0700e3{--display:flex;border-style:none;--border-style:none;--border-radius:10px 10px 10px 10px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-457 .elementor-element.elementor-element-a0700e3:not(.elementor-motion-effects-element-type-background), .elementor-457 .elementor-element.elementor-element-a0700e3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-e9d95e6 );}.elementor-457 .elementor-element.elementor-element-2e7247a .elementor-heading-title{font-family:"Poppins", Google sans;font-size:22px;font-weight:600;color:var( --e-global-color-6dc6091 );}.elementor-457 .elementor-element.elementor-element-d9f796a{--e-filter-direction:column;--e-filter-white-space:initial;--e-filter-align-items:flex-start;--e-filter-item-width:initial;--e-filter-item-max-width:calc(100% - calc(var( --e-filter-item-padding )*3 ) );--e-filter-item-flex-grow:initial;--e-filter-item-box-sizing:initial;--e-filter-item-align-text:start;--e-filter-space-between:0px;--e-filter-normal-text-color:var( --e-global-color-6dc6091 );--e-filter-hover-text-color:#EE1E79;--e-filter-active-text-color:var( --e-global-color-911f6a1 );}.elementor-457 .elementor-element.elementor-element-d9f796a .e-filter-item:hover:not( [aria-pressed=true] ){background-color:#02010100;border-style:solid;border-width:0px 0px 1px 0px;border-color:#02010114;}.elementor-457 .elementor-element.elementor-element-d9f796a .e-filter-item[aria-pressed="true"]{background-color:#02010100;border-style:solid;border-width:0px 0px 1px 0px;border-color:#02010114;}.elementor-457 .elementor-element.elementor-element-d9f796a .e-filter-item{font-size:14px;}.elementor-457 .elementor-element.elementor-element-d9f796a .e-filter-item:not( [aria-pressed=true] ):not( :hover ){border-style:solid;border-width:0px 0px 1px 0px;border-color:#02010114;}.elementor-457 .elementor-element.elementor-element-8f02db9{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#02010114;--border-color:#02010114;--border-radius:10px 10px 10px 10px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-457 .elementor-element.elementor-element-8f02db9:not(.elementor-motion-effects-element-type-background), .elementor-457 .elementor-element.elementor-element-8f02db9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-e9d95e6 );}.elementor-457 .elementor-element.elementor-element-18f4273 .elementor-heading-title{font-family:"Poppins", Google sans;font-size:22px;font-weight:600;color:var( --e-global-color-6dc6091 );}.elementor-457 .elementor-element.elementor-element-53aecac{--e-filter-direction:column;--e-filter-white-space:initial;--e-filter-align-items:flex-start;--e-filter-item-width:initial;--e-filter-item-max-width:calc(100% - calc(var( --e-filter-item-padding )*3 ) );--e-filter-item-flex-grow:initial;--e-filter-item-box-sizing:initial;--e-filter-item-align-text:start;--e-filter-space-between:0px;--e-filter-normal-text-color:var( --e-global-color-6dc6091 );--e-filter-hover-text-color:#EE1E79;--e-filter-active-text-color:var( --e-global-color-911f6a1 );}.elementor-457 .elementor-element.elementor-element-53aecac .e-filter-item:hover:not( [aria-pressed=true] ){background-color:#02010100;border-style:solid;border-width:0px 0px 1px 0px;border-color:#02010114;}.elementor-457 .elementor-element.elementor-element-53aecac .e-filter-item[aria-pressed="true"]{background-color:#02010100;border-style:solid;border-width:0px 0px 1px 0px;border-color:#02010114;}.elementor-457 .elementor-element.elementor-element-53aecac .e-filter-item{font-size:14px;}.elementor-457 .elementor-element.elementor-element-53aecac .e-filter-item:not( [aria-pressed=true] ):not( :hover ){border-style:solid;border-width:0px 0px 1px 0px;border-color:#02010114;}.elementor-457 .elementor-element.elementor-element-fde1f2e{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-457 .elementor-element.elementor-element-fde1f2e.e-con{--flex-grow:1;--flex-shrink:0;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Google sans;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Google sans;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Google sans;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-457 .elementor-element.elementor-element-8e74a32{--grid-columns:3;}.elementor-457 .elementor-element.elementor-element-8e74a32 .elementor-loop-container{grid-auto-rows:1fr;}.elementor-457 .elementor-element.elementor-element-8e74a32 .e-loop-item > .elementor-section, .elementor-457 .elementor-element.elementor-element-8e74a32 .e-loop-item > .elementor-section > .elementor-container, .elementor-457 .elementor-element.elementor-element-8e74a32 .e-loop-item > .e-con, .elementor-457 .elementor-element.elementor-element-8e74a32 .e-loop-item .elementor-section-wrap > .e-con{height:100%;}.elementor-457 .elementor-element.elementor-element-8e74a32 .elementor-pagination{text-align:center;font-family:"Google Sans", Google sans;font-weight:400;margin-top:30px;}.elementor-457 .elementor-element.elementor-element-8e74a32 .elementor-pagination .page-numbers:not(.dots){color:var( --e-global-color-6dc6091 );}.elementor-457 .elementor-element.elementor-element-8e74a32 .elementor-pagination a.page-numbers:hover{color:var( --e-global-color-911f6a1 );}.elementor-457 .elementor-element.elementor-element-8e74a32 .elementor-pagination .page-numbers.current{color:var( --e-global-color-911f6a1 );}body:not(.rtl) .elementor-457 .elementor-element.elementor-element-8e74a32 .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-457 .elementor-element.elementor-element-8e74a32 .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-457 .elementor-element.elementor-element-8e74a32 .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-457 .elementor-element.elementor-element-8e74a32 .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-457 .elementor-element.elementor-element-7410492{--min-height:220px;--padding-top:20px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-457 .elementor-element.elementor-element-5c0fb22{--justify-content:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-457 .elementor-element.elementor-element-821856d .elementor-heading-title{font-size:45px;}.elementor-457 .elementor-element.elementor-element-20dd291{--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-457 .elementor-element.elementor-element-6544b19{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-457 .elementor-element.elementor-element-0b6afb3 .elementor-heading-title{font-size:19px;line-height:1.3em;}.elementor-457 .elementor-element.elementor-element-fb3d3c1{font-size:14px;}.elementor-457 .elementor-element.elementor-element-f092699{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-457 .elementor-element.elementor-element-1ea467a .elementor-heading-title{font-size:19px;line-height:1.3em;}.elementor-457 .elementor-element.elementor-element-2e30380{font-size:14px;}.elementor-457 .elementor-element.elementor-element-e6a6426{--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-457 .elementor-element.elementor-element-a0700e3{--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-457 .elementor-element.elementor-element-d9f796a .e-filter-item{font-size:12px;}.elementor-457 .elementor-element.elementor-element-8f02db9{--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-457 .elementor-element.elementor-element-53aecac .e-filter-item{font-size:12px;}.elementor-457 .elementor-element.elementor-element-8e74a32{--grid-columns:3;--grid-row-gap:15px;--grid-column-gap:15px;}body:not(.rtl) .elementor-457 .elementor-element.elementor-element-8e74a32 .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 8px/2 );}body:not(.rtl) .elementor-457 .elementor-element.elementor-element-8e74a32 .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 8px/2 );}body.rtl .elementor-457 .elementor-element.elementor-element-8e74a32 .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 8px/2 );}body.rtl .elementor-457 .elementor-element.elementor-element-8e74a32 .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 8px/2 );}.elementor-457 .elementor-element.elementor-element-8e74a32 .elementor-pagination{margin-top:20px;}}@media(max-width:767px){.elementor-457 .elementor-element.elementor-element-7410492{--min-height:150px;--padding-top:20px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;}.elementor-457 .elementor-element.elementor-element-5c0fb22{--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-457 .elementor-element.elementor-element-821856d .elementor-heading-title{font-size:35px;}.elementor-457 .elementor-element.elementor-element-20dd291{--padding-top:50px;--padding-bottom:25px;--padding-left:15px;--padding-right:15px;}.elementor-457 .elementor-element.elementor-element-6544b19{--width:60%;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-457 .elementor-element.elementor-element-0b6afb3{width:var( --container-widget-width, 154px );max-width:154px;--container-widget-width:154px;--container-widget-flex-grow:0;}.elementor-457 .elementor-element.elementor-element-0b6afb3 .elementor-heading-title{font-size:17px;}.elementor-457 .elementor-element.elementor-element-fb3d3c1{font-size:12px;}.elementor-457 .elementor-element.elementor-element-52d16d8{--width:25%;}.elementor-457 .elementor-element.elementor-element-f092699{--width:60%;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-457 .elementor-element.elementor-element-1ea467a{width:var( --container-widget-width, 154px );max-width:154px;--container-widget-width:154px;--container-widget-flex-grow:0;}.elementor-457 .elementor-element.elementor-element-1ea467a .elementor-heading-title{font-size:17px;}.elementor-457 .elementor-element.elementor-element-2e30380{font-size:12px;}.elementor-457 .elementor-element.elementor-element-38e718f{--width:25%;}.elementor-457 .elementor-element.elementor-element-e6a6426{--padding-top:25px;--padding-bottom:50px;--padding-left:15px;--padding-right:15px;}.elementor-457 .elementor-element.elementor-element-607b162{--width:23%;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--border-radius:5px 5px 5px 5px;--padding-top:5px;--padding-bottom:5px;--padding-left:10px;--padding-right:10px;}.elementor-457 .elementor-element.elementor-element-607b162.e-con{--align-self:flex-end;}.elementor-457 .elementor-element.elementor-element-b2a7216 .elementor-icon-wrapper{text-align:end;}.elementor-457 .elementor-element.elementor-element-b2a7216 .elementor-icon{font-size:14px;}.elementor-457 .elementor-element.elementor-element-b2a7216 .elementor-icon svg{height:14px;}.elementor-457 .elementor-element.elementor-element-f1573ed .elementor-heading-title{font-size:14px;}.elementor-457 .elementor-element.elementor-element-a6d6378{--e-off-canvas-justify-content:flex-end;--e-off-canvas-width:80%;}.elementor-457 .elementor-element.elementor-element-a1d75b9{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}body:not(.rtl) .elementor-457 .elementor-element.elementor-element-2b7bc75{right:10px;}body.rtl .elementor-457 .elementor-element.elementor-element-2b7bc75{left:10px;}.elementor-457 .elementor-element.elementor-element-2b7bc75{top:10px;}.elementor-457 .elementor-element.elementor-element-2b7bc75 .elementor-icon-wrapper{text-align:end;}.elementor-457 .elementor-element.elementor-element-2b7bc75 .elementor-icon{font-size:25px;}.elementor-457 .elementor-element.elementor-element-2b7bc75 .elementor-icon svg{height:25px;}.elementor-457 .elementor-element.elementor-element-a0700e3{--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-457 .elementor-element.elementor-element-8e74a32{--grid-columns:2;}}@media(min-width:768px){.elementor-457 .elementor-element.elementor-element-6544b19{--width:60%;}.elementor-457 .elementor-element.elementor-element-52d16d8{--width:25%;}.elementor-457 .elementor-element.elementor-element-f092699{--width:60%;}.elementor-457 .elementor-element.elementor-element-38e718f{--width:25%;}.elementor-457 .elementor-element.elementor-element-f83a8a0{--width:10%;}.elementor-457 .elementor-element.elementor-element-fde1f2e{--width:65%;}}@media(max-width:1024px) and (min-width:768px){.elementor-457 .elementor-element.elementor-element-6544b19{--width:60%;}.elementor-457 .elementor-element.elementor-element-52d16d8{--width:25%;}.elementor-457 .elementor-element.elementor-element-f092699{--width:60%;}.elementor-457 .elementor-element.elementor-element-38e718f{--width:25%;}.elementor-457 .elementor-element.elementor-element-f83a8a0{--width:22%;}.elementor-457 .elementor-element.elementor-element-fde1f2e{--width:60%;}}/* Start custom CSS for taxonomy-filter, class: .elementor-element-d9f796a *//* === Taxonomy Filter - ย้ายลูกศรมาด้านซ้าย === */ .elementor-widget-taxonomy-filter .e-filter-item, .elementor-widget-taxonomy-filter .taxonomy-filter-list .e-filter-item, .elementor-widget-taxonomy-filter .e-taxonomy-filter-list__item { position: relative !important; /* 🌟 สลับระยะ Padding: ให้เว้นที่ว่างด้านซ้าย (40px) เพื่อหลบลูกศรแทน */ padding: 12px 12px 10px 30px !important; } /* ลูกศรหลัก - ใช้หลาย .elementor-457 .elementor-element.elementor-element-d9f796a เพื่อความครอบคลุม */ .elementor-widget-taxonomy-filter .e-filter-item.has-children::after, .elementor-widget-taxonomy-filter .e-filter-item:not(.e-active)::after, .elementor-widget-taxonomy-filter .taxonomy-filter-list .e-filter-item.has-children::after, .elementor-widget-taxonomy-filter .e-taxonomy-filter-list__item.has-children::after { content: '' !important; position: absolute !important; /* 🌟 เปลี่ยนจาก right เป็น left */ left: 0px !important; right: auto !important; /* ล้างค่าเดิมเพื่อป้องกันบั๊กจากธีมหลัก */ top: 50% !important; transform: translateY(-50%) !important; width: 20px !important; height: 20px !important; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23ef2d81' stroke-width='3.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M14 5l7 7-7 7'/%3E%3C/svg%3E") no-repeat center !important; background-size: contain !important; z-index: 2 !important; opacity: 0.95 !important; } /* หมุนลูกศรเมื่อ Active */ .elementor-widget-taxonomy-filter .e-filter-item.e-active::after, .elementor-widget-taxonomy-filter .e-taxonomy-filter-list__item.e-active::after { transform: translateY(-50%) rotate(90deg) !important; } /* Hover Effect */ .elementor-widget-taxonomy-filter .e-filter-item:hover, .elementor-widget-taxonomy-filter .e-taxonomy-filter-list__item:hover { background-color: #f8f8f8; } /* สีตัวอักษร */ .elementor-widget-taxonomy-filter .e-filter-item a, .elementor-widget-taxonomy-filter .e-taxonomy-filter-list__item a { color: #333 !important; } .elementor-widget-taxonomy-filter .e-filter-item.e-active a, .elementor-widget-taxonomy-filter .e-taxonomy-filter-list__item.e-active a { color: #ef2d81 !important; font-weight: 600; } /* Dropdown (เผื่อใช้) */ .elementor-widget-taxonomy-filter select { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23ef2d81' stroke-width='3.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E") !important; /* 🌟 สลับลูกศรของช่อง Dropdown มาด้านซ้าย */ background-position: left 15px center !important; background-size: 22px !important; padding-left: 45px !important; /* ดันข้อความไปขวาหลบลูกศร */ padding-right: 15px !important; } /* Responsive */ @media (max-width: 1024px) { .elementor-widget-taxonomy-filter .e-filter-item, .elementor-widget-taxonomy-filter .e-taxonomy-filter-list__item { /* สลับ Padding สำหรับ Tablet */ padding: 14px 12px 14px 30px !important; } } @media (max-width: 767px) { .elementor-widget-taxonomy-filter .e-filter-item, .elementor-widget-taxonomy-filter .e-taxonomy-filter-list__item { /* สลับ Padding สำหรับ Mobile */ padding: 13px 12px 13px 30px !important; } .elementor-widget-taxonomy-filter .e-filter-item.has-children::after, .elementor-widget-taxonomy-filter .e-taxonomy-filter-list__item.has-children::after { width: 18px !important; height: 18px !important; /* 🌟 ยึดลูกศรฝั่งซ้ายสำหรับ Mobile */ left: 10px !important; right: auto !important; } } /* === ทำให้เส้นขอบ (Border) ขีดไปจนสุด (แก้ขอบทะลุ) === */ /* 1. บังคับให้โครงสร้าง List เป็นแนวตั้งและกาง 100% */ .elementor-widget-taxonomy-filter .taxonomy-filter-list, .elementor-widget-taxonomy-filter .e-taxonomy-filter-list { display: flex !important; flex-direction: column !important; width: 100% !important; overflow: hidden !important; /* ตัดส่วนที่อาจจะล้นออกไป */ } /* 2. บังคับให้แต่ละไอเทมกางเต็มพื้นที่ และใส่เส้นขอบด้านล่าง */ .elementor-widget-taxonomy-filter .e-filter-item, .elementor-widget-taxonomy-filter .taxonomy-filter-list .e-filter-item, .elementor-widget-taxonomy-filter .e-taxonomy-filter-list__item { box-sizing: border-box !important; /* 🌟 ตัวช่วยหลัก: บังคับไม่ให้ความกว้างรวมทะลุกล่อง */ width: 100% !important; display: block !important; border-bottom: 1px solid #ebebeb !important; } /* 3. ล้างเส้นขอบเดิมที่อาจติดมากับตัวหนังสือทิ้งไป */ .elementor-widget-taxonomy-filter .e-filter-item a, .elementor-widget-taxonomy-filter .e-taxonomy-filter-list__item a { display: block !important; width: 100% !important; border-bottom: none !important; }/* End custom CSS */ /* Start custom CSS for taxonomy-filter, class: .elementor-element-53aecac *//* === Taxonomy Filter - ย้ายลูกศรมาด้านซ้าย === */ .elementor-widget-taxonomy-filter .e-filter-item, .elementor-widget-taxonomy-filter .taxonomy-filter-list .e-filter-item, .elementor-widget-taxonomy-filter .e-taxonomy-filter-list__item { position: relative !important; /* 🌟 สลับระยะ Padding: ให้เว้นที่ว่างด้านซ้าย (40px) เพื่อหลบลูกศรแทน */ padding: 12px 12px 10px 30px !important; } /* ลูกศรหลัก - ใช้หลาย .elementor-457 .elementor-element.elementor-element-53aecac เพื่อความครอบคลุม */ .elementor-widget-taxonomy-filter .e-filter-item.has-children::after, .elementor-widget-taxonomy-filter .e-filter-item:not(.e-active)::after, .elementor-widget-taxonomy-filter .taxonomy-filter-list .e-filter-item.has-children::after, .elementor-widget-taxonomy-filter .e-taxonomy-filter-list__item.has-children::after { content: '' !important; position: absolute !important; /* 🌟 เปลี่ยนจาก right เป็น left */ left: 0px !important; right: auto !important; /* ล้างค่าเดิมเพื่อป้องกันบั๊กจากธีมหลัก */ top: 50% !important; transform: translateY(-50%) !important; width: 20px !important; height: 20px !important; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23ef2d81' stroke-width='3.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M14 5l7 7-7 7'/%3E%3C/svg%3E") no-repeat center !important; background-size: contain !important; z-index: 2 !important; opacity: 0.95 !important; } /* หมุนลูกศรเมื่อ Active */ .elementor-widget-taxonomy-filter .e-filter-item.e-active::after, .elementor-widget-taxonomy-filter .e-taxonomy-filter-list__item.e-active::after { transform: translateY(-50%) rotate(90deg) !important; } /* Hover Effect */ .elementor-widget-taxonomy-filter .e-filter-item:hover, .elementor-widget-taxonomy-filter .e-taxonomy-filter-list__item:hover { background-color: #f8f8f8; } /* สีตัวอักษร */ .elementor-widget-taxonomy-filter .e-filter-item a, .elementor-widget-taxonomy-filter .e-taxonomy-filter-list__item a { color: #333 !important; } .elementor-widget-taxonomy-filter .e-filter-item.e-active a, .elementor-widget-taxonomy-filter .e-taxonomy-filter-list__item.e-active a { color: #ef2d81 !important; font-weight: 600; } /* Dropdown (เผื่อใช้) */ .elementor-widget-taxonomy-filter select { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23ef2d81' stroke-width='3.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E") !important; /* 🌟 สลับลูกศรของช่อง Dropdown มาด้านซ้าย */ background-position: left 15px center !important; background-size: 22px !important; padding-left: 45px !important; /* ดันข้อความไปขวาหลบลูกศร */ padding-right: 15px !important; } /* Responsive */ @media (max-width: 1024px) { .elementor-widget-taxonomy-filter .e-filter-item, .elementor-widget-taxonomy-filter .e-taxonomy-filter-list__item { /* สลับ Padding สำหรับ Tablet */ padding: 14px 12px 14px 30px !important; } } @media (max-width: 767px) { .elementor-widget-taxonomy-filter .e-filter-item, .elementor-widget-taxonomy-filter .e-taxonomy-filter-list__item { /* สลับ Padding สำหรับ Mobile */ padding: 13px 12px 13px 30px !important; } .elementor-widget-taxonomy-filter .e-filter-item.has-children::after, .elementor-widget-taxonomy-filter .e-taxonomy-filter-list__item.has-children::after { width: 18px !important; height: 18px !important; /* 🌟 ยึดลูกศรฝั่งซ้ายสำหรับ Mobile */ left: 10px !important; right: auto !important; } } /* === ทำให้เส้นขอบ (Border) ขีดไปจนสุด (แก้ขอบทะลุ) === */ /* 1. บังคับให้โครงสร้าง List เป็นแนวตั้งและกาง 100% */ .elementor-widget-taxonomy-filter .taxonomy-filter-list, .elementor-widget-taxonomy-filter .e-taxonomy-filter-list { display: flex !important; flex-direction: column !important; width: 100% !important; overflow: hidden !important; /* ตัดส่วนที่อาจจะล้นออกไป */ } /* 2. บังคับให้แต่ละไอเทมกางเต็มพื้นที่ และใส่เส้นขอบด้านล่าง */ .elementor-widget-taxonomy-filter .e-filter-item, .elementor-widget-taxonomy-filter .taxonomy-filter-list .e-filter-item, .elementor-widget-taxonomy-filter .e-taxonomy-filter-list__item { box-sizing: border-box !important; /* 🌟 ตัวช่วยหลัก: บังคับไม่ให้ความกว้างรวมทะลุกล่อง */ width: 100% !important; display: block !important; border-bottom: 1px solid #ebebeb !important; } /* 3. ล้างเส้นขอบเดิมที่อาจติดมากับตัวหนังสือทิ้งไป */ .elementor-widget-taxonomy-filter .e-filter-item a, .elementor-widget-taxonomy-filter .e-taxonomy-filter-list__item a { display: block !important; width: 100% !important; border-bottom: none !important; }/* End custom CSS */ /* Start Custom Fonts CSS */@font-face { font-family: 'Google Sans'; font-style: normal; font-weight: normal; font-display: auto; src: url('https://fourdem.co.th/wp-content/uploads/2026/05/GoogleSans-VariableFont_GRADopszwght.ttf') format('truetype'); } /* End Custom Fonts CSS */