.rt-empowering-left-image{
            max-width: unset;
        }
        .rt-faq-dropdown-list {
            transition: height 0.35s ease;
        }

        .rt-faq-bar-rotate {
            transition: transform 0.35s ease;
        }

        /* ── Fix 1: Banner description padding on smaller screens ── */
        @media screen and (max-width: 767px) {
            .rt-p-tag-color-white {
                width: 90%;
                padding-left: 1rem;
                padding-right: 1rem;
            }
        }

        @media screen and (max-width: 479px) {
            .rt-p-tag-color-white {
                width: 100%;
                padding-left: 0.75rem;
                padding-right: 0.75rem;
            }
        }

        /* ── Fix 2: Hide mission arrow icon on medium and small screens ── */
        @media screen and (max-width: 991px) {
            .rt-mission-of {
                display: none !important;
            }

            /* Reset the negative translate on mission items since arrow is hidden */
            .rt-service-mission-item {
                transform: none !important;
            }

            /* Stack mission content vertically on tablet */
            .rt-service-mission-content {
                flex-direction: column;
            }

            .rt-service-mission-left {
                width: 100%;
            }

            .rt-service-mission-right {
                width: 100%;
            }

            /* Ensure all mission items have a visible bottom border (fixes 2nd box) */
            .rt-service-mission-item-wrapper {
                border-bottom: 1px solid rgba(0, 0, 0, 0.2) !important;
            }

            .rt-service-mission-border {
                display: none !important;
            }
        }

        /* ── Fix 3: Match banner height to Moxa52 product pages ── */
        /* .rt-inner-hero {
            padding-bottom: 20rem;
        } */

        /* ── Fix 4: General responsive adjustments for tablet ── */
        @media screen and (max-width: 767px) {
            .rt-service-mission-item-inner {
                padding-left: 0;
            }

            .rt-text-style-h6.rt-mission-in-active {
                font-size: 0.95rem;
            }
        }

        @media screen and (max-width: 479px) {
            .rt-text-style-h6.rt-mission-in-active {
                font-size: 0.875rem;
            }
        }

        /* ══════════════════════════════════════════════════════════════
           Terminal product stack — sticky-scroll stacking cards
           Each card sticks with a small cascading offset so previous
           cards remain slightly visible under the next one, giving
           the "stacked deck" scroll effect from the reference image.
           ══════════════════════════════════════════════════════════════ */

        /* IMPORTANT: layout.css sets `body { overflow-x: hidden }`, which
           silently kills position:sticky on every descendant (body becomes
           the scroll container, so sticky can never engage against the
           viewport). Override to `overflow-x: clip` — same horizontal
           clipping, but doesn't turn body into a scroll container. */
        html,
        body {
            overflow-x: clip !important;
        }
        .tm-stack {
            background: #f5f7fb;
            padding: 6rem 0 7rem;
        }

        .tm-stack-head {
            max-width: 720px;
            margin: 0 auto 3.5rem;
            text-align: center;
        }

        .tm-stack-head .rt-sub-text {
            color: #034694;
            letter-spacing: 0.14em;
            font-weight: 600;
        }

        .tm-stack-head h2 {
            margin: 0.6rem 0 0.75rem;
            color: #03102b;
        }

        .tm-stack-head p {
            color: #4a5968;
            margin: 0;
        }

        /* Explicit overflow: visible on outer wrappers so nothing clips or
           creates a scroll containing block that would kill sticky. */
        .tm-stack,
        .tm-stack .w-layout-blockcontainer,
        .tm-stack-list {
            overflow: visible;
        }

        /* Block layout (not flex) so position:sticky is not stretched or clipped
           by flex alignment quirks. Vertical rhythm comes from margin-bottom. */
        .tm-stack-list {
            display: block;
        }

        /* The sticky element itself has NO transform / filter / will-change —
           those create a new containing block and silently break sticky.
           Reveal animation lives on .tm-card-inner instead. */
        .tm-card {
            position: -webkit-sticky;
            position: sticky;
            top: 110px;
            display: block;
            margin-bottom: 32px;
            background: #ffffff;
            border-radius: 20px;
            border: 1px solid rgba(15, 23, 42, 0.06);
            box-shadow: 0 30px 60px rgba(3, 16, 43, 0.08);
            overflow: hidden;
            transition: box-shadow 0.4s ease;
        }

        .tm-card:last-child {
            margin-bottom: 0;
        }

        /* Gentle fade-up for the inner content the first time it enters view.
           Kept off the sticky ancestor so nothing can break sticky's
           containing-block calculation. */
        .tm-card > .tm-card-inner {
            opacity: 0;
            transform: translateY(24px);
            transition: opacity 0.6s ease, transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1);
        }

        .tm-card.tm-reveal > .tm-card-inner {
            opacity: 1;
            transform: translateY(0);
        }

        /* Cascading top so each new card sits at the same level when sticky —
           all cards stack at the same top position for maximum content visibility. */
        .tm-card:nth-child(1) { top: 100px; }
        .tm-card:nth-child(2) { top: 100px; }
        .tm-card:nth-child(3) { top: 100px; }
        .tm-card:nth-child(4) { top: 100px; }
        .tm-card:nth-child(5) { top: 100px; }
        .tm-card:nth-child(6) { top: 100px; }
        .tm-card:nth-child(7) { top: 100px; }
        .tm-card:nth-child(8) { top: 100px; }

        .tm-card-inner {
            display: grid;
            grid-template-columns: 1.1fr 0.9fr;
            gap: 2.5rem;
            padding: 2.25rem 2.75rem;
            align-items: center;
        }

        .tm-card-left {
            display: flex;
            flex-direction: column;
            gap: 0.7rem;
            overflow: visible;
        }

        .tm-breadcrumb {
            display: flex;
            align-items: center;
            gap: 0.5rem;
            font-size: 0.75rem;
            letter-spacing: 0.14em;
            font-weight: 700;
            color: #034694;
            text-transform: uppercase;
        }

        .tm-breadcrumb-sep {
            color: rgba(3, 16, 43, 0.35);
        }

        .tm-breadcrumb-model {
            color: rgba(3, 16, 43, 0.55);
        }

        .tm-chip {
            align-self: flex-start;
            display: inline-flex;
            align-items: center;
            padding: 6px 14px;
            background: rgba(3, 70, 148, 0.10);
            color: #034694;
            border-radius: 999px;
            font-size: 0.75rem;
            font-weight: 600;
            letter-spacing: 0.06em;
            text-transform: uppercase;
        }

        .tm-title {
            font-size: 1.55rem;
            line-height: 1.25;
            color: #03102b;
            margin: 0;
            font-weight: 700;
        }

        .tm-desc {
            color: #4a5968;
            font-size: 0.85rem;
            line-height: 1.55;
            margin: 0;
        }

        .tm-features {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 0.6rem;
            margin-top: 0.35rem;
        }

        .tm-feature {
            display: flex;
            align-items: center;
            gap: 0.65rem;
            padding: 0.6rem 0.8rem;
            background: #f4f7fb;
            border: 1px solid rgba(3, 70, 148, 0.06);
            border-radius: 10px;
        }

        .tm-feature-ico {
            flex: 0 0 auto;
            width: 32px;
            height: 32px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            background: #ffffff;
            border-radius: 8px;
            box-shadow: 0 2px 6px rgba(3, 16, 43, 0.06);
            color: #034694;
            font-size: 15px;
        }

        .tm-feature-ico i {
            font-size: 15px;
            color: #034694;
        }

        .tm-feature-text {
            display: flex;
            flex-direction: column;
            line-height: 1.2;
        }

        .tm-feature-main {
            font-size: 0.8rem;
            font-weight: 600;
            color: #03102b;
        }

        .tm-feature-sub {
            font-size: 0.66rem;
            letter-spacing: 0.05em;
            text-transform: uppercase;
            color: #6a7789;
            margin-top: 2px;
        }

        .tm-actions {
            display: flex;
            gap: 0.75rem;
            margin-top: 0.65rem;
            flex-wrap: wrap;
        }

        .tm-btn {
            display: inline-flex;
            align-items: center;
            gap: 0.45rem;
            padding: 0.65rem 1.2rem;
            border-radius: 999px;
            font-size: 0.8rem;
            font-weight: 600;
            text-decoration: none;
            transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease, transform 0.2s ease;
        }

        .tm-btn-primary {
            background: #034694;
            color: #ffffff;
            border: 1px solid #034694;
        }

        .tm-btn-primary:hover {
            background: #023a7c;
            border-color: #023a7c;
            color: #ffffff;
            transform: translateY(-1px);
        }

        .tm-btn-outline {
            background: #ffffff;
            color: #03102b;
            border: 1px solid rgba(3, 16, 43, 0.15);
        }

        .tm-btn-outline:hover {
            border-color: #034694;
            color: #034694;
            transform: translateY(-1px);
        }

        .tm-card-right {
            position: relative;
            background: transparent;
            display: flex;
            align-items: center;
            justify-content: center;
            overflow: hidden;
            border-radius: 14px;
        }

        .tm-card-right img {
            width: 100%;
            height: auto;
            object-fit: cover;
            border-radius: 14px;
            transition: transform 0.5s ease;
        }

        .tm-card:hover .tm-card-right img {
            transform: scale(1.03);
        }

        /* Laptop screens (1024px–1400px) */
        @media (max-width: 1400px) {
            .tm-card-inner {
                gap: 2rem;
                padding: 2rem 2.25rem;
            }

            .tm-card-right img {
                max-height: 260px;
                object-fit: contain;
            }

            .tm-title {
                font-size: 1.4rem;
            }

            .tm-desc {
                font-size: 0.82rem;
            }
        }

        /* Smaller laptops (1024px–1199px) */
        @media (max-width: 1199px) {
            .tm-card-inner {
                grid-template-columns: 1.25fr 0.75fr;
                gap: 1.5rem;
                padding: 1.75rem 1.75rem;
            }

            .tm-card-left {
                gap: 0.55rem;
            }

            .tm-title {
                font-size: 1.3rem;
            }

            .tm-desc {
                font-size: 0.78rem;
                line-height: 1.45;
            }

            .tm-features {
                gap: 0.45rem;
            }

            .tm-feature {
                padding: 0.45rem 0.65rem;
                gap: 0.5rem;
            }

            .tm-feature-ico {
                width: 28px;
                height: 28px;
                border-radius: 7px;
            }

            .tm-feature-ico i {
                font-size: 13px;
            }

            .tm-feature-main {
                font-size: 0.74rem;
            }

            .tm-feature-sub {
                font-size: 0.6rem;
            }

            .tm-actions {
                margin-top: 0.5rem;
            }

            .tm-btn {
                padding: 0.55rem 1rem;
                font-size: 0.74rem;
            }

            .tm-card-right img {
                max-height: 220px;
                object-fit: contain;
            }
        }

        /* Tablet — single column, drop sticky so scrolling behaves naturally */
        @media (max-width: 991px) {
            .tm-card,
            .tm-card:nth-child(n) {
                position: static;
                top: auto;
            }

            .tm-card-inner {
                grid-template-columns: 1fr;
                padding: 1.5rem;
                gap: 1.5rem;
            }

            .tm-card-left {
                gap: 0.75rem;
            }

            .tm-card-right {
                order: -1;
                max-width: 420px;
                margin: 0 auto;
            }

            .tm-title {
                font-size: 1.5rem;
            }

            .tm-desc {
                font-size: 0.85rem;
            }

            .tm-btn {
                padding: 0.7rem 1.1rem;
                font-size: 0.8rem;
            }
        }

        @media (max-width: 575px) {
            .tm-features {
                grid-template-columns: 1fr;
            }

            .tm-stack {
                padding: 3rem 0 3.5rem;
            }

            .tm-stack-head {
                margin-bottom: 2rem;
            }

            .tm-card-inner {
                padding: 1.25rem;
            }
        }