.elementor-259 .elementor-element.elementor-element-89afae5{--display:flex;--min-height:400px;--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;--justify-content:center;--align-items:center;--padding-top:80px;--padding-bottom:60px;--padding-left:40px;--padding-right:40px;}.elementor-259 .elementor-element.elementor-element-89afae5:not(.elementor-motion-effects-element-type-background), .elementor-259 .elementor-element.elementor-element-89afae5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(135deg, #FFF7ED 0%, #FFFFFF 100%);}.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-259 .elementor-element.elementor-element-4539a78{text-align:center;font-family:"IBM Plex Sans Thai", Sans-serif;font-size:12px;font-weight:700;letter-spacing:2.5px;color:#C2410C;}.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-259 .elementor-element.elementor-element-40f4103{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 18px) 0px;text-align:center;}.elementor-259 .elementor-element.elementor-element-40f4103 .elementor-heading-title{font-family:"IBM Plex Sans Thai", Sans-serif;font-size:48px;font-weight:800;line-height:1.1em;letter-spacing:-1.8px;color:#1A1A1A;}.elementor-259 .elementor-element.elementor-element-5b3779a{text-align:center;font-family:"IBM Plex Sans Thai", Sans-serif;font-size:18px;font-weight:400;line-height:1.6em;color:#475569;}.elementor-259 .elementor-element.elementor-element-060ec13{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;border-style:solid;--border-style:solid;border-color:#F1F5F9;--border-color:#F1F5F9;--border-radius:0px 0px 1px 0px;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-259 .elementor-element.elementor-element-060ec13:not(.elementor-motion-effects-element-type-background), .elementor-259 .elementor-element.elementor-element-060ec13 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-259 .elementor-element.elementor-element-0de9f66{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:24px 24px;--row-gap:24px;--column-gap:24px;--grid-auto-flow:row;--align-items:center;}.elementor-widget-counter .elementor-counter-number-wrapper{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-counter .elementor-counter-title{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-259 .elementor-element.elementor-element-fa9c1c6 .elementor-counter-number-wrapper{gap:6px;color:#FF7C1A;font-family:"IBM Plex Sans Thai", Sans-serif;font-size:48px;font-weight:900;letter-spacing:-2px;}.elementor-259 .elementor-element.elementor-element-fa9c1c6 .elementor-counter-title{color:#475569;font-family:"IBM Plex Sans Thai", Sans-serif;font-size:14px;font-weight:600;}.elementor-259 .elementor-element.elementor-element-20b93a5 .elementor-counter-number-wrapper{gap:6px;color:#FF7C1A;font-family:"IBM Plex Sans Thai", Sans-serif;font-size:48px;font-weight:900;letter-spacing:-2px;}.elementor-259 .elementor-element.elementor-element-20b93a5 .elementor-counter-title{color:#475569;font-family:"IBM Plex Sans Thai", Sans-serif;font-size:14px;font-weight:600;}.elementor-259 .elementor-element.elementor-element-0a5033c .elementor-counter-number-wrapper{gap:6px;color:#FF7C1A;font-family:"IBM Plex Sans Thai", Sans-serif;font-size:48px;font-weight:900;letter-spacing:-2px;}.elementor-259 .elementor-element.elementor-element-0a5033c .elementor-counter-title{color:#475569;font-family:"IBM Plex Sans Thai", Sans-serif;font-size:14px;font-weight:600;}.elementor-259 .elementor-element.elementor-element-ca9e768 .elementor-counter-number-wrapper{gap:6px;color:#FF7C1A;font-family:"IBM Plex Sans Thai", Sans-serif;font-size:48px;font-weight:900;letter-spacing:-2px;}.elementor-259 .elementor-element.elementor-element-ca9e768 .elementor-counter-title{color:#475569;font-family:"IBM Plex Sans Thai", Sans-serif;font-size:14px;font-weight:600;}.elementor-259 .elementor-element.elementor-element-312028b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:80px;--padding-bottom:80px;--padding-left:40px;--padding-right:40px;}.elementor-259 .elementor-element.elementor-element-312028b:not(.elementor-motion-effects-element-type-background), .elementor-259 .elementor-element.elementor-element-312028b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8FAFC;}.elementor-259 .elementor-element.elementor-element-ee54da6{text-align:center;}.elementor-259 .elementor-element.elementor-element-ee54da6 .elementor-heading-title{font-family:"IBM Plex Sans Thai", Sans-serif;font-size:11px;font-weight:700;letter-spacing:2.5px;color:#C2410C;}.elementor-259 .elementor-element.elementor-element-acfde06{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 12px) 0px;text-align:center;}.elementor-259 .elementor-element.elementor-element-acfde06 .elementor-heading-title{font-family:"IBM Plex Sans Thai", Sans-serif;font-size:36px;font-weight:800;letter-spacing:-1px;}.elementor-259 .elementor-element.elementor-element-4f1640e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 32px) 0px;text-align:center;font-family:"IBM Plex Sans Thai", Sans-serif;font-size:16px;font-weight:500;color:#475569;}.elementor-widget-gallery .elementor-gallery-item__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-gallery .elementor-gallery-item__description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-gallery{--galleries-title-color-normal:var( --e-global-color-primary );--galleries-title-color-hover:var( --e-global-color-secondary );--galleries-pointer-bg-color-hover:var( --e-global-color-accent );--gallery-title-color-active:var( --e-global-color-secondary );--galleries-pointer-bg-color-active:var( --e-global-color-accent );}.elementor-widget-gallery .elementor-gallery-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-259 .elementor-element.elementor-element-3c95c33{--titles-container-justify-content:center;--image-transition-duration:800ms;--content-text-align:center;--content-padding:20px;--content-transition-duration:800ms;--content-transition-delay:800ms;--galleries-title-color-normal:#475569;--galleries-pointer-bg-color-hover:#FF7C1A;--galleries-pointer-bg-color-active:var( --e-global-color-primary );--galleries-pointer-border-width:3px;}.elementor-259 .elementor-element.elementor-element-3c95c33 .elementor-gallery-title{font-family:"IBM Plex Sans Thai", Sans-serif;font-size:14px;font-weight:600;--space-between:8px;}.elementor-259 .elementor-element.elementor-element-3c95c33 .elementor-gallery__titles-container{margin-bottom:4px;}.elementor-259 .elementor-element.elementor-element-44bbf05{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-around;--align-items:center;--gap:40px 40px;--row-gap:40px;--column-gap:40px;--flex-wrap:wrap;--padding-top:60px;--padding-bottom:60px;--padding-left:40px;--padding-right:40px;}.elementor-259 .elementor-element.elementor-element-44bbf05:not(.elementor-motion-effects-element-type-background), .elementor-259 .elementor-element.elementor-element-44bbf05 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-259 .elementor-element.elementor-element-dc42d05{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:80px;--padding-bottom:80px;--padding-left:40px;--padding-right:40px;}.elementor-259 .elementor-element.elementor-element-dc42d05:not(.elementor-motion-effects-element-type-background), .elementor-259 .elementor-element.elementor-element-dc42d05 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8FAFC;}:root{--page-title-display:none;}@media(max-width:1366px){.elementor-259 .elementor-element.elementor-element-0de9f66{--grid-auto-flow:row;}}@media(min-width:768px){.elementor-259 .elementor-element.elementor-element-89afae5{--content-width:1200px;}.elementor-259 .elementor-element.elementor-element-060ec13{--content-width:1200px;}.elementor-259 .elementor-element.elementor-element-312028b{--content-width:1200px;}.elementor-259 .elementor-element.elementor-element-44bbf05{--content-width:1200px;}.elementor-259 .elementor-element.elementor-element-dc42d05{--content-width:1200px;}}@media(min-width:2400px){.elementor-259 .elementor-element.elementor-element-0de9f66{--grid-auto-flow:row;}}@media(max-width:1024px){.elementor-259 .elementor-element.elementor-element-40f4103 .elementor-heading-title{font-size:36px;}.elementor-259 .elementor-element.elementor-element-0de9f66{--grid-auto-flow:row;}.elementor-259 .elementor-element.elementor-element-acfde06 .elementor-heading-title{font-size:28px;}}@media(max-width:767px){.elementor-259 .elementor-element.elementor-element-40f4103 .elementor-heading-title{font-size:26px;}.elementor-259 .elementor-element.elementor-element-0de9f66{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-259 .elementor-element.elementor-element-acfde06 .elementor-heading-title{font-size:22px;}}/* Start custom CSS for text-editor, class: .elementor-element-4539a78 */.elementor-259 .elementor-element.elementor-element-4539a78 p {
  display: inline-block;
  background: white;
  padding: 8px 18px;
  border-radius: 100px;
  border: 1px solid #FFEDD5;
  box-shadow: 0 4px 16px rgba(255,124,26,0.15);
  margin: 0 0 20px 0;
}
.elementor-259 .elementor-element.elementor-element-4539a78 { text-align: center; }/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-5b3779a */.elementor-259 .elementor-element.elementor-element-5b3779a { max-width: 680px; margin: 0 auto; }/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ee54da6 */.elementor-259 .elementor-element.elementor-element-ee54da6 h6 {
  display: inline-block;
  background: white;
  padding: 6px 14px;
  border-radius: 100px;
  border: 1px solid #FFEDD5;
  margin: 0 0 12px 0;
}
.elementor-259 .elementor-element.elementor-element-ee54da6 { text-align: center; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-44bbf05 */.elementor-259 .elementor-element.elementor-element-44bbf05 {
  flex-wrap: wrap;
}
@media (max-width: 768px) {
  .elementor-259 .elementor-element.elementor-element-44bbf05 { gap: 20px !important; justify-content: center !important; }
}/* End custom CSS */
/* Start custom CSS *//* =========================================
   QUEDEE - PORTFOLIO PAGE
   Gallery Filter Pill Style (Final)
   ========================================= */

/* ====== Hide underline indicators ====== */
body .elementor-gallery__titles-container.e--pointer-underline .e--toggle-align-center-vertical,
body .elementor-gallery__titles-container .elementor-item::before,
body .elementor-gallery__titles-container .elementor-item::after,
body .elementor-gallery__titles-container [class*="underline"],
body .elementor-gallery__titles-container [class*="indicator"] {
  display: none !important;
  opacity: 0 !important;
  background: transparent !important;
  height: 0 !important;
}

/* ====== Filter Container - White pill wrapper, full width ====== */
body .elementor-widget-gallery .elementor-gallery__titles-container {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  padding: 12px 20px !important;
  background: #ffffff !important;
  border-radius: 16px !important;
  box-shadow: 0 4px 16px rgba(0,0,0,0.05) !important;
  border: none !important;
  width: 100% !important;
  max-width: 1200px !important;
  margin: 0 auto 32px !important;
}

/* ====== Center alignment ====== */
body .elementor-widget-gallery {
  text-align: center !important;
}

/* ====== Filter Items - Pill Style (Default) ====== */
body .elementor-widget-gallery .elementor-gallery__titles-container .elementor-item,
body .elementor-widget-gallery .elementor-gallery__titles-container a.elementor-item {
  background-color: transparent !important;
  padding: 10px 22px !important;
  border-radius: 100px !important;
  font-family: 'IBM Plex Sans Thai', sans-serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #475569 !important;
  border: none !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
  margin: 0 !important;
  line-height: 1.5 !important;
}

/* ====== Filter Items - Hover ====== */
body .elementor-widget-gallery .elementor-gallery__titles-container .elementor-item:hover,
body .elementor-widget-gallery .elementor-gallery__titles-container a.elementor-item:hover {
  background-color: #FFF7ED !important;
  color: #FF7C1A !important;
}

/* ====== Filter Items - Active (ที่กำลังเลือกอยู่) ====== */
body .elementor-widget-gallery .elementor-gallery__titles-container .elementor-item-active,
body .elementor-widget-gallery .elementor-gallery__titles-container .elementor-item.elementor-item-active,
body .elementor-widget-gallery .elementor-gallery__titles-container a.elementor-item.elementor-item-active {
  background-color: #FF7C1A !important;
  color: #ffffff !important;
}

/* ====== Mobile responsive ====== */
@media (max-width: 640px) {
  body .elementor-widget-gallery .elementor-gallery__titles-container {
    padding: 10px 14px !important;
    gap: 4px !important;
  }
  body .elementor-widget-gallery .elementor-gallery__titles-container .elementor-item,
  body .elementor-widget-gallery .elementor-gallery__titles-container a.elementor-item {
    padding: 8px 16px !important;
    font-size: 12px !important;
  }
}/* End custom CSS */