<div data-content-type="html" data-appearance="default" data-element="main">&lt;section class="delivery-section py-4"&gt;
            &lt;div class="container"&gt;
                &lt;div class="row align-items-center"&gt;
                    &lt;div class="col-12 col-lg-3 col-md-6  "&gt;
                        &lt;div class="d-flex"&gt;
                            &lt;figure class="mb-0 me-3"&gt;&lt;img src="./media/wysiwyg/home/truck.jpg" alt="truck"&gt;&lt;/figure&gt;
                            &lt;div&gt;
                                &lt;h2 class="h6"&gt;Fast Delivery&lt;/h2&gt;
                                &lt;p class="mb-0"&gt;For All Orders Over $120&lt;/p&gt;
                            &lt;/div&gt;
                        &lt;/div&gt;
                    &lt;/div&gt;
                    &lt;div class="col-12 col-lg-3 col-md-6  "&gt;
                        &lt;div class="d-flex"&gt;
                            &lt;figure class="mb-0 me-3"&gt;&lt;img src="./media/wysiwyg/home/card.jpg" alt="truck"&gt;&lt;/figure&gt;
                            &lt;div&gt;
                                &lt;h2 class="h6"&gt;Safe Payments&lt;/h2&gt;
                                &lt;p class="mb-0"&gt;100% Secure Payments&lt;/p&gt;
                            &lt;/div&gt;
                        &lt;/div&gt;
                    &lt;/div&gt;
                    &lt;div class="col-12 col-lg-3 col-md-6  "&gt;
                        &lt;div class="d-flex"&gt;
                            &lt;figure class="mb-0 me-3"&gt;&lt;img src="./media/wysiwyg/home/gift.jpg" alt="truck"&gt;&lt;/figure&gt;
                            &lt;div&gt;
                                &lt;h2 class="h6"&gt;Discount Coupons&lt;/h2&gt;
                                &lt;p class="mb-0"&gt;Enjoy Huge Promotions&lt;/p&gt;
                            &lt;/div&gt;
                        &lt;/div&gt;
                    &lt;/div&gt;
                    &lt;div class="col-12 col-lg-3 col-md-6  "&gt;
                        &lt;div class="d-flex"&gt;
                            &lt;figure class="mb-0 me-3"&gt;&lt;img src="../media/wysiwyg/home/comments.jpg" alt="truck"&gt;&lt;/figure&gt;
                            &lt;div&gt;
                                &lt;h2 class="h6"&gt;Quality Support&lt;/h2&gt;
                                &lt;p class="mb-0"&gt;Dedicated 24/7 support&lt;/p&gt;
                            &lt;/div&gt;
                        &lt;/div&gt;
                    &lt;/div&gt;
                &lt;/div&gt;
            &lt;/div&gt;
        &lt;/section&gt;
&lt;style&gt;
.delivery-section {
    border-bottom: 1px solid var(--border);
}
.delivery-section .h6 {
    margin: 0px;
    font-weight: 600;
    line-height: 140%;
}
.delivery-section p {
    font-size: 15px;
}
&lt;/style&gt;</div><div data-content-type="html" data-appearance="default" data-element="main">&lt;section class="category-section py-4"&gt;
            &lt;div class="container"&gt;
                &lt;div class="row align-items-center"&gt;
                    &lt;div class="col-12 col-lg-3 col-md-6 card border-0"&gt;
                        &lt;div class="d-flex align-items-center justify-content-between category--inner first card-body"&gt;
                            &lt;div class="category-left"&gt;
                                &lt;h2 class="h5"&gt;New Arrivals&lt;/h2&gt;
                                &lt;p class="m-0"&gt;Discover them all &lt;br /&gt; year round. &lt;/p&gt;
                            &lt;/div&gt;
                            &lt;figure class="mb-0"&gt;&lt;img src="./media/wysiwyg/home/new-arrivals.png" alt=""&gt;&lt;/figure&gt;
                        &lt;/div&gt;
                    &lt;/div&gt;
                    &lt;div class="col-12 col-lg-3 col-md-6 card border-0"&gt;
                        &lt;div class="d-flex align-items-center justify-content-between category--inner second card-body"&gt;
                            &lt;div class="category-left"&gt;
                                &lt;h2 class="h5"&gt;Special Offers&lt;/h2&gt;
                                &lt;p class="m-0"&gt;All our super deals &lt;br /&gt; in one place.&lt;/p&gt;
                            &lt;/div&gt;
                            &lt;figure class="mb-0"&gt;&lt;img src="./media/wysiwyg/home/special-offers.png" alt=""&gt;&lt;/figure&gt;
                        &lt;/div&gt;
                    &lt;/div&gt;
                    &lt;div class="col-12 col-lg-3 col-md-6 card border-0"&gt;
                        &lt;div class="d-flex align-items-center justify-content-between category--inner third card-body"&gt;
                            &lt;div class="category-left "&gt;
                                &lt;h2 class="h5"&gt;Clearance Sales&lt;/h2&gt;
                                &lt;p class="m-0"&gt;End of Series. &lt;br /&gt; All must go.&lt;/p&gt;
                            &lt;/div&gt;
                            &lt;figure class="mb-0"&gt;&lt;img src="./media/wysiwyg/home/clearance-sales.png" alt=""&gt;&lt;/figure&gt;
                        &lt;/div&gt;
                    &lt;/div&gt;
                    &lt;div class="col-12 col-lg-3 col-md-6 card border-0"&gt;
                        &lt;div class="d-flex align-items-center justify-content-between category--inner forth card-body"&gt;
                            &lt;div class="category-left"&gt;
                                &lt;h2 class="h5"&gt;Best Sellers&lt;/h2&gt;
                                &lt;p class="m-0"&gt;Spotlight on our top &lt;br /&gt; selling products.&lt;/p&gt;
                            &lt;/div&gt;
                            &lt;figure class="mb-0"&gt;&lt;img src="./media/wysiwyg/home/best-sellers.png" alt=""&gt;&lt;/figure&gt;
                        &lt;/div&gt;
                    &lt;/div&gt;

                &lt;/div&gt;
            &lt;/div&gt;
        &lt;/section&gt;
&lt;style&gt;
.category--inner{
    padding: 15px;
    border-radius: 5px;
}
.first{
    background-color: var(--blue);
}
.second{
    background-color: var(--orange);
}
.third{
    background-color: var(--purple);
}
.forth{
    background-color: var(--green);
}
.category-section .h5 {
    color: var(--white);
    font-weight: 600;
    margin: 0px 0px 8px;
}
.category-section p {
    color:var(--white);
    line-height: 160%;
}
&lt;/style&gt;</div><div data-content-type="html" data-appearance="default" data-element="main">&lt;section class="product-section"&gt;
            &lt;div class="container"&gt;
                &lt;div class="row"&gt;
                    &lt;div class="col-12 col-lg-3"&gt;
                        &lt;div class="product--category"&gt;
                            &lt;h2 class="h5 product-title"&gt;Product Categories&lt;/h2&gt;
                            &lt;div class="accordion Product-accordion mb-4" id="accordionExample"&gt;
                                &lt;div class="accordion-item"&gt;
                                    &lt;h2 class="accordion-header" id="headingOne"&gt;
                                        &lt;button class="accordion-button collapsed" type="button"
                                            data-bs-toggle="collapse" data-bs-target="#collapseOne"
                                            aria-expanded="false" aria-controls="collapseOne"&gt;
                                            Office Paper
                                        &lt;/button&gt;
                                    &lt;/h2&gt;
                                    &lt;div id="collapseOne" class="accordion-collapse collapse"
                                        aria-labelledby="headingOne" data-bs-parent="#accordionExample"&gt;
                                        &lt;div class="accordion-body"&gt;
                                            &lt;ul class="m-0 p-0"&gt;
                                                &lt;li&gt;&lt;a href="#"&gt;Bristol Paper&lt;/a&gt;&lt;/li&gt;
                                                &lt;li&gt;&lt;a href="#"&gt;Carbon Film&lt;/a&gt;&lt;/li&gt;
                                                &lt;li&gt;&lt;a href="#"&gt;Coloured Copy Paper&lt;/a&gt;&lt;/li&gt;
                                                &lt;li&gt;&lt;a href="#"&gt;Continuous Paper&lt;/a&gt;&lt;/li&gt;
                                                &lt;li&gt;&lt;a href="#"&gt;Flip Chart Paper&lt;/a&gt;&lt;/li&gt;
                                                &lt;li&gt;&lt;a href="#"&gt;Kraft Paper&lt;/a&gt;&lt;/li&gt;
                                                &lt;li&gt;&lt;a href="#"&gt;Other Paper&lt;/a&gt;&lt;/li&gt;
                                                &lt;li&gt;&lt;a href="#"&gt;Register &amp; Fax Rolls&lt;/a&gt;&lt;/li&gt;
                                                &lt;li&gt;&lt;a href="#"&gt;White Copy Paper&lt;/a&gt;&lt;/li&gt;
                                            &lt;/ul&gt;
                                        &lt;/div&gt;
                                    &lt;/div&gt;
                                &lt;/div&gt;
                                &lt;div class="accordion-item"&gt;
                                    &lt;h2 class="accordion-header" id="headingTwo"&gt;
                                        &lt;button class="accordion-button collapsed" type="button"
                                            data-bs-toggle="collapse" data-bs-target="#collapseTwo"
                                            aria-expanded="false" aria-controls="collapseTwo"&gt;Specialty Paper
                                        &lt;/button&gt;
                                    &lt;/h2&gt;
                                    &lt;div id="collapseTwo" class="accordion-collapse collapse"
                                        aria-labelledby="headingTwo" data-bs-parent="#accordionExample"&gt;
                                        &lt;div class="accordion-body"&gt;
                                            &lt;ul class="m-0 p-0"&gt;
                                                &lt;li&gt;&lt;a href="#"&gt;Certificate Paper&lt;/a&gt;&lt;/li&gt;
                                                &lt;li&gt;&lt;a href="#"&gt;Colour Paper&lt;/a&gt;&lt;/li&gt;
                                                &lt;li&gt;&lt;a href="#"&gt;Eco Paper&lt;/a&gt;&lt;/li&gt;
                                                &lt;li&gt;&lt;a href="#"&gt;Embossed Paper&lt;/a&gt;&lt;/li&gt;
                                                &lt;li&gt;&lt;a href="#"&gt;Fine Art Paper&lt;/a&gt;&lt;/li&gt;
                                                &lt;li&gt;&lt;a href="#"&gt;Graphic Paper&lt;/a&gt;&lt;/li&gt;
                                                &lt;li&gt;&lt;a href="#"&gt;Metallic Paper&lt;/a&gt;&lt;/li&gt;
                                                &lt;li&gt;&lt;a href="#"&gt;Packaging Paper&lt;/a&gt;&lt;/li&gt;
                                            &lt;/ul&gt;
                                        &lt;/div&gt;
                                    &lt;/div&gt;
                                &lt;/div&gt;
                                &lt;div class="accordion-item"&gt;
                                    &lt;h2 class="accordion-header" id="headingThree"&gt;
                                        &lt;button class="accordion-button collapsed" type="button"
                                            data-bs-toggle="collapse" data-bs-target="#collapseThree"
                                            aria-expanded="false" aria-controls="collapseThree"&gt;
                                            Office Supplies
                                        &lt;/button&gt;
                                    &lt;/h2&gt;
                                    &lt;div id="collapseThree" class="accordion-collapse collapse"
                                        aria-labelledby="headingThree" data-bs-parent="#accordionExample"&gt;
                                        &lt;div class="accordion-body"&gt;
                                            &lt;ul class="m-0 p-0"&gt;
                                                &lt;li&gt;&lt;a href="#"&gt;Binding &amp; Laminating&lt;/a&gt;&lt;/li&gt;
                                                &lt;li&gt;&lt;a href="#"&gt;Boards &amp; Flip Charts&lt;/a&gt;&lt;/li&gt;
                                                &lt;li&gt;&lt;a href="#"&gt;Clips and Pins&lt;/a&gt;&lt;/li&gt;
                                                &lt;li&gt;&lt;a href="#"&gt;Computer Supplies&lt;/a&gt;&lt;/li&gt;
                                                &lt;li&gt;&lt;a href="#"&gt;Counting &amp; Measuring Devices&lt;/a&gt;&lt;/li&gt;
                                                &lt;li&gt;&lt;a href="#"&gt;Cut, Sharp &amp; Trim Supplies&lt;/a&gt;&lt;/li&gt;
                                                &lt;li&gt;&lt;a href="#"&gt;Desktop Accessories&lt;/a&gt;&lt;/li&gt;
                                                &lt;li&gt;&lt;a href="#"&gt;Envelopes&lt;/a&gt;&lt;/li&gt;
                                                &lt;li&gt;&lt;a href="#"&gt;Erasers &amp; Correction Fluids&lt;/a&gt;&lt;/li&gt;
                                                &lt;li&gt;&lt;a href="#"&gt;Files, Pockets &amp; Folders&lt;/a&gt;&lt;/li&gt;
                                                &lt;li&gt;&lt;a href="#"&gt;Labels, Indexes &amp; Post-it&lt;/a&gt;&lt;/li&gt;
                                                &lt;li&gt;&lt;a href="#"&gt;Notebooks &amp; Pads&lt;/a&gt;&lt;/li&gt;
                                                &lt;li&gt;&lt;a href="#"&gt;Office Accessories&lt;/a&gt;&lt;/li&gt;
                                                &lt;li&gt;&lt;a href="#"&gt;Packaging, Storage &amp; Archiving&lt;/a&gt;&lt;/li&gt;
                                                &lt;li&gt;&lt;a href="#"&gt;Pen, Pencils &amp; Markers&lt;/a&gt;&lt;/li&gt;
                                                &lt;li&gt;&lt;a href="#"&gt;Stamps &amp; Supplies&lt;/a&gt;&lt;/li&gt;
                                                &lt;li&gt;&lt;a href="#"&gt;Staplers and Hole Punches&lt;/a&gt;&lt;/li&gt;
                                                &lt;li&gt;&lt;a href="#"&gt;Tape, Glue &amp; Adhesives&lt;/a&gt;&lt;/li&gt;
                                            &lt;/ul&gt;
                                        &lt;/div&gt;
                                    &lt;/div&gt;
                                &lt;/div&gt;
                                &lt;div class="accordion-item"&gt;
                                    &lt;h2 class="accordion-header" id="headingFour"&gt;
                                        &lt;button class="accordion-button collapsed" type="button"
                                            data-bs-toggle="collapse" data-bs-target="#collapseFour"
                                            aria-expanded="false" aria-controls="collapseFour"&gt;
                                            Office Equipment
                                        &lt;/button&gt;
                                    &lt;/h2&gt;
                                    &lt;div id="collapseFour" class="accordion-collapse collapse"
                                        aria-labelledby="headingFour" data-bs-parent="#accordionExample"&gt;
                                        &lt;div class="accordion-body"&gt;
                                            &lt;ul class="m-0 p-0"&gt;
                                                &lt;li&gt;&lt;a href="#"&gt;Binding Machine&lt;/a&gt;&lt;/li&gt;
                                                &lt;li&gt;&lt;a href="#"&gt;Laminating Machines&lt;/a&gt;&lt;/li&gt;
                                                &lt;li&gt;&lt;a href="#"&gt;Printers&lt;/a&gt;&lt;/li&gt;
                                                &lt;li&gt;&lt;a href="#"&gt;Projectors&lt;/a&gt;&lt;/li&gt;
                                                &lt;li&gt;&lt;a href="#"&gt;Shredders&lt;/a&gt;&lt;/li&gt;
                                                &lt;li&gt;&lt;a href="#"&gt;Trimmers&lt;/a&gt;&lt;/li&gt;
                                            &lt;/ul&gt;
                                        &lt;/div&gt;
                                    &lt;/div&gt;
                                &lt;/div&gt;
                                &lt;div class="accordion-item"&gt;
                                    &lt;h2 class="accordion-header" id="headingFive"&gt;
                                        &lt;button class="accordion-button collapsed" type="button"
                                            data-bs-toggle="collapse" data-bs-target="#collapseFive"
                                            aria-expanded="false" aria-controls="collapseFive"&gt;
                                            Food
                                        &lt;/button&gt;
                                    &lt;/h2&gt;
                                    &lt;div id="collapseFive" class="accordion-collapse collapse"
                                        aria-labelledby="headingFive" data-bs-parent="#accordionExample"&gt;
                                        &lt;div class="accordion-body"&gt;
                                            &lt;ul class="m-0 p-0"&gt;
                                                &lt;li&gt;&lt;a href="#"&gt;Appliances&lt;/a&gt;&lt;/li&gt;
                                                &lt;li&gt;&lt;a href="#"&gt;Biscuits and Snacks&lt;/a&gt;&lt;/li&gt;
                                                &lt;li&gt;&lt;a href="#"&gt;Food Storage&lt;/a&gt;&lt;/li&gt;
                                                &lt;li&gt;&lt;a href="#"&gt;Others&lt;/a&gt;&lt;/li&gt;
                                                &lt;li&gt;&lt;a href="#"&gt;Spices and Condiments&lt;/a&gt;&lt;/li&gt;
                                                &lt;li&gt;&lt;a href="#"&gt;Spreads&lt;/a&gt;&lt;/li&gt;
                                                &lt;li&gt;&lt;a href="#"&gt;Utensils &amp; Kitchen Accessories&lt;/a&gt;&lt;/li&gt;
                                            &lt;/ul&gt;
                                        &lt;/div&gt;
                                    &lt;/div&gt;
                                &lt;/div&gt;
                                &lt;div class="accordion-item"&gt;
                                    &lt;h2 class="accordion-header" id="headingSix"&gt;
                                        &lt;button class="accordion-button collapsed" type="button"
                                            data-bs-toggle="collapse" data-bs-target="#collapseSix"
                                            aria-expanded="false" aria-controls="collapseSix"&gt;
                                            Beverages
                                        &lt;/button&gt;
                                    &lt;/h2&gt;
                                    &lt;div id="collapseSix" class="accordion-collapse collapse"
                                        aria-labelledby="headingSix" data-bs-parent="#accordionExample"&gt;
                                        &lt;div class="accordion-body"&gt;
                                            &lt;ul class="m-0 p-0"&gt;
                                                &lt;li&gt;&lt;a href="#"&gt;Cups, Mugs &amp; Glasses&lt;/a&gt;&lt;/li&gt;
                                                &lt;li&gt;&lt;a href="#"&gt;Dairy Products&lt;/a&gt;&lt;/li&gt;
                                                &lt;li&gt;&lt;a href="#"&gt;Juices and Syrups&lt;/a&gt;&lt;/li&gt;
                                                &lt;li&gt;&lt;a href="#"&gt;Pots &amp; Strainers&lt;/a&gt;&lt;/li&gt;
                                                &lt;li&gt;&lt;a href="#"&gt;Tea, Coffee and Infusion&lt;/a&gt;&lt;/li&gt;
                                                &lt;li&gt;&lt;a href="#"&gt;Water and Soft Drinks&lt;/a&gt;&lt;/li&gt;

                                            &lt;/ul&gt;
                                        &lt;/div&gt;
                                    &lt;/div&gt;
                                &lt;/div&gt;
                                &lt;div class="accordion-item"&gt;
                                    &lt;h2 class="accordion-header" id="headingSeven"&gt;
                                        &lt;button class="accordion-button collapsed" type="button"
                                            data-bs-toggle="collapse" data-bs-target="#collapseSeven"
                                            aria-expanded="false" aria-controls="collapseSeven"&gt;
                                            Cleaning Supplies
                                        &lt;/button&gt;
                                    &lt;/h2&gt;
                                    &lt;div id="collapseSeven" class="accordion-collapse collapse"
                                        aria-labelledby="headingSeven" data-bs-parent="#accordionExample"&gt;
                                        &lt;div class="accordion-body"&gt;
                                            &lt;ul class="m-0 p-0"&gt;
                                                &lt;li&gt;&lt;a href="#"&gt;Cleaning Products&lt;/a&gt;&lt;/li&gt;
                                                &lt;li&gt;&lt;a href="#"&gt;Cleaning Tools&lt;/a&gt;&lt;/li&gt;
                                                &lt;li&gt;&lt;a href="#"&gt;Holders &amp; Dispensers&lt;/a&gt;&lt;/li&gt;
                                                &lt;li&gt;&lt;a href="#"&gt;Scourers, Sponges &amp; Cloths&lt;/a&gt;&lt;/li&gt;
                                                &lt;li&gt;&lt;a href="#"&gt;Soap &amp; Hand Cleaners&lt;/a&gt;&lt;/li&gt;
                                                &lt;li&gt;&lt;a href="#"&gt;Towels, Napkins &amp; Tissues&lt;/a&gt;&lt;/li&gt;
                                                &lt;li&gt;&lt;a href="#"&gt;Trash Bins, Bags &amp; Liners&lt;/a&gt;&lt;/li&gt;
                                            &lt;/ul&gt;
                                        &lt;/div&gt;
                                    &lt;/div&gt;
                                &lt;/div&gt;
                                &lt;div class="accordion-item"&gt;
                                    &lt;h2 class="accordion-header" id="headingEight"&gt;
                                        &lt;button class="accordion-button collapsed" type="button"
                                            data-bs-toggle="collapse" data-bs-target="#collapseEight"
                                            aria-expanded="false" aria-controls="collapseEight"&gt;
                                            Ink &amp; Toners
                                        &lt;/button&gt;
                                    &lt;/h2&gt;
                                    &lt;div id="collapseEight" class="accordion-collapse collapse"
                                        aria-labelledby="headingEight" data-bs-parent="#accordionExample"&gt;
                                        &lt;div class="accordion-body"&gt;
                                            &lt;ul class="m-0 p-0"&gt;
                                                &lt;li&gt;&lt;a href="#"&gt;Epson&lt;/a&gt;&lt;/li&gt;
                                                &lt;li&gt;&lt;a href="#"&gt;HP&lt;/a&gt;&lt;/li&gt;
                                            &lt;/ul&gt;
                                        &lt;/div&gt;
                                    &lt;/div&gt;
                                &lt;/div&gt;
                                &lt;div class="accordion-item"&gt;
                                    &lt;h2 class="accordion-header"&gt;
                                        &lt;a href="#"&gt;Printing Services&lt;/a&gt;
                                    &lt;/h2&gt;
                                &lt;/div&gt;
                                &lt;div class="accordion-item"&gt;
                                    &lt;h2 class="accordion-header"&gt;
                                        &lt;a href="#"&gt;School Supplies&lt;/a&gt;
                                    &lt;/h2&gt;
                                &lt;/div&gt;
                            &lt;/div&gt;
                            &lt;div class="ads-image"&gt;
                                &lt;figure class="mb-4"&gt;&lt;img src="./media/wysiwyg/home/ads-1.png" alt="ads"&gt;&lt;/figure&gt;
                            &lt;/div&gt;
                            &lt;div class="ads-image"&gt;
                                &lt;figure class="mb-4"&gt;&lt;img src="./media/wysiwyg/home/ads-2.png" alt="ads"&gt;&lt;/figure&gt;
                            &lt;/div&gt;
                            &lt;div class="ads-image"&gt;
                                &lt;figure class="mb-4"&gt;&lt;img src="./media/wysiwyg/home/ads-3.png" alt="ads"&gt;&lt;/figure&gt;
                            &lt;/div&gt;
                        &lt;/div&gt;
                    &lt;/div&gt;
                    &lt;div class="col-12 col-lg-9 px-0"&gt;
                        &lt;div class="row m-0"&gt;
                            &lt;div class="col-12  "&gt;
                                &lt;h2 class="h5 product-title"&gt;Featured Products&lt;/h2&gt;
                            &lt;/div&gt;
                        &lt;/div&gt;
                        &lt;div class=" row mx-0 mt-4 product-item"&gt;
                            &lt;div class="col-12 col-lg-4 col-md-4 mb-5"&gt;
                                &lt;figure&gt;&lt;img src="./media/wysiwyg/home/product-1.jpg"&gt;&lt;/figure&gt;
                                &lt;h6&gt;Staedtler Sketching Set 12pc - 61 100&lt;/h6&gt;
                            &lt;/div&gt;
                            &lt;div class="col-12 col-lg-4 col-md-4 mb-5"&gt;
                                &lt;figure&gt;&lt;img src="./media/wysiwyg/home/product-2.jpg"&gt;&lt;/figure&gt;
                                &lt;h6&gt;Samsung 1610 Toner Cartridge&lt;/h6&gt;
                            &lt;/div&gt;
                            &lt;div class="col-12 col-lg-4 col-md-4 mb-5"&gt;
                                &lt;figure&gt;&lt;img src="./media/wysiwyg/home/product-3.jpg"&gt;&lt;/figure&gt;
                                &lt;h6&gt;PVC Lever Arch Index File&lt;/h6&gt;
                            &lt;/div&gt;
                            &lt;div class="col-12 col-lg-4 col-md-4 mb-5"&gt;
                                &lt;figure&gt;&lt;img src="./media/wysiwyg/home/product-4.jpg"&gt;&lt;/figure&gt;
                                &lt;h6&gt;Century Star 75 GSM A4 Paper 500 Sheets&lt;/h6&gt;
                            &lt;/div&gt;
                            &lt;div class="col-12 col-lg-4 col-md-4 mb-5"&gt;
                                &lt;figure&gt;&lt;img src="./media/wysiwyg/home/product-5.jpg"&gt;&lt;/figure&gt;
                                &lt;h6&gt;Epson Ecotank L3210 Black All-In-One Multifunction Ink Tank&lt;/h6&gt;
                            &lt;/div&gt;
                            &lt;div class="col-12 col-lg-4 col-md-4 mb-5"&gt;
                                &lt;figure&gt;&lt;img src="./media/wysiwyg/home/product-6.jpg"&gt;&lt;/figure&gt;
                                &lt;h6&gt;IBS T6 4700lm White Mini Wi-Fi LED Full HD LCD Corded Portab&lt;/h6&gt;
                            &lt;/div&gt;
                            &lt;div class="col-12 col-lg-4 col-md-4 mb-5"&gt;
                                &lt;figure&gt;&lt;img src="./media/wysiwyg/home/product-7.jpg"&gt;&lt;/figure&gt;
                                &lt;h6&gt;CP Plus 2.4MP White &amp; Black 6 Pcs Outdoor, 2 Pcs Indoor Came&lt;/h6&gt;
                            &lt;/div&gt;
                            &lt;div class="col-12 col-lg-4 col-md-4 mb-5"&gt;
                                &lt;figure&gt;&lt;img src="./media/wysiwyg/home/product-8.jpg"&gt;&lt;/figure&gt;
                                &lt;h6&gt;HP M438NDA LaserJet Pro All-in-One Printer with Network Dupl&lt;/h6&gt;
                            &lt;/div&gt;
                            &lt;div class="col-12 col-lg-4 col-md-4 mb-5"&gt;
                                &lt;figure&gt;&lt;img src="./media/wysiwyg/home/product-9.jpg"&gt;&lt;/figure&gt;
                                &lt;h6&gt;Worldone Binder Clip 25 Mm –Pack of 12&lt;/h6&gt;
                            &lt;/div&gt;
                            &lt;div class="col-12 col-lg-4 col-md-4 mb-5"&gt;
                                &lt;figure&gt;&lt;img src="./media/wysiwyg/home/product-10.jpg"&gt;&lt;/figure&gt;
                                &lt;h6&gt;Kangaro Punch - 280&lt;/h6&gt;
                            &lt;/div&gt;
                            &lt;div class="col-12 col-lg-4 col-md-4 mb-11"&gt;
                                &lt;figure&gt;&lt;img src="./media/wysiwyg/home/product-11.jpg"&gt;&lt;/figure&gt;
                                &lt;h6&gt;Toilet Roll 300 Pulls&lt;/h6&gt;
                            &lt;/div&gt;
                            &lt;div class="col-12 col-lg-4 col-md-4 mb-12"&gt;
                                &lt;figure&gt;&lt;img src="./media/wysiwyg/home/product-12.jpg"&gt;&lt;/figure&gt;
                                &lt;h6&gt;House Keeping Supplies&lt;/h6&gt;
                            &lt;/div&gt;
                            &lt;div class="col-12 col-lg-4 col-md-4 mb-5"&gt;
                                &lt;figure&gt;&lt;img src="./media/wysiwyg/home/product-13.jpg"&gt;&lt;/figure&gt;
                                &lt;h6&gt;Bectosil Alcoholic Hand Rub 5 ltr&lt;/h6&gt;
                            &lt;/div&gt;
                            &lt;div class="col-12 col-lg-4 col-md-4 mb-5"&gt;
                                &lt;figure&gt;&lt;img src="./media/wysiwyg/home/product-14.jpg"&gt;&lt;/figure&gt;
                                &lt;h6&gt;Kangaro HP-10 stapler&lt;/h6&gt;
                            &lt;/div&gt;
                            &lt;div class="col-12 col-lg-4 col-md-4 mb-5"&gt;
                                &lt;figure&gt;&lt;img src="./media/wysiwyg/home/product-15.jpg"&gt;&lt;/figure&gt;
                                &lt;h6&gt;Neo Display File 40 Pocket A4 - 202&lt;/h6&gt;
                            &lt;/div&gt;
                        &lt;/div&gt;
                    &lt;/div&gt;
                &lt;/div&gt;
            &lt;/div&gt;
        &lt;/section&gt;
&lt;style&gt;
.product-title {
    background: var(--secondary);
    padding: 12px 20px;
    border-radius: 5px 5px 0px 0px;
    color: var(--white);
    font-weight: 600;
    margin: 0px;
    line-height: 150%;
}
.col-lg-9 .product-title{
    border-radius: 5px;
}
.Product-accordion .accordion-item:first-of-type {
    border-top-left-radius:0;
    border-top-right-radius: 0;
}
.product-item figure{
    background-color: var(--gray-light);
}
.product-item h6 {
    line-height: 150%;
}
.Product-accordion .accordion-button {
    color: var(--gray);
    padding: 1rem;
}
.Product-accordion .accordion-button::after {
    background-size: 17px auto;
    display: flex;
    align-items: center;
    justify-content: center;
}
.Product-accordion h2.accordion-header a {
    font-size: 1rem;
    padding: 1rem;
    display: inline-flex;
    color: var(--gray);
    font-weight: 400;
}
.Product-accordion ul li {
    padding: 5px 0px;
}
.Product-accordion ul li a{
    padding:  0px;
    color: var(--gray);
    font-size: 1rem;
    line-height: 150%;

}
.Product-accordion ul li a:hover{
    color: var(--primary);
}
&lt;/style&gt;</div><div data-content-type="html" data-appearance="default" data-element="main">&lt;section class="buying-section"&gt;
    &lt;div class="container"&gt;
        &lt;div class="row justify-content-center mb-5"&gt;
            &lt;div class="col-12 col-lg-6 text-center"&gt;
                &lt;h2 class="h3"&gt;Buying Guide&lt;/h2&gt;
                &lt;p class="mb-0"&gt;Our mission is to offer our customers outstanding service and quality products
                    with a fast delivery service.&lt;/p&gt;
            &lt;/div&gt;
        &lt;/div&gt;
        &lt;div class="row"&gt;
            &lt;div class="col-12 col-lg-4 col-md-6 position-relative  mb-4"&gt;
                &lt;div class="guide--item"&gt;
                    &lt;figure class="mb-0"&gt;&lt;img src="./media/wysiwyg/home/guide-1.jpg" alt="guide" width="447" height="290"&gt;
                    &lt;/figure&gt;
                    &lt;h3 class="h4"&gt;Art &amp; Craft &lt;br /&gt; Supplies&lt;/h3&gt;
                &lt;/div&gt;
            &lt;/div&gt;
            &lt;div class="col-12 col-lg-4 col-md-6 position-relative mb-4"&gt;
                &lt;div class="guide--item"&gt;
                    &lt;figure class="mb-0"&gt;&lt;img src="./media/wysiwyg/home/guide-2.jpg" alt="guide" width="447" height="290"&gt;
                    &lt;/figure&gt;
                    &lt;h3 class="h4"&gt;House Hold &lt;br /&gt;&amp; Cleaning&lt;/h3&gt;
                &lt;/div&gt;
            &lt;/div&gt;
            &lt;div class="col-12 col-lg-4 col-md-6 position-relative mb-4"&gt;
                &lt;div class="guide--item"&gt;
                    &lt;figure class="mb-0"&gt;&lt;img src="./media/wysiwyg/home/guide-3.jpg" alt="guide" width="447" height="290"&gt;
                    &lt;/figure&gt;
                    &lt;h3 class="h4"&gt;IT &amp;&lt;br /&gt; Electronics&lt;/h3&gt;
                &lt;/div&gt;
            &lt;/div&gt;
            &lt;div class="col-12 col-lg-4 col-md-6 position-relative mb-4"&gt;
                &lt;div class="guide--item"&gt;
                    &lt;figure class="mb-0"&gt;&lt;img src="./media/wysiwyg/home/guide-4.jpg" alt="guide" width="447" height="290"&gt;
                    &lt;/figure&gt;
                    &lt;h3 class="h4"&gt;Office &lt;br /&gt;Statinary&lt;/h3&gt;
                &lt;/div&gt;
            &lt;/div&gt;
            &lt;div class="col-12 col-lg-4 col-md-6 position-relative mb-4"&gt;
                &lt;div class="guide--item"&gt;
                    &lt;figure class="mb-0"&gt;&lt;img src="./media/wysiwyg/home/guide-5.jpg" alt="guide" width="447" height="290"&gt;
                    &lt;/figure&gt;
                    &lt;h3 class="h4"&gt;Pantry &lt;br /&gt;Supplies&lt;/h3&gt;
                &lt;/div&gt;
            &lt;/div&gt;

            &lt;div class="col-12 col-lg-4 col-md-6 position-relative mb-4"&gt;
                &lt;div class="guide--item"&gt;
                    &lt;figure class="mb-0"&gt;&lt;img src="./media/wysiwyg/home/guide-6.jpg" alt="guide" width="447" height="290"&gt;
                    &lt;/figure&gt;
                    &lt;h3 class="h4"&gt;Safety &lt;br /&gt;Supplies&lt;/h3&gt;
                &lt;/div&gt;
            &lt;/div&gt;
        &lt;/div&gt;
    &lt;/div&gt;
&lt;/section&gt;</div><div data-content-type="block" data-appearance="default" data-element="main">{{widget type="Magento\Cms\Block\Widget\Block" template="widget/static_block/default.phtml" block_id="24" type_name="CMS Static Block"}}</div>