.elementor-25191 .elementor-element.elementor-element-1fec995{--display:flex;--min-height:48vh;--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:center;--gap:16px 16px;--row-gap:16px;--column-gap:16px;--overlay-opacity:0.5;--padding-top:120px;--padding-bottom:100px;--padding-left:20px;--padding-right:20px;}.elementor-25191 .elementor-element.elementor-element-1fec995:not(.elementor-motion-effects-element-type-background), .elementor-25191 .elementor-element.elementor-element-1fec995 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1A1B4F;background-image:url("https://tnpenvironment.co.th/wp-content/uploads/2026/07/public-participation-meeting-01.webp");background-position:center center;}.elementor-25191 .elementor-element.elementor-element-1fec995::before, .elementor-25191 .elementor-element.elementor-element-1fec995 > .elementor-background-video-container::before, .elementor-25191 .elementor-element.elementor-element-1fec995 > .e-con-inner > .elementor-background-video-container::before, .elementor-25191 .elementor-element.elementor-element-1fec995 > .elementor-background-slideshow::before, .elementor-25191 .elementor-element.elementor-element-1fec995 > .e-con-inner > .elementor-background-slideshow::before, .elementor-25191 .elementor-element.elementor-element-1fec995 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(150deg, var( --e-global-color-primary ) 0%, var( --e-global-color-secondary ) 100%);}.elementor-25191 .elementor-element.elementor-element-d350ecd{--display:flex;--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:center;--gap:18px 18px;--row-gap:18px;--column-gap:18px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.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-25191 .elementor-element.elementor-element-2f2a973{text-align:center;}.elementor-25191 .elementor-element.elementor-element-2f2a973 .elementor-heading-title{font-family:"Prompt", Sans-serif;font-size:56px;font-weight:800;line-height:1.15em;color:#FFFFFF;}.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-25191 .elementor-element.elementor-element-5c0db16{font-family:"Prompt", Sans-serif;font-size:18px;font-weight:400;line-height:1.7em;color:#EDEFF7;}.elementor-25191 .elementor-element.elementor-element-608c6ee{--display:flex;--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:center;--padding-top:50px;--padding-bottom:100px;--padding-left:20px;--padding-right:20px;}.elementor-25191 .elementor-element.elementor-element-608c6ee:not(.elementor-motion-effects-element-type-background), .elementor-25191 .elementor-element.elementor-element-608c6ee > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-tnp_mist_2 );}.elementor-25191 .elementor-element.elementor-element-93fb01a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:32px 32px;--row-gap:32px;--column-gap:32px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-25191 .elementor-element.elementor-element-71a08b8{--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:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-25191 .elementor-element.elementor-element-c18739b{--display:flex;--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;--border-radius:20px 20px 20px 20px;box-shadow:0px 5px 20px 0px rgba(0, 0, 0, 0.19);--padding-top:60px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-25191 .elementor-element.elementor-element-c18739b:not(.elementor-motion-effects-element-type-background), .elementor-25191 .elementor-element.elementor-element-c18739b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(158deg, var( --e-global-color-secondary ) 0%, var( --e-global-color-tnp_primary ) 100%);}.elementor-25191 .elementor-element.elementor-element-bd010a2{text-align:center;}.elementor-25191 .elementor-element.elementor-element-bd010a2 .elementor-heading-title{font-family:"Prompt", Sans-serif;font-size:36px;font-weight:700;line-height:1.2em;letter-spacing:-0.01em;color:#FFFFFF;}.elementor-25191 .elementor-element.elementor-element-6d0ca82{text-align:center;font-family:"Prompt", Sans-serif;font-size:17px;line-height:1.6em;color:#dde0fa;}.elementor-25191 .elementor-element.elementor-element-6d0ca82 p{margin-block-end:0px;}.elementor-25191 .elementor-element.elementor-element-78ae37b{--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:center;--align-items:center;--border-radius:20px 20px 20px 20px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-button .elementor-button{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-25191 .elementor-element.elementor-element-65dc9d7 .elementor-button{background-color:transparent;font-family:"Prompt", Sans-serif;font-size:17px;font-weight:500;fill:#FFFFFF;color:#FFFFFF;background-image:linear-gradient(180deg, #39B54A 0%, #1C7929 100%);border-radius:99px 99px 99px 99px;}.elementor-25191 .elementor-element.elementor-element-65dc9d7 .elementor-button:hover, .elementor-25191 .elementor-element.elementor-element-65dc9d7 .elementor-button:focus{background-color:#2E9B3D;color:#FFFFFF;}.elementor-25191 .elementor-element.elementor-element-65dc9d7 .elementor-button-content-wrapper{flex-direction:row;}.elementor-25191 .elementor-element.elementor-element-65dc9d7 .elementor-button:hover svg, .elementor-25191 .elementor-element.elementor-element-65dc9d7 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-25191 .elementor-element.elementor-element-688f70f .elementor-button{background-color:#FFFFFF;font-family:"Prompt", Sans-serif;font-size:17px;font-weight:500;fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-radius:99px 99px 99px 99px;}.elementor-25191 .elementor-element.elementor-element-688f70f .elementor-button:hover, .elementor-25191 .elementor-element.elementor-element-688f70f .elementor-button:focus{background-color:#2E9B3D;color:#FFFFFF;}.elementor-25191 .elementor-element.elementor-element-688f70f .elementor-button-content-wrapper{flex-direction:row;}.elementor-25191 .elementor-element.elementor-element-688f70f .elementor-button:hover svg, .elementor-25191 .elementor-element.elementor-element-688f70f .elementor-button:focus svg{fill:#FFFFFF;}@media(max-width:1024px){.elementor-25191 .elementor-element.elementor-element-71a08b8{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-25191 .elementor-element.elementor-element-c18739b{--padding-top:60px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;}.elementor-25191 .elementor-element.elementor-element-bd010a2 .elementor-heading-title{font-size:30px;}.elementor-25191 .elementor-element.elementor-element-65dc9d7 .elementor-button{font-size:18px;}.elementor-25191 .elementor-element.elementor-element-688f70f .elementor-button{font-size:18px;}}@media(max-width:767px){.elementor-25191 .elementor-element.elementor-element-c18739b{--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-25191 .elementor-element.elementor-element-bd010a2 .elementor-heading-title{font-size:22px;line-height:1.25em;}.elementor-25191 .elementor-element.elementor-element-6d0ca82{font-size:15px;}.elementor-25191 .elementor-element.elementor-element-6d0ca82 p{margin-block-end:10px;}.elementor-25191 .elementor-element.elementor-element-78ae37b{--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-25191 .elementor-element.elementor-element-65dc9d7{width:100%;max-width:100%;}.elementor-25191 .elementor-element.elementor-element-688f70f{width:100%;max-width:100%;}}/* Start custom CSS *//* Fix: entrance animations were ending at opacity:0 because .animated lacked fill-mode */
.animated{animation-fill-mode:both!important;}
/* category filter buttons */
.tnp-cat-filter { margin-bottom: 40px; }
.tnp-cat-filter .elementor-widget-button { width: auto; }
.tnp-catbtn .elementor-button, .tnp-catbtn-active .elementor-button {
  background-color: #FFFFFF;
  color: #262165;
  border: 1px solid #E4E7F2;
  border-radius: 999px;
  padding: 10px 22px;
  font-family: "Prompt", sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
  box-shadow: 0 2px 8px rgba(38,33,101,0.06);
  transition: transform .25s cubic-bezier(0.2,0.7,0.2,1), background-color .25s, color .25s, border-color .25s, box-shadow .25s;
}
.tnp-catbtn .elementor-button:hover {
  background-color: #2287CA;
  color: #FFFFFF;
  border-color: #2287CA;
  transform: translateY(-2px);
  box-shadow: 0 10px 22px rgba(34,135,202,0.32);
}
.tnp-catbtn-active .elementor-button {
  background-color: #262165;
  color: #FFFFFF;
  border-color: #262165;
  box-shadow: 0 8px 20px rgba(38,33,101,0.28);
}
.tnp-catbtn-active .elementor-button:hover {
  background-color: #262165;
  color: #FFFFFF;
  border-color: #262165;
  transform: translateY(-2px);
}
/* override default green button color on category filter */
.tnp-cat-filter .tnp-catbtn .elementor-button { background-color:#FFFFFF !important; color:#262165 !important; border:1px solid #E4E7F2 !important; }
.tnp-cat-filter .tnp-catbtn .elementor-button:hover { background-color:#2287CA !important; color:#FFFFFF !important; border-color:#2287CA !important; }
.tnp-cat-filter .tnp-catbtn-active .elementor-button { background-color:#262165 !important; color:#FFFFFF !important; border-color:#262165 !important; }
.tnp-cat-filter .tnp-catbtn-active .elementor-button:hover { background-color:#262165 !important; color:#FFFFFF !important; border-color:#262165 !important; }
/* CTA buttons — match homepage (glow on hover) */
.tnp-cta-btn .elementor-button { transition: transform 0.35s cubic-bezier(0.2,0.7,0.2,1), box-shadow 0.35s, background-color 0.35s, color 0.35s, border-color 0.35s !important; }
.tnp-cta-btn .elementor-button:hover { transform: translateY(-3px); }
.tnp-cta-btn-primary .elementor-button:hover { box-shadow: rgba(57,181,74,0.5) 0px 12px 28px !important; }
.tnp-cta-btn-ghost .elementor-button { background: transparent !important; border: 1px solid rgba(255,255,255,0.55) !important; color: #FFFFFF !important; }
.tnp-cta-btn-ghost .elementor-button:hover { background: #FFFFFF !important; color: #1a2a6c !important; border-color: #FFFFFF !important; box-shadow: rgba(0,0,0,0.22) 0px 12px 26px !important; }
@media (prefers-reduced-motion: reduce) { .tnp-cta-btn .elementor-button, .tnp-cta-btn .elementor-button:hover { transform: none; } }/* End custom CSS */