.elementor-1676 .elementor-element.elementor-element-538ba16{--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:050px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-1676 .elementor-element.elementor-element-538ba16:not(.elementor-motion-effects-element-type-background), .elementor-1676 .elementor-element.elementor-element-538ba16 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-1676 .elementor-element.elementor-element-1383b9e{text-align:center;font-size:16px;font-weight:500;letter-spacing:1px;color:#3A54A5;}.elementor-1676 .elementor-element.elementor-element-f6f7d7a{text-align:center;}.elementor-1676 .elementor-element.elementor-element-f6f7d7a .elementor-heading-title{font-size:48px;}.elementor-1676 .elementor-element.elementor-element-d4bf9cd.elementor-element{--align-self:center;}.elementor-1676 .elementor-element.elementor-element-3801760{--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:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:030px;--padding-left:20px;--padding-right:20px;}.elementor-1676 .elementor-element.elementor-element-88a7976{--display:flex;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1676 .elementor-element.elementor-element-88a7976.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1676 .elementor-element.elementor-element-4b0bbaf .elementor-heading-title{font-size:38px;font-weight:600;text-transform:uppercase;}.elementor-1676 .elementor-element.elementor-element-7908266 .elementor-heading-title{font-size:44px;font-weight:600;color:#3A54A5;}.elementor-1676 .elementor-element.elementor-element-7908266{margin:010px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1676 .elementor-element.elementor-element-5d0b411 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-1676 .elementor-element.elementor-element-5d0b411 .elementor-button{background-color:transparent;background-image:linear-gradient(227deg, #3A54A5 0%, #243A7A 100%);border-radius:999px 999px 999px 999px;}.elementor-1676 .elementor-element.elementor-element-5d0b411{margin:15px 0px calc(var(--kit-widget-spacing, 0px) + 15px) 0px;z-index:1;}.elementor-1676 .elementor-element.elementor-element-b1d78ff{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:1;}.elementor-1676 .elementor-element.elementor-element-7559614{--display:grid;--e-con-grid-template-columns:repeat(6, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:5px 5px;--row-gap:5px;--column-gap:5px;--grid-auto-flow:row;--justify-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:999;}.elementor-1676 .elementor-element.elementor-element-b21c3ae.elementor-position-right .elementor-image-box-img{margin-left:1px;}.elementor-1676 .elementor-element.elementor-element-b21c3ae.elementor-position-left .elementor-image-box-img{margin-right:1px;}.elementor-1676 .elementor-element.elementor-element-b21c3ae.elementor-position-top .elementor-image-box-img{margin-bottom:1px;}.elementor-1676 .elementor-element.elementor-element-b21c3ae .elementor-image-box-title{margin-bottom:6px;font-size:20px;font-weight:400;}.elementor-1676 .elementor-element.elementor-element-b21c3ae .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-1676 .elementor-element.elementor-element-b21c3ae .elementor-image-box-img img{transition-duration:0.3s;}.elementor-1676 .elementor-element.elementor-element-c4cdc20.elementor-position-right .elementor-image-box-img{margin-left:1px;}.elementor-1676 .elementor-element.elementor-element-c4cdc20.elementor-position-left .elementor-image-box-img{margin-right:1px;}.elementor-1676 .elementor-element.elementor-element-c4cdc20.elementor-position-top .elementor-image-box-img{margin-bottom:1px;}.elementor-1676 .elementor-element.elementor-element-c4cdc20 .elementor-image-box-title{margin-bottom:5px;font-size:20px;font-weight:400;}.elementor-1676 .elementor-element.elementor-element-c4cdc20 .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-1676 .elementor-element.elementor-element-c4cdc20 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-1676 .elementor-element.elementor-element-e2c81b2.elementor-position-right .elementor-image-box-img{margin-left:1px;}.elementor-1676 .elementor-element.elementor-element-e2c81b2.elementor-position-left .elementor-image-box-img{margin-right:1px;}.elementor-1676 .elementor-element.elementor-element-e2c81b2.elementor-position-top .elementor-image-box-img{margin-bottom:1px;}.elementor-1676 .elementor-element.elementor-element-e2c81b2 .elementor-image-box-title{margin-bottom:5px;font-size:20px;font-weight:400;}.elementor-1676 .elementor-element.elementor-element-e2c81b2 .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-1676 .elementor-element.elementor-element-e2c81b2 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-1676 .elementor-element.elementor-element-6912ae9.elementor-position-right .elementor-image-box-img{margin-left:1px;}.elementor-1676 .elementor-element.elementor-element-6912ae9.elementor-position-left .elementor-image-box-img{margin-right:1px;}.elementor-1676 .elementor-element.elementor-element-6912ae9.elementor-position-top .elementor-image-box-img{margin-bottom:1px;}.elementor-1676 .elementor-element.elementor-element-6912ae9 .elementor-image-box-title{margin-bottom:5px;font-size:20px;font-weight:400;}.elementor-1676 .elementor-element.elementor-element-6912ae9 .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-1676 .elementor-element.elementor-element-6912ae9 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-1676 .elementor-element.elementor-element-6ed189c.elementor-position-right .elementor-image-box-img{margin-left:1px;}.elementor-1676 .elementor-element.elementor-element-6ed189c.elementor-position-left .elementor-image-box-img{margin-right:1px;}.elementor-1676 .elementor-element.elementor-element-6ed189c.elementor-position-top .elementor-image-box-img{margin-bottom:1px;}.elementor-1676 .elementor-element.elementor-element-6ed189c .elementor-image-box-title{margin-bottom:5px;font-size:20px;font-weight:400;}.elementor-1676 .elementor-element.elementor-element-6ed189c .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-1676 .elementor-element.elementor-element-6ed189c .elementor-image-box-img img{transition-duration:0.3s;}.elementor-1676 .elementor-element.elementor-element-8f9ae31.elementor-position-right .elementor-image-box-img{margin-left:1px;}.elementor-1676 .elementor-element.elementor-element-8f9ae31.elementor-position-left .elementor-image-box-img{margin-right:1px;}.elementor-1676 .elementor-element.elementor-element-8f9ae31.elementor-position-top .elementor-image-box-img{margin-bottom:1px;}.elementor-1676 .elementor-element.elementor-element-8f9ae31 .elementor-image-box-title{margin-bottom:6px;font-size:20px;font-weight:400;}.elementor-1676 .elementor-element.elementor-element-8f9ae31 .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-1676 .elementor-element.elementor-element-8f9ae31 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-1676 .elementor-element.elementor-element-ef306a1{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:30px;--padding-left:20px;--padding-right:20px;}.elementor-1676 .elementor-element.elementor-element-b23b885{--display:flex;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1676 .elementor-element.elementor-element-dc9f4c1 .elementor-heading-title{font-size:38px;font-weight:600;text-transform:uppercase;}.elementor-1676 .elementor-element.elementor-element-059b1a2 .elementor-heading-title{font-size:44px;font-weight:600;color:#22822E;}.elementor-1676 .elementor-element.elementor-element-059b1a2{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1676 .elementor-element.elementor-element-33fccb3 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-1676 .elementor-element.elementor-element-33fccb3 .elementor-button{background-color:transparent;background-image:linear-gradient(119deg, #177622 0%, #4AC843 100%);border-radius:999px 999px 999px 999px;}.elementor-1676 .elementor-element.elementor-element-33fccb3{margin:15px 0px calc(var(--kit-widget-spacing, 0px) + 15px) 0px;z-index:1;}.elementor-1676 .elementor-element.elementor-element-39260e3{--display:flex;--justify-content:center;}.elementor-1676 .elementor-element.elementor-element-68de335{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:1;}.elementor-1676 .elementor-element.elementor-element-4d33d5e.elementor-position-right .elementor-image-box-img{margin-left:1px;}.elementor-1676 .elementor-element.elementor-element-4d33d5e.elementor-position-left .elementor-image-box-img{margin-right:1px;}.elementor-1676 .elementor-element.elementor-element-4d33d5e.elementor-position-top .elementor-image-box-img{margin-bottom:1px;}.elementor-1676 .elementor-element.elementor-element-4d33d5e .elementor-image-box-title{margin-bottom:1px;font-size:20px;font-weight:400;}.elementor-1676 .elementor-element.elementor-element-4d33d5e .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-1676 .elementor-element.elementor-element-4d33d5e .elementor-image-box-img img{transition-duration:0.3s;}.elementor-1676 .elementor-element.elementor-element-58d314e.elementor-position-right .elementor-image-box-img{margin-left:1px;}.elementor-1676 .elementor-element.elementor-element-58d314e.elementor-position-left .elementor-image-box-img{margin-right:1px;}.elementor-1676 .elementor-element.elementor-element-58d314e.elementor-position-top .elementor-image-box-img{margin-bottom:1px;}.elementor-1676 .elementor-element.elementor-element-58d314e .elementor-image-box-title{margin-bottom:5px;font-size:20px;font-weight:400;}.elementor-1676 .elementor-element.elementor-element-58d314e .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-1676 .elementor-element.elementor-element-58d314e .elementor-image-box-img img{transition-duration:0.3s;}.elementor-1676 .elementor-element.elementor-element-04effbb.elementor-position-right .elementor-image-box-img{margin-left:1px;}.elementor-1676 .elementor-element.elementor-element-04effbb.elementor-position-left .elementor-image-box-img{margin-right:1px;}.elementor-1676 .elementor-element.elementor-element-04effbb.elementor-position-top .elementor-image-box-img{margin-bottom:1px;}.elementor-1676 .elementor-element.elementor-element-04effbb .elementor-image-box-title{margin-bottom:5px;font-size:20px;font-weight:400;}.elementor-1676 .elementor-element.elementor-element-04effbb .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-1676 .elementor-element.elementor-element-04effbb .elementor-image-box-img img{transition-duration:0.3s;}@media(min-width:768px){.elementor-1676 .elementor-element.elementor-element-538ba16{--content-width:1400px;}.elementor-1676 .elementor-element.elementor-element-88a7976{--width:100%;}.elementor-1676 .elementor-element.elementor-element-b1d78ff{--width:100%;}.elementor-1676 .elementor-element.elementor-element-7559614{--width:100%;}.elementor-1676 .elementor-element.elementor-element-b23b885{--width:100%;}.elementor-1676 .elementor-element.elementor-element-39260e3{--width:85%;}}@media(min-width:2400px){.elementor-1676 .elementor-element.elementor-element-7559614{--grid-auto-flow:row;}.elementor-1676 .elementor-element.elementor-element-68de335{--grid-auto-flow:row;}}@media(max-width:1366px){.elementor-1676 .elementor-element.elementor-element-7559614{--grid-auto-flow:row;}.elementor-1676 .elementor-element.elementor-element-68de335{--grid-auto-flow:row;}}@media(max-width:1024px){.elementor-1676 .elementor-element.elementor-element-7559614{--grid-auto-flow:row;}.elementor-1676 .elementor-element.elementor-element-68de335{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-1676 .elementor-element.elementor-element-538ba16{--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:30px;--padding-bottom:30px;--padding-left:10px;--padding-right:10px;}.elementor-1676 .elementor-element.elementor-element-1383b9e{font-size:14px;}.elementor-1676 .elementor-element.elementor-element-f6f7d7a .elementor-heading-title{font-size:30px;}.elementor-1676 .elementor-element.elementor-element-f6f7d7a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1676 .elementor-element.elementor-element-d4bf9cd{margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1676 .elementor-element.elementor-element-88a7976{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:1;}.elementor-1676 .elementor-element.elementor-element-4b0bbaf{text-align:center;}.elementor-1676 .elementor-element.elementor-element-4b0bbaf .elementor-heading-title{font-size:30px;}.elementor-1676 .elementor-element.elementor-element-7908266{text-align:center;}.elementor-1676 .elementor-element.elementor-element-7908266 .elementor-heading-title{font-size:30px;}.elementor-1676 .elementor-element.elementor-element-c6decaa.elementor-element{--align-self:center;}.elementor-1676 .elementor-element.elementor-element-93fd807{font-size:16px;z-index:1;}.elementor-1676 .elementor-element.elementor-element-5d0b411{z-index:1;}.elementor-1676 .elementor-element.elementor-element-7559614{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-1676 .elementor-element.elementor-element-b21c3ae .elementor-image-box-img{margin-bottom:1px;}.elementor-1676 .elementor-element.elementor-element-c4cdc20 .elementor-image-box-img{margin-bottom:1px;}.elementor-1676 .elementor-element.elementor-element-e2c81b2 .elementor-image-box-img{margin-bottom:1px;}.elementor-1676 .elementor-element.elementor-element-6912ae9 .elementor-image-box-img{margin-bottom:1px;}.elementor-1676 .elementor-element.elementor-element-6ed189c .elementor-image-box-img{margin-bottom:1px;}.elementor-1676 .elementor-element.elementor-element-8f9ae31 .elementor-image-box-img{margin-bottom:1px;}.elementor-1676 .elementor-element.elementor-element-b23b885{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:1;}.elementor-1676 .elementor-element.elementor-element-dc9f4c1{text-align:center;}.elementor-1676 .elementor-element.elementor-element-dc9f4c1 .elementor-heading-title{font-size:30px;}.elementor-1676 .elementor-element.elementor-element-059b1a2 .elementor-heading-title{font-size:30px;}.elementor-1676 .elementor-element.elementor-element-059b1a2.elementor-element{--align-self:center;}.elementor-1676 .elementor-element.elementor-element-059b1a2{z-index:1;}.elementor-1676 .elementor-element.elementor-element-11edf7a.elementor-element{--align-self:center;}.elementor-1676 .elementor-element.elementor-element-d9689af{font-size:16px;z-index:1;}.elementor-1676 .elementor-element.elementor-element-39260e3{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1676 .elementor-element.elementor-element-68de335{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-1676 .elementor-element.elementor-element-4d33d5e .elementor-image-box-img{margin-bottom:1px;}.elementor-1676 .elementor-element.elementor-element-58d314e .elementor-image-box-img{margin-bottom:1px;}.elementor-1676 .elementor-element.elementor-element-04effbb .elementor-image-box-img{margin-bottom:1px;}}/* Start custom CSS for button, class: .elementor-element-5d0b411 */.elementor-1676 .elementor-element.elementor-element-5d0b411 {
    animation: glow 2s ease-in-out infinite;
}

@keyframes glow {
    0%, 100% {
        opacity: 1;
        filter: brightness(1);
    }

    50% {
        opacity: 0.7;
        filter: brightness(1.3);
    }
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-b21c3ae */.elementor-1676 .elementor-element.elementor-element-b21c3ae{
  overflow:hidden;
  border:1px solid #e2ebe5;
  border-radius:16px;
  background:#ffffff;
  box-shadow:0 9px 20px rgba(22,65,45,.10);
  transition:.3s ease;
}

.elementor-1676 .elementor-element.elementor-element-b21c3ae:hover{
  transform:translateY(-6px);
  box-shadow:0 16px 30px rgba(22,65,45,.16);
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-c4cdc20 */.elementor-1676 .elementor-element.elementor-element-c4cdc20{
  overflow:hidden;
  border:1px solid #e2ebe5;
  border-radius:16px;
  background:#ffffff;
  box-shadow:0 9px 20px rgba(22,65,45,.10);
  transition:.3s ease;
}

.elementor-1676 .elementor-element.elementor-element-c4cdc20:hover{
  transform:translateY(-6px);
  box-shadow:0 16px 30px rgba(22,65,45,.16);
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-e2c81b2 */.elementor-1676 .elementor-element.elementor-element-e2c81b2{
  overflow:hidden;
  border:1px solid #e2ebe5;
  border-radius:16px;
  background:#ffffff;
  box-shadow:0 9px 20px rgba(22,65,45,.10);
  transition:.3s ease;
}

.elementor-1676 .elementor-element.elementor-element-e2c81b2:hover{
  transform:translateY(-6px);
  box-shadow:0 16px 30px rgba(22,65,45,.16);
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-6912ae9 */.elementor-1676 .elementor-element.elementor-element-6912ae9{
  overflow:hidden;
  border:1px solid #e2ebe5;
  border-radius:16px;
  background:#ffffff;
  box-shadow:0 9px 20px rgba(22,65,45,.10);
  transition:.3s ease;
}

.elementor-1676 .elementor-element.elementor-element-6912ae9:hover{
  transform:translateY(-6px);
  box-shadow:0 16px 30px rgba(22,65,45,.16);
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-6ed189c */.elementor-1676 .elementor-element.elementor-element-6ed189c{
  overflow:hidden;
  border:1px solid #e2ebe5;
  border-radius:16px;
  background:#ffffff;
  box-shadow:0 9px 20px rgba(22,65,45,.10);
  transition:.3s ease;
}

.elementor-1676 .elementor-element.elementor-element-6ed189c:hover{
  transform:translateY(-6px);
  box-shadow:0 16px 30px rgba(22,65,45,.16);
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-8f9ae31 */.elementor-1676 .elementor-element.elementor-element-8f9ae31{
  overflow:hidden;
  border:1px solid #e2ebe5;
  border-radius:16px;
  background:#ffffff;
  box-shadow:0 9px 20px rgba(22,65,45,.10);
  transition:.3s ease;
}

.elementor-1676 .elementor-element.elementor-element-8f9ae31:hover{
  transform:translateY(-6px);
  box-shadow:0 16px 30px rgba(22,65,45,.16);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b1d78ff */.coal-card-1,
.coal-card-2,
.coal-card-3,
.coal-card-4,
.coal-card-5 {
    animation: coalStep 8s ease-in-out infinite  ;
}

.coal-card-1 {
    animation-delay: 0s;
}

.coal-card-2 {
    animation-delay: 1.6s;
}

.coal-card-3 {
    animation-delay: 3.2s;
}

.coal-card-4 {
    animation-delay: 4.8s;
}

.coal-card-5 {
    animation-delay: 6.4s;
}

@keyframes coalStep {

    0%,
    15% {
        transform: translateY(0);
    }

    25% {
        transform: translateY(-8px);
    }

    35%,
    100% {
        transform: translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3801760 */.elementor-1676 .elementor-element.elementor-element-3801760::after{

    content:"";

    position:absolute;

    inset:0 0 0 auto;

    width:50%;

    background-image:url("https://www.pureeco-energy.com/wp-content/uploads/2026/07/ถ่านหิน-pure.jpg");

    background-size:cover;

    background-position:center;

    background-repeat:no-repeat;

    -webkit-mask-image:linear-gradient(
        to left,
        #000 0%,
        #000 60%,
        rgba(0,0,0,.6) 78%,
        transparent 100%
    );

    mask-image:linear-gradient(
        to left,
        #000 0%,
        #000 60%,
        rgba(0,0,0,.6) 78%,
        transparent 100%
    );

    opacity:.7;

    pointer-events:none;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-11edf7a */.biomass-line span {
    background: #2c9a36 !important;
}
.biomass-line i {
    background: #9acb8e !important;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-33fccb3 */.elementor-1676 .elementor-element.elementor-element-33fccb3 {
    animation: glow 2s ease-in-out infinite;
}

@keyframes glow {
    0%, 100% {
        opacity: 1;
        filter: brightness(1);
    }

    50% {
        opacity: 0.7;
        filter: brightness(1.3);
    }
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-4d33d5e */.elementor-1676 .elementor-element.elementor-element-4d33d5e{
  overflow:hidden;
  border:1px solid #e2ebe5;
  border-radius:16px;
  background:#ffffff;
  box-shadow:0 9px 20px rgba(22,65,45,.10);
  transition:.3s ease;
}

.elementor-1676 .elementor-element.elementor-element-4d33d5e:hover{
  transform:translateY(-6px);
  box-shadow:0 16px 30px rgba(22,65,45,.16);
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-58d314e */.elementor-1676 .elementor-element.elementor-element-58d314e{
  overflow:hidden;
  border:1px solid #e2ebe5;
  border-radius:16px;
  background:#ffffff;
  box-shadow:0 9px 20px rgba(22,65,45,.10);
  transition:.3s ease;
}

.elementor-1676 .elementor-element.elementor-element-58d314e:hover{
  transform:translateY(-6px);
  box-shadow:0 16px 30px rgba(22,65,45,.16);
}/* End custom CSS */
/* Start custom CSS for image-box, class: .elementor-element-04effbb */.elementor-1676 .elementor-element.elementor-element-04effbb{
  overflow:hidden;
  border:1px solid #e2ebe5;
  border-radius:16px;
  background:#ffffff;
  box-shadow:0 9px 20px rgba(22,65,45,.10);
  transition:.3s ease;
}

.elementor-1676 .elementor-element.elementor-element-04effbb:hover{
  transform:translateY(-6px);
  box-shadow:0 16px 30px rgba(22,65,45,.16);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68de335 */.biomass-card-1,
.biomass-card-2,
.biomass-card-3 {
    animation: biomassStep 6s ease-in-out infinite;
}

/* การ์ดใบที่ 1 */
.biomass-card-1 {
    animation-delay: 0s;
}

/* การ์ดใบที่ 2 */
.biomass-card-2 {
    animation-delay: 2s;
}

/* การ์ดใบที่ 3 */
.biomass-card-3 {
    animation-delay: 4s;
}

@keyframes biomassStep {

    /* อยู่ปกติ */
    0%,
    15% {
        transform: translateY(0);
    }

    /* ขยับขึ้น */
    25% {
        transform: translateY(-8px);
    }

    /* กลับลง */
    35%,
    100% {
        transform: translateY(0);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ef306a1 */.elementor-1676 .elementor-element.elementor-element-ef306a1::after{

    content:"";

    position:absolute;

    inset:0 0 0 auto;

    width:50%;

    background-image:url("https://www.pureeco-energy.com/wp-content/uploads/2026/07/ชีวมวล.png");

    background-size:cover;

    background-position:center;

    background-repeat:no-repeat;

    -webkit-mask-image:linear-gradient(
        to left,
        #000 0%,
        #000 60%,
        rgba(0,0,0,.6) 78%,
        transparent 100%
    );

    mask-image:linear-gradient(
        to left,
        #000 0%,
        #000 60%,
        rgba(0,0,0,.6) 78%,
        transparent 100%
    );

    opacity:.8;

    pointer-events:none;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-538ba16 *//* ==========================================================
   BASE
========================================================== */
.energy-products-section{
  --navy:#102b57;
  --blue:#1467e8;
  --blue-soft:#eaf4ff;
  --green:#26912e;
  --green-soft:#eff9ec;
  --text:#425572;

  width:100%;
  box-sizing:border-box;
  padding:70px 20px 90px;
  overflow:hidden;
  font-family:"Prompt","Sarabun",Arial,sans-serif;

  background:
    radial-gradient(circle at 7% 10%,rgba(59,143,255,.10),transparent 25%),
    radial-gradient(circle at 90% 5%,rgba(87,162,255,.10),transparent 28%),
    linear-gradient(180deg,#ffffff 0%,#f8fbff 100%);
}

.energy-products-container{
  width:100%;
  max-width:1540px;
  margin:0 auto;
}

/* ==========================================================
   HEADING
========================================================== */
.energy-products-heading{
  text-align:center;
  margin-bottom:35px;
}

.energy-products-heading > span{
  display:block;
  margin-bottom:4px;
  color:#3d8cf2;
  font-size:14px;
  font-weight:600;
  letter-spacing:5px;
}

.energy-products-heading h2{
  margin:0;
  color:#142945;
  font-size:clamp(40px,5vw,64px);
  line-height:1.2;
  font-weight:800;
}

.energy-heading-line{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  margin-top:14px;
}

.energy-heading-line i{
  width:80px;
  height:4px;
  border-radius:99px;
  background:linear-gradient(90deg,#075ee8,#57adfa);
}

.energy-heading-line b{
  width:7px;
  height:7px;
  border-radius:50%;
  background:#86b8f7;
}
.energy-dot-pattern {
    bottom: -45px !important;
    left: -36px !important;
    opacity: 0.2 !important;
}

/* ==========================================================
   CATEGORY CONTAINER
========================================================== */
.energy-category{
  position:relative;
  display:grid;
  grid-template-columns:410px 1fr;
  min-height:355px;
  margin-bottom:18px;
  overflow:hidden;
  border:1px solid rgba(45,108,184,.15);
  border-radius:30px;
  box-shadow:0 15px 35px rgba(35,77,131,.12);
}

/* Coal background */
.energy-category-coal{
  background:
    linear-gradient(90deg,
      rgba(238,245,255,.98) 0%,
      rgba(255,255,255,.97) 40%,
      rgba(246,251,255,.90) 78%,
      rgba(218,235,255,.66) 100%
    );
}

/* Biomass background */
.energy-category-biomass{
  background:
    linear-gradient(90deg,
      rgba(242,250,239,.98) 0%,
      rgba(255,255,255,.97) 40%,
      rgba(249,253,246,.92) 78%,
      rgba(225,244,217,.72) 100%
    );
}

.energy-category::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
}

.energy-category-coal::before{
  background:
    radial-gradient(circle at 12% 45%,rgba(67,137,240,.10),transparent 25%),
    radial-gradient(circle at 95% 30%,rgba(52,130,246,.14),transparent 20%);
}

.energy-category-biomass::before{
  background:
    radial-gradient(circle at 12% 45%,rgba(74,181,77,.11),transparent 26%),
    radial-gradient(circle at 94% 30%,rgba(172,220,78,.17),transparent 22%);
}

/* ==========================================================
   INTRO
========================================================== */
.energy-category-intro{
  position:relative;
  z-index:2;
  padding:38px 36px 38px 38px;
  box-sizing:border-box;
}

.energy-category-intro::after{
  content:"";
  position:absolute;
  z-index:-1;
  top:0;
  right:-70px;
  width:170px;
  height:100%;
  opacity:.65;
  clip-path:polygon(0 0,100% 50%,0 100%);
  background:linear-gradient(90deg,rgba(255,255,255,.15),rgba(255,255,255,.72));
}

.energy-title-row{
  display:flex;
  align-items:center;
  gap:22px;
}

.energy-category-icon{
  flex:0 0 84px;
  width:84px;
  height:84px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:23px;
  color:#fff;
}

.energy-category-icon svg{
  width:50px;
  height:50px;
}

.coal-icon{
  background:linear-gradient(145deg,#275bc7,#0e2a68);
  box-shadow:0 12px 24px rgba(14,42,104,.25);
}

.biomass-icon{
  background:linear-gradient(145deg,#4ac843,#177622);
  box-shadow:0 12px 24px rgba(31,133,43,.24);
}

.energy-en-title{
  color:#142f59;
  font-size:35px;
  line-height:1.15;
  font-weight:800;
}

.energy-category-intro h3{
  margin:3px 0 0;
  color:#2367d8;
  font-size:38px;
  line-height:1.2;
  font-weight:800;
}

.energy-category-biomass .energy-category-intro h3{
  color:#22822e;
}

.energy-small-line{
  display:flex;
  align-items:center;
  gap:7px;
  margin:20px 0 19px;
}

.energy-small-line span{
  width:42px;
  height:4px;
  border-radius:99px;
  background:#3a54a5;
}

.energy-small-line i{
  width:6px;
  height:6px;
  border-radius:50%;
  background:#243A7A;
}



.biomass-line span{
  background:#2c9a36;
}

.biomass-line i{
  background:#9acb8e;
}

.energy-category-intro p{
  max-width:340px;
  margin:0;
  color:var(--text);
  font-size:16px;
  line-height:1.8;
}

.energy-dot-pattern{
  position:absolute;
  left:18px;
  bottom:15px;
  width:110px;
  height:72px;
  opacity:.35;
  background-image:
    radial-gradient(circle,#438cec 2px,transparent 2.5px);
  background-size:14px 14px;
  pointer-events:none;
}

.biomass-dot-pattern{
  background-image:
    radial-gradient(circle,#58ae4f 2px,transparent 2.5px);
}

/* ==========================================================
   PRODUCT GRID
========================================================== */
.energy-product-grid{
  position:relative;
  z-index:3;
  align-self:center;
  display:grid;
  gap:15px;
  box-sizing:border-box;
  padding:28px 205px 28px 30px;
}

.coal-product-grid{
  grid-template-columns:repeat(6,minmax(0,1fr));
}

.biomass-product-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
  padding-right:205px;
}

.energy-product-card{
  min-width:0;
  overflow:hidden;
  border:1px solid rgba(35,86,151,.12);
  border-radius:17px;
  background:#fff;
  box-shadow:0 7px 16px rgba(27,63,110,.10);
  transition:transform .28s ease,box-shadow .28s ease;
}

.energy-product-card:hover{
  transform:translateY(-5px);
  box-shadow:0 14px 25px rgba(27,63,110,.17);
}

.coal-product-grid .energy-product-card{
  grid-column:span 2;
}

.coal-product-grid .energy-product-card-wide{
  grid-column:span 3;
}

.energy-product-image{
  position:relative;
  height:90px;
  background:#dce7f4;
}

.energy-product-image img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}

.energy-product-image::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(0,12,35,.02),rgba(0,16,39,.17));
  pointer-events:none;
}

.energy-card-icon{
  position:absolute;
  z-index:3;
  left:14px;
  bottom:-22px;
  width:48px;
  height:48px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(58,125,224,.17);
  border-radius:50%;
  color:#1267ed;
  background:#fff;
  box-shadow:0 5px 13px rgba(24,73,142,.14);
}

.energy-card-icon svg{
  width:28px;
  height:28px;
}

.biomass-card-icon{
  color:#33993b;
}

.energy-product-content{
  min-height:84px;
  padding:25px 16px 14px;
  box-sizing:border-box;
}

.energy-product-content h4{
  margin:0 0 5px;
  color:#152d52;
  font-size:16px;
  line-height:1.35;
  font-weight:800;
}

.energy-product-content p{
  margin:0;
  color:#607089;
  font-size:13px;
  line-height:1.5;
}

/* ==========================================================
   SIDE DECORATIVE VISUAL
========================================================== */
.energy-side-visual{
  position:absolute;
  z-index:1;
  top:0;
  right:0;
  width:230px;
  height:100%;
  background-repeat:no-repeat;
  background-position:right bottom;
  background-size:cover;
  pointer-events:none;
}

.coal-side-visual{
  background-image:
    linear-gradient(90deg,rgba(245,250,255,0),rgba(218,235,255,.22)),
    url("https://images.unsplash.com/photo-1518709268805-4e9042af9f23?auto=format&fit=crop&w=800&q=90");
  mask-image:linear-gradient(to right,transparent 0%,#000 40%);
  -webkit-mask-image:linear-gradient(to right,transparent 0%,#000 40%);
}

.biomass-side-visual{
  background-image:
    linear-gradient(90deg,rgba(245,252,243,0),rgba(235,250,225,.20)),
    url("https://images.unsplash.com/photo-1416879595882-3373a0480b5b?auto=format&fit=crop&w=800&q=90");
  mask-image:linear-gradient(to right,transparent 0%,#000 40%);
  -webkit-mask-image:linear-gradient(to right,transparent 0%,#000 40%);
}

/* ==========================================================
   RESPONSIVE TABLET
========================================================== */
@media(max-width:1200px){
  .energy-category{
    grid-template-columns:330px 1fr;
  }

  .energy-product-grid,
  .biomass-product-grid{
    padding-right:150px;
  }

  .energy-side-visual{
    width:170px;
    opacity:.75;
  }

  .energy-category-intro{
    padding:34px 26px;
  }

  .energy-en-title{
    font-size:30px;
  }

  .energy-category-intro h3{
    font-size:32px;
  }

  .energy-category-intro p{
    font-size:14px;
  }

  .coal-product-grid{
    grid-template-columns:repeat(4,minmax(0,1fr));
  }

  .coal-product-grid .energy-product-card{
    grid-column:span 2;
  }

  .coal-product-grid .energy-product-card:last-child{
    grid-column:2 / span 2;
  }
}

/* ==========================================================
   RESPONSIVE IPAD
========================================================== */
@media(max-width:900px){
  .energy-category{
    display:block;
  }

  .energy-category-intro{
    padding:35px 35px 20px;
  }

  .energy-category-intro p{
    max-width:560px;
  }

  .energy-category-intro::after{
    display:none;
  }

  .energy-product-grid,
  .biomass-product-grid{
    padding:20px 25px 35px;
  }

  .energy-side-visual{
    width:260px;
    opacity:.26;
  }

  .coal-product-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .coal-product-grid .energy-product-card,
  .coal-product-grid .energy-product-card-wide,
  .coal-product-grid .energy-product-card:last-child{
    grid-column:auto;
  }

  .coal-product-grid .energy-product-card:last-child{
    grid-column:1 / -1;
  }
}

/* ==========================================================
   RESPONSIVE MOBILE
========================================================== */
@media(max-width:650px){
  .energy-products-section{
    padding:50px 12px 60px;
  }

  .energy-products-heading{
    margin-bottom:25px;
  }

  .energy-products-heading h2{
    font-size:42px;
  }

  .energy-category{
    border-radius:23px;
    margin-bottom:16px;
  }

  .energy-category-intro{
    padding:26px 22px 17px;
  }

  .energy-title-row{
    gap:14px;
  }

  .energy-category-icon{
    flex-basis:68px;
    width:68px;
    height:68px;
    border-radius:18px;
  }

  .energy-category-icon svg{
    width:40px;
    height:40px;
  }

  .energy-en-title{
    font-size:26px;
  }

  .energy-category-intro h3{
    font-size:28px;
  }

  .energy-category-intro p{
    font-size:14px;
    line-height:1.75;
  }

  .energy-dot-pattern{
    display:none;
  }

  .energy-product-grid,
  .biomass-product-grid,
  .coal-product-grid{
    grid-template-columns:1fr;
    padding:18px 16px 25px;
  }

  .coal-product-grid .energy-product-card,
  .coal-product-grid .energy-product-card-wide,
  .coal-product-grid .energy-product-card:last-child{
    grid-column:auto;
  }

  .energy-product-image{
    height:145px;
  }

  .energy-product-content{
    min-height:auto;
    padding:28px 18px 18px;
  }

  .energy-product-content h4{
    font-size:18px;
  }

  .energy-product-content p{
    font-size:14px;
  }

  .energy-side-visual{
    display:none;
  }
}/* End custom CSS */