.elementor-1681 .elementor-element.elementor-element-c06156f{--display:flex;--min-height:300px;--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;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-1681 .elementor-element.elementor-element-c06156f:not(.elementor-motion-effects-element-type-background), .elementor-1681 .elementor-element.elementor-element-c06156f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.pureeco-energy.com/wp-content/uploads/2026/07/ผลิต.jpg");background-position:center center;background-size:cover;}.elementor-1681 .elementor-element.elementor-element-3e582f9{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-1681 .elementor-element.elementor-element-f65c6c1{text-align:center;font-size:16px;font-weight:500;text-transform:uppercase;letter-spacing:1px;color:#3A54A5;}.elementor-1681 .elementor-element.elementor-element-f65c6c1.elementor-element{--align-self:flex-start;}.elementor-1681 .elementor-element.elementor-element-53296f3{text-align:start;}.elementor-1681 .elementor-element.elementor-element-53296f3.elementor-element{--align-self:flex-start;}.elementor-1681 .elementor-element.elementor-element-fe253cb{margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + -10px) 0px;}.elementor-1681 .elementor-element.elementor-element-fe253cb.elementor-element{--align-self:flex-start;}.elementor-1681 .elementor-element.elementor-element-09a0894{color:#000000;}.elementor-1681 .elementor-element.elementor-element-09a0894 a{color:#000000;}.elementor-1681 .elementor-element.elementor-element-24d307a{--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:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:050px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-1681 .elementor-element.elementor-element-24d307a:not(.elementor-motion-effects-element-type-background), .elementor-1681 .elementor-element.elementor-element-24d307a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-1681 .elementor-element.elementor-element-ac97f8d{text-align:center;font-size:16px;font-weight:500;text-transform:uppercase;letter-spacing:1px;color:#3A54A5;}.elementor-1681 .elementor-element.elementor-element-ccf776a{text-align:start;margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1681 .elementor-element.elementor-element-ccf776a .elementor-heading-title{font-size:48px;line-height:74px;}.elementor-1681 .elementor-element.elementor-element-ccf776a.elementor-element{--align-self:center;}.elementor-1681 .elementor-element.elementor-element-15284ce{margin:-12px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1681 .elementor-element.elementor-element-15284ce.elementor-element{--align-self:center;}.elementor-1681 .elementor-element.elementor-element-b3c9886{--display:flex;--border-radius:20px 20px 20px 20px;--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1681 .elementor-element.elementor-element-b3c9886:not(.elementor-motion-effects-element-type-background), .elementor-1681 .elementor-element.elementor-element-b3c9886 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F0F4FA;}.elementor-1681 .elementor-element.elementor-element-60379c2{--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:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-1681 .elementor-element.elementor-element-361ca19{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1681 .elementor-element.elementor-element-1eeae30{--display:flex;}.elementor-1681 .elementor-element.elementor-element-152e440 .elementor-heading-title{color:#FAFAFA;}.elementor-1681 .elementor-element.elementor-element-152e440{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 10px;padding:10px 10px 10px 10px;z-index:1;background-color:#243A7A;border-radius:10px 10px 10px 10px;}.elementor-1681 .elementor-element.elementor-element-152e440.elementor-element{--align-self:flex-start;}.elementor-1681 .elementor-element.elementor-element-790783c .elementor-wrapper{--video-aspect-ratio:1.77777;filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-1681 .elementor-element.elementor-element-790783c{margin:-68px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#243A7A;border-radius:20px 20px 20px 20px;}.elementor-1681 .elementor-element.elementor-element-503f0b0{--display:flex;}.elementor-1681 .elementor-element.elementor-element-2356c0a .elementor-heading-title{color:#FAFAFA;}.elementor-1681 .elementor-element.elementor-element-2356c0a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 10px;padding:10px 10px 10px 10px;z-index:1;background-color:#243A7A;border-radius:10px 10px 10px 10px;}.elementor-1681 .elementor-element.elementor-element-2356c0a.elementor-element{--align-self:flex-start;}.elementor-1681 .elementor-element.elementor-element-6f0b9e7 .elementor-wrapper{--video-aspect-ratio:0.5625;filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-1681 .elementor-element.elementor-element-6f0b9e7{margin:-68px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;border-style:solid;border-width:2px 2px 2px 2px;border-color:#243A7A;border-radius:20px 20px 20px 20px;}.elementor-1681 .elementor-element.elementor-element-4237232{--display:flex;}.elementor-1681 .elementor-element.elementor-element-47cf7c6 .elementor-heading-title{color:#FAFAFA;}.elementor-1681 .elementor-element.elementor-element-47cf7c6{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 10px;padding:10px 10px 10px 10px;z-index:1;background-color:#243A7A;border-radius:10px 10px 10px 10px;}.elementor-1681 .elementor-element.elementor-element-47cf7c6.elementor-element{--align-self:flex-start;}.elementor-1681 .elementor-element.elementor-element-314ac94 .elementor-wrapper{--video-aspect-ratio:0.5625;filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-1681 .elementor-element.elementor-element-314ac94{margin:-68px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;border-style:solid;border-width:2px 2px 2px 2px;border-color:#243A7A;border-radius:20px 20px 20px 20px;}.elementor-1681 .elementor-element.elementor-element-a859a3e{--display:flex;}.elementor-1681 .elementor-element.elementor-element-a859a3e.e-con{--order:-99999 /* order start hack */;}.elementor-1681 .elementor-element.elementor-element-8479b1a .elementor-icon-box-wrapper{align-items:start;gap:15px;}.elementor-1681 .elementor-element.elementor-element-8479b1a.elementor-view-stacked .elementor-icon{background-color:#3A54A5;fill:#FFFFFF;color:#FFFFFF;}.elementor-1681 .elementor-element.elementor-element-8479b1a.elementor-view-framed .elementor-icon, .elementor-1681 .elementor-element.elementor-element-8479b1a.elementor-view-default .elementor-icon{fill:#3A54A5;color:#3A54A5;border-color:#3A54A5;}.elementor-1681 .elementor-element.elementor-element-8479b1a.elementor-view-framed .elementor-icon{background-color:#FFFFFF;}.elementor-1681 .elementor-element.elementor-element-8479b1a .elementor-icon{font-size:20px;}.elementor-1681 .elementor-element.elementor-element-8479b1a .elementor-icon-box-title, .elementor-1681 .elementor-element.elementor-element-8479b1a .elementor-icon-box-title a{font-size:40px;}.elementor-1681 .elementor-element.elementor-element-8479b1a .elementor-icon-box-title{color:#3A54A5;}.elementor-1681 .elementor-element.elementor-element-8479b1a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -25px) 0px;}.elementor-1681 .elementor-element.elementor-element-8479b1a.elementor-element{--align-self:center;}.elementor-1681 .elementor-element.elementor-element-cf83ad2{--display:flex;}.elementor-1681 .elementor-element.elementor-element-4f1c67b{--display:flex;}@media(min-width:768px){.elementor-1681 .elementor-element.elementor-element-c06156f{--content-width:1400px;}.elementor-1681 .elementor-element.elementor-element-3e582f9{--width:50%;}.elementor-1681 .elementor-element.elementor-element-24d307a{--content-width:1400px;}.elementor-1681 .elementor-element.elementor-element-60379c2{--content-width:1400px;}.elementor-1681 .elementor-element.elementor-element-1eeae30{--width:75%;}.elementor-1681 .elementor-element.elementor-element-503f0b0{--width:25%;}.elementor-1681 .elementor-element.elementor-element-4237232{--width:25%;}}@media(max-width:1024px) and (min-width:768px){.elementor-1681 .elementor-element.elementor-element-1eeae30{--width:100%;}.elementor-1681 .elementor-element.elementor-element-503f0b0{--width:45%;}.elementor-1681 .elementor-element.elementor-element-4237232{--width:45%;}}@media(max-width:1024px){.elementor-1681 .elementor-element.elementor-element-f65c6c1{text-align:center;}.elementor-1681 .elementor-element.elementor-element-f65c6c1.elementor-element{--align-self:center;}.elementor-1681 .elementor-element.elementor-element-fe253cb.elementor-element{--align-self:center;}.elementor-1681 .elementor-element.elementor-element-361ca19{--justify-content:center;--flex-wrap:wrap;}}@media(max-width:767px){.elementor-1681 .elementor-element.elementor-element-c06156f:not(.elementor-motion-effects-element-type-background), .elementor-1681 .elementor-element.elementor-element-c06156f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center left;}.elementor-1681 .elementor-element.elementor-element-3e582f9{--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1681 .elementor-element.elementor-element-53296f3{text-align:center;}.elementor-1681 .elementor-element.elementor-element-53296f3 .elementor-heading-title{font-size:30px;}.elementor-1681 .elementor-element.elementor-element-53296f3.elementor-element{--align-self:center;}.elementor-1681 .elementor-element.elementor-element-fe253cb{padding:0px 0px 0px 0px;}.elementor-1681 .elementor-element.elementor-element-ac97f8d{font-size:14px;}.elementor-1681 .elementor-element.elementor-element-ccf776a{text-align:center;}.elementor-1681 .elementor-element.elementor-element-ccf776a .elementor-heading-title{font-size:30px;}.elementor-1681 .elementor-element.elementor-element-ccf776a.elementor-element{--align-self:center;}.elementor-1681 .elementor-element.elementor-element-15284ce{margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1681 .elementor-element.elementor-element-60379c2{--padding-top:30px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-1681 .elementor-element.elementor-element-8479b1a .elementor-icon{font-size:18px;}.elementor-1681 .elementor-element.elementor-element-8479b1a .elementor-icon-box-title, .elementor-1681 .elementor-element.elementor-element-8479b1a .elementor-icon-box-title a{font-size:28px;}}/* Start custom CSS for heading, class: .elementor-element-53296f3 */.elementor-1681 .elementor-element.elementor-element-53296f3 h1{
    background: linear-gradient(90deg, #3a54a5 0%, #243A7A 47%, #3a54a5 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-ccf776a */.elementor-1681 .elementor-element.elementor-element-ccf776a h2{
    background: linear-gradient(90deg, #3a54a5 0%, #243A7A 47%, #3a54a5 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-612b07b */.process-section{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:25px;
}

.process-card{
    position:relative;
    display:flex;
    background:#fff;
    border-radius:18px;
    overflow:hidden;
    box-shadow:0 10px 35px rgba(0,0,0,.08);
    transition:.35s;
    min-height:190px;
}

.process-card:hover{
    transform:translateY(-8px);
    box-shadow:0 18px 40px rgba(0,0,0,.12);
}

.number{
    position:absolute;
    top:12px;
    left:12px;
    width:38px;
    height:38px;
    border-radius:50%;
    background:#255ad6;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-weight:700;
    font-size:15px;
    z-index:2;
}

.process-image{
    width:48%;
}

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

.process-content{
    width:52%;
    padding:28px 18px;
    display:flex;
    flex-direction:column;
    justify-content:center;
}

.icon{
    font-size:28px;
    color:#255ad6;
    margin-bottom:10px;
}

.process-content h3{
    font-size:18px;
    margin:0 0 10px;
    color:#1d2c5a;
    font-weight:700;
    line-height:1.3;
}

.process-content p{
    margin:0;
    color:#7a879d;
    font-size:14px;
    line-height:1.7;
}

/* Tablet */

@media(max-width:1024px){

.process-section{
grid-template-columns:repeat(2,1fr);
}

}

/* Mobile */

@media(max-width:767px){

.process-section{
grid-template-columns:1fr;
}

.process-card{
flex-direction:column;
}

.process-image{
width:100%;
height:220px;
}

.process-content{
width:100%;
padding:25px;
}
.process-content h3{
    font-size:20px;
    margin:0 0 10px;
   
}
.process-content p{
   
    font-size:16px;
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b3c9886 */.coal-process-section,
.coal-process-section * {
    box-sizing: border-box;
}

.coal-process-section {
    --primary: #243a7a;
    --secondary: #3a54a5;
    --blue: #1768ed;
    --light-blue: #eef6ff;
    --text: #12295d;
    --gray: #697386;

    position: relative;
    overflow: hidden;
    padding: 80px 20px;
    font-family: "Prompt", sans-serif;
    background:
        linear-gradient(
            180deg,
            rgba(244, 249, 255, 0.94) 0%,
            rgba(236, 245, 255, 0.97) 45%,
            #f8fbff 100%
        );
}

/* รูปพื้นหลังด้านบน */
.coal-process-section::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 420px;
    background:
        linear-gradient(
            90deg,
            rgba(238, 246, 255, 0.42) 0%,
            rgba(244, 249, 255, 0.88) 35%,
            rgba(244, 249, 255, 0.84) 65%,
            rgba(238, 246, 255, 0.38) 100%
        ),
        url("ใส่ลิงก์รูปพื้นหลังโรงงานหรือกองถ่านหิน");
    background-size: cover;
    background-position: center;
    opacity: 0.85;
    pointer-events: none;
}

.coal-process-container {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 1340px;
    margin: 0 auto;
}

/* ========================================
   HEADING
======================================== */
.coal-process-heading {
    max-width: 850px;
    margin: 0 auto 45px;
    text-align: center;
}

.coal-process-heading h2 {
    margin: 0 0 15px;
    color: var(--primary);
    font-size: clamp(34px, 4vw, 58px);
    font-weight: 800;
    line-height: 1.2;
}

.coal-process-heading p {
    max-width: 680px;
    margin: 0 auto;
    color: #526173;
    font-size: 17px;
    line-height: 1.9;
}

/* ========================================
   TIMELINE
======================================== */
.coal-process-timeline {
    position: relative;
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    align-items: center;
    max-width: 1080px;
    margin: 0 auto 45px;
}

.coal-process-timeline::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 8%;
    right: 8%;
    height: 2px;
    background: linear-gradient(
        90deg,
        rgba(36, 58, 122, 0.15),
        rgba(23, 104, 237, 0.65),
        rgba(36, 58, 122, 0.15)
    );
    transform: translateY(-50%);
}

.coal-timeline-point {
    position: relative;
    z-index: 2;
    display: flex;
    justify-content: center;
}

.coal-timeline-point span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 58px;
    height: 58px;
    border: 4px solid #ffffff;
    border-radius: 50%;
    color: #ffffff;
    font-size: 15px;
    font-weight: 700;
    background: linear-gradient(145deg, #2780ff, #174eb9);
    box-shadow:
        0 10px 22px rgba(23, 104, 237, 0.28),
        0 0 0 2px rgba(36, 58, 122, 0.12);
}

/* ========================================
   PROCESS CARDS
======================================== */
.coal-process-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 28px;
}

.coal-process-card {
    position: relative;
    min-height: 330px;
    overflow: hidden;
    padding: 30px 20px 25px;
    text-align: center;
    border: 1px solid rgba(36, 58, 122, 0.06);
    border-radius: 26px;
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 18px 45px rgba(33, 76, 145, 0.10);
    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease;
}

.coal-process-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 25px 55px rgba(33, 76, 145, 0.17);
}

.coal-card-number {
    position: absolute;
    top: 8px;
    left: 20px;
    color: #edf3fb;
    font-size: 82px;
    font-weight: 800;
    line-height: 1;
    pointer-events: none;
}

.coal-card-icon {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 75px;
    height: 75px;
    margin-bottom: 15px;
    border: 5px solid #ffffff;
    border-radius: 50%;
    color: #ffffff;
    background: linear-gradient(145deg, #2780ff, #174eb9);
    box-shadow:
        0 12px 30px rgba(23, 104, 237, 0.30),
        0 0 0 2px rgba(36, 58, 122, 0.10);
}

.coal-card-icon svg {
    width: 48px;
    height: 48px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.coal-process-card h3 {
    position: relative;
    z-index: 2;
    margin: 0 0 13px;
    color: var(--text);
    font-size: 23px;
    font-weight: 700;
    line-height: 1.45;
}

.coal-process-card p {
    position: relative;
    z-index: 2;
    margin: 0;
    color: var(--gray);
    font-size: 15px;
    line-height: 1.85;
}

/* ========================================
   VIDEO SECTION
======================================== */
.coal-video-section {
    margin-top: 75px;
}

.coal-section-title {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 18px;
    margin-bottom: 35px;
    text-align: center;
}

.coal-section-title::before,
.coal-section-title::after {
    content: "";
    flex: 1;
    max-width: 300px;
    height: 1px;
    background: rgba(36, 58, 122, 0.22);
}

.coal-section-title h3 {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 0;
    color: var(--primary);
    font-size: 27px;
    font-weight: 800;
    white-space: nowrap;
}

.coal-section-title-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border-radius: 10px;
    color: #ffffff;
    background: linear-gradient(145deg, #2780ff, #174eb9);
    box-shadow: 0 8px 18px rgba(23, 104, 237, 0.25);
}

.coal-video-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.8fr) minmax(250px, 1fr);
    gap: 10px;
    align-items: stretch;
}

/* คลิปแนวนอน */
.coal-horizontal-video,
.coal-vertical-video {
    position: relative;
    overflow: hidden;
    background: #0e1a2c;
    box-shadow: 0 15px 35px rgba(16, 38, 75, 0.16);
}

.coal-horizontal-video {
    /*min-height: 470px;*/
    border-radius: 24px;
}

.coal-horizontal-video video {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 470px;
    object-fit: cover;
}

/* คลิปแนวตั้ง */
.coal-vertical-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 14px;
}

.coal-vertical-video {
    min-height: 470px;
    border-radius: 20px;
}

.coal-vertical-video video {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 470px;
    object-fit: cover;
}

.coal-video-label {
    position: absolute;
    z-index: 4;
    top: 16px;
    left: 16px;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 9px 13px;
    border-radius: 8px;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    background: rgba(18, 55, 127, 0.92);
    backdrop-filter: blur(7px);
    pointer-events: none;
}

.coal-video-label svg {
    width: 16px;
    height: 16px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
}

/* ========================================
   CTA
======================================== */
.coal-process-cta {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 22px;
    margin-top: 42px;
    padding: 28px 35px;
    border: 1px solid rgba(36, 58, 122, 0.09);
    border-radius: 22px;
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 14px 35px rgba(33, 76, 145, 0.10);
}

.coal-cta-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 66px;
    height: 66px;
    border-radius: 50%;
    color: #ffffff;
    background: linear-gradient(145deg, #2780ff, #174eb9);
}

.coal-cta-icon svg {
    width: 32px;
    height: 32px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
}

.coal-cta-content h3 {
    margin: 0 0 5px;
    color: var(--primary);
    font-size: 22px;
    font-weight: 700;
}

.coal-cta-content p {
    margin: 0;
    color: var(--gray);
    font-size: 15px;
}

.coal-cta-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 180px;
    min-height: 52px;
    padding: 12px 25px;
    border-radius: 10px;
    color: #ffffff !important;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none !important;
    background: linear-gradient(135deg, #2780ff, #174eb9);
    box-shadow: 0 10px 22px rgba(23, 104, 237, 0.25);
    transition: 0.3s ease;
}

.coal-cta-button:hover {
    color: #ffffff !important;
    transform: translateY(-3px);
    box-shadow: 0 14px 28px rgba(23, 104, 237, 0.34);
}

/* ========================================
   TABLET
======================================== */
@media (max-width: 1100px) {
    .coal-video-layout {
        grid-template-columns: 1fr;
    }

    .coal-horizontal-video,
    .coal-horizontal-video video {
        min-height: 430px;
    }

    .coal-vertical-video,
    .coal-vertical-video video {
        min-height: 520px;
    }
}

@media (max-width: 900px) {
    .coal-process-section {
        padding: 65px 18px;
    }

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

    .coal-process-timeline {
        display: none;
    }

    .coal-process-cta {
        grid-template-columns: auto 1fr;
    }

    .coal-cta-button {
        grid-column: 1 / -1;
        width: 100%;
    }
}

/* ========================================
   MOBILE
======================================== */
@media (max-width: 600px) {
    .coal-process-section {
        padding: 50px 15px;
    }

    .coal-process-heading {
        margin-bottom: 30px;
    }

    .coal-process-heading h2 {
        font-size: 34px;
    }

    .coal-process-heading p {
        font-size: 15px;
        line-height: 1.75;
    }

    .coal-process-grid {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .coal-process-card {
        min-height: auto;
        padding: 35px 25px 30px;
    }

    .coal-process-card h3 {
        font-size: 21px;
    }

    .coal-card-icon {
        width: 86px;
        height: 86px;
    }

    .coal-card-icon svg {
        width: 42px;
        height: 42px;
    }

    .coal-video-section {
        margin-top: 55px;
    }

    .coal-section-title {
        gap: 10px;
    }

    .coal-section-title::before,
    .coal-section-title::after {
        display: none;
    }

    .coal-section-title h3 {
        font-size: 23px;
        white-space: normal;
    }

    .coal-horizontal-video,
    .coal-horizontal-video video {
        min-height: 240px;
    }

    .coal-vertical-list {
        display: flex;
        gap: 14px;
        overflow-x: auto;
        padding: 3px 3px 15px;
        scroll-snap-type: x mandatory;
    }

    .coal-vertical-video {
        flex: 0 0 78%;
        min-height: 510px;
        scroll-snap-align: start;
    }

    .coal-vertical-video video {
        min-height: 510px;
    }

    .coal-process-cta {
        grid-template-columns: 1fr;
        padding: 25px 20px;
        text-align: center;
    }

    .coal-cta-icon {
        margin: 0 auto;
    }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-8479b1a */.elementor-1681 .elementor-element.elementor-element-8479b1a.elementor-view-stacked .elementor-icon {
    background-color: #3A54A5;
    fill: #FFFFFF;
    color: #FFFFFF;
    margin-top: 10px;
}


@media (max-width: 767px) {

    .elementor-1681 .elementor-element.elementor-element-8479b1a.elementor-view-stacked .elementor-icon {
   
    margin-top: 0;
}

}/* End custom CSS */