 <!-- 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>Checkout</h1>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- Checkout Section Start -->
                <section class="checkout-section fix section-padding section-bg-2">
                    <div class="container">
                        <div class="row">
                            <div class="col-12">
                                <form action="#" method="post">
                                    <div class="row g-4">
                                        <div class="col-md-5 col-lg-4 col-xl-3">
                                            <div class="checkout-radio">
                                                <p class="primary-text">Select any one</p>
                                                <div class="checkout-radio-wrapper">
                                                    <div class="checkout-radio-single">
                                                        <input type="checkbox" class="form-check-input" id="cCard" name="pay-method" value="Credit/Debit Cards">
                                                        <label for="cCard">Credit/Debit Cards</label>
                                                    </div>
                                                    <div class="checkout-radio-single">
                                                        <input type="checkbox" class="form-check-input" id="paypal" name="pay-method" value="PayPal">
                                                        <label for="paypal">PayPal</label>
                                                    </div>
                                                    <div class="checkout-radio-single">
                                                        <input type="checkbox" class="form-check-input" id="payoneer" name="pay-method" value="Payoneer">
                                                        <label for="payoneer">Payoneer</label>
                                                    </div>
                                                    <div class="checkout-radio-single">
                                                        <input type="checkbox" class="form-check-input" id="visa" name="pay-method" value="Visa">
                                                        <label for="visa">Visa</label>
                                                    </div>
                                                    <div class="checkout-radio-single">
                                                        <input type="checkbox" class="form-check-input" id="mastercard" name="pay-method" value="Mastercard">
                                                        <label for="mastercard">Mastercard</label>
                                                    </div>
                                                    <div class="checkout-radio-single">
                                                        <input type="checkbox" class="form-check-input" id="fastPay" name="pay-method" value="Fastpay">
                                                        <label for="fastPay">Fastpay</label>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-7 col-lg-8 col-xl-9">
                                            <div class="checkout-single-wrapper">
                                                <div class="checkout-single boxshado-single">
                                                    <h4>Billing address</h4>
                                                    <div class="checkout-single-form">
                                                        <div class="row g-4">
                                                            <div class="col-lg-6">
                                                            <div class="input-single">
                                                                <input type="text" name="user-first-name" id="userFirstName" required="" placeholder="First Name">
                                                            </div>
                                                            </div>
                                                            <div class="col-lg-6">
                                                            <div class="input-single">
                                                                <input type="text" name="user-last-name" id="userLastName" required="" placeholder="Last Name">
                                                            </div>
                                                            </div>
                                                            <div class="col-lg-6">
                                                                <div class="input-single">
                                                                    <input type="email" name="user-check-email" id="userCheckEmail" required="" placeholder="Your Email">
                                                                </div>
                                                            </div>
                                                            <div class="col-lg-6">
                                                                <div class="input-single">
                                                                    <select class="country-select">
                                                                    <option value="usa">USA</option>
                                                                    <option value="aus">Aus</option>
                                                                    <option value="uk">UK</option>
                                                                    <option value="ned">NED</option>
                                                                    </select><div class="nice-select country-select" tabindex="0"><span class="current">USA</span><ul class="list"><li data-value="usa" class="option selected">USA</li><li data-value="aus" class="option">Aus</li><li data-value="uk" class="option">UK</li><li data-value="ned" class="option">NED</li></ul></div>
                                                                </div>
                                                            </div>
                                                            <div class="col-lg-12">
                                                                <div class="input-single">
                                                                    <textarea name="user-address" id="userAddress" placeholder="Address"></textarea>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="checkout-single checkout-single-bg">
                                                    <h4>Payment Methods</h4>
                                                    <div class="checkout-single-form">
                                                        <p class="payment"></p>
                                                        <div class="row g-3">
                                                        <div class="col-lg-12">
                                                            <div class="input-single">
                                                                <label for="userCardNumber">Card number</label>
                                                                <input type="number" name="user-card-number" id="userCardNumber" placeholder="0000 0000 0000 0000">
                                                            </div>
                                                        </div>
                                                        <div class="col-lg-6">
                                                            <div class="input-single">
                                                                <label for="userCardDate">Expiry date</label>
                                                                <input type="text" id="userCardDate" placeholder="DD/MM/YY">
                                                            </div>
                                                        </div>
                                                        <div class="col-lg-6">
                                                            <div class="input-single">
                                                                <label for="userCvc">Cvc / Cvv</label>
                                                                <input type="text" maxlength="3" name="user-card-cvc" id="userCvc" required="" placeholder="3 Digits">
                                                            </div>
                                                        </div>
                                                        <div class="col-lg-12">
                                                            <div class="input-single">
                                                                <label for="userCardName">Name on card</label>
                                                                <input type="text" name="user-card-name" id="userCardName" placeholder="Name">
                                                            </div>
                                                        </div>
                                                        </div>
                                                    </div>
                                                    <div class="input-single input-check payment-save">
                                                        <input type="checkbox" class="form-check-input" name="save-for-next" id="saveForNext">
                                                        <label for="saveForNext">Save for my next payment</label>
                                                    </div>
                                                    <div class="mt-4">
                                                        <a href="checkout.html" class="theme-btn">
                                                            <span> Payment Now</span>
                                                        </a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </form>
                            </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>