<footer>
    <div class="footer-main">
        <div class="container">
            <div class="our-service-area">
                <div class="row">
                    <div class="col-12 col-sm-12 col-md-4 col-lg-4 col-xl-4 col-xxl-4">
                        <div class="service-card">
                            <div class="main-img">
                                <i class="fa-light fa-truck"></i>
                            </div>
                            <div class="info">
                                <h4>Free delivery in USA</h4>
                                <p>Over $95 before applicable taxes</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-12 col-sm-12 col-md-4 col-lg-4 col-xl-4 col-xxl-4">
                        <div class="service-card">
                            <div class="main-img">
                                <i class="fa-solid fa-arrow-rotate-left"></i>
                            </div>
                            <div class="info">
                                <h4>Fast, easy returns</h4>
                                <p>For up to 30 days returns</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-12 col-sm-12 col-md-4 col-lg-4 col-xl-4 col-xxl-4">
                        <div class="service-card">
                            <div class="main-img">
                                <i class="fa-regular fa-comment"></i>
                            </div>
                            <div class="info">
                                <h4>Here to help 24/7</h4>
                                <p>Contact us whenever you need</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="footer-top">
                <div class="row">
                    <div class="col-12 col-sm-12 col-md-12 col-lg-8 col-xl-8 col-xxl-8">
                        <div class="row justify-content-between">
                            <div class="col-12 col-sm-12 col-md-12 col-lg-4 col-xl-3 col-xxl-3">
                                <div class="quik-inks">
                                    <h4>Main menu</h4>
                                    <ul>
                                        <li><a href="index.php">Home</a></li>
                                        <li><a href="aboutus.php">About Us</a></li>
                                        <li><a href="shop.php">Shop</a></li>
                                        <li><a href="contactus.php">Contact</a></li>
                                    </ul>
                                </div>
                            </div>
                            <div class="col-12 col-sm-12 col-md-12 col-lg-4 col-xl-3 col-xxl-3">
                                <div class="quik-inks">
                                    <h4>Useful Links</h4>
                                    <ul>
                                        <li><a href="javascript:;">Privacy Policy</a></li>
                                        <li><a href="javascript:;">Terms & Conditiond</a></li>
                                        <li><a href="javascript:;">Shipping Policy</a></li>
                                        <li><a href="javascript:;">Return Policy</a></li>
                                    </ul>
                                </div>
                            </div>
                            <div class="col-12 col-sm-12 col-md-12 col-lg-4 col-xl-5 col-xxl-5">
                                <div class="quik-inks">
                                    <h4>Subscribe to newsletter</h4>
                                    <p>Sign up now and get 10% off all fashion products</p>
                                    <div class="newsletter-box">
                                        <form action="javascript:;">
                                            <div class="form-group">
                                                <input type="search" class="form-control"
                                                    placeholder="Enter your email">
                                                <div class="btn-box">
                                                    <button type="submit" class="btn btn-wh">GO</button>
                                                </div>
                                            </div>
                                        </form>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-12 col-sm-12 col-md-12 col-lg-4 col-xl-4 col-xxl-4">
                        <div class="row">
                            <div class="col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 col-xxl-12">
                                <div class="quik-inks">
                                    <h4>Follow us Instagram</h4>
                                    <div class="inta-block">
                                        <a href="javascript:;" class="insta-link">
                                            <div class="insta-img">
                                                <img src="images/insta-1.avif" alt="img" class="img-fluid">
                                                <div class="img-ab">
                                                    <i class="fa-brands fa-instagram"></i>
                                                </div>
                                            </div>
                                        </a>
                                        <a href="javascript:;" class="insta-link">
                                            <div class="insta-img">
                                                <img src="images/insta-1.avif" alt="img" class="img-fluid">
                                                <div class="img-ab">
                                                    <i class="fa-brands fa-instagram"></i>
                                                </div>
                                            </div>
                                        </a>
                                        <a href="javascript:;" class="insta-link">
                                            <div class="insta-img">
                                                <img src="images/insta-1.avif" alt="img" class="img-fluid">
                                                <div class="img-ab">
                                                    <i class="fa-brands fa-instagram"></i>
                                                </div>
                                            </div>
                                        </a>
                                        <a href="javascript:;" class="insta-link">
                                            <div class="insta-img">
                                                <img src="images/insta-1.avif" alt="img" class="img-fluid">
                                                <div class="img-ab">
                                                    <i class="fa-brands fa-instagram"></i>
                                                </div>
                                            </div>
                                        </a>
                                        <a href="javascript:;" class="insta-link">
                                            <div class="insta-img">
                                                <img src="images/insta-1.avif" alt="img" class="img-fluid">
                                                <div class="img-ab">
                                                    <i class="fa-brands fa-instagram"></i>
                                                </div>
                                            </div>
                                        </a>
                                        <a href="javascript:;" class="insta-link">
                                            <div class="insta-img">
                                                <img src="images/insta-1.avif" alt="img" class="img-fluid">
                                                <div class="img-ab">
                                                    <i class="fa-brands fa-instagram"></i>
                                                </div>
                                            </div>
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="footer-bottom">
            <div class="container">
                <div class="row justify-content-between align-items-center">
                    <div class="col-12 col-sm-12 col-md-6 col-lg-3 col-xl-3 col-xxl-3">
                        <div class="footer-logo">
                            <a href="index.php">
                                <img src="images/logo.png" alt="img" class="img-fluid logo">
                            </a>
                        </div>
                    </div>
                    <div class="col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6 col-xxl-6">
                        <div class="copy-right">
                            <p>Copyright <span id="currentYear"></span> All Right Reserved</p>
                        </div>
                    </div>
                    <div class="col-12 col-sm-12 col-md-6 col-lg-3 col-xl-3 col-xxl-3">
                        <div class="card-links">
                            <ul>
                                <li>
                                    <a href="javascript:;">
                                        <img src="images/card-1.png" alt="img" class="img-fluid">
                                    </a>
                                </li>
                                <li>
                                    <a href="javascript:;">
                                        <img src="images/card-2.png" alt="img" class="img-fluid">
                                    </a>
                                </li>
                                <li>
                                    <a href="javascript:;">
                                        <img src="images/card-3.png" alt="img" class="img-fluid">
                                    </a>
                                </li>
                                <li>
                                    <a href="javascript:;">
                                        <img src="images/card-4.png" alt="img" class="img-fluid">
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</footer>
<!--footer close-->

<!-- quick-view-modal -->
<div class="modal fade quickViewModal" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <h1 class="modal-title" id="exampleModalLabel">Quickview</h1>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                <div class="quickView-card">
                    <div class="main-img">
                        <img src="images/pd-1.webp" alt="img" class="img-fluid">
                    </div>
                    <div class="info">
                        <h5>MBRP</h5>
                        <h2>Sculpt glow palette</h2>
                        <ul>
                            <li><span class="new-price">$350.00</span></li>
                            <li><i class="fa-solid fa-tilde"></i></li>
                            <li><span class="old-price">$399.00</span></li>
                        </ul>
                        <div class="varitaion-box">
                            <div class="input-main">
                                <label for="">Color:</label>
                                <select class="form-select" aria-label="Default select example" fdprocessedid="p3c2c">
                                    <option selected="">Select State</option>
                                    <option value="one">One</option>
                                    <option value="two">Two</option>
                                </select>
                            </div>
                            <div class="input-main">
                                <label for="">Size:</label>
                                <select class="form-select" aria-label="Default select example" fdprocessedid="p3c2c">
                                    <option selected="">Select State</option>
                                    <option value="one">One</option>
                                    <option value="two">Two</option>
                                </select>
                            </div>
                            <div class="input-main">
                                <label for="">Quantity:</label>
                                <div class="input-group numberone">
                                    <span class="input-group-btn">
                                        <button type="button" class="quantity-left-minus btn btn-quant btn-number"
                                            data-type="minus" data-field="">
                                            <i class="fal fa-minus"></i>
                                        </button>
                                    </span>
                                    <input type="text" id="quantity" name="quantity" class="form-control input-number"
                                        value="1" min="1" max="20">
                                    <span class="input-group-btn">
                                        <button type="button" class="quantity-right-plus btn btn-quant btn-number"
                                            data-type="plus" data-field="">
                                            <i class="fal fa-plus"></i>
                                        </button>
                                    </span>
                                </div>
                            </div>
                        </div>
                        <div class="btn-box">
                            <a href="javascript:;" class="btn btn-primary btn-wh">Add to cart</a>
                            <a href="javascript:;" class="btn btn-icon"><i class="fa-regular fa-heart"></i></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- quick-view-modal -->

<!-- overlay start -->
<!-- <div class="overlay">
	<div class="overlayDoor"></div>
	<div class="overlayContent">
		<div class="loader">
			<div class="inner"></div>
		</div>
	</div>
</div> -->
<!-- overlay close -->

<div class="go-top">
</div>

<script src="js/jquery-3.6.1.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.10.2/dist/umd/popper.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@fancyapps/ui@4.0/dist/fancybox.umd.js"></script>
<script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
<script src="https://code.jquery.com/ui/1.13.0-rc.3/jquery-ui.min.js"></script>
<script src="https://code.jquery.com/ui/1.13.0/jquery-ui.js"></script>
<script src="https://cdn.datatables.net/1.13.1/js/jquery.dataTables.min.js"></script>
<script src="https://cdn.datatables.net/1.13.1/js/dataTables.bootstrap5.min.js"></script>
<script src="js/owl.carousel.min.js"></script>
<script src="js/custom.js"></script>
</body>

</html>