<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
    <meta charset="utf-8">
    <title>Bestcityshopping.com Managed by Saroj</title>

    <meta name="author" content="Sunil Dheendhwal">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="description" content="bestcityshopping.com best shopping website">

   <!-- font -->
   <link rel="stylesheet" href="fonts/fonts.css">
   <link rel="stylesheet" href="fonts/font-icons.css">
   <link rel="stylesheet" href="css/bootstrap.min.css">
   <link rel="stylesheet" href="css/swiper-bundle.min.css">
   <link rel="stylesheet" href="css/animate.css">
   <link rel="stylesheet" href="forms/end-form/build/sib-styles.css">
   <link rel="stylesheet" type="text/css" href="css/styles.css">

    <!-- Favicon and Touch Icons  -->
    <link rel="shortcut icon" href="uploads/logos/1749568605_Screenshot_1.jpg">
    <link rel="apple-touch-icon-precomposed" href="uploads/logos/1749568605_Screenshot_1.jpg">

</head>

<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-7P9EVVRVWE"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-7P9EVVRVWE');
</script>

<!--<div id="sfc9lbke13y6cf7yblgk7exqd2d7jchy8ux"></div>-->
<!--<script type="text/javascript" src="https://counter1.optistats.ovh/private/counter.js?c=9lbke13y6cf7yblgk7exqd2d7jchy8ux&down=async" async></script>-->
<!--<noscript><a href="https://www.freecounterstat.com" title="website counter"><img src="https://counter1.optistats.ovh/private/freecounterstat.php?c=9lbke13y6cf7yblgk7exqd2d7jchy8ux" border="0" title="website counter" alt="website counter"></a></noscript>-->


<div id="sfcur7l79gd83227xknjex2jb281qgf9861"></div>
<script type="text/javascript" src="https://counter1.optistats.ovh/private/counter.js?c=ur7l79gd83227xknjex2jb281qgf9861&down=async" async></script>
<noscript><a href="https://www.freecounterstat.com" title="website counter"><img src="https://counter1.optistats.ovh/private/freecounterstat.php?c=ur7l79gd83227xknjex2jb281qgf9861" border="0" title="website counter" alt="website counter"></a></noscript>


<body class="preload-wrapper">
 <!-- Scroll Top -->
    <button id="scroll-top">
        <svg width="24" height="25" viewbox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
            <g clip-path="url(#clip0_15741_24194)">
            <path d="M3 11.9175L12 2.91748L21 11.9175H16.5V20.1675C16.5 20.3664 16.421 20.5572 16.2803 20.6978C16.1397 20.8385 15.9489 20.9175 15.75 20.9175H8.25C8.05109 20.9175 7.86032 20.8385 7.71967 20.6978C7.57902 20.5572 7.5 20.3664 7.5 20.1675V11.9175H3Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
            </g>
            <defs>
            <clippath id="clip0_15741_24194">
            <rect width="24" height="24" fill="white" transform="translate(0 0.66748)"></rect>
            </clippath>
            </defs>
        </svg> 
    </button><div id="wrapper">
    <!-- Top Bar-->
    
<!-- Topbar -->
<div class="tf-topbar bg-main">
    <div class="container">
        <div class="tf-topbar_wrap d-flex align-items-center justify-content-center justify-content-xl-between">
            <ul class="topbar-left">
                <li><a class="text-caption-1 text-white" href="tel:for help">for help</a></li>
                <li><a class="text-caption-1 text-white" href="mailto:help@bestcityshopping.com">help@bestcityshopping.com</a></li>
                <!--<li><a class="text-caption-1 text-white text-decoration-underline" href="store-list.html">Our Store</a></li>-->
            </ul>
            <div class="topbar-right d-none d-xl-block">
                <div class="tf-cur justify-content-end">
                    <div class="tf-currencies">
                        <select class="image-select center style-default type-currencies color-white">
                            <option selected>₹</option>
                        </select>
                    </div>
                    <div class="tf-languages">
                        <select class="image-select center style-default type-languages color-white">
                            <option>English</option>
                        </select>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- /Topbar --><link
  rel="stylesheet"
  href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" />
<style>
    
    header.header-bg {
    /*background-color: #000000;*/
    /*background: linear-gradient(to top, black, white);*/

    box-shadow: 10px 10px 30px rgba(0, 0, 0, 1);
}
/* Initial style */
#header {
    width: 100%;
    transition: all 0.3s ease;
}

/* Sticky effect applied after scroll */
.sticky {
    position: fixed!important;
    top: 0!important;
    left: 0!important;
    right: 0!important;
    background: white!important;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1)!important;
    z-index: 1000!important;
}

.menu-item {
    position: relative;
}

.dropdown-menu {
    display: none;
    position: absolute;
    top: 100%; /* show below the parent */
    left: 0;
    background-color: white;
    list-style: none;
    padding: 0;
    margin: 0;
    min-width: 160px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
    z-index: 1000;
}

.dropdown-menu li {
    border-bottom: 1px solid #eee;
}

.dropdown-menu li:last-child {
    border-bottom: none;
}

.dropdown-menu a {
    display: block;
    padding: 10px 15px;
    color: #333;
    text-decoration: none;
}

.dropdown-menu a:hover {
    background-color: #f5f5f5;
}

.menu-item.dropdown:hover .dropdown-menu {
    display: block;
}
.item-link.active {
    color: var(--primary);
    font-weight: bold;
    border-bottom: 2px solid var(--primary);
}

</style>
<!-- Header -->
        <header id="header" class="header-default sticky-top bg-white shadow-sm z-3">
            <div class="container">
                <div class="row wrapper-header align-items-center">
                    <div class="col-md-4 col-3 d-xl-none">
                        <a href="#mobileMenu" class="mobile-menu" data-bs-toggle="offcanvas" aria-controls="mobileMenu">
                            <i class="icon icon-categories"></i>
                        </a>
                    </div>
                    <div class="col-xl-3 col-md-4 col-6">
                        <a href="home" class="logo-header">
                            <img src="uploads/logos/1749568605_Screenshot_1.jpg" alt="Bestcityshopping.com Managed by Saroj" class="logo">
                        </a>
                    </div>
                    <div class="col-xl-6 d-none d-xl-block">
                        <nav class="box-navigation text-center">
                            <ul class="box-nav-ul d-flex align-items-center justify-content-center">
                                <li class="menu-item">
                                    <a href="/" class="item-link ">Home</a>
                                    
                                </li>
                                <li class="menu-item">
                                    <a href="javascript:void(0);" onclick="scrollToSection('shop')" class="item-link smooth-scroll">Shop</a>
                                    
                                </li>
                                 <li class="menu-item">
                                    <a href="contact" class="item-link ">Contact Us</a>
                                    
                                </li>
                                <li class="menu-item dropdown">
                                    <a href="#" class="item-link">Products</a>
                                    <ul class="dropdown-menu">
                                                                                <li><a class="dropdown-item" href="category_gown">Gown</a></li>
                                                                                <li><a class="dropdown-item" href="category_lehenga">Lehenga</a></li>
                                                                                <li><a class="dropdown-item" href="category_t_shirt">T-Shirt</a></li>
                                                                               
                                    </ul>
                                </li>
                            </ul>
                        </nav>
                    </div>
                    <div class="col-xl-3 col-md-4 col-3">
                        <ul class="nav-icon d-flex justify-content-end align-items-center">
                            <!--<li class="nav-search"><a href="#search" data-bs-toggle="modal" class="nav-icon-item">-->
                            <!--    <svg class="icon" width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">-->
                            <!--        <path d="M11 19C15.4183 19 19 15.4183 19 11C19 6.58172 15.4183 3 11 3C6.58172 3 3 6.58172 3 11C3 15.4183 6.58172 19 11 19Z" stroke="#181818" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>-->
                            <!--        <path d="M21.35 21.0004L17 16.6504" stroke="#181818" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>-->
                            <!--    </svg>    -->
                            <!--</a></li>-->
                            <li class="nav-account">
                                <a href="#" class="nav-icon-item">
                                    <svg class="icon" width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                        <path d="M20 21V19C20 17.9391 19.5786 16.9217 18.8284 16.1716C18.0783 15.4214 17.0609 15 16 15H8C6.93913 15 5.92172 15.4214 5.17157 16.1716C4.42143 16.9217 4 17.9391 4 19V21" stroke="#181818" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
                                        <path d="M12 11C14.2091 11 16 9.20914 16 7C16 4.79086 14.2091 3 12 3C9.79086 3 8 4.79086 8 7C8 9.20914 9.79086 11 12 11Z" stroke="#181818" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
                                    </svg>
                                </a>
                                <div class="dropdown-account dropdown-login">
                                      
                                    
                                    
                                                                        
                                                                            <div class="sub-top">
                                        <a href="/login" class="tf-btn btn-reset">Login </a>
                                        <p class="text-center text-secondary-2">Don’t have an account? <a href="/register">Register</a></p>
                                    </div>
                                    <!--<div class="sub-bot">-->
                                    <!--    <span class="body-text-">Support</span>-->
                                    <!--</div>-->
                                                                            
                                </div>
                            </li>
                            <!--<li class="nav-wishlist"><a href="wish-list.html" class="nav-icon-item">-->
                            <!--    <svg class="icon" width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">-->
                            <!--        <path d="M20.8401 4.60987C20.3294 4.09888 19.7229 3.69352 19.0555 3.41696C18.388 3.14039 17.6726 2.99805 16.9501 2.99805C16.2276 2.99805 15.5122 3.14039 14.8448 3.41696C14.1773 3.69352 13.5709 4.09888 13.0601 4.60987L12.0001 5.66987L10.9401 4.60987C9.90843 3.57818 8.50915 2.99858 7.05012 2.99858C5.59109 2.99858 4.19181 3.57818 3.16012 4.60987C2.12843 5.64156 1.54883 7.04084 1.54883 8.49987C1.54883 9.95891 2.12843 11.3582 3.16012 12.3899L4.22012 13.4499L12.0001 21.2299L19.7801 13.4499L20.8401 12.3899C21.3511 11.8791 21.7565 11.2727 22.033 10.6052C22.3096 9.93777 22.4519 9.22236 22.4519 8.49987C22.4519 7.77738 22.3096 7.06198 22.033 6.39452C21.7565 5.72706 21.3511 5.12063 20.8401 4.60987V4.60987Z" stroke="#181818" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>-->
                            <!--    </svg>  -->
                            <!--    </a>-->
                            <!--</li>-->
                            <li class="nav-cart"><a href="cart" class="nav-icon-item">
                                <svg class="icon" width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M16.5078 10.8734V6.36686C16.5078 5.17166 16.033 4.02541 15.1879 3.18028C14.3428 2.33514 13.1965 1.86035 12.0013 1.86035C10.8061 1.86035 9.65985 2.33514 8.81472 3.18028C7.96958 4.02541 7.49479 5.17166 7.49479 6.36686V10.8734M4.11491 8.62012H19.8877L21.0143 22.1396H2.98828L4.11491 8.62012Z" stroke="#181818" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
                                </svg>  
                                <!--<span class="count-box">1</span>-->
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </header>
        <!-- /Header -->
        <!--<hr></hr>-->
        
<script>
  window.addEventListener('scroll', function () {
    var header = document.getElementById('header');
    if (window.scrollY > 50) { // trigger after 50px scroll
      header.classList.add('sticky');
    } else {
      header.classList.remove('sticky');
    }
  });
</script>
<script>
  const path = window.location.pathname;
  const hash = window.location.hash;

  // Reset active classes
  document.querySelectorAll('.box-nav-ul .item-link').forEach(link => {
    link.classList.remove('active');
  });

  // Home is active if path is root and no hash
  if ((path === '/' || path === '/index.html') && (!hash || hash === '#')) {
    document.querySelector('.item-link[href="/"]').classList.add('active');
  }
  

  // Shop active if hash is #shop
  if (hash === '#shop') {
    document.querySelector('.item-link[href="#shop"]').classList.add('active');
  }

  // Contact example (you can add similar logic for other fragments)
  if (path === 'contact') {
   document.querySelector('.item-link[href="contact"]').classList.add('active');
  }
</script>

<script>
  document.addEventListener("DOMContentLoaded", function () {
    const dropdowns = document.querySelectorAll('.dropdown-toggle');

    dropdowns.forEach(drop => {
      drop.addEventListener('click', function (e) {
        e.preventDefault();
        const menu = this.nextElementSibling;
        if (menu && menu.classList.contains('dropdown-menu')) {
          menu.classList.toggle('show');
        }
      });
    });
  });
  
</script>




    <!-- /page-title -->
    <!-- Section product -->
                    <h2 align="center" style="margin-top:100px;">404 Page not Found.<br>Please Check Again.</h2>
            <h4 align="center" style="margin-bottom:100px;"><a href="/home"><u>Click Here To Go Home</u></a></h4>
                <!-- /Section product -->
    <!-- Swiper JS -->
<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>

<!-- Swiper Init -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
<style>
    .footer {
        /* background: linear-gradient(135deg, #2c3e50, #34495e); */
        background: linear-gradient(173deg, #e4f1fb, #b3d1e9);
        /* background: #ffffff; */
        /* color: #ecf0f1; */
        color: #000000;
        padding: 50px 0 20px;
        margin-top: auto;
    }

    .footer-container {
        max-width: 1200px;
        margin: 0 auto;
        padding: 0 20px;
    }

    .footer-content {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
        gap: 40px;
        margin-bottom: 40px;
    }

    .footer-section h3 {
        color: #3498db;
        margin-bottom: 20px;
        font-size: 1.2rem;
        font-weight: 600;
        position: relative;
    }
    /* .footer-section {
        margin: 0 auto;
    } */

    .footer-section h3::after {
        content: '';
        position: absolute;
        left: 0;
        bottom: -8px;
        width: 40px;
        height: 2px;
        background: #3498db;
    }

    /* .footer-section a {
        position: absolute;
        left: 70%;
    } */
    .footer-section ul {
        list-style: none;
    }

    .footer-section ul li {
        margin-bottom: 12px;
    }

    .footer-section ul li a {
        color: #000000;
        text-decoration: none;
        transition: all 0.3s ease;
        display: flex;
        align-items: center;
        gap: 8px;
    }

    .footer-section ul li a:hover {
        color: #3498db;
        transform: translateX(5px);
    }

    .footer-section ul li a i {
        width: 16px;
        font-size: 14px;
    }

    .company-info p {
        color: #000000;
        line-height: 1.6;
        margin-bottom: 15px;
    }

    .contact-info {
        display: flex;
        flex-direction: column;
        gap: 12px;
    }

    .contact-item {
        display: flex;
        align-items: center;
        gap: 12px;
        color: #000000;
    }

    .contact-item i {
        color: #3498db;
        width: 20px;
        text-align: center;
    }

    .social-links {
        display: flex;
        gap: 7px;
        margin-top: 20px;
    }

    .social-links a {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 40px;
        height: 40px;
        background: rgba(52, 152, 219, 0.1);
        border: 2px solid rgba(52, 152, 219, 0.3);
        border-radius: 50%;
        color: #3498db;
        text-decoration: none;
        transition: all 0.3s ease;
    }

    .social-links a:hover {
        background: #3498db;
        color: #fff;
        transform: translateY(-3px);
        box-shadow: 0 5px 15px rgba(52, 152, 219, 0.3);
    }

    .payment-methods {
        display: flex;
        gap: 15px;
        flex-wrap: wrap;
        margin-top: 20px;
    }

    .payment-methods img , .payment-methods svg {   
        height: 30px;
        width: auto;
        padding: 5px 10px;
        background: #fff;
        border-radius: 4px;
        transition: transform 0.3s ease;
    }


    .payment-methods img:hover {
        transform: scale(1.05);
    }

    .footer-bottom {
        border-top: 1px solid rgba(236, 240, 241, 0.1);
        padding-top: 30px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
        gap: 20px;
    }

    .footer-bottom p {
        color: #95a5a6;
        font-size: 14px;
    }

    .footer-bottom-links {
        display: flex;
        gap: 30px;
        flex-wrap: wrap;
    }

    .footer-bottom-links a {
        color: #95a5a6;
        text-decoration: none;
        font-size: 14px;
        transition: color 0.3s ease;
    }

    .footer-bottom-links a:hover {
        color: #3498db;
    }

    .security-badges {
        display: flex;
        gap: 10px;
        align-items: center;
    }

    .security-badge {
        padding: 5px 10px;
        background: rgba(46, 204, 113, 0.1);
        border: 1px solid rgba(46, 204, 113, 0.3);
        border-radius: 4px;
        font-size: 12px;
        color: #2ecc71;
    }

    @media (max-width: 768px) {
        .footer-content {
            grid-template-columns: 1fr;
            gap: 30px;
        }

        .footer-bottom {
            flex-direction: column;
            text-align: center;
        }

        .footer-bottom-links {
            justify-content: center;
        }

        .payment-methods {
            justify-content: center;
        }

        .social-links {
            justify-content: center;
        }
    }

    @media (max-width: 480px) {
        .footer {
            padding: 30px 0 15px;
        }

        .footer-container {
            padding: 0 15px;
        }

        .footer-bottom-links {
            flex-direction: column;
            gap: 15px;
        }
    }

    .newsletter-box {
        background: #f8f9fa;
        border-radius: 16px;
        padding: 40px 30px;
        box-shadow: 0 4px 16px rgba(0, 0, 0, 0.05);
        text-align: center;
        max-width: 600px;
        margin: 0 auto;       
    }

    .newsletter-box h2 {
        font-size: 2rem;
        margin-bottom: 15px;
    }

    .newsletter-box p {
        color: #6c757d;
        margin-bottom: 25px;
    }

    .newsletter-box .form-control {
        border-radius: 30px;
        padding: 12px 20px;
    }

    .newsletter-box .btn {
        border-radius: 30px;
        padding: 10px 24px;
    }

    .web-logo img {
        height: 100px;
        mix-blend-mode: multiply;
    }
</style>
<section class="info-section">
    <!-- Top Info Row -->
    <div class="info-boxes">
        <div class="info-box">
            <img src="https://img.icons8.com/ios/50/faad14/delivery--v1.png" class="icon" alt="Delivery">
            <h4>Free All India Delivery</h4>
            <p>Orders Over Rs500</p>
        </div>
        <div class="info-box">
            <img src="https://img.icons8.com/ios/50/faad14/refund.png" class="icon" alt="Refund">
            <h4>Money Back Guarantee</h4>
            <p>Return In 48 Hours</p>
        </div>
        <div class="info-box">
            <img src="https://img.icons8.com/ios/50/faad14/online-support.png" class="icon" alt="Support">
            <h4>Customer Support</h4>
            <p>Hours: 10AM - 8PM</p>
        </div>
        <div class="info-box">
            <img src="https://img.icons8.com/ios/50/faad14/secured-letter--v1.png" class="icon" alt="Secure">
            <h4>Secure And Safe Payment</h4>
            <p>All General Payment Methods</p>
        </div>
    </div>

    <!-- Payments Row -->
    <div class="payment-methods">
        <div class="payment-method">
            <img src="https://img.icons8.com/color/48/maestro.png" alt="Maestro">
            <span>Maestro</span>
        </div>
        <div class="payment-method">
            <img src="https://img.icons8.com/color/48/mastercard.png" alt="Mastercard">
            <span>Mastercard</span>
        </div>
        <div class="payment-method">
            <img src="https://img.icons8.com/color/48/visa.png" alt="Visa">
            <span>Visa</span>
        </div>
        <div class="payment-method">
            <img src="https://img.icons8.com/color/48/rupay.png" alt="RuPay">
            <span>RuPay</span>
        </div>
        <div class="payment-method">
            <img src="https://img.icons8.com/color/48/bank-building.png" alt="ICICI">
            <span>ICICI</span>
        </div>
        <div class="payment-method">
            <!-- <img src="https://img.icons8.com/color/48/upi.png" alt="UPI">
              -->
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 466" id="upi">
                <path fill="#3d3d3c" d="M98.1 340.7h6.3l-5.9 24.5c-.9 3.6-.7 6.4.5 8.2 1.2 1.8 3.4 2.7 6.7 2.7 3.2 0 5.9-.9 8-2.7 2.1-1.8 3.5-4.6 4.4-8.2l5.9-24.5h6.4l-6 25.1c-1.3 5.4-3.6 9.5-7 12.2-3.3 2.7-7.7 4.1-13.1 4.1-5.4 0-9.1-1.3-11.1-4s-2.4-6.8-1.1-12.2l6-25.2zm31.4 40.3 10-41.9 19 24.6c.5.7 1 1.4 1.5 2.2.5.8 1 1.7 1.6 2.7l6.7-27.9h5.9l-10 41.8-19.4-25.1-1.5-2.1c-.5-.8-.9-1.5-1.2-2.4l-6.7 28h-5.9zm44.2 0 9.6-40.3h6.4l-9.6 40.3h-6.4zm15.5 0 9.6-40.3h21.9l-1.3 5.6h-15.5l-2.4 10H217l-1.4 5.7h-15.5l-4.5 18.9h-6.4zm29 0 9.6-40.3h6.4l-9.6 40.3h-6.4zm15.5 0 9.6-40.3h21.9l-1.3 5.6h-15.5l-2.4 10.1h15.5l-1.4 5.7h-15.5l-3.1 13H257l-1.4 5.9h-21.9zm29.3 0 9.6-40.3h8.6c5.6 0 9.5.3 11.6.9 2.1.6 3.9 1.5 5.3 2.9 1.8 1.8 3 4.1 3.5 6.8.5 2.8.3 6-.5 9.5-.9 3.6-2.2 6.7-4 9.5-1.8 2.8-4.1 5-6.8 6.8-2 1.4-4.2 2.3-6.6 2.9-2.3.6-5.8.9-10.4.9H263zm7.8-6h5.4c2.9 0 5.2-.2 6.8-.6 1.6-.4 3-1.1 4.3-2 1.8-1.3 3.3-2.9 4.5-4.9 1.2-1.9 2.1-4.2 2.7-6.8.6-2.6.8-4.8.5-6.7-.3-1.9-1-3.6-2.2-4.9-.9-1-2-1.6-3.5-2-1.5-.4-3.8-.6-7.1-.6h-4.6l-6.8 28.5zm59.7-12.1-4.3 18.1h-6l9.6-40.3h9.7c2.9 0 4.9.2 6.2.5 1.3.3 2.3.8 3.1 1.6 1 .9 1.7 2.2 2 3.8.3 1.6.2 3.3-.2 5.2-.5 1.9-1.2 3.7-2.3 5.3-1.1 1.6-2.4 2.9-3.8 3.8-1.2.7-2.5 1.3-3.9 1.6-1.4.3-3.6.5-6.4.5h-3.7zm1.7-5.4h1.6c3.5 0 6-.4 7.4-1.2 1.4-.8 2.3-2.2 2.8-4.2.5-2.1.2-3.7-.8-4.5-1.1-.9-3.3-1.3-6.6-1.3H335l-2.8 11.2zm40.1 23.5-2-10.4h-15.6l-7 10.4H341l29-41.9 9 41.9h-6.7zm-13.8-15.9h10.9l-1.8-9.2c-.1-.6-.2-1.3-.2-2-.1-.8-.1-1.6-.1-2.5-.4.9-.8 1.7-1.3 2.5-.4.8-.8 1.5-1.2 2.1l-6.3 9.1zm29.7 15.9 4.4-18.4-8-21.8h6.7l5 13.7c.1.4.2.8.4 1.4.2.6.3 1.2.5 1.8l1.2-1.8c.4-.6.8-1.1 1.2-1.6l11.7-13.5h6.4L399 362.5l-4.4 18.4h-6.4zm60.9-19.9c0-.3.1-1.2.3-2.6.1-1.2.2-2.1.3-2.9-.4.9-.8 1.8-1.3 2.8-.5.9-1.1 1.9-1.8 2.8l-15.4 21.5-5-21.9c-.2-.9-.4-1.8-.5-2.6-.1-.8-.2-1.7-.2-2.5-.2.8-.5 1.7-.8 2.7-.3.9-.7 1.9-1.2 2.9l-9 19.8h-5.9l19.3-42 5.5 25.4c.1.4.2 1.1.3 2 .1.9.3 2.1.5 3.5.7-1.2 1.6-2.6 2.8-4.4.3-.5.6-.8.7-1.1l17.4-25.4-.6 42h-5.9l.5-20zm10.6 19.9 9.6-40.3h21.9l-1.3 5.6h-15.5l-2.4 10.1h15.5l-1.4 5.7h-15.5l-3.1 13H483l-1.4 5.9h-21.9zm29.2 0 10-41.9 19 24.6c.5.7 1 1.4 1.5 2.2.5.8 1 1.7 1.6 2.7l6.7-27.9h5.9l-10 41.8-19.4-25.1-1.5-2.1c-.5-.8-.9-1.5-1.2-2.4l-6.7 28h-5.9zm65.1-34.8-8.3 34.7h-6.4l8.3-34.7h-10.4l1.3-5.6h27.2l-1.3 5.6H554zm6.7 26.7 5.7-2.4c.1 1.8.6 3.2 1.7 4.1 1.1.9 2.6 1.4 4.6 1.4 1.9 0 3.5-.5 4.9-1.6 1.4-1.1 2.3-2.5 2.7-4.3.6-2.4-.8-4.5-4.2-6.3-.5-.3-.8-.5-1.1-.6-3.8-2.2-6.2-4.1-7.2-5.9-1-1.8-1.2-3.9-.6-6.4.8-3.3 2.5-5.9 5.2-8 2.7-2 5.7-3.1 9.3-3.1 2.9 0 5.2.6 6.9 1.7 1.7 1.1 2.6 2.8 2.9 4.9l-5.6 2.6c-.5-1.3-1.1-2.2-1.9-2.8-.8-.6-1.8-.9-3-.9-1.7 0-3.2.5-4.4 1.4-1.2.9-2 2.1-2.4 3.7-.6 2.4 1.1 4.7 5 6.8.3.2.5.3.7.4 3.4 1.8 5.7 3.6 6.7 5.4 1 1.8 1.2 3.9.6 6.6-.9 3.8-2.8 6.8-5.7 9.1-2.9 2.2-6.3 3.4-10.3 3.4-3.3 0-5.9-.8-7.7-2.4-2-1.6-2.9-3.9-2.8-6.8zm47.1 8.1 9.6-40.3h6.4l-9.6 40.3h-6.4zm15.6 0 10-41.9 19 24.6c.5.7 1 1.4 1.5 2.2.5.8 1 1.7 1.6 2.7l6.7-27.9h5.9l-10 41.8-19.4-25.1-1.5-2.1c-.5-.8-.9-1.5-1.2-2.4l-6.7 28h-5.9zm65.1-34.8-8.3 34.7h-6.4l8.3-34.7h-10.4l1.3-5.6h27.2l-1.3 5.6h-10.4zm6.9 34.8 9.6-40.3h22l-1.3 5.6h-15.5l-2.4 10.1h15.5l-1.4 5.7h-15.5l-3.1 13h15.5l-1.4 5.9h-22zm39.5-18.1-4.3 18h-6l9.6-40.3h8.9c2.6 0 4.6.2 5.9.5 1.4.3 2.5.9 3.3 1.7 1 1 1.6 2.2 1.9 3.8.3 1.5.2 3.2-.2 5.1-.8 3.2-2.1 5.8-4.1 7.6-2 1.8-4.5 2.9-7.5 3.3l9.1 18.3h-7.2l-8.7-18h-.7zm1.6-5.1h1.2c3.4 0 5.7-.4 7-1.2 1.3-.8 2.2-2.2 2.7-4.3.5-2.2.3-3.8-.7-4.7-1-.9-3.1-1.4-6.3-1.4h-1.2l-2.7 11.6zm18.9 23.2 9.6-40.3h21.9l-1.3 5.6h-15.5l-2.4 10h15.5l-1.4 5.7h-15.5l-4.5 18.9h-6.4zm52.8 0-2-10.4h-15.6l-7 10.4h-6.7l29-41.9 9 41.9h-6.7zm-13.9-15.9h10.9l-1.8-9.2c-.1-.6-.2-1.3-.2-2-.1-.8-.1-1.6-.1-2.5-.4.9-.8 1.7-1.3 2.5-.4.8-.8 1.5-1.2 2.1l-6.3 9.1zm62.2-14.6c-1.4-1.6-3.1-2.8-4.9-3.5-1.8-.8-3.8-1.2-6.1-1.2-4.3 0-8.1 1.4-11.5 4.2-3.4 2.8-5.6 6.5-6.7 11-1 4.3-.6 7.9 1.4 10.8 1.9 2.8 4.9 4.2 8.9 4.2 2.3 0 4.6-.4 6.9-1.3 2.3-.8 4.6-2.1 7-3.8l-1.8 7.4c-2 1.3-4.1 2.2-6.3 2.8-2.2.6-4.4.9-6.8.9-3 0-5.7-.5-8-1.5s-4.2-2.5-5.7-4.5c-1.5-1.9-2.4-4.2-2.8-6.8-.4-2.6-.3-5.4.5-8.4.7-3 1.9-5.7 3.5-8.3 1.6-2.6 3.7-4.9 6.1-6.8 2.4-2 5-3.5 7.8-4.5s5.6-1.5 8.5-1.5c2.3 0 4.4.3 6.4 1 1.9.7 3.7 1.7 5.3 3.1l-1.7 6.7zm.6 30.5 9.6-40.3h21.9l-1.3 5.6h-15.5l-2.4 10.1h15.5l-1.4 5.7H868l-3.1 13h15.5L879 381h-21.9z" />
                <path fill="#70706e" d="M740.7 305.6h-43.9l61-220.3h43.9l-61 220.3zM717.9 92.2c-3-4.2-7.7-6.3-14.1-6.3H462.6l-11.9 43.2h219.4l-12.8 46.1H481.8v-.1h-43.9l-36.4 131.5h43.9l24.4-88.2h197.3c6.2 0 12-2.1 17.4-6.3 5.4-4.2 9-9.4 10.7-15.6l24.4-88.2c1.9-6.6 1.3-11.9-1.7-16.1zm-342 199.6c-2.4 8.7-10.4 14.8-19.4 14.8H130.2c-6.2 0-10.8-2.1-13.8-6.3-3-4.2-3.7-9.4-1.9-15.6l55.2-198.8h43.9l-49.3 177.6h175.6l49.3-177.6h43.9l-57.2 205.9z" />
                <path fill="#098041" d="M877.5 85.7 933 196.1 816.3 306.5z" />
                <path fill="#e97626" d="M838.5 85.7 894 196.1 777.2 306.5z" />
            </svg>
            <span>UPI</span>
        </div>
        <div class="payment-method">
            <!-- <img src="https://img.icons8.com/color/48/phonepe.png" alt="PhonePe"> -->
            <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="100" height="100" viewBox="0 0 48 48">
                <path fill="#4527a0" d="M42,37c0,2.762-2.238,5-5,5H11c-2.761,0-5-2.238-5-5V11c0-2.762,2.239-5,5-5h26c2.762,0,5,2.238,5,5	V37z"></path>
                <path fill="#fff" d="M32.267,20.171c0-0.681-0.584-1.264-1.264-1.264h-2.334l-5.35-6.25	c-0.486-0.584-1.264-0.778-2.043-0.584l-1.848,0.584c-0.292,0.097-0.389,0.486-0.195,0.681l5.836,5.666h-8.851	c-0.292,0-0.486,0.195-0.486,0.486v0.973c0,0.681,0.584,1.506,1.264,1.506h1.972v4.305c0,3.502,1.611,5.544,4.723,5.544	c0.973,0,1.378-0.097,2.35-0.486v3.112c0,0.875,0.681,1.556,1.556,1.556h0.786c0.292,0,0.584-0.292,0.584-0.584V21.969h2.812	c0.292,0,0.486-0.195,0.486-0.486V20.171z M26.043,28.413c-0.584,0.292-1.362,0.389-1.945,0.389c-1.556,0-2.097-0.778-2.097-2.529	v-4.305h4.043V28.413z"></path>
            </svg>
            <span>PhonePe</span>
        </div>
        <div class="payment-method">
            <img src="https://img.icons8.com/color/48/google-pay.png" alt="GooglePay">
            <span>GooglePay</span>
        </div>
        <div class="payment-method">
            <img src="https://img.icons8.com/color/48/amazon.png" alt="Amazon Pay">
            <span>AmazonPay</span>
        </div>
        <div class="payment-method">
            <img src="https://img.icons8.com/color/48/bank-cards.png" alt="Net Banking">
            <span>Net Banking</span>
        </div>
    </div>
</section>
<!-- Footer -->
<!-- <footer id="footer" class="footer">
    <div class="footer-wrap">
        <div class="footer-body">
            <div class="container">
                <div class="row">
                    <div class="col-lg-4">
                        <div class="footer-infor">
                            <div class="footer-logo">
                                <a href="/home">
                                    <img src="uploads/logos/1749568605_Screenshot_1.jpg" alt="Logo" width="160px;">
                                </a>
                            </div>
                            <div class="footer-address">
                                <p>Saroj Add. Shop no. 5-6 ground floor gaytri complex near RS school sirohi Rajasthan pin 307001</p>
                            </div>
                            <ul class="footer-info">
                                <li>
                                    <i class="icon-mail"></i>
                                    <p>support@bestcityshopping.com</p>
                                </li>
                                <li>
                                    <i class="icon-phone"></i>
                                    <p>8696307191</p>
                                </li>
                            </ul>
                            <ul class="tf-social-icon">
                                                                    <li>
                                        <a href="#" class="social-facebook">
                                            <i class="icon icon-fb"></i>
                                        </a>
                                    </li>
                                                                    <li>
                                        <a href="#" class="social-twitter">
                                            <i class="icon icon-x"></i>
                                        </a>
                                    </li>
                                                                    <li>
                                        <a href="#" class="social-instagram">
                                            <i class="icon icon-instagram"></i>
                                        </a>
                                    </li>
                                                                    <li>
                                        <a href="#" class="social-tiktok">
                                            <i class="icon icon-tiktok"></i>
                                        </a>
                                    </li>
                                                                    <li>
                                        <a href="#" class="social-amazon">
                                            <i class="icon icon-amazon"></i>
                                        </a>
                                    </li>
                                                                    <li>
                                        <a href="#" class="social-pinterest">
                                            <i class="icon icon-pinterest"></i>
                                        </a>
                                    </li>
                                                            </ul>
                        </div>
                    </div>
                    <div class="col-lg-4">
                        <div class="footer-menu">
                                                            <div class="footer-col-block">
                                    <div class="footer-heading text-button footer-heading-mobile">
                                        Customer Services                                    </div>
                                    <div class="tf-collapse-content">
                                        <ul class="footer-menu-list">
                                                                                            <li class="text-caption-1">
                                                    <a href="/shipping_policy" class="footer-menu_item">
                                                        Shipping                                                    </a>
                                                </li>
                                                                                            <li class="text-caption-1">
                                                    <a href="/return_refund_policy" class="footer-menu_item">
                                                        Return &amp; Refund                                                    </a>
                                                </li>
                                                                                            <li class="text-caption-1">
                                                    <a href="/privacy_policy" class="footer-menu_item">
                                                        Privacy Policy                                                    </a>
                                                </li>
                                                                                            <li class="text-caption-1">
                                                    <a href="/terms_conditions" class="footer-menu_item">
                                                        Terms &amp; Conditions                                                    </a>
                                                </li>
                                                                                    </ul>
                                    </div>
                                </div>
                                                            <div class="footer-col-block">
                                    <div class="footer-heading text-button footer-heading-mobile">
                                        Information                                    </div>
                                    <div class="tf-collapse-content">
                                        <ul class="footer-menu-list">
                                                                                            <li class="text-caption-1">
                                                    <a href="/contact" class="footer-menu_item">
                                                        Contact us                                                    </a>
                                                </li>
                                                                                            <li class="text-caption-1">
                                                    <a href="/view_orders" class="footer-menu_item">
                                                        My Orders                                                    </a>
                                                </li>
                                                                                    </ul>
                                    </div>
                                </div>
                                                    </div>
                    </div>
                    <div class="col-lg-4">
                        <div class="footer-col-block">
                            <div class="footer-heading text-button footer-heading-mobile">
                                Newsletter
                            </div>
                            <div class="tf-collapse-content">
                                <div class="footer-newsletter">
                                    <p class="text-caption-1">Sign up for our newsletter</p>
                                    <div class="sib-form">
                                        <div id="sib-form-container" class="sib-form-container">
                                            <div id="error-message" class="sib-form-message-panel">
                                                <div class="sib-form-message-panel__text sib-form-message-panel__text--center">
                                                    <span class="sib-form-message-panel__inner-text">
                                                        Your subscription could not be saved. Please try again.
                                                    </span>
                                                </div>
                                            </div>
                                            <div id="success-message" class="sib-form-message-panel">
                                                <div class="sib-form-message-panel__text sib-form-message-panel__text--center">
                                                    <span class="sib-form-message-panel__inner-text">
                                                        Your subscription has been successful.
                                                    </span>
                                                </div>
                                            </div>
                                            <div id="sib-container" class="sib-container--large sib-container--vertical">
                                                <form id="sib-form" method="POST" class="form-newsletter" action="#" data-type="subscription">
                                                    <div>
                                                        <div class="sib-input sib-form-block">
                                                            <div class="form__entry entry_block">
                                                                <div class="form__label-row">
                                                                    <div class="entry__field">
                                                                        <input class="input radius-60" type="text" id="EMAIL" name="EMAIL" autocomplete="off" placeholder="Enter your e-mail..." data-required="true" required>
                                                                    </div>
                                                                </div>
                                                                <label class="entry__error entry__error--primary"></label>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div>
                                                        <div class="sib-optin sib-form-block">
                                                            <div class="form__entry entry_mcq">
                                                                <div class="form__label-row">
                                                                    <div class="entry__choice">
                                                                        <label>
                                                                            <input type="checkbox" class="input_replaced" value="1" id="OPT_IN" name="OPT_IN">
                                                                            <span class="checkbox checkbox_tick_positive"></span>
                                                                        </label>
                                                                    </div>
                                                                </div>
                                                                <label class="entry__error entry__error--primary"></label>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div>
                                                        <div class="sib-form-block">
                                                            <button class="sib-form-block__button sib-form-block__button-with-loader subscribe-button radius-60" form="sib-form" type="submit">
                                                                <i class="icon icon-arrowUpRight"></i>
                                                            </button>
                                                        </div>
                                                    </div>
                                                    <input type="text" name="email_address_check" value="" class="input--hidden">
                                                    <input type="hidden" name="locale" value="en">
                                                </form>
                                            </div>
                                        </div>
                                        <div class="tf-cart-checkbox">
                                            <div class="tf-checkbox-wrapp">
                                                <input type="checkbox" id="footer-Form_agree" name="agree_checkbox">
                                                <div><i class="icon-check"></i></div>
                                            </div>
                                            <label class="text-caption-1" for="footer-Form_agree">
                                                By clicking subscribe, you agree to the
                                                <a class="fw-6 link" href="terms_conditions">Terms of Service</a> and
                                                <a class="fw-6 link" href="privacy_policy">Privacy Policy</a>.
                                            </label>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="footer-bottom">
            <div class="container">
                <div class="row">
                    <div class="col-12">
                        <div class="footer-bottom-wrap">
                            <div class="left">
                                <p class="text-caption-1">©2026. All Rights Reserved.</p>
                                <div class="tf-cur justify-content-end">
                                    <div class="tf-currencies">
                                        <select class="image-select center style-default type-currencies">
                                            <option selected>₹</option>
                                        </select>
                                    </div>
                                    <div class="tf-languages">
                                        <select class="image-select center style-default type-languages">
                                            <option>English</option>
                                        </select>
                                    </div>
                                </div>
                            </div>
                            <p>Bestcityshopping.com Managed by Saroj</p>
                            <div class="tf-payment">
                                <p class="text-caption-1">Payment:</p>
                                <ul>
                                                                            <li>
                                            <img src="images/payment/img-1.png" alt="Payment Method 1">
                                        </li>
                                                                            <li>
                                            <img src="images/payment/img-2.png" alt="Payment Method 2">
                                        </li>
                                                                            <li>
                                            <img src="images/payment/img-3.png" alt="Payment Method 3">
                                        </li>
                                                                            <li>
                                            <img src="images/payment/img-4.png" alt="Payment Method 4">
                                        </li>
                                                                            <li>
                                            <img src="images/payment/img-5.png" alt="Payment Method 5">
                                        </li>
                                                                            <li>
                                            <img src="images/payment/img-6.png" alt="Payment Method 6">
                                        </li>
                                                                    </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</footer> -->
<!-- /Footer -->


<div class="container mb-5 mt-3">
    <div class="newsletter-box">
        <h2>Subscribe to our Newsletter</h2>
        <p>Get the latest updates, deals, and articles delivered straight to your inbox.</p>
        <form id="sib-form" method="POST" class="form-newsletter" action="#" data-type="subscription">
            <div>
                <div class="sib-input sib-form-block">
                    <div class="form__entry entry_block">
                        <div class="form__label-row">
                            <div class="entry__field">
                                <input class="input radius-60" type="text" id="EMAIL" name="EMAIL" autocomplete="off" placeholder="Enter your e-mail..." data-required="true" required>
                            </div>
                        </div>
                        <label class="entry__error entry__error--primary"></label>
                    </div>
                </div>
            </div>
            <div>
                <div class="sib-optin sib-form-block">
                    <div class="form__entry entry_mcq">
                        <div class="form__label-row">
                            <div class="entry__choice">
                                <label>
                                    <input type="checkbox" class="input_replaced" value="1" id="OPT_IN" name="OPT_IN">
                                    <span class="checkbox checkbox_tick_positive"></span>
                                </label>
                            </div>
                        </div>
                        <label class="entry__error entry__error--primary"></label>
                    </div>
                </div>
            </div>
            <div>
                <div class="sib-form-block">
                    <button class="sib-form-block__button sib-form-block__button-with-loader subscribe-button radius-60" form="sib-form" type="submit">
                        <i class="icon icon-arrowUpRight"></i>
                    </button>
                </div>
            </div>
            <input type="text" name="email_address_check" value="" class="input--hidden">
            <input type="hidden" name="locale" value="en">
        </form>
    </div>
</div>
<!-- //new footer  -->
<footer class="footer" id="footer">
    <div class="footer-container">
        <div class="footer-content">
            <!-- Company Info Section -->
            <div class="footer-section web-logo" style="margin: 0 auto;">
                <a href="/"><img src="uploads/logos/1749568605_Screenshot_1.jpg" alt=""></a>
            </div>
            <div class="footer-section" style="position: relative;">

                <h3>About Product Deals</h3>
                <div class="company-info">
                    <p>Your trusted online shopping destination since 2020. We offer quality products at competitive prices with exceptional customer service.</p>
                    <div class="social-links">
                                                    <a aria-label="facebook" href="#" class="social-facebook">
                                <i class="icon icon-fb"></i>
                            </a>
                                                    <a aria-label="twitter" href="#" class="social-twitter">
                                <i class="icon icon-x"></i>
                            </a>
                                                    <a aria-label="instagram" href="#" class="social-instagram">
                                <i class="icon icon-instagram"></i>
                            </a>
                                                    <a aria-label="tiktok" href="#" class="social-tiktok">
                                <i class="icon icon-tiktok"></i>
                            </a>
                                                    <a aria-label="amazon" href="#" class="social-amazon">
                                <i class="icon icon-amazon"></i>
                            </a>
                                                    <a aria-label="pinterest" href="#" class="social-pinterest">
                                <i class="icon icon-pinterest"></i>
                            </a>
                                                <!-- <a href="#" aria-label="Facebook"><i class="fab fa-facebook-f"></i></a>
                            <a href="#" aria-label="Twitter"><i class="fab fa-twitter"></i></a>
                            <a href="#" aria-label="Instagram"><i class="fab fa-instagram"></i></a>
                            <a href="#" aria-label="LinkedIn"><i class="fab fa-linkedin-in"></i></a>
                            <a href="#" aria-label="YouTube"><i class="fab fa-youtube"></i></a> -->
                    </div>
                </div>
            </div>

            <!-- Quick Links Section -->
            <div class="footer-section">
                <h3>Quick Links</h3>
                <ul>

                    <li><a href="https://productdeals.store/"><i class="fas fa-home"></i> Home</a></li>
                    <li><a href="javascript:void(0);" onclick="scrollToSection('shop')" class="smooth-scroll"><i class="fas fa-shopping-bag"></i> Shop</a></li>
                    <li><a href="#"><i class="fas fa-envelope-open"></i> Contact Us</a></li>
                    <!-- <li><a href="#"><i class="fas fa-percent"></i> Sale</a></li>
                    <li><a href="#"><i class="fas fa-star"></i> New Arrivals</a></li>
                    <li><a href="#"><i class="fas fa-crown"></i> Best Sellers</a></li> -->
                </ul>
            </div>

                            <div class="footer-section">
                    <h3> Customer Services</h3>
                    <ul>
                                                                                <li>
                                <a href="/shipping_policy">
                                    <i class="fas fa-circle"></i> Shipping                                </a>
                            </li>
                                                                                <li>
                                <a href="/return_refund_policy">
                                    <i class="fas fa-circle"></i> Return &amp; Refund                                </a>
                            </li>
                                                                                <li>
                                <a href="/privacy_policy">
                                    <i class="fas fa-circle"></i> Privacy Policy                                </a>
                            </li>
                                                                                <li>
                                <a href="/terms_conditions">
                                    <i class="fas fa-circle"></i> Terms &amp; Conditions                                </a>
                            </li>
                        
                        <!-- <li><a href="#"><i class="fas fa-question-circle"></i> Help Center</a></li>
                        <li><a href="#"><i class="fas fa-shipping-fast"></i> Shipping Info</a></li>
                        <li><a href="#"><i class="fas fa-undo"></i> Returns & Exchanges</a></li>
                        <li><a href="#"><i class="fas fa-shield-alt"></i> Size Guide</a></li>
                        <li><a href="#"><i class="fas fa-headset"></i> Contact Support</a></li>
                        <li><a href="#"><i class="fas fa-comments"></i> Live Chat</a></li> -->

                    </ul>

                </div>
                            <div class="footer-section">
                    <h3> Information</h3>
                    <ul>
                                                                                <li>
                                <a href="/contact">
                                    <i class="fas fa-circle"></i> Contact us                                </a>
                            </li>
                                                                                <li>
                                <a href="/view_orders">
                                    <i class="fas fa-circle"></i> My Orders                                </a>
                            </li>
                        
                        <!-- <li><a href="#"><i class="fas fa-question-circle"></i> Help Center</a></li>
                        <li><a href="#"><i class="fas fa-shipping-fast"></i> Shipping Info</a></li>
                        <li><a href="#"><i class="fas fa-undo"></i> Returns & Exchanges</a></li>
                        <li><a href="#"><i class="fas fa-shield-alt"></i> Size Guide</a></li>
                        <li><a href="#"><i class="fas fa-headset"></i> Contact Support</a></li>
                        <li><a href="#"><i class="fas fa-comments"></i> Live Chat</a></li> -->

                    </ul>

                </div>
                        <!-- Customer Service Section -->
            <!-- <div class="footer-section">
                <h3>Customer Service</h3>
                <ul>
                    <li><a href="#"><i class="fas fa-question-circle"></i> Help Center</a></li>
                    <li><a href="#"><i class="fas fa-shipping-fast"></i> Shipping Info</a></li>
                    <li><a href="#"><i class="fas fa-undo"></i> Returns & Exchanges</a></li>
                    <li><a href="#"><i class="fas fa-shield-alt"></i> Size Guide</a></li>
                    <li><a href="#"><i class="fas fa-headset"></i> Contact Support</a></li>
                    <li><a href="#"><i class="fas fa-comments"></i> Live Chat</a></li>
                </ul>
            </div> -->

            <!-- Contact Info Section -->
            <div class="footer-section">
                <h3>Contact Information</h3>
                <div class="contact-info">
                    <div class="contact-item">
                        <i class="fas fa-map-marker-alt"></i>
                        <span> Saroj Add. Shop no. 5-6 ground floor gaytri complex near RS school sirohi Rajasthan pin 307001</span>
                    </div>
                    <div class="contact-item">
                        <i class="fas fa-phone"></i>
                        <span>8696307191</span>
                    </div>
                    <div class="contact-item">
                        <i class="fas fa-envelope"></i>
                        <span>support@bestcityshopping.com</span>
                    </div>
                </div>

            </div>
            <div class="footer-section">
                <h3>Payement Accepted</h3>
                <!-- Payment Methods -->
                <div class="payment-methods">
                                            <div><img src="images/payment/img-1.png" alt="Payment Method 1"></div>

                                            <div><img src="images/payment/img-2.png" alt="Payment Method 2"></div>

                                            <div><img src="images/payment/img-3.png" alt="Payment Method 3"></div>

                                            <div><img src="images/payment/img-4.png" alt="Payment Method 4"></div>

                                            <div><img src="images/payment/img-5.png" alt="Payment Method 5"></div>

                                            <div><img src="images/payment/img-6.png" alt="Payment Method 6"></div>

                    
                </div>
            </div>
        </div>

        <!-- Footer Bottom -->
        <div class="footer-bottom">
            <div>
                <p>&copy; 2025 Product Deals. All rights reserved.</p>
            </div>

            <div class="footer-bottom-links">
                <a href="terms_conditions">Privacy Policy</a>
                <a href="privacy_policy">Terms of Service</a>
                <!-- <a href="#">Cookie Policy</a>
                <a href="#">Accessibility</a> -->
            </div>

            <div class="security-badges">
                <span class="security-badge">
                    <i class="fas fa-lock"></i> SSL Secured
                </span>
                <span class="security-badge">
                    <i class="fas fa-shield-alt"></i> Safe Shopping
                </span>
            </div>
        </div>
    </div>
</footer>

<script>
function scrollToSection(sectionName) {
    const headerHeight = 280;

    // Use requestAnimationFrame to ensure DOM/layout is ready
    requestAnimationFrame(() => {
        const section = document.querySelector(`[data-section="${sectionName}"]`);
        if (section) {
            const yOffset = -headerHeight;
            const y = section.getBoundingClientRect().top + window.pageYOffset + yOffset;

            window.scrollTo({
                top: y,
                behavior: 'smooth'
            });
        }
    });
}
</script>
</div>
 <div class="offcanvas offcanvas-start canvas-filter" id="filterShop">
        <div class="canvas-wrapper">
            <div class="canvas-header">
                <h5>Filters</h5>
                <span class="icon-close icon-close-popup" data-bs-dismiss="offcanvas" aria-label="Close"></span>
            </div>
            <div class="canvas-body">
                <div class="widget-facet facet-categories">
                    <h6 class="facet-title">Product Categories</h6>
                    <ul class="facet-content">
                        <li><a href="#" class="categories-item">Bags <span class="count-cate">(112)</span></a></li>
                        <li><a href="#" class="categories-item">Booking <span class="count-cate">(32)</span> </a></li>
                        <li><a href="#" class="categories-item">Clothing <span class="count-cate">(42)</span></a></li>
                        <li><a href="#" class="categories-item active">Women <span class="count-cate">(65)</span></a></li>
                        <li><a href="#" class="categories-item">Men <span class="count-cate">(13)</span></a></li>
                        <li><a href="#" class="categories-item">Shoes <span class="count-cate">(52)</span></a></li>
                        <li><a href="#" class="categories-item">Uncategorized <span class="count-cate">(14)</span></a></li>
                    </ul>
                </div>
                <div class="widget-facet facet-price">
                    <h6 class="facet-title">Price</h6>
                    <div class="price-val-range" id="price-value-range" data-min="0" data-max="500"></div>
                    <div class="box-price-product">
                        <div class="box-price-item">
                            <span class="title-price">Min price</span>
                            <div class="price-val" id="price-min-value" data-currency="$"></div>
                        </div>
                        <div class="box-price-item">
                            <span class="title-price">Max price</span>
                            <div class="price-val" id="price-max-value" data-currency="$"></div>
                        </div>
                    </div>
                </div>
                <div class="widget-facet facet-size">
                    <h6 class="facet-title">Size</h6>
                    <div class="facet-size-box size-box">
                        <span class="size-item size-check">XS</span>
                        <span class="size-item size-check">S</span>
                        <span class="size-item size-check">M</span>
                        <span class="size-item size-check">L</span>
                        <span class="size-item size-check">XL</span>
                        <span class="size-item size-check">2XL</span>
                        <span class="size-item size-check">3XL</span>
                        <span class="size-item size-check free-size">Free Size</span>
                    </div>
                </div>
                <div class="widget-facet facet-color">
                    <h6 class="facet-title">Colors</h6>
                    <div class="facet-color-box">
                        <div class="color-item color-check"><span class="color bg-light-pink-2"></span>Pink</div>
                        <div class="color-item color-check"><span class="color bg-red"></span> Red</div>
                        <div class="color-item color-check"><span class="color bg-beige-2"></span>Beige</div>
                        <div class="color-item color-check"><span class="color bg-orange-2"></span>Orange</div>
                        <div class="color-item color-check"><span class="color bg-light-green"></span>Green</div>
                        <div class="color-item color-check"><span class="color bg-main"></span>Black</div>
                        <div class="color-item color-check"><span class="color bg-white line-black"></span>White</div>
                        <div class="color-item color-check"><span class="color bg-purple-3"></span>Purple</div>
                        <div class="color-item color-check"><span class="color bg-grey"></span>Grey</div>
                        <div class="color-item color-check"><span class="color bg-light-blue-5"></span>Light Blue</div>
                        <div class="color-item color-check"><span class="color bg-dark-blue"></span>Dark Blue</div>            
                    </div>
                </div>
                <div class="widget-facet facet-fieldset">
                    <h6 class="facet-title">Availability</h6>
                    <div class="box-fieldset-item">
                        <fieldset class="fieldset-item">
                            <input type="radio" name="availability" class="tf-check" id="inStock">
                            <label for="inStock">In stock <span class="count-stock">(32)</span></label>
                        </fieldset>
                        <fieldset class="fieldset-item">
                            <input type="radio" name="availability" class="tf-check" id="outStock">
                            <label for="outStock">Out of stock <span class="count-stock">(2)</span></label>
                        </fieldset>
                    </div>
                </div>
                <div class="widget-facet facet-fieldset">
                    <h6 class="facet-title">Brands</h6>
                    <div class="box-fieldset-item">
                        <fieldset class="fieldset-item">
                            <input type="checkbox" name="brand" class="tf-check" id="nike">
                            <label for="nike">Nike <span class="count-brand">(112)</span></label>
                        </fieldset>
                        <fieldset class="fieldset-item">
                            <input type="checkbox" name="brand" class="tf-check" id="LV">
                            <label for="LV">Louis Vuitton <span class="count-brand">(2)</span></label>
                        </fieldset>
                        <fieldset class="fieldset-item">
                            <input type="checkbox" name="brand" class="tf-check" id="hermes">
                            <label for="hermes">Hermes <span class="count-brand">(42)</span></label>
                        </fieldset>
                        <fieldset class="fieldset-item">
                            <input type="checkbox" name="brand" class="tf-check" id="gucci">
                            <label for="gucci">Gucci <span class="count-brand">(13)</span></label>
                        </fieldset>
                        <fieldset class="fieldset-item">
                            <input type="checkbox" name="brand" class="tf-check" id="zalando">
                            <label for="zalando">Zalando <span class="count-brand">(54)</span></label>
                        </fieldset>
                        <fieldset class="fieldset-item">
                            <input type="checkbox" name="brand" class="tf-check" id="adidas">
                            <label for="adidas">Adidas <span class="count-brand">(93)</span></label>
                        </fieldset>
                    </div>
                </div>
            </div>
            <div class="canvas-bottom">
                <button id="reset-filter" class="tf-btn btn-reset">Reset Filters</button>
            </div>
        </div>
    </div>
    
    
      <!-- shoppingCart -->
    <div class="modal fullRight fade modal-shopping-cart" id="shoppingCart">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="tf-minicart-recommendations">
                    <h6 class="title">You May Also Like</h6>
                    <div class="wrap-recommendations">
                        <div class="list-cart">
                            <div class="list-cart-item">
                                <div class="image">
                                    <img class="lazyload" data-src="images/products/womens/women-1.jpg" src="images/products/womens/women-1.jpg" alt="">
                                </div>
                                <div class="content">
                                    <div class="name">
                                        <a class="link text-line-clamp-1" href="product-detail.html">Belt wrap dress</a>
                                    </div>
                                    <div class="cart-item-bot">
                                        <div class="text-button price">$59.99</div>
                                        <a class="link text-button" href="#">Add to cart</a>
                                    </div>
                                </div>
                            </div>
                            <div class="list-cart-item">
                                <div class="image">
                                    <img class="lazyload" data-src="images/products/womens/women-2.jpg" src="images/products/womens/women-2.jpg" alt="">
                                </div>
                                <div class="content">
                                    <div class="name">
                                        <a class="link text-line-clamp-1" href="product-detail.html">Double-button coat</a>
                                    </div>
                                    <div class="cart-item-bot">
                                        <div class="text-button price">$59.99</div>
                                        <a class="link text-button" href="#">Add to cart</a>
                                    </div>
                                </div>
                            </div>
                            <div class="list-cart-item">
                                <div class="image">
                                    <img class="lazyload" data-src="images/products/womens/women-3.jpg" src="images/products/womens/women-3.jpg" alt="">
                                </div>
                                <div class="content">
                                    <div class="name">
                                        <a class="link text-line-clamp-1" href="product-detail.html">Belted Manteco coat</a>
                                    </div>
                                    <div class="cart-item-bot">
                                        <div class="text-button price">$59.99</div>
                                        <a class="link text-button" href="#">Add to cart</a>
                                    </div>
                                </div>
                            </div>
                            <div class="list-cart-item">
                                <div class="image">
                                    <img class="lazyload" data-src="images/products/womens/women-4.jpg" src="images/products/womens/women-4.jpg" alt="">
                                </div>
                                <div class="content">
                                    <div class="name">
                                        <a class="link text-line-clamp-1" href="product-detail.html">Belt wrap dress</a>
                                    </div>
                                    <div class="cart-item-bot">
                                        <div class="text-button price">$59.99</div>
                                        <a class="link text-button" href="#">Add to cart</a>
                                    </div>
                                </div>
                            </div>
                            <div class="list-cart-item">
                                <div class="image">
                                    <img class="lazyload" data-src="images/products/womens/women-5.jpg" src="images/products/womens/women-5.jpg" alt="">
                                </div>
                                <div class="content">
                                    <div class="name">
                                        <a class="link text-line-clamp-1" href="product-detail.html">Belt wrap dress</a>
                                    </div>
                                    <div class="cart-item-bot">
                                        <div class="text-button price">$59.99</div>
                                        <a class="link text-button" href="#">Add to cart</a>
                                    </div>
                                </div>
                            </div>
                            <div class="list-cart-item">
                                <div class="image">
                                    <img class="lazyload" data-src="images/products/womens/women-6.jpg" src="images/products/womens/women-6.jpg" alt="">
                                </div>
                                <div class="content">
                                    <div class="name">
                                        <a class="link text-line-clamp-1" href="product-detail.html">Belt wrap dress</a>
                                    </div>
                                    <div class="cart-item-bot">
                                        <div class="text-button price">$59.99</div>
                                        <a class="link text-button" href="#">Add to cart</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="d-flex flex-column flex-grow-1 h-100">
                    <div class="header">
                        <h5 class="title">Shopping Cart</h5>
                        <span class="icon-close icon-close-popup" data-bs-dismiss="modal"></span>
                    </div>
                    <div class="wrap">
                        <div class="tf-mini-cart-threshold">
                            <div class="tf-progress-bar">
                                <div class="value" style="width: 0%;" data-progress="75">
                                    <i class="icon icon-shipping"></i>
                                </div>
                            </div>
                            <div class="text-caption-1">
                                Congratulations! You've got free shipping!
                            </div>
                        </div>
                        <div class="tf-mini-cart-wrap">
                            <div class="tf-mini-cart-main">
                                <div class="tf-mini-cart-sroll">
                                    <div class="tf-mini-cart-items">
                                        <div class="tf-mini-cart-item file-delete">
                                            <div class="tf-mini-cart-image">
                                                <img class="lazyload" data-src="images/products/womens/women-19.jpg" src="images/products/womens/women-19.jpg" alt="">
                                            </div>
                                            <div class="tf-mini-cart-info flex-grow-1">
                                                <div class="mb_12 d-flex align-items-center justify-content-between flex-wrap gap-12">
                                                    <div class="text-title"><a href="product-detail.html" class="link text-line-clamp-1">Contrasting sheepskin</a></div>
                                                    <div class="text-button tf-btn-remove remove">Remove</div>
                                                </div>
                                                <div class="d-flex align-items-center justify-content-between flex-wrap gap-12">
                                                    <div class="text-secondary-2">XL/Blue</div>
                                                    <div class="text-button">1 X $60.00</div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="tf-mini-cart-item file-delete">
                                            <div class="tf-mini-cart-image">
                                                <img class="lazyload" data-src="images/products/womens/women-1.jpg" src="images/products/womens/women-1.jpg" alt="">
                                            </div>
                                            <div class="tf-mini-cart-info flex-grow-1">
                                                <div class="mb_12 d-flex align-items-center justify-content-between flex-wrap gap-12">
                                                    <div class="text-title"><a href="product-detail.html" class="link text-line-clamp-1">Suede leggings</a></div>
                                                    <div class="text-button tf-btn-remove remove">Remove</div>
                                                </div>
                                                <div class="d-flex align-items-center justify-content-between flex-wrap gap-12">
                                                    <div class="text-secondary-2">XL/Blue</div>
                                                    <div class="text-button">1 X $60.00</div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="tf-mini-cart-item file-delete">
                                            <div class="tf-mini-cart-image">
                                                <img class="lazyload" data-src="images/products/womens/women-2.jpg" src="images/products/womens/women-2.jpg" alt="">
                                            </div>
                                            <div class="tf-mini-cart-info flex-grow-1">
                                                <div class="mb_12 d-flex align-items-center justify-content-between flex-wrap gap-12">
                                                    <div class="text-title"><a href="product-detail.html" class="link text-line-clamp-1">Faux-leather trousers</a></div>
                                                    <div class="text-button tf-btn-remove remove">Remove</div>
                                                </div>
                                                <div class="d-flex align-items-center justify-content-between flex-wrap gap-12">
                                                    <div class="text-secondary-2">XL/Blue</div>
                                                    <div class="text-button">1 X $60.00</div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="tf-mini-cart-item file-delete">
                                            <div class="tf-mini-cart-image">
                                                <img class="lazyload" data-src="images/products/womens/women-3.jpg" src="images/products/womens/women-3.jpg" alt="">
                                            </div>
                                            <div class="tf-mini-cart-info flex-grow-1">
                                                <div class="mb_12 d-flex align-items-center justify-content-between flex-wrap gap-12">
                                                    <div class="text-title"><a href="product-detail.html" class="link text-line-clamp-1">Biker-style leggings</a></div>
                                                    <div class="text-button tf-btn-remove remove">Remove</div>
                                                </div>
                                                <div class="d-flex align-items-center justify-content-between flex-wrap gap-12">
                                                    <div class="text-secondary-2">XL/Blue</div>
                                                    <div class="text-button">1 X $60.00</div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="tf-mini-cart-item file-delete">
                                            <div class="tf-mini-cart-image">
                                                <img class="lazyload" data-src="images/products/womens/women-4.jpg" src="images/products/womens/women-4.jpg" alt="">
                                            </div>
                                            <div class="tf-mini-cart-info flex-grow-1">
                                                <div class="mb_12 d-flex align-items-center justify-content-between flex-wrap gap-12">
                                                    <div class="text-title"><a href="product-detail.html" class="link text-line-clamp-1">Jacquard fluid trousers</a></div>
                                                    <div class="text-button tf-btn-remove remove">Remove</div>
                                                </div>
                                                <div class="d-flex align-items-center justify-content-between flex-wrap gap-12">
                                                    <div class="text-secondary-2">XL/Blue</div>
                                                    <div class="text-button">1 X $60.00</div>
                                                </div>
                                            </div>
                                        </div>
                                    

                                    </div>
                                </div>
                            </div>
                            <div class="tf-mini-cart-bottom">
                                <div class="tf-mini-cart-tool">
                                    <div class="tf-mini-cart-tool-btn btn-add-note">
                                        <svg width="21" height="20" viewbox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg">
                                            <g clip-path="url(#clip0_6133_36620)">
                                            <path d="M10 3.33325H4.16667C3.72464 3.33325 3.30072 3.50885 2.98816 3.82141C2.67559 4.13397 2.5 4.55789 2.5 4.99992V16.6666C2.5 17.1086 2.67559 17.5325 2.98816 17.8451C3.30072 18.1577 3.72464 18.3333 4.16667 18.3333H15.8333C16.2754 18.3333 16.6993 18.1577 17.0118 17.8451C17.3244 17.5325 17.5 17.1086 17.5 16.6666V10.8333" stroke="#181818" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                                            <path d="M16.25 2.0832C16.5815 1.75168 17.0312 1.56543 17.5 1.56543C17.9688 1.56543 18.4185 1.75168 18.75 2.0832C19.0815 2.41472 19.2678 2.86436 19.2678 3.3332C19.2678 3.80204 19.0815 4.25168 18.75 4.5832L10.8333 12.4999L7.5 13.3332L8.33333 9.99986L16.25 2.0832Z" stroke="#181818" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                                            </g>
                                            <defs>
                                            <clippath id="clip0_6133_36620">
                                            <rect width="20" height="20" fill="white" transform="translate(0.833008)"></rect>
                                            </clippath>
                                            </defs>
                                        </svg>
                                        <div class="text-caption-1">Note</div>
                                    </div>
                                    <div class="tf-mini-cart-tool-btn btn-estimate-shipping">
                                        <svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
                                            <path d="M13.333 2.5H0.833008V13.3333H13.333V2.5Z" stroke="#181818" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                                            <path d="M13.333 6.66675H16.6663L19.1663 9.16675V13.3334H13.333V6.66675Z" stroke="#181818" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                                            <path d="M4.58333 17.4999C5.73393 17.4999 6.66667 16.5672 6.66667 15.4166C6.66667 14.266 5.73393 13.3333 4.58333 13.3333C3.43274 13.3333 2.5 14.266 2.5 15.4166C2.5 16.5672 3.43274 17.4999 4.58333 17.4999Z" stroke="#181818" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                                            <path d="M15.4163 17.4999C16.5669 17.4999 17.4997 16.5672 17.4997 15.4166C17.4997 14.266 16.5669 13.3333 15.4163 13.3333C14.2657 13.3333 13.333 14.266 13.333 15.4166C13.333 16.5672 14.2657 17.4999 15.4163 17.4999Z" stroke="#181818" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                                        </svg>
                                        <div class="text-caption-1">Shipping</div>
                                    </div>
                                    <div class="tf-mini-cart-tool-btn btn-add-gift">
                                        <svg xmlns="http://www.w3.org/2000/svg" width="17" height="18" viewbox="0 0 17 18" fill="currentColor">
                                            <path fill-rule="evenodd" clip-rule="evenodd" d="M2.99566 2.73409C2.99566 0.55401 5.42538 -0.746668 7.23916 0.463462L8.50073 1.30516L9.7623 0.463462C11.5761 -0.746668 14.0058 0.55401 14.0058 2.73409V3.24744H14.8225C15.9633 3.24744 16.8881 4.17233 16.8881 5.31312V6.82566C16.8881 7.21396 16.5734 7.52873 16.1851 7.52873H15.8905V15.1877C15.8905 15.1905 15.8905 15.1933 15.8905 15.196C15.886 16.7454 14.6286 18 13.0782 18H3.92323C2.37003 18 1.11091 16.7409 1.11091 15.1877V7.52877H0.81636C0.42806 7.52877 0.113281 7.21399 0.113281 6.82569V5.31316C0.113281 4.17228 1.03812 3.24744 2.179 3.24744H2.99566V2.73409ZM4.40181 3.24744H7.79765V2.52647L6.45874 1.63317C5.57987 1.0468 4.40181 1.67677 4.40181 2.73409V3.24744ZM9.20381 2.52647V3.24744H12.5996V2.73409C12.5996 1.67677 11.4216 1.0468 10.5427 1.63317L9.20381 2.52647ZM2.179 4.6536C1.81472 4.6536 1.51944 4.94888 1.51944 5.31316V6.12261H5.73398L5.734 4.6536H2.179ZM5.73401 7.52877V13.9306C5.73401 14.1806 5.86682 14.4119 6.08281 14.5379C6.29879 14.6639 6.56545 14.6657 6.78312 14.5426L8.50073 13.5715L10.2183 14.5426C10.436 14.6657 10.7027 14.6639 10.9187 14.5379C11.1346 14.4119 11.2674 14.1806 11.2674 13.9306V7.52873H14.4844V15.1603C14.4844 15.1627 14.4843 15.1651 14.4843 15.1675V15.1877C14.4843 15.9643 13.8548 16.5938 13.0782 16.5938H3.92323C3.14663 16.5938 2.51707 15.9643 2.51707 15.1877V7.52877H5.73401ZM15.482 6.12258V5.31312C15.482 4.94891 15.1867 4.6536 14.8225 4.6536H11.2674V6.12258H15.482ZM9.86129 4.6536H7.14017V12.7254L8.15469 12.1518C8.36941 12.0304 8.63204 12.0304 8.84676 12.1518L9.86129 12.7254V4.6536Z">
                                            </path>
                                        </svg>
                                        <div class="text-caption-1">Gift</div>
                                    </div>
                                    <div class="tf-mini-cart-tool-btn btn-add-coupon">
                                        <svg width="21" height="20" viewbox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg">
                                            <path d="M17.3247 11.1751L11.3497 17.1501C11.1949 17.305 11.0111 17.428 10.8087 17.5118C10.6064 17.5957 10.3895 17.6389 10.1705 17.6389C9.95148 17.6389 9.7346 17.5957 9.53227 17.5118C9.32994 17.428 9.14613 17.305 8.99134 17.1501L1.83301 10.0001V1.66675H10.1663L17.3247 8.82508C17.6351 9.13735 17.8093 9.55977 17.8093 10.0001C17.8093 10.4404 17.6351 10.8628 17.3247 11.1751V11.1751Z" stroke="#181818" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                                            <path d="M5.99902 5.83325H6.00902" stroke="#181818" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                                        </svg>
                                        <div class="text-caption-1">Coupon</div>
                                    </div>
                                </div>
                                <div class="tf-mini-cart-bottom-wrap">
                                    <div class="tf-cart-totals-discounts">
                                        <h5>Subtotal</h5>
                                        <h5 class="tf-totals-total-value">$186,99</h5>
                                    </div>
                                    <div class="tf-cart-checkbox">
                                        <div class="tf-checkbox-wrapp">
                                            <input class="" type="checkbox" id="CartDrawer-Form_agree" name="agree_checkbox">
                                            <div>
                                                <i class="icon-check"></i>
                                            </div>
                                        </div>
                                        <label for="CartDrawer-Form_agree">
                                            I agree with 
                                            <a href="term-of-use.html" title="Terms of Service">Terms & Conditions</a>
                                        </label>
                                    </div>
                                    <div class="tf-mini-cart-view-checkout">
                                        <a href="shopping-cart.html" class="tf-btn w-100 btn-white radius-4 has-border"><span class="text">View cart</span></a>
                                        <a href="shopping-cart.html" class="tf-btn w-100 btn-fill radius-4"><span class="text">Check Out</span></a>
                                    </div>
                                    <div class="text-center">
                                        <a class="link text-btn-uppercase" href="shop-default-grid.html">Or continue shopping</a>
                                    </div>
                                </div>
                            </div>
                            <div class="tf-mini-cart-tool-openable add-note">
                                <div class="tf-mini-cart-tool-content">
                                    <label for="Cart-note" class="tf-mini-cart-tool-text">
                                        <span class="icon">
                                            <svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <g clip-path="url(#clip0_6766_32777)">
                                                <path d="M9.16699 3.33325H3.33366C2.89163 3.33325 2.46771 3.50885 2.15515 3.82141C1.84259 4.13397 1.66699 4.55789 1.66699 4.99992V16.6666C1.66699 17.1086 1.84259 17.5325 2.15515 17.8451C2.46771 18.1577 2.89163 18.3333 3.33366 18.3333H15.0003C15.4424 18.3333 15.8663 18.1577 16.1788 17.8451C16.4914 17.5325 16.667 17.1086 16.667 16.6666V10.8333" stroke="#181818" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                                                <path d="M15.417 2.0832C15.7485 1.75168 16.1981 1.56543 16.667 1.56543C17.1358 1.56543 17.5855 1.75168 17.917 2.0832C18.2485 2.41472 18.4348 2.86436 18.4348 3.3332C18.4348 3.80204 18.2485 4.25168 17.917 4.5832L10.0003 12.4999L6.66699 13.3332L7.50033 9.99986L15.417 2.0832Z" stroke="#181818" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                                                </g>
                                                <defs>
                                                <clippath id="clip0_6766_32777">
                                                <rect width="20" height="20" fill="white"></rect>
                                                </clippath>
                                                </defs>
                                            </svg>
                                        </span>
                                        <span class="text-title">Note</span>
                                    </label>
                                    <form class="form-add-note tf-mini-cart-tool-wrap">
                                        <fieldset class="d-flex">
                                            <textarea name="note" id="Cart-note" placeholder="Add special instructions for your order..."></textarea>
                                        </fieldset>
                                        <div class="tf-cart-tool-btns">
                                            <button type="submit" class="btn-style-2 w-100"><span class="text text-btn-uppercase">Save</span></button>
                                            <div class="text-center w-100 text-btn-uppercase tf-mini-cart-tool-close">Cancel</div>
                                        </div>
                                    </form>
                                </div>
                            </div>
                            <div class="tf-mini-cart-tool-openable estimate-shipping">
                                <div class="tf-mini-cart-tool-content">
                                    <label class="tf-mini-cart-tool-text">
                                        <span class="icon">
                                            <svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <g clip-path="url(#clip0_6766_32777)">
                                                <path d="M9.16699 3.33325H3.33366C2.89163 3.33325 2.46771 3.50885 2.15515 3.82141C1.84259 4.13397 1.66699 4.55789 1.66699 4.99992V16.6666C1.66699 17.1086 1.84259 17.5325 2.15515 17.8451C2.46771 18.1577 2.89163 18.3333 3.33366 18.3333H15.0003C15.4424 18.3333 15.8663 18.1577 16.1788 17.8451C16.4914 17.5325 16.667 17.1086 16.667 16.6666V10.8333" stroke="#181818" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                                                <path d="M15.417 2.0832C15.7485 1.75168 16.1981 1.56543 16.667 1.56543C17.1358 1.56543 17.5855 1.75168 17.917 2.0832C18.2485 2.41472 18.4348 2.86436 18.4348 3.3332C18.4348 3.80204 18.2485 4.25168 17.917 4.5832L10.0003 12.4999L6.66699 13.3332L7.50033 9.99986L15.417 2.0832Z" stroke="#181818" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                                                </g>
                                                <defs>
                                                <clippath id="clip0_6766_32777">
                                                <rect width="20" height="20" fill="white"></rect>
                                                </clippath>
                                                </defs>
                                            </svg>
                                        </span>
                                        <span class="text-title">Estimate shipping rates</span>
                                    </label>
                                    <form class="form-estimate-shipping tf-mini-cart-tool-wrap">
                                        <div class="mb_12">
                                            <div class="text-caption-1 text-secondary mb_8">Country/region</div>
                                            <div class="tf-select">
                                                <select class="">
                                                    <option selected="selected">United States</option>
                                                    <option>China</option>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="mb_12">
                                            <div class="text-caption-1 text-secondary mb_8">State</div>
                                            <div class="tf-select">
                                        <select class="text-title" name="address[country]" data-default="">
                                            <option value="Australia" data-provinces="[['Australian Capital Territory','Australian Capital Territory'],['New South Wales','New South Wales'],['Northern Territory','Northern Territory'],['Queensland','Queensland'],['South Australia','South Australia'],['Tasmania','Tasmania'],['Victoria','Victoria'],['Western Australia','Western Australia']]">Australia</option>
                                            <option value="Austria" data-provinces="[]">Austria</option>
                                            <option value="Belgium" data-provinces="[]">Belgium</option>
                                            <option value="Canada" data-provinces="[['Alberta','Alberta'],['British Columbia','British Columbia'],['Manitoba','Manitoba'],['New Brunswick','New Brunswick'],['Newfoundland and Labrador','Newfoundland and Labrador'],['Northwest Territories','Northwest Territories'],['Nova Scotia','Nova Scotia'],['Nunavut','Nunavut'],['Ontario','Ontario'],['Prince Edward Island','Prince Edward Island'],['Quebec','Quebec'],['Saskatchewan','Saskatchewan'],['Yukon','Yukon']]">Canada</option>
                                            <option value="Czech Republic" data-provinces="[]">Czechia</option>
                                            <option value="Denmark" data-provinces="[]">Denmark</option>
                                            <option value="Finland" data-provinces="[]">Finland</option>
                                            <option value="France" data-provinces="[]">France</option>
                                            <option value="Germany" data-provinces="[]">Germany</option>
                                            <option value="Hong Kong" data-provinces="[['Hong Kong Island','Hong Kong Island'],['Kowloon','Kowloon'],['New Territories','New Territories']]">Hong Kong SAR</option>
                                            <option value="Ireland" data-provinces="[['Carlow','Carlow'],['Cavan','Cavan'],['Clare','Clare'],['Cork','Cork'],['Donegal','Donegal'],['Dublin','Dublin'],['Galway','Galway'],['Kerry','Kerry'],['Kildare','Kildare'],['Kilkenny','Kilkenny'],['Laois','Laois'],['Leitrim','Leitrim'],['Limerick','Limerick'],['Longford','Longford'],['Louth','Louth'],['Mayo','Mayo'],['Meath','Meath'],['Monaghan','Monaghan'],['Offaly','Offaly'],['Roscommon','Roscommon'],['Sligo','Sligo'],['Tipperary','Tipperary'],['Waterford','Waterford'],['Westmeath','Westmeath'],['Wexford','Wexford'],['Wicklow','Wicklow']]">Ireland</option>
                                            <option value="Israel" data-provinces="[]">Israel</option>
                                            <option value="Italy" data-provinces="[['Agrigento','Agrigento'],['Alessandria','Alessandria'],['Ancona','Ancona'],['Aosta','Aosta Valley'],['Arezzo','Arezzo'],['Ascoli Piceno','Ascoli Piceno'],['Asti','Asti'],['Avellino','Avellino'],['Bari','Bari'],['Barletta-Andria-Trani','Barletta-Andria-Trani'],['Belluno','Belluno'],['Benevento','Benevento'],['Bergamo','Bergamo'],['Biella','Biella'],['Bologna','Bologna'],['Bolzano','South Tyrol'],['Brescia','Brescia'],['Brindisi','Brindisi'],['Cagliari','Cagliari'],['Caltanissetta','Caltanissetta'],['Campobasso','Campobasso'],['Carbonia-Iglesias','Carbonia-Iglesias'],['Caserta','Caserta'],['Catania','Catania'],['Catanzaro','Catanzaro'],['Chieti','Chieti'],['Como','Como'],['Cosenza','Cosenza'],['Cremona','Cremona'],['Crotone','Crotone'],['Cuneo','Cuneo'],['Enna','Enna'],['Fermo','Fermo'],['Ferrara','Ferrara'],['Firenze','Florence'],['Foggia','Foggia'],['Forlì-Cesena','Forlì-Cesena'],['Frosinone','Frosinone'],['Genova','Genoa'],['Gorizia','Gorizia'],['Grosseto','Grosseto'],['Imperia','Imperia'],['Isernia','Isernia'],['L'Aquila','L’Aquila'],['La Spezia','La Spezia'],['Latina','Latina'],['Lecce','Lecce'],['Lecco','Lecco'],['Livorno','Livorno'],['Lodi','Lodi'],['Lucca','Lucca'],['Macerata','Macerata'],['Mantova','Mantua'],['Massa-Carrara','Massa and Carrara'],['Matera','Matera'],['Medio Campidano','Medio Campidano'],['Messina','Messina'],['Milano','Milan'],['Modena','Modena'],['Monza e Brianza','Monza and Brianza'],['Napoli','Naples'],['Novara','Novara'],['Nuoro','Nuoro'],['Ogliastra','Ogliastra'],['Olbia-Tempio','Olbia-Tempio'],['Oristano','Oristano'],['Padova','Padua'],['Palermo','Palermo'],['Parma','Parma'],['Pavia','Pavia'],['Perugia','Perugia'],['Pesaro e Urbino','Pesaro and Urbino'],['Pescara','Pescara'],['Piacenza','Piacenza'],['Pisa','Pisa'],['Pistoia','Pistoia'],['Pordenone','Pordenone'],['Potenza','Potenza'],['Prato','Prato'],['Ragusa','Ragusa'],['Ravenna','Ravenna'],['Reggio Calabria','Reggio Calabria'],['Reggio Emilia','Reggio Emilia'],['Rieti','Rieti'],['Rimini','Rimini'],['Roma','Rome'],['Rovigo','Rovigo'],['Salerno','Salerno'],['Sassari','Sassari'],['Savona','Savona'],['Siena','Siena'],['Siracusa','Syracuse'],['Sondrio','Sondrio'],['Taranto','Taranto'],['Teramo','Teramo'],['Terni','Terni'],['Torino','Turin'],['Trapani','Trapani'],['Trento','Trentino'],['Treviso','Treviso'],['Trieste','Trieste'],['Udine','Udine'],['Varese','Varese'],['Venezia','Venice'],['Verbano-Cusio-Ossola','Verbano-Cusio-Ossola'],['Vercelli','Vercelli'],['Verona','Verona'],['Vibo Valentia','Vibo Valentia'],['Vicenza','Vicenza'],['Viterbo','Viterbo']]">Italy</option>
                                            <option value="Japan" data-provinces="[['Aichi','Aichi'],['Akita','Akita'],['Aomori','Aomori'],['Chiba','Chiba'],['Ehime','Ehime'],['Fukui','Fukui'],['Fukuoka','Fukuoka'],['Fukushima','Fukushima'],['Gifu','Gifu'],['Gunma','Gunma'],['Hiroshima','Hiroshima'],['Hokkaidō','Hokkaido'],['Hyōgo','Hyogo'],['Ibaraki','Ibaraki'],['Ishikawa','Ishikawa'],['Iwate','Iwate'],['Kagawa','Kagawa'],['Kagoshima','Kagoshima'],['Kanagawa','Kanagawa'],['Kumamoto','Kumamoto'],['Kyōto','Kyoto'],['Kōchi','Kochi'],['Mie','Mie'],['Miyagi','Miyagi'],['Miyazaki','Miyazaki'],['Nagano','Nagano'],['Nagasaki','Nagasaki'],['Nara','Nara'],['Niigata','Niigata'],['Okayama','Okayama'],['Okinawa','Okinawa'],['Saga','Saga'],['Saitama','Saitama'],['Shiga','Shiga'],['Shimane','Shimane'],['Shizuoka','Shizuoka'],['Tochigi','Tochigi'],['Tokushima','Tokushima'],['Tottori','Tottori'],['Toyama','Toyama'],['Tōkyō','Tokyo'],['Wakayama','Wakayama'],['Yamagata','Yamagata'],['Yamaguchi','Yamaguchi'],['Yamanashi','Yamanashi'],['Ōita','Oita'],['Ōsaka','Osaka']]">Japan</option>
                                            <option value="Malaysia" data-provinces="[['Johor','Johor'],['Kedah','Kedah'],['Kelantan','Kelantan'],['Kuala Lumpur','Kuala Lumpur'],['Labuan','Labuan'],['Melaka','Malacca'],['Negeri Sembilan','Negeri Sembilan'],['Pahang','Pahang'],['Penang','Penang'],['Perak','Perak'],['Perlis','Perlis'],['Putrajaya','Putrajaya'],['Sabah','Sabah'],['Sarawak','Sarawak'],['Selangor','Selangor'],['Terengganu','Terengganu']]">Malaysia</option>
                                            <option value="Netherlands" data-provinces="[]">Netherlands</option>
                                            <option value="New Zealand" data-provinces="[['Auckland','Auckland'],['Bay of Plenty','Bay of Plenty'],['Canterbury','Canterbury'],['Chatham Islands','Chatham Islands'],['Gisborne','Gisborne'],['Hawke's Bay','Hawke’s Bay'],['Manawatu-Wanganui','Manawatū-Whanganui'],['Marlborough','Marlborough'],['Nelson','Nelson'],['Northland','Northland'],['Otago','Otago'],['Southland','Southland'],['Taranaki','Taranaki'],['Tasman','Tasman'],['Waikato','Waikato'],['Wellington','Wellington'],['West Coast','West Coast']]">New Zealand</option>
                                            <option value="Norway" data-provinces="[]">Norway</option>
                                            <option value="Poland" data-provinces="[]">Poland</option>
                                            <option value="Portugal" data-provinces="[['Aveiro','Aveiro'],['Açores','Azores'],['Beja','Beja'],['Braga','Braga'],['Bragança','Bragança'],['Castelo Branco','Castelo Branco'],['Coimbra','Coimbra'],['Faro','Faro'],['Guarda','Guarda'],['Leiria','Leiria'],['Lisboa','Lisbon'],['Madeira','Madeira'],['Portalegre','Portalegre'],['Porto','Porto'],['Santarém','Santarém'],['Setúbal','Setúbal'],['Viana do Castelo','Viana do Castelo'],['Vila Real','Vila Real'],['Viseu','Viseu'],['Évora','Évora']]">Portugal</option>
                                            <option value="Singapore" data-provinces="[]">Singapore</option>
                                            <option value="South Korea" data-provinces="[['Busan','Busan'],['Chungbuk','North Chungcheong'],['Chungnam','South Chungcheong'],['Daegu','Daegu'],['Daejeon','Daejeon'],['Gangwon','Gangwon'],['Gwangju','Gwangju City'],['Gyeongbuk','North Gyeongsang'],['Gyeonggi','Gyeonggi'],['Gyeongnam','South Gyeongsang'],['Incheon','Incheon'],['Jeju','Jeju'],['Jeonbuk','North Jeolla'],['Jeonnam','South Jeolla'],['Sejong','Sejong'],['Seoul','Seoul'],['Ulsan','Ulsan']]">South Korea</option>
                                            <option value="Spain" data-provinces="[['A Coruña','A Coruña'],['Albacete','Albacete'],['Alicante','Alicante'],['Almería','Almería'],['Asturias','Asturias Province'],['Badajoz','Badajoz'],['Balears','Balears Province'],['Barcelona','Barcelona'],['Burgos','Burgos'],['Cantabria','Cantabria Province'],['Castellón','Castellón'],['Ceuta','Ceuta'],['Ciudad Real','Ciudad Real'],['Cuenca','Cuenca'],['Cáceres','Cáceres'],['Cádiz','Cádiz'],['Córdoba','Córdoba'],['Girona','Girona'],['Granada','Granada'],['Guadalajara','Guadalajara'],['Guipúzcoa','Gipuzkoa'],['Huelva','Huelva'],['Huesca','Huesca'],['Jaén','Jaén'],['La Rioja','La Rioja Province'],['Las Palmas','Las Palmas'],['León','León'],['Lleida','Lleida'],['Lugo','Lugo'],['Madrid','Madrid Province'],['Melilla','Melilla'],['Murcia','Murcia'],['Málaga','Málaga'],['Navarra','Navarra'],['Ourense','Ourense'],['Palencia','Palencia'],['Pontevedra','Pontevedra'],['Salamanca','Salamanca'],['Santa Cruz de Tenerife','Santa Cruz de Tenerife'],['Segovia','Segovia'],['Sevilla','Seville'],['Soria','Soria'],['Tarragona','Tarragona'],['Teruel','Teruel'],['Toledo','Toledo'],['Valencia','Valencia'],['Valladolid','Valladolid'],['Vizcaya','Biscay'],['Zamora','Zamora'],['Zaragoza','Zaragoza'],['Álava','Álava'],['Ávila','Ávila']]">Spain</option>
                                            <option value="Sweden" data-provinces="[]">Sweden</option>
                                            <option value="Switzerland" data-provinces="[]">Switzerland</option>
                                            <option value="United Arab Emirates" data-provinces="[['Abu Dhabi','Abu Dhabi'],['Ajman','Ajman'],['Dubai','Dubai'],['Fujairah','Fujairah'],['Ras al-Khaimah','Ras al-Khaimah'],['Sharjah','Sharjah'],['Umm al-Quwain','Umm al-Quwain']]">United Arab Emirates</option>
                                            <option value="United Kingdom" data-provinces="[['British Forces','British Forces'],['England','England'],['Northern Ireland','Northern Ireland'],['Scotland','Scotland'],['Wales','Wales']]">United Kingdom</option>
                                            <option selected="" value="United States" data-provinces="[['Alabama','Alabama'],['Alaska','Alaska'],['American Samoa','American Samoa'],['Arizona','Arizona'],['Arkansas','Arkansas'],['Armed Forces Americas','Armed Forces Americas'],['Armed Forces Europe','Armed Forces Europe'],['Armed Forces Pacific','Armed Forces Pacific'],['California','California'],['Colorado','Colorado'],['Connecticut','Connecticut'],['Delaware','Delaware'],['District of Columbia','Washington DC'],['Federated States of Micronesia','Micronesia'],['Florida','Florida'],['Georgia','Georgia'],['Guam','Guam'],['Hawaii','Hawaii'],['Idaho','Idaho'],['Illinois','Illinois'],['Indiana','Indiana'],['Iowa','Iowa'],['Kansas','Kansas'],['Kentucky','Kentucky'],['Louisiana','Louisiana'],['Maine','Maine'],['Marshall Islands','Marshall Islands'],['Maryland','Maryland'],['Massachusetts','Massachusetts'],['Michigan','Michigan'],['Minnesota','Minnesota'],['Mississippi','Mississippi'],['Missouri','Missouri'],['Montana','Montana'],['Nebraska','Nebraska'],['Nevada','Nevada'],['New Hampshire','New Hampshire'],['New Jersey','New Jersey'],['New Mexico','New Mexico'],['New York','New York'],['North Carolina','North Carolina'],['North Dakota','North Dakota'],['Northern Mariana Islands','Northern Mariana Islands'],['Ohio','Ohio'],['Oklahoma','Oklahoma'],['Oregon','Oregon'],['Palau','Palau'],['Pennsylvania','Pennsylvania'],['Puerto Rico','Puerto Rico'],['Rhode Island','Rhode Island'],['South Carolina','South Carolina'],['South Dakota','South Dakota'],['Tennessee','Tennessee'],['Texas','Texas'],['Utah','Utah'],['Vermont','Vermont'],['Virgin Islands','U.S. Virgin Islands'],['Virginia','Virginia'],['Washington','Washington'],['West Virginia','West Virginia'],['Wisconsin','Wisconsin'],['Wyoming','Wyoming']]">United States</option>
                                            <option value="Vietnam" data-provinces="[]">Vietnam</option>
                                        </select>
                                    </div>
                                        </div>
                                        <fieldset class="">
                                            <div class="text-caption-1 text-secondary mb_8">Postal/Zip Code</div>
                                            <input class="" type="text" placeholder="100000" name="text" tabindex="2" value="" aria-required="true" required="">
                                        </fieldset>
                                        <div class="tf-cart-tool-btns">
                                            <button type="submit" class="btn-style-2 w-100"><span class="text text-btn-uppercase">Calculator</span></button>
                                            <div class="text-center w-100 text-btn-uppercase tf-mini-cart-tool-close">Cancel</div>
                                        </div>
                                    </form>
                                </div>
                            </div>
                            <div class="tf-mini-cart-tool-openable add-gift">
                                <form class="tf-product-form-addgift">
                                    <div class="tf-mini-cart-tool-content">
                                        <div class="tf-mini-cart-tool-text">
                                            <div class="icon">
                                                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.65957 3.64545C4.65957 0.73868 7.89921 -0.995558 10.3176 0.617949L11.9997 1.74021L13.6818 0.617949C16.1001 -0.995558 19.3398 0.73868 19.3398 3.64545V4.32992H20.4286C21.9498 4.32992 23.1829 5.56311 23.1829 7.08416V9.10087C23.1829 9.61861 22.7632 10.0383 22.2454 10.0383H21.8528V20.2502C21.8528 20.254 21.8527 20.2577 21.8527 20.2614C21.8467 22.3272 20.1702 24 18.103 24H5.89634C3.82541 24 2.14658 22.3212 2.14658 20.2502V10.0384H1.75384C1.23611 10.0384 0.816406 9.61865 0.816406 9.10092V7.08421C0.816406 5.56304 2.04953 4.32992 3.57069 4.32992H4.65957V3.64545ZM6.53445 4.32992H11.0622V3.36863L9.27702 2.17757C8.10519 1.39573 6.53445 2.2357 6.53445 3.64545V4.32992ZM12.9371 3.36863V4.32992H17.4649V3.64545C17.4649 2.2357 15.8942 1.39573 14.7223 2.17756L12.9371 3.36863ZM3.57069 6.2048C3.08499 6.2048 2.69128 6.59851 2.69128 7.08421V8.16348H8.31067L8.3107 6.2048H3.57069ZM8.31071 10.0384V18.5741C8.31071 18.9075 8.48779 19.2158 8.77577 19.3838C9.06376 19.5518 9.4193 19.5542 9.70953 19.3901L11.9997 18.0953L14.2898 19.3901C14.58 19.5542 14.9356 19.5518 15.2236 19.3838C15.5115 19.2158 15.6886 18.9075 15.6886 18.5741V10.0383H19.9779V20.2137C19.9778 20.2169 19.9778 20.2201 19.9778 20.2233V20.2502C19.9778 21.2857 19.1384 22.1251 18.103 22.1251H5.89634C4.86088 22.1251 4.02146 21.2857 4.02146 20.2502V10.0384H8.31071ZM21.308 8.16344V7.08416C21.308 6.59854 20.9143 6.2048 20.4286 6.2048H15.6886V8.16344H21.308ZM13.8138 6.2048H10.1856V16.9672L11.5383 16.2024C11.8246 16.0405 12.1748 16.0405 12.461 16.2024L13.8138 16.9672V6.2048Z"></path></svg>
                                            </div>
                                            <div class="tf-gift-wrap-infos">
                                                <p>Do you want a gift wrap?</p>
                                                Only
                                                <span class="price fw-6">$5.00</span>
                                            </div>
                                        </div>
                                        <div class="tf-cart-tool-btns tf-mini-cart-tool-wrap">
                                            <button type="submit" class="btn-style-2 w-100"><span class="text text-btn-uppercase">Add a gift wrap</span></button>
                                            <div class="text-center w-100 text-btn-uppercase tf-mini-cart-tool-close">Cancel</div>
                                        </div>
                                    </div>
                                </form>
                            </div>
                            <div class="tf-mini-cart-tool-openable add-coupon">
                                <div class="tf-mini-cart-tool-content">
                                    <label class="tf-mini-cart-tool-text">
                                        <span class="icon">
                                            <svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <g clip-path="url(#clip0_6766_32777)">
                                                <path d="M9.16699 3.33325H3.33366C2.89163 3.33325 2.46771 3.50885 2.15515 3.82141C1.84259 4.13397 1.66699 4.55789 1.66699 4.99992V16.6666C1.66699 17.1086 1.84259 17.5325 2.15515 17.8451C2.46771 18.1577 2.89163 18.3333 3.33366 18.3333H15.0003C15.4424 18.3333 15.8663 18.1577 16.1788 17.8451C16.4914 17.5325 16.667 17.1086 16.667 16.6666V10.8333" stroke="#181818" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                                                <path d="M15.417 2.0832C15.7485 1.75168 16.1981 1.56543 16.667 1.56543C17.1358 1.56543 17.5855 1.75168 17.917 2.0832C18.2485 2.41472 18.4348 2.86436 18.4348 3.3332C18.4348 3.80204 18.2485 4.25168 17.917 4.5832L10.0003 12.4999L6.66699 13.3332L7.50033 9.99986L15.417 2.0832Z" stroke="#181818" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                                                </g>
                                                <defs>
                                                <clippath id="clip0_6766_32777">
                                                <rect width="20" height="20" fill="white"></rect>
                                                </clippath>
                                                </defs>
                                            </svg>
                                        </span>
                                        <span class="text-title">Add A Coupon Code</span>
                                    </label>
                                    <form class="form-add-coupon tf-mini-cart-tool-wrap">
                                        <fieldset class="">
                                            <div class="text-caption-1 text-secondary mb_8">Enter Code</div>
                                            <input class="" type="text" placeholder="Discount code" name="text" tabindex="2" value="" aria-required="true" required="">
                                        </fieldset>
                                        <div class="tf-cart-tool-btns">
                                            <button type="submit" class="btn-style-2 w-100"><span class="text text-btn-uppercase">Save</span></button>
                                            <div class="text-center w-100 text-btn-uppercase tf-mini-cart-tool-close">Cancel</div>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- /shoppingCart -->
<style>
    .stylish-mobile-menu {
    background: linear-gradient(135deg, #ffffff, #f3f4f6);
    padding: 25px;
    width: 300px;
    font-family: 'Segoe UI', sans-serif;
    color: #333;
    box-shadow: 4px 0 15px rgba(0, 0, 0, 0.1);
}

.nav-ul-mb {
    list-style: none;
    padding-left: 0;
    margin: 0;
}

.nav-ul-mb li {
    margin: 12px 0;
}

.styled-link {
    display: block;
    padding: 12px 18px;
    border-radius: 12px;
    text-decoration: none;
    color: #333;
    background-color: #f0f0f0;
    font-size: 16px;
    font-weight: 500;
    transition: all 0.3s ease;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}

.styled-link:hover {
    background-color: #d9e4ff;
    transform: translateX(4px);
    color: #222;
}

.logout {
    background-color: #ffe9e9;
    color: #b30000;
}

.logout:hover {
    background-color: #ffd6d6;
}

.account-text {
    text-align: center;
    color: #777;
    font-size: 14px;
    margin: 4px 0;
}

.active-link {
    font-weight: bold;
    text-decoration: underline;
    background-color: #d1e7dd;
}

.dropdown-toggle::after {
    content: ' ▼';
    font-size: 12px;
}

.dropdown-menu-mobile {
    display: none;
    margin-top: 10px;
    padding-left: 15px;
    animation: fadeIn 0.3s ease-in-out;
}

/* .dropdown-item {
    display: block;
    padding: 8px 14px;
    background-color: #e9f0ff;
    color: #333;
    border-radius: 8px;
    text-decoration: none;
    font-size: 15px;
    margin: 5px 0;
    transition: background 0.2s ease;
}

.dropdown-item:hover {
    background-color: #cde0ff;
} */

.select-style {
    padding: 8px 12px;
    border: 1px solid #ccc;
    border-radius: 8px;
    background-color: #fff;
    font-size: 14px;
    margin-top: 10px;
    width: 100%;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}

@keyframes fadeIn {
    from {opacity: 0;}
    to {opacity: 1;}
}

</style>
<!-- mobile menu -->
<div class="offcanvas offcanvas-start canvas-mb stylish-mobile-menu" id="mobileMenu">
    <span class="icon-close icon-close-popup" data-bs-dismiss="offcanvas" aria-label="Close"></span>
    <div class="mb-canvas-content">
        <div class="mb-body">
            <div class="mb-content-top">
                <ul class="nav-ul-mb" id="wrapper-menu-navigation">
                                            <li><a href="/login" class="styled-link">🔐 Login</a></li>
                        <p class="account-text">Don’t have an account?</p>
                        <li><a href="/register" class="styled-link">📝 Register</a></li>
                    
                    <li class="menu-item"><a href="/" class="styled-link">🏠 Home</a></li>
                    <li class="menu-item"><a href="#shop" class="styled-link">🛍️ Shop</a></li>
                    <li class="menu-item">
                        <a href="contact" class="styled-link ">📞 Contact Us</a>
                    </li>
                    <li class="menu-item dropdown">
                        <a href="#" class="styled-link dropdown-toggle" onclick="toggleDropdown(event)">🧾 Products</a>
                        <ul class="dropdown-menu-mobile" id="productsDropdown">
                                                            <li><a class="dropdown-item" href="category_gown">🔹 Gown</a></li>
                                                            <li><a class="dropdown-item" href="category_lehenga">🔹 Lehenga</a></li>
                                                            <li><a class="dropdown-item" href="category_t_shirt">🔹 T-Shirt</a></li>
                                                    </ul>
                    </li>
                </ul>
            </div>
        </div>

        <div class="mb-bottom">
            <div class="bottom-bar-language">
                <div class="tf-currencies">
                    <select class="select-style">
                        <option selected>₹</option>
                    </select>
                </div>
                <div class="tf-languages">
                    <select class="select-style">
                        <option>English</option>
                    </select>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- /mobile menu -->



    <script>
function toggleDropdown(event) {
    event.preventDefault();
    const dropdown = document.getElementById("productsDropdown");
    dropdown.style.display = dropdown.style.display === "block" ? "none" : "block";
}
</script>
  <!-- Javascript -->
    <script type="text/javascript" src="js/bootstrap.min.js"></script>
    <script type="text/javascript" src="js/jquery.min.js"></script>
    <script type="text/javascript" src="js/swiper-bundle.min.js"></script>
    <script type="text/javascript" src="js/carousel.js"></script>
    <script type="text/javascript" src="js/bootstrap-select.min.js"></script>
    <script type="text/javascript" src="js/lazysize.min.js"></script>
    <script type="text/javascript" src="js/count-down.js"></script>
    <script type="text/javascript" src="js/wow.min.js"></script>
    <script type="text/javascript" src="js/multiple-modal.js"></script>
    <script type="text/javascript" src="js/nouislider.min.js"></script>
    <script type="text/javascript" src="js/shop.js"></script>
    <script type="text/javascript" src="js/main.js"></script>

    <script src="js/sibforms.js" defer=""></script>

    <script>
        window.REQUIRED_CODE_ERROR_MESSAGE = 'Please choose a country code';
        window.LOCALE = 'en';
        window.EMAIL_INVALID_MESSAGE = window.SMS_INVALID_MESSAGE = "The information provided is invalid. Please review the field format and try again.";

        window.REQUIRED_ERROR_MESSAGE = "This field cannot be left blank. ";

        window.GENERIC_INVALID_MESSAGE = "The information provided is invalid. Please review the field format and try again.";

        window.translation = {
            common: {
                selectedList: '{quantity} list selected',
                selectedLists: '{quantity} lists selected'
            }
        };

        var AUTOHIDE = Boolean(0);
    </script></body>
</html>

