.elementor-2384 .elementor-element.elementor-element-635901a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2384 .elementor-element.elementor-element-a381412{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0%;--padding-bottom:10%;--padding-left:5%;--padding-right:5%;}.elementor-widget-portfolio a .elementor-portfolio-item__overlay{background-color:var( --e-global-color-accent );}.elementor-widget-portfolio .elementor-portfolio-item__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-portfolio .elementor-portfolio__filter{color:var( --e-global-color-text );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-portfolio .elementor-portfolio__filter.elementor-active{color:var( --e-global-color-primary );}.elementor-msie .elementor-2384 .elementor-element.elementor-element-c0b7138 .elementor-portfolio-item{width:calc( 100% / 3 );}.elementor-2384 .elementor-element.elementor-element-c0b7138{--grid-row-gap:10px;--grid-column-gap:10px;}.elementor-2384 .elementor-element.elementor-element-c0b7138 a .elementor-portfolio-item__overlay{background-color:#A5AA9490;}.elementor-2384 .elementor-element.elementor-element-c0b7138 .elementor-portfolio-item__title{font-family:var( --e-global-typography-48d0899-font-family ), Sans-serif;font-size:var( --e-global-typography-48d0899-font-size );font-weight:var( --e-global-typography-48d0899-font-weight );text-transform:var( --e-global-typography-48d0899-text-transform );font-style:var( --e-global-typography-48d0899-font-style );text-decoration:var( --e-global-typography-48d0899-text-decoration );line-height:var( --e-global-typography-48d0899-line-height );}.elementor-2384 .elementor-element.elementor-element-c0b7138 .elementor-portfolio__filter{color:var( --e-global-color-805f32f );}.elementor-2384 .elementor-element.elementor-element-c0b7138 .elementor-portfolio__filter.elementor-active{color:var( --e-global-color-805f32f );}.elementor-2384 .elementor-element.elementor-element-c0b7138 .elementor-portfolio__filter:not(:last-child){margin-right:calc(10px/2);}.elementor-2384 .elementor-element.elementor-element-c0b7138 .elementor-portfolio__filter:not(:first-child){margin-left:calc(10px/2);}.elementor-2384 .elementor-element.elementor-element-c0b7138 .elementor-portfolio__filters{margin-bottom:30px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-2384 .elementor-element.elementor-element-635901a{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-msie .elementor-2384 .elementor-element.elementor-element-c0b7138 .elementor-portfolio-item{width:calc( 100% / 2 );}.elementor-2384 .elementor-element.elementor-element-c0b7138 .elementor-portfolio-item__title{font-size:var( --e-global-typography-48d0899-font-size );line-height:var( --e-global-typography-48d0899-line-height );}}@media(max-width:767px){.elementor-2384 .elementor-element.elementor-element-635901a{--min-height:150px;}.elementor-2384 .elementor-element.elementor-element-a381412{--padding-top:5%;--padding-bottom:5%;--padding-left:5%;--padding-right:5%;}.elementor-msie .elementor-2384 .elementor-element.elementor-element-c0b7138 .elementor-portfolio-item{width:calc( 100% / 2 );}.elementor-2384 .elementor-element.elementor-element-c0b7138 .elementor-portfolio-item__title{font-size:var( --e-global-typography-48d0899-font-size );line-height:var( --e-global-typography-48d0899-line-height );}}/* Start custom CSS for portfolio, class: .elementor-element-c0b7138 *//* ปุ่มทั้งหมด */
.elementor-portfolio__filters li {
  background-color: #9ea489; /* สีเขียวเทา */
  color: #fff;
  padding: 8px 16px;
  border-radius: 5px;
  margin: 0 6px;
  display: inline-block;
  font-weight: 500;
  cursor: pointer;
  transition: background-color 0.3s ease, color 0.3s ease;
}

/* Hover ทุกปุ่ม = สีชมพู */
.elementor-portfolio__filters li:hover {
  background-color: #e4a28b;
  color: #fff;
}

/* ปุ่มที่ถูกเลือก (Active) = สีชมพู */
.elementor-portfolio__filters li.elementor-active {
  background-color: #e4a28b;
  color: #fff;
}/* End custom CSS */