Here’s how

<style>
    .about-process-section {
        padding: 117px 0;
        background: #fff;
    }

    .about-mainsection {
        overflow: hidden;
        margin: 0;
    }

    .container {
        width: 100%;
        margin-right: auto;
        margin-left: auto;
        padding-right: 30px;
        padding-left: 30px;
    }

    .about-process-headings {
        text-align: center;
    }

    .about-process-headings>*:last-child {
        margin-bottom: 0 !important;
    }

    .about-process-headings>*:first-child {
        margin-top: 0 !important;
    }

    .about-mainsection h2 {
        line-height: 120%;
        /* color: inherit; */
        font-family: 'Lato';
        font-size: 46px;
        font-style: normal;
        font-weight: 600;
        text-transform: uppercase;
        color: #000000;
    }

    .about-process-headings>* {
        width: 70%;
        max-width: 732px;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .about-mainsection h2 span {
        color: #B8892D;
        font-family: inherit;
        font-weight: inherit;
        line-height: inherit;
    }

    .about-processitems-group {
        counter-reset: processitems;
    }

    .processitem-content-group {
        position: relative;
        padding-right: 120px;
    }

    .about-process-item>* {
        padding: 40px 0;
    }

    .processitem-content-group:before {
        content: counter(processitems);
        counter-increment: processitems;
        position: absolute;
        top: 0;
        bottom: auto;
        left: auto;
        right: 0;
        color: #d6d6d6;
        font-family: 'Inter';
        font-size: 284px;
        font-style: normal;
        font-weight: 700;
        line-height: 100%;
        text-align: center;
        text-transform: uppercase;
    }

    .processitem-content {
        width: 100%;
        max-width: 625px;
    }

    .processitem-content>*:first-child {
        margin-top: 0 !important;
    }

    .about-mainsection h3 {
        /* color: inherit; */
        font-family: 'Lato';
        font-size: 44px;
        font-style: normal;
        font-weight: 600;
        line-height: 125%;
        text-transform: capitalize;
        margin: 0 0 15px;
        color: #000000;
    }

    .about-mainsection h3 span {
        color: #B8892D;
        font-family: inherit;
        font-weight: inherit;
        line-height: inherit;
    }

    .processitem-content>*:last-child {
        margin-bottom: 0 !important;
    }

    .about-mainsection h5 {
        /* color: inherit; */
        font-family: 'Lato';
        font-size: 25px;
        font-style: normal;
        font-weight: 400;
        line-height: 164.286%;
        margin: 0 0 15px;
        color: #000000;
    }

    .processitem-img-group {
        position: relative;
        text-align: center;
        display: block;
        width: 85%;
        max-width: 820px;
        margin: auto;
    }

    .processitem-img-group img {
        vertical-align: top;
    }

    .about-mainsection img {
        max-width: 100%;
    }

    .processitem-img-group:after {
        content: "";
        width: 501px;
        height: 317px;
        background-image: url(https://cdn.shopify.com/s/files/1/0768/6943/5636/files/Screenshot_2026-03-27_105150-removebg-preview.png?v=1774588971);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        position: absolute;
        inset: auto;
        top: 40px;
        left: 67%;
    }

    .about-process-item+.about-process-item {
        margin-top: 50px;
    }

    .about-process-divider {
        width: 70%;
        max-width: 815px;
        margin-top: 105px;
        margin-bottom: 60px;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .about-process-btcontent {
        max-width: 1050px;
        text-align: center;
        display: block;
        width: 90%;
        margin-left: auto;
        margin-right: auto;
    }

    .about-mainsection h4 {
        color: inherit;
        font-family: Generis Sans W01 Regular;
        font-size: 39px;
        font-style: normal;
        font-weight: 400;
        line-height: 138.462%;
        margin: 0 0 15px;
    }

    .about-mainsection h4 span {
        color: #B8892D;
        font-family: inherit;
        font-weight: inherit;
        line-height: inherit;
    }

    .cf::after {
        clear: both;
        content: "";
        display: table;
    }

    @media (min-width: 1400px) {
        .container {
            max-width: 1400px;
        }
    }

    @media (max-width: 560px) {
        .about-process-headings {
            padding-bottom: 15px;
        }

        .about-process-headings>* {
            width: 90%;
        }

        .processitem-content-group {
            padding-left: 0;
            padding-right: 0;
            text-align: center;
        }

        .about-process-item>* {
            padding-top: 15px;
            padding-bottom: 15px;
        }

        .processitem-content-group:before {
            font-size: 95px;
            display: block;
            position: static;
            margin: 0 0 10px;
        }

        .about-process-item+.about-process-item {
            margin-top: 5px;
        }
    }

    @media (max-width: 767px) {
        .about-mainsection h2 {
            font-size: 30px;
        }

        .processitem-content h3 {
            margin-bottom: 10px;
        }

        .about-mainsection h3 {
            font-size: 25px;
        }

        .about-mainsection h5 {
            font-size: 16px;
            line-height: 140%;
        }

        .processitem-img-group {
            width: 100% !important;
            max-width: 100% !important;
        }

        .about-process-divider {
            margin-top: 25px;
            margin-bottom: 25px;
        }

        .about-mainsection h4 {
            font-size: 25px;
        }

        .processitem-img-group:after {
            display: none;
        }
    }

    @media (max-width: 904px) {
        .about-process-section {
            padding-top: 55px;
            padding-bottom: 55px;
        }
    }

    @media (max-width: 1260px) {
        .about-mainsection h4 {
            line-height: 125%;
        }
    }
</style>

<div id="shopify-section-process-items" class="shopify-section" data-entity-type="section"
    data-entity-id="shopify-section-process-items" data-entity-name="shopify-section-process-items"
    data-h-event-data="{}" data-marked-section="true" data-entity-position="5"
    data-h-id="temp-1774586074787-da3402819dab6" data-h-component-type="section" data-h-feature-provider="helium"
    data-h-view-listener-added="true" data-h-click-triggered="true">
    <section class="about-mainsection about-process-section">
        <div class="container">
            <div class="about-process-headings">
                <h2>Here’s how a Kisah piece <span>comes to life</span></h2>
            </div>
            <div class="about-processitems-group">

                <div class="about-process-item">
                    <div class="processitem-content-group">
                        <div class="processitem-content">
                            <h3>Designing the <span>Vision</span></h3>
                            <h5>It all begins with a spark—an emotion, a memory, a mood. Our designers weave tradition
                                with contemporary flair to craft styles that let every wearer feel truly seen.</h5>
                        </div>
                    </div>
                    <div class="processitem-img-group">
                        <img src="//kisah.in/cdn/shop/files/Come_To_Life_-_Vison_-_Image.jpg?v=1750683402" alt="Vision"
                            width="820" height="534" loading="lazy">
                    </div>
                </div>

                <div class="about-process-item">
                    <div class="processitem-content-group">
                        <div class="processitem-content">
                            <h3>Selecting the <span>Fabric</span></h3>
                            <h5>We treat fabric as poetry in motion. Each material is handpicked not just for its
                                texture or sheen, but for how it breathes, flows, and embraces the body—so every garment
                                feels as good as it looks.</h5>
                        </div>
                    </div>
                    <div class="processitem-img-group">
                        <img src="//kisah.in/cdn/shop/files/Come_To_Life_-_Fabric_-_Image.jpg?v=1750683402" alt="Fabric"
                            width="820" height="534" loading="lazy">
                    </div>
                </div>

                <div class="about-process-item">
                    <div class="processitem-content-group">
                        <div class="processitem-content">
                            <h3>Crafting the <span>Patterns</span></h3>
                            <h5>It all begins with a spark—an emotion, a memory, a mood. Our designers weave tradition
                                with contemporary flair to craft styles that let every wearer feel truly seen.</h5>
                        </div>
                    </div>
                    <div class="processitem-img-group">
                        <img src="//kisah.in/cdn/shop/files/Come_To_Life_-_Patterns_-_Image.jpg?v=1750683402"
                            alt="Patterns" width="820" height="534" loading="lazy">
                    </div>
                </div>

                <div class="about-process-item">
                    <div class="processitem-content-group">
                        <div class="processitem-content">
                            <h3>Cutting the <span>Fabric</span></h3>
                            <h5>Every cut is a quiet ritual. With steady hands and seasoned eyes, our artisans slice the
                                fabric with care, ensuring balance, proportion, and grace in every fold.</h5>
                        </div>
                    </div>
                    <div class="processitem-img-group">
                        <img src="//kisah.in/cdn/shop/files/Come_To_Life_-_Cuttin_Fabric_-_Image.jpg?v=1750683402"
                            alt="Fabric" width="820" height="534" loading="lazy">
                    </div>
                </div>

                <div class="about-process-item">
                    <div class="processitem-content-group">
                        <div class="processitem-content">
                            <h3>The <span>Stitching</span></h3>
                            <h5>This is where threads meet purpose. Our karigars infuse life into fabric, layering skill
                                and devotion into every seam, every embroidery, every detail that sets Kisah apart.</h5>
                        </div>
                    </div>
                    <div class="processitem-img-group">
                        <img src="//kisah.in/cdn/shop/files/Come_To_Life_-_Stitching_-_Image.jpg?v=1750683402"
                            alt="Stitching" width="820" height="534" loading="lazy">
                    </div>
                </div>

                <div class="about-process-item">
                    <div class="processitem-content-group">
                        <div class="processitem-content">
                            <h3>Embellishments and <span>Details</span></h3>
                            <h5>From delicate motifs to bold flourishes, each embellishment is an ode to
                                identity—thoughtfully placed to echo the vibrancy and spirit of the man who wears it.
                            </h5>
                        </div>
                    </div>
                    <div class="processitem-img-group">
                        <img src="//kisah.in/cdn/shop/files/Come_To_Life_-_Details_-_Image.jpg?v=1750683403"
                            alt="Details" width="820" height="534" loading="lazy">
                    </div>
                </div>

                <div class="about-process-item">
                    <div class="processitem-content-group">
                        <div class="processitem-content">
                            <h3>Quality <span>Assurance</span></h3>
                            <h5>Perfection isn't an act—it's our promise. Each piece is thoroughly checked, ensuring
                                that every thread, button, and fold is crafted to last, and made to shine.</h5>
                        </div>
                    </div>
                    <div class="processitem-img-group">
                        <img src="//kisah.in/cdn/shop/files/Come_To_Life_-_Assurance_-_Image.jpg?v=1750683402"
                            alt="Assurance" width="820" height="534" loading="lazy">
                    </div>
                </div>

                <div class="about-process-item">
                    <div class="processitem-content-group">
                        <div class="processitem-content">
                            <h3>Perfect <span>Finishing</span></h3>
                            <h5>Finally, with a loving press and a final glance, the garment is readied—not just for a
                                wardrobe, but for a moment, a memory, a Kisah worth wearing.</h5>
                        </div>
                    </div>
                    <div class="processitem-img-group">
                        <img src="//kisah.in/cdn/shop/files/Come_To_Life_-_Finishing_-_Image.jpg?v=1750683402"
                            alt="Finishing" width="820" height="534" loading="lazy">
                    </div>
                </div>

            </div>

            <svg class="about-process-divider" width="828" height="18" viewBox="0 0 828 18" fill="none"
                xmlns="http://www.w3.org/2000/svg">
                <path
                    d="M0.339746 9L9 17.6603L17.6603 9L9 0.339746L0.339746 9ZM827.66 9L819 0.339746L810.34 9L819 17.6603L827.66 9ZM9 9V10.5H819V9V7.5H9V9Z"
                    fill="#1E1E1E"></path>
            </svg>

            <div class="about-process-btcontent">
                <h4>At Kisah, every garment is more than just clothing—it’s a <span>tribute</span> to craftsmanship,
                    culture, and the individuality of the man who wears it. <span>With heart</span> in every thread and
                    purpose in every detail, we craft not just outfits, <span>but memories</span> waiting to be made.
                </h4>
            </div>
        </div>
    </section>

</div>