@include('layouts.header')
<main >
<section class="container-fluid p-0 down-slide" id="banner-video">
    <div class="row">
        <div class="col-lg-12">
            <a href="#slide-1">
                <video width="100%" height="100%" autoplay muted>
                    <source src="videos/main.mp4" type="video/mp4">
                </video>
            </a>
        </div>
    </div>
</section>

<section id="slide-1" class="slide-1 down-slide">
    <a href="#slide-2">
        <img src="images/home/demo2/slider1.jpg" class="d-block w-100 down-slide-image" alt="...">
    </a>
</section>

<section id="slide-2" class="slide-2 down-slide">
    <a href="#slide-3">
        <img src="images/home/demo2/slider2.jpg" class="d-block w-100 down-slide-image" alt="...">
    </a>
</section>

<section id="slide-3" class="slide-3 down-slide mb-5">
    <a href="#slide-4">
        <img src="images/home/demo2/slider3.jpg" class="d-block w-100 down-slide-image" alt="...">
    </a>
</section>

    

    
     <section id="slide-4" class="products-carousel container-fluid pl-5 pr-5 mb-5 mt-5">
      <h2 class="section-title text-uppercase fw-bold text-center mb-4 pb-xl-2 mb-xl-4">New And Popular</h2>

      <div class="position-relative">
        <div class="swiper-container js-swiper-slider" data-settings='{
            "autoplay": {
              "delay": 5000
            },
            "slidesPerView": 4,
            "slidesPerGroup": 4,
            "effect": "none",
            "loop": false,
            "scrollbar": {
              "el": ".products-carousel__scrollbar",
              "draggable": true
            },
            "navigation": {
              "nextEl": ".products-carousel__next",
              "prevEl": ".products-carousel__prev"
            },
            "breakpoints": {
              "320": {
                "slidesPerView": 2,
                "slidesPerGroup": 2,
                "spaceBetween": 14
              },
              "768": {
                "slidesPerView": 3,
                "slidesPerGroup": 3,
                "spaceBetween": 24
              },
              "992": {
                "slidesPerView": 4,
                "slidesPerGroup": 1,
                "spaceBetween": 30,
                "pagination": false
              }
            }
          }'>
          <div class="swiper-wrapper">
            <div class="swiper-slide product-card position-relative">
              <div class="pc__img-wrapper">
                <a href="product.php">
                  <img loading="lazy" src="images/product/a.png" width="330" height="300"
                    alt="Cropped Faux leather Jacket" class="pc__img">
                 
                </a>
              <button class="pc__btn-wl position-absolute top-0 end-0 bg-transparent border-0 js-add-wishlist" title="Add To Wishlist">
                  <svg width="16" height="16" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><use href="#icon_heart" /></svg>
                </button>
              </div>

              <div class="pc__info position-relative">
                <!--<p class="pc__category third-color">JEAN</p>-->
                <h6 class="pc__title text-center"><a href="product.php">Mens All Over Printed Round <br>Neck T-Shirt</a></h6>
                <div class="product-card__price d-flex justify-content-center">
                  <span class="money price ">Rs. 1,299.00</span>
                </div>
              </div>
            </div>
            <div class="swiper-slide product-card position-relative">
              <div class="pc__img-wrapper">
                <a href="product.php">
                  <img loading="lazy" src="images/product/b.png" width="330" height="300"
                    alt="Cropped Faux leather Jacket" class="pc__img">
                </a>
                 <button class="pc__btn-wl position-absolute top-0 end-0 bg-transparent border-0 js-add-wishlist" title="Add To Wishlist">
                  <svg width="16" height="16" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><use href="#icon_heart" /></svg>
                </button>
                <!--<div class="product-label bg-white">NEW</div>-->
               
               
              </div>

              <div class="pc__info position-relative">
               
                <h6 class="pc__title text-center"><a href="product.php">Mens All Over Printed Round <br>Neck T-Shirt</a></h6>
                <div class="product-card__price d-flex justify-content-center">
               
                  <span class="money price pr-cancel ">Rs. 1,299.00</span> &nbsp;&nbsp;
                  <span class="money price pr-color ">Rs. 1,039.00</span>
                </div>
              </div>
            </div>
             <div class="swiper-slide product-card position-relative">
              <div class="pc__img-wrapper">
                <a href="product.php">
                  <img loading="lazy" src="images/product/a.png" width="330" height="300"
                    alt="Cropped Faux leather Jacket" class="pc__img">
                  
                </a>
                <button class="pc__btn-wl position-absolute top-0 end-0 bg-transparent border-0 js-add-wishlist" title="Add To Wishlist">
                  <svg width="16" height="16" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><use href="#icon_heart" /></svg>
                </button>
              </div>

              <div class="pc__info position-relative">
                <!--<p class="pc__category third-color">JEAN</p>-->
                <h6 class="pc__title text-center"><a href="product.php">Mens All Over Printed Round <br>Neck T-Shirt</a></h6>
                <div class="product-card__price d-flex justify-content-center">
                  <span class="money price ">Rs. 1,299.00</span>
                </div>
              </div>
            </div>
            <div class="swiper-slide product-card position-relative">
              <div class="pc__img-wrapper">
                <a href="product.php">
                  <img loading="lazy" src="images/product/b.png" width="330" height="300"
                    alt="Cropped Faux leather Jacket" class="pc__img">
                  
                </a>
                 <button class="pc__btn-wl position-absolute top-0 end-0 bg-transparent border-0 js-add-wishlist" title="Add To Wishlist">
                  <svg width="16" height="16" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><use href="#icon_heart" /></svg>
                </button>
               
               
              </div>

              <div class="pc__info position-relative">
               
                <h6 class="pc__title text-center"><a href="product.php">Mens All Over Printed Round <br>Neck T-Shirt</a></h6>
                <div class="product-card__price d-flex justify-content-center">
               
                  <span class="money price ">Rs. 1,039.00</span>
                </div>
              </div>
            </div>
             <div class="swiper-slide product-card position-relative">
              <div class="pc__img-wrapper">
                <a href="product.php">
                  <img loading="lazy" src="images/product/a.png" width="330" height="300"
                    alt="Cropped Faux leather Jacket" class="pc__img">
                 
                </a>
                 <button class="pc__btn-wl position-absolute top-0 end-0 bg-transparent border-0 js-add-wishlist" title="Add To Wishlist">
                  <svg width="16" height="16" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><use href="#icon_heart" /></svg>
                </button>
              </div>

              <div class="pc__info position-relative">
                <!--<p class="pc__category third-color">JEAN</p>-->
                <h6 class="pc__title text-center"><a href="product.php">Mens All Over Printed Round <br>Neck T-Shirt</a></h6>
                <div class="product-card__price d-flex justify-content-center">
                  <span class="money price ">Rs. 1,299.00</span>
                </div>
              </div>
            </div>
            <div class="swiper-slide product-card position-relative">
              <div class="pc__img-wrapper">
                <a href="product.php">
                  <img loading="lazy" src="images/product/b.png" width="330" height="300"
                    alt="Cropped Faux leather Jacket" class="pc__img">
                  
                </a>
                <button class="pc__btn-wl position-absolute top-0 end-0 bg-transparent border-0 js-add-wishlist" title="Add To Wishlist">
                  <svg width="16" height="16" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><use href="#icon_heart" /></svg>
                </button>
               
               
              </div>

              <div class="pc__info position-relative">
               
                <h6 class="pc__title text-center"><a href="product.php">Mens All Over Printed Round <br>Neck T-Shirt</a></h6>
                <div class="product-card__price d-flex justify-content-center">
               
                  <span class="money price ">Rs. 1,039.00</span>
                </div>
              </div>
            </div>
             <div class="swiper-slide product-card position-relative">
              <div class="pc__img-wrapper">
                <a href="product.php">
                  <img loading="lazy" src="images/product/a.png" width="330" height="300"
                    alt="Cropped Faux leather Jacket" class="pc__img">
                  
                </a>
               <button class="pc__btn-wl position-absolute top-0 end-0 bg-transparent border-0 js-add-wishlist" title="Add To Wishlist">
                  <svg width="16" height="16" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><use href="#icon_heart" /></svg>
                </button>
              </div>

              <div class="pc__info position-relative">
                <!--<p class="pc__category third-color">JEAN</p>-->
                <h6 class="pc__title text-center"><a href="product.php">Mens All Over Printed Round <br>Neck T-Shirt</a></h6>
                <div class="product-card__price d-flex justify-content-center">
                  <span class="money price ">Rs. 1,299.00</span>
                </div>
              </div>
            </div>
            <div class="swiper-slide product-card position-relative">
              <div class="pc__img-wrapper">
                <a href="product.php">
                  <img loading="lazy" src="images/product/b.png" width="330" height="300"
                    alt="Cropped Faux leather Jacket" class="pc__img">
                  
                </a>
                 <button class="pc__btn-wl position-absolute top-0 end-0 bg-transparent border-0 js-add-wishlist" title="Add To Wishlist">
                  <svg width="16" height="16" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><use href="#icon_heart" /></svg>
                </button>
               
               
              </div>

              <div class="pc__info position-relative">
               
                <h6 class="pc__title text-center"><a href="product.php">Mens All Over Printed Round <br>Neck T-Shirt</a></h6>
                <div class="product-card__price d-flex justify-content-center">
               
                  <span class="money price ">Rs. 1,039.00</span>
                </div>
              </div>
            </div>
             <div class="swiper-slide product-card position-relative">
              <div class="pc__img-wrapper">
                <a href="product.php">
                  <img loading="lazy" src="images/product/a.png" width="330" height="300"
                    alt="Cropped Faux leather Jacket" class="pc__img">
                
                </a>
              <button class="pc__btn-wl position-absolute top-0 end-0 bg-transparent border-0 js-add-wishlist" title="Add To Wishlist">
                  <svg width="16" height="16" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><use href="#icon_heart" /></svg>
                </button>
              </div>

              <div class="pc__info position-relative">
                <!--<p class="pc__category third-color">JEAN</p>-->
                <h6 class="pc__title text-center"><a href="product.php">Mens All Over Printed Round <br>Neck T-Shirt</a></h6>
                <div class="product-card__price d-flex justify-content-center">
                  <span class="money price ">Rs. 1,299.00</span>
                </div>
              </div>
            </div>
            <div class="swiper-slide product-card position-relative">
              <div class="pc__img-wrapper">
                <a href="product.php">
                  <img loading="lazy" src="images/product/b.png" width="330" height="300"
                    alt="Cropped Faux leather Jacket" class="pc__img">
                  
                </a>
                 <button class="pc__btn-wl position-absolute top-0 end-0 bg-transparent border-0 js-add-wishlist" title="Add To Wishlist">
                  <svg width="16" height="16" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><use href="#icon_heart" /></svg>
                </button>
               
               
              </div>

              <div class="pc__info position-relative">
               
                <h6 class="pc__title text-center"><a href="product.php">Mens All Over Printed Round <br>Neck T-Shirt</a></h6>
                <div class="product-card__price d-flex justify-content-center">
               
                  <span class="money price ">Rs. 1,039.00</span>
                </div>
              </div>
            </div>
             <div class="swiper-slide product-card position-relative">
              <div class="pc__img-wrapper">
                <a href="product.php">
                  <img loading="lazy" src="images/product/a.png" width="330" height="300"
                    alt="Cropped Faux leather Jacket" class="pc__img">
                 
                </a>
               <button class="pc__btn-wl position-absolute top-0 end-0 bg-transparent border-0 js-add-wishlist" title="Add To Wishlist">
                  <svg width="16" height="16" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><use href="#icon_heart" /></svg>
                </button>
              </div>

              <div class="pc__info position-relative">
                <!--<p class="pc__category third-color">JEAN</p>-->
                <h6 class="pc__title text-center"><a href="product.php">Mens All Over Printed Round <br>Neck T-Shirt</a></h6>
                <div class="product-card__price d-flex justify-content-center">
                  <span class="money price ">Rs. 1,299.00</span>
                </div>
              </div>
            </div>
            <div class="swiper-slide product-card position-relative">
              <div class="pc__img-wrapper">
                <a href="product.php">
                  <img loading="lazy" src="images/product/b.png" width="330" height="300"
                    alt="Cropped Faux leather Jacket" class="pc__img">
                  
                </a>
                 <button class="pc__btn-wl position-absolute top-0 end-0 bg-transparent border-0 js-add-wishlist" title="Add To Wishlist">
                  <svg width="16" height="16" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><use href="#icon_heart" /></svg>
                </button>
               
               
              </div>

              <div class="pc__info position-relative">
               
                <h6 class="pc__title text-center"><a href="product.php">Mens All Over Printed Round <br>Neck T-Shirt</a></h6>
                <div class="product-card__price d-flex justify-content-center">
               
                  <span class="money price ">Rs. 1,039.00</span>
                </div>
              </div>
            </div>
             <div class="swiper-slide product-card position-relative">
              <div class="pc__img-wrapper">
                <a href="product.php">
                  <img loading="lazy" src="images/product/a.png" width="330" height="300"
                    alt="Cropped Faux leather Jacket" class="pc__img">
                
                </a>
             <button class="pc__btn-wl position-absolute top-0 end-0 bg-transparent border-0 js-add-wishlist" title="Add To Wishlist">
                  <svg width="16" height="16" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><use href="#icon_heart" /></svg>
                </button>
              </div>

              <div class="pc__info position-relative">
                <!--<p class="pc__category third-color">JEAN</p>-->
                <h6 class="pc__title text-center"><a href="product.php">Mens All Over Printed Round <br>Neck T-Shirt</a></h6>
                <div class="product-card__price d-flex justify-content-center">
                  <span class="money price ">Rs. 1,299.00</span>
                </div>
              </div>
            </div>
            <div class="swiper-slide product-card position-relative">
              <div class="pc__img-wrapper">
                <a href="product.php">
                  <img loading="lazy" src="images/product/b.png" width="330" height="300"
                    alt="Cropped Faux leather Jacket" class="pc__img">
                  
                </a>
                 <button class="pc__btn-wl position-absolute top-0 end-0 bg-transparent border-0 js-add-wishlist" title="Add To Wishlist">
                  <svg width="16" height="16" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><use href="#icon_heart" /></svg>
                </button>
               
               
              </div>

              <div class="pc__info position-relative">
               
                <h6 class="pc__title text-center"><a href="product.php">Mens All Over Printed Round <br>Neck T-Shirt</a></h6>
                <div class="product-card__price d-flex justify-content-center">
               
                  <span class="money price ">Rs. 1,039.00</span>
                </div>
              </div>
            </div>
            
          </div><!-- /.swiper-wrapper -->
        </div><!-- /.swiper-container js-swiper-slider -->

        <div class="products-carousel__prev position-absolute top-50 d-flex align-items-center justify-content-center">
             <img loading="lazy" src="images/icons/left.svg" width="40" height="40">
          <!--<svg width="25" height="25" viewBox="0 0 25 25" xmlns="http://www.w3.org/2000/svg">-->
          <!--  <use href="#icon_prev_md" />-->
          <!--</svg>-->
        </div><!-- /.products-carousel__prev -->
        <div class="products-carousel__next position-absolute top-50 d-flex align-items-center justify-content-center">
             <img loading="lazy" src="images/icons/right.svg" width="40" height="40">
          <!--<svg width="25" height="25" viewBox="0 0 25 25" xmlns="http://www.w3.org/2000/svg">-->
          <!--  <use href="#icon_next_md" />-->
          <!--</svg>-->
        </div><!-- /.products-carousel__next -->

        <div class="pb-2 mb-2 mb-xl-4"></div>

        <!-- scrollbar -->
        <!--<div class="products-carousel__scrollbar swiper-scrollbar"></div>-->
      </div><!-- /.position-relative -->

    </section>
     <section class="products-carousel container-fluid mb-5">
      <h2 class="section-title text-uppercase fw-bold text-center mb-4 pb-xl-2 mb-xl-4">TRENDING NOW</h2>

      <div class="position-relative">
        <div class="swiper-container js-swiper-slider" data-settings='{
            "autoplay": {
              "delay": 5000
            },
            "slidesPerView": 4,
            "slidesPerGroup": 4,
            "effect": "none",
            "loop": false,
            "scrollbar": {
              "el": ".products-carousel__scrollbar",
              "draggable": true
            },
            "navigation": {
              "nextEl": ".products-carousel__next",
              "prevEl": ".products-carousel__prev"
            },
            "breakpoints": {
              "320": {
                "slidesPerView": 2,
                "slidesPerGroup": 2,
                "spaceBetween": 14
              },
              "768": {
                "slidesPerView": 3,
                "slidesPerGroup": 3,
                "spaceBetween": 24
              },
              "992": {
                "slidesPerView": 4,
                "slidesPerGroup": 1,
                "spaceBetween": 30,
                "pagination": false
              }
            }
          }'>
          <div class="swiper-wrapper">
            <div class="swiper-slide product-card position-relative">
              <div class="pc__img-wrapper">
                <a href="product.php">
                  <img loading="lazy" src="images/product/a.png" width="330" height="300"
                    alt="Cropped Faux leather Jacket" class="pc__img">
                 
                </a>
              <button class="pc__btn-wl position-absolute top-0 end-0 bg-transparent border-0 js-add-wishlist" title="Add To Wishlist">
                  <svg width="16" height="16" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><use href="#icon_heart" /></svg>
                </button>
              </div>

              <div class="pc__info position-relative">
                <!--<p class="pc__category third-color">JEAN</p>-->
                <h6 class="pc__title text-center"><a href="product.php">Mens All Over Printed Round <br>Neck T-Shirt</a></h6>
                <div class="product-card__price d-flex justify-content-center">
                  <span class="money price ">Rs. 1,299.00</span>
                </div>
              </div>
            </div>
            <div class="swiper-slide product-card position-relative">
              <div class="pc__img-wrapper">
                <a href="product.php">
                  <img loading="lazy" src="images/product/b.png" width="330" height="300"
                    alt="Cropped Faux leather Jacket" class="pc__img">
                </a>
                 <button class="pc__btn-wl position-absolute top-0 end-0 bg-transparent border-0 js-add-wishlist" title="Add To Wishlist">
                  <svg width="16" height="16" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><use href="#icon_heart" /></svg>
                </button>
                <!--<div class="product-label bg-white">NEW</div>-->
               
               
              </div>

              <div class="pc__info position-relative">
               
                <h6 class="pc__title text-center"><a href="product.php">Mens All Over Printed Round <br>Neck T-Shirt</a></h6>
                <div class="product-card__price d-flex justify-content-center">
               
                  <span class="money price pr-cancel ">Rs. 1,299.00</span> &nbsp;&nbsp;
                  <span class="money price pr-color ">Rs. 1,039.00</span>
                </div>
              </div>
            </div>
             <div class="swiper-slide product-card position-relative">
              <div class="pc__img-wrapper">
                <a href="product.php">
                  <img loading="lazy" src="images/product/a.png" width="330" height="300"
                    alt="Cropped Faux leather Jacket" class="pc__img">
                  
                </a>
                <button class="pc__btn-wl position-absolute top-0 end-0 bg-transparent border-0 js-add-wishlist" title="Add To Wishlist">
                  <svg width="16" height="16" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><use href="#icon_heart" /></svg>
                </button>
              </div>

              <div class="pc__info position-relative">
                <!--<p class="pc__category third-color">JEAN</p>-->
                <h6 class="pc__title text-center"><a href="product.php">Mens All Over Printed Round <br>Neck T-Shirt</a></h6>
                <div class="product-card__price d-flex justify-content-center">
                  <span class="money price ">Rs. 1,299.00</span>
                </div>
              </div>
            </div>
            <div class="swiper-slide product-card position-relative">
              <div class="pc__img-wrapper">
                <a href="product.php">
                  <img loading="lazy" src="images/product/b.png" width="330" height="300"
                    alt="Cropped Faux leather Jacket" class="pc__img">
                  
                </a>
                 <button class="pc__btn-wl position-absolute top-0 end-0 bg-transparent border-0 js-add-wishlist" title="Add To Wishlist">
                  <svg width="16" height="16" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><use href="#icon_heart" /></svg>
                </button>
               
               
              </div>

              <div class="pc__info position-relative">
               
                <h6 class="pc__title text-center"><a href="product.php">Mens All Over Printed Round <br>Neck T-Shirt</a></h6>
                <div class="product-card__price d-flex justify-content-center">
               
                  <span class="money price ">Rs. 1,039.00</span>
                </div>
              </div>
            </div>
             <div class="swiper-slide product-card position-relative">
              <div class="pc__img-wrapper">
                <a href="product.php">
                  <img loading="lazy" src="images/product/a.png" width="330" height="300"
                    alt="Cropped Faux leather Jacket" class="pc__img">
                 
                </a>
                 <button class="pc__btn-wl position-absolute top-0 end-0 bg-transparent border-0 js-add-wishlist" title="Add To Wishlist">
                  <svg width="16" height="16" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><use href="#icon_heart" /></svg>
                </button>
              </div>

              <div class="pc__info position-relative">
                <!--<p class="pc__category third-color">JEAN</p>-->
                <h6 class="pc__title text-center"><a href="product.php">Mens All Over Printed Round <br>Neck T-Shirt</a></h6>
                <div class="product-card__price d-flex justify-content-center">
                  <span class="money price ">Rs. 1,299.00</span>
                </div>
              </div>
            </div>
            <div class="swiper-slide product-card position-relative">
              <div class="pc__img-wrapper">
                <a href="product.php">
                  <img loading="lazy" src="images/product/b.png" width="330" height="300"
                    alt="Cropped Faux leather Jacket" class="pc__img">
                  
                </a>
                <button class="pc__btn-wl position-absolute top-0 end-0 bg-transparent border-0 js-add-wishlist" title="Add To Wishlist">
                  <svg width="16" height="16" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><use href="#icon_heart" /></svg>
                </button>
               
               
              </div>

              <div class="pc__info position-relative">
               
                <h6 class="pc__title text-center"><a href="product.php">Mens All Over Printed Round <br>Neck T-Shirt</a></h6>
                <div class="product-card__price d-flex justify-content-center">
               
                  <span class="money price ">Rs. 1,039.00</span>
                </div>
              </div>
            </div>
             <div class="swiper-slide product-card position-relative">
              <div class="pc__img-wrapper">
                <a href="product.php">
                  <img loading="lazy" src="images/product/a.png" width="330" height="300"
                    alt="Cropped Faux leather Jacket" class="pc__img">
                  
                </a>
               <button class="pc__btn-wl position-absolute top-0 end-0 bg-transparent border-0 js-add-wishlist" title="Add To Wishlist">
                  <svg width="16" height="16" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><use href="#icon_heart" /></svg>
                </button>
              </div>

              <div class="pc__info position-relative">
                <!--<p class="pc__category third-color">JEAN</p>-->
                <h6 class="pc__title text-center"><a href="product.php">Mens All Over Printed Round <br>Neck T-Shirt</a></h6>
                <div class="product-card__price d-flex justify-content-center">
                  <span class="money price ">Rs. 1,299.00</span>
                </div>
              </div>
            </div>
            <div class="swiper-slide product-card position-relative">
              <div class="pc__img-wrapper">
                <a href="product.php">
                  <img loading="lazy" src="images/product/b.png" width="330" height="300"
                    alt="Cropped Faux leather Jacket" class="pc__img">
                  
                </a>
                 <button class="pc__btn-wl position-absolute top-0 end-0 bg-transparent border-0 js-add-wishlist" title="Add To Wishlist">
                  <svg width="16" height="16" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><use href="#icon_heart" /></svg>
                </button>
               
               
              </div>

              <div class="pc__info position-relative">
               
                <h6 class="pc__title text-center"><a href="product.php">Mens All Over Printed Round <br>Neck T-Shirt</a></h6>
                <div class="product-card__price d-flex justify-content-center">
               
                  <span class="money price ">Rs. 1,039.00</span>
                </div>
              </div>
            </div>
             <div class="swiper-slide product-card position-relative">
              <div class="pc__img-wrapper">
                <a href="product.php">
                  <img loading="lazy" src="images/product/a.png" width="330" height="300"
                    alt="Cropped Faux leather Jacket" class="pc__img">
                
                </a>
              <button class="pc__btn-wl position-absolute top-0 end-0 bg-transparent border-0 js-add-wishlist" title="Add To Wishlist">
                  <svg width="16" height="16" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><use href="#icon_heart" /></svg>
                </button>
              </div>

              <div class="pc__info position-relative">
                <!--<p class="pc__category third-color">JEAN</p>-->
                <h6 class="pc__title text-center"><a href="product.php">Mens All Over Printed Round <br>Neck T-Shirt</a></h6>
                <div class="product-card__price d-flex justify-content-center">
                  <span class="money price ">Rs. 1,299.00</span>
                </div>
              </div>
            </div>
            <div class="swiper-slide product-card position-relative">
              <div class="pc__img-wrapper">
                <a href="product.php">
                  <img loading="lazy" src="images/product/b.png" width="330" height="300"
                    alt="Cropped Faux leather Jacket" class="pc__img">
                  
                </a>
                 <button class="pc__btn-wl position-absolute top-0 end-0 bg-transparent border-0 js-add-wishlist" title="Add To Wishlist">
                  <svg width="16" height="16" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><use href="#icon_heart" /></svg>
                </button>
               
               
              </div>

              <div class="pc__info position-relative">
               
                <h6 class="pc__title text-center"><a href="product.php">Mens All Over Printed Round <br>Neck T-Shirt</a></h6>
                <div class="product-card__price d-flex justify-content-center">
               
                  <span class="money price ">Rs. 1,039.00</span>
                </div>
              </div>
            </div>
             <div class="swiper-slide product-card position-relative">
              <div class="pc__img-wrapper">
                <a href="product.php">
                  <img loading="lazy" src="images/product/a.png" width="330" height="300"
                    alt="Cropped Faux leather Jacket" class="pc__img">
                 
                </a>
               <button class="pc__btn-wl position-absolute top-0 end-0 bg-transparent border-0 js-add-wishlist" title="Add To Wishlist">
                  <svg width="16" height="16" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><use href="#icon_heart" /></svg>
                </button>
              </div>

              <div class="pc__info position-relative">
                <!--<p class="pc__category third-color">JEAN</p>-->
                <h6 class="pc__title text-center"><a href="product.php">Mens All Over Printed Round <br>Neck T-Shirt</a></h6>
                <div class="product-card__price d-flex justify-content-center">
                  <span class="money price ">Rs. 1,299.00</span>
                </div>
              </div>
            </div>
            <div class="swiper-slide product-card position-relative">
              <div class="pc__img-wrapper">
                <a href="product.php">
                  <img loading="lazy" src="images/product/b.png" width="330" height="300"
                    alt="Cropped Faux leather Jacket" class="pc__img">
                  
                </a>
                 <button class="pc__btn-wl position-absolute top-0 end-0 bg-transparent border-0 js-add-wishlist" title="Add To Wishlist">
                  <svg width="16" height="16" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><use href="#icon_heart" /></svg>
                </button>
               
               
              </div>

              <div class="pc__info position-relative">
               
                <h6 class="pc__title text-center"><a href="product.php">Mens All Over Printed Round <br>Neck T-Shirt</a></h6>
                <div class="product-card__price d-flex justify-content-center">
               
                  <span class="money price ">Rs. 1,039.00</span>
                </div>
              </div>
            </div>
             <div class="swiper-slide product-card position-relative">
              <div class="pc__img-wrapper">
                <a href="product.php">
                  <img loading="lazy" src="images/product/a.png" width="330" height="300"
                    alt="Cropped Faux leather Jacket" class="pc__img">
                
                </a>
             <button class="pc__btn-wl position-absolute top-0 end-0 bg-transparent border-0 js-add-wishlist" title="Add To Wishlist">
                  <svg width="16" height="16" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><use href="#icon_heart" /></svg>
                </button>
              </div>

              <div class="pc__info position-relative">
                <!--<p class="pc__category third-color">JEAN</p>-->
                <h6 class="pc__title text-center"><a href="product.php">Mens All Over Printed Round <br>Neck T-Shirt</a></h6>
                <div class="product-card__price d-flex justify-content-center">
                  <span class="money price ">Rs. 1,299.00</span>
                </div>
              </div>
            </div>
            <div class="swiper-slide product-card position-relative">
              <div class="pc__img-wrapper">
                <a href="product.php">
                  <img loading="lazy" src="images/product/b.png" width="330" height="300"
                    alt="Cropped Faux leather Jacket" class="pc__img">
                  
                </a>
                 <button class="pc__btn-wl position-absolute top-0 end-0 bg-transparent border-0 js-add-wishlist" title="Add To Wishlist">
                  <svg width="16" height="16" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><use href="#icon_heart" /></svg>
                </button>
               
               
              </div>

              <div class="pc__info position-relative">
               
                <h6 class="pc__title text-center"><a href="product.php">Mens All Over Printed Round <br>Neck T-Shirt</a></h6>
                <div class="product-card__price d-flex justify-content-center">
               
                  <span class="money price ">Rs. 1,039.00</span>
                </div>
              </div>
            </div>
            
          </div><!-- /.swiper-wrapper -->
        </div><!-- /.swiper-container js-swiper-slider -->

        <div class="products-carousel__prev position-absolute top-50 d-flex align-items-center justify-content-center">
             <img loading="lazy" src="images/icons/left.svg" width="40" height="40">
          <!--<svg width="25" height="25" viewBox="0 0 25 25" xmlns="http://www.w3.org/2000/svg">-->
          <!--  <use href="#icon_prev_md" />-->
          <!--</svg>-->
        </div><!-- /.products-carousel__prev -->
        <div class="products-carousel__next position-absolute top-50 d-flex align-items-center justify-content-center">
             <img loading="lazy" src="images/icons/right.svg" width="40" height="40">
          <!--<svg width="25" height="25" viewBox="0 0 25 25" xmlns="http://www.w3.org/2000/svg">-->
          <!--  <use href="#icon_next_md" />-->
          <!--</svg>-->
        </div><!-- /.products-carousel__next -->

        <div class="pb-2 mb-2 mb-xl-4"></div>

        <!-- scrollbar -->
        <!--<div class="products-carousel__scrollbar swiper-scrollbar"></div>-->
      </div><!-- /.position-relative -->

    </section>
      

     <section class="products-carousel container-fluid mb-5">
      <h2 class="section-title text-uppercase fw-bold text-center mb-4 pb-xl-2 mb-xl-4">Styles Recommended for you</h2>

        <div class="position-relative">
        <div class="swiper-container js-swiper-slider" data-settings='{
            "autoplay": {
              "delay": 5000
            },
            "slidesPerView": 4,
            "slidesPerGroup": 4,
            "effect": "none",
            "loop": false,
            "scrollbar": {
              "el": ".products-carousel__scrollbar",
              "draggable": true
            },
            "navigation": {
              "nextEl": ".products-carousel__next",
              "prevEl": ".products-carousel__prev"
            },
            "breakpoints": {
              "320": {
                "slidesPerView": 2,
                "slidesPerGroup": 2,
                "spaceBetween": 14
              },
              "768": {
                "slidesPerView": 3,
                "slidesPerGroup": 3,
                "spaceBetween": 24
              },
              "992": {
                "slidesPerView": 4,
                "slidesPerGroup": 1,
                "spaceBetween": 30,
                "pagination": false
              }
            }
          }'>
          <div class="swiper-wrapper">
            <div class="swiper-slide product-card position-relative">
              <div class="pc__img-wrapper">
                <a href="product.php">
                  <img loading="lazy" src="images/product/a.png" width="330" height="300"
                    alt="Cropped Faux leather Jacket" class="pc__img">
                 
                </a>
              <button class="pc__btn-wl position-absolute top-0 end-0 bg-transparent border-0 js-add-wishlist" title="Add To Wishlist">
                  <svg width="16" height="16" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><use href="#icon_heart" /></svg>
                </button>
              </div>

              <div class="pc__info position-relative">
                <!--<p class="pc__category third-color">JEAN</p>-->
                <h6 class="pc__title text-center"><a href="product.php">Mens All Over Printed Round <br>Neck T-Shirt</a></h6>
                <div class="product-card__price d-flex justify-content-center">
                  <span class="money price ">Rs. 1,299.00</span>
                </div>
              </div>
            </div>
            <div class="swiper-slide product-card position-relative">
              <div class="pc__img-wrapper">
                <a href="product.php">
                  <img loading="lazy" src="images/product/b.png" width="330" height="300"
                    alt="Cropped Faux leather Jacket" class="pc__img">
                </a>
                 <button class="pc__btn-wl position-absolute top-0 end-0 bg-transparent border-0 js-add-wishlist" title="Add To Wishlist">
                  <svg width="16" height="16" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><use href="#icon_heart" /></svg>
                </button>
                <!--<div class="product-label bg-white">NEW</div>-->
               
               
              </div>

              <div class="pc__info position-relative">
               
                <h6 class="pc__title text-center"><a href="product.php">Mens All Over Printed Round <br>Neck T-Shirt</a></h6>
                <div class="product-card__price d-flex justify-content-center">
               
                  <span class="money price pr-cancel ">Rs. 1,299.00</span> &nbsp;&nbsp;
                  <span class="money price pr-color ">Rs. 1,039.00</span>
                </div>
              </div>
            </div>
             <div class="swiper-slide product-card position-relative">
              <div class="pc__img-wrapper">
                <a href="product.php">
                  <img loading="lazy" src="images/product/a.png" width="330" height="300"
                    alt="Cropped Faux leather Jacket" class="pc__img">
                  
                </a>
                <button class="pc__btn-wl position-absolute top-0 end-0 bg-transparent border-0 js-add-wishlist" title="Add To Wishlist">
                  <svg width="16" height="16" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><use href="#icon_heart" /></svg>
                </button>
              </div>

              <div class="pc__info position-relative">
                <!--<p class="pc__category third-color">JEAN</p>-->
                <h6 class="pc__title text-center"><a href="product.php">Mens All Over Printed Round <br>Neck T-Shirt</a></h6>
                <div class="product-card__price d-flex justify-content-center">
                  <span class="money price ">Rs. 1,299.00</span>
                </div>
              </div>
            </div>
            <div class="swiper-slide product-card position-relative">
              <div class="pc__img-wrapper">
                <a href="product.php">
                  <img loading="lazy" src="images/product/b.png" width="330" height="300"
                    alt="Cropped Faux leather Jacket" class="pc__img">
                  
                </a>
                 <button class="pc__btn-wl position-absolute top-0 end-0 bg-transparent border-0 js-add-wishlist" title="Add To Wishlist">
                  <svg width="16" height="16" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><use href="#icon_heart" /></svg>
                </button>
               
               
              </div>

              <div class="pc__info position-relative">
               
                <h6 class="pc__title text-center"><a href="product.php">Mens All Over Printed Round <br>Neck T-Shirt</a></h6>
                <div class="product-card__price d-flex justify-content-center">
               
                  <span class="money price ">Rs. 1,039.00</span>
                </div>
              </div>
            </div>
             <div class="swiper-slide product-card position-relative">
              <div class="pc__img-wrapper">
                <a href="product.php">
                  <img loading="lazy" src="images/product/a.png" width="330" height="300"
                    alt="Cropped Faux leather Jacket" class="pc__img">
                 
                </a>
                 <button class="pc__btn-wl position-absolute top-0 end-0 bg-transparent border-0 js-add-wishlist" title="Add To Wishlist">
                  <svg width="16" height="16" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><use href="#icon_heart" /></svg>
                </button>
              </div>

              <div class="pc__info position-relative">
                <!--<p class="pc__category third-color">JEAN</p>-->
                <h6 class="pc__title text-center"><a href="product.php">Mens All Over Printed Round <br>Neck T-Shirt</a></h6>
                <div class="product-card__price d-flex justify-content-center">
                  <span class="money price ">Rs. 1,299.00</span>
                </div>
              </div>
            </div>
            <div class="swiper-slide product-card position-relative">
              <div class="pc__img-wrapper">
                <a href="product.php">
                  <img loading="lazy" src="images/product/b.png" width="330" height="300"
                    alt="Cropped Faux leather Jacket" class="pc__img">
                  
                </a>
                <button class="pc__btn-wl position-absolute top-0 end-0 bg-transparent border-0 js-add-wishlist" title="Add To Wishlist">
                  <svg width="16" height="16" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><use href="#icon_heart" /></svg>
                </button>
               
               
              </div>

              <div class="pc__info position-relative">
               
                <h6 class="pc__title text-center"><a href="product.php">Mens All Over Printed Round <br>Neck T-Shirt</a></h6>
                <div class="product-card__price d-flex justify-content-center">
               
                  <span class="money price ">Rs. 1,039.00</span>
                </div>
              </div>
            </div>
             <div class="swiper-slide product-card position-relative">
              <div class="pc__img-wrapper">
                <a href="product.php">
                  <img loading="lazy" src="images/product/a.png" width="330" height="300"
                    alt="Cropped Faux leather Jacket" class="pc__img">
                  
                </a>
               <button class="pc__btn-wl position-absolute top-0 end-0 bg-transparent border-0 js-add-wishlist" title="Add To Wishlist">
                  <svg width="16" height="16" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><use href="#icon_heart" /></svg>
                </button>
              </div>

              <div class="pc__info position-relative">
                <!--<p class="pc__category third-color">JEAN</p>-->
                <h6 class="pc__title text-center"><a href="product.php">Mens All Over Printed Round <br>Neck T-Shirt</a></h6>
                <div class="product-card__price d-flex justify-content-center">
                  <span class="money price ">Rs. 1,299.00</span>
                </div>
              </div>
            </div>
            <div class="swiper-slide product-card position-relative">
              <div class="pc__img-wrapper">
                <a href="product.php">
                  <img loading="lazy" src="images/product/b.png" width="330" height="300"
                    alt="Cropped Faux leather Jacket" class="pc__img">
                  
                </a>
                 <button class="pc__btn-wl position-absolute top-0 end-0 bg-transparent border-0 js-add-wishlist" title="Add To Wishlist">
                  <svg width="16" height="16" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><use href="#icon_heart" /></svg>
                </button>
               
               
              </div>

              <div class="pc__info position-relative">
               
                <h6 class="pc__title text-center"><a href="product.php">Mens All Over Printed Round <br>Neck T-Shirt</a></h6>
                <div class="product-card__price d-flex justify-content-center">
               
                  <span class="money price ">Rs. 1,039.00</span>
                </div>
              </div>
            </div>
             <div class="swiper-slide product-card position-relative">
              <div class="pc__img-wrapper">
                <a href="product.php">
                  <img loading="lazy" src="images/product/a.png" width="330" height="300"
                    alt="Cropped Faux leather Jacket" class="pc__img">
                
                </a>
              <button class="pc__btn-wl position-absolute top-0 end-0 bg-transparent border-0 js-add-wishlist" title="Add To Wishlist">
                  <svg width="16" height="16" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><use href="#icon_heart" /></svg>
                </button>
              </div>

              <div class="pc__info position-relative">
                <!--<p class="pc__category third-color">JEAN</p>-->
                <h6 class="pc__title text-center"><a href="product.php">Mens All Over Printed Round <br>Neck T-Shirt</a></h6>
                <div class="product-card__price d-flex justify-content-center">
                  <span class="money price ">Rs. 1,299.00</span>
                </div>
              </div>
            </div>
            <div class="swiper-slide product-card position-relative">
              <div class="pc__img-wrapper">
                <a href="product.php">
                  <img loading="lazy" src="images/product/b.png" width="330" height="300"
                    alt="Cropped Faux leather Jacket" class="pc__img">
                  
                </a>
                 <button class="pc__btn-wl position-absolute top-0 end-0 bg-transparent border-0 js-add-wishlist" title="Add To Wishlist">
                  <svg width="16" height="16" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><use href="#icon_heart" /></svg>
                </button>
               
               
              </div>

              <div class="pc__info position-relative">
               
                <h6 class="pc__title text-center"><a href="product.php">Mens All Over Printed Round <br>Neck T-Shirt</a></h6>
                <div class="product-card__price d-flex justify-content-center">
               
                  <span class="money price ">Rs. 1,039.00</span>
                </div>
              </div>
            </div>
             <div class="swiper-slide product-card position-relative">
              <div class="pc__img-wrapper">
                <a href="product.php">
                  <img loading="lazy" src="images/product/a.png" width="330" height="300"
                    alt="Cropped Faux leather Jacket" class="pc__img">
                 
                </a>
               <button class="pc__btn-wl position-absolute top-0 end-0 bg-transparent border-0 js-add-wishlist" title="Add To Wishlist">
                  <svg width="16" height="16" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><use href="#icon_heart" /></svg>
                </button>
              </div>

              <div class="pc__info position-relative">
                <!--<p class="pc__category third-color">JEAN</p>-->
                <h6 class="pc__title text-center"><a href="product.php">Mens All Over Printed Round <br>Neck T-Shirt</a></h6>
                <div class="product-card__price d-flex justify-content-center">
                  <span class="money price ">Rs. 1,299.00</span>
                </div>
              </div>
            </div>
            <div class="swiper-slide product-card position-relative">
              <div class="pc__img-wrapper">
                <a href="product.php">
                  <img loading="lazy" src="images/product/b.png" width="330" height="300"
                    alt="Cropped Faux leather Jacket" class="pc__img">
                  
                </a>
                 <button class="pc__btn-wl position-absolute top-0 end-0 bg-transparent border-0 js-add-wishlist" title="Add To Wishlist">
                  <svg width="16" height="16" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><use href="#icon_heart" /></svg>
                </button>
               
               
              </div>

              <div class="pc__info position-relative">
               
                <h6 class="pc__title text-center"><a href="product.php">Mens All Over Printed Round <br>Neck T-Shirt</a></h6>
                <div class="product-card__price d-flex justify-content-center">
               
                  <span class="money price ">Rs. 1,039.00</span>
                </div>
              </div>
            </div>
             <div class="swiper-slide product-card position-relative">
              <div class="pc__img-wrapper">
                <a href="product.php">
                  <img loading="lazy" src="images/product/a.png" width="330" height="300"
                    alt="Cropped Faux leather Jacket" class="pc__img">
                
                </a>
             <button class="pc__btn-wl position-absolute top-0 end-0 bg-transparent border-0 js-add-wishlist" title="Add To Wishlist">
                  <svg width="16" height="16" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><use href="#icon_heart" /></svg>
                </button>
              </div>

              <div class="pc__info position-relative">
                <!--<p class="pc__category third-color">JEAN</p>-->
                <h6 class="pc__title text-center"><a href="product.php">Mens All Over Printed Round <br>Neck T-Shirt</a></h6>
                <div class="product-card__price d-flex justify-content-center">
                  <span class="money price ">Rs. 1,299.00</span>
                </div>
              </div>
            </div>
            <div class="swiper-slide product-card position-relative">
              <div class="pc__img-wrapper">
                <a href="product.php">
                  <img loading="lazy" src="images/product/b.png" width="330" height="300"
                    alt="Cropped Faux leather Jacket" class="pc__img">
                  
                </a>
                 <button class="pc__btn-wl position-absolute top-0 end-0 bg-transparent border-0 js-add-wishlist" title="Add To Wishlist">
                  <svg width="16" height="16" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><use href="#icon_heart" /></svg>
                </button>
               
               
              </div>

              <div class="pc__info position-relative">
               
                <h6 class="pc__title text-center"><a href="product.php">Mens All Over Printed Round <br>Neck T-Shirt</a></h6>
                <div class="product-card__price d-flex justify-content-center">
               
                  <span class="money price ">Rs. 1,039.00</span>
                </div>
              </div>
            </div>
            
          </div><!-- /.swiper-wrapper -->
        </div><!-- /.swiper-container js-swiper-slider -->

        <div class="products-carousel__prev position-absolute top-50 d-flex align-items-center justify-content-center">
             <img loading="lazy" src="images/icons/left.svg" width="40" height="40">
          <!--<svg width="25" height="25" viewBox="0 0 25 25" xmlns="http://www.w3.org/2000/svg">-->
          <!--  <use href="#icon_prev_md" />-->
          <!--</svg>-->
        </div><!-- /.products-carousel__prev -->
        <div class="products-carousel__next position-absolute top-50 d-flex align-items-center justify-content-center">
             <img loading="lazy" src="images/icons/right.svg" width="40" height="40">
          <!--<svg width="25" height="25" viewBox="0 0 25 25" xmlns="http://www.w3.org/2000/svg">-->
          <!--  <use href="#icon_next_md" />-->
          <!--</svg>-->
        </div><!-- /.products-carousel__next -->

        <div class="pb-2 mb-2 mb-xl-4"></div>

        <!-- scrollbar -->
        <!--<div class="products-carousel__scrollbar swiper-scrollbar"></div>-->
      </div><!-- /.position-relative -->

    </section>
     
    <!--<section class="hot-deals container">-->
        <!--<h2 class="section-title text-center mb-3 pb-xl-3 mb-xl-4">Hot Deals</h2>-->
    <!--    <div class="row">-->
          <!--<div class="col-md-6 col-lg-4 col-xl-25per d-flex align-items-center flex-column justify-content-center py-4 align-items-md-start">-->
    <!--       <div class="col-md-4 col-lg-4 col-xl-3 d-flex align-items-center flex-column justify-content-center mb-3 align-items-md-start">-->
    <!--        <h2 class="title-more">More to</h2>-->
    <!--        <h2 class="title-explore">Explore</h2>-->

          
    <!--        <h5 class="small-para">Explore seasonal collections,-->
    <!--           iconic accessories, and more</h5>-->

          
    <!--      </div>-->
          <!--<div class="col-md-6 col-lg-8 col-xl-75per">-->
    <!--        <div class="col-md-8 col-lg-8 col-xl-9">-->
    <!--           <div class="position-relative">-->
    <!--         <div class="swiper-container js-swiper-slider" data-settings='{-->
    <!--        "autoplay": {-->
    <!--          "delay": 5000-->
    <!--        },-->
    <!--        "slidesPerView": 3,-->
    <!--        "slidesPerGroup": 3,-->
    <!--        "effect": "none",-->
    <!--        "loop": false,-->
    <!--        "scrollbar": {-->
    <!--          "el": ".products-carousel__scrollbar",-->
    <!--          "draggable": true-->
    <!--        },-->
    <!--        "navigation": {-->
    <!--          "nextEl": ".products-carousel__next3",-->
    <!--          "prevEl": ".products-carousel__prev3"-->
    <!--        },-->
    <!--        "breakpoints": {-->
    <!--          "320": {-->
    <!--            "slidesPerView": 2,-->
    <!--            "slidesPerGroup": 2,-->
    <!--            "spaceBetween": 14-->
    <!--          },-->
    <!--          "768": {-->
    <!--            "slidesPerView": 2,-->
    <!--            "slidesPerGroup": 2,-->
    <!--            "spaceBetween": 24-->
    <!--          },-->
    <!--          "992": {-->
    <!--            "slidesPerView": 3,-->
    <!--            "slidesPerGroup": 1,-->
    <!--            "spaceBetween": 30,-->
    <!--            "pagination": false-->
    <!--          }-->
    <!--        }-->
    <!--      }'>-->
    <!--            <div class="swiper-wrapper" id="swiper-wrapper-4140d86b26f744ef" aria-live="off" style="transform: translate3d(-864px, 0px, 0px); transition-duration: 0ms;">-->
    <!--              <div class="swiper-slide product-card product-card_style3" role="group" aria-label="1 / 8" style="width: 298px !important; margin-right: 30px;">-->
    <!--                <div class="pc__img-wrapper position-relative">-->
    <!--                  <a href="product.php">-->
    <!--                    <img loading="lazy" src="images/product/2.png" width="298" height="392" alt="Cropped Faux leather Jacket" class="pc__img">-->
                      
    <!--                  </a>-->
    <!--                </div>-->
      
    <!--                 <div class="pc__info pc__infos  position-absolute">-->
    <!--                  <h6 class="pc__title"><a href="product.php">Collection</a></h6>-->
                     
                     
    <!--                </div>-->
    <!--              </div>-->
    <!--              <div class="swiper-slide product-card product-card_style3" role="group" aria-label="1 / 8" style="width: 298px !important; margin-right: 30px;">-->
    <!--                <div class="pc__img-wrapper position-relative">-->
    <!--                  <a href="product.php">-->
    <!--                    <img loading="lazy" src="images/product/3.png" width="298" height="392" alt="Cropped Faux leather Jacket" class="pc__img">-->
                      
    <!--                  </a>-->
    <!--                </div>-->
      
    <!--                 <div class="pc__info pc__infos  position-absolute">-->
    <!--                  <h6 class="pc__title"><a href="product.php">T-Shirts</a></h6>-->
                     
                     
    <!--                </div>-->
    <!--              </div>-->
    <!--              <div class="swiper-slide product-card product-card_style3" role="group" aria-label="1 / 8" style="width: 298px !important; margin-right: 30px;">-->
    <!--                <div class="pc__img-wrapper position-relative">-->
    <!--                  <a href="product.php">-->
    <!--                    <img loading="lazy" src="images/product/1.png" width="298" height="392" alt="Cropped Faux leather Jacket" class="pc__img">-->
                      
    <!--                  </a>-->
    <!--                </div>-->
      
    <!--                 <div class="pc__info pc__infos  position-absolute">-->
    <!--                  <h6 class="pc__title"><a href="product.php">T-Shirts</a></h6>-->
                     
                     
    <!--                </div>-->
    <!--              </div>-->
    <!--              <div class="swiper-slide product-card product-card_style3" role="group" aria-label="1 / 8" style="width: 298px !important; margin-right: 30px;">-->
    <!--                <div class="pc__img-wrapper position-relative">-->
    <!--                  <a href="product.php">-->
    <!--                    <img loading="lazy" src="images/product/2.png" width="298" height="392" alt="Cropped Faux leather Jacket" class="pc__img">-->
                      
    <!--                  </a>-->
    <!--                </div>-->
      
    <!--                 <div class="pc__info pc__infos  position-absolute">-->
    <!--                  <h6 class="pc__title"><a href="product.php">Collection</a></h6>-->
                     
                     
    <!--                </div>-->
    <!--              </div>-->
    <!--              <div class="swiper-slide product-card product-card_style3" role="group" aria-label="1 / 8" style="width: 298px !important; margin-right: 30px;">-->
    <!--                <div class="pc__img-wrapper position-relative">-->
    <!--                  <a href="product.php">-->
    <!--                    <img loading="lazy" src="images/product/3.png" width="298" height="392" alt="Cropped Faux leather Jacket" class="pc__img">-->
                      
    <!--                  </a>-->
    <!--                </div>-->
      
    <!--                 <div class="pc__info pc__infos  position-absolute">-->
    <!--                  <h6 class="pc__title"><a href="product.php">T-Shirts</a></h6>-->
                     
                     
    <!--                </div>-->
    <!--              </div>-->
    <!--              <div class="swiper-slide product-card product-card_style3" role="group" aria-label="1 / 8" style="width: 298px !important; margin-right: 30px;">-->
    <!--                <div class="pc__img-wrapper position-relative">-->
    <!--                  <a href="product.php">-->
    <!--                    <img loading="lazy" src="images/product/1.png" width="298" height="392" alt="Cropped Faux leather Jacket" class="pc__img">-->
                      
    <!--                  </a>-->
    <!--                </div>-->
      
    <!--                 <div class="pc__info pc__infos  position-absolute">-->
    <!--                  <h6 class="pc__title"><a href="product.php">T-Shirts</a></h6>-->
                     
                     
    <!--                </div>-->
    <!--              </div>-->
                 
    <!--            </div><!-- /.swiper-wrapper -->-->
    <!--          <span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span></div><!-- /.swiper-container js-swiper-slider -->-->
              
    <!--           <div class="products-carousel__prev3 position-absolute top-50 d-flex align-items-center justify-content-center">-->
    <!--               <img loading="lazy" src="images/icons/left.svg" width="40" height="40">-->
         
    <!--    </div><!-- /.products-carousel__prev -->-->
    <!--    <div class="products-carousel__next3 position-absolute top-50 d-flex align-items-center justify-content-center">-->
    <!--     <img loading="lazy" src="images/icons/right.svg" width="40" height="40">-->
    <!--    </div><!-- /.products-carousel__next -->-->

    <!--    <div class="pb-2 mb-2 mb-xl-4"></div>-->
              
    <!--        </div><!-- /.position-relative -->-->
    <!--      </div>-->
    <!--    </div>-->
    <!--  </section>-->
    <div class="mb-3 mb-md-4 mb-xl-5 pb-2 pt-1"></div>

    <section class="grid-banner container mb-5" id="section-grid-banner">
      <div class="row">
        <div class="col-lg-3 col-6 grid-banner__itemss ">
          <div class="grid-banner__items  mb-3">
            <img src="images/icons/14.png" alt="Uomo" class="iconss d-block">
              <h3 class="iconss-text mb-1">100% Authentic Products</h3>
           
          </div>
        </div>
        <div class="col-lg-3 col-6 grid-banner__itemss">
          <div class="grid-banner__items  mb-3">
            <img src="images/icons/13.png" alt="Uomo" class="iconss d-block icons">
              <h3 class="iconss-text mb-1">Secure Payment</h3>
           
          </div>
        </div>
        <div class="col-lg-3 col-6 grid-banner__itemss">
          <div class="grid-banner__items  mb-3">
            <img src="images/icons/12.png" alt="Uomo" class="iconss d-block icons">
              <h3 class="iconss-text mb-1">Quality Checked</h3>
           
          </div>
        </div>
        <div class="col-lg-3 col-6">
          <div class="grid-banner__items  mb-3">
            <img src="images/icons/11.png" alt="Uomo" class="iconss d-block icons">
              <h3 class="iconss-text mb-1">7 Days Return</h3>
           
          </div>
        </div>
      </div><!-- /.row -->
    </section>

</main>

@include('layouts.footer')
