@media (max-width: 1500px) {
                .slider-content-two .sub-title {
                    font-size: 24px;
                    margin-bottom: 15px;
                    text-transform: capitalize;
                    line-height: normal;
                }
            }

            @media (max-width: 1500px) {
                .slider-content-two .title {
                    font-size: 80px;
                    margin-bottom: 40px;
                }
            }

            .services-content-two p:hover {
                color: white !important;
            }
        
        
        
                /* ===== Work Process (Ubon India) ===== */
                :root {
                    --wp-primary: #e9200c; /* Your primary color */
                    --wp-ink: #1b1b1b;
                    --wp-muted: #5b5b5b;
                    --wp-card: #ffffff;
                    --wp-bg: #fafafa;
                    --wp-ring: rgba(233, 32, 12, 0.15);
                }

                .work-process {
                    background: var(--wp-bg);
                    padding: clamp(48px, 6vw, 88px) 16px;
                }

                .wp-container {
                    max-width: 1120px;
                    margin: 0 auto;
                }

                .wp-head {
                    text-align: center;
                    margin-bottom: clamp(28px, 4vw, 48px);
                }

                .wp-title {
                    margin: 0 0 8px;
                    font-size: clamp(22px, 3vw, 32px);
                    line-height: 1.2;
                    color: var(--wp-ink);
                    font-weight: 800;
                    letter-spacing: -0.01em;
                }

                .wp-sub {
                    margin: 0 auto;
                    max-width: 720px;
                    color: var(--wp-muted);
                    font-size: clamp(14px, 1.6vw, 16px);
                }

                /* Steps: mobile = vertical timeline; desktop = 3 columns */
                .wp-steps {
                    counter-reset: stepcount;
                    list-style: none;
                    margin: 0;
                    padding: 0;
                    display: grid;
                    gap: 18px;
                }

                .wp-step {
                    position: relative;
                    background: var(--wp-card);
                    border: 1px solid #eee;
                    border-radius: 14px;
                    padding: 18px 18px 18px 18px;
                    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.05);
                    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
                    overflow: hidden;
                }

                .wp-step::after {
                    content: "";
                    position: absolute;
                    inset: 0;
                    pointer-events: none;
                    border-radius: 14px;
                    outline: 2px solid transparent;
                    outline-offset: -2px;
                }

                .wp-step:hover {
                    transform: translateY(-3px);
                    border-color: var(--wp-ring);
                    box-shadow: 0 10px 26px rgba(233, 32, 12, 0.12);
                }

                .wp-step-header {
                    display: grid;
                    grid-template-columns: auto 1fr;
                    align-items: center;
                    gap: 12px;
                    margin-bottom: 8px;
                }

                .wp-step-badge {
                    display: inline-grid;
                    place-items: center;
                    width: 44px;
                    height: 44px;
                    border-radius: 12px;
                    font-weight: 800;
                    letter-spacing: 0.02em;
                    background: color-mix(in srgb, var(--wp-primary) 10%, #fff);
                    color: var(--wp-primary);
                    box-shadow: 0 0 0 6px var(--wp-ring);
                    border: 1px solid color-mix(in srgb, var(--wp-primary) 32%, #fff);
                }

                .wp-step-title {
                    margin: 0;
                    font-size: clamp(16px, 2vw, 18px);
                    line-height: 1.35;
                    color: var(--wp-ink);
                    font-weight: 700;
                }

                .wp-step-text {
                    margin: 8px 0 0;
                    color: var(--wp-muted);
                    font-size: 15.5px;
                    line-height: 1.7;
                }

                /* Desktop grid (>= 992px approx) */
                @media (min-width: 992px) {
                    .wp-steps {
                        grid-template-columns: repeat(3, 1fr);
                        gap: 22px;
                    }
                    .wp-step {
                        padding: 22px;
                    }
                    .wp-step-badge {
                        width: 48px;
                        height: 48px;
                        border-radius: 14px;
                    }
                }

                /* Reduced motion preference */
                @media (prefers-reduced-motion: reduce) {
                    .wp-step,
                    .wp-step::after {
                        transition: none !important;
                    }
                }
            


 
                /* === CTA Section === */
                .cta-section {
                    background: #e9200c; /* primary color */
                    color: #fff !important;
                    padding: 60px 20px;
                    position: relative;
                }

                .cta-wrapper {
                    display: flex;
                    flex-wrap: wrap;
                    align-items: center;
                    justify-content: space-between;
                    max-width: 1100px;
                    margin: 0 auto;
                    gap: 30px;
                }

                .cta-left {
                    flex: 1 1 300px;
                    text-align: left;
                }

                .cta-number {
                    font-size: 70px;
                    font-weight: 800;
                    line-height: 1;
                    margin: 0;
                    color: white;
                }

                .cta-subtitle {
                    font-size: 20px;
                    margin-top: 10px;
                    font-weight: 400;
                    color: white;
                }

                .cta-right {
                    flex: 1 1 300px;
                    text-align: left;
                    color: white;
                }

                .cta-text {
                    font-size: 17px;
                    margin-bottom: 25px;
                    line-height: 1.6;
                    color: white;
                }

                .cta-btn {
                    display: inline-block;
                    background: #fff;
                    color: #e9200c;
                    padding: 12px 32px;
                    font-weight: 600;
                    border-radius: 6px;
                    text-decoration: none;
                    transition: all 0.3s ease;
                    border: 2px solid transparent;
                }

                .cta-btn:hover {
                    background: transparent;
                    color: #fff;
                    border-color: #fff;
                }

                /* Responsive */
                @media (max-width: 768px) {
                    .cta-wrapper {
                        flex-direction: column;
                        text-align: center;
                    }

                    .cta-left,
                    .cta-right {
                        text-align: center;
                    }

                    .cta-number {
                        font-size: 56px;
                    }

                    .cta-text {
                        font-size: 16px;
                    }
                }
            
            
            
             
                .project-content-two {
                    margin-top: -20px !important ;
                }

                .project-thumb-two img {
                    box-shadow: 10px 14px 15px #e1e1e1;
                }
            
            
            
                .blog-post-thumb img {
                    width: 100%;
                    height: 192px;
                }

                .brand-item-two img {
                    cursor: pointer;
                    filter: none;
                    transition: 0.3s linear;
                }
                
                
                   /* ===== Theme & Base ===== */
                :root {
                    --primary: #e9200c;
                    --ink: #121212;
                    --muted: #5d5d5d;
                    --bg: #f6f7f9;
                    --card: #ffffff;
                    --ring: rgba(233, 32, 12, 0.18);
                }
                * {
                    box-sizing: border-box;
                }
              
            
                /* ===== Layout ===== */
                .pbp__container {
                    max-width: 1180px;
                    margin: 0 auto;
                    padding: 0 18px;
                }
                .pbp__section {
                    padding: 64px 0;
                    background: #fff;
                }
                .pbp__section--alt {
                    background: linear-gradient(180deg, #fff 0, var(--bg) 100%);
                }
                .pbp__content {
                    position: relative;
                }
                .card {
                    background: var(--card);
                    border: 1px solid #eee;
                    border-radius: 16px;
                    padding: 28px;
                    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.06);
                }
                .glass {
                    backdrop-filter: saturate(120%) blur(4px);
                    background: linear-gradient(180deg, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.88));
                    border: 1px solid rgba(255, 255, 255, 0.6);
                    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.12);
                    border-radius: 16px;
                    padding: 28px;
                }
            
                /* ===== Sticky TOC (icon dots) ===== */
                .pbp__toc {
                    position: fixed;
                    top: 50%;
                    transform: translateY(-50%);
                    right: 18px;
                    display: flex;
                    flex-direction: column;
                    gap: 10px;
                    z-index: 30;
                }
                .pbp__toc a {
                    width: 12px;
                    height: 12px;
                    border-radius: 50%;
                    background: #d9d9d9;
                    border: 2px solid #fff;
                    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.08);
                    display: block;
                    transition: 0.2s;
                }
                .pbp__toc a:hover {
                    background: var(--primary);
                }
                .pbp__toc a:focus {
                    outline: 2px dashed var(--primary);
                    outline-offset: 4px;
                }
            
                /* ===== Hero ===== */
                .pbp__hero {
                    background: radial-gradient(1200px 400px at 20% 0%, rgba(233, 32, 12, 0.18), transparent 60%), linear-gradient(180deg, #fff 0, #fff 38%, #fef4f3 100%);
                    padding: 56px 0 28px;
                }
                .pbp__hero-grid {
                    display: grid;
                    gap: 28px;
                }
                .pbp__title {
                    font-weight: 900;
                    letter-spacing: -0.015em;
                    color: var(--ink);
                    font-size: 32px;
                    margin: 0 0 10px;
                }
                .pbp__hero-media img {
                    width: 100%;
                    height: auto;
                    border-radius: 18px;
                    box-shadow: 0 18px 44px rgba(233, 32, 12, 0.18);
                }
                @media (min-width: 992px) {
                    .pbp__hero-grid {
                        grid-template-columns: 1.15fr 0.85fr;
                        align-items: center;
                    }
                    .pbp__title {
                        font-size: 40px;
                    }
                }
            
                /* ===== Lists ===== */
                .pbp__list {
                    list-style: none;
                    margin: 0;
                    padding: 0;
                }
                .pbp__list li {
                    padding-left: 28px;
                    position: relative;
                    margin: 10px 0;
                }
                .pbp__list--check li::before {
                    content: "";
                    position: absolute;
                    left: 0;
                    top: 7px;
                    width: 14px;
                    height: 14px;
                    border-radius: 50%;
                    background: radial-gradient(circle at 50% 50%, #fff 47%, transparent 48%), conic-gradient(var(--primary) 0 360deg);
                    box-shadow: 0 0 0 2px rgba(233, 32, 12, 0.15);
                }
                .pbp__list--grid {
                    display: grid;
                    gap: 8px;
                }
                @media (min-width: 768px) {
                    .pbp__list--grid {
                        grid-template-columns: repeat(2, 1fr);
                    }
                }
            
                /* ===== Problems (masonry without images, + accordion cards) ===== */
                .pbp__problems {
                    display: grid;
                    gap: 12px;
                }
                .pbp__problem {
                    border: 1px solid #eee;
                    border-radius: 12px;
                    background: #fff;
                    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.05);
                }
                .pbp__problem > summary {
                    cursor: pointer;
                    font-weight: 800;
                    color: var(--ink);
                    padding: 14px 16px;
                    list-style: none;
                    position: relative;
                }
                .pbp__problem > summary::marker {
                    content: "";
                }
                .pbp__problem[open] > summary {
                    background: linear-gradient(180deg, rgba(233, 32, 12, 0.07), rgba(233, 32, 12, 0.04));
                }
                .pbp__problem p {
                    padding: 0 16px 16px;
                    margin: 0;
                    color: var(--muted);
                }
                @media (min-width: 768px) {
                    .pbp__problems {
                        grid-template-columns: repeat(1, 1fr);
                    }
                }
            
                /* ===== Figures (images only in allowed sections) ===== */
                .pbp__figure {
                    margin: 14px 0 0;
                }
                .pbp__figure img {
                    width: 100%;
                    height: auto;
                    border-radius: 14px;
                    box-shadow: 0 18px 44px rgba(0, 0, 0, 0.12);
                }
                .pbp__figure--wide img {
                    border-radius: 16px;
                }
            
                /* ===== Table (sticky head, zebra, focus ring) ===== */
                .pbp__table-wrap {
                    overflow: auto;
                    border-radius: 14px;
                    border: 1px solid #eee;
                    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.06);
                    background: #fff;
                }
                .pbp__table {
                    width: 100%;
                    min-width: 760px;
                    border-collapse: separate;
                    border-spacing: 0;
                }
                .pbp__table thead th {
                    position: sticky;
                    top: 0;
                    background: #121212;
                    color: #fff;
                    padding: 12px 14px;
                    text-align: left;
                    font-weight: 800;
                    letter-spacing: 0.2px;
                }
                .pbp__table tbody td {
                    padding: 12px 14px;
                    border-top: 1px solid #f0f0f0;
                    color: #2d2d2d;
                }
                .pbp__table tbody tr:nth-child(odd) {
                    background: linear-gradient(180deg, #fff 0, #fdfdfd 100%);
                }
                .pbp__table tbody tr:hover {
                    background: rgba(233, 32, 12, 0.06);
                }
                .pbp__table td:first-child {
                    font-weight: 800;
                    white-space: nowrap;
                }
            
                /* ===== Cards & Accents ===== */
                .card {
                    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
                }
                .card:hover {
                    transform: translateY(-4px);
                    box-shadow: 0 18px 40px rgba(233, 32, 12, 0.15);
                    border-color: var(--ring);
                }
            
                /* ===== Accessibility & Anchors ===== */
                #air-blasters-solution,
                #what-is-an-air-blaster,
                #why-air-blasters-are-needed-for-your-business,
                #schematic-diagram-of-air-blaster-installation-in-cement-pre-heater,
                #how-air-blasters-work,
                #common-flow-problems-in-plants,
                #how-air-cannons-address-the-problems,
                #the-key-benefits-of-air-cannons,
                #applications-of-air-blasters-in-different-industries,
                #solution-to-fit-your-plant,
                #technical-specifications-of-various-models,
                #why-choose-ubon-india-for-reliable-solutions {
                    scroll-margin-top: 90px;
                }
            
                /* ===== Responsive spacing ===== */
                @media (max-width: 767.98px) {
                    .pbp__section {
                        padding: 48px 0;
                    }
                }