 <!-- Breadcrumb Wrapper Start -->
       <div class="breadcrumb-section section-bg-2">
        <div class="container-fluid">
            <div class="breadcrumb-wrapper bg-cover" style="background-image: url('<?php echo base_url();?>assets/img/breadcrumb-bg.jpg');">
                <div class="flower-shape">
                    <img src="<?php echo base_url();?>assets/img/flower-shape.png" alt="img">
                </div>
                <div class="star-shape">
                    <img src="<?php echo base_url();?>assets/img/star-shape.png" alt="img">
                </div>
                <div class="container">
                    <div class="page-heading center">
                        <h6>Digital printing Service</h6>
                        <h1>Product Page</h1>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Shop Page Section Start -->
    <section class="shop-page-section fix section-padding section-bg-2">
        <div class="container">
            <div class="row g-4">
                <div class="col-xl-3 col-lg-4 order-2 order-md-1">
                    <div class="shop-main-sidebar">
                        <div class="single-sidebar-widget">
                            <div class="wid-title">
                                <h4>search here</h4>
                            </div>
                            <div class="search_widget">
                                <form action="#">
                                    <input type="text" placeholder="search here">
                                    <button type="submit"><i class="fal fa-search"></i></button>
                                </form>
                            </div>
                        </div>
                        <div class="single-sidebar-widget">
                            <div class="wid-title">
                                <h4>Catagories</h4>
                            </div>
                            <div class="shop-catagory-items">
                                <ul>
                                    <li>
                                    <a href="shop-details.html">
                                            <i class="fa-regular fa-chevron-left"></i>
                                            Brochures & Catalogues
                                    </a>
                                    </li>
                                    <li>
                                        <a href="shop-details.html">
                                            <i class="fa-regular fa-chevron-left"></i>
                                            Business Cards
                                        </a>
                                    </li>
                                    <li>
                                        <a href="shop-details.html">
                                            <i class="fa-regular fa-chevron-left"></i>
                                            Calendars printing
                                        </a>
                                    </li>
                                    <li>
                                        <a href="shop-details.html">
                                            <i class="fa-regular fa-chevron-left"></i>
                                            Design Online
                                        </a>
                                    </li>
                                    <li>
                                        <a href="shop-details.html">
                                            <i class="fa-regular fa-chevron-left"></i>
                                            Flyers Design
                                        </a>
                                    </li>
                                    <li>
                                        <a href="shop-details.html">
                                            <i class="fa-regular fa-chevron-left"></i>
                                            Folded Leaflets
                                        </a>
                                    </li>
                                    <li>
                                        <a href="shop-details.html">
                                            <i class="fa-regular fa-chevron-left"></i>
                                            t-shirt printing
                                        </a>
                                    </li>
                                    <li>
                                        <a href="shop-details.html">
                                            <i class="fa-regular fa-chevron-left"></i>
                                            Gift item printing
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <div class="single-sidebar-widget">
                            <div class="wid-title">
                                <h4>Filter By Price</h4>
                            </div>
                            <div class="range__barcustom">
                                <div class="slider">
                                    <div class="progress" style="left: 25%; right: 25%;"></div>
                                </div>
                                <div class="range-input">
                                    <input type="range" class="range-min" min="0" max="10000" value="2500">
                                    <input type="range" class="range-max" min="100" max="10000" value="7500">
                                </div>
                                <div class="range-items">
                                    <div class="price-input d-flex">
                                        <div class="field">
                                            <span>$</span>
                                            <input type="number" class="input-min" value="100">
                                        </div>
                                        <div class="separators">-</div>
                                        <div class="field">
                                            <span>$</span>
                                            <input type="number" class="input-max" value="1000">
                                        </div>
                                        <a href="shop-left-sidebar.html" class="theme-btn border-radius-none">Filter</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="single-sidebar-widget">
                            <div class="wid-title">
                                <h4>filter by size</h4>
                            </div>
                            <div class="filter-size">
                                <label class="checkbox-single">
                                    <span class="d-flex gap-xl-3 gap-2 align-items-center">
                                        <span class="checkbox-area d-center">
                                            <input type="checkbox">
                                            <span class="checkmark d-center"></span>
                                        </span>
                                        <span class="text-color">
                                            36"x80" (8)
                                        </span>
                                    </span>
                                </label>
                                <label class="checkbox-single">
                                    <span class="d-flex gap-xl-3 gap-2 align-items-center">
                                        <span class="checkbox-area d-center">
                                            <input type="checkbox" checked="checked">
                                            <span class="checkmark d-center"></span>
                                        </span>
                                        <span class="text-color">
                                            36"x96" (60)
                                        </span>
                                    </span>
                                </label>
                                <label class="checkbox-single">
                                    <span class="d-flex gap-xl-3 gap-2 align-items-center">
                                        <span class="checkbox-area d-center">
                                            <input type="checkbox">
                                            <span class="checkmark d-center"></span>
                                        </span>
                                        <span class="text-color">
                                            72"x80" (7)
                                        </span>
                                    </span>
                                </label>
                                <label class="checkbox-single">
                                    <span class="d-flex gap-xl-3 gap-2 align-items-center">
                                        <span class="checkbox-area d-center">
                                            <input type="checkbox">
                                            <span class="checkmark d-center"></span>
                                        </span>
                                        <span class="text-color">
                                            72"x96" (21)
                                        </span>
                                    </span>
                                </label>
                            </div>
                        </div>
                        <div class="single-sidebar-widget">
                            <div class="wid-title">
                                <h4>filter by Rating</h4>
                            </div>
                            <div class="filter-size">
                                <label class="checkbox-single d-flex align-items-center">
                                    <span class="d-flex gap-xl-3 gap-2 align-items-center">
                                        <span class="checkbox-area d-center">
                                            <input type="checkbox">
                                            <span class="checkmark d-center"></span>
                                        </span>
                                        <span class="text-color">
                                            <span class="star">
                                                <i class="fas fa-star"></i>
                                                <i class="fas fa-star"></i>
                                                <i class="fas fa-star"></i>
                                                <i class="fas fa-star"></i>
                                                <i class="fas fa-star"></i>
                                            </span>
                                            ( 5 Star )
                                        </span>
                                    </span>
                                </label>
                                <label class="checkbox-single">
                                    <span class="d-flex gap-xl-3 gap-2 align-items-center">
                                        <span class="checkbox-area d-center">
                                            <input type="checkbox" checked="checked">
                                            <span class="checkmark d-center"></span>
                                        </span>
                                        <span class="text-color">
                                            <span class="star">
                                                <i class="fas fa-star"></i>
                                                <i class="fas fa-star"></i>
                                                <i class="fas fa-star"></i>
                                                <i class="fas fa-star"></i>
                                                <i class="fas fa-star color-2"></i>
                                            </span>
                                            ( 4 Star )
                                        </span>
                                    </span>
                                </label>
                                <label class="checkbox-single d-flex align-items-center">
                                    <span class="d-flex gap-xl-3 gap-2 align-items-center">
                                        <span class="checkbox-area d-center">
                                            <input type="checkbox">
                                            <span class="checkmark d-center"></span>
                                        </span>
                                        <span class="text-color">
                                            <span class="star">
                                                <i class="fas fa-star"></i>
                                                <i class="fas fa-star"></i>
                                                <i class="fas fa-star"></i>
                                                <i class="fas fa-star color-2"></i>
                                                <i class="fas fa-star color-2"></i>
                                            </span>
                                            ( 3 Star )
                                        </span>
                                    </span>
                                </label>
                                <label class="checkbox-single d-flex align-items-center">
                                    <span class="d-flex gap-xl-3 gap-2 align-items-center">
                                        <span class="checkbox-area d-center">
                                            <input type="checkbox">
                                            <span class="checkmark d-center"></span>
                                        </span>
                                        <span class="text-color">
                                            <span class="star">
                                                <i class="fas fa-star"></i>
                                                <i class="fas fa-star"></i>
                                                <i class="fas fa-star color-2"></i>
                                                <i class="fas fa-star color-2"></i>
                                                <i class="fas fa-star color-2"></i>
                                            </span>
                                            ( 2 Star )
                                        </span>
                                    </span>
                                </label>
                                <label class="checkbox-single d-flex align-items-center">
                                    <span class="d-flex gap-xl-3 gap-2 align-items-center">
                                        <span class="checkbox-area d-center">
                                            <input type="checkbox">
                                            <span class="checkmark d-center"></span>
                                        </span>
                                        <span class="text-color">
                                            <span class="star">
                                                <i class="fas fa-star"></i>
                                                <i class="fas fa-star color-2"></i>
                                                <i class="fas fa-star color-2"></i>
                                                <i class="fas fa-star color-2"></i>
                                                <i class="fas fa-star color-2"></i>
                                            </span>
                                            ( 1 Star )
                                        </span>
                                    </span>
                                </label>
                            </div>
                        </div>
                        <div class="single-sidebar-widget">
                            <div class="wid-title">
                                <h4>Filter by Color</h4>
                            </div>
                            <ul class="color-list">
                                <li></li>
                                <li></li>
                                <li></li>
                                <li></li>
                                <li></li>
                                <li></li>
                            </ul>
                        </div>
                        <div class="single-sidebar-widget">
                            <div class="wid-title">
                                <h4>Filter by Tag</h4>
                            </div>
                            <div class="shop-widget-tag">
                                <span>Sweat Shirt</span>
                                <span>Banner design</span>
                                <span>Brochure</span>
                                <span>Business Card</span>
                                <span>landing</span>
                                <span>Brochure</span>
                                <span>Tryptich Brochure</span>
                                <span>Cap</span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-xl-9 col-lg-8 order-1 order-md-2">
                    <div class="woocommerce-notices-wrapper wow fadeInUp" data-wow-delay=".3s">
                        <p>Showing <span>12</span> of 21 Results</p>
                        <div class="form-clt">
                            <div class="nice-select" tabindex="0">
                                <span class="current">
                                    Default Sorting
                                </span>
                                <ul class="list">
                                    <li data-value="1" class="option selected focus">
                                    Default sorting
                                </li>
                                <li data-value="1" class="option">
                                    Sort by popularity
                                </li>
                                <li data-value="1" class="option">
                                    Sort by average rating
                                </li>
                                <li data-value="1" class="option">
                                    Sort by latest
                                </li>
                            </ul>
                            </div>
                            <div class="icon">
                                <a href="shop.html"><i class="fas fa-list"></i></a>
                            </div>
                            <div class="icon-2">
                                <a href="shop.html"><i class="fas fa-th-large"></i></a>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-xl-4 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay=".2s">
                            <div class="product-box-items">
                                <div class="product-image">
                                    <img src="<?php echo base_url();?>assets/img/product/01.jpg" alt="img">
                                    <ul class="product-icon d-grid align-items-center">
                                        <li>
                                            <a href="shop-cart.html"><i class="fa-sharp fa-regular fa-eye"></i></a>
                                        </li>
                                        <li>
                                            <a href="shop-cart.html">
                                                <i class="fa-regular fa-star"></i>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="shop-details.html"><i class="fa-regular fa-arrow-up-arrow-down"></i></a>
                                        </li>
                                    </ul>
                                    <div class="shop-btn">
                                        <a href="shop-cart.html" class="theme-btn">Add To Cart</a>
                                    </div>
                                </div>
                                <div class="product-content">
                                    <div class="star">
                                        <i class="fa-solid fa-star"></i>
                                        <i class="fa-solid fa-star"></i>
                                        <i class="fa-solid fa-star"></i>
                                        <i class="fa-solid fa-star"></i>
                                        <i class="color-2 fa-solid fa-star"></i>
                                    </div>
                                    <h6><a href="shop-details.html">Calendar printing design</a></h6>
                                    <span>$112.00</span>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-4 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay=".4s">
                            <div class="product-box-items">
                                <div class="product-image">
                                    <img src="<?php echo base_url();?>assets/img/product/02.jpg" alt="img">
                                    <ul class="product-icon d-grid align-items-center">
                                        <li>
                                            <a href="shop-cart.html"><i class="fa-sharp fa-regular fa-eye"></i></a>
                                        </li>
                                        <li>
                                            <a href="shop-cart.html">
                                                <i class="fa-regular fa-star"></i>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="shop-details.html"><i class="fa-regular fa-arrow-up-arrow-down"></i></a>
                                        </li>
                                    </ul>
                                    <div class="shop-btn">
                                        <a href="shop-cart.html" class="theme-btn">Add To Cart</a>
                                    </div>
                                </div>
                                <div class="product-content">
                                    <div class="star">
                                        <i class="fa-solid fa-star"></i>
                                        <i class="fa-solid fa-star"></i>
                                        <i class="fa-solid fa-star"></i>
                                        <i class="fa-solid fa-star"></i>
                                        <i class="color-2 fa-solid fa-star"></i>
                                    </div>
                                    <h6><a href="shop-details.html">Calendar printing design</a></h6>
                                    <span>$112.00</span>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-4 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay=".6s">
                            <div class="product-box-items">
                                <div class="product-image">
                                    <img src="<?php echo base_url();?>assets/img/product/03.jpg" alt="img">
                                    <ul class="product-icon d-grid align-items-center">
                                        <li>
                                            <a href="shop-cart.html"><i class="fa-sharp fa-regular fa-eye"></i></a>
                                        </li>
                                        <li>
                                            <a href="shop-cart.html">
                                                <i class="fa-regular fa-star"></i>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="shop-details.html"><i class="fa-regular fa-arrow-up-arrow-down"></i></a>
                                        </li>
                                    </ul>
                                    <div class="shop-btn">
                                        <a href="shop-cart.html" class="theme-btn">Add To Cart</a>
                                    </div>
                                </div>
                                <div class="product-content">
                                    <div class="star">
                                        <i class="fa-solid fa-star"></i>
                                        <i class="fa-solid fa-star"></i>
                                        <i class="fa-solid fa-star"></i>
                                        <i class="fa-solid fa-star"></i>
                                        <i class="color-2 fa-solid fa-star"></i>
                                    </div>
                                    <h6><a href="shop-details.html">Calendar printing design</a></h6>
                                    <span>$112.00</span>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-4 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay=".2s">
                            <div class="product-box-items">
                                <div class="product-image">
                                    <img src="<?php echo base_url();?>assets/img/product/04.jpg" alt="img">
                                    <ul class="product-icon d-grid align-items-center">
                                        <li>
                                            <a href="shop-cart.html"><i class="fa-sharp fa-regular fa-eye"></i></a>
                                        </li>
                                        <li>
                                            <a href="shop-cart.html">
                                                <i class="fa-regular fa-star"></i>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="shop-details.html"><i class="fa-regular fa-arrow-up-arrow-down"></i></a>
                                        </li>
                                    </ul>
                                    <div class="shop-btn">
                                        <a href="shop-cart.html" class="theme-btn">Add To Cart</a>
                                    </div>
                                </div>
                                <div class="product-content">
                                    <div class="star">
                                        <i class="fa-solid fa-star"></i>
                                        <i class="fa-solid fa-star"></i>
                                        <i class="fa-solid fa-star"></i>
                                        <i class="fa-solid fa-star"></i>
                                        <i class="color-2 fa-solid fa-star"></i>
                                    </div>
                                    <h6><a href="shop-details.html">Calendar printing design</a></h6>
                                    <span>$112.00</span>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-4 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay=".4s">
                            <div class="product-box-items">
                                <div class="product-image">
                                    <img src="<?php echo base_url();?>assets/img/product/05.jpg" alt="img">
                                    <ul class="product-icon d-grid align-items-center">
                                        <li>
                                            <a href="shop-cart.html"><i class="fa-sharp fa-regular fa-eye"></i></a>
                                        </li>
                                        <li>
                                            <a href="shop-cart.html">
                                                <i class="fa-regular fa-star"></i>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="shop-details.html"><i class="fa-regular fa-arrow-up-arrow-down"></i></a>
                                        </li>
                                    </ul>
                                    <div class="shop-btn">
                                        <a href="shop-cart.html" class="theme-btn">Add To Cart</a>
                                    </div>
                                </div>
                                <div class="product-content">
                                    <div class="star">
                                        <i class="fa-solid fa-star"></i>
                                        <i class="fa-solid fa-star"></i>
                                        <i class="fa-solid fa-star"></i>
                                        <i class="fa-solid fa-star"></i>
                                        <i class="color-2 fa-solid fa-star"></i>
                                    </div>
                                    <h6><a href="shop-details.html">Calendar printing design</a></h6>
                                    <span>$112.00</span>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-4 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay=".6s">
                            <div class="product-box-items">
                                <div class="product-image">
                                    <img src="<?php echo base_url();?>assets/img/product/06.jpg" alt="img">
                                    <ul class="product-icon d-grid align-items-center">
                                        <li>
                                            <a href="shop-cart.html"><i class="fa-sharp fa-regular fa-eye"></i></a>
                                        </li>
                                        <li>
                                            <a href="shop-cart.html">
                                                <i class="fa-regular fa-star"></i>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="shop-details.html"><i class="fa-regular fa-arrow-up-arrow-down"></i></a>
                                        </li>
                                    </ul>
                                    <div class="shop-btn">
                                        <a href="shop-cart.html" class="theme-btn">Add To Cart</a>
                                    </div>
                                </div>
                                <div class="product-content">
                                    <div class="star">
                                        <i class="fa-solid fa-star"></i>
                                        <i class="fa-solid fa-star"></i>
                                        <i class="fa-solid fa-star"></i>
                                        <i class="fa-solid fa-star"></i>
                                        <i class="color-2 fa-solid fa-star"></i>
                                    </div>
                                    <h6><a href="shop-details.html">Calendar printing design</a></h6>
                                    <span>$112.00</span>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-4 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay=".2s">
                            <div class="product-box-items">
                                <div class="product-image">
                                    <img src="<?php echo base_url();?>assets/img/product/07.jpg" alt="img">
                                    <ul class="product-icon d-grid align-items-center">
                                        <li>
                                            <a href="shop-cart.html"><i class="fa-sharp fa-regular fa-eye"></i></a>
                                        </li>
                                        <li>
                                            <a href="shop-cart.html">
                                                <i class="fa-regular fa-star"></i>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="shop-details.html"><i class="fa-regular fa-arrow-up-arrow-down"></i></a>
                                        </li>
                                    </ul>
                                    <div class="shop-btn">
                                        <a href="shop-cart.html" class="theme-btn">Add To Cart</a>
                                    </div>
                                </div>
                                <div class="product-content">
                                    <div class="star">
                                        <i class="fa-solid fa-star"></i>
                                        <i class="fa-solid fa-star"></i>
                                        <i class="fa-solid fa-star"></i>
                                        <i class="fa-solid fa-star"></i>
                                        <i class="color-2 fa-solid fa-star"></i>
                                    </div>
                                    <h6><a href="shop-details.html">Calendar printing design</a></h6>
                                    <span>$112.00</span>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-4 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay=".4s">
                            <div class="product-box-items">
                                <div class="product-image">
                                    <img src="<?php echo base_url();?>assets/img/product/08.jpg" alt="img">
                                    <ul class="product-icon d-grid align-items-center">
                                        <li>
                                            <a href="shop-cart.html"><i class="fa-sharp fa-regular fa-eye"></i></a>
                                        </li>
                                        <li>
                                            <a href="shop-cart.html">
                                                <i class="fa-regular fa-star"></i>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="shop-details.html"><i class="fa-regular fa-arrow-up-arrow-down"></i></a>
                                        </li>
                                    </ul>
                                    <div class="shop-btn">
                                        <a href="shop-cart.html" class="theme-btn">Add To Cart</a>
                                    </div>
                                </div>
                                <div class="product-content">
                                    <div class="star">
                                        <i class="fa-solid fa-star"></i>
                                        <i class="fa-solid fa-star"></i>
                                        <i class="fa-solid fa-star"></i>
                                        <i class="fa-solid fa-star"></i>
                                        <i class="color-2 fa-solid fa-star"></i>
                                    </div>
                                    <h6><a href="shop-details.html">Calendar printing design</a></h6>
                                    <span>$112.00</span>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-4 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay=".6s">
                            <div class="product-box-items">
                                <div class="product-image">
                                    <img src="<?php echo base_url();?>assets/img/product/13.jpg" alt="img">
                                    <ul class="product-icon d-grid align-items-center">
                                        <li>
                                            <a href="shop-cart.html"><i class="fa-sharp fa-regular fa-eye"></i></a>
                                        </li>
                                        <li>
                                            <a href="shop-cart.html">
                                                <i class="fa-regular fa-star"></i>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="shop-details.html"><i class="fa-regular fa-arrow-up-arrow-down"></i></a>
                                        </li>
                                    </ul>
                                    <div class="shop-btn">
                                        <a href="shop-cart.html" class="theme-btn">Add To Cart</a>
                                    </div>
                                </div>
                                <div class="product-content">
                                    <div class="star">
                                        <i class="fa-solid fa-star"></i>
                                        <i class="fa-solid fa-star"></i>
                                        <i class="fa-solid fa-star"></i>
                                        <i class="fa-solid fa-star"></i>
                                        <i class="color-2 fa-solid fa-star"></i>
                                    </div>
                                    <h6><a href="shop-details.html">Calendar printing design</a></h6>
                                    <span>$112.00</span>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-4 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay=".2s">
                            <div class="product-box-items">
                                <div class="product-image">
                                    <img src="<?php echo base_url();?>assets/img/product/03.jpg" alt="img">
                                    <ul class="product-icon d-grid align-items-center">
                                        <li>
                                            <a href="shop-cart.html"><i class="fa-sharp fa-regular fa-eye"></i></a>
                                        </li>
                                        <li>
                                            <a href="shop-cart.html">
                                                <i class="fa-regular fa-star"></i>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="shop-details.html"><i class="fa-regular fa-arrow-up-arrow-down"></i></a>
                                        </li>
                                    </ul>
                                    <div class="shop-btn">
                                        <a href="shop-cart.html" class="theme-btn">Add To Cart</a>
                                    </div>
                                </div>
                                <div class="product-content">
                                    <div class="star">
                                        <i class="fa-solid fa-star"></i>
                                        <i class="fa-solid fa-star"></i>
                                        <i class="fa-solid fa-star"></i>
                                        <i class="fa-solid fa-star"></i>
                                        <i class="color-2 fa-solid fa-star"></i>
                                    </div>
                                    <h6><a href="shop-details.html">Calendar printing design</a></h6>
                                    <span>$112.00</span>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-4 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay=".4s">
                            <div class="product-box-items">
                                <div class="product-image">
                                    <img src="<?php echo base_url();?>assets/img/product/02.jpg" alt="img">
                                    <ul class="product-icon d-grid align-items-center">
                                        <li>
                                            <a href="shop-cart.html"><i class="fa-sharp fa-regular fa-eye"></i></a>
                                        </li>
                                        <li>
                                            <a href="shop-cart.html">
                                                <i class="fa-regular fa-star"></i>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="shop-details.html"><i class="fa-regular fa-arrow-up-arrow-down"></i></a>
                                        </li>
                                    </ul>
                                    <div class="shop-btn">
                                        <a href="shop-cart.html" class="theme-btn">Add To Cart</a>
                                    </div>
                                </div>
                                <div class="product-content">
                                    <div class="star">
                                        <i class="fa-solid fa-star"></i>
                                        <i class="fa-solid fa-star"></i>
                                        <i class="fa-solid fa-star"></i>
                                        <i class="fa-solid fa-star"></i>
                                        <i class="color-2 fa-solid fa-star"></i>
                                    </div>
                                    <h6><a href="shop-details.html">Calendar printing design</a></h6>
                                    <span>$112.00</span>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-4 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay=".6s">
                            <div class="product-box-items">
                                <div class="product-image">
                                    <img src="<?php echo base_url();?>assets/img/product/01.jpg" alt="img">
                                    <ul class="product-icon d-grid align-items-center">
                                        <li>
                                            <a href="shop-cart.html"><i class="fa-sharp fa-regular fa-eye"></i></a>
                                        </li>
                                        <li>
                                            <a href="shop-cart.html">
                                                <i class="fa-regular fa-star"></i>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="shop-details.html"><i class="fa-regular fa-arrow-up-arrow-down"></i></a>
                                        </li>
                                    </ul>
                                    <div class="shop-btn">
                                        <a href="shop-cart.html" class="theme-btn">Add To Cart</a>
                                    </div>
                                </div>
                                <div class="product-content">
                                    <div class="star">
                                        <i class="fa-solid fa-star"></i>
                                        <i class="fa-solid fa-star"></i>
                                        <i class="fa-solid fa-star"></i>
                                        <i class="fa-solid fa-star"></i>
                                        <i class="color-2 fa-solid fa-star"></i>
                                    </div>
                                    <h6><a href="shop-details.html">Calendar printing design</a></h6>
                                    <span>$112.00</span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="page-nav-wrap mt-5 text-center">
                        <ul>
                            <li><a class="page-numbers" href="#"><i class="fa-solid fa-chevrons-left"></i></a></li>
                            <li><a class="page-numbers" href="#">1</a></li>
                            <li><a class="page-numbers" href="#">2</a></li>
                            <li><a class="page-numbers" href="#">3</a></li>
                            <li><a class="page-numbers" href="#"><i class="fa-solid fa-chevrons-right"></i></a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Cta Section Start -->
    <section class="cta-section-3 section-bg-2">
        <div class="mycustom-marque style-3">
            <div class="scrolling-wrap">
                <div class="comm cmn-style-2">
                    <div class="cmn-textslide">Design.</div>
                    <div class="cmn-textslide"> Brand.</div>
                    <div class="cmn-textslide color-3">Quality</div>
                    <div><img src="<?php echo base_url();?>assets/img/marquee-box-3.png" alt="img"></div>
                </div>
                <div class="comm cmn-style-2">
                    <div class="cmn-textslide">Design.</div>
                    <div class="cmn-textslide"> Brand.</div>
                    <div class="cmn-textslide color-3">Quality</div>
                    <div><img src="<?php echo base_url();?>assets/img/marquee-box-3.png" alt="img"></div>
                </div>
                <div class="comm cmn-style-2">
                    <div class="cmn-textslide">Design.</div>
                    <div class="cmn-textslide"> Brand.</div>
                    <div class="cmn-textslide color-3">Quality</div>
                    <div><img src="<?php echo base_url();?>assets/img/marquee-box-3.png" alt="img"></div>
                </div>
            </div>
        </div>
        <div class="container">
            <div class="cta-wrapper-2 bg-cover" style="background-image: url('<?php echo base_url();?>assets/img/cta-bg-2.jpg');">
                <div class="prite-box float-bob-y">
                    <img src="<?php echo base_url();?>assets/img/print-box.png" alt="img">
                </div>
                <div class="hand-bag float-bob-x">
                    <img src="<?php echo base_url();?>assets/img/hand-bag.png" alt="img">
                </div>
                <div class="cta-sticker float-bob-y">
                    <img src="<?php echo base_url();?>assets/img/cta-sticker.png" alt="img">
                </div>
                <div class="cta-content">
                    <div class="section-title">
                        <h6 class="bg-white wow fadeInUp">printing Service</h6>
                        <h2 class="text-white split-text right">
                            Ready To Create Some <br>
                            Custom Products?
                        </h2>
                    </div>
                    <div class="cta-btn mt-3 mt-md-0 wow fadeInUp" data-wow-delay=".5s">
                        <a href="about.html" class="theme-btn">more about us</a>
                    </div>
                </div>
                <div class="cta-image">
                    <img src="<?php echo base_url();?>assets/img/cta-t-shirt.png" alt="img">
                </div>
            </div>
        </div>
    </section>